npm - @sebgroup/green-angular - Versions diffs - 6.0.4 → 6.1.0 - Mend

@sebgroup/green-angular 6.0.4 → 6.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 (53) hide show

package/esm2022/v-angular/textarea/textarea.component.mjs CHANGED Viewed

@@ -84,11 +84,11 @@ export class NggvTextareaComponent extends NggvBaseControlValueAccessorComponent
         this.onChange(this.state);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggvTextareaComponent, 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: "18.2.13", type: NggvTextareaComponent, selector: "nggv-textarea", inputs: { thook: "thook", placeholder: "placeholder", readonly: "readonly", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", rows: "rows", size: "size" }, host: { properties: { "attr.data-thook": "this.thook", "class.small": "this.isSmall", "class.large": "this.isLarge" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n  [id]=\"id + '-label'\"\n  class=\"gds-field-label hide-if-empty\"\n  [attr.for]=\"id + '-textarea'\"\n  *transloco=\"let t; read: scope\"\n>\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=\"gds-field-label--optional\"\n      >\n        ({{ t('label.optional') }})\n      </span>\n    </ng-container>\n  </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description && descriptionIsVisible\">\n  {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n  <ng-template\n    *ngTemplateOutlet=\"\n      lockedTpl || defaultLockedTpl;\n      context: { $implicit: state }\n    \"\n  ></ng-template>\n  <ng-template #defaultLockedTpl>\n    <div\n      [id]=\"id + '-textarea'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        {{ state }}\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n  <textarea\n    #input\n    [id]=\"id + '-textarea'\"\n    class=\"gds-field\"\n    [ngClass]=\"{ 'no-resize': !!rows }\"\n    [class.nggv-field--error]=\"invalid\"\n    [attr.name]=\"name\"\n    [attr.required]=\"required || null\"\n    [disabled]=\"disabled\"\n    [autofocus]=\"autofocus\"\n    [readOnly]=\"readonly\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.role]=\"role\"\n    [attr.rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-label]=\"description\"\n    [value]=\"state\"\n    title=\"\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n  ></textarea>\n\n  <!-- ERRORS -->\n  <div\n    class=\"gds-form-item__footer error-wrapper\"\n    *transloco=\"let t; read: scope\"\n  >\n    <span\n      class=\"form-info form-info--error\"\n      [attr.for]=\"id + '-textarea'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span class=\"error-icon\">\n        <gds-icon-triangle-exclamation\n          width=\"16\"\n          height=\"16\"\n          solid=\"true\"\n          *nggCoreElement\n        ></gds-icon-triangle-exclamation>\n      </span>\n\n      <span\n        *ngIf=\"error; else errorsRef\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n        >{{ error }}</span\n      >\n      <ng-template #errorsRef>\n        <span\n          *ngIf=\"firstError as error\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"hasMaxLength\">\n      <span\n        *nggvCharacterCountdown=\"\n          maxlength;\n          currentLength: (inputRef?.nativeElement?.value ?? '').length;\n          charactersLeft as charactersLeft\n        \"\n        class=\"form-info form-info--countdown\"\n        style=\"text-align: right\"\n      >\n        {{ charactersLeft }} {{ t('label.maxlength') }}\n      </span>\n    </ng-container>\n  </div>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label+.gds-field,:host label+.nggv-field--locked{margin-top:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host textarea.nggv-field--error{border-bottom:.125rem solid #9f000a!important}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .gds-form-item__footer>.form-info--countdown{font-weight:400}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}:host.small label:not(.gds-field-notice):not(.form-control){font-size:.875rem;line-height:1rem}:host.small label+textarea{margin-top:.25rem}:host.small textarea{padding:.38rem .5rem;font-size:.875rem}:host.small .error-wrapper,:host.small .form-info{margin-top:.25rem;font-size:.875rem;line-height:1rem}\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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "directive", type: i5.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NggvTextareaComponent, selector: "nggv-textarea", inputs: { thook: "thook", placeholder: "placeholder", readonly: "readonly", minLength: "minLength", minlength: "minlength", maxLength: "maxLength", maxlength: "maxlength", rows: "rows", size: "size" }, host: { properties: { "attr.data-thook": "this.thook", "class.small": "this.isSmall", "class.large": "this.isLarge" } }, usesInheritance: true, ngImport: i0, template: "<!-- LABEL -->\n<label\n  [id]=\"id + '-label'\"\n  class=\"gds-field-label hide-if-empty\"\n  [attr.for]=\"id + '-textarea'\"\n  *transloco=\"let t; read: scope\"\n>\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=\"gds-field-label--optional\"\n      >\n        ({{ t('label.optional') }})\n      </span>\n    </ng-container>\n  </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description && descriptionIsVisible\">\n  {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n  <ng-template\n    *ngTemplateOutlet=\"\n      lockedTpl || defaultLockedTpl;\n      context: { $implicit: state }\n    \"\n  ></ng-template>\n  <ng-template #defaultLockedTpl>\n    <div\n      [id]=\"id + '-textarea'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        {{ state }}\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n  <textarea\n    #input\n    [id]=\"id + '-textarea'\"\n    class=\"gds-field\"\n    [ngClass]=\"{ 'no-resize': !!rows }\"\n    [class.nggv-field--error]=\"invalid\"\n    [attr.name]=\"name\"\n    [attr.required]=\"required || null\"\n    [disabled]=\"disabled\"\n    [autofocus]=\"autofocus\"\n    [readOnly]=\"readonly\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.role]=\"role\"\n    [attr.rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-label]=\"description\"\n    [value]=\"state\"\n    title=\"\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n  ></textarea>\n\n  <!-- ERRORS -->\n  <div\n    class=\"gds-form-item__footer error-wrapper\"\n    *transloco=\"let t; read: scope\"\n  >\n    <span\n      class=\"form-info form-info--error\"\n      [attr.for]=\"id + '-textarea'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span class=\"error-icon\">\n        <gds-icon-triangle-exclamation\n          width=\"16\"\n          height=\"16\"\n          solid=\"true\"\n          *nggCoreElement\n        ></gds-icon-triangle-exclamation>\n      </span>\n\n      <span\n        *ngIf=\"error; else errorsRef\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n        >{{ error }}</span\n      >\n      <ng-template #errorsRef>\n        <span\n          *ngIf=\"firstError as error\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"hasMaxLength\">\n      <span\n        *nggvCharacterCountdown=\"\n          maxlength;\n          currentLength: (inputRef?.nativeElement?.value ?? '').length;\n          charactersLeft as charactersLeft\n        \"\n        class=\"form-info form-info--countdown\"\n        style=\"text-align: right\"\n      >\n        {{ charactersLeft }} {{ t('label.maxlength') }}\n      </span>\n    </ng-container>\n  </div>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label+.gds-field,:host label+.nggv-field--locked{margin-top:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host textarea.nggv-field--error{border-bottom:.125rem solid #9f000a!important}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .gds-form-item__footer>.form-info--countdown{font-weight:400}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}:host.small label:not(.gds-field-notice):not(.form-control){font-size:.875rem;line-height:1rem}:host.small label+textarea{margin-top:.25rem}:host.small textarea{padding:.38rem .5rem;font-size:.875rem}:host.small .error-wrapper,:host.small .form-info{margin-top:.25rem;font-size:.875rem;line-height:1rem}:host.small .gds-form-item__footer:not(:empty){margin-top:0rem}\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: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.CharacterCountdownDirective, selector: "[nggvCharacterCountdown]", inputs: ["nggvCharacterCountdown", "nggvCharacterCountdownCurrentLength"] }, { kind: "directive", type: i5.NggCoreElementDirective, selector: "[nggCoreElement]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggvTextareaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nggv-textarea', template: "<!-- LABEL -->\n<label\n  [id]=\"id + '-label'\"\n  class=\"gds-field-label hide-if-empty\"\n  [attr.for]=\"id + '-textarea'\"\n  *transloco=\"let t; read: scope\"\n>\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=\"gds-field-label--optional\"\n      >\n        ({{ t('label.optional') }})\n      </span>\n    </ng-container>\n  </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description && descriptionIsVisible\">\n  {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n  <ng-template\n    *ngTemplateOutlet=\"\n      lockedTpl || defaultLockedTpl;\n      context: { $implicit: state }\n    \"\n  ></ng-template>\n  <ng-template #defaultLockedTpl>\n    <div\n      [id]=\"id + '-textarea'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        {{ state }}\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n  <textarea\n    #input\n    [id]=\"id + '-textarea'\"\n    class=\"gds-field\"\n    [ngClass]=\"{ 'no-resize': !!rows }\"\n    [class.nggv-field--error]=\"invalid\"\n    [attr.name]=\"name\"\n    [attr.required]=\"required || null\"\n    [disabled]=\"disabled\"\n    [autofocus]=\"autofocus\"\n    [readOnly]=\"readonly\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.role]=\"role\"\n    [attr.rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-label]=\"description\"\n    [value]=\"state\"\n    title=\"\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n  ></textarea>\n\n  <!-- ERRORS -->\n  <div\n    class=\"gds-form-item__footer error-wrapper\"\n    *transloco=\"let t; read: scope\"\n  >\n    <span\n      class=\"form-info form-info--error\"\n      [attr.for]=\"id + '-textarea'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span class=\"error-icon\">\n        <gds-icon-triangle-exclamation\n          width=\"16\"\n          height=\"16\"\n          solid=\"true\"\n          *nggCoreElement\n        ></gds-icon-triangle-exclamation>\n      </span>\n\n      <span\n        *ngIf=\"error; else errorsRef\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n        >{{ error }}</span\n      >\n      <ng-template #errorsRef>\n        <span\n          *ngIf=\"firstError as error\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"hasMaxLength\">\n      <span\n        *nggvCharacterCountdown=\"\n          maxlength;\n          currentLength: (inputRef?.nativeElement?.value ?? '').length;\n          charactersLeft as charactersLeft\n        \"\n        class=\"form-info form-info--countdown\"\n        style=\"text-align: right\"\n      >\n        {{ charactersLeft }} {{ t('label.maxlength') }}\n      </span>\n    </ng-container>\n  </div>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label+.gds-field,:host label+.nggv-field--locked{margin-top:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host textarea.nggv-field--error{border-bottom:.125rem solid #9f000a!important}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .gds-form-item__footer>.form-info--countdown{font-weight:400}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}:host.small label:not(.gds-field-notice):not(.form-control){font-size:.875rem;line-height:1rem}:host.small label+textarea{margin-top:.25rem}:host.small textarea{padding:.38rem .5rem;font-size:.875rem}:host.small .error-wrapper,:host.small .form-info{margin-top:.25rem;font-size:.875rem;line-height:1rem}\n"] }]
+            args: [{ selector: 'nggv-textarea', template: "<!-- LABEL -->\n<label\n  [id]=\"id + '-label'\"\n  class=\"gds-field-label hide-if-empty\"\n  [attr.for]=\"id + '-textarea'\"\n  *transloco=\"let t; read: scope\"\n>\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=\"gds-field-label--optional\"\n      >\n        ({{ t('label.optional') }})\n      </span>\n    </ng-container>\n  </ng-template>\n</label>\n\n<!-- DESCRIPTION -->\n<div class=\"form-info description hide-if-empty\" *ngIf=\"description && descriptionIsVisible\">\n  {{ description }}\n</div>\n\n<!-- LOCKED INPUT -->\n<ng-container *ngIf=\"locked\">\n  <ng-template\n    *ngTemplateOutlet=\"\n      lockedTpl || defaultLockedTpl;\n      context: { $implicit: state }\n    \"\n  ></ng-template>\n  <ng-template #defaultLockedTpl>\n    <div\n      [id]=\"id + '-textarea'\"\n      class=\"nggv-field--locked\"\n      [attr.name]=\"name\"\n      [attr.value]=\"state\"\n      [attr.role]=\"role\"\n    >\n      <span *ngIf=\"!state\" class=\"unset-state\">-</span>\n      <ng-container *ngIf=\"state\">\n        {{ state }}\n      </ng-container>\n    </div>\n  </ng-template>\n</ng-container>\n\n<!-- INPUT FIELD -->\n<ng-container *ngIf=\"!locked\">\n  <textarea\n    #input\n    [id]=\"id + '-textarea'\"\n    class=\"gds-field\"\n    [ngClass]=\"{ 'no-resize': !!rows }\"\n    [class.nggv-field--error]=\"invalid\"\n    [attr.name]=\"name\"\n    [attr.required]=\"required || null\"\n    [disabled]=\"disabled\"\n    [autofocus]=\"autofocus\"\n    [readOnly]=\"readonly\"\n    [attr.maxlength]=\"maxlength\"\n    [attr.minlength]=\"minlength\"\n    [attr.role]=\"role\"\n    [attr.rows]=\"rows\"\n    [attr.placeholder]=\"placeholder\"\n    [attr.aria-label]=\"description\"\n    [value]=\"state\"\n    title=\"\"\n    (input)=\"onInput($event)\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n  ></textarea>\n\n  <!-- ERRORS -->\n  <div\n    class=\"gds-form-item__footer error-wrapper\"\n    *transloco=\"let t; read: scope\"\n  >\n    <span\n      class=\"form-info form-info--error\"\n      [attr.for]=\"id + '-textarea'\"\n      *ngIf=\"invalid && (error || ngControl?.invalid)\"\n    >\n      <span class=\"error-icon\">\n        <gds-icon-triangle-exclamation\n          width=\"16\"\n          height=\"16\"\n          solid=\"true\"\n          *nggCoreElement\n        ></gds-icon-triangle-exclamation>\n      </span>\n\n      <span\n        *ngIf=\"error; else errorsRef\"\n        [attr.data-thook]=\"thook + '-errorlabel'\"\n        >{{ error }}</span\n      >\n      <ng-template #errorsRef>\n        <span\n          *ngIf=\"firstError as error\"\n          [attr.data-thook]=\"thook + '-errorlabel'\"\n        >\n          {{ t('error.field' + error?.code, error?.params) }}\n        </span>\n      </ng-template>\n    </span>\n\n    <ng-container *ngIf=\"hasMaxLength\">\n      <span\n        *nggvCharacterCountdown=\"\n          maxlength;\n          currentLength: (inputRef?.nativeElement?.value ?? '').length;\n          charactersLeft as charactersLeft\n        \"\n        class=\"form-info form-info--countdown\"\n        style=\"text-align: right\"\n      >\n        {{ charactersLeft }} {{ t('label.maxlength') }}\n      </span>\n    </ng-container>\n  </div>\n\n  <!-- CHILDREN -->\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host{--sg-text-primary: #333;--sg-form-control-bg: #fff;--gds-ref-pallet-base100: hsl(0, 0%, 97%);--sg-border-radius: 4px;--sg-border-width: 1px;--sg-border-color: #868686}:host textarea{padding:.75rem 1rem;border-radius:var(--sg-border-radius);border:solid var(--sg-border-width) var(--sg-border-color);--border-color: var(--sg-border-color);align-items:center;background-color:var(--sg-form-control-bg);color:var(--text-primary-color);display:flex;justify-content:center;resize:vertical}:host textarea:focus:not(:focus-visible){box-shadow:none;outline:0}:host textarea:focus,:host textarea:focus-visible{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}@media screen and (-ms-high-contrast: active){:host textarea{border:2px solid currentcolor}}:host textarea:hover{background-color:var(--gds-ref-pallet-base100)}:host textarea:disabled,:host textarea.disabled,:host textarea[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 textarea:disabled::placeholder,:host textarea.disabled::placeholder,:host textarea[aria-disabled=true]::placeholder{color:var(--text-disabled-color)}:host label:not(.gds-field-notice):is(label){margin-bottom:0}:host label:not(.gds-field-notice).form-control{width:fit-content}@supports (-moz-appearance: none){:host label:not(.gds-field-notice).form-control:focus:not(:focus-visible){box-shadow:none;outline:0}:host label:not(.gds-field-notice).form-control:focus,:host label:not(.gds-field-notice).form-control:focus-within{outline-color:var(--gds-sys-color-focus-outline);outline-style:solid;outline-width:.125rem;outline-offset:.125rem}}:host label:not(.gds-field-notice):not(.form-control){font-weight:500;width:100%;line-height:1.25rem}:host label:not(.gds-field-notice)+input,:host label:not(.gds-field-notice)+textarea,fieldset :host label:not(.gds-field-notice)+div,:host label:not(.gds-field-notice)+button,:host label:not(.gds-field-notice)+.group-stepper,:host label:not(.gds-field-notice)+.stepper-wrapper,:host label:not(.gds-field-notice)+.group{margin-top:.5rem}:host label:not(.gds-field-notice)+.form-info{margin-bottom:.5rem}:host label+.gds-field,:host label+.nggv-field--locked{margin-top:.5rem}:host .hide-if-empty:empty{display:none}:host .unset-state{padding-left:.5rem}:host .gds-field-label--optional{font-weight:400}:host textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:inherit;font-size:1rem}:host textarea.nggv-field--error{border-bottom:.125rem solid #9f000a!important}:host .description{margin-bottom:.5rem}:host .error-wrapper{margin-top:.5rem;display:flex}:host .form-info{font-size:.875rem;line-height:1.25rem;width:100%}:host .gds-form-item__footer .form-info{font-weight:500}:host .gds-form-item__footer .form-info--error{display:flex;align-items:flex-start;gap:.5em;color:#9f000a}:host .gds-form-item__footer .form-info--error .error-icon{margin-top:.128rem;align-items:center}:host .gds-form-item__footer>.form-info--countdown{font-weight:400}:host .no-resize{resize:none}:host .no-resize::-webkit-scrollbar{-webkit-appearance:none}:host .no-resize::-webkit-scrollbar-thumb{border-radius:.5rem}:host.small label:not(.gds-field-notice):not(.form-control){font-size:.875rem;line-height:1rem}:host.small label+textarea{margin-top:.25rem}:host.small textarea{padding:.38rem .5rem;font-size:.875rem}:host.small .error-wrapper,:host.small .form-info{margin-top:.25rem;font-size:.875rem;line-height:1rem}:host.small .gds-form-item__footer:not(:empty){margin-top:0rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
                     type: Self
                 }, {

package/esm2022/v-angular/toast/toast.component.mjs CHANGED Viewed

@@ -35,7 +35,7 @@ export class ToastComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastComponent, deps: [{ token: i1.ToastMessageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ToastComponent, selector: "nggv-toast", inputs: { closeButtonAriaLabel: "closeButtonAriaLabel" }, ngImport: i0, template: "<output class=\"messages-container\" aria-live=\"polite\">\n  <div\n    class=\"message\"\n    *ngFor=\"let message of messages; trackBy: trackByMessageIndex\"\n    [ngClass]=\"message.type\"\n    @toastAnimation\n    (mouseenter)=\"onMouseEnter(message)\"\n    (mouseleave)=\"onMouseLeave(message)\"\n  >\n    <div class=\"content\" *transloco=\"let t; read: message.translocoScope\">\n      <div class=\"message-type-icon-wrapper\">\n        <ng-container *ngIf=\"message.type === 'success'\">\n          <i>\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n                fill=\"white\"\n              ></path>\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container\n          *ngIf=\"message.type === 'error' || message.type === 'warning'\"\n        >\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container *ngIf=\"message.type === 'information'\">\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n      </div>\n      <div class=\"text-content\">\n        @if (message.template) {\n          <ng-template\n            [ngTemplateOutlet]=\"message.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: message.templateContext }\"\n          ></ng-template>\n        } @else {\n          @if (message.titleText) {\n            <div>{{ t(message.titleText) }}</div>\n          }\n          @if (message.bodyText) {\n            <div class=\"text-body-content\">\n              {{ t(message.bodyText) }}\n            </div>\n          }\n        }\n      </div>\n      <button\n        class=\"close-icon-button\"\n        [ngClass]=\"{ information: message.type === 'information' }\"\n        (click)=\"removeMessage(message)\"\n        [attr.aria-label]=\"closeButtonAriaLabel\"\n      >\n        <gds-icon-cross-small\n          class=\"close-icon\"\n          *nggCoreElement\n        ></gds-icon-cross-small>\n      </button>\n    </div>\n  </div>\n</output>\n", styles: [":host .messages-container{position:fixed;bottom:1rem;right:1rem;z-index:9999}:host .message{position:relative;font-size:1rem;max-width:22rem;min-width:22rem;min-height:3rem;box-shadow:0 2px 6px #00000026;margin-top:1rem}:host .content{display:flex;height:100%;padding:0;justify-content:space-between}:host .text-content{margin-top:1rem;margin-bottom:1rem;width:100%}:host .text-body-content{padding-top:1.5rem}:host .message-type-icon-wrapper{padding:1rem}:host .message-type-icon-wrapper i{display:block;width:1.25rem;height:1.25rem}:host .close-icon-button{box-sizing:border-box;display:grid;place-content:center;width:2rem;height:2rem;flex-shrink:0;font-size:1rem;line-height:1.5rem;margin:.5rem;background:transparent;border:none;color:inherit;padding:0;cursor:pointer;min-height:32px}:host .close-icon-button:hover{color:#333;border-radius:100%}:host .close-icon-button:not(.information):hover{background-color:#fff}:host .close-icon-button.information:hover{background-color:#dedede}:host .success{background-color:#308800;color:#fff}:host .error{background-color:#d81a1a;color:#fff}:host .warning{background-color:#ffc500;color:#333}:host .information{background-color:#333;color:#e9e9e9}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ToastComponent, selector: "nggv-toast", inputs: { closeButtonAriaLabel: "closeButtonAriaLabel" }, ngImport: i0, template: "<output class=\"messages-container\" aria-live=\"polite\">\n  <div\n    class=\"message\"\n    *ngFor=\"let message of messages; trackBy: trackByMessageIndex\"\n    [ngClass]=\"message.type\"\n    @toastAnimation\n    (mouseenter)=\"onMouseEnter(message)\"\n    (mouseleave)=\"onMouseLeave(message)\"\n  >\n    <div class=\"content\" *transloco=\"let t; read: message.translocoScope\">\n      <div class=\"message-type-icon-wrapper\">\n        <ng-container *ngIf=\"message.type === 'success'\">\n          <i>\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n                fill=\"white\"\n              ></path>\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container\n          *ngIf=\"message.type === 'error' || message.type === 'warning'\"\n        >\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container *ngIf=\"message.type === 'information'\">\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n      </div>\n      <div class=\"text-content\">\n        @if (message.template) {\n          <ng-template\n            [ngTemplateOutlet]=\"message.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: message.templateContext }\"\n          ></ng-template>\n        } @else {\n          @if (message.titleText) {\n            <div>{{ t(message.titleText) }}</div>\n          }\n          @if (message.bodyText) {\n            <div class=\"text-body-content\">\n              {{ t(message.bodyText) }}\n            </div>\n          }\n        }\n      </div>\n      <button\n        class=\"close-icon-button\"\n        [ngClass]=\"{ information: message.type === 'information' }\"\n        (click)=\"removeMessage(message)\"\n        [attr.aria-label]=\"closeButtonAriaLabel\"\n      >\n        <gds-icon-cross-small\n          class=\"close-icon\"\n          *nggCoreElement\n        ></gds-icon-cross-small>\n      </button>\n    </div>\n  </div>\n</output>\n", styles: [":host .messages-container{position:fixed;bottom:1rem;right:1rem;z-index:9999}:host .message{position:relative;font-size:1rem;max-width:22rem;min-width:22rem;min-height:3rem;box-shadow:0 2px 6px #00000026;margin-top:1rem}@media (max-width: 35.98em){:host .message{max-width:calc(100vw - 2rem);min-width:calc(100vw - 2rem)}}:host .content{display:flex;height:100%;padding:0;justify-content:space-between}:host .text-content{margin-top:1rem;margin-bottom:1rem;width:100%}:host .text-body-content{padding-top:1.5rem}:host .message-type-icon-wrapper{padding:1rem}:host .message-type-icon-wrapper i{display:block;width:1.25rem;height:1.25rem}:host .close-icon-button{box-sizing:border-box;display:grid;place-content:center;width:2rem;height:2rem;flex-shrink:0;font-size:1rem;line-height:1.5rem;margin:.5rem;background:transparent;border:none;color:inherit;padding:0;cursor:pointer;min-height:32px}:host .close-icon-button:hover{color:#333;border-radius:100%}:host .close-icon-button:not(.information):hover{background-color:#fff}:host .close-icon-button.information:hover{background-color:#dedede}@media (max-width: 35.98em){:host .close-icon-button{min-width:auto}}:host .success{background-color:#308800;color:#fff}:host .error{background-color:#d81a1a;color:#fff}:host .warning{background-color:#ffc500;color:#333}:host .information{background-color:#333;color:#e9e9e9}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: i4.NggCoreElementDirective, selector: "[nggCoreElement]" }], animations: [
             trigger('toastAnimation', [
                 transition(':enter', [
                     style({ opacity: 0, transform: 'translateY(100%)' }),
@@ -59,8 +59,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 animate('300ms ease-out', style({ opacity: 0, transform: 'translateY(100%)' })),
                             ]),
                         ]),
-                    ], template: "<output class=\"messages-container\" aria-live=\"polite\">\n  <div\n    class=\"message\"\n    *ngFor=\"let message of messages; trackBy: trackByMessageIndex\"\n    [ngClass]=\"message.type\"\n    @toastAnimation\n    (mouseenter)=\"onMouseEnter(message)\"\n    (mouseleave)=\"onMouseLeave(message)\"\n  >\n    <div class=\"content\" *transloco=\"let t; read: message.translocoScope\">\n      <div class=\"message-type-icon-wrapper\">\n        <ng-container *ngIf=\"message.type === 'success'\">\n          <i>\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n                fill=\"white\"\n              ></path>\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container\n          *ngIf=\"message.type === 'error' || message.type === 'warning'\"\n        >\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container *ngIf=\"message.type === 'information'\">\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n      </div>\n      <div class=\"text-content\">\n        @if (message.template) {\n          <ng-template\n            [ngTemplateOutlet]=\"message.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: message.templateContext }\"\n          ></ng-template>\n        } @else {\n          @if (message.titleText) {\n            <div>{{ t(message.titleText) }}</div>\n          }\n          @if (message.bodyText) {\n            <div class=\"text-body-content\">\n              {{ t(message.bodyText) }}\n            </div>\n          }\n        }\n      </div>\n      <button\n        class=\"close-icon-button\"\n        [ngClass]=\"{ information: message.type === 'information' }\"\n        (click)=\"removeMessage(message)\"\n        [attr.aria-label]=\"closeButtonAriaLabel\"\n      >\n        <gds-icon-cross-small\n          class=\"close-icon\"\n          *nggCoreElement\n        ></gds-icon-cross-small>\n      </button>\n    </div>\n  </div>\n</output>\n", styles: [":host .messages-container{position:fixed;bottom:1rem;right:1rem;z-index:9999}:host .message{position:relative;font-size:1rem;max-width:22rem;min-width:22rem;min-height:3rem;box-shadow:0 2px 6px #00000026;margin-top:1rem}:host .content{display:flex;height:100%;padding:0;justify-content:space-between}:host .text-content{margin-top:1rem;margin-bottom:1rem;width:100%}:host .text-body-content{padding-top:1.5rem}:host .message-type-icon-wrapper{padding:1rem}:host .message-type-icon-wrapper i{display:block;width:1.25rem;height:1.25rem}:host .close-icon-button{box-sizing:border-box;display:grid;place-content:center;width:2rem;height:2rem;flex-shrink:0;font-size:1rem;line-height:1.5rem;margin:.5rem;background:transparent;border:none;color:inherit;padding:0;cursor:pointer;min-height:32px}:host .close-icon-button:hover{color:#333;border-radius:100%}:host .close-icon-button:not(.information):hover{background-color:#fff}:host .close-icon-button.information:hover{background-color:#dedede}:host .success{background-color:#308800;color:#fff}:host .error{background-color:#d81a1a;color:#fff}:host .warning{background-color:#ffc500;color:#333}:host .information{background-color:#333;color:#e9e9e9}\n"] }]
+                    ], template: "<output class=\"messages-container\" aria-live=\"polite\">\n  <div\n    class=\"message\"\n    *ngFor=\"let message of messages; trackBy: trackByMessageIndex\"\n    [ngClass]=\"message.type\"\n    @toastAnimation\n    (mouseenter)=\"onMouseEnter(message)\"\n    (mouseleave)=\"onMouseLeave(message)\"\n  >\n    <div class=\"content\" *transloco=\"let t; read: message.translocoScope\">\n      <div class=\"message-type-icon-wrapper\">\n        <ng-container *ngIf=\"message.type === 'success'\">\n          <i>\n            <svg\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z\"\n                fill=\"white\"\n              ></path>\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container\n          *ngIf=\"message.type === 'error' || message.type === 'warning'\"\n        >\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n        <ng-container *ngIf=\"message.type === 'information'\">\n          <i>\n            <svg\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          </i>\n        </ng-container>\n      </div>\n      <div class=\"text-content\">\n        @if (message.template) {\n          <ng-template\n            [ngTemplateOutlet]=\"message.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: message.templateContext }\"\n          ></ng-template>\n        } @else {\n          @if (message.titleText) {\n            <div>{{ t(message.titleText) }}</div>\n          }\n          @if (message.bodyText) {\n            <div class=\"text-body-content\">\n              {{ t(message.bodyText) }}\n            </div>\n          }\n        }\n      </div>\n      <button\n        class=\"close-icon-button\"\n        [ngClass]=\"{ information: message.type === 'information' }\"\n        (click)=\"removeMessage(message)\"\n        [attr.aria-label]=\"closeButtonAriaLabel\"\n      >\n        <gds-icon-cross-small\n          class=\"close-icon\"\n          *nggCoreElement\n        ></gds-icon-cross-small>\n      </button>\n    </div>\n  </div>\n</output>\n", styles: [":host .messages-container{position:fixed;bottom:1rem;right:1rem;z-index:9999}:host .message{position:relative;font-size:1rem;max-width:22rem;min-width:22rem;min-height:3rem;box-shadow:0 2px 6px #00000026;margin-top:1rem}@media (max-width: 35.98em){:host .message{max-width:calc(100vw - 2rem);min-width:calc(100vw - 2rem)}}:host .content{display:flex;height:100%;padding:0;justify-content:space-between}:host .text-content{margin-top:1rem;margin-bottom:1rem;width:100%}:host .text-body-content{padding-top:1.5rem}:host .message-type-icon-wrapper{padding:1rem}:host .message-type-icon-wrapper i{display:block;width:1.25rem;height:1.25rem}:host .close-icon-button{box-sizing:border-box;display:grid;place-content:center;width:2rem;height:2rem;flex-shrink:0;font-size:1rem;line-height:1.5rem;margin:.5rem;background:transparent;border:none;color:inherit;padding:0;cursor:pointer;min-height:32px}:host .close-icon-button:hover{color:#333;border-radius:100%}:host .close-icon-button:not(.information):hover{background-color:#fff}:host .close-icon-button.information:hover{background-color:#dedede}@media (max-width: 35.98em){:host .close-icon-button{min-width:auto}}:host .success{background-color:#308800;color:#fff}:host .error{background-color:#d81a1a;color:#fff}:host .warning{background-color:#ffc500;color:#333}:host .information{background-color:#333;color:#e9e9e9}\n"] }]
         }], ctorParameters: () => [{ type: i1.ToastMessageService }], propDecorators: { closeButtonAriaLabel: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvdG9hc3QvdG9hc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQTtBQUduRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUc3RCxPQUFPLDJEQUEyRCxDQUFBOzs7Ozs7QUF3QmxFLE1BQU0sT0FBTyxjQUFjO0lBT3pCLFlBQW9CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBRjVELGFBQVEsR0FBbUIsRUFBRSxDQUFBO0lBRWtDLENBQUM7SUFFaEUsUUFBUTtRQUNOLElBQUksQ0FBQyx5QkFBeUIsR0FBRyxJQUFJLENBQUMsbUJBQW1CO2FBQ3RELFdBQVcsRUFBRTthQUNiLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFDeEQsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFxQjtRQUNoQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDdkQsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFxQjtRQUNoQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDeEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxPQUFxQjtRQUNqQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ2pELENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFhLEVBQUUsT0FBcUI7UUFDdEQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLHlCQUF5QixDQUFDLFdBQVcsRUFBRSxDQUFBO1FBQzlDLENBQUM7SUFDSCxDQUFDOytHQW5DVSxjQUFjO21HQUFkLGNBQWMsNEdDL0IzQiw4d0lBeUZBLDIrREQ1RWM7WUFDVixPQUFPLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3hCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7b0JBQ3BELE9BQU8sQ0FDTCxlQUFlLEVBQ2YsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FDbEQ7aUJBQ0YsQ0FBQztnQkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixPQUFPLENBQ0wsZ0JBQWdCLEVBQ2hCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FDckQ7aUJBQ0YsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsY0FBYztrQkF0QjFCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWO3dCQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTs0QkFDeEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztnQ0FDcEQsT0FBTyxDQUNMLGVBQWUsRUFDZixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUNsRDs2QkFDRixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FDTCxnQkFBZ0IsRUFDaEIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUNyRDs2QkFDRixDQUFDO3lCQUNILENBQUM7cUJBQ0g7d0ZBR1Esb0JBQW9CO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJ1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcydcblxuaW1wb3J0IHsgVG9hc3RNZXNzYWdlU2VydmljZSB9IGZyb20gJy4vdG9hc3QtbWVzc2FnZS5zZXJ2aWNlJ1xuaW1wb3J0IHsgVG9hc3RNZXNzYWdlIH0gZnJvbSAnLi90b2FzdC5tb2RlbHMnXG5cbmltcG9ydCAnQHNlYmdyb3VwL2dyZWVuLWNvcmUvY29tcG9uZW50cy9pY29uL2ljb25zL2Nyb3NzLXNtYWxsLmpzJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ2d2LXRvYXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ3RvYXN0QW5pbWF0aW9uJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICczMDBtcyBlYXNlLWluJyxcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCknIH0pLFxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIGFuaW1hdGUoXG4gICAgICAgICAgJzMwMG1zIGVhc2Utb3V0JyxcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwJSknIH0pLFxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBjbG9zZUJ1dHRvbkFyaWFMYWJlbD86IHN0cmluZ1xuXG4gIHByaXZhdGUgdG9hc3RNZXNzYWdlc1N1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvblxuXG4gIG1lc3NhZ2VzOiBUb2FzdE1lc3NhZ2VbXSA9IFtdXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2FzdE1lc3NhZ2VTZXJ2aWNlOiBUb2FzdE1lc3NhZ2VTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudG9hc3RNZXNzYWdlc1N1YnNjcmlwdGlvbiA9IHRoaXMudG9hc3RNZXNzYWdlU2VydmljZVxuICAgICAgLmdldE1lc3NhZ2VzKClcbiAgICAgIC5zdWJzY3JpYmUoKG1lc3NhZ2VzKSA9PiAodGhpcy5tZXNzYWdlcyA9IG1lc3NhZ2VzKSlcbiAgfVxuXG4gIG9uTW91c2VFbnRlcihtZXNzYWdlOiBUb2FzdE1lc3NhZ2UpIHtcbiAgICB0aGlzLnRvYXN0TWVzc2FnZVNlcnZpY2UucGF1c2VNZXNzYWdlVGltZW91dChtZXNzYWdlKVxuICB9XG5cbiAgb25Nb3VzZUxlYXZlKG1lc3NhZ2U6IFRvYXN0TWVzc2FnZSkge1xuICAgIHRoaXMudG9hc3RNZXNzYWdlU2VydmljZS5yZXN1bWVNZXNzYWdlVGltZW91dChtZXNzYWdlKVxuICB9XG5cbiAgcmVtb3ZlTWVzc2FnZShtZXNzYWdlOiBUb2FzdE1lc3NhZ2UpIHtcbiAgICB0aGlzLnRvYXN0TWVzc2FnZVNlcnZpY2UucmVtb3ZlTWVzc2FnZShtZXNzYWdlKVxuICB9XG5cbiAgdHJhY2tCeU1lc3NhZ2VJbmRleChpbmRleDogbnVtYmVyLCBtZXNzYWdlOiBUb2FzdE1lc3NhZ2UpOiBudW1iZXIge1xuICAgIHJldHVybiBpbmRleDtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRvYXN0TWVzc2FnZXNTdWJzY3JpcHRpb24pIHtcbiAgICAgIHRoaXMudG9hc3RNZXNzYWdlc1N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpXG4gICAgfVxuICB9XG59XG4iLCI8b3V0cHV0IGNsYXNzPVwibWVzc2FnZXMtY29udGFpbmVyXCIgYXJpYS1saXZlPVwicG9saXRlXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cIm1lc3NhZ2VcIlxuICAgICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIG1lc3NhZ2VzOyB0cmFja0J5OiB0cmFja0J5TWVzc2FnZUluZGV4XCJcbiAgICBbbmdDbGFzc109XCJtZXNzYWdlLnR5cGVcIlxuICAgIEB0b2FzdEFuaW1hdGlvblxuICAgIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcihtZXNzYWdlKVwiXG4gICAgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKG1lc3NhZ2UpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgKnRyYW5zbG9jbz1cImxldCB0OyByZWFkOiBtZXNzYWdlLnRyYW5zbG9jb1Njb3BlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZS10eXBlLWljb24td3JhcHBlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnc3VjY2VzcydcIj5cbiAgICAgICAgICA8aT5cbiAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgd2lkdGg9XCIyNFwiXG4gICAgICAgICAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgZD1cIk0xNy42MjAzIDYuNjA4MzZMOS40MDAxNCAxNC44Mjg1TDYuMzc5NzYgMTEuODA4MUM2LjIzMzMyIDExLjY2MTcgNS45OTU4OCAxMS42NjE3IDUuODQ5NDIgMTEuODA4MUw0Ljk2NTU0IDEyLjY5MkM0LjgxOTEgMTIuODM4NCA0LjgxOTEgMTMuMDc1OSA0Ljk2NTU0IDEzLjIyMjNMOS4xMzQ5NSAxNy4zOTE3QzkuMjgxMzggMTcuNTM4MiA5LjUxODgyIDE3LjUzODIgOS42NjUyOSAxNy4zOTE3TDE5LjAzNDQgOC4wMjI1OEMxOS4xODA5IDcuODc2MTQgMTkuMTgwOSA3LjYzODcxIDE5LjAzNDQgNy40OTIyNEwxOC4xNTA2IDYuNjA4MzZDMTguMDA0MSA2LjQ2MTkzIDE3Ljc2NjcgNi40NjE5MyAxNy42MjAzIDYuNjA4MzZaXCJcbiAgICAgICAgICAgICAgICBmaWxsPVwid2hpdGVcIlxuICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgPC9pPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnZXJyb3InIHx8IG1lc3NhZ2UudHlwZSA9PT0gJ3dhcm5pbmcnXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxpPlxuICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICBkPVwiTTE4LjI4NTcgNEg1LjcxNDI5QzQuNzY3NSA0IDQgNC43Njc1IDQgNS43MTQyOVYxOC4yODU3QzQgMTkuMjMyNSA0Ljc2NzUgMjAgNS43MTQyOSAyMEgxOC4yODU3QzE5LjIzMjUgMjAgMjAgMTkuMjMyNSAyMCAxOC4yODU3VjUuNzE0MjlDMjAgNC43Njc1IDE5LjIzMjUgNCAxOC4yODU3IDRaTTEwLjg2ODIgNy40Mjg1N0gxMy4xMzE4QzEzLjM3NzcgNy40Mjg1NyAxMy41NzMxIDcuNjM1IDEzLjU1OTcgNy44ODA1TDEzLjI5NDggMTIuNzM3NkMxMy4yODI0IDEyLjk2NDkgMTMuMDk0NSAxMy4xNDI5IDEyLjg2NjkgMTMuMTQyOUgxMS4xMzMxQzEwLjkwNTUgMTMuMTQyOSAxMC43MTc2IDEyLjk2NDkgMTAuNzA1MiAxMi43Mzc2TDEwLjQ0MDIgNy44ODA1QzEwLjQyNjkgNy42MzUgMTAuNjIyMyA3LjQyODU3IDEwLjg2ODIgNy40Mjg1N1pNMTIgMTcuMDcxNEMxMS4wOTI3IDE3LjA3MTQgMTAuMzU3MSAxNi4zMzU5IDEwLjM1NzEgMTUuNDI4NkMxMC4zNTcxIDE0LjUyMTMgMTEuMDkyNyAxMy43ODU3IDEyIDEzLjc4NTdDMTIuOTA3MyAxMy43ODU3IDEzLjY0MjkgMTQuNTIxMyAxMy42NDI5IDE1LjQyODZDMTMuNjQyOSAxNi4zMzU5IDEyLjkwNzMgMTcuMDcxNCAxMiAxNy4wNzE0WlwiXG4gICAgICAgICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICA8L2k+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnaW5mb3JtYXRpb24nXCI+XG4gICAgICAgICAgPGk+XG4gICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgIGQ9XCJNMTguMjg1NyA0SDUuNzE0MjlDNC43Njc1IDQgNCA0Ljc2NzUgNCA1LjcxNDI5VjE4LjI4NTdDNCAxOS4yMzI1IDQuNzY3NSAyMCA1LjcxNDI5IDIwSDE4LjI4NTdDMTkuMjMyNSAyMCAyMCAxOS4yMzI1IDIwIDE4LjI4NTdWNS43MTQyOUMyMCA0Ljc2NzUgMTkuMjMyNSA0IDE4LjI4NTcgNFpNMTIgNy4wNzE0M0MxMi44Mjg0IDcuMDcxNDMgMTMuNSA3Ljc0MyAxMy41IDguNTcxNDNDMTMuNSA5LjM5OTg2IDEyLjgyODQgMTAuMDcxNCAxMiAxMC4wNzE0QzExLjE3MTYgMTAuMDcxNCAxMC41IDkuMzk5ODYgMTAuNSA4LjU3MTQzQzEwLjUgNy43NDMgMTEuMTcxNiA3LjA3MTQzIDEyIDcuMDcxNDNaTTE0IDE2LjE0MjlDMTQgMTYuMzc5NSAxMy44MDgxIDE2LjU3MTQgMTMuNTcxNCAxNi41NzE0SDEwLjQyODZDMTAuMTkxOSAxNi41NzE0IDEwIDE2LjM3OTUgMTAgMTYuMTQyOVYxNS4yODU3QzEwIDE1LjA0OSAxMC4xOTE5IDE0Ljg1NzEgMTAuNDI4NiAxNC44NTcxSDEwLjg1NzFWMTIuNTcxNEgxMC40Mjg2QzEwLjE5MTkgMTIuNTcxNCAxMCAxMi4zNzk1IDEwIDEyLjE0MjlWMTEuMjg1N0MxMCAxMS4wNDkgMTAuMTkxOSAxMC44NTcxIDEwLjQyODYgMTAuODU3MUgxMi43MTQzQzEyLjk1MSAxMC44NTcxIDEzLjE0MjkgMTEuMDQ5IDEzLjE0MjkgMTEuMjg1N1YxNC44NTcxSDEzLjU3MTRDMTMuODA4MSAxNC44NTcxIDE0IDE1LjA0OSAxNCAxNS4yODU3VjE2LjE0MjlaXCJcbiAgICAgICAgICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgIDwvaT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRlbnRcIj5cbiAgICAgICAgQGlmIChtZXNzYWdlLnRlbXBsYXRlKSB7XG4gICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJtZXNzYWdlLnRlbXBsYXRlXCJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogbWVzc2FnZS50ZW1wbGF0ZUNvbnRleHQgfVwiXG4gICAgICAgICAgPjwvbmctdGVtcGxhdGU+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIEBpZiAobWVzc2FnZS50aXRsZVRleHQpIHtcbiAgICAgICAgICAgIDxkaXY+e3sgdChtZXNzYWdlLnRpdGxlVGV4dCkgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChtZXNzYWdlLmJvZHlUZXh0KSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ib2R5LWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAge3sgdChtZXNzYWdlLmJvZHlUZXh0KSB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJjbG9zZS1pY29uLWJ1dHRvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgaW5mb3JtYXRpb246IG1lc3NhZ2UudHlwZSA9PT0gJ2luZm9ybWF0aW9uJyB9XCJcbiAgICAgICAgKGNsaWNrKT1cInJlbW92ZU1lc3NhZ2UobWVzc2FnZSlcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNsb3NlQnV0dG9uQXJpYUxhYmVsXCJcbiAgICAgID5cbiAgICAgICAgPGdkcy1pY29uLWNyb3NzLXNtYWxsXG4gICAgICAgICAgY2xhc3M9XCJjbG9zZS1pY29uXCJcbiAgICAgICAgICAqbmdnQ29yZUVsZW1lbnRcbiAgICAgICAgPjwvZ2RzLWljb24tY3Jvc3Mtc21hbGw+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L291dHB1dD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvdG9hc3QvdG9hc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy92LWFuZ3VsYXIvdG9hc3QvdG9hc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQTtBQUduRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUc3RCxPQUFPLDJEQUEyRCxDQUFBOzs7Ozs7QUF3QmxFLE1BQU0sT0FBTyxjQUFjO0lBT3pCLFlBQW9CLG1CQUF3QztRQUF4Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBRjVELGFBQVEsR0FBbUIsRUFBRSxDQUFBO0lBRWtDLENBQUM7SUFFaEUsUUFBUTtRQUNOLElBQUksQ0FBQyx5QkFBeUIsR0FBRyxJQUFJLENBQUMsbUJBQW1CO2FBQ3RELFdBQVcsRUFBRTthQUNiLFNBQVMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFDeEQsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFxQjtRQUNoQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDdkQsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFxQjtRQUNoQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsb0JBQW9CLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDeEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxPQUFxQjtRQUNqQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFBO0lBQ2pELENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFhLEVBQUUsT0FBcUI7UUFDdEQsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7WUFDbkMsSUFBSSxDQUFDLHlCQUF5QixDQUFDLFdBQVcsRUFBRSxDQUFBO1FBQzlDLENBQUM7SUFDSCxDQUFDOytHQW5DVSxjQUFjO21HQUFkLGNBQWMsNEdDL0IzQiw4d0lBeUZBLHNwRUQ1RWM7WUFDVixPQUFPLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3hCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7b0JBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUM7b0JBQ3BELE9BQU8sQ0FDTCxlQUFlLEVBQ2YsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FDbEQ7aUJBQ0YsQ0FBQztnQkFDRixVQUFVLENBQUMsUUFBUSxFQUFFO29CQUNuQixPQUFPLENBQ0wsZ0JBQWdCLEVBQ2hCLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGtCQUFrQixFQUFFLENBQUMsQ0FDckQ7aUJBQ0YsQ0FBQzthQUNILENBQUM7U0FDSDs7NEZBRVUsY0FBYztrQkF0QjFCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWO3dCQUNWLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTs0QkFDeEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQztnQ0FDcEQsT0FBTyxDQUNMLGVBQWUsRUFDZixLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUNsRDs2QkFDRixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FDTCxnQkFBZ0IsRUFDaEIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxDQUNyRDs2QkFDRixDQUFDO3lCQUNILENBQUM7cUJBQ0g7d0ZBR1Esb0JBQW9CO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJ1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcydcblxuaW1wb3J0IHsgVG9hc3RNZXNzYWdlU2VydmljZSB9IGZyb20gJy4vdG9hc3QtbWVzc2FnZS5zZXJ2aWNlJ1xuaW1wb3J0IHsgVG9hc3RNZXNzYWdlIH0gZnJvbSAnLi90b2FzdC5tb2RlbHMnXG5cbmltcG9ydCAnQHNlYmdyb3VwL2dyZWVuLWNvcmUvY29tcG9uZW50cy9pY29uL2ljb25zL2Nyb3NzLXNtYWxsLmpzJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ2d2LXRvYXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ3RvYXN0QW5pbWF0aW9uJywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwJSknIH0pLFxuICAgICAgICBhbmltYXRlKFxuICAgICAgICAgICczMDBtcyBlYXNlLWluJyxcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMCknIH0pLFxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgIGFuaW1hdGUoXG4gICAgICAgICAgJzMwMG1zIGVhc2Utb3V0JyxcbiAgICAgICAgICBzdHlsZSh7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVkoMTAwJSknIH0pLFxuICAgICAgICApLFxuICAgICAgXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBjbG9zZUJ1dHRvbkFyaWFMYWJlbD86IHN0cmluZ1xuXG4gIHByaXZhdGUgdG9hc3RNZXNzYWdlc1N1YnNjcmlwdGlvbiE6IFN1YnNjcmlwdGlvblxuXG4gIG1lc3NhZ2VzOiBUb2FzdE1lc3NhZ2VbXSA9IFtdXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0b2FzdE1lc3NhZ2VTZXJ2aWNlOiBUb2FzdE1lc3NhZ2VTZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudG9hc3RNZXNzYWdlc1N1YnNjcmlwdGlvbiA9IHRoaXMudG9hc3RNZXNzYWdlU2VydmljZVxuICAgICAgLmdldE1lc3NhZ2VzKClcbiAgICAgIC5zdWJzY3JpYmUoKG1lc3NhZ2VzKSA9PiAodGhpcy5tZXNzYWdlcyA9IG1lc3NhZ2VzKSlcbiAgfVxuXG4gIG9uTW91c2VFbnRlcihtZXNzYWdlOiBUb2FzdE1lc3NhZ2UpIHtcbiAgICB0aGlzLnRvYXN0TWVzc2FnZVNlcnZpY2UucGF1c2VNZXNzYWdlVGltZW91dChtZXNzYWdlKVxuICB9XG5cbiAgb25Nb3VzZUxlYXZlKG1lc3NhZ2U6IFRvYXN0TWVzc2FnZSkge1xuICAgIHRoaXMudG9hc3RNZXNzYWdlU2VydmljZS5yZXN1bWVNZXNzYWdlVGltZW91dChtZXNzYWdlKVxuICB9XG5cbiAgcmVtb3ZlTWVzc2FnZShtZXNzYWdlOiBUb2FzdE1lc3NhZ2UpIHtcbiAgICB0aGlzLnRvYXN0TWVzc2FnZVNlcnZpY2UucmVtb3ZlTWVzc2FnZShtZXNzYWdlKVxuICB9XG5cbiAgdHJhY2tCeU1lc3NhZ2VJbmRleChpbmRleDogbnVtYmVyLCBtZXNzYWdlOiBUb2FzdE1lc3NhZ2UpOiBudW1iZXIge1xuICAgIHJldHVybiBpbmRleDtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnRvYXN0TWVzc2FnZXNTdWJzY3JpcHRpb24pIHtcbiAgICAgIHRoaXMudG9hc3RNZXNzYWdlc1N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpXG4gICAgfVxuICB9XG59XG4iLCI8b3V0cHV0IGNsYXNzPVwibWVzc2FnZXMtY29udGFpbmVyXCIgYXJpYS1saXZlPVwicG9saXRlXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cIm1lc3NhZ2VcIlxuICAgICpuZ0Zvcj1cImxldCBtZXNzYWdlIG9mIG1lc3NhZ2VzOyB0cmFja0J5OiB0cmFja0J5TWVzc2FnZUluZGV4XCJcbiAgICBbbmdDbGFzc109XCJtZXNzYWdlLnR5cGVcIlxuICAgIEB0b2FzdEFuaW1hdGlvblxuICAgIChtb3VzZWVudGVyKT1cIm9uTW91c2VFbnRlcihtZXNzYWdlKVwiXG4gICAgKG1vdXNlbGVhdmUpPVwib25Nb3VzZUxlYXZlKG1lc3NhZ2UpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCIgKnRyYW5zbG9jbz1cImxldCB0OyByZWFkOiBtZXNzYWdlLnRyYW5zbG9jb1Njb3BlXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibWVzc2FnZS10eXBlLWljb24td3JhcHBlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnc3VjY2VzcydcIj5cbiAgICAgICAgICA8aT5cbiAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgd2lkdGg9XCIyNFwiXG4gICAgICAgICAgICAgIGhlaWdodD1cIjI0XCJcbiAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgZD1cIk0xNy42MjAzIDYuNjA4MzZMOS40MDAxNCAxNC44Mjg1TDYuMzc5NzYgMTEuODA4MUM2LjIzMzMyIDExLjY2MTcgNS45OTU4OCAxMS42NjE3IDUuODQ5NDIgMTEuODA4MUw0Ljk2NTU0IDEyLjY5MkM0LjgxOTEgMTIuODM4NCA0LjgxOTEgMTMuMDc1OSA0Ljk2NTU0IDEzLjIyMjNMOS4xMzQ5NSAxNy4zOTE3QzkuMjgxMzggMTcuNTM4MiA5LjUxODgyIDE3LjUzODIgOS42NjUyOSAxNy4zOTE3TDE5LjAzNDQgOC4wMjI1OEMxOS4xODA5IDcuODc2MTQgMTkuMTgwOSA3LjYzODcxIDE5LjAzNDQgNy40OTIyNEwxOC4xNTA2IDYuNjA4MzZDMTguMDA0MSA2LjQ2MTkzIDE3Ljc2NjcgNi40NjE5MyAxNy42MjAzIDYuNjA4MzZaXCJcbiAgICAgICAgICAgICAgICBmaWxsPVwid2hpdGVcIlxuICAgICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgPC9pPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnZXJyb3InIHx8IG1lc3NhZ2UudHlwZSA9PT0gJ3dhcm5pbmcnXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxpPlxuICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI0IDI0XCJcbiAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICBkPVwiTTE4LjI4NTcgNEg1LjcxNDI5QzQuNzY3NSA0IDQgNC43Njc1IDQgNS43MTQyOVYxOC4yODU3QzQgMTkuMjMyNSA0Ljc2NzUgMjAgNS43MTQyOSAyMEgxOC4yODU3QzE5LjIzMjUgMjAgMjAgMTkuMjMyNSAyMCAxOC4yODU3VjUuNzE0MjlDMjAgNC43Njc1IDE5LjIzMjUgNCAxOC4yODU3IDRaTTEwLjg2ODIgNy40Mjg1N0gxMy4xMzE4QzEzLjM3NzcgNy40Mjg1NyAxMy41NzMxIDcuNjM1IDEzLjU1OTcgNy44ODA1TDEzLjI5NDggMTIuNzM3NkMxMy4yODI0IDEyLjk2NDkgMTMuMDk0NSAxMy4xNDI5IDEyLjg2NjkgMTMuMTQyOUgxMS4xMzMxQzEwLjkwNTUgMTMuMTQyOSAxMC43MTc2IDEyLjk2NDkgMTAuNzA1MiAxMi43Mzc2TDEwLjQ0MDIgNy44ODA1QzEwLjQyNjkgNy42MzUgMTAuNjIyMyA3LjQyODU3IDEwLjg2ODIgNy40Mjg1N1pNMTIgMTcuMDcxNEMxMS4wOTI3IDE3LjA3MTQgMTAuMzU3MSAxNi4zMzU5IDEwLjM1NzEgMTUuNDI4NkMxMC4zNTcxIDE0LjUyMTMgMTEuMDkyNyAxMy43ODU3IDEyIDEzLjc4NTdDMTIuOTA3MyAxMy43ODU3IDEzLjY0MjkgMTQuNTIxMyAxMy42NDI5IDE1LjQyODZDMTMuNjQyOSAxNi4zMzU5IDEyLjkwNzMgMTcuMDcxNCAxMiAxNy4wNzE0WlwiXG4gICAgICAgICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICA8L2k+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibWVzc2FnZS50eXBlID09PSAnaW5mb3JtYXRpb24nXCI+XG4gICAgICAgICAgPGk+XG4gICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgICAgICAgICBmaWxsPVwibm9uZVwiXG4gICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgIGQ9XCJNMTguMjg1NyA0SDUuNzE0MjlDNC43Njc1IDQgNCA0Ljc2NzUgNCA1LjcxNDI5VjE4LjI4NTdDNCAxOS4yMzI1IDQuNzY3NSAyMCA1LjcxNDI5IDIwSDE4LjI4NTdDMTkuMjMyNSAyMCAyMCAxOS4yMzI1IDIwIDE4LjI4NTdWNS43MTQyOUMyMCA0Ljc2NzUgMTkuMjMyNSA0IDE4LjI4NTcgNFpNMTIgNy4wNzE0M0MxMi44Mjg0IDcuMDcxNDMgMTMuNSA3Ljc0MyAxMy41IDguNTcxNDNDMTMuNSA5LjM5OTg2IDEyLjgyODQgMTAuMDcxNCAxMiAxMC4wNzE0QzExLjE3MTYgMTAuMDcxNCAxMC41IDkuMzk5ODYgMTAuNSA4LjU3MTQzQzEwLjUgNy43NDMgMTEuMTcxNiA3LjA3MTQzIDEyIDcuMDcxNDNaTTE0IDE2LjE0MjlDMTQgMTYuMzc5NSAxMy44MDgxIDE2LjU3MTQgMTMuNTcxNCAxNi41NzE0SDEwLjQyODZDMTAuMTkxOSAxNi41NzE0IDEwIDE2LjM3OTUgMTAgMTYuMTQyOVYxNS4yODU3QzEwIDE1LjA0OSAxMC4xOTE5IDE0Ljg1NzEgMTAuNDI4NiAxNC44NTcxSDEwLjg1NzFWMTIuNTcxNEgxMC40Mjg2QzEwLjE5MTkgMTIuNTcxNCAxMCAxMi4zNzk1IDEwIDEyLjE0MjlWMTEuMjg1N0MxMCAxMS4wNDkgMTAuMTkxOSAxMC44NTcxIDEwLjQyODYgMTAuODU3MUgxMi43MTQzQzEyLjk1MSAxMC44NTcxIDEzLjE0MjkgMTEuMDQ5IDEzLjE0MjkgMTEuMjg1N1YxNC44NTcxSDEzLjU3MTRDMTMuODA4MSAxNC44NTcxIDE0IDE1LjA0OSAxNCAxNS4yODU3VjE2LjE0MjlaXCJcbiAgICAgICAgICAgICAgICBmaWxsPVwiY3VycmVudENvbG9yXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgIDwvaT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRlbnRcIj5cbiAgICAgICAgQGlmIChtZXNzYWdlLnRlbXBsYXRlKSB7XG4gICAgICAgICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJtZXNzYWdlLnRlbXBsYXRlXCJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogbWVzc2FnZS50ZW1wbGF0ZUNvbnRleHQgfVwiXG4gICAgICAgICAgPjwvbmctdGVtcGxhdGU+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIEBpZiAobWVzc2FnZS50aXRsZVRleHQpIHtcbiAgICAgICAgICAgIDxkaXY+e3sgdChtZXNzYWdlLnRpdGxlVGV4dCkgfX08L2Rpdj5cbiAgICAgICAgICB9XG4gICAgICAgICAgQGlmIChtZXNzYWdlLmJvZHlUZXh0KSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1ib2R5LWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAge3sgdChtZXNzYWdlLmJvZHlUZXh0KSB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgY2xhc3M9XCJjbG9zZS1pY29uLWJ1dHRvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgaW5mb3JtYXRpb246IG1lc3NhZ2UudHlwZSA9PT0gJ2luZm9ybWF0aW9uJyB9XCJcbiAgICAgICAgKGNsaWNrKT1cInJlbW92ZU1lc3NhZ2UobWVzc2FnZSlcIlxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNsb3NlQnV0dG9uQXJpYUxhYmVsXCJcbiAgICAgID5cbiAgICAgICAgPGdkcy1pY29uLWNyb3NzLXNtYWxsXG4gICAgICAgICAgY2xhc3M9XCJjbG9zZS1pY29uXCJcbiAgICAgICAgICAqbmdnQ29yZUVsZW1lbnRcbiAgICAgICAgPjwvZ2RzLWljb24tY3Jvc3Mtc21hbGw+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L291dHB1dD5cbiJdfQ==

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

@@ -593,7 +593,7 @@ class NggvDragDropComponent {
         }, 3000);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggvDragDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NggvDragDropComponent, selector: "nggv-drag-drop", inputs: { thook: "thook", service: "service", accept: "accept", disableRemove: "disableRemove", fileLimit: "fileLimit", multiple: "multiple", list: "list", throttle: "throttle", retryAttempts: "retryAttempts", selectable: "selectable", stateMap: "stateMap", fetchStatuses: "fetchStatuses", errorCodes: "errorCodes" }, outputs: { stateChange: "stateChange", detailsClick: "detailsClick" }, host: { listeners: { "window:beforeunload": "onBeforeUnload($event)" }, properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "deleteModalRef", first: true, predicate: ["deleteModalRef"], descendants: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <form enctype=\"multipart/form-data\" #dragDropForm>\n    <div class=\"gds-drag-drop\">\n      <input\n        class=\"gds-drag-drop__input\"\n        id=\"drag-drop\"\n        type=\"file\"\n        [accept]=\"accept\"\n        [multiple]=\"multiple && list\"\n        (change)=\"onDrop($event)\"\n      />\n      <label\n        [ngClass]=\"{\n          'gds-drag-drop__label': true,\n          'gds-drag-drop__label--above': componentState === 'over',\n        }\"\n        for=\"drag-drop\"\n        [attr.data-thook]=\"thook + '-picker'\"\n        [attr.aria-busy]=\"loading\"\n        (dragenter)=\"onDragEnter($event)\"\n        (dragover)=\"onDragEnter($event)\"\n        (dragleave)=\"onDragLeave($event)\"\n        (dragend)=\"onDragLeave($event)\"\n        (drop)=\"onDrop($event)\"\n        [ngSwitch]=\"componentState\"\n      >\n        <!-- COMPONENT STATE NORMAL -->\n        <ng-template [ngSwitchCase]=\"'normal'\">\n          <gds-icon-cloud-upload *nggCoreElement></gds-icon-cloud-upload\n          ><em>{{ t('dragDrop.label.fileChoose') }}</em>\n          <ng-template [ngIf]=\"isDragDropAvailable\">\n            {{ t('dragDrop.label.fileDrag') }}</ng-template\n          >\n        </ng-template>\n\n        <!-- COMPONENT STATE OVER -->\n        <ng-template [ngSwitchCase]=\"'over'\">\n          <gds-icon-cloud-upload *nggCoreElement></gds-icon-cloud-upload\n          >{{ t('dragDrop.label.fileDrop') }}\n        </ng-template>\n\n        <!-- COMPONENT STATE UPLOADING -->\n        <ng-template [ngSwitchCase]=\"'uploading'\">\n          <strong class=\"filename\">{{ lastFile?.fileName }}</strong>\n\n          <!-- UPLOADING STATE -->\n          <ng-template [ngIf]=\"lastFile?.uploadState === 'uploading'\">\n            <ng-template\n              [ngTemplateOutlet]=\"progressTemplate\"\n              [ngTemplateOutletContext]=\"{\n                file: lastFile,\n              }\"\n            ></ng-template>\n          </ng-template>\n\n          <!-- UPLOADED STATE -->\n          <ng-template [ngIf]=\"lastFile?.uploadState === 'uploaded'\">\n            <ng-template\n              [ngTemplateOutlet]=\"progressTemplate\"\n              [ngTemplateOutletContext]=\"{\n                file: lastFile,\n                text: t('dragDrop.text.fileStateUploaded'),\n              }\"\n            ></ng-template>\n          </ng-template>\n\n          <!-- VALIDATING STATE -->\n          <ng-template [ngIf]=\"lastFile?.uploadState === 'validating'\">\n            <ng-template\n              [ngTemplateOutlet]=\"progressTemplate\"\n              [ngTemplateOutletContext]=\"{\n                file: lastFile,\n                text: t('dragDrop.text.fileStateValidating'),\n              }\"\n            ></ng-template>\n          </ng-template>\n        </ng-template>\n\n        <!-- COMPONENT STATE DONE -->\n        <ng-template [ngSwitchCase]=\"'done'\">\n          {{ t('dragDrop.label.fileUploaded', { filename: lastFile?.fileName })\n          }}<gds-icon-checkmark *nggCoreElement></gds-icon-checkmark>\n        </ng-template>\n      </label>\n\n      <!-- LIST -->\n      <table\n        class=\"gds-table file-list\"\n        [attr.data-thook]=\"thook + '-file-list'\"\n        *ngIf=\"list\"\n      >\n        <thead>\n          <tr>\n            <th *ngIf=\"selectable\">\n              <div class=\"gds-field-checkbox-wrap\">\n                <input\n                  type=\"checkbox\"\n                  aria-label=\"Field label\"\n                  id=\"select-all\"\n                />\n                <label for=\"select-all\"></label>\n              </div>\n            </th>\n            <th class=\"gds-table__primary-col col-name\">\n              {{ t('dragDrop.label.fileName') }}\n            </th>\n            <th class=\"col-status\">\n              {{ t('dragDrop.label.fileStatus') }}\n            </th>\n            <th class=\"col-actions\"></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            [attr.data-thook]=\"thook + '-file'\"\n            *ngFor=\"let file of files | value\"\n          >\n            <td *ngIf=\"selectable\">\n              <div class=\"gds-field-checkbox-wrap\">\n                <input\n                  type=\"checkbox\"\n                  aria-label=\"Field label\"\n                  [id]=\"'file-checkbox-' + file.id\"\n                />\n                <label [for]=\"'file-checkbox-' + file.id\"></label>\n              </div>\n            </td>\n            <td\n              class=\"gds-table__primary-col\"\n              [attr.data-thook]=\"thook + '-file-name'\"\n            >\n              {{ file.fileName }}\n            </td>\n            <td\n              [attr.data-thook]=\"thook + '-file-status'\"\n              [ngSwitch]=\"file.uploadState\"\n            >\n              <!-- UPLOADING STATE -->\n              <ng-template [ngSwitchCase]=\"'uploading'\">\n                <ng-template\n                  [ngTemplateOutlet]=\"progressTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    file: file,\n                  }\"\n                ></ng-template>\n              </ng-template>\n\n              <!-- UPLOADED STATE -->\n              <ng-template [ngSwitchCase]=\"'uploaded'\">\n                <ng-template\n                  [ngTemplateOutlet]=\"progressTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    file: file,\n                    text: t('dragDrop.text.fileStateUploaded'),\n                  }\"\n                ></ng-template>\n              </ng-template>\n\n              <!-- VALIDATING STATE -->\n              <ng-template [ngSwitchCase]=\"'validating'\">\n                <ng-template\n                  [ngTemplateOutlet]=\"progressTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    file: file,\n                    text: t('dragDrop.text.fileStateValidating'),\n                  }\"\n                ></ng-template>\n              </ng-template>\n\n              <!-- ABORTED STATE -->\n              <ng-template [ngSwitchCase]=\"'aborted'\">\n                <span\n                  class=\"error-text\"\n                  [transloco]=\"\n                    'dragDrop.error.' + file.internalStatusReasonCode\n                  \"\n                  [translocoParams]=\"translateParams(file)\"\n                  *ngIf=\"file.internalStatusReasonCode\"\n                ></span>\n              </ng-template>\n\n              <!-- ERROR STATE -->\n              <ng-template [ngSwitchCase]=\"'error'\">\n                <span\n                  class=\"error-text\"\n                  [transloco]=\"\n                    'dragDrop.error.' + file.internalStatusReasonCode\n                  \"\n                  [translocoParams]=\"translateParams(file)\"\n                  *ngIf=\"file.internalStatusReasonCode\"\n                ></span>\n                <br />\n                <a\n                  (click)=\"detailsClick.emit(file)\"\n                  style=\"cursor: pointer\"\n                  *ngIf=\"\n                    file.statusReasonInformation &&\n                    file.statusReasonInformation.length\n                  \"\n                >\n                  {{ t('dragDrop.link.viewDetails') }}\n                </a>\n              </ng-template>\n\n              <!-- DONE STATE -->\n              <ng-template [ngSwitchCase]=\"'done'\">\n                <span class=\"success-text\">{{\n                  t('dragDrop.text.fileStateDone')\n                }}</span>\n              </ng-template>\n            </td>\n\n            <td class=\"gds-table__numeric-col\">\n              <a\n                class=\"remove\"\n                tabindex=\"0\"\n                (click)=\"onRemove(file.id, file.uploadState)\"\n                *ngIf=\"!disableRemove.includes(file.uploadState)\"\n              >\n                <gds-icon-cross-small *nggCoreElement></gds-icon-cross-small>\n              </a>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </form>\n\n  <nggv-dialog\n    #deleteModalRef\n    [title]=\"t('dragDrop.text.fileCancelModalTitle')\"\n    [content]=\"\n      t('dragDrop.text.fileCancelModalContent', {\n        name: markedForDeletion?.fileName,\n      })\n    \"\n    [payload]=\"markedForDeletion\"\n    [buttons]=\"{\n      negative: 'dragDrop.text.fileCancelConfirm',\n      positive: 'dragDrop.text.fileCancelDeny',\n    }\"\n    (nggvNegativeEvent)=\"onConfirmRemove($any($event))\"\n  ></nggv-dialog>\n\n  <!-- PROGRESS TEMPLATE -->\n\n  <ng-template\n    #progressTemplate\n    let-file=\"\n    file\"\n    let-text=\"text\"\n  >\n    <div class=\"progress-wrapper\">\n      <progress\n        class=\"gds-progress-bar progress\"\n        max=\"100\"\n        [value]=\"file.progress\"\n      >\n        {{\n          t('dragDrop.text.fileStateUploading', {\n            uploaded:\n              (file.raw?.size * (file.progress / 100)) / 1024 | number: '0.0-0',\n            size: file.raw?.size / 1024 | number: '0.0-0',\n            progress: file.progress,\n            unit: 'kB',\n          })\n        }}\n      </progress>\n      <ng-template [ngIf]=\"stateMap.validating.length\">\n        <div\n          class=\"gds-progress-indicator indicator\"\n          *ngIf=\"uploadStateIsArray(stateMap.validating); else singleValidation\"\n        >\n          <div\n            class=\"gds-progress-indicator__step\"\n            [class.-done]=\"i <= stateMap.validating.indexOf(file.status)\"\n            *ngFor=\"let state of stateMap.validating; let i = index\"\n          ></div>\n        </div>\n      </ng-template>\n      <ng-template #singleValidation>\n        <div class=\"gds-progress-indicator indicator\">\n          <!-- eslint-disable @angular-eslint/template/eqeqeq -->\n          <div\n            class=\"gds-progress-indicator__step\"\n            [class.-done]=\"file.status == stateMap.validating\"\n          ></div>\n          <!-- eslint-enable @angular-eslint/template/eqeqeq -->\n        </div>\n      </ng-template>\n    </div>\n    <span class=\"progress-text\">\n      {{\n        text ||\n          t('dragDrop.text.fileStateUploading', {\n            uploaded:\n              (file.raw?.size * (file.progress / 100)) / 1024 | number: '0.0-0',\n            size: file.raw?.size / 1024 | number: '0.0-0',\n            progress: file.progress,\n            unit: 'kB',\n          })\n      }}\n    </span>\n  </ng-template>\n</ng-container>\n", styles: [":host .gds-drag-drop{width:100%}:host .gds-drag-drop__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}:host .gds-drag-drop__label{display:flex;justify-content:center;align-items:center;gap:.5rem;border:2px dashed #868686;font-weight:500;padding:2.25em 1.5em;overflow-wrap:anywhere}:host .gds-drag-drop__input+.gds-drag-drop__label em{font-style:normal;color:#0092e1;cursor:pointer}:host .gds-drag-drop table,:host .gds-drag-drop .gds-table{margin-top:2.25em}:host .gds-table{width:100%;font-family:SEBSansSerif,Arial,sans-serif;border-spacing:0}:host .gds-table th,:host .gds-table td{text-align:left;border-bottom:1px solid #e9e9e9}:host .gds-table thead{color:#333;font-size:1em}:host .gds-table thead tr{min-height:2em}:host .gds-table thead th,:host .gds-table thead td{border-bottom:1px solid #cecece;font-weight:500}:host .gds-table tbody{font-size:1em}:host .gds-table tbody tr{height:2.5em;border-bottom:1px solid #adadad}:host .gds-table tbody tr:hover td,:host .gds-table tbody tr:hover th{background-color:#f8f8f8}:host .gds-table tfoot{font-weight:500;font-size:1em}:host .gds-table tfoot tr{height:2.5em}:host .gds-table tfoot td{border-top:1px solid #cecece;border-bottom-width:0}:host tr .gds-table__numeric-col{text-align:right}:host tr .gds-table__negative-col{color:#bb000c}:host tr .gds-table__primary-col{color:#000}:host .gds-table__sortable-col{cursor:pointer;white-space:nowrap;margin-left:.5em}:host .gds-table__sortable-col:after{content:\"\";display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23adadad' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23adadad' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\");background-repeat:no-repeat;margin-left:.25rem;width:.625rem;height:1rem;vertical-align:text-bottom}:host .gds-table__sortable-col:hover:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23cecece' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23cecece' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--asc:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23adadad' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23007ac7' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--asc:hover:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23cecece' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%2341b0ee' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--desc:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23007ac7' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23adadad' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--desc:hover:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%2341b0ee' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23cecece' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table .gds-field-checkbox-wrap{width:2.5rem}:host .gds-table .gds-field-checkbox-wrap label{box-shadow:none!important}:host .gds-table--fixed-l-col{overflow:auto;display:block;position:relative;max-width:100%}:host .gds-table--fixed-l-col td,:host .gds-table--fixed-l-col th{width:auto!important;min-width:150px}:host .gds-table--fixed-l-col td:first-child,:host .gds-table--fixed-l-col th:first-child{position:sticky;left:0;background-color:#fff;border-right:1px solid #e9e9e9}:host .gds-table--fixed-l-col thead th{top:0;z-index:1;position:sticky;background-color:#fff}:host .gds-table--fixed-l-col thead th:first-child{z-index:2}:host .gds-progress-bar{appearance:none;height:.3125rem;width:100%;position:relative;overflow:hidden;color:#45b400;border-width:0;background-color:#e9e9e9}:host .gds-progress-bar:before{display:block;position:absolute;content:\"\";left:-200px;width:200px;height:.3125rem;background-color:#45b400;animation:gds-progressbar-loading 2s linear infinite}:host .gds-progress-bar::-webkit-progress-value{background-color:transparent}:host .gds-progress-bar::-moz-progress-bar{background-color:transparent}:host .gds-progress-bar::-ms-fill{background-color:transparent;border-width:0}:host .gds-progress-bar::-webkit-progress-bar{background-color:#e9e9e9}@keyframes gds-progressbar-loading{0%{left:-30%;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}:host .gds-progress-bar[value]:before{content:none}:host .gds-progress-bar[value]::-webkit-progress-value{background-color:#45b400}:host .gds-progress-bar[value]::-moz-progress-bar{background-color:#45b400}:host .gds-progress-bar[value]::-ms-fill{background-color:#45b400}:host .gds-progress-indicator{display:flex;width:100%}:host .gds-progress-indicator__step{flex-grow:1;height:.5rem;margin-right:.125rem;background-color:#e9e9e9}:host .gds-progress-indicator__step.-done{background-color:#45b400}:host .gds-progress-indicator__step:last-child{margin-right:0}:host .file-list th:first-child,:host .file-list td:first-child{width:auto}:host .filename{display:block;margin-bottom:.5rem}:host .col-name{width:40%}:host .col-status{width:30%}:host .col-actions{width:.1%}:host .progress-wrapper{display:flex}:host .progress,:host .indicator{height:.5rem}:host .gds-progress-indicator__step{margin-right:0}:host .progress{color:#45b400}:host .progress::-webkit-progress-value{background-color:#45b400}:host .progress::-moz-progress-bar{background-color:#45b400}:host .progress::-ms-fill{background-color:#45b400}:host .progress-text{display:block;margin-top:.125rem}:host .error-text{color:#bb000c}:host .success-text{color:#308800}:host .remove{padding:0 .5rem;font-size:1.5em;color:#868686;cursor:pointer;display:grid;place-content:center}:host .remove:hover,:host .remove:focus{color:#bb000c}\n"], dependencies: [{ kind: "directive", type: i1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i2.NggvDialogComponent, selector: "nggv-dialog", inputs: ["thook", "shown", "initiallyShown", "heading", "title", "content", "autoClose", "payload", "dialogTitleId", "dialogBodyId", "closeModalOnEscape", "closeButtonAriaLabel", "buttons"], outputs: ["nggvCloseEvent", "nggvPositiveEvent", "nggvNeutralEvent", "nggvNegativeEvent"], exportAs: ["dialog"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i4.DecimalPipe, name: "number" }, { kind: "pipe", type: ValuePipe, name: "value" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: NggvDragDropComponent, selector: "nggv-drag-drop", inputs: { thook: "thook", service: "service", accept: "accept", disableRemove: "disableRemove", fileLimit: "fileLimit", multiple: "multiple", list: "list", throttle: "throttle", retryAttempts: "retryAttempts", selectable: "selectable", stateMap: "stateMap", fetchStatuses: "fetchStatuses", errorCodes: "errorCodes" }, outputs: { stateChange: "stateChange", detailsClick: "detailsClick" }, host: { listeners: { "window:beforeunload": "onBeforeUnload($event)" }, properties: { "attr.data-thook": "this.thook" } }, viewQueries: [{ propertyName: "deleteModalRef", first: true, predicate: ["deleteModalRef"], descendants: true }], ngImport: i0, template: "<ng-container *transloco=\"let t\">\n  <form enctype=\"multipart/form-data\" #dragDropForm>\n    <div class=\"gds-drag-drop\">\n      <input\n        class=\"gds-drag-drop__input\"\n        id=\"drag-drop\"\n        type=\"file\"\n        [accept]=\"accept\"\n        [multiple]=\"multiple && list\"\n        (change)=\"onDrop($event)\"\n      />\n      <label\n        [ngClass]=\"{\n          'gds-drag-drop__label': true,\n          'gds-drag-drop__label--above': componentState === 'over',\n        }\"\n        for=\"drag-drop\"\n        [attr.data-thook]=\"thook + '-picker'\"\n        [attr.aria-busy]=\"loading\"\n        (dragenter)=\"onDragEnter($event)\"\n        (dragover)=\"onDragEnter($event)\"\n        (dragleave)=\"onDragLeave($event)\"\n        (dragend)=\"onDragLeave($event)\"\n        (drop)=\"onDrop($event)\"\n        [ngSwitch]=\"componentState\"\n      >\n        <!-- COMPONENT STATE NORMAL -->\n        <ng-template [ngSwitchCase]=\"'normal'\">\n          <gds-icon-cloud-upload *nggCoreElement></gds-icon-cloud-upload\n          ><em>{{ t('dragDrop.label.fileChoose') }}</em>\n          <ng-template [ngIf]=\"isDragDropAvailable\">\n            {{ t('dragDrop.label.fileDrag') }}</ng-template\n          >\n        </ng-template>\n\n        <!-- COMPONENT STATE OVER -->\n        <ng-template [ngSwitchCase]=\"'over'\">\n          <gds-icon-cloud-upload *nggCoreElement></gds-icon-cloud-upload\n          >{{ t('dragDrop.label.fileDrop') }}\n        </ng-template>\n\n        <!-- COMPONENT STATE UPLOADING -->\n        <ng-template [ngSwitchCase]=\"'uploading'\">\n          <strong class=\"filename\">{{ lastFile?.fileName }}</strong>\n\n          <!-- UPLOADING STATE -->\n          <ng-template [ngIf]=\"lastFile?.uploadState === 'uploading'\">\n            <ng-template\n              [ngTemplateOutlet]=\"progressTemplate\"\n              [ngTemplateOutletContext]=\"{\n                file: lastFile,\n              }\"\n            ></ng-template>\n          </ng-template>\n\n          <!-- UPLOADED STATE -->\n          <ng-template [ngIf]=\"lastFile?.uploadState === 'uploaded'\">\n            <ng-template\n              [ngTemplateOutlet]=\"progressTemplate\"\n              [ngTemplateOutletContext]=\"{\n                file: lastFile,\n                text: t('dragDrop.text.fileStateUploaded'),\n              }\"\n            ></ng-template>\n          </ng-template>\n\n          <!-- VALIDATING STATE -->\n          <ng-template [ngIf]=\"lastFile?.uploadState === 'validating'\">\n            <ng-template\n              [ngTemplateOutlet]=\"progressTemplate\"\n              [ngTemplateOutletContext]=\"{\n                file: lastFile,\n                text: t('dragDrop.text.fileStateValidating'),\n              }\"\n            ></ng-template>\n          </ng-template>\n        </ng-template>\n\n        <!-- COMPONENT STATE DONE -->\n        <ng-template [ngSwitchCase]=\"'done'\">\n          {{ t('dragDrop.label.fileUploaded', { filename: lastFile?.fileName })\n          }}<gds-icon-checkmark *nggCoreElement></gds-icon-checkmark>\n        </ng-template>\n      </label>\n\n      <!-- LIST -->\n      <table\n        class=\"gds-table file-list\"\n        [attr.data-thook]=\"thook + '-file-list'\"\n        *ngIf=\"list\"\n      >\n        <thead>\n          <tr>\n            <th *ngIf=\"selectable\">\n              <div class=\"gds-field-checkbox-wrap\">\n                <input\n                  type=\"checkbox\"\n                  aria-label=\"Field label\"\n                  id=\"select-all\"\n                />\n                <label for=\"select-all\"></label>\n              </div>\n            </th>\n            <th class=\"gds-table__primary-col col-name\">\n              {{ t('dragDrop.label.fileName') }}\n            </th>\n            <th class=\"col-status\">\n              {{ t('dragDrop.label.fileStatus') }}\n            </th>\n            <th class=\"col-actions\"></th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr\n            [attr.data-thook]=\"thook + '-file'\"\n            *ngFor=\"let file of files | value\"\n          >\n            <td *ngIf=\"selectable\">\n              <div class=\"gds-field-checkbox-wrap\">\n                <input\n                  type=\"checkbox\"\n                  aria-label=\"Field label\"\n                  [id]=\"'file-checkbox-' + file.id\"\n                />\n                <label [for]=\"'file-checkbox-' + file.id\"></label>\n              </div>\n            </td>\n            <td\n              class=\"gds-table__primary-col\"\n              [attr.data-thook]=\"thook + '-file-name'\"\n            >\n              {{ file.fileName }}\n            </td>\n            <td\n              [attr.data-thook]=\"thook + '-file-status'\"\n              [ngSwitch]=\"file.uploadState\"\n            >\n              <!-- UPLOADING STATE -->\n              <ng-template [ngSwitchCase]=\"'uploading'\">\n                <ng-template\n                  [ngTemplateOutlet]=\"progressTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    file: file,\n                  }\"\n                ></ng-template>\n              </ng-template>\n\n              <!-- UPLOADED STATE -->\n              <ng-template [ngSwitchCase]=\"'uploaded'\">\n                <ng-template\n                  [ngTemplateOutlet]=\"progressTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    file: file,\n                    text: t('dragDrop.text.fileStateUploaded'),\n                  }\"\n                ></ng-template>\n              </ng-template>\n\n              <!-- VALIDATING STATE -->\n              <ng-template [ngSwitchCase]=\"'validating'\">\n                <ng-template\n                  [ngTemplateOutlet]=\"progressTemplate\"\n                  [ngTemplateOutletContext]=\"{\n                    file: file,\n                    text: t('dragDrop.text.fileStateValidating'),\n                  }\"\n                ></ng-template>\n              </ng-template>\n\n              <!-- ABORTED STATE -->\n              <ng-template [ngSwitchCase]=\"'aborted'\">\n                <span\n                  class=\"error-text\"\n                  [transloco]=\"\n                    'dragDrop.error.' + file.internalStatusReasonCode\n                  \"\n                  [translocoParams]=\"translateParams(file)\"\n                  *ngIf=\"file.internalStatusReasonCode\"\n                ></span>\n              </ng-template>\n\n              <!-- ERROR STATE -->\n              <ng-template [ngSwitchCase]=\"'error'\">\n                <span\n                  class=\"error-text\"\n                  [transloco]=\"\n                    'dragDrop.error.' + file.internalStatusReasonCode\n                  \"\n                  [translocoParams]=\"translateParams(file)\"\n                  *ngIf=\"file.internalStatusReasonCode\"\n                ></span>\n                <br />\n                <a\n                  (click)=\"detailsClick.emit(file)\"\n                  style=\"cursor: pointer\"\n                  *ngIf=\"\n                    file.statusReasonInformation &&\n                    file.statusReasonInformation.length\n                  \"\n                >\n                  {{ t('dragDrop.link.viewDetails') }}\n                </a>\n              </ng-template>\n\n              <!-- DONE STATE -->\n              <ng-template [ngSwitchCase]=\"'done'\">\n                <span class=\"success-text\">{{\n                  t('dragDrop.text.fileStateDone')\n                }}</span>\n              </ng-template>\n            </td>\n\n            <td class=\"gds-table__numeric-col\">\n              <a\n                class=\"remove\"\n                tabindex=\"0\"\n                (click)=\"onRemove(file.id, file.uploadState)\"\n                *ngIf=\"!disableRemove.includes(file.uploadState)\"\n              >\n                <gds-icon-cross-small *nggCoreElement></gds-icon-cross-small>\n              </a>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </form>\n\n  <nggv-dialog\n    #deleteModalRef\n    [title]=\"t('dragDrop.text.fileCancelModalTitle')\"\n    [content]=\"\n      t('dragDrop.text.fileCancelModalContent', {\n        name: markedForDeletion?.fileName,\n      })\n    \"\n    [payload]=\"markedForDeletion\"\n    [buttons]=\"{\n      negative: 'dragDrop.text.fileCancelConfirm',\n      positive: 'dragDrop.text.fileCancelDeny',\n    }\"\n    (nggvNegativeEvent)=\"onConfirmRemove($any($event))\"\n  ></nggv-dialog>\n\n  <!-- PROGRESS TEMPLATE -->\n\n  <ng-template\n    #progressTemplate\n    let-file=\"\n    file\"\n    let-text=\"text\"\n  >\n    <div class=\"progress-wrapper\">\n      <progress\n        class=\"gds-progress-bar progress\"\n        max=\"100\"\n        [value]=\"file.progress\"\n      >\n        {{\n          t('dragDrop.text.fileStateUploading', {\n            uploaded:\n              (file.raw?.size * (file.progress / 100)) / 1024 | number: '0.0-0',\n            size: file.raw?.size / 1024 | number: '0.0-0',\n            progress: file.progress,\n            unit: 'kB',\n          })\n        }}\n      </progress>\n      <ng-template [ngIf]=\"stateMap.validating.length\">\n        <div\n          class=\"gds-progress-indicator indicator\"\n          *ngIf=\"uploadStateIsArray(stateMap.validating); else singleValidation\"\n        >\n          <div\n            class=\"gds-progress-indicator__step\"\n            [class.-done]=\"i <= stateMap.validating.indexOf(file.status)\"\n            *ngFor=\"let state of stateMap.validating; let i = index\"\n          ></div>\n        </div>\n      </ng-template>\n      <ng-template #singleValidation>\n        <div class=\"gds-progress-indicator indicator\">\n          <!-- eslint-disable @angular-eslint/template/eqeqeq -->\n          <div\n            class=\"gds-progress-indicator__step\"\n            [class.-done]=\"file.status == stateMap.validating\"\n          ></div>\n          <!-- eslint-enable @angular-eslint/template/eqeqeq -->\n        </div>\n      </ng-template>\n    </div>\n    <span class=\"progress-text\">\n      {{\n        text ||\n          t('dragDrop.text.fileStateUploading', {\n            uploaded:\n              (file.raw?.size * (file.progress / 100)) / 1024 | number: '0.0-0',\n            size: file.raw?.size / 1024 | number: '0.0-0',\n            progress: file.progress,\n            unit: 'kB',\n          })\n      }}\n    </span>\n  </ng-template>\n</ng-container>\n", styles: [":host .gds-drag-drop{width:100%}:host .gds-drag-drop__input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}:host .gds-drag-drop__label{display:flex;justify-content:center;align-items:center;gap:.5rem;border:2px dashed #868686;font-weight:500;padding:2.25em 1.5em;overflow-wrap:anywhere}:host .gds-drag-drop__input+.gds-drag-drop__label em{font-style:normal;color:#0092e1;cursor:pointer}:host .gds-drag-drop table,:host .gds-drag-drop .gds-table{margin-top:2.25em}:host .gds-table{width:100%;font-family:SEBSansSerif,Arial,sans-serif;border-spacing:0}:host .gds-table th,:host .gds-table td{text-align:left;border-bottom:1px solid #e9e9e9}:host .gds-table thead{color:#333;font-size:1em}:host .gds-table thead tr{min-height:2em}:host .gds-table thead th,:host .gds-table thead td{border-bottom:1px solid #cecece;font-weight:500}:host .gds-table tbody{font-size:1em}:host .gds-table tbody tr{height:2.5em;border-bottom:1px solid #adadad}:host .gds-table tbody tr:hover td,:host .gds-table tbody tr:hover th{background-color:#f8f8f8}:host .gds-table tfoot{font-weight:500;font-size:1em}:host .gds-table tfoot tr{height:2.5em}:host .gds-table tfoot td{border-top:1px solid #cecece;border-bottom-width:0}:host tr .gds-table__numeric-col{text-align:right}:host tr .gds-table__negative-col{color:#bb000c}:host tr .gds-table__primary-col{color:#000}:host .gds-table__sortable-col{cursor:pointer;white-space:nowrap;margin-left:.5em}:host .gds-table__sortable-col:after{content:\"\";display:inline-block;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23adadad' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23adadad' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\");background-repeat:no-repeat;margin-left:.25rem;width:.625rem;height:1rem;vertical-align:text-bottom}:host .gds-table__sortable-col:hover:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23cecece' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23cecece' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--asc:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23adadad' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23007ac7' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--asc:hover:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23cecece' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%2341b0ee' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--desc:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%23007ac7' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23adadad' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table__sortable-col--desc:hover:after{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 644'%3E%3Cpath fill='%2341b0ee' transform='translate(0 260)' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3Cpath fill='%23cecece' transform='translate(0 -120)' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E\")}:host .gds-table .gds-field-checkbox-wrap{width:2.5rem}:host .gds-table .gds-field-checkbox-wrap label{box-shadow:none!important}:host .gds-table--fixed-l-col{overflow:auto;display:block;position:relative;max-width:100%}:host .gds-table--fixed-l-col td,:host .gds-table--fixed-l-col th{width:auto!important;min-width:150px}:host .gds-table--fixed-l-col td:first-child,:host .gds-table--fixed-l-col th:first-child{position:sticky;left:0;background-color:#fff;border-right:1px solid #e9e9e9}:host .gds-table--fixed-l-col thead th{top:0;z-index:1;position:sticky;background-color:#fff}:host .gds-table--fixed-l-col thead th:first-child{z-index:2}:host .gds-progress-bar{appearance:none;height:.3125rem;width:100%;position:relative;overflow:hidden;color:#45b400;border-width:0;background-color:#e9e9e9}:host .gds-progress-bar:before{display:block;position:absolute;content:\"\";left:-200px;width:200px;height:.3125rem;background-color:#45b400;animation:gds-progressbar-loading 2s linear infinite}:host .gds-progress-bar::-webkit-progress-value{background-color:transparent}:host .gds-progress-bar::-moz-progress-bar{background-color:transparent}:host .gds-progress-bar::-ms-fill{background-color:transparent;border-width:0}:host .gds-progress-bar::-webkit-progress-bar{background-color:#e9e9e9}@keyframes gds-progressbar-loading{0%{left:-30%;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}:host .gds-progress-bar[value]:before{content:none}:host .gds-progress-bar[value]::-webkit-progress-value{background-color:#45b400}:host .gds-progress-bar[value]::-moz-progress-bar{background-color:#45b400}:host .gds-progress-bar[value]::-ms-fill{background-color:#45b400}:host .gds-progress-indicator{display:flex;width:100%}:host .gds-progress-indicator__step{flex-grow:1;height:.5rem;margin-right:.125rem;background-color:#e9e9e9}:host .gds-progress-indicator__step.-done{background-color:#45b400}:host .gds-progress-indicator__step:last-child{margin-right:0}:host .file-list th:first-child,:host .file-list td:first-child{width:auto}:host .filename{display:block;margin-bottom:.5rem}:host .col-name{width:40%}:host .col-status{width:30%}:host .col-actions{width:.1%}:host .progress-wrapper{display:flex}:host .progress,:host .indicator{height:.5rem}:host .gds-progress-indicator__step{margin-right:0}:host .progress{color:#45b400}:host .progress::-webkit-progress-value{background-color:#45b400}:host .progress::-moz-progress-bar{background-color:#45b400}:host .progress::-ms-fill{background-color:#45b400}:host .progress-text{display:block;margin-top:.125rem}:host .error-text{color:#bb000c}:host .success-text{color:#308800}:host .remove{padding:0 .5rem;font-size:1.5em;color:#868686;cursor:pointer;display:grid;place-content:center}:host .remove:hover,:host .remove:focus{color:#bb000c}\n"], dependencies: [{ kind: "directive", type: i1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i2.NggvDialogComponent, selector: "nggv-dialog", inputs: ["thook", "shown", "initiallyShown", "heading", "title", "content", "autoClose", "payload", "dialogTitleId", "dialogBodyId", "closeModalOnEscape", "closeButtonAriaLabel", "buttons"], outputs: ["nggvCloseEvent", "nggvPositiveEvent", "nggvNeutralEvent", "nggvNegativeEvent", "nggvDangerEvent"], exportAs: ["dialog"] }, { kind: "directive", type: i3.NggCoreElementDirective, selector: "[nggCoreElement]" }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i4.DecimalPipe, name: "number" }, { kind: "pipe", type: ValuePipe, name: "value" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NggvDragDropComponent, decorators: [{
             type: Component,