@energinet/watt 2.0.13 → 2.1.0

package/fesm2022/energinet-watt-dropzone.mjs

@@ -1,298 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, inject, Directive, input, booleanAttribute, output, signal, forwardRef, Component } from '@angular/core';
-import { NG_VALIDATORS, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i2 from '@angular/material/progress-bar';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { WattButtonComponent } from '@energinet/watt/button';
-import { WattFieldComponent } from '@energinet/watt/field';
-import { VaterStackComponent, VaterUtilityDirective } from '@energinet/watt/vater';
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattDropZoneIntlService {
-    prompt = 'Drop file here';
-    promptMultiple = 'Drop files here';
-    separator = 'or';
-    button = 'Choose file';
-    buttonMultiple = 'Choose files';
-    loadingMessage = 'Loading';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDropZoneIntlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDropZoneIntlService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDropZoneIntlService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-/**
- * Directive that validates the file type of provided files. This is automatically
- * applied to the `WattDropZone` component via `hostDirectives`.
- */
-class FileTypeValidator {
-    component = inject(WattDropZone, { host: true, self: true });
-    validate(control) {
-        const accept = this.component.accept();
-        return accept.length > 0 && control.value?.some((i) => !accept.includes(i.type))
-            ? { type: true }
-            : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FileTypeValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: FileTypeValidator, isStandalone: true, providers: [{ provide: NG_VALIDATORS, useExisting: FileTypeValidator, multi: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FileTypeValidator, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [{ provide: NG_VALIDATORS, useExisting: FileTypeValidator, multi: true }],
-                }]
-        }] });
-/**
- * Directive validating that a single file is selected when `multiple` is false.
- * This is automatically applied to the `WattDropZone` component via `hostDirectives`.
- */
-class MultipleFilesValidator {
-    component = inject(WattDropZone, { host: true, self: true });
-    validate(control) {
-        const multiple = this.component.multiple();
-        return !multiple && control.value?.length !== 1 ? { multiple: true } : null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultipleFilesValidator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.1", type: MultipleFilesValidator, isStandalone: true, providers: [{ provide: NG_VALIDATORS, useExisting: MultipleFilesValidator, multi: true }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: MultipleFilesValidator, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [{ provide: NG_VALIDATORS, useExisting: MultipleFilesValidator, multi: true }],
-                }]
-        }] });
-/** Validates that the file size is less than or equal to the specified maximum size. */
-const limitFiles = (limit) => (control) => control.value?.length && control.value.length > limit ? { limit } : null;
-/** Validates that the file size is less than or equal to the specified maximum size. */
-const maxFileSize = (size) => (control) => control.value?.some((file) => file.size > size) ? { size } : null;
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-// eslint-disable-next-line @angular-eslint/component-class-suffix
-class WattDropZone {
-    intl = inject(WattDropZoneIntlService);
-    /** Whether the dropzone should accept multiple files. */
-    multiple = input(false, { transform: booleanAttribute });
-    /** Label for the dropzone. */
-    label = input();
-    /** Comma-separated list of MIME types that the dropzone accepts. */
-    accept = input([], { transform: (value) => value.split(',') });
-    /** Emits when one or more files are selected. */
-    selected = output();
-    // Tracks (valid) drag over state
-    dragOver = signal(false);
-    // Progress
-    progress = input(100);
-    handleFiles(files) {
-        if (!files)
-            return;
-        this.selected.emit(Array.from(files));
-    }
-    handleDrop(event) {
-        if (!event.dataTransfer)
-            return;
-        if (!this.dragOver())
-            return;
-        // Prevent opening the file in the browser
-        event.preventDefault();
-        this.handleFiles(event.dataTransfer.files);
-    }
-    handleDragOver(event) {
-        if (!event.dataTransfer)
-            return;
-        // Ignore non-file items such as strings
-        if (Array.from(event.dataTransfer.items).some((i) => i.kind !== 'file'))
-            return;
-        // Prevent opening the file in the browser
-        event.preventDefault();
-        this.dragOver.set(true);
-    }
-    // Implementation for ControlValueAccessor
-    writeValue = () => { }; // eslint-disable-line @typescript-eslint/no-empty-function
-    registerOnTouched = (fn) => this.selected.subscribe(fn);
-    registerOnChange = (fn) => this.selected.subscribe(fn);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDropZone, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattDropZone, isStandalone: true, selector: "watt-dropzone", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, providers: [
-            {
-                provide: NG_VALUE_ACCESSOR,
-                useExisting: forwardRef(() => WattDropZone),
-                multi: true,
-            },
-        ], hostDirectives: [{ directive: FileTypeValidator }, { directive: MultipleFilesValidator }], ngImport: i0, template: `
-    <watt-field [label]="label()">
-      <ng-content />
-      <ng-content select="watt-field-error" ngProjectAs="watt-field-error" />
-      <ng-content select="watt-field-hint" ngProjectAs="watt-field-hint" />
-      <span class="wrapper">
-        <vater-stack
-          inset="0"
-          class="dropzone"
-          [class.dragOver]="dragOver()"
-          (dragover)="handleDragOver($event)"
-          (drop)="handleDrop($event)"
-          (drop)="dragOver.set(false)"
-          (dragleave)="dragOver.set(false)"
-        >
-          @if (progress() < 100) {
-            <vater-stack center gap="s" fill="horizontal" align="start">
-              <span>{{ intl.loadingMessage }} ( {{ progress() + '%' }} )</span>
-              <mat-progress-bar mode="determinate" [value]="progress()" />
-            </vater-stack>
-          } @else {
-            <vater-stack center gap="xs">
-              <input
-                #input
-                hidden
-                type="file"
-                [multiple]="multiple()"
-                [accept]="accept().join(',')"
-                (change)="handleFiles(input.files)"
-              />
-              <span>{{ multiple() ? intl.promptMultiple : intl.prompt }}</span>
-              <span class="watt-on-light--medium-emphasis">{{ intl.separator }}</span>
-              <watt-button size="small" variant="secondary" (click)="input.click()">
-                {{ multiple() ? intl.buttonMultiple : intl.button }}
-              </watt-button>
-            </vater-stack>
-          }
-        </vater-stack>
-      </span>
-    </watt-field>
-  `, isInline: true, styles: [".wrapper{display:block;min-height:184px}.dropzone{padding:var(--watt-space-l);background:var(--watt-color-neutral-grey-200)}.dragOver{background:var(--watt-color-state-info-light)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--watt-color-primary);--mdc-linear-progress-track-color: var(--watt-color-primary-light)}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: VaterStackComponent, selector: "vater-stack, [vater-stack]" }, { kind: "component", type: WattButtonComponent, selector: "watt-button", inputs: ["icon", "variant", "size", "type", "formId", "disabled", "loading"] }, { kind: "component", type: WattFieldComponent, selector: "watt-field", inputs: ["control", "label", "id", "chipMode", "tooltip", "placeholder", "anchorName"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattDropZone, decorators: [{
-            type: Component,
-            args: [{ imports: [
-                        ReactiveFormsModule,
-                        VaterStackComponent,
-                        VaterUtilityDirective,
-                        WattButtonComponent,
-                        WattFieldComponent,
-                        MatProgressBarModule,
-                    ], selector: 'watt-dropzone', hostDirectives: [FileTypeValidator, MultipleFilesValidator], providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: forwardRef(() => WattDropZone),
-                            multi: true,
-                        },
-                    ], template: `
-    <watt-field [label]="label()">
-      <ng-content />
-      <ng-content select="watt-field-error" ngProjectAs="watt-field-error" />
-      <ng-content select="watt-field-hint" ngProjectAs="watt-field-hint" />
-      <span class="wrapper">
-        <vater-stack
-          inset="0"
-          class="dropzone"
-          [class.dragOver]="dragOver()"
-          (dragover)="handleDragOver($event)"
-          (drop)="handleDrop($event)"
-          (drop)="dragOver.set(false)"
-          (dragleave)="dragOver.set(false)"
-        >
-          @if (progress() < 100) {
-            <vater-stack center gap="s" fill="horizontal" align="start">
-              <span>{{ intl.loadingMessage }} ( {{ progress() + '%' }} )</span>
-              <mat-progress-bar mode="determinate" [value]="progress()" />
-            </vater-stack>
-          } @else {
-            <vater-stack center gap="xs">
-              <input
-                #input
-                hidden
-                type="file"
-                [multiple]="multiple()"
-                [accept]="accept().join(',')"
-                (change)="handleFiles(input.files)"
-              />
-              <span>{{ multiple() ? intl.promptMultiple : intl.prompt }}</span>
-              <span class="watt-on-light--medium-emphasis">{{ intl.separator }}</span>
-              <watt-button size="small" variant="secondary" (click)="input.click()">
-                {{ multiple() ? intl.buttonMultiple : intl.button }}
-              </watt-button>
-            </vater-stack>
-          }
-        </vater-stack>
-      </span>
-    </watt-field>
-  `, styles: [".wrapper{display:block;min-height:184px}.dropzone{padding:var(--watt-space-l);background:var(--watt-color-neutral-grey-200)}.dragOver{background:var(--watt-color-state-info-light)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color: var(--watt-color-primary);--mdc-linear-progress-track-color: var(--watt-color-primary-light)}\n"] }]
-        }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FileTypeValidator, MultipleFilesValidator, WattDropZone, WattDropZoneIntlService, limitFiles, maxFileSize };
-//# sourceMappingURL=energinet-watt-dropzone.mjs.map

package/fesm2022/energinet-watt-dropzone.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"energinet-watt-dropzone.mjs","sources":["../../../libs/watt/package/dropzone/watt-dropzone-intl.ts","../../../libs/watt/package/dropzone/watt-dropzone-validators.ts","../../../libs/watt/package/dropzone/watt-dropzone.ts","../../../libs/watt/package/dropzone/index.ts","../../../libs/watt/package/dropzone/energinet-watt-dropzone.ts"],"sourcesContent":["//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Injectable } from '@angular/core';\n\n@Injectable({ providedIn: 'root' })\nexport class WattDropZoneIntlService {\n  prompt = 'Drop file here';\n  promptMultiple = 'Drop files here';\n  separator = 'or';\n  button = 'Choose file';\n  buttonMultiple = 'Choose files';\n  loadingMessage = 'Loading';\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport { Directive, inject } from '@angular/core';\nimport { AbstractControl, NG_VALIDATORS, ValidationErrors, Validator } from '@angular/forms';\nimport { WattDropZone, MimeType } from './watt-dropzone';\n\n/**\n * Directive that validates the file type of provided files. This is automatically\n * applied to the `WattDropZone` component via `hostDirectives`.\n */\n@Directive({\n  providers: [{ provide: NG_VALIDATORS, useExisting: FileTypeValidator, multi: true }],\n})\nexport class FileTypeValidator implements Validator {\n  component = inject(WattDropZone, { host: true, self: true });\n  validate(control: AbstractControl<File[] | null>): ValidationErrors | null {\n    const accept = this.component.accept();\n    return accept.length > 0 && control.value?.some((i) => !accept.includes(i.type as MimeType))\n      ? { type: true }\n      : null;\n  }\n}\n\n/**\n * Directive validating that a single file is selected when `multiple` is false.\n * This is automatically applied to the `WattDropZone` component via `hostDirectives`.\n */\n@Directive({\n  providers: [{ provide: NG_VALIDATORS, useExisting: MultipleFilesValidator, multi: true }],\n})\nexport class MultipleFilesValidator implements Validator {\n  component = inject(WattDropZone, { host: true, self: true });\n  validate(control: AbstractControl<File[] | null>): ValidationErrors | null {\n    const multiple = this.component.multiple();\n    return !multiple && control.value?.length !== 1 ? { multiple: true } : null;\n  }\n}\n\n/** Validates that the file size is less than or equal to the specified maximum size. */\nexport const limitFiles =\n  (limit: number) =>\n  (control: AbstractControl<File[] | null>): ValidationErrors | null =>\n    control.value?.length && control.value.length > limit ? { limit } : null;\n\n/** Validates that the file size is less than or equal to the specified maximum size. */\nexport const maxFileSize =\n  (size: number) =>\n  (control: AbstractControl<File[] | null>): ValidationErrors | null =>\n    control.value?.some((file) => file.size > size) ? { size } : null;\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nimport {\n  Component,\n  booleanAttribute,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\n\nimport { WattButtonComponent } from '@energinet/watt/button';\nimport { WattFieldComponent } from '@energinet/watt/field';\nimport { VaterStackComponent, VaterUtilityDirective } from '@energinet/watt/vater';\nimport { WattDropZoneIntlService } from './watt-dropzone-intl';\nimport { FileTypeValidator, MultipleFilesValidator } from './watt-dropzone-validators';\n\n// Slightly better typing than just raw string\nexport type MimeType = `${string}/${string}`;\n\n@Component({\n  imports: [\n    ReactiveFormsModule,\n    VaterStackComponent,\n    VaterUtilityDirective,\n    WattButtonComponent,\n    WattFieldComponent,\n    MatProgressBarModule,\n  ],\n  selector: 'watt-dropzone',\n  hostDirectives: [FileTypeValidator, MultipleFilesValidator],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => WattDropZone),\n      multi: true,\n    },\n  ],\n  styles: `\n    .wrapper {\n      display: block;\n      min-height: 184px; /* Magic UX number */\n    }\n\n    .dropzone {\n      padding: var(--watt-space-l);\n      background: var(--watt-color-neutral-grey-200);\n    }\n\n    .dragOver {\n      background: var(--watt-color-state-info-light);\n    }\n\n    .mat-mdc-progress-bar {\n      --mdc-linear-progress-active-indicator-color: var(--watt-color-primary);\n      --mdc-linear-progress-track-color: var(--watt-color-primary-light);\n    }\n  `,\n  template: `\n    <watt-field [label]=\"label()\">\n      <ng-content />\n      <ng-content select=\"watt-field-error\" ngProjectAs=\"watt-field-error\" />\n      <ng-content select=\"watt-field-hint\" ngProjectAs=\"watt-field-hint\" />\n      <span class=\"wrapper\">\n        <vater-stack\n          inset=\"0\"\n          class=\"dropzone\"\n          [class.dragOver]=\"dragOver()\"\n          (dragover)=\"handleDragOver($event)\"\n          (drop)=\"handleDrop($event)\"\n          (drop)=\"dragOver.set(false)\"\n          (dragleave)=\"dragOver.set(false)\"\n        >\n          @if (progress() < 100) {\n            <vater-stack center gap=\"s\" fill=\"horizontal\" align=\"start\">\n              <span>{{ intl.loadingMessage }} ( {{ progress() + '%' }} )</span>\n              <mat-progress-bar mode=\"determinate\" [value]=\"progress()\" />\n            </vater-stack>\n          } @else {\n            <vater-stack center gap=\"xs\">\n              <input\n                #input\n                hidden\n                type=\"file\"\n                [multiple]=\"multiple()\"\n                [accept]=\"accept().join(',')\"\n                (change)=\"handleFiles(input.files)\"\n              />\n              <span>{{ multiple() ? intl.promptMultiple : intl.prompt }}</span>\n              <span class=\"watt-on-light--medium-emphasis\">{{ intl.separator }}</span>\n              <watt-button size=\"small\" variant=\"secondary\" (click)=\"input.click()\">\n                {{ multiple() ? intl.buttonMultiple : intl.button }}\n              </watt-button>\n            </vater-stack>\n          }\n        </vater-stack>\n      </span>\n    </watt-field>\n  `,\n})\n// eslint-disable-next-line @angular-eslint/component-class-suffix\nexport class WattDropZone implements ControlValueAccessor {\n  intl = inject(WattDropZoneIntlService);\n\n  /** Whether the dropzone should accept multiple files. */\n  multiple = input(false, { transform: booleanAttribute });\n\n  /** Label for the dropzone. */\n  label = input<string>();\n\n  /** Comma-separated list of MIME types that the dropzone accepts. */\n  accept = input([], { transform: (value: MimeType) => value.split(',') as MimeType[] });\n\n  /** Emits when one or more files are selected. */\n  selected = output<File[]>();\n\n  // Tracks (valid) drag over state\n  dragOver = signal(false);\n\n  // Progress\n  progress = input<number>(100);\n\n  handleFiles(files: FileList | null) {\n    if (!files) return;\n    this.selected.emit(Array.from(files));\n  }\n\n  handleDrop(event: DragEvent) {\n    if (!event.dataTransfer) return;\n    if (!this.dragOver()) return;\n\n    // Prevent opening the file in the browser\n    event.preventDefault();\n\n    this.handleFiles(event.dataTransfer.files);\n  }\n\n  handleDragOver(event: DragEvent) {\n    if (!event.dataTransfer) return;\n\n    // Ignore non-file items such as strings\n    if (Array.from(event.dataTransfer.items).some((i) => i.kind !== 'file')) return;\n\n    // Prevent opening the file in the browser\n    event.preventDefault();\n\n    this.dragOver.set(true);\n  }\n\n  // Implementation for ControlValueAccessor\n  writeValue = () => {}; // eslint-disable-line @typescript-eslint/no-empty-function\n  registerOnTouched = (fn: () => void) => this.selected.subscribe(fn);\n  registerOnChange = (fn: (value: File[]) => void) => this.selected.subscribe(fn);\n}\n","//#region License\n/**\n * @license\n * Copyright 2020 Energinet DataHub A/S\n *\n * Licensed under the Apache License, Version 2.0 (the \"License2\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n//#endregion\nexport { WattDropZone } from './watt-dropzone';\nexport { WattDropZoneIntlService } from './watt-dropzone-intl';\nexport {\n  FileTypeValidator,\n  MultipleFilesValidator,\n  maxFileSize,\n  limitFiles,\n} from './watt-dropzone-validators';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.FileTypeValidator","i1.MultipleFilesValidator"],"mappings":";;;;;;;;;AAAA;AACA;;;;;;;;;;;;;;;AAeG;AACH;MAIa,uBAAuB,CAAA;IAClC,MAAM,GAAG,gBAAgB;IACzB,cAAc,GAAG,iBAAiB;IAClC,SAAS,GAAG,IAAI;IAChB,MAAM,GAAG,aAAa;IACtB,cAAc,GAAG,cAAc;IAC/B,cAAc,GAAG,SAAS;uGANf,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cADV,MAAM,EAAA,CAAA;;2FACnB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACpBlC;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAKA;;;AAGG;MAIU,iBAAiB,CAAA;AAC5B,IAAA,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC5D,IAAA,QAAQ,CAAC,OAAuC,EAAA;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE;QACtC,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAgB,CAAC;AACzF,cAAE,EAAE,IAAI,EAAE,IAAI;cACZ,IAAI;;uGANC,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,SAAA,EAFjB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAEzE,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAH7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAA,iBAAmB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACrF,iBAAA;;AAWD;;;AAGG;MAIU,sBAAsB,CAAA;AACjC,IAAA,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC5D,IAAA,QAAQ,CAAC,OAAuC,EAAA;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;QAC1C,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI;;uGAJlE,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,SAAA,EAFtB,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,sBAAsB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAE9E,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAA,sBAAwB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAC1F,iBAAA;;AASD;AACO,MAAM,UAAU,GACrB,CAAC,KAAa,KACd,CAAC,OAAuC,KACtC,OAAO,CAAC,KAAK,EAAE,MAAM,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG;AAExE;AACO,MAAM,WAAW,GACtB,CAAC,IAAY,KACb,CAAC,OAAuC,KACtC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG;;AChEjE;AACA;;;;;;;;;;;;;;;AAeG;AACH;AAsGA;MACa,YAAY,CAAA;AACvB,IAAA,IAAI,GAAG,MAAM,CAAC,uBAAuB,CAAC;;IAGtC,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;;IAGxD,KAAK,GAAG,KAAK,EAAU;;IAGvB,MAAM,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,KAAe,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,CAAe,EAAE,CAAC;;IAGtF,QAAQ,GAAG,MAAM,EAAU;;AAG3B,IAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;;AAGxB,IAAA,QAAQ,GAAG,KAAK,CAAS,GAAG,CAAC;AAE7B,IAAA,WAAW,CAAC,KAAsB,EAAA;AAChC,QAAA,IAAI,CAAC,KAAK;YAAE;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;AAGvC,IAAA,UAAU,CAAC,KAAgB,EAAA;QACzB,IAAI,CAAC,KAAK,CAAC,YAAY;YAAE;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAAE;;QAGtB,KAAK,CAAC,cAAc,EAAE;QAEtB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;;AAG5C,IAAA,cAAc,CAAC,KAAgB,EAAA;QAC7B,IAAI,CAAC,KAAK,CAAC,YAAY;YAAE;;QAGzB,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;YAAE;;QAGzE,KAAK,CAAC,cAAc,EAAE;AAEtB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;;AAIzB,IAAA,UAAU,GAAG,SAAQ,CAAC;AACtB,IAAA,iBAAiB,GAAG,CAAC,EAAc,KAAK,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;AACnE,IAAA,gBAAgB,GAAG,CAAC,EAA2B,KAAK,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;uGAnDpE,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAtEZ;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,YAAY,CAAC;AAC3C,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;SACF,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAAA,iBAAA,EAAA,EAAA,EAAA,SAAA,EAAAC,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAqBS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yVAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA5EC,mBAAmB,+BACnB,mBAAmB,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAEnB,mBAAmB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,kBAAkB,8IAClB,oBAAoB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FA0EX,YAAY,EAAA,UAAA,EAAA,CAAA;kBAjFxB,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACP,mBAAmB;wBACnB,mBAAmB;wBACnB,qBAAqB;wBACrB,mBAAmB;wBACnB,kBAAkB;wBAClB,oBAAoB;AACrB,qBAAA,EAAA,QAAA,EACS,eAAe,EAAA,cAAA,EACT,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,EAAA,SAAA,EAChD;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,kBAAkB,CAAC;AAC3C,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;qBACF,EAAA,QAAA,EAqBS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,yVAAA,CAAA,EAAA;;;ACrHH;AACA;;;;;;;;;;;;;;;AAeG;AACH;;ACjBA;;AAEG;;;;"}

package/fesm2022/energinet-watt-empty-state.mjs

@@ -1,299 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, input, computed, ViewEncapsulation } from '@angular/core';
-import { WattIconComponent } from '@energinet/watt/icon';
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattEmptyStateExploreComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateExploreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattEmptyStateExploreComponent, isStandalone: true, selector: "watt-empty-state-explore", ngImport: i0, template: `
-    <svg viewBox="0 0 96 98" fill="none">
-      <path
-        fill="currentColor"
-        d="M59.4473 60.5798c-.2445.1864-.503.3517-.7317.5628a34.937 34.937 0 0 1-17.0602 8.5072 34.4744 34.4744 0 0 1-7.8055.591A35.139 35.139 0 0 1 1.4442 45.2255 33.1081 33.1081 0 0 1 .081 37.7788c-.663-10.7585 2.7613-20.015 10.3769-27.6464C15.4248 5.141 21.4574 2.0226 28.3747.656a33.4635 33.4635 0 0 1 7.6807-.6366c8.9962.3324 16.8105 3.5474 23.3356 9.7612 5.25 4.9932 8.5899 11.098 10.1007 18.1842a33.6296 33.6296 0 0 1 .6719 9.1457c-.5417 8.6262-3.7896 16.0818-9.7437 22.3665a6.0972 6.0972 0 0 0-.4045.5276l-.5681.5752Zm9.2494-25.4269c0-18.5657-15.0358-33.5928-33.5928-33.607C16.7263 1.5303 1.511 16.4255 1.511 35.1548c.0158 18.7803 15.2593 33.417 33.2921 33.57 18.3794.1583 33.8514-14.6806 33.8866-33.5718h.007Z"
-      />
-      <path
-        fill="currentColor"
-        d="m59.4473 60.5797.5751-.5751c.2515-.1882.2586-.1935.4714.0211.5822.5909 1.159 1.1871 1.7377 1.7816l15.7447 16.1809 16.4183 16.8703c.4414.4537.8794.9058 1.3243 1.3595.1073.1108.2094.2251.2885.3096l-1.043 1.1203-35.7861-36.7587.2691-.3095ZM60.4444 35.8792h-1.4897c-.1196-6.3316-2.3199-11.8331-6.8083-16.3286-4.4884-4.4954-9.9864-6.7045-16.3427-6.8364v-1.4475c12.563-.3887 24.755 10.4508 24.6407 24.6125Z"
-      />
-    </svg>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateExploreComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-empty-state-explore',
-                    template: `
-    <svg viewBox="0 0 96 98" fill="none">
-      <path
-        fill="currentColor"
-        d="M59.4473 60.5798c-.2445.1864-.503.3517-.7317.5628a34.937 34.937 0 0 1-17.0602 8.5072 34.4744 34.4744 0 0 1-7.8055.591A35.139 35.139 0 0 1 1.4442 45.2255 33.1081 33.1081 0 0 1 .081 37.7788c-.663-10.7585 2.7613-20.015 10.3769-27.6464C15.4248 5.141 21.4574 2.0226 28.3747.656a33.4635 33.4635 0 0 1 7.6807-.6366c8.9962.3324 16.8105 3.5474 23.3356 9.7612 5.25 4.9932 8.5899 11.098 10.1007 18.1842a33.6296 33.6296 0 0 1 .6719 9.1457c-.5417 8.6262-3.7896 16.0818-9.7437 22.3665a6.0972 6.0972 0 0 0-.4045.5276l-.5681.5752Zm9.2494-25.4269c0-18.5657-15.0358-33.5928-33.5928-33.607C16.7263 1.5303 1.511 16.4255 1.511 35.1548c.0158 18.7803 15.2593 33.417 33.2921 33.57 18.3794.1583 33.8514-14.6806 33.8866-33.5718h.007Z"
-      />
-      <path
-        fill="currentColor"
-        d="m59.4473 60.5797.5751-.5751c.2515-.1882.2586-.1935.4714.0211.5822.5909 1.159 1.1871 1.7377 1.7816l15.7447 16.1809 16.4183 16.8703c.4414.4537.8794.9058 1.3243 1.3595.1073.1108.2094.2251.2885.3096l-1.043 1.1203-35.7861-36.7587.2691-.3095ZM60.4444 35.8792h-1.4897c-.1196-6.3316-2.3199-11.8331-6.8083-16.3286-4.4884-4.4954-9.9864-6.7045-16.3427-6.8364v-1.4475c12.563-.3887 24.755 10.4508 24.6407 24.6125Z"
-      />
-    </svg>
-  `,
-                }]
-        }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattEmptyStateNoResultsComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateNoResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattEmptyStateNoResultsComponent, isStandalone: true, selector: "watt-empty-state-no-results", ngImport: i0, template: `
-    <svg viewBox="0 0 128 128" fill="none">
-      <path
-        fill="currentColor"
-        fill-rule="evenodd"
-        d="M64 116c28.719 0 52-23.281 52-52S92.719 12 64 12 12 35.281 12 64s23.281 52 52 52Zm0 2c29.823 0 54-24.177 54-54S93.823 10 64 10 10 34.177 10 64s24.177 54 54 54Z"
-        clip-rule="evenodd"
-      />
-      <path
-        fill="currentColor"
-        fill-rule="evenodd"
-        d="M63.91 65.91 42 87.82l-1.414-1.414 21.91-21.91L40 42l1.414-1.414L63.91 63.082l22.496-22.497L87.82 42 65.325 64.496l21.91 21.91-1.413 1.414-21.91-21.91Z"
-        clip-rule="evenodd"
-      />
-    </svg>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateNoResultsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-empty-state-no-results',
-                    template: `
-    <svg viewBox="0 0 128 128" fill="none">
-      <path
-        fill="currentColor"
-        fill-rule="evenodd"
-        d="M64 116c28.719 0 52-23.281 52-52S92.719 12 64 12 12 35.281 12 64s23.281 52 52 52Zm0 2c29.823 0 54-24.177 54-54S93.823 10 64 10 10 34.177 10 64s24.177 54 54 54Z"
-        clip-rule="evenodd"
-      />
-      <path
-        fill="currentColor"
-        fill-rule="evenodd"
-        d="M63.91 65.91 42 87.82l-1.414-1.414 21.91-21.91L40 42l1.414-1.414L63.91 63.082l22.496-22.497L87.82 42 65.325 64.496l21.91 21.91-1.413 1.414-21.91-21.91Z"
-        clip-rule="evenodd"
-      />
-    </svg>
-  `,
-                }]
-        }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-class WattEmptyStatePowerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStatePowerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: WattEmptyStatePowerComponent, isStandalone: true, selector: "watt-empty-state-power", ngImport: i0, template: `
-    <svg viewBox="0 0 96 116" fill="none">
-      <path
-        fill="currentColor"
-        d="M48.9 89.88v25.914c-.606.042-1.213.042-1.818 0v-25.91c-.507-.042-.963-.083-1.422-.117-5.211-.394-9.989-2.067-14.383-4.875-4.834-3.091-8.642-7.183-11.614-12.07a42.881 42.881 0 0 1-5.505-14.54 46.448 46.448 0 0 1-.788-8.755V38.27c-.24 0-.446-.027-.655-.027H0v-1.8h24.536c.01-.268.027-.479.027-.69v-30.8a4.936 4.936 0 0 1 9.87-.145v31.527c.403.125 26.458.152 27.06.032 0-.23.03-.476.03-.72V5.198c-.02-.717.1-1.432.352-2.105a4.944 4.944 0 0 1 9.437.922c.07.427.104.86.098 1.294V36.424c1.204.033 2.363 0 3.522.014 1.16.015 2.335 0 3.5 0h17.51c.058.595.062 1.194.01 1.789h-13.32c-.018.252-.05.459-.05.667 0 3.335-.01 6.67 0 10.005a49.34 49.34 0 0 1-.36 6.683c-1.251 9.34-4.857 17.585-11.488 24.388-4.212 4.32-9.242 7.369-15.123 8.916a30.233 30.233 0 0 1-6.253.95c-.137.004-.267.025-.459.044ZM15.216 47.344c-.018.105-.03.211-.036.317-.044 3.204.08 6.393.626 9.56a42.105 42.105 0 0 0 4.123 12.363c2.538 4.873 5.911 9.058 10.316 12.373 5.013 3.773 10.63 5.876 16.932 6.082a27.722 27.722 0 0 0 9.688-1.421c5.11-1.69 9.443-4.586 13.118-8.494 4.552-4.832 7.55-10.527 9.286-16.905a43.867 43.867 0 0 0 1.334-7.567c.181-2.012.173-4.025.169-6.045a2.075 2.075 0 0 0-.03-.24c-.374-.104-64.866-.133-65.526-.023Zm.035-9.071c-.12.585-.098 6.787.023 7.166.063.014.126.023.19.027H80.46c.07-.002.14-.01.209-.025a.122.122 0 0 0 .04-.027l.039-.04v-7.101H15.252Zm17.37-1.876V5.317a6.539 6.539 0 0 0-.031-.698A2.989 2.989 0 0 0 30.7 2.084a2.956 2.956 0 0 0-3.15.446c-.833.653-1.181 1.543-1.181 2.585v30.592c0 .227.02.454.033.71l6.22-.02Zm36.96.027V4.73a3.127 3.127 0 0 0-6.235.273v31.433c2.105.005 4.148.009 6.24-.002l-.005-.01Z"
-      />
-    </svg>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStatePowerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'watt-empty-state-power',
-                    template: `
-    <svg viewBox="0 0 96 116" fill="none">
-      <path
-        fill="currentColor"
-        d="M48.9 89.88v25.914c-.606.042-1.213.042-1.818 0v-25.91c-.507-.042-.963-.083-1.422-.117-5.211-.394-9.989-2.067-14.383-4.875-4.834-3.091-8.642-7.183-11.614-12.07a42.881 42.881 0 0 1-5.505-14.54 46.448 46.448 0 0 1-.788-8.755V38.27c-.24 0-.446-.027-.655-.027H0v-1.8h24.536c.01-.268.027-.479.027-.69v-30.8a4.936 4.936 0 0 1 9.87-.145v31.527c.403.125 26.458.152 27.06.032 0-.23.03-.476.03-.72V5.198c-.02-.717.1-1.432.352-2.105a4.944 4.944 0 0 1 9.437.922c.07.427.104.86.098 1.294V36.424c1.204.033 2.363 0 3.522.014 1.16.015 2.335 0 3.5 0h17.51c.058.595.062 1.194.01 1.789h-13.32c-.018.252-.05.459-.05.667 0 3.335-.01 6.67 0 10.005a49.34 49.34 0 0 1-.36 6.683c-1.251 9.34-4.857 17.585-11.488 24.388-4.212 4.32-9.242 7.369-15.123 8.916a30.233 30.233 0 0 1-6.253.95c-.137.004-.267.025-.459.044ZM15.216 47.344c-.018.105-.03.211-.036.317-.044 3.204.08 6.393.626 9.56a42.105 42.105 0 0 0 4.123 12.363c2.538 4.873 5.911 9.058 10.316 12.373 5.013 3.773 10.63 5.876 16.932 6.082a27.722 27.722 0 0 0 9.688-1.421c5.11-1.69 9.443-4.586 13.118-8.494 4.552-4.832 7.55-10.527 9.286-16.905a43.867 43.867 0 0 0 1.334-7.567c.181-2.012.173-4.025.169-6.045a2.075 2.075 0 0 0-.03-.24c-.374-.104-64.866-.133-65.526-.023Zm.035-9.071c-.12.585-.098 6.787.023 7.166.063.014.126.023.19.027H80.46c.07-.002.14-.01.209-.025a.122.122 0 0 0 .04-.027l.039-.04v-7.101H15.252Zm17.37-1.876V5.317a6.539 6.539 0 0 0-.031-.698A2.989 2.989 0 0 0 30.7 2.084a2.956 2.956 0 0 0-3.15.446c-.833.653-1.181 1.543-1.181 2.585v30.592c0 .227.02.454.033.71l6.22-.02Zm36.96.027V4.73a3.127 3.127 0 0 0-6.235.273v31.433c2.105.005 4.148.009 6.24-.002l-.005-.01Z"
-      />
-    </svg>
-  `,
-                }]
-        }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-/**
- * Usage:
- * `import { WattEmptyStateComponent } from '@energinet-datahub/watt/empty-state';`
- */
-class WattEmptyStateComponent {
-    icon = input();
-    size = input('large');
-    title = input('');
-    message = input('');
-    useHTML = input(false);
-    iconSize = computed(() => (this.size() === 'small' ? 'xl' : 'xxl'));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: WattEmptyStateComponent, isStandalone: true, selector: "watt-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, useHTML: { classPropertyName: "useHTML", publicName: "useHTML", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-    @let name = icon();
-    @switch (name) {
-      @case ('custom-explore') {
-        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
-          <watt-empty-state-explore />
-        </watt-icon>
-      }
-      @case ('custom-no-results') {
-        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
-          <watt-empty-state-no-results />
-        </watt-icon>
-      }
-      @case ('custom-power') {
-        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
-          <watt-empty-state-power />
-        </watt-icon>
-      }
-      @default {
-        <watt-icon [name]="name" [size]="iconSize()" class="watt-space-stack-l" />
-      }
-    }
-
-    @if (size() === 'large') {
-      <h3>{{ title() }}</h3>
-    } @else {
-      <h5>{{ title() }}</h5>
-    }
-
-    @if (useHTML()) {
-      <div [class.watt-text-s]="size() === 'small'" [innerHTML]="message()"></div>
-    } @else {
-      <p [class.watt-text-s]="size() === 'small'">{{ message() }}</p>
-    }
-
-    <ng-content />
-  `, isInline: true, styles: ["@use \"@energinet-datahub/watt/utils\" as watt;watt-empty-state{display:block;text-align:center;color:var(--watt-color-primary-dark)}watt-empty-state h3,watt-empty-state h5,watt-empty-state p{margin:0;white-space:pre-wrap}watt-empty-state watt-button{display:block;margin-top:var(--watt-space-m)}watt-empty-state watt-button:first-of-type{margin-top:var(--watt-space-l)}\n"], dependencies: [{ kind: "component", type: WattEmptyStateExploreComponent, selector: "watt-empty-state-explore" }, { kind: "component", type: WattEmptyStateNoResultsComponent, selector: "watt-empty-state-no-results" }, { kind: "component", type: WattEmptyStatePowerComponent, selector: "watt-empty-state-power" }, { kind: "component", type: WattIconComponent, selector: "watt-icon", inputs: ["name", "label", "size", "state"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: WattEmptyStateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'watt-empty-state', encapsulation: ViewEncapsulation.None, imports: [
-                        WattEmptyStateExploreComponent,
-                        WattEmptyStateNoResultsComponent,
-                        WattEmptyStatePowerComponent,
-                        WattIconComponent,
-                    ], template: `
-    @let name = icon();
-    @switch (name) {
-      @case ('custom-explore') {
-        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
-          <watt-empty-state-explore />
-        </watt-icon>
-      }
-      @case ('custom-no-results') {
-        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
-          <watt-empty-state-no-results />
-        </watt-icon>
-      }
-      @case ('custom-power') {
-        <watt-icon [size]="iconSize()" class="watt-space-stack-l">
-          <watt-empty-state-power />
-        </watt-icon>
-      }
-      @default {
-        <watt-icon [name]="name" [size]="iconSize()" class="watt-space-stack-l" />
-      }
-    }
-
-    @if (size() === 'large') {
-      <h3>{{ title() }}</h3>
-    } @else {
-      <h5>{{ title() }}</h5>
-    }
-
-    @if (useHTML()) {
-      <div [class.watt-text-s]="size() === 'small'" [innerHTML]="message()"></div>
-    } @else {
-      <p [class.watt-text-s]="size() === 'small'">{{ message() }}</p>
-    }
-
-    <ng-content />
-  `, styles: ["@use \"@energinet-datahub/watt/utils\" as watt;watt-empty-state{display:block;text-align:center;color:var(--watt-color-primary-dark)}watt-empty-state h3,watt-empty-state h5,watt-empty-state p{margin:0;white-space:pre-wrap}watt-empty-state watt-button{display:block;margin-top:var(--watt-space-m)}watt-empty-state watt-button:first-of-type{margin-top:var(--watt-space-l)}\n"] }]
-        }] });
-
-//#region License
-/**
- * @license
- * Copyright 2020 Energinet DataHub A/S
- *
- * Licensed under the Apache License, Version 2.0 (the "License2");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-//#endregion
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { WattEmptyStateComponent, WattEmptyStateExploreComponent, WattEmptyStateNoResultsComponent, WattEmptyStatePowerComponent };
-//# sourceMappingURL=energinet-watt-empty-state.mjs.map