@politiet/sheriff-web-components 2.13.1 → 2.14.0

package/dist/sds-file-upload/sds-file-upload.d.ts

@@ -0,0 +1,102 @@
+import { type PropertyValues } from 'lit';
+import { SDSElement } from '../utils/sds-element';
+import { type SDSRejectedFile } from '../utils/file-validation';
+import { type SDSFormControlAttributes } from '../mixins/sds-form-control-mixin';
+import { SDS_SIZES } from '../types';
+import '../sds-button/sds-button';
+import '../sds-icon/sds-icon';
+import '../sds-alert/sds-alert';
+import '../sds-file-upload-item/sds-file-upload-item';
+import '../sds-file-upload-file-list/sds-file-upload-file-list';
+export type { SDSRejectedFile };
+export type SDSFileUploadVariant = 'default' | 'compact';
+export type SDSFileUploadSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;
+export interface SDSFileUploadProps extends Omit<SDSFormControlAttributes, 'readonly'> {
+    accept?: string;
+    label?: string;
+    multiple?: boolean;
+    required?: boolean;
+    'max-size-in-bytes'?: number;
+    'help-text'?: string;
+    'error-message'?: string;
+    'file-limitation-text'?: string;
+    'hide-file-list'?: boolean;
+    variant?: SDSFileUploadVariant;
+    size?: SDSFileUploadSize;
+}
+declare const SDSFileUpload_base: import("../mixins/types").Constructable<import("../mixins/sds-delegate-interaction-mixin").DelegateInteractionMixinInterface> & import("../mixins/types").Constructable<import("../mixins/sds-event-dispatcher-mixin").SDSEventDispatcherMixinInterface> & import("../mixins/types").Constructable<import("../mixins/sds-form-control-mixin").SDSFormControlMixinInterface> & typeof SDSElement;
+export declare class SDSFileUpload extends SDSFileUpload_base {
+    static styles: import("lit").CSSResult[];
+    accept?: string;
+    label?: string;
+    multiple: boolean;
+    required: boolean;
+    maxSizeInBytes?: number;
+    helpText?: string;
+    errorMessage?: string;
+    fileLimitationText?: string;
+    variant: SDSFileUploadVariant;
+    size: SDSFileUploadSize;
+    hideFileList: boolean;
+    control: HTMLInputElement;
+    private _files;
+    private _rejectedFiles;
+    private _hasSlottedLabel;
+    private readonly _previews;
+    private readonly _dragDrop;
+    get files(): File[];
+    get rejectedFiles(): SDSRejectedFile[];
+    get value(): string;
+    set value(newValue: string);
+    removeFile(file: File): void;
+    clear(): void;
+    dismissRejected(file: File): void;
+    getPreviewUrl(file: File): string | undefined;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+    setCustomValidity(message: string): void;
+    connectedCallback(): void;
+    formResetCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    updateValidity(): void;
+    private _reset;
+    get type(): string;
+    private readonly _handleInputChange;
+    private readonly _handleNativeInput;
+    private readonly _handleInputCancel;
+    private readonly _handleItemRemove;
+    private readonly _handleLabelSlotChange;
+    private readonly _handleFocus;
+    private readonly _handleBlur;
+    private get _showLabel();
+    private get _triggerText();
+    private _processFiles;
+    private _builtInItems;
+    private _isSameSelection;
+    private _syncSelection;
+    private _commitSelection;
+    private _syncNativeInput;
+    private _updateFormValue;
+    private readonly _renderItem;
+    private readonly _renderFileList;
+    private readonly _renderInput;
+    private readonly _renderDropzone;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sds-file-upload': SDSFileUpload;
+    }
+    interface GlobalEventHandlersEventMap {
+        'sds-reject': CustomEvent<{
+            rejected: SDSRejectedFile[];
+        }>;
+        'sds-preview-ready': CustomEvent<{
+            file: File;
+            url: string;
+        }>;
+    }
+}
+//# sourceMappingURL=sds-file-upload.d.ts.map

package/dist/sds-file-upload/sds-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload.d.ts","sourceRoot":"","sources":["../../src/sds-file-upload/sds-file-upload.ts"],"names":[],"mappings":"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"}

package/dist/sds-file-upload/sds-file-upload.js

@@ -0,0 +1,384 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { guardedCustomElement } from '../utils/guarded-custom-element';
+import { SDSElement } from '../utils/sds-element';
+import { isSameFile, partitionFiles } from '../utils/file-validation';
+import { SDSEventDispatcherMixin, SDSDelegateInteractionMixin, SDSFormControlMixin } from '../mixins';
+import { SDSDragDropController, SDSFilePreviewController } from '../controllers';
+import { styles } from './sds-file-upload.styles';
+import '../sds-button/sds-button';
+import '../sds-icon/sds-icon';
+import '../sds-alert/sds-alert';
+import '../sds-file-upload-item/sds-file-upload-item';
+import '../sds-file-upload-file-list/sds-file-upload-file-list';
+let SDSFileUpload = class SDSFileUpload extends SDSDelegateInteractionMixin(SDSEventDispatcherMixin(SDSFormControlMixin(SDSElement))) {
+    constructor() {
+        super(...arguments);
+        this.multiple = false;
+        this.required = false;
+        this.variant = 'default';
+        this.size = 'md';
+        this.hideFileList = false;
+        // Internal state
+        this._files = [];
+        this._rejectedFiles = [];
+        this._hasSlottedLabel = false;
+        // Controllers
+        this._previews = new SDSFilePreviewController(this, (file, url) => this.dispatchSheriffEvent('sds-preview-ready', { file, url }));
+        this._dragDrop = new SDSDragDropController(this, (files) => this._processFiles(files), () => Boolean(this.disabled));
+        // Event handlers
+        this._handleInputChange = (event) => {
+            event.stopImmediatePropagation();
+            const input = event.target;
+            this._processFiles(Array.from(input.files ?? []));
+        };
+        this._handleNativeInput = (event) => {
+            event.stopImmediatePropagation();
+        };
+        this._handleInputCancel = (event) => {
+            event.stopImmediatePropagation();
+            this.dispatchSheriffEvent('cancel', undefined, false);
+        };
+        this._handleItemRemove = async (event, file, rejection) => {
+            const index = this._builtInItems().indexOf(event.currentTarget);
+            if (rejection)
+                this.dismissRejected(file);
+            else
+                this.removeFile(file);
+            await this.updateComplete;
+            const remaining = this._builtInItems();
+            (remaining[index] ?? remaining[index - 1] ?? this).focus();
+        };
+        this._handleLabelSlotChange = (event) => {
+            this._hasSlottedLabel = event.target.assignedNodes().length > 0;
+        };
+        this._handleFocus = (event) => {
+            event.stopImmediatePropagation();
+            this.dispatchSheriffEvent('focus');
+        };
+        this._handleBlur = (event) => {
+            event.stopImmediatePropagation();
+            this.dispatchSheriffEvent('blur');
+        };
+        // Rendering
+        this._renderItem = (file, rejection) => html `
+		<sds-file-upload-item
+			file="${file.name}"
+			size-in-bytes="${file.size}"
+			preview="${ifDefined(rejection ? undefined : this._previews.get(file))}"
+			error-message="${ifDefined(rejection?.reason)}"
+			?disabled="${!rejection && this.disabled}"
+			@sds-remove="${(event) => this._handleItemRemove(event, file, rejection)}"
+		></sds-file-upload-item>
+	`;
+        this._renderFileList = () => html `
+		<sds-file-upload-file-list aria-label="Valgte filer" aria-live="polite">
+			${this._files.map((file) => this._renderItem(file))}
+			${this._rejectedFiles.map((rejected) => this._renderItem(rejected.file, rejected))}
+		</sds-file-upload-file-list>
+	`;
+        this._renderInput = () => {
+            const describedBy = [this.errorMessage ? 'error-message' : null, this.helpText ? 'help-text' : null, this.fileLimitationText ? 'file-limitation-text' : null]
+                .filter(Boolean)
+                .join(' ') || undefined;
+            return html `
+			<input
+				id="control"
+				class="sds-file-upload__input"
+				type="file"
+				accept="${ifDefined(this.accept)}"
+				name="${ifDefined(this.name)}"
+				?multiple="${this.multiple}"
+				?required="${this.required}"
+				?disabled="${this.disabled}"
+				aria-label="${ifDefined(this._showLabel ? undefined : this._triggerText)}"
+				aria-describedby="${ifDefined(describedBy)}"
+				aria-invalid="${this.errorMessage ? 'true' : 'false'}"
+				@input="${this._handleNativeInput}"
+				@change="${this._handleInputChange}"
+				@cancel="${this._handleInputCancel}"
+				@focus="${this._handleFocus}"
+				@blur="${this._handleBlur}"
+			/>
+		`;
+        };
+        this._renderDropzone = () => {
+            const dropzoneClasses = {
+                'sds-file-upload__dropzone': true,
+                'sds-file-upload__dropzone--dragging': this._dragDrop.dragging,
+                'sds-file-upload__dropzone--error': Boolean(this.errorMessage),
+            };
+            const iconSize = this.variant === 'compact' ? this.size : 'lg';
+            return html `
+			<div
+				class="${classMap(dropzoneClasses)}"
+				@dragover="${this._dragDrop.handleDragOver}"
+				@dragleave="${this._dragDrop.handleDragLeave}"
+				@drop="${this._dragDrop.handleDrop}"
+			>
+				${this._renderInput()}
+				<sds-icon name="upload-material-outlined" size="${iconSize}"></sds-icon>
+				<p class="sds-file-upload__drop-text" aria-hidden="true">${this.multiple ? 'Dra og slipp filene her eller' : 'Dra og slipp filen her eller'}</p>
+				<sds-button
+					class="sds-file-upload__trigger"
+					variant="secondary"
+					size="${this.variant === 'compact' ? 'sm' : this.size}"
+					type="button"
+					?disabled="${this.disabled}"
+					inert
+				>
+					<span class="sds-file-upload__button-label">${this._triggerText}</span>
+				</sds-button>
+				<div class="sds-file-upload__drop-hint" aria-hidden="true">
+					<sds-icon name="upload-material-outlined" size="${iconSize}"></sds-icon>
+					<span class="sds-file-upload__drop-hint-text">Slipp fil</span>
+				</div>
+			</div>
+		`;
+        };
+    }
+    // Public API
+    get files() {
+        return this._files;
+    }
+    get rejectedFiles() {
+        return this._rejectedFiles;
+    }
+    get value() {
+        return this._files[0] ? `C:\\fakepath\\${this._files[0].name}` : '';
+    }
+    set value(newValue) {
+        if (newValue !== '') {
+            throw new DOMException('Failed to set the \'value\' property on sds-file-upload: only the empty string may be assigned.', 'InvalidStateError');
+        }
+        this._reset();
+    }
+    removeFile(file) {
+        const previous = this._files;
+        this._files = previous.filter((existing) => !isSameFile(existing, file));
+        this._commitSelection(previous);
+    }
+    clear() {
+        const previous = this._files;
+        this._files = [];
+        this._rejectedFiles = [];
+        this._commitSelection(previous);
+    }
+    dismissRejected(file) {
+        this._rejectedFiles = this._rejectedFiles.filter((rejected) => !isSameFile(rejected.file, file));
+    }
+    getPreviewUrl(file) {
+        return this._previews.get(file);
+    }
+    focus(options) {
+        if (!this.disabled)
+            this.control?.focus(options);
+    }
+    blur() {
+        if (!this.disabled)
+            this.control?.blur();
+    }
+    checkValidity() {
+        return this.internals.checkValidity();
+    }
+    reportValidity() {
+        return this.internals.reportValidity();
+    }
+    setCustomValidity(message) {
+        this.errorMessage = message || undefined;
+        this.updateValidity();
+    }
+    // Lifecycle
+    connectedCallback() {
+        super.connectedCallback();
+        this._updateFormValue();
+    }
+    formResetCallback() {
+        this._reset();
+    }
+    updated(changed) {
+        super.updated(changed);
+        if (changed.has('required') || changed.has('errorMessage') || changed.has('disabled'))
+            this.updateValidity();
+        if (changed.has('name'))
+            this._updateFormValue();
+    }
+    // Validity
+    updateValidity() {
+        if (!this.control)
+            return;
+        if (this.disabled) {
+            this.internals.setValidity({});
+            return;
+        }
+        if (this.errorMessage) {
+            this.internals.setValidity({ customError: true }, this.errorMessage, this.control);
+            return;
+        }
+        if (this.required && this._files.length === 0) {
+            const message = this.control.validationMessage;
+            if (!message)
+                return;
+            this.internals.setValidity({ valueMissing: true }, message, this.control);
+            return;
+        }
+        this.internals.setValidity({});
+    }
+    _reset() {
+        this._files = [];
+        this._rejectedFiles = [];
+        if (this.control)
+            this.control.value = '';
+        this._previews.sync(this._files);
+        this._updateFormValue();
+        this.updateValidity();
+    }
+    get type() {
+        return 'file';
+    }
+    // Internal helpers
+    get _showLabel() {
+        return this._hasSlottedLabel || Boolean(this.label);
+    }
+    get _triggerText() {
+        return this.multiple ? 'Velg filer' : 'Velg fil';
+    }
+    _processFiles(incoming) {
+        if (incoming.length === 0)
+            return;
+        const previous = this._files;
+        const { accepted, rejected } = partitionFiles(incoming, {
+            accept: this.accept,
+            maxSizeInBytes: this.maxSizeInBytes,
+            multiple: this.multiple,
+        });
+        this._files = accepted;
+        this._rejectedFiles = rejected;
+        this._commitSelection(previous);
+        if (rejected.length) {
+            this.dispatchSheriffEvent('sds-reject', { rejected });
+        }
+    }
+    _builtInItems() {
+        return Array.from(this.renderRoot.querySelectorAll('sds-file-upload-file-list > sds-file-upload-item'));
+    }
+    _isSameSelection(previous, next) {
+        if (previous.length !== next.length)
+            return false;
+        return previous.every((file, index) => {
+            const other = next[index];
+            return other !== undefined && isSameFile(file, other);
+        });
+    }
+    _syncSelection() {
+        this._previews.sync(this._files);
+        this._syncNativeInput();
+        this._updateFormValue();
+        this.updateValidity();
+    }
+    _commitSelection(previous) {
+        this._syncSelection();
+        if (this._isSameSelection(previous, this._files))
+            return;
+        this.dispatchSheriffEvent('input');
+        this.dispatchSheriffEvent('change');
+    }
+    _syncNativeInput() {
+        if (!this.control)
+            return;
+        const dataTransfer = new DataTransfer();
+        for (const file of this._files)
+            dataTransfer.items.add(file);
+        this.control.files = dataTransfer.files;
+    }
+    _updateFormValue() {
+        if (!this.name) {
+            this.internals.setFormValue(null);
+            return;
+        }
+        const data = new FormData();
+        if (this._files.length === 0)
+            data.append(this.name, new File([], '', { type: 'application/octet-stream' }));
+        for (const file of this._files)
+            data.append(this.name, file, file.name);
+        this.internals.setFormValue(data);
+    }
+    render() {
+        return html `
+			<div class="sds-file-upload">
+				<label for="control" class="sds-file-upload__label" ?hidden="${!this._showLabel}">
+					<slot name="label" @slotchange="${this._handleLabelSlotChange}">${this.label}</slot>
+				</label>
+				${this.helpText ? html `<p id="help-text" class="sds-file-upload__help-text">${this.helpText}</p>` : nothing}
+
+				${this._renderDropzone()}
+
+				${this.fileLimitationText ? html `<p id="file-limitation-text" class="sds-file-upload__file-limitation-text">${this.fileLimitationText}</p>` : nothing}
+			</div>
+			${this.errorMessage
+            ? html `<sds-alert class="sds-file-upload__error-message" id="error-message" variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`
+            : nothing}
+			${this.hideFileList ? nothing : this._renderFileList()}
+		`;
+    }
+};
+// Styling
+SDSFileUpload.styles = [styles];
+__decorate([
+    property({ type: String, reflect: true })
+], SDSFileUpload.prototype, "accept", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSFileUpload.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SDSFileUpload.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SDSFileUpload.prototype, "required", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-size-in-bytes', reflect: true })
+], SDSFileUpload.prototype, "maxSizeInBytes", void 0);
+__decorate([
+    property({ type: String, attribute: 'help-text', reflect: true })
+], SDSFileUpload.prototype, "helpText", void 0);
+__decorate([
+    property({ type: String, attribute: 'error-message', reflect: true })
+], SDSFileUpload.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: String, attribute: 'file-limitation-text', reflect: true })
+], SDSFileUpload.prototype, "fileLimitationText", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSFileUpload.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSFileUpload.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-file-list', reflect: true })
+], SDSFileUpload.prototype, "hideFileList", void 0);
+__decorate([
+    query('#control')
+], SDSFileUpload.prototype, "control", void 0);
+__decorate([
+    state()
+], SDSFileUpload.prototype, "_files", void 0);
+__decorate([
+    state()
+], SDSFileUpload.prototype, "_rejectedFiles", void 0);
+__decorate([
+    state()
+], SDSFileUpload.prototype, "_hasSlottedLabel", void 0);
+SDSFileUpload = __decorate([
+    guardedCustomElement('sds-file-upload')
+], SDSFileUpload);
+export { SDSFileUpload };
+//# sourceMappingURL=sds-file-upload.js.map

package/dist/sds-file-upload/sds-file-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload.js","sourceRoot":"","sources":["../../src/sds-file-upload/sds-file-upload.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { SDSElement } from '../utils/sds-element';\nimport { isSameFile, partitionFiles, type SDSRejectedFile } from '../utils/file-validation';\nimport { type SDSFormControlAttributes } from '../mixins/sds-form-control-mixin';\nimport { SDSEventDispatcherMixin, SDSDelegateInteractionMixin,  SDSFormControlMixin} from '../mixins';\nimport { SDSDragDropController, SDSFilePreviewController } from '../controllers';\nimport { SDS_SIZES } from '../types';\nimport { styles } from './sds-file-upload.styles';\nimport '../sds-button/sds-button';\nimport '../sds-icon/sds-icon';\nimport '../sds-alert/sds-alert';\nimport '../sds-file-upload-item/sds-file-upload-item';\nimport type { SDSFileUploadItem } from '../sds-file-upload-item/sds-file-upload-item';\nimport '../sds-file-upload-file-list/sds-file-upload-file-list';\n\nexport type { SDSRejectedFile };\n\nexport type SDSFileUploadVariant = 'default' | 'compact';\nexport type SDSFileUploadSize = Extract<SDS_SIZES, 'lg' | 'md' | 'sm'>;\n\nexport interface SDSFileUploadProps extends Omit<SDSFormControlAttributes, 'readonly'> {\n\taccept?: string;\n\tlabel?: string;\n\tmultiple?: boolean;\n\trequired?: boolean;\n\t'max-size-in-bytes'?: number;\n\t'help-text'?: string;\n\t'error-message'?: string;\n\t'file-limitation-text'?: string;\n\t'hide-file-list'?: boolean;\n\tvariant?: SDSFileUploadVariant;\n\tsize?: SDSFileUploadSize;\n}\n\n@guardedCustomElement('sds-file-upload')\nexport class SDSFileUpload extends SDSDelegateInteractionMixin(SDSEventDispatcherMixin(SDSFormControlMixin(SDSElement))) {\n\t// Styling\n\tstatic override styles = [styles];\n\n\t// Props\n\t// `name`, `disabled`, `internals` and form association come from SDSFormControlMixin.\n\t// Note: a native file input has no `readonly`, so we neither honor nor document it here.\n\t@property({ type: String, reflect: true }) accept?: string;\n\t@property({ type: String, reflect: true }) label?: string;\n\t@property({ type: Boolean, reflect: true }) multiple = false;\n\t@property({ type: Boolean, reflect: true }) required = false;\n\t@property({ type: Number, attribute: 'max-size-in-bytes', reflect: true }) maxSizeInBytes?: number;\n\t@property({ type: String, attribute: 'help-text', reflect: true }) helpText?: string;\n\t@property({ type: String, attribute: 'error-message', reflect: true }) errorMessage?: string;\n\t@property({ type: String, attribute: 'file-limitation-text', reflect: true }) fileLimitationText?: string;\n\t@property({ type: String, reflect: true }) variant: SDSFileUploadVariant = 'default';\n\t@property({ type: String, reflect: true }) size: SDSFileUploadSize = 'md';\n\t@property({ type: Boolean, attribute: 'hide-file-list', reflect: true }) hideFileList = false;\n\n\t@query('#control') control!: HTMLInputElement;\n\n\t// Internal state\n\t@state() private _files: File[] = [];\n\t@state() private _rejectedFiles: SDSRejectedFile[] = [];\n\t@state() private _hasSlottedLabel = false;\n\n\t// Controllers\n\tprivate readonly _previews = new SDSFilePreviewController(this, (file, url) => this.dispatchSheriffEvent('sds-preview-ready', { file, url }));\n\n\tprivate readonly _dragDrop = new SDSDragDropController(\n\t\tthis,\n\t\t(files) => this._processFiles(files),\n\t\t() => Boolean(this.disabled),\n\t);\n\n\t// Public API\n\tget files(): File[] {\n\t\treturn this._files;\n\t}\n\n\tget rejectedFiles(): SDSRejectedFile[] {\n\t\treturn this._rejectedFiles;\n\t}\n\n\tget value(): string {\n\t\treturn this._files[0] ? `C:\\\\fakepath\\\\${this._files[0].name}` : '';\n\t}\n\n\tset value(newValue: string) {\n\t\tif (newValue !== '') {\n\t\t\tthrow new DOMException('Failed to set the \\'value\\' property on sds-file-upload: only the empty string may be assigned.', 'InvalidStateError');\n\t\t}\n\t\tthis._reset();\n\t}\n\n\tremoveFile(file: File): void {\n\t\tconst previous = this._files;\n\t\tthis._files = previous.filter((existing) => !isSameFile(existing, file));\n\t\tthis._commitSelection(previous);\n\t}\n\n\tclear(): void {\n\t\tconst previous = this._files;\n\t\tthis._files = [];\n\t\tthis._rejectedFiles = [];\n\t\tthis._commitSelection(previous);\n\t}\n\n\tdismissRejected(file: File): void {\n\t\tthis._rejectedFiles = this._rejectedFiles.filter((rejected) => !isSameFile(rejected.file, file));\n\t}\n\n\tgetPreviewUrl(file: File): string | undefined {\n\t\treturn this._previews.get(file);\n\t}\n\n\toverride focus(options?: FocusOptions): void {\n\t\tif (!this.disabled) this.control?.focus(options);\n\t}\n\n\toverride blur(): void {\n\t\tif (!this.disabled) this.control?.blur();\n\t}\n\n\tcheckValidity(): boolean {\n\t\treturn this.internals.checkValidity();\n\t}\n\n\treportValidity(): boolean {\n\t\treturn this.internals.reportValidity();\n\t}\n\n\tsetCustomValidity(message: string): void {\n\t\tthis.errorMessage = message || undefined;\n\t\tthis.updateValidity();\n\t}\n\n\t// Lifecycle\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback();\n\t\tthis._updateFormValue();\n\t}\n\n\tformResetCallback(): void {\n\t\tthis._reset();\n\t}\n\n\tprotected override updated(changed: PropertyValues): void {\n\t\tsuper.updated(changed);\n\t\tif (changed.has('required') || changed.has('errorMessage') || changed.has('disabled')) this.updateValidity();\n\t\tif (changed.has('name')) this._updateFormValue();\n\t}\n\n\t// Validity\n\toverride updateValidity(): void {\n\t\tif (!this.control) return;\n\n\t\tif (this.disabled) {\n\t\t\tthis.internals.setValidity({});\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.errorMessage) {\n\t\t\tthis.internals.setValidity({ customError: true }, this.errorMessage, this.control);\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.required && this._files.length === 0) {\n\t\t\tconst message = this.control.validationMessage;\n\t\t\tif (!message) return;\n\n\t\t\tthis.internals.setValidity({ valueMissing: true }, message, this.control);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.internals.setValidity({});\n\t}\n\n\tprivate _reset(): void {\n\t\tthis._files = [];\n\t\tthis._rejectedFiles = [];\n\t\tif (this.control) this.control.value = '';\n\t\tthis._previews.sync(this._files);\n\t\tthis._updateFormValue();\n\t\tthis.updateValidity();\n\t}\n\tget type(): string {\n\t\treturn 'file';\n\t}\n\t// Event handlers\n\tprivate readonly _handleInputChange = (event: Event): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tconst input = event.target as HTMLInputElement;\n\t\tthis._processFiles(Array.from(input.files ?? []));\n\t};\n\n\tprivate readonly _handleNativeInput = (event: Event): void => {\n\t\tevent.stopImmediatePropagation();\n\t};\n\n\tprivate readonly _handleInputCancel = (event: Event): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchSheriffEvent('cancel', undefined, false);\n\t};\n\n\tprivate readonly _handleItemRemove = async (event: Event, file: File, rejection?: SDSRejectedFile): Promise<void> => {\n\t\tconst index = this._builtInItems().indexOf(event.currentTarget as SDSFileUploadItem);\n\t\tif (rejection) this.dismissRejected(file);\n\t\telse this.removeFile(file);\n\n\t\tawait this.updateComplete;\n\t\tconst remaining = this._builtInItems();\n\t\t(remaining[index] ?? remaining[index - 1] ?? this).focus();\n\t};\n\n\tprivate readonly _handleLabelSlotChange = (event: Event): void => {\n\t\tthis._hasSlottedLabel = (event.target as HTMLSlotElement).assignedNodes().length > 0;\n\t};\n\n\tprivate readonly _handleFocus = (event: FocusEvent): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchSheriffEvent('focus');\n\t};\n\n\tprivate readonly _handleBlur = (event: FocusEvent): void => {\n\t\tevent.stopImmediatePropagation();\n\t\tthis.dispatchSheriffEvent('blur');\n\t};\n\n\t// Internal helpers\n\tprivate get _showLabel(): boolean {\n\t\treturn this._hasSlottedLabel || Boolean(this.label);\n\t}\n\n\tprivate get _triggerText(): string {\n\t\treturn this.multiple ? 'Velg filer' : 'Velg fil';\n\t}\n\n\tprivate _processFiles(incoming: File[]): void {\n\t\tif (incoming.length === 0) return;\n\n\t\tconst previous = this._files;\n\t\tconst { accepted, rejected } = partitionFiles(incoming, {\n\t\t\taccept: this.accept,\n\t\t\tmaxSizeInBytes: this.maxSizeInBytes,\n\t\t\tmultiple: this.multiple,\n\t\t});\n\n\t\tthis._files = accepted;\n\t\tthis._rejectedFiles = rejected;\n\n\t\tthis._commitSelection(previous);\n\n\t\tif (rejected.length) {\n\t\t\tthis.dispatchSheriffEvent('sds-reject', { rejected });\n\t\t}\n\t}\n\n\tprivate _builtInItems(): SDSFileUploadItem[] {\n\t\treturn Array.from(this.renderRoot.querySelectorAll<SDSFileUploadItem>('sds-file-upload-file-list > sds-file-upload-item'));\n\t}\n\n\tprivate _isSameSelection(previous: File[], next: File[]): boolean {\n\t\tif (previous.length !== next.length) return false;\n\n\t\treturn previous.every((file, index) => {\n\t\t\tconst other = next[index];\n\t\t\treturn other !== undefined && isSameFile(file, other);\n\t\t});\n\t}\n\n\tprivate _syncSelection(): void {\n\t\tthis._previews.sync(this._files);\n\t\tthis._syncNativeInput();\n\t\tthis._updateFormValue();\n\t\tthis.updateValidity();\n\t}\n\n\tprivate _commitSelection(previous: File[]): void {\n\t\tthis._syncSelection();\n\t\tif (this._isSameSelection(previous, this._files)) return;\n\n\t\tthis.dispatchSheriffEvent('input');\n\t\tthis.dispatchSheriffEvent('change');\n\t}\n\n\tprivate _syncNativeInput(): void {\n\t\tif (!this.control) return;\n\t\tconst dataTransfer = new DataTransfer();\n\t\tfor (const file of this._files) dataTransfer.items.add(file);\n\t\tthis.control.files = dataTransfer.files;\n\t}\n\n\tprivate _updateFormValue(): void {\n\t\tif (!this.name) {\n\t\t\tthis.internals.setFormValue(null);\n\t\t\treturn;\n\t\t}\n\t\tconst data = new FormData();\n\t\tif (this._files.length === 0) data.append(this.name, new File([], '', { type: 'application/octet-stream' }));\n\t\tfor (const file of this._files) data.append(this.name, file, file.name);\n\t\tthis.internals.setFormValue(data);\n\t}\n\n\t// Rendering\n\tprivate readonly _renderItem = (file: File, rejection?: SDSRejectedFile) => html`\n\t\t<sds-file-upload-item\n\t\t\tfile=\"${file.name}\"\n\t\t\tsize-in-bytes=\"${file.size}\"\n\t\t\tpreview=\"${ifDefined(rejection ? undefined : this._previews.get(file))}\"\n\t\t\terror-message=\"${ifDefined(rejection?.reason)}\"\n\t\t\t?disabled=\"${!rejection && this.disabled}\"\n\t\t\t@sds-remove=\"${(event: Event) => this._handleItemRemove(event, file, rejection)}\"\n\t\t></sds-file-upload-item>\n\t`;\n\n\tprivate readonly _renderFileList = () => html`\n\t\t<sds-file-upload-file-list aria-label=\"Valgte filer\" aria-live=\"polite\">\n\t\t\t${this._files.map((file) => this._renderItem(file))}\n\t\t\t${this._rejectedFiles.map((rejected) => this._renderItem(rejected.file, rejected))}\n\t\t</sds-file-upload-file-list>\n\t`;\n\n\tprivate readonly _renderInput = () => {\n\t\tconst describedBy =\n\t\t\t[this.errorMessage ? 'error-message' : null, this.helpText ? 'help-text' : null, this.fileLimitationText ? 'file-limitation-text' : null]\n\t\t\t\t.filter(Boolean)\n\t\t\t\t.join(' ') || undefined;\n\n\t\treturn html`\n\t\t\t<input\n\t\t\t\tid=\"control\"\n\t\t\t\tclass=\"sds-file-upload__input\"\n\t\t\t\ttype=\"file\"\n\t\t\t\taccept=\"${ifDefined(this.accept)}\"\n\t\t\t\tname=\"${ifDefined(this.name)}\"\n\t\t\t\t?multiple=\"${this.multiple}\"\n\t\t\t\t?required=\"${this.required}\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\taria-label=\"${ifDefined(this._showLabel ? undefined : this._triggerText)}\"\n\t\t\t\taria-describedby=\"${ifDefined(describedBy)}\"\n\t\t\t\taria-invalid=\"${this.errorMessage ? 'true' : 'false'}\"\n\t\t\t\t@input=\"${this._handleNativeInput}\"\n\t\t\t\t@change=\"${this._handleInputChange}\"\n\t\t\t\t@cancel=\"${this._handleInputCancel}\"\n\t\t\t\t@focus=\"${this._handleFocus}\"\n\t\t\t\t@blur=\"${this._handleBlur}\"\n\t\t\t/>\n\t\t`;\n\t};\n\n\tprivate readonly _renderDropzone = () => {\n\t\tconst dropzoneClasses = {\n\t\t\t'sds-file-upload__dropzone': true,\n\t\t\t'sds-file-upload__dropzone--dragging': this._dragDrop.dragging,\n\t\t\t'sds-file-upload__dropzone--error': Boolean(this.errorMessage),\n\t\t};\n\n\t\tconst iconSize = this.variant === 'compact' ? this.size : 'lg';\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"${classMap(dropzoneClasses)}\"\n\t\t\t\t@dragover=\"${this._dragDrop.handleDragOver}\"\n\t\t\t\t@dragleave=\"${this._dragDrop.handleDragLeave}\"\n\t\t\t\t@drop=\"${this._dragDrop.handleDrop}\"\n\t\t\t>\n\t\t\t\t${this._renderInput()}\n\t\t\t\t<sds-icon name=\"upload-material-outlined\" size=\"${iconSize}\"></sds-icon>\n\t\t\t\t<p class=\"sds-file-upload__drop-text\" aria-hidden=\"true\">${this.multiple ? 'Dra og slipp filene her eller' : 'Dra og slipp filen her eller'}</p>\n\t\t\t\t<sds-button\n\t\t\t\t\tclass=\"sds-file-upload__trigger\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tsize=\"${this.variant === 'compact' ? 'sm' : this.size}\"\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t\tinert\n\t\t\t\t>\n\t\t\t\t\t<span class=\"sds-file-upload__button-label\">${this._triggerText}</span>\n\t\t\t\t</sds-button>\n\t\t\t\t<div class=\"sds-file-upload__drop-hint\" aria-hidden=\"true\">\n\t\t\t\t\t<sds-icon name=\"upload-material-outlined\" size=\"${iconSize}\"></sds-icon>\n\t\t\t\t\t<span class=\"sds-file-upload__drop-hint-text\">Slipp fil</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n\t};\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"sds-file-upload\">\n\t\t\t\t<label for=\"control\" class=\"sds-file-upload__label\" ?hidden=\"${!this._showLabel}\">\n\t\t\t\t\t<slot name=\"label\" @slotchange=\"${this._handleLabelSlotChange}\">${this.label}</slot>\n\t\t\t\t</label>\n\t\t\t\t${this.helpText ? html`<p id=\"help-text\" class=\"sds-file-upload__help-text\">${this.helpText}</p>` : nothing}\n\n\t\t\t\t${this._renderDropzone()}\n\n\t\t\t\t${this.fileLimitationText ? html`<p id=\"file-limitation-text\" class=\"sds-file-upload__file-limitation-text\">${this.fileLimitationText}</p>` : nothing}\n\t\t\t</div>\n\t\t\t${this.errorMessage\n\t\t\t\t? html`<sds-alert class=\"sds-file-upload__error-message\" id=\"error-message\" variant=\"secondary\" data-palette=\"danger\"><p slot=\"message\">${this.errorMessage}</p></sds-alert>`\n\t\t\t\t: nothing}\n\t\t\t${this.hideFileList ? nothing : this._renderFileList()}\n\t\t`;\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-file-upload': SDSFileUpload;\n\t}\n\tinterface GlobalEventHandlersEventMap {\n\t\t'sds-reject': CustomEvent<{ rejected: SDSRejectedFile[] }>;\n\t\t'sds-preview-ready': CustomEvent<{ file: File; url: string }>;\n\t}\n}\n"]}

package/dist/sds-file-upload/sds-file-upload.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=sds-file-upload.styles.d.ts.map

package/dist/sds-file-upload/sds-file-upload.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-file-upload.styles.d.ts","sourceRoot":"","sources":["../../src/sds-file-upload/sds-file-upload.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAuOlB,CAAC"}