npm - dap-design-system - Versions diffs - 0.60.2 → 0.61.0 - Mend

dap-design-system 0.60.2 → 0.61.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 (1943) hide show

package/dist/components/file-input/file-input.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-input.component.js","sources":["../../../src/components/file-input/file-input.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { css, html, nothing, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { FileError, HttpError } from '@/common/errors'\nimport { CommonFormElementSize } from '@/common/types'\nimport { FileListElement } from '@/components/file-input/file-input-list-item.component'\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\nimport { i18next, t, translate } from '@/localization/localization'\n\nimport DapDSButton from '../button/button.component'\nimport DapDSFeedback from '../feedback/feedback.component'\nimport DapDSFormLabel from '../form/form-label/form-label.component'\nimport DapDSIcon from '../icon/icon.component'\nimport DapDSIconButton from '../icon-button/icon-button.component'\nimport DapDSModal from '../modal/modal.component'\nimport DapDSTooltip from '../tooltip/tooltip.component'\nimport DapDSTypography from '../typography/typography.component'\nimport style from './file-input.scss?inline'\nimport DapDSFileInputList from './file-input-list.component'\nimport DapDSFileInputListItem from './file-input-list-item.component'\n\n/**\n * `dap-ds-file-input`\n * @summary A file input is a control that allows users to select files to upload.\n * @element dap-ds-file-input\n * @title - File input\n *\n * @property {string} name - The name of the file input.\n * @property {string} value - The value of the file input.\n * @property {'success' | 'error'} status - The status of the file input.\n * @property {string} label - The label for the file input.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description for the file input.\n * @property {string} tooltip - The tooltip for the file input.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input.\n * @property {boolean} disabled - Whether the file input is disabled.\n * @property { 'xs' | 'sm' | 'lg' } size - The size of the file input.\n * @property {string} feedback - The feedback for the file input.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of feedback for the file input.\n * @property {boolean} required - Whether the file input is required.\n * @property {string} requiredLabel - The required indicator of the file input. (default: '*')\n * @property {boolean} optional - Whether the file input is optional.\n * @property {string} optionalLabel - The optional label of the file input.\n * @property {boolean} subtle - Font weight of the feedback label. Default is `false` which is bold.\n * @property {string} uploadButtonLabel - The label for the upload button.\n * @property {string} browseButtonLabel - The label for the browse button.\n * @property {string} accept - The file types that the file input accepts.\n * @property {boolean} multiple - Whether the file input accepts multiple files.\n * @property {boolean} keepValue - Whether to keep the value when new files are selected.\n * @property {string} uploadUrl - A remote URL to upload files to.\n * @property {string} deleteUrl - A remote URL to delete uploaded files from. Supports placeholders: `{fileName}`, `{id}`, `{key}`, `{location}`.\n * @property {string} uploadHeaders - Custom headers for upload requests (JSON string).\n * @property {string} deleteHeaders - Custom headers for delete requests (JSON string).\n * @property {boolean} autoupload - Whether to automatically upload files after selection.\n * @property {number} maxFiles - The maximum number of files that can be uploaded.\n * @property {number} maxFileSize - The maximum size of files that can be uploaded (in bytes).\n * @property {number} maxSizePerFile - The maximum size a single file can have (in bytes).\n * @property {string} maxFileSizeErrorText - Text for the max file size error.\n * @property {string} maxSizePerFileErrorText - Text for the max size per file error.\n * @property {string} maxFileAmountErrorText - Text for the max file amount error.\n * @property {string} fileTypeErrorText - Text for the file type error.\n * @property {boolean} showDropzone - Whether to show a separate dropzone area.\n * @property {string} dropzoneText - Text to display in the dropzone.\n * @property {string} dropzoneAriaLabel - Aria label for the dropzone.\n * @property {boolean} dropzoneFocusable - Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).\n * @property {boolean} showFileList - Whether to show the built-in file list.\n * @property {boolean} confirmRemove - Whether to show confirmation dialog before removing files.\n * @property {string} showUploadButton - Whether to show the upload button. Default is `true`.\n * @property {string} removeButtonLabel - The label for the remove button.\n * @property {string} cancelButtonLabel - The label for the cancel button.\n *\n * @event {{ file: File }} dds-upload-start - Fired when a file upload starts.\n * @event {{ file: File, progress: number }} dds-upload-progress - Fired during file upload progress.\n * @event {{ file: File, item: DapDSFileInputListItem, result: any }} dds-upload-complete - Fired when a file upload completes successfully.\n * @event {{ file?: File, errors: FileError[], item?: DapDSFileInputListItem }} dds-upload-error - Fired when a file upload encounters an error. Always contains an errors array, even if there is only one error.\n * @event {{ void }} dds-all-uploads-complete - Fired when all file uploads are complete.\n * @event {{ file: FileListElement }} dds-file-removed - Fired when a file is removed from the file input.\n * @event {{ file: FileListElement, error: Error }} dds-file-delete-error - Fired when a file deletion from server encounters an error.\n * @event {{ newFiles: File[], files: File[], canceledFiles: Set<File>, currentFiles: File[] }} dds-file-change - Fired when the file input value changes. This event is cancelable. Event detail contains: `newFiles` (just the files being added in this operation), `currentFiles` (all files that were already selected before this operation), `files` (all files after merge with existing when keepValue=true), and `canceledFiles` (Set to add files you want to reject). You can either: (1) Call `event.preventDefault()` to reject all files, or (2) Add specific files to `canceledFiles` to reject only those files.\n * @event {{ files: File[] }} dds-files-accepted - Fired when the file input value changes. This event is cancelable. Event detail contains: `files` (all files after merge with existing when keepValue=true).\n *\n * @slot dropzone-content - The content to display in the dropzone.\n *\n * @csspart base - The main file input container.\n * @csspart input - The file input control.\n * @csspart label - The file input label.\n * @csspart description - The file input description.\n * @csspart feedback - The file input feedback.\n * @csspart tooltip - The file input tooltip.\n * @csspart upload-progress - The upload progress container.\n * @csspart browse-button - The browse button.\n * @csspart upload-button - The upload button.\n * @csspart dropzone - The dropzone area.\n *\n * @cssproperty --dds-file-input-holder-margin - The margin of the input holder in shorthand format: top right bottom left (default: var(--dds-spacing-400) 0 0 0)\n * @cssproperty --dds-file-input-dropzone-padding - The padding of the dropzone (default: var(--dds-spacing-800))\n * @cssproperty --dds-file-input-dropzone-border - The border of the dropzone in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-border-neutral-subtle))\n * @cssproperty --dds-file-input-dropzone-border-radius - The border radius of the dropzone (default: var(--dds-radius-base))\n * @cssproperty --dds-file-input-dropzone-background - The background of the dropzone (default: var(--dds-color-background-primary))\n * @cssproperty --dds-file-input-dropzone-border-hover - The border of the dropzone on hover in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-color-border-primary-hover))\n * @cssproperty --dds-file-input-dropzone-background-hover - The background of the dropzone on hover (default: var(--dds-color-background-primary-hover))\n * @cssproperty --dds-file-input-dropzone-border-dragover - The border of the dropzone when dragging over in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-color-border-accent))\n * @cssproperty --dds-file-input-dropzone-background-dragover - The background of the dropzone when dragging over (default: var(--dds-color-background-accent-light))\n * @cssproperty --dds-file-input-dropzone-border-disabled - The border of the disabled dropzone in shorthand format: width style color (default: var(--dds-border-width-base) dashed var(--dds-border-neutral-disabled))\n * @cssproperty --dds-file-input-dropzone-gap - The gap between elements in the dropzone content (default: var(--dds-spacing-300))\n * @cssproperty --dds-file-input-dropzone-accept-color - The text color of the accepted file types in the dropzone (default: var(--dds-color-text-secondary))\n */\nexport default class DapDSFileInput extends GenericFormElement {\n static tagName = 'dap-ds-file-input'\n\n static dependencies = {\n 'dap-ds-form-label': DapDSFormLabel,\n 'dap-ds-tooltip': DapDSTooltip,\n 'dap-ds-icon-button': DapDSIconButton,\n 'dap-ds-icon': DapDSIcon,\n 'dap-ds-typography': DapDSTypography,\n 'dap-ds-button': DapDSButton,\n 'dap-ds-modal': DapDSModal,\n 'dap-ds-feedback': DapDSFeedback,\n }\n\n @query('#input') private readonly input!: HTMLInputElement\n\n /** Label for the upload button */\n @property() uploadButtonLabel: string\n\n /** Label for the browse button */\n @property() browseButtonLabel: string\n\n /** `data-testid` for the browse button. */\n @property() browseButtonTestId = 'file-input-browse-button'\n\n /** `data-testid` for the upload button. */\n @property() uploadButtonTestId = 'file-input-upload-button'\n\n /** Whether to show a separate dropzone area */\n @property({ type: Boolean }) showDropzone = false\n\n /** Text to display in the dropzone */\n @property() dropzoneText: string\n\n /** Whether to show the built-in file list */\n @property({ type: Boolean }) showFileList = false\n\n /** Whether to show confirmation dialog before removing files */\n @property({ type: Boolean }) confirmRemove = true\n\n /** Whether to show the upload button */\n @property({ type: String }) showUploadButton = 'true'\n\n /** Whether to show the browse button */\n @property({ type: String }) showBrowseButton = 'true'\n\n /** The file types that the file input accepts */\n @property() accept: string\n\n /** Whether the file input accepts multiple files. */\n @property({ type: Boolean }) multiple = false\n\n /** Whether to keep the value of the file input when new files are selected. */\n @property({ type: Boolean }) keepValue = false\n\n /** A remote URL to upload files to */\n @property() uploadUrl: string\n\n /** Whether to automatically upload files after selection */\n @property({ type: Boolean }) autoupload: boolean\n\n /** The property to use when uploading files */\n @property() uploadProperty = 'file'\n\n /** The HTTP method to use when uploading files */\n @property() uploadMethod = 'POST'\n\n /** A remote URL to delete uploaded files from */\n @property() deleteUrl: string\n\n /** The HTTP method to use when deleting files */\n @property() deleteMethod = 'DELETE'\n\n /** Whether to send credentials with the file upload request */\n @property({ type: Boolean }) withCredentials = false\n\n /** Custom headers to send with upload requests (JSON string) */\n @property() uploadHeaders: string\n\n /** Custom headers to send with delete requests (JSON string) */\n @property() deleteHeaders: string\n\n /** The file list component to bind to */\n @property({ attribute: false }) fileList: DapDSFileInputList | null = null\n\n /** The maximum number of files that can be uploaded */\n @property({ type: Number }) maxFiles?: number\n\n /** The maximum size of files that can be uploaded (in bytes) sum of all files */\n @property({ type: Number }) maxFileSize?: number\n\n /** The maximum size a single file can have (in bytes) */\n @property({ type: Number }) maxSizePerFile?: number\n\n /** Text for the max file size error */\n @property({ type: String }) maxFileSizeErrorText?: string\n\n /** Text for the max size per file error */\n @property({ type: String }) maxSizePerFileErrorText?: string\n\n /** Text for the max file amount error */\n @property({ type: String }) maxFileAmountErrorText?: string\n\n /** Text for the file type error */\n @property({ type: String }) fileTypeErrorText?: string\n\n /** The label for the remove button */\n @property() removeButtonLabel: string\n\n /** The label for the cancel button */\n @property() cancelButtonLabel: string\n\n /** Whether the remove button is dangerous */\n @property({ type: String }) removeButtonDanger = 'true'\n\n /** Whether to show thumbnail preview for supported file types in the built-in file list */\n @property({ type: String }) showThumbnail = 'true'\n\n /** Aria label for the dropzone */\n @property() dropzoneAriaLabel: string\n\n /**\n * When false, the dropzone is not tab-focusable (tabindex -1), uses role=\"group\"\n * instead of role=\"button\", and Enter/Space no longer opens the file dialog from\n * the dropzone. Click and drag-and-drop still work. When the browse button is\n * also hidden, slot a focusable control into dropzone-content to keep a keyboard\n * path to the file dialog — the hidden native input is out of the tab order\n * whenever a dropzone is rendered.\n */\n @property({ type: String }) dropzoneFocusable = 'true'\n\n /** Size of the thumbnail preview in the built-in file list */\n @property({ type: String })\n thumbnailSize: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' = 'sm'\n\n @property({ type: Array, attribute: false })\n get files() {\n return this._files\n }\n\n @state() private _files: File[] = []\n @state() private _uploadProgress: Record<string, number> = {}\n @state() private readonly _uploadingFiles: Set<string> = new Set()\n @state() private readonly _activeUploads: Map<string, XMLHttpRequest> =\n new Map()\n @state() private readonly _uploadedFiles: Map<string, any> = new Map() // Track uploaded files with their server response\n @state() private _isDragOver = false\n @state() private _showRemoveDialog = false\n @state() private _fileToRemove: File | null = null\n private _removeResolve: ((value: unknown) => void) | null = null\n private _removeReject: ((reason?: any) => void) | null = null\n\n static readonly styles = css`\n ${unsafeCSS(style)}\n `\n\n checkFileEquality(\n file1: File | FileListElement,\n file2: File | FileListElement,\n ) {\n return (\n file1.name === file2.name &&\n file1.size === file2.size &&\n file1.type === file2.type &&\n file1.lastModified === file2.lastModified\n )\n }\n\n /**\n * Validates if a file type is accepted based on the accept attribute\n */\n private validateFileType(file: File): boolean {\n if (!this.accept) return true\n\n const acceptedTypes = this.accept.split(',').map(type => type.trim())\n\n return acceptedTypes.some(acceptedType => {\n // Handle MIME types (e.g., \"image/jpeg\", \"text/*\")\n if (acceptedType.includes('/')) {\n if (acceptedType.endsWith('/*')) {\n const baseType = acceptedType.slice(0, -2)\n return file.type.startsWith(baseType)\n }\n return file.type === acceptedType\n }\n\n // Handle file extensions (e.g., \".jpg\", \".pdf\")\n if (acceptedType.startsWith('.')) {\n return file.name.toLowerCase().endsWith(acceptedType.toLowerCase())\n }\n\n return false\n })\n }\n\n public get focusElement() {\n return this.input\n }\n /**\n * Validates a file list against all constraints (count, size, type)\n */\n private validateFiles(fileList: FileList): {\n isValid: boolean\n errors?: Array<{\n file?: File\n message: string\n type: string\n meta?: Record<string, any>\n }>\n } {\n const errors: Array<{\n file?: File\n message: string\n type: string\n meta?: Record<string, any>\n }> = []\n\n // Check file count\n if (this.maxFiles && fileList.length + this._files.length > this.maxFiles) {\n for (const file of fileList) {\n errors.push({\n file: file,\n meta: {\n maxFiles: this.maxFiles,\n totalFiles: fileList.length + this._files.length,\n },\n message:\n this.maxFileAmountErrorText ||\n t('fileInput.error.fileAmount', {\n count: this.maxFiles,\n }),\n type: 'maxFiles',\n })\n }\n }\n\n // Check file types and sizes\n let totalSize = 0\n for (const file of fileList) {\n // Validate file type\n if (!this.validateFileType(file)) {\n errors.push({\n file,\n meta: {\n type: this.accept,\n fileType: file.type,\n },\n message:\n this.fileTypeErrorText ||\n t('fileInput.error.fileType', {\n type: this.accept,\n }),\n type: 'fileType',\n })\n }\n\n if (this.maxSizePerFile && file.size > this.maxSizePerFile) {\n errors.push({\n file,\n meta: {\n maxSizePerFile: this.maxSizePerFile,\n fileSize: file.size,\n },\n message:\n this.maxSizePerFileErrorText ||\n t('fileInput.error.perFileSize', {\n size: Math.round(this.maxSizePerFile / 1024 / 1024),\n }),\n type: 'maxSizePerFile',\n })\n }\n\n // Validate file size\n totalSize += file.size\n if (this.maxFileSize && totalSize > this.maxFileSize) {\n errors.push({\n file,\n meta: {\n maxFileSize: this.maxFileSize,\n totalSize: totalSize,\n fileSize: file.size,\n },\n message:\n this.maxFileSizeErrorText ||\n t('fileInput.error.fileSize', {\n size: Math.round(this.maxFileSize / 1024 / 1024),\n }),\n type: 'maxFileSize',\n })\n }\n }\n\n return {\n isValid: errors.length === 0,\n errors: errors.length > 0 ? errors : undefined,\n }\n }\n\n public removeFile(fileData: FileListElement | File): Promise<void> | void {\n if (this.confirmRemove) {\n return new Promise((resolve, reject) => {\n this._removeResolve = resolve\n this._removeReject = reject\n this._showRemoveDialog = true\n this._fileToRemove = fileData as File\n })\n .then(() => {\n return this.performFileRemoval(fileData)\n })\n .catch(() => {\n // User cancelled - no action needed\n })\n } else {\n return this.performFileRemoval(fileData)\n }\n }\n\n private async performFileRemoval(fileData: FileListElement | File) {\n const fileName = fileData.name\n\n // Check if this file was uploaded and needs to be deleted from server\n if (this._uploadedFiles.has(fileName)) {\n try {\n const uploadResult = this._uploadedFiles.get(fileName)\n await this.deleteUploadedFile(fileName, uploadResult)\n this._uploadedFiles.delete(fileName)\n } catch (error) {\n // Emit delete error event but still remove from local list\n this.emit('dds-file-delete-error', { file: fileData, error })\n }\n }\n\n this._files = this._files.filter(\n (file: File) => !this.checkFileEquality(file, fileData),\n )\n\n if (this._files.length === 0 && this.required) {\n this.value = undefined\n this.input.value = ''\n }\n\n this.emit('dds-file-removed', { file: fileData })\n this.emit('dds-file-change', {\n newFiles: [],\n files: this._files,\n canceledFiles: new Set(),\n currentFiles: this._files,\n })\n this.setValidity()\n // Emit event with final accepted files after removal\n this.emit('dds-files-accepted', { files: this._files })\n }\n\n private languageChangeHandler = () => {\n // Force re-render when language changes to update translated text\n this.requestUpdate()\n }\n\n connectedCallback() {\n super.connectedCallback()\n\n // Listen for language changes to update translated text\n i18next.on('languageChanged', this.languageChangeHandler)\n\n this.addEventListener('dds-file-remove', event => {\n const customEvent = event as CustomEvent\n this.removeFile(customEvent.detail.file)\n })\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n // Clean up language change listener\n i18next.off('languageChanged', this.languageChangeHandler)\n }\n\n async onConfirmDelete() {\n if (this._removeResolve) {\n this._removeResolve(true)\n }\n this._showRemoveDialog = false\n this._fileToRemove = null\n this._removeResolve = null\n this._removeReject = null\n }\n\n onCancelDelete() {\n if (this._removeReject) {\n this._removeReject(new Error('User cancelled'))\n }\n this._showRemoveDialog = false\n this._fileToRemove = null\n this._removeResolve = null\n this._removeReject = null\n }\n\n onCancel() {\n this.emit('dds-cancel')\n this.setValidity()\n }\n\n onClick() {\n if (this.disabled) return\n this.input.click()\n }\n\n onDropzoneKeydown(event: KeyboardEvent) {\n if (this.disabled || this.dropzoneFocusable === 'false') return\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n this.input.click()\n }\n }\n\n setFileLoadingState(file: File, loading: boolean) {\n if (!this.fileList) {\n return\n }\n\n const fileComponent = this.fileList.getFileByName(\n file.name,\n )! as DapDSFileInputListItem\n\n fileComponent.loading = loading\n\n return fileComponent\n }\n\n /**\n * Aborts upload for a specific file\n */\n abortUpload(fileName: string) {\n const xhr = this._activeUploads.get(fileName)\n if (xhr) {\n xhr.abort()\n this._uploadingFiles.delete(fileName)\n this._activeUploads.delete(fileName)\n const newProgress = { ...this._uploadProgress }\n delete newProgress[fileName]\n this._uploadProgress = newProgress\n }\n }\n\n /**\n * Aborts all active uploads\n */\n abortAllUploads() {\n this._activeUploads.forEach(xhr => {\n xhr.abort()\n })\n this._uploadingFiles.clear()\n this._activeUploads.clear()\n this._uploadProgress = {}\n }\n\n /**\n * Manually start upload of all selected files\n */\n startUpload() {\n if (this._files.length > 0 && this.uploadUrl) {\n this.uploadFiles(this._files)\n }\n }\n\n /**\n * Delete an uploaded file from the server\n */\n private async deleteUploadedFile(\n fileName: string,\n uploadResult: any,\n ): Promise<void> {\n if (!this.deleteUrl) {\n console.error('Delete URL is not configured')\n return\n }\n\n const xhr = new XMLHttpRequest()\n xhr.withCredentials = this.withCredentials\n\n return new Promise((resolve, reject) => {\n xhr.onload = () => {\n if (xhr.status >= 200 && xhr.status < 300) {\n resolve()\n } else {\n reject(\n new HttpError(\n `HTTP error! status: ${xhr.status}`,\n xhr.response,\n xhr.status,\n ),\n )\n }\n }\n xhr.onerror = () => {\n reject(new Error('Network error during file deletion'))\n }\n\n // Construct delete URL with multiple placeholder support\n let deleteEndpoint = this.deleteUrl\n\n // Replace common placeholders\n deleteEndpoint = deleteEndpoint.replace(\n '{fileName}',\n encodeURIComponent(fileName),\n )\n deleteEndpoint = deleteEndpoint.replace(\n '{filename}',\n encodeURIComponent(fileName),\n )\n\n // If uploadResult contains an ID or key, use that for deletion\n if (uploadResult && typeof uploadResult === 'object') {\n if (uploadResult.id) {\n deleteEndpoint = deleteEndpoint.replace(\n '{id}',\n encodeURIComponent(uploadResult.id),\n )\n }\n if (uploadResult.key) {\n deleteEndpoint = deleteEndpoint.replace(\n '{key}',\n encodeURIComponent(uploadResult.key),\n )\n }\n if (uploadResult.location) {\n deleteEndpoint = deleteEndpoint.replace(\n '{location}',\n encodeURIComponent(uploadResult.location),\n )\n }\n }\n\n xhr.open(this.deleteMethod, deleteEndpoint)\n\n // Add custom headers for delete\n if (this.deleteHeaders) {\n try {\n const headers = JSON.parse(this.deleteHeaders)\n Object.entries(headers).forEach(([key, value]) => {\n xhr.setRequestHeader(key, value as string)\n })\n } catch (error) {\n console.warn('Invalid deleteHeaders JSON:', this.deleteHeaders)\n }\n }\n\n // For S3 and most APIs, send minimal data for DELETE requests\n if (this.deleteMethod === 'DELETE') {\n // Some S3-compatible APIs might need the upload result for context\n if (uploadResult && (uploadResult.ETag || uploadResult.VersionId)) {\n xhr.setRequestHeader('Content-Type', 'application/json')\n xhr.send(\n JSON.stringify({\n ETag: uploadResult.ETag,\n VersionId: uploadResult.VersionId,\n }),\n )\n } else {\n xhr.send()\n }\n } else {\n // For other HTTP methods, send the full upload result\n xhr.setRequestHeader('Content-Type', 'application/json')\n xhr.send(JSON.stringify(uploadResult))\n }\n })\n }\n\n private async uploadFiles(files: File[]) {\n if (!this.uploadUrl) {\n console.error('Upload URL is not configured')\n return\n }\n\n const totalFiles = files.length\n let completedUploads = 0\n\n for (const file of files) {\n const formData = new FormData()\n formData.append(this.uploadProperty, file)\n\n try {\n let fileComponent: DapDSFileInputListItem | undefined = undefined\n\n // Track upload start\n this._uploadingFiles.add(file.name)\n this._uploadProgress = { ...this._uploadProgress, [file.name]: 0 }\n\n this.emit('dds-upload-start', { file })\n\n const xhr = new XMLHttpRequest()\n xhr.withCredentials = this.withCredentials\n\n // Store active upload for potential abortion\n this._activeUploads.set(file.name, xhr)\n\n xhr.open(this.uploadMethod, this.uploadUrl)\n\n // Add custom headers for upload\n if (this.uploadHeaders) {\n try {\n const headers = JSON.parse(this.uploadHeaders)\n Object.entries(headers).forEach(([key, value]) => {\n xhr.setRequestHeader(key, value as string)\n })\n } catch (error) {\n console.warn('Invalid uploadHeaders JSON:', this.uploadHeaders)\n }\n }\n\n xhr.upload.onprogress = event => {\n if (event.lengthComputable) {\n const progress = (event.loaded / event.total) * 100\n this._uploadProgress = {\n ...this._uploadProgress,\n [file.name]: progress,\n }\n\n if (this.fileList) {\n fileComponent = this.setFileLoadingState(file, true)\n }\n\n this.emit('dds-upload-progress', {\n file,\n item: fileComponent,\n progress,\n })\n }\n }\n\n const response = await new Promise((resolve, reject) => {\n xhr.onload = () => {\n if (xhr.status >= 200 && xhr.status < 300) {\n resolve(xhr.response)\n } else {\n const error = new HttpError(\n `HTTP error! status: ${xhr.status}`,\n xhr.response,\n xhr.status,\n )\n reject(error)\n }\n }\n xhr.onerror = () => {\n if (this.fileList) {\n fileComponent = this.setFileLoadingState(file, false)\n }\n\n reject(new Error('Network error'))\n }\n xhr.send(formData)\n })\n\n const result = JSON.parse(response as string)\n\n if (this.fileList) {\n fileComponent = this.setFileLoadingState(file, false)\n }\n\n // Remove from uploading tracking\n this._uploadingFiles.delete(file.name)\n this._activeUploads.delete(file.name)\n const newProgress = { ...this._uploadProgress }\n delete newProgress[file.name]\n this._uploadProgress = newProgress\n\n // Track uploaded file with its server response\n this._uploadedFiles.set(file.name, result)\n\n this.emit('dds-upload-complete', { file, item: fileComponent, result })\n\n completedUploads++\n if (completedUploads === totalFiles) {\n this.emit('dds-all-uploads-complete')\n }\n } catch (error) {\n // Remove from uploading tracking on error\n this._uploadingFiles.delete(file.name)\n this._activeUploads.delete(file.name)\n const newProgress = { ...this._uploadProgress }\n delete newProgress[file.name]\n this._uploadProgress = newProgress\n\n // Convert error to FileError if it's not already one\n const fileError =\n error instanceof FileError\n ? error\n : new FileError(\n error instanceof Error ? error.message : String(error),\n file,\n error instanceof HttpError ? 'http' : 'upload',\n error instanceof HttpError\n ? { status: error.status, response: error.response }\n : undefined,\n )\n\n if (this.fileList) {\n const fileComponent = this.setFileLoadingState(file, false)\n this.emit('dds-upload-error', {\n file,\n item: fileComponent,\n errors: [fileError],\n })\n } else {\n this.emit('dds-upload-error', { file, errors: [fileError] })\n }\n }\n }\n }\n\n /**\n * Calculates what the new file list would be if the given files were added\n * Does not modify component state\n */\n private calculateNewFileList(fileList: FileList | null): File[] {\n if (!fileList || fileList.length === 0) {\n return []\n }\n\n const files = [...this._files]\n\n if (this.keepValue && this._files?.length) {\n Object.values(fileList).forEach((file: File) => {\n const isFileInList = !!this._files.find((f: File) =>\n this.checkFileEquality(f, file),\n )\n\n if (!isFileInList) {\n files.push(file)\n }\n })\n\n return files\n } else {\n return Object.values(fileList)\n }\n }\n\n private handleFileList(fileList: FileList | null) {\n const files = [...this._files]\n\n if (this.keepValue && this._files?.length) {\n Object.values(fileList!).forEach((file: File) => {\n const isFileInList = !!this._files.find((f: File) =>\n this.checkFileEquality(f, file),\n )\n\n if (!isFileInList) {\n files.push(file)\n }\n })\n\n this._files = files\n } else {\n this._files = fileList ? Object.values(fileList) : []\n }\n\n const dataTransfer = new DataTransfer()\n\n this._files.forEach(file => {\n dataTransfer.items.add(file)\n })\n this.input.files = dataTransfer.files\n\n if (this.autoupload) {\n this.uploadFiles(this._files)\n }\n }\n\n override onChange(event: InputEvent) {\n const target = event?.target as HTMLInputElement\n const targetFiles = target.files\n\n // If no files were selected (user canceled the dialog) and we have existing files,\n // just reset the input value and return early without processing or emitting events\n if ((!targetFiles || targetFiles.length === 0) && this._files.length > 0) {\n // Reset the input value to allow selecting the same file again if needed\n this.input.value = ''\n return\n }\n\n if (targetFiles) {\n const validation = this.validateFiles(targetFiles)\n if (!validation.isValid && validation.errors) {\n // Collect all validation errors into an array\n // All validation errors should have a file, but ensure we always create FileError\n const errors = validation.errors.map(error => {\n if (error.file) {\n return new FileError(\n error.message,\n error.file,\n error.type,\n error.meta,\n )\n } else {\n // Fallback: create a FileError with the first file if available\n // This should not happen in practice, but ensures type safety\n const fallbackFile =\n targetFiles.length > 0 ? targetFiles[0] : new File([], 'unknown')\n return new FileError(\n error.message,\n fallbackFile,\n error.type,\n error.meta,\n )\n }\n })\n\n // Emit all errors as a single array\n this.emit('dds-upload-error', { errors })\n return\n }\n }\n\n // Get the newly added files from the input\n const newFiles = targetFiles ? Array.from(targetFiles) : []\n\n // Calculate what the merged file list would be (existing + new)\n const allFiles = this.calculateNewFileList(targetFiles)\n\n // Create a Set for files that should be canceled\n const canceledFiles = new Set<File>()\n\n // Emit cancelable event with both new files and all files\n const changeEvent = this.emit(\n 'dds-file-change',\n { newFiles, files: allFiles, canceledFiles, currentFiles: this._files },\n { cancelable: true },\n )\n\n // If the event was prevented, reset the input and return\n if (changeEvent.defaultPrevented) {\n this.input.value = ''\n return\n }\n\n // Filter out canceled files from targetFiles\n if (canceledFiles.size > 0 && targetFiles) {\n const acceptedFiles = Array.from(targetFiles).filter(\n file => !canceledFiles.has(file),\n )\n\n // If all files were canceled, reset the input\n // if (acceptedFiles.length === 0) {\n // this.input.value = ''\n // return\n // }\n\n // Create a new FileList with only accepted files\n const dataTransfer = new DataTransfer()\n acceptedFiles.forEach(file => dataTransfer.items.add(file))\n\n this.value = this.input.value\n this.handleFileList(dataTransfer.files)\n this.setValidity()\n // Emit event with final accepted files after processing canceled files\n this.emit('dds-files-accepted', { files: this._files })\n } else {\n // No files were canceled, apply all changes\n this.value = this.input.value\n this.handleFileList(targetFiles)\n this.setValidity()\n // Emit event with final accepted files\n this.emit('dds-files-accepted', { files: this._files })\n }\n }\n\n onDragenter(event: DragEvent) {\n if (this.disabled) return\n event.preventDefault()\n this._isDragOver = true\n }\n\n onDragover(event: DragEvent) {\n if (this.disabled) return\n event.preventDefault()\n }\n\n onDragleave(event: DragEvent) {\n if (this.disabled) return\n event.preventDefault()\n\n if (!this.contains(event.relatedTarget as Node)) {\n this._isDragOver = false\n }\n }\n\n onDrop(event: DragEvent) {\n if (this.disabled) return\n event.preventDefault()\n this._isDragOver = false\n\n const droppedFiles = event.dataTransfer?.files\n if (droppedFiles) {\n const validation = this.validateFiles(droppedFiles)\n if (!validation.isValid && validation.errors) {\n // Collect all validation errors into an array\n // All validation errors should have a file, but ensure we always create FileError\n const errors = validation.errors.map(error => {\n if (error.file) {\n return new FileError(\n error.message,\n error.file,\n error.type,\n error.meta,\n )\n } else {\n // Fallback: create a FileError with the first file if available\n // This should not happen in practice, but ensures type safety\n const fallbackFile =\n droppedFiles.length > 0\n ? droppedFiles[0]\n : new File([], 'unknown')\n return new FileError(\n error.message,\n fallbackFile,\n error.type,\n error.meta,\n )\n }\n })\n\n // Emit all errors as a single array\n this.emit('dds-upload-error', { errors })\n return\n }\n }\n\n // Get the newly dropped files\n const newFiles = droppedFiles ? Array.from(droppedFiles) : []\n\n // Calculate what the merged file list would be (existing + new)\n const allFiles = this.calculateNewFileList(droppedFiles ?? null)\n\n // Create a Set for files that should be canceled\n const canceledFiles = new Set<File>()\n\n // Emit cancelable event with both new files and all files\n const changeEvent = this.emit(\n 'dds-file-change',\n { newFiles, files: allFiles, canceledFiles, currentFiles: this._files },\n { cancelable: true },\n )\n\n // If the event was prevented, return early without modifying state\n if (changeEvent.defaultPrevented) {\n return\n }\n\n // Filter out canceled files from droppedFiles\n if (canceledFiles.size > 0 && droppedFiles) {\n const acceptedFiles = Array.from(droppedFiles).filter(\n file => !canceledFiles.has(file),\n )\n\n // If all files were canceled, return early\n // if (acceptedFiles.length === 0) {\n // return\n // }\n\n // Create a new FileList with only accepted files\n const dataTransfer = new DataTransfer()\n acceptedFiles.forEach(file => dataTransfer.items.add(file))\n\n this.handleFileList(dataTransfer.files)\n this.setValidity()\n // Emit event with final accepted files after processing canceled files\n this.emit('dds-files-accepted', { files: this._files })\n } else {\n // No files were canceled, apply all changes\n this.handleFileList(droppedFiles ?? null)\n this.setValidity()\n // Emit event with final accepted files\n this.emit('dds-files-accepted', { files: this._files })\n }\n }\n\n render() {\n // The native input is the real keyboard control: the browse button is only\n // a tabindex=\"-1\" visual proxy for it. Without that proxy, the visually\n // hidden input would be an invisible tab stop, so it stays in the tab\n // order only while no dropzone is rendered. A rendered dropzone provides\n // the keyboard path instead: Enter/Space when focusable, or a focusable\n // control slotted into dropzone-content when dropzoneFocusable is false.\n const showBrowseButton =\n this.showBrowseButton === 'true' && !this.autoupload\n const inputTabbable = showBrowseButton || !this.showDropzone\n return html`\n <div class=\"label-container\">\n ${this.label &&\n html`<dap-ds-form-label\n part=\"label\"\n id=\"label\"\n for=\"input\"\n .size=${this.size}\n .required=${this.required}\n .requiredLabel=${this.requiredLabel}\n .optional=${this.optional}\n .optionalLabel=${this.optionalLabel}\n .disabled=${this.disabled}\n class=${clsx('label')}\n .noMargin=${!!this.description}\n .hideLabel=${this.hideLabel}\n label=${ifDefined(this.label)}>\n </dap-ds-form-label>`}\n ${this.tooltip &&\n html` <dap-ds-tooltip\n part=\"tooltip\"\n content=${this.tooltip}\n mode=\"toggle\"\n floatingStrategy=\"fixed\"\n placement=${this.tooltipPlacement}>\n <dap-ds-icon-button\n clean\n class=\"info-button\"\n slot=\"trigger\"\n aria-label=${this.tooltipAriaLabel}\n size=${this.size as 'xs' | 'sm' | 'md' | 'lg'}\n iconSize=${this.size === 'xs' ? '16' : '22'}>\n <dap-ds-icon\n name=\"information-line\"\n class=\"info-button\"></dap-ds-icon>\n </dap-ds-icon-button>\n </dap-ds-tooltip>`}\n </div>\n ${this.description &&\n html`\n <dap-ds-typography\n part=\"description\"\n variant=\"description\"\n class=${clsx('input-description')}\n size=${ifDefined(this.size as CommonFormElementSize)}\n id=\"description\">\n ${this.description}\n </dap-ds-typography>\n `}\n ${this.showDropzone\n ? html`\n <div\n class=${clsx(\n 'dropzone',\n { 'dropzone--dragover': this._isDragOver },\n { 'dropzone--disabled': this.disabled },\n )}\n part=\"dropzone\"\n @dragenter=${this.onDragenter}\n @dragover=${this.onDragover}\n @dragleave=${this.onDragleave}\n @drop=${this.onDrop}\n @keydown=${this.dropzoneFocusable === 'true'\n ? this.onDropzoneKeydown\n : nothing}\n @click=${this.onClick}\n role=${this.dropzoneFocusable === 'true' ? 'button' : 'group'}\n aria-label=${ifDefined(this.dropzoneAriaLabel)}\n tabindex=${this.dropzoneFocusable === 'true' ? '0' : '-1'}>\n <slot name=\"dropzone-content\">\n <div class=\"dropzone__content\">\n <dap-ds-icon name=\"upload-2-line\" size=\"lg\"></dap-ds-icon>\n <dap-ds-typography variant=\"caption\">\n ${this.dropzoneText || translate('fileInput.dropzone.text')}\n </dap-ds-typography>\n ${this.accept &&\n html`\n <dap-ds-typography\n variant=\"caption\"\n class=\"dropzone__accept\">\n ${translate('fileInput.dropzone.acceptedTypes')}:\n ${this.accept}\n </dap-ds-typography>\n `}\n </div>\n </slot>\n </div>\n `\n : nothing}\n <span\n part=\"base\"\n class=${clsx(\n 'input',\n { 'input--success': this.status === 'success' },\n { 'input--error': this.status === 'error' },\n { 'input--disabled': this.disabled },\n )}\n role=\"region\"\n aria-label=\"File upload area\">\n <div class=\"input__holder\" aria-describedby=\"drop-instructions\">\n <input\n id=\"input\"\n class=\"input__control sr-only\"\n part=\"input\"\n name=${this.name}\n type=\"file\"\n accept=${ifDefined(this.accept)}\n ?disabled=${this.disabled}\n ?multiple=${this.multiple}\n ?required=${this.required}\n tabindex=${inputTabbable ? '0' : '-1'}\n aria-labelledby=\"label\"\n aria-hidden=${inputTabbable ? 'false' : 'true'}\n aria-describedby=\"description ${this.feedback\n ? 'feedback'\n : nothing}\"\n @change=${this.onChange}\n @cancel=${this.onCancel}\n @invalid=${this.handleInvalid}\n @blur=${this.onBlur}\n @focus=${this.onFocus} />\n ${showBrowseButton\n ? html` <dap-ds-button\n class=\"input__button\"\n part=\"browse-button\"\n data-testid=${this.browseButtonTestId}\n tabindex=\"-1\"\n variant=\"outline\"\n ?disabled=${this.disabled}\n size=${ifDefined(this.size) as CommonFormElementSize}\n @click=${this.onClick}\n @dragenter=${this.showDropzone ? nothing : this.onDragenter}\n @dragover=${this.showDropzone ? nothing : this.onDragover}\n @drop=${this.showDropzone ? nothing : this.onDrop}\n aria-label=\"${this.browseButtonLabel ||\n translate('fileInput.browse')}${this.showDropzone\n ? ''\n : ` - ${translate('fileInput.dragDropArea')}`}\"\n role=\"button\"\n >${this.browseButtonLabel ||\n translate('fileInput.browse')}</dap-ds-button\n >`\n : nothing}\n ${this.showUploadButton === 'true' && !this.autoupload\n ? html`\n <dap-ds-button\n class=\"upload-button\"\n part=\"upload-button\"\n data-testid=${this.uploadButtonTestId}\n variant=\"primary\"\n size=${ifDefined(this.size) as CommonFormElementSize}\n ?disabled=${this._files.length === 0 ||\n !this.uploadUrl ||\n this._uploadingFiles.size > 0}\n @click=${this.startUpload}\n >${this.uploadButtonLabel ||\n translate('fileInput.upload')}</dap-ds-button\n >\n `\n : nothing}\n <div id=\"drop-instructions\" class=\"sr-only\">\n ${translate('fileInput.dragDropInstructions')}\n </div>\n </div>\n </span>\n ${!this.fileList && this._uploadingFiles.size > 0\n ? html`\n <div class=\"upload-progress\" part=\"upload-progress\">\n ${Array.from(this._uploadingFiles).map(fileName => {\n const progress = this._uploadProgress[fileName] || 0\n return html`\n <div class=\"upload-progress__item\">\n <dap-ds-typography variant=\"caption\">\n ${fileName} - ${Math.round(progress)}%\n </dap-ds-typography>\n <div class=\"upload-progress__bar\">\n <div\n class=\"upload-progress__fill\"\n style=\"width: ${progress}%\"></div>\n </div>\n </div>\n `\n })}\n </div>\n `\n : nothing}\n <dap-ds-modal\n .open=${this._showRemoveDialog}\n title=\"${translate('fileInput.removeDialog.title')}\"\n okButtonLabel=${this.removeButtonLabel ||\n translate('fileInput.removeDialog.confirm')}\n cancelButtonLabel=${this.cancelButtonLabel ||\n translate('fileInput.removeDialog.cancel')}\n .okButtonDanger=${this.removeButtonDanger === 'true'}\n @dds-cancel=${this.onCancelDelete}\n @dds-close=${this.onCancelDelete}\n @dds-ok=${this.onConfirmDelete}>\n <div>\n <dap-ds-typography variant=\"body\">\n ${translate('fileInput.removeDialog.message', {\n fileName: this._fileToRemove?.name ?? '',\n })}\n </dap-ds-typography>\n </div>\n </dap-ds-modal>\n\n ${this.feedback\n ? html`\n <dap-ds-feedback\n part=\"feedback\"\n feedbackType=${ifDefined(this.feedbackType)}\n feedbackSize=${ifDefined(this.size) as 'lg' | 'sm' | 'xs'}\n id=\"feedback\"\n .feedbackSubtle=${this.subtle}>\n ${this.feedback}\n </dap-ds-feedback>\n `\n : nothing}\n `\n }\n}\n"],"names":["_DapDSFileInput","GenericFormElement","file1","file2","file","type","acceptedType","baseType","fileList","errors","t","totalSize","fileData","resolve","reject","__async","fileName","uploadResult","error","i18next","event","customEvent","loading","fileComponent","xhr","newProgress","__spreadValues","HttpError","deleteEndpoint","headers","key","value","files","totalFiles","completedUploads","formData","__spreadProps","progress","response","result","fileError","FileError","_a","f","dataTransfer","targetFiles","validation","fallbackFile","newFiles","allFiles","canceledFiles","acceptedFiles","droppedFiles","showBrowseButton","inputTabbable","html","clsx","ifDefined","nothing","translate","_b","DapDSFormLabel","DapDSTooltip","DapDSIconButton","DapDSIcon","DapDSTypography","DapDSButton","DapDSModal","DapDSFeedback","css","unsafeCSS","style","DapDSFileInput","__decorateClass","query","property","state"],"mappings":"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"}

package/dist/components/file-input/file-input.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { default as DapDSFileInput } from './file-input.component.js';
-export * from './file-input.component.js';
+import { default as DapDSFileInput } from './file-input.component';
+export * from './file-input.component';
 export default DapDSFileInput;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/file-input/file-input.js ADDED Viewed

@@ -0,0 +1,6 @@
+import e from "./file-input.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=file-input.js.map

package/dist/components/file-input/file-input.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"file-input.js","sources":["../../../src/components/file-input/file-input.ts"],"sourcesContent":["import DapDSFileInput from './file-input.component'\n\nexport * from './file-input.component'\nexport default DapDSFileInput\n\nDapDSFileInput.define()\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'dap-ds-file-input': DapDSFileInput\n }\n}\n"],"names":["DapDSFileInput"],"mappings":";AAKAA,EAAe,OAAO;"}

package/dist/components/file-input/file-input.scss.js ADDED Viewed

@@ -0,0 +1,5 @@
+const d = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:host{--dds-file-input-holder-margin: var(--dds-spacing-400) 0 0 0;--dds-file-input-dropzone-padding: var(--dds-spacing-800);--dds-file-input-dropzone-border: var(--dds-border-width-base) dashed var(--dds-border-neutral-subtle);--dds-file-input-dropzone-border-radius: var(--dds-radius-base);--dds-file-input-dropzone-background: var(--dds-background-neutral-base);--dds-file-input-dropzone-border-hover: var(--dds-border-width-base) dashed var(--dds-border-neutral-medium);--dds-file-input-dropzone-background-hover: var( --dds-background-neutral-base );--dds-file-input-dropzone-border-dragover: var(--dds-border-width-base) dashed var(--dds-border-neutral-medium);--dds-file-input-dropzone-background-dragover: var( --dds-background-neutral-medium );--dds-file-input-dropzone-border-disabled: var(--dds-border-width-base) dashed var(--dds-border-neutral-disabled);--dds-file-input-dropzone-gap: var(--dds-spacing-300);--dds-file-input-dropzone-accept-color: var(--dds-color-text-secondary)}.input__holder{position:relative;margin:var(--dds-file-input-holder-margin)}.input__control:focus-visible+.input__button::part(base){outline-style:solid}.dropzone{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);margin:var(--dds-file-input-holder-margin);padding:var(--dds-file-input-dropzone-padding);border:var(--dds-file-input-dropzone-border);border-radius:var(--dds-file-input-dropzone-border-radius);background:var(--dds-file-input-dropzone-background);cursor:pointer}.dropzone:hover{border:var(--dds-file-input-dropzone-border-hover);background:var(--dds-file-input-dropzone-background-hover)}.dropzone:focus-visible{outline-style:solid}.dropzone--dragover{border:var(--dds-file-input-dropzone-border-dragover);background:var(--dds-file-input-dropzone-background-dragover)}.dropzone--disabled{border:var(--dds-file-input-dropzone-border-disabled);cursor:not-allowed}.dropzone--disabled:hover{border:var(--dds-file-input-dropzone-border-disabled)}.dropzone__content{display:flex;flex-direction:column;align-items:center;gap:var(--dds-file-input-dropzone-gap);text-align:center}.dropzone__accept{color:var(--dds-file-input-dropzone-accept-color)}";
+export {
+  d as default
+};
+//# sourceMappingURL=file-input.scss.js.map

package/dist/components/file-input/file-input.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"file-input.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/form/form-label/_styles/form-label.scss.js ADDED Viewed

@@ -0,0 +1,5 @@
+const d = ":root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}";
+export {
+  d as default
+};
+//# sourceMappingURL=form-label.scss.js.map

package/dist/components/form/form-label/_styles/form-label.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"form-label.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/form/form-label/form-label.component.d.ts CHANGED Viewed

@@ -34,6 +34,7 @@ declare const DapDSFormLabel_base: {
  * @cssproperty --dds-form-label-margin-bottom - Bottom margin of the label. (default: var(--dds-spacing-200))
  */
 export default class DapDSFormLabel extends DapDSFormLabel_base {
+    static tagName: string;
     /** The id of the form element that the label is associated with. */
     for?: string;
     /** Whether the label should be rendered as text or a <label> tag. Default is label. */

package/dist/components/form/form-label/form-label.component.js ADDED Viewed

@@ -0,0 +1,73 @@
+import { clsx as f } from "../../../node_modules/clsx/dist/clsx.js";
+import "../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../node_modules/lit-html/lit-html.js";
+import "../../../node_modules/lit-element/lit-element.js";
+import { property as a } from "../../../node_modules/@lit/reactive-element/decorators/property.js";
+import { ifDefined as m } from "../../../node_modules/lit-html/directives/if-defined.js";
+import { unsafeStatic as h, html as s } from "../../../node_modules/lit-html/static.js";
+import { adoptLightStyles as b } from "../../../internal/adopt-light-styles.js";
+import { DdsElement as u } from "../../../internal/dds-hu-element.js";
+import { LabelableMixin as c } from "../../../internal/mixin/labelableMixin.js";
+import { SizedMixin as $ } from "../../../internal/mixin/sizedMixin.js";
+import y from "./_styles/form-label.scss.js";
+import { unsafeCSS as g } from "../../../node_modules/@lit/reactive-element/css-tag.js";
+var v = Object.defineProperty, l = (o, d, n, _) => {
+  for (var e = void 0, r = o.length - 1, p; r >= 0; r--)
+    (p = o[r]) && (e = p(d, n, e) || e);
+  return e && v(d, n, e), e;
+};
+const i = class i extends $(
+  c(u)
+) {
+  constructor() {
+    super(...arguments), this.renderAs = "label", this.noMargin = !1;
+  }
+  createRenderRoot() {
+    return b(this), this;
+  }
+  render() {
+    return s`
+    <${h(this.renderAs)}
+          part="label-base"
+          class=${f("dds-label", `dds-label--${this.effectiveSize}`, {
+      "dds-label--disabled": this.disabled,
+      "dds-label--required": this.required,
+      "dds-label--optional": this.optional,
+      "dds-label--subtle": this.subtle,
+      "dds-label--no-margin": this.noMargin,
+      "dds-label--hidden": this.hideLabel
+    })}
+          for=${m(this.for)}>
+          ${this.label}
+          ${this.required ? s`<span
+                  part="required"
+                  aria-hidden="true"
+                  class="dds-label__required-indicator"
+                  >${this.requiredLabel}</span
+                >` : null}
+          ${this.optional ? s`<span
+                  part="optional"
+                  class=${f("dds-label__optional-indicator", {
+      [`dds-label__optional-indicator--${this.effectiveSize}`]: this.effectiveSize
+    })}>
+                  ${this.optionalLabel}
+                </span>` : null}
+        </${h(this.renderAs)}>`;
+  }
+};
+i.tagName = "dap-ds-form-label", i.styles = g(y);
+let t = i;
+l([
+  a()
+], t.prototype, "for");
+l([
+  a({ type: String })
+], t.prototype, "renderAs");
+l([
+  a({ type: Boolean })
+], t.prototype, "noMargin");
+export {
+  t as default
+};
+//# sourceMappingURL=form-label.component.js.map

package/dist/components/form/form-label/form-label.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-label.component.js","sources":["../../../../src/components/form/form-label/form-label.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html, unsafeStatic } from 'lit/static-html.js'\n\nimport { adoptLightStyles } from '@/internal/adopt-light-styles'\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { LabelableMixin } from '@/internal/mixin/labelableMixin'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport styles from './_styles/form-label.scss?inline'\n\n/**\n * `dap-ds-form-label`\n * @summary A form label is a container for labels in a form.\n * @element dap-ds-form-label\n * @title - Form label\n * @group form\n *\n * @property {string} optionalLabel - Label of optional text\n * @property {boolean} subtle - Text weight of the label.\n * @property {boolean} optional - If the label is optional.\n * @property {boolean} required - If the label is required.\n * @property {string} requiredLabel - Indicator of required text. (default: '*')\n * @property {string} label - The label text.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n *\n * @csspart base - The main form label container.\n * @csspart required - The required indicator of the form label.\n * @csspart optional - The optional indicator of the form label.\n *\n * @cssproperty --dds-form-label-font-weight - Font weight of the label. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-form-label-line-height - Line height of the label. (default: var(--dds-font-line-height-xlarge))\n * @cssproperty --dds-form-label-color - Text color of the label. (default: var(--dds-text-neutral-enabled))\n * @cssproperty --dds-form-label-disabled-color - Text color when the label is disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-form-label-required-color - Color of the required indicator. (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-form-label-optional-color - Color of the optional indicator. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-form-label-margin-bottom - Bottom margin of the label. (default: var(--dds-spacing-200))\n */\nexport default class DapDSFormLabel extends SizedMixin(\n LabelableMixin(DdsElement),\n) {\n static tagName = 'dap-ds-form-label'\n\n /** The id of the form element that the label is associated with. */\n @property() for?: string\n /** Whether the label should be rendered as text or a <label> tag. Default is label. */\n @property({ type: String }) renderAs: string = 'label'\n\n /** Whether the label should have no margin. */\n @property({ type: Boolean }) noMargin = false\n\n static readonly styles = unsafeCSS(styles)\n\n createRenderRoot() {\n adoptLightStyles(this)\n return this\n }\n\n render() {\n return html`\n \n <${unsafeStatic(this.renderAs)}\n part=\"label-base\"\n class=${clsx('dds-label', `dds-label--${this.effectiveSize}`, {\n 'dds-label--disabled': this.disabled,\n 'dds-label--required': this.required,\n 'dds-label--optional': this.optional,\n 'dds-label--subtle': this.subtle,\n 'dds-label--no-margin': this.noMargin,\n 'dds-label--hidden': this.hideLabel,\n })}\n for=${ifDefined(this.for)}>\n ${this.label}\n ${\n this.required\n ? html`<span\n part=\"required\"\n aria-hidden=\"true\"\n class=\"dds-label__required-indicator\"\n >${this.requiredLabel}</span\n >`\n : null\n }\n ${\n this.optional\n ? html`<span\n part=\"optional\"\n class=${clsx('dds-label__optional-indicator', {\n [`dds-label__optional-indicator--${this.effectiveSize}`]:\n this.effectiveSize,\n })}>\n ${this.optionalLabel}\n </span>`\n : null\n }\n </${unsafeStatic(this.renderAs)}>`\n }\n}\n"],"names":["_DapDSFormLabel","SizedMixin","LabelableMixin","DdsElement","adoptLightStyles","html","unsafeStatic","clsx","ifDefined","unsafeCSS","styles","DapDSFormLabel","__decorateClass","property"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,MAAqBA,IAArB,MAAqBA,UAAuBC;AAAA,EAC1CC,EAAeC,CAAU;AAC3B,EAAE;AAAA,EAFF,cAAA;AAAA,UAAA,GAAA,SAAA,GAQiD,KAAA,WAAA,SAGP,KAAA,WAAA;AAAA,EAAA;AAAA,EAIxC,mBAAmB;AACjB,WAAAC,EAAiB,IAAI,GACd;AAAA,EAAA;AAAA,EAGT,SAAS;AACA,WAAAC;AAAAA;AAAAA,OAEJC,EAAa,KAAK,QAAQ,CAAC;AAAA;AAAA,kBAEhBC,EAAK,aAAa,cAAc,KAAK,aAAa,IAAI;AAAA,MAC5D,uBAAuB,KAAK;AAAA,MAC5B,uBAAuB,KAAK;AAAA,MAC5B,uBAAuB,KAAK;AAAA,MAC5B,qBAAqB,KAAK;AAAA,MAC1B,wBAAwB,KAAK;AAAA,MAC7B,qBAAqB,KAAK;AAAA,IAAA,CAC3B,CAAC;AAAA,gBACIC,EAAU,KAAK,GAAG,CAAC;AAAA,YACvB,KAAK,KAAK;AAAA,YAEV,KAAK,WACDH;AAAAA;AAAAA;AAAAA;AAAAA,qBAIK,KAAK,aAAa;AAAA,qBAEvB,IACN;AAAA,YAEE,KAAK,WACDA;AAAAA;AAAAA,0BAEUE,EAAK,iCAAiC;AAAA,MAC5C,CAAC,kCAAkC,KAAK,aAAa,EAAE,GACrD,KAAK;AAAA,IAAA,CACR,CAAC;AAAA,oBACA,KAAK,aAAa;AAAA,2BAEtB,IACN;AAAA,YACED,EAAa,KAAK,QAAQ,CAAC;AAAA,EAAA;AAEvC;AAxDEN,EAAO,UAAU,qBAUDA,EAAA,SAASS,EAAUC,CAAM;AAb3C,IAAqBC,IAArBX;AAMcY,EAAA;AAAA,EAAXC,EAAS;AAAA,GANSF,EAMP,WAAA,KAAA;AAEgBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GARPF,EAQS,WAAA,UAAA;AAGCC,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAS,CAAA;AAAA,GAXRF,EAWU,WAAA,UAAA;"}

package/dist/components/form/form-label/form-label.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { default as DapDSFormLabel } from './form-label.component.js';
-export * from './form-label.component.js';
+import { default as DapDSFormLabel } from './form-label.component';
+export * from './form-label.component';
 export default DapDSFormLabel;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/form/form-label/form-label.js ADDED Viewed

@@ -0,0 +1,6 @@
+import e from "./form-label.component.js";
+e.define();
+export {
+  e as default
+};
+//# sourceMappingURL=form-label.js.map

package/dist/components/form/form-label/form-label.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"form-label.js","sources":["../../../../src/components/form/form-label/form-label.ts"],"sourcesContent":["import DapDSFormLabel from './form-label.component'\n\nexport * from './form-label.component'\nexport default DapDSFormLabel\n\nDapDSFormLabel.define()\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'dap-ds-form-label': DapDSFormLabel\n }\n}\n"],"names":["DapDSFormLabel"],"mappings":";AAKAA,EAAe,OAAO;"}

package/dist/components/form/input-group/input-group.component.d.ts CHANGED Viewed

@@ -1,6 +1,12 @@
 import { default as DapDSCheckbox } from '../../checkbox/checkbox.component';
 import { default as DapDSSwitch } from '../../switch/switch.component';
 import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
+import { default as DapDSFeedback } from '../../feedback/feedback.component';
+import { default as DapDSIcon } from '../../icon/icon.component';
+import { default as DapDSIconButton } from '../../icon-button/icon-button.component';
+import { default as DapDSTooltip } from '../../tooltip/tooltip.component';
+import { default as DapDSTypography } from '../../typography/typography.component';
+import { default as DapDSFormLabel } from '../form-label/form-label.component';
 /**
  * `dap-ds-input-group`
  * @summary An input group is a container for inputs.
@@ -34,6 +40,15 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @csspart container - The container of the input group items.
  */
 export default class DapDSInputGroup extends GenericFormElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-form-label': typeof DapDSFormLabel;
+        'dap-ds-tooltip': typeof DapDSTooltip;
+        'dap-ds-icon-button': typeof DapDSIconButton;
+        'dap-ds-icon': typeof DapDSIcon;
+        'dap-ds-typography': typeof DapDSTypography;
+        'dap-ds-feedback': typeof DapDSFeedback;
+    };
     static readonly styles: import('lit').CSSResult;
     allInputs: DapDSCheckbox[] | DapDSSwitch[];
     handleLabelClick(): void;

package/dist/components/form/input-group/input-group.component.js ADDED Viewed

@@ -0,0 +1,137 @@
+import { clsx as c } from "../../../node_modules/clsx/dist/clsx.js";
+import "../../../node_modules/@lit/reactive-element/reactive-element.js";
+import "../../../node_modules/lit-html/lit-html.js";
+import "../../../node_modules/lit-element/lit-element.js";
+import { queryAssignedElements as b } from "../../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import { ifDefined as o } from "../../../node_modules/lit-html/directives/if-defined.js";
+import { html as s } from "../../../node_modules/lit-html/static.js";
+import { GenericFormElement as h } from "../../../internal/mixin/genericFormElement.js";
+import f from "../../feedback/feedback.component.js";
+import m from "../../icon/icon.component.js";
+import u from "../../icon-button/icon-button.component.js";
+import $ from "../../tooltip/tooltip.component.js";
+import g from "../../typography/typography.component.js";
+import k from "../form-label/form-label.component.js";
+import y from "./input-group.scss.js";
+import { unsafeCSS as _ } from "../../../node_modules/@lit/reactive-element/css-tag.js";
+var z = Object.defineProperty, C = (p, t, e, a) => {
+  for (var i = void 0, l = p.length - 1, n; l >= 0; l--)
+    (n = p[l]) && (i = n(t, e, i) || i);
+  return i && z(t, e, i), i;
+};
+const d = class d extends h {
+  handleLabelClick() {
+    var e;
+    const t = (e = this.allInputs.find((a) => a.checked)) != null ? e : this.allInputs[0];
+    t == null || t.focus();
+  }
+  getItems() {
+    return [
+      ...this.querySelectorAll(
+        "dap-ds-switch, dap-ds-checkbox"
+      )
+    ];
+  }
+  attributeChangedCallback(t, e, a) {
+    super.attributeChangedCallback(t, e, a), (t === "disabled" || t === "invalid") && this.getItems().forEach((i) => {
+      i[t] = a !== null;
+    });
+  }
+  render() {
+    return s`
+      <fieldset
+        id="input"
+        class="input-group"
+        part="base"
+        .disabled=${this.disabled}
+        aria-labelledby="label"
+        aria-describedby=${`description ${this.feedbackId}`}
+        aria-errormessage=${o(this.feedbackId)}>
+        ${(this.label || this.tooltip) && s`<legend class="input-group__legend">
+          <div class="label-container">
+            ${this.label && s`<dap-ds-form-label
+              part="label"
+              id="label"
+              .size=${this.size}
+              .required=${this.required}
+              .requiredLabel=${this.requiredLabel}
+              .optional=${this.optional}
+              .optionalLabel=${this.optionalLabel}
+              .disabled=${this.disabled}
+              .subtle=${this.subtle}
+              .noMargin=${!!this.description}
+              .hideLabel=${this.hideLabel}
+              label=${o(this.label)}
+              @click=${this.handleLabelClick}>
+            </dap-ds-form-label>`}
+            ${this.tooltip && s` <dap-ds-tooltip
+              part="tooltip"
+              content=${this.tooltip}
+              mode="toggle"
+              placement=${this.tooltipPlacement}>
+              <dap-ds-icon-button
+                clean
+                class="input-group__toggle-button"
+                slot="trigger"
+                aria-label=${this.tooltipAriaLabel}
+                size=${this.size}
+                iconSize=${this.size === "xs" ? "16" : "22"}>
+                <dap-ds-icon
+                  name="information-line"
+                  class="info-button"></dap-ds-icon>
+              </dap-ds-icon-button>
+            </dap-ds-tooltip>`}
+          </div>
+          ${this.description && s`
+            <dap-ds-typography
+              part="description"
+              variant="description"
+              class=${c("input-description")}
+              size=${o(this.size)}
+              id="description">
+              ${this.description}
+            </dap-ds-typography>
+          `}
+        </legend>`}
+        <div part="container" class="input-group__items">
+          <slot></slot>
+        </div>
+        ${this.feedback && this._renderFeedback()}
+      </fieldset>
+    `;
+  }
+  _handleSlotChange(t) {
+    (t == null ? void 0 : t.target).setAttribute("slot", "icon");
+  }
+  _renderFeedback() {
+    return s`
+      <dap-ds-feedback
+        part="feedback"
+        feedbackType=${o(this.feedbackType)}
+        feedbackSize="${o(this.size)}"
+        id="feedback"
+        .subtle=${this.subtle}>
+        <slot
+          name="feedback-icon"
+          @slotchange="${this._handleSlotChange}"></slot>
+        ${this.feedback}
+      </dap-ds-feedback>
+    `;
+  }
+};
+d.tagName = "dap-ds-input-group", d.dependencies = {
+  "dap-ds-form-label": k,
+  "dap-ds-tooltip": $,
+  "dap-ds-icon-button": u,
+  "dap-ds-icon": m,
+  "dap-ds-typography": g,
+  "dap-ds-feedback": f
+}, d.styles = _(y);
+let r = d;
+C([
+  b()
+], r.prototype, "allInputs");
+export {
+  r as default
+};
+//# sourceMappingURL=input-group.component.js.map

package/dist/components/form/input-group/input-group.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input-group.component.js","sources":["../../../../src/components/form/input-group/input-group.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport { unsafeCSS } from 'lit'\nimport { queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport { CommonFormElementSize } from '@/common/types'\nimport DapDSCheckbox from '@/components/checkbox/checkbox.component'\nimport DapDSSwitch from '@/components/switch/switch.component'\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\n\nimport DapDSFeedback from '../../feedback/feedback.component'\nimport DapDSIcon from '../../icon/icon.component'\nimport DapDSIconButton from '../../icon-button/icon-button.component'\nimport DapDSTooltip from '../../tooltip/tooltip.component'\nimport DapDSTypography from '../../typography/typography.component'\nimport DapDSFormLabel from '../form-label/form-label.component'\nimport styles from './input-group.scss?inline'\n\n/**\n * `dap-ds-input-group`\n * @summary An input group is a container for inputs.\n * @element dap-ds-input-group\n * @title - Input group\n * @group form\n *\n * @property {string} label - The label of the input group.\n * @property {boolean} hideLabel - Visually hides the label while keeping it available to assistive technology. (default: false)\n * @property {string} description - The description of the input group.\n * @property {string} tooltip - The tooltip of the input group.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the input group.\n * @property {string} tooltipAriaLabel - The aria label of the tooltip.\n * @property {string} optionalLabel - The label of the input group when it is optional.\n * @property {string} requiredLabel - The indicator of the input group when it is required. (default: '*')\n * @property {boolean} disabled - Whether the input group is disabled.\n * @property {'xs' | 'sm' | 'lg'} size - The size of the input group. Default is `sm`.\n * @property {boolean} required - Whether the input group is required.\n * @property {boolean} optional - Whether the input group is optional.\n * @property {string} feedback - The feedback of the input.\n * @property {string} feedbackType - The type of the feedback.\n * @property {boolean} subtle - Whether the input group label is subtle.\n *\n * @slot - The content of the input group items.\n * @slot feedback-icon - The custom icon of the feedback.\n *\n * @csspart base - The main input group container.\n * @csspart label - The label of the input group.\n * @csspart description - The description of the input group.\n * @csspart tooltip - The tooltip of the input group.\n * @csspart container - The container of the input group items.\n */\nexport default class DapDSInputGroup extends GenericFormElement {\n static tagName = 'dap-ds-input-group'\n\n static dependencies = {\n 'dap-ds-form-label': DapDSFormLabel,\n 'dap-ds-tooltip': DapDSTooltip,\n 'dap-ds-icon-button': DapDSIconButton,\n 'dap-ds-icon': DapDSIcon,\n 'dap-ds-typography': DapDSTypography,\n 'dap-ds-feedback': DapDSFeedback,\n }\n\n static readonly styles = unsafeCSS(styles)\n\n @queryAssignedElements() allInputs: DapDSCheckbox[] | DapDSSwitch[]\n\n handleLabelClick() {\n const checkedInput =\n this.allInputs.find(input => input.checked) ?? this.allInputs[0]\n\n checkedInput?.focus()\n }\n\n private getItems() {\n return [\n ...this.querySelectorAll<DapDSSwitch | DapDSCheckbox>(\n 'dap-ds-switch, dap-ds-checkbox',\n ),\n ]\n }\n\n attributeChangedCallback(\n name: string,\n _old: string | null,\n value: string | null,\n ) {\n super.attributeChangedCallback(name, _old, value)\n if (name === 'disabled' || name === 'invalid') {\n this.getItems().forEach(item => {\n item[name] = value !== null\n })\n }\n }\n\n render() {\n return html`\n <fieldset\n id=\"input\"\n class=\"input-group\"\n part=\"base\"\n .disabled=${this.disabled}\n aria-labelledby=\"label\"\n aria-describedby=${`description ${this.feedbackId}`}\n aria-errormessage=${ifDefined(this.feedbackId)}>\n ${(this.label || this.tooltip) &&\n html`<legend class=\"input-group__legend\">\n <div class=\"label-container\">\n ${this.label &&\n html`<dap-ds-form-label\n part=\"label\"\n id=\"label\"\n .size=${this.size}\n .required=${this.required}\n .requiredLabel=${this.requiredLabel}\n .optional=${this.optional}\n .optionalLabel=${this.optionalLabel}\n .disabled=${this.disabled}\n .subtle=${this.subtle}\n .noMargin=${!!this.description}\n .hideLabel=${this.hideLabel}\n label=${ifDefined(this.label)}\n @click=${this.handleLabelClick}>\n </dap-ds-form-label>`}\n ${this.tooltip &&\n html` <dap-ds-tooltip\n part=\"tooltip\"\n content=${this.tooltip}\n mode=\"toggle\"\n placement=${this.tooltipPlacement}>\n <dap-ds-icon-button\n clean\n class=\"input-group__toggle-button\"\n slot=\"trigger\"\n aria-label=${this.tooltipAriaLabel}\n size=${this.size as 'xs' | 'sm' | 'lg'}\n iconSize=${this.size === 'xs' ? '16' : '22'}>\n <dap-ds-icon\n name=\"information-line\"\n class=\"info-button\"></dap-ds-icon>\n </dap-ds-icon-button>\n </dap-ds-tooltip>`}\n </div>\n ${this.description &&\n html`\n <dap-ds-typography\n part=\"description\"\n variant=\"description\"\n class=${clsx('input-description')}\n size=${ifDefined(this.size as CommonFormElementSize)}\n id=\"description\">\n ${this.description}\n </dap-ds-typography>\n `}\n </legend>`}\n <div part=\"container\" class=\"input-group__items\">\n <slot></slot>\n </div>\n ${this.feedback && this._renderFeedback()}\n </fieldset>\n `\n }\n\n private _handleSlotChange(event: Event) {\n const target = event?.target as HTMLInputElement\n target.setAttribute('slot', 'icon')\n }\n\n private _renderFeedback() {\n return html`\n <dap-ds-feedback\n part=\"feedback\"\n feedbackType=${ifDefined(this.feedbackType)}\n feedbackSize=\"${ifDefined(this.size as 'lg' | 'sm' | 'xs')}\"\n id=\"feedback\"\n .subtle=${this.subtle}>\n <slot\n name=\"feedback-icon\"\n @slotchange=\"${this._handleSlotChange}\"></slot>\n ${this.feedback}\n </dap-ds-feedback>\n `\n }\n}\n"],"names":["_DapDSInputGroup","GenericFormElement","checkedInput","_a","input","name","_old","value","item","html","ifDefined","clsx","event","DapDSFormLabel","DapDSTooltip","DapDSIconButton","DapDSIcon","DapDSTypography","DapDSFeedback","unsafeCSS","styles","DapDSInputGroup","__decorateClass","queryAssignedElements"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmDA,MAAqBA,IAArB,MAAqBA,UAAwBC,EAAmB;AAAA,EAgB9D,mBAAmB;;AACX,UAAAC,KACJC,IAAA,KAAK,UAAU,KAAK,CAAAC,MAASA,EAAM,OAAO,MAA1C,OAAAD,IAA+C,KAAK,UAAU,CAAC;AAEjE,IAAAD,KAAA,QAAAA,EAAc;AAAA,EAAM;AAAA,EAGd,WAAW;AACV,WAAA;AAAA,MACL,GAAG,KAAK;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAAA,EAGF,yBACEG,GACAC,GACAC,GACA;AACM,UAAA,yBAAyBF,GAAMC,GAAMC,CAAK,IAC5CF,MAAS,cAAcA,MAAS,cAC7B,KAAA,SAAA,EAAW,QAAQ,CAAQG,MAAA;AACzB,MAAAA,EAAAH,CAAI,IAAIE,MAAU;AAAA,IAAA,CACxB;AAAA,EACH;AAAA,EAGF,SAAS;AACA,WAAAE;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,oBAKS,KAAK,QAAQ;AAAA;AAAA,2BAEN,eAAe,KAAK,UAAU,EAAE;AAAA,4BAC/BC,EAAU,KAAK,UAAU,CAAC;AAAA,WAC3C,KAAK,SAAS,KAAK,YACtBD;AAAAA;AAAAA,cAEM,KAAK,SACPA;AAAAA;AAAAA;AAAAA,sBAGU,KAAK,IAAI;AAAA,0BACL,KAAK,QAAQ;AAAA,+BACR,KAAK,aAAa;AAAA,0BACvB,KAAK,QAAQ;AAAA,+BACR,KAAK,aAAa;AAAA,0BACvB,KAAK,QAAQ;AAAA,wBACf,KAAK,MAAM;AAAA,0BACT,CAAC,CAAC,KAAK,WAAW;AAAA,2BACjB,KAAK,SAAS;AAAA,sBACnBC,EAAU,KAAK,KAAK,CAAC;AAAA,uBACpB,KAAK,gBAAgB;AAAA,iCACX;AAAA,cACnB,KAAK,WACPD;AAAAA;AAAAA,wBAEY,KAAK,OAAO;AAAA;AAAA,0BAEV,KAAK,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,6BAKlB,KAAK,gBAAgB;AAAA,uBAC3B,KAAK,IAA0B;AAAA,2BAC3B,KAAK,SAAS,OAAO,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA,8BAK7B;AAAA;AAAA,YAElB,KAAK,eACPA;AAAAA;AAAAA;AAAAA;AAAAA,sBAIYE,EAAK,mBAAmB,CAAC;AAAA,qBAC1BD,EAAU,KAAK,IAA6B,CAAC;AAAA;AAAA,gBAElD,KAAK,WAAW;AAAA;AAAA,WAErB;AAAA,kBACO;AAAA;AAAA;AAAA;AAAA,UAIR,KAAK,YAAY,KAAK,gBAAiB,CAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKvC,kBAAkBE,GAAc;AAE/B,KADQA,KAAA,gBAAAA,EAAO,QACf,aAAa,QAAQ,MAAM;AAAA,EAAA;AAAA,EAG5B,kBAAkB;AACjB,WAAAH;AAAAA;AAAAA;AAAAA,uBAGYC,EAAU,KAAK,YAAY,CAAC;AAAA,wBAC3BA,EAAU,KAAK,IAA0B,CAAC;AAAA;AAAA,kBAEhD,KAAK,MAAM;AAAA;AAAA;AAAA,yBAGJ,KAAK,iBAAiB;AAAA,UACrC,KAAK,QAAQ;AAAA;AAAA;AAAA,EAAA;AAIvB;AAnIEV,EAAO,UAAU,sBAEjBA,EAAO,eAAe;AAAA,EACpB,qBAAqBa;AAAA,EACrB,kBAAkBC;AAAA,EAClB,sBAAsBC;AAAA,EACtB,eAAeC;AAAA,EACf,qBAAqBC;AAAA,EACrB,mBAAmBC;AACrB,GAEgBlB,EAAA,SAASmB,EAAUC,CAAM;AAZ3C,IAAqBC,IAArBrB;AAc2BsB,EAAA;AAAA,EAAxBC,EAAsB;AAAA,GAdJF,EAcM,WAAA,WAAA;"}

package/dist/components/form/input-group/input-group.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { default as DapDSInputGroup } from './input-group.component.js';
-export * from './input-group.component.js';
+import { default as DapDSInputGroup } from './input-group.component';
+export * from './input-group.component';
 export default DapDSInputGroup;
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/form/input-group/input-group.js ADDED Viewed

@@ -0,0 +1,6 @@
+import p from "./input-group.component.js";
+p.define();
+export {
+  p as default
+};
+//# sourceMappingURL=input-group.js.map

package/dist/components/form/input-group/input-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"input-group.js","sources":["../../../../src/components/form/input-group/input-group.ts"],"sourcesContent":["import DapDSInputGroup from './input-group.component'\n\nexport * from './input-group.component'\nexport default DapDSInputGroup\n\nDapDSInputGroup.define()\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'dap-ds-input-group': DapDSInputGroup\n }\n}\n"],"names":["DapDSInputGroup"],"mappings":";AAKAA,EAAgB,OAAO;"}

package/dist/components/form/input-group/input-group.scss.js ADDED Viewed

@@ -0,0 +1,5 @@
+const o = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:host :focus-visible{outline:none}.input-group{margin:0;padding:0;border-width:0}.input-group__label-container{display:flex;align-items:center;justify-content:space-between}.input-group__legend{display:flex;flex-direction:column;width:100%;margin-bottom:var(--dds-spacing-400)}.input-group__items{display:flex;flex-direction:column;gap:var(--dds-spacing-300)}.input-group__toggle-button dap-ds-icon{display:flex}.input-group__toggle-button:hover dap-ds-icon{color:var(--dds-icon-neutral-base)}.input-group__toggle-button:active dap-ds-icon{color:var(--dds-icon-neutral-strong)}.input-group__toggle-button.disabled dap-ds-icon{color:var(--dds-icon-neutral-disabled)}";
+export {
+  o as default
+};
+//# sourceMappingURL=input-group.scss.js.map

package/dist/components/form/input-group/input-group.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"input-group.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/form/radio-group/radio-group.component.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import { PopupPlacement } from '../../../common/types';
 import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
+import { default as DapDSFeedback } from '../../feedback/feedback.component';
+import { default as DapDSIcon } from '../../icon/icon.component';
+import { default as DapDSIconButton } from '../../icon-button/icon-button.component';
+import { default as DapDSTooltip } from '../../tooltip/tooltip.component';
+import { default as DapDSTypography } from '../../typography/typography.component';
+import { default as DapDSFormLabel } from '../form-label/form-label.component';
 /**
  * `dap-ds-radio-group`
  * @summary A radio group is a form element that allows the user to select one option from a set.
@@ -38,6 +44,15 @@ import { GenericFormElement } from '../../../internal/mixin/genericFormElement';
  * @csspart container - The container of the radio group items.
  */
 export default class DapDSRadioGroup extends GenericFormElement {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-form-label': typeof DapDSFormLabel;
+        'dap-ds-tooltip': typeof DapDSTooltip;
+        'dap-ds-icon-button': typeof DapDSIconButton;
+        'dap-ds-icon': typeof DapDSIcon;
+        'dap-ds-typography': typeof DapDSTypography;
+        'dap-ds-feedback': typeof DapDSFeedback;
+    };
     /** The placement of the tooltip.
      * @type { 'top' | 'right' | 'bottom' | 'left' }
      */