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/datepicker/datepicker.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"datepicker.component.js","sources":["../../../src/components/datepicker/datepicker.component.ts"],"sourcesContent":["import clsx from 'clsx'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { nothing, PropertyValueMap, unsafeCSS } from 'lit'\nimport { property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { html } from 'lit/static-html.js'\n\nimport {\n CommonFormElementSize,\n FloatingStrategy,\n PopupPlacement,\n} from '@/common/types'\nimport { getValidityStateObject } from '@/common/utils'\nimport { GenericFormElement } from '@/internal/mixin/genericFormElement'\nimport { t } from '@/localization/localization'\n\nimport DapDSCalendar from '../calendar/calendar.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 BusinessCalendarLine from '../icons/business/business-calendar-line/business-calendar-line.component'\nimport SystemLoadingSpinner from '../icons/system/system-loading-spinner/system-loading-spinner.component'\nimport DapDSPopup from '../popup/popup.component'\nimport DapDSTooltip from '../tooltip/tooltip.component'\nimport DapDSTypography from '../typography/typography.component'\nimport styles from './datepicker.scss?inline'\n\ninterface MaskToken {\n type: 'digit' | 'separator'\n length?: number\n value?: string\n}\n\n/**\n * `dap-ds-datepicker`\n * @summary A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n * @element dap-ds-datepicker\n * @title - Datepicker\n *\n * @property {Dayjs} value - The value of the datepicker.\n * @property {string} label - The label of the datepicker.\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 datepicker.\n * @property {'xs' | 'sm' | 'sm'} size - The size of the datepicker.\n * @property {boolean} disabled - The disabled state of the datepicker.\n * @property {boolean} required - The required state of the datepicker.\n * @property {boolean} readonly - The readonly state of the datepicker.\n * @property {boolean} autofocus - The autofocus state of the datepicker.\n * @property {string} tooltip - The tooltip of the datepicker.\n * @property {'top' | 'right' | 'bottom' | 'left'} tooltipPlacement - The tooltip placement of the datepicker.\n * @property {string} feedback - The feedback of the datepicker.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The feedback type of the datepicker.\n * @property {boolean} optional - The optional state of the datepicker.\n * @property {string} optionalLabel - The optional label of the datepicker.\n * @property {string} requiredLabel - The required indicator of the datepicker. (default: '*')\n * @property {boolean} subtle - The weight of the label. Default is `false`\n * @property {string} autocomplete - The autocomplete of the datepicker.\n * @property {boolean} autofocus - The autofocus of the datepicker.\n *\n * @event {{ value: string }} dds-change - Fired when the datepicker value changes.\n * @event {{ value: string }} dds-input - Fired when the datepicker input value changes.\n * @event {{ value: string }} dds-valid-date - Fired when the datepicker input value is valid. Happens on manual input typing.\n * @event {{ value: string, type: 'invalid' | 'out-of-range' }} dds-invalid-date - Fired when the datepicker input value is invalid. Happens on manual input typing.\n * @event {{ void }} dds-clear - Fired when the datepicker is cleared.\n * @event {{ void }} dds-focus - Emitted when the datepicker gains focus.\n * @event {{ void }} dds-blur - Emitted when the datepicker loses focus.\n *\n * @csspart base - The main datepicker container.\n * @csspart calendar - The calendar of the datepicker.\n * @csspart trigger - The trigger button of the datepicker.\n * @csspart label - The label of the datepicker.\n * @csspart description - The description of the datepicker.\n * @csspart feedback - The feedback of the datepicker.\n * @csspart tooltip - The tooltip of the datepicker.\n * @csspart input - The input of the datepicker.\n * @csspart clear-button - The clear button of the datepicker.\n * @csspart calendar-grid-cell-base - The base of the calendar grid cell.\n * @csspart calendar-grid-cell - The cell of the calendar grid.\n * @csspart calendar-grid-header-cell-base - The base of the calendar grid header cell.\n * @csspart calendar-grid-header-cell - The header cell of the calendar grid.\n * @csspart calendar-grid-cell-today-mark - The today mark of the calendar grid cell.\n *\n * @cssproperty --dds-combobox-background - The background color of the combobox. (default: var(--dds-fields-background-default))\n * @cssproperty --dds-combobox-border-color - The border color of the combobox. (default: var(--dds-border-neutral-base))\n * @cssproperty --dds-combobox-border-width - The border width of the combobox. (default: var(--dds-border-width-base, 1px))\n * @cssproperty --dds-combobox-border-radius - The border radius of the combobox. (default: var(--dds-radius-base))\n * @cssproperty --dds-combobox-text-color - The text color of the combobox. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-combobox-placeholder-color - The placeholder text color. (default: var(--dds-text-neutral-subtle))\n * @cssproperty --dds-combobox-disabled-background - The background color when disabled. (default: var(--dds-background-neutral-stronger))\n * @cssproperty --dds-combobox-disabled-text - The text color when disabled. (default: var(--dds-text-neutral-disabled))\n * @cssproperty --dds-combobox-error-border - The border color for error state. (default: var(--dds-border-negative-base))\n * @cssproperty --dds-combobox-success-border - The border color for success state. (default: var(--dds-border-positive-base))\n * @cssproperty --dds-combobox-icon-color - The color of the icons. (default: var(--dds-text-icon-neutral-subtle))\n * @cssproperty --dds-combobox-clear-icon-color - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled))\n * @cssproperty --dds-combobox-popup-background - The background color of the popup. (default: var(--dds-background-neutral-subtle))\n * @cssproperty --dds-combobox-popup-shadow - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%))\n * @cssproperty --dds-combobox-padding-xs - The padding for extra small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-sm - The padding for small size. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-padding-lg - The padding for large size. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-horizontal - The horizontal padding. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-padding-vertical - The vertical padding. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-gap - The gap between elements. (default: var(--dds-spacing-100))\n * @cssproperty --dds-combobox-icon-gap - The gap between icons. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-gap - The gap between action elements. (default: var(--dds-spacing-200))\n * @cssproperty --dds-combobox-action-padding - The padding for action elements. (default: var(--dds-spacing-300))\n * @cssproperty --dds-combobox-clear-icon-width - The width of the clear icon. (default: var(--dds-spacing-800))\n * @cssproperty --dds-combobox-dropdown-icon-right - The right position of the dropdown icon. (default: var(--dds-spacing-600))\n * @cssproperty --dds-combobox-min-width - The minimum width of the combobox. (default: 7.5rem)\n */\nexport default class DapDSDatePicker extends GenericFormElement {\n static tagName = 'dap-ds-datepicker'\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-popup': DapDSPopup,\n 'dap-ds-icon-loading-spinner': SystemLoadingSpinner,\n 'dap-ds-icon-calendar-line': BusinessCalendarLine,\n 'dap-ds-calendar': DapDSCalendar,\n 'dap-ds-feedback': DapDSFeedback,\n }\n\n private static nextId = 0\n\n /**\n * Property converter for date properties.\n * Converts string attributes (from React) to Dayjs objects.\n * Allows both attribute binding (strings) and property binding (Dayjs objects).\n *\n * Note: When properties are set directly (bypassing attributes), they are normalized\n * in the `updated` lifecycle method via `normalizeDate`.\n */\n private static datePropertyConverter = {\n fromAttribute: (value: string | null): Dayjs | undefined => {\n if (value === null || value === undefined || value === '') {\n return undefined\n }\n const trimmed = value.trim()\n if (!trimmed) return undefined\n\n // Check if it's a numeric timestamp string\n if (/^\\d+$/.test(trimmed)) {\n const numValue = Number(trimmed)\n // Check if it's seconds (typically 10 digits, less than 10000000000)\n if (numValue > 0 && numValue < 10000000000) {\n return dayjs(numValue * 1000)\n }\n // Check if it's a valid timestamp (milliseconds since epoch)\n if (numValue >= 0 && numValue <= 4102444800000) {\n return dayjs(numValue)\n }\n }\n // Parse as date string (ISO string, date string, etc.)\n return dayjs(value)\n },\n toAttribute: (\n value: Dayjs | string | Date | number | undefined | null,\n ): string | null => {\n if (value === undefined || value === null) {\n return null // null removes the attribute\n }\n // Convert Dayjs to ISO string for attribute\n if (dayjs.isDayjs(value)) {\n return value.toISOString()\n }\n if (value instanceof Date) {\n return value.toISOString()\n }\n if (typeof value === 'string') {\n return value\n }\n if (typeof value === 'number') {\n return String(value)\n }\n return null\n },\n }\n\n private readonly inputId: string\n private readonly labelId: string\n private readonly descriptionId: string\n\n @query('.combobox__input') private readonly triggerInput!: HTMLInputElement\n @query('#calendar') private readonly calendar!: DapDSCalendar\n @query('dap-ds-popup') private readonly popup!: HTMLElement\n\n /** The value of the datepicker (selected date in single mode).\n * @type {Dayjs}\n */\n @property({\n converter: DapDSDatePicker.datePropertyConverter,\n })\n override value?: Dayjs\n\n /** The mode of the datepicker - single date or range selection.\n * @type {'single' | 'range'}\n * @default 'single'\n */\n @property({ reflect: true }) mode: 'single' | 'range' = 'single'\n\n /** The current visible date (month and year) of the calendar. Only the month and year are considered.\n * @type {Dayjs | string | Date}\n * @default dayjs()\n */\n @property({\n converter: DapDSDatePicker.datePropertyConverter,\n })\n currentDate?: Dayjs | string | Date\n\n /** The minimum date (month and year) of the datepicker. Only the month and year are considered.\n * @type {Dayjs | string | Date}\n * @default dayjs('1901-01-01')\n */\n @property({\n converter: DapDSDatePicker.datePropertyConverter,\n })\n minDate?: Dayjs | string | Date\n\n /** The maximum date (month and year) of the datepicker. Only the month and year are considered.\n * @type {Dayjs | string | Date}\n * @default dayjs('2099-12-31')\n */\n @property({\n converter: DapDSDatePicker.datePropertyConverter,\n })\n maxDate?: Dayjs | string | Date\n\n /** The disabled date of the datepicker. This function will be called for each date to determine if it is disabled.\n * @type {(date: Dayjs) => boolean}\n * @default (date: Dayjs) => false\n */\n @property({ attribute: false }) disabledDate = (date: Dayjs) => {\n return !date\n }\n\n /** The start date of the range selection (only used in range mode).\n * @type {Dayjs | string | Date}\n */\n @property({\n converter: DapDSDatePicker.datePropertyConverter,\n })\n rangeStart?: Dayjs | string | Date\n\n /** The end date of the range selection (only used in range mode).\n * @type {Dayjs | string | Date}\n */\n @property({\n converter: DapDSDatePicker.datePropertyConverter,\n })\n rangeEnd?: Dayjs | string | Date\n\n /** The placement of the dropdown of the datepicker.\n * @type {'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-start' | 'bottom' | 'bottom-end' | 'left-start' | 'left' | 'left-end'}\n */\n @property({ reflect: true }) placement: PopupPlacement = 'bottom-start'\n\n /** The open state of the datepicker. */\n @property({ type: Boolean, reflect: true }) opened = false\n\n /** Wheter the calendar should open on typing. */\n @property({ type: Boolean }) openCalendarOnInput = false\n\n /** Wheter the calendar should send an empty event on typing. */\n @property({ type: Boolean }) sendEmptyEventOnInput = false\n\n /** The placeholder of the datepicker. */\n @property() placeholder: string | null\n\n /** The loading state of the datepicker. */\n @property({ type: Boolean }) loading?: boolean = false\n\n /** Whether to enable input masking. When active, only digit characters are accepted and format separators are auto-inserted after each complete digit group. Only works in single mode with a single configured format. */\n @property({ type: Boolean }) mask = false\n\n /** The format of the datepicker. This is a comma separated list of [formats](https://day.js.org/docs/en/display/format). */\n @property({ type: String }) format?: string\n\n /** The format separator character in the format attribute. */\n @property({ type: String }) formatSeparator: string = '|'\n\n /** Whether the clear button should be shown. */\n @property({ type: String }) clearButton?: string = 'true'\n\n /** The aria label of the clear button. */\n @property({ type: String }) clearButtonAriaLabel?: string\n\n /** `data-testid` for the clear button. */\n @property() clearButtonTestId = 'datepicker-clear-button'\n\n /** `data-testid` for the calendar indicator button that opens the calendar. */\n @property() calendarButtonTestId = 'datepicker-calendar-button'\n\n /** The floating strategy of the datepicker. */\n @property({ type: String }) floatingStrategy: FloatingStrategy = 'fixed'\n\n /** Whether to keep popup open when trigger leaves viewport. */\n @property({ type: Boolean }) disableViewportAutoClose: boolean = false\n\n /** The locale of the datepicker. By default it uses the global locale from dayjs. It is determined from the browser language.\n * @type {'hu' | 'en' | 'de'}\n */\n @property({ type: String }) locale: string = dayjs.locale()\n\n /** Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to `false` for single mode and `true` for range mode.\n * @type {boolean}\n */\n @property({ type: Boolean }) hideAdjacentMonths?: boolean\n\n @state() private formatOptions: string[] = []\n @state() private setValueState: boolean = true\n private lastMaskDigitCount = 0\n\n static readonly styles = unsafeCSS(styles)\n\n constructor() {\n super()\n DapDSDatePicker.nextId++\n const uniqueSuffix =\n typeof crypto !== 'undefined' && crypto.randomUUID\n ? crypto.randomUUID().slice(0, 8)\n : Date.now().toString(36)\n this.inputId = `input-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n this.labelId = `label-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n this.descriptionId = `description-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n // Initialize the feedbackId from FeedbackMixin\n this.feedbackId = `feedback-${DapDSDatePicker.nextId}-${uniqueSuffix}`\n }\n\n /**\n * Normalizes a date value to a Dayjs object.\n * Handles Dayjs objects, timestamps (numbers or strings), strings, Date objects, and undefined/null.\n */\n private normalizeDate(\n value: Dayjs | string | Date | number | undefined | null,\n ): Dayjs | undefined {\n if (value === undefined || value === null) {\n return undefined\n }\n\n // If it's already a Dayjs object, return it\n if (dayjs.isDayjs(value)) {\n return value\n }\n\n // If it's a string, check if it's a numeric timestamp string\n if (typeof value === 'string') {\n // Check if the string is purely numeric (timestamp as string)\n const trimmed = value.trim()\n if (/^\\d+$/.test(trimmed)) {\n const numValue = Number(trimmed)\n // Check if it's seconds (typically 10 digits, less than 10000000000)\n // Unix timestamps in seconds are typically 10 digits, milliseconds are 13 digits\n if (numValue > 0 && numValue < 10000000000) {\n return dayjs(numValue * 1000)\n }\n // Check if it's a valid timestamp (milliseconds since epoch)\n // Valid range: between 0 and year 2100 (4102444800000 ms)\n if (numValue >= 0 && numValue <= 4102444800000) {\n return dayjs(numValue)\n }\n }\n // If it's not a numeric string, let dayjs parse it as a date string\n return dayjs(value)\n }\n\n // If it's a number (timestamp), convert it\n if (typeof value === 'number') {\n // Check if it's seconds (typically 10 digits, less than 10000000000)\n // Unix timestamps in seconds are typically 10 digits, milliseconds are 13 digits\n if (value > 0 && value < 10000000000) {\n return dayjs(value * 1000)\n }\n // Check if it's a valid timestamp (milliseconds since epoch)\n // Valid range: between 0 and year 2100 (4102444800000 ms)\n if (value >= 0 && value <= 4102444800000) {\n return dayjs(value)\n }\n }\n\n // For Date objects, dayjs will handle them\n return dayjs(value)\n }\n\n protected firstUpdated(\n _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n ): void {\n super.firstUpdated(_changedProperties)\n\n // Set formatOptions BEFORE using getFormattedValue()\n this.formatOptions = this.format?.split(this.formatSeparator) || []\n\n this.calendar.mode = this.mode\n\n if (this.mode === 'range') {\n if (this.rangeStart) {\n const normalized = this.normalizeDate(this.rangeStart)\n if (normalized) {\n this.calendar.rangeStart = normalized.locale(this.locale)\n }\n }\n if (this.rangeEnd) {\n const normalized = this.normalizeDate(this.rangeEnd)\n if (normalized) {\n this.calendar.rangeEnd = normalized.locale(this.locale)\n }\n }\n } else if (this.value) {\n const normalized = this.normalizeDate(this.value)\n if (normalized) {\n this.calendar.value = normalized.locale(this.locale)\n // Update the internal value to be a Dayjs object\n this.value = normalized\n // Set the input field value if setValueState is enabled\n if (this.setValueState && this.triggerInput) {\n this.triggerInput.value = this.getFormattedValue()\n }\n }\n }\n\n const normalizedCurrentDate = this.normalizeDate(this.currentDate)\n this.calendar.currentDate = normalizedCurrentDate || dayjs()\n\n const normalizedMinDate = this.normalizeDate(this.minDate)\n this.calendar.minDate = normalizedMinDate || dayjs('1901-01-01')\n if (normalizedMinDate) {\n this.minDate = normalizedMinDate\n }\n\n const normalizedMaxDate = this.normalizeDate(this.maxDate)\n this.calendar.maxDate = normalizedMaxDate || dayjs('2099-12-31')\n if (normalizedMaxDate) {\n this.maxDate = normalizedMaxDate\n }\n this.calendar.disabledDate = this.disabledDate\n\n // Only set hideAdjacentMonths if explicitly provided\n if (this.hideAdjacentMonths !== undefined) {\n this.calendar.hideAdjacentMonths = this.hideAdjacentMonths\n }\n }\n\n protected updated(\n _changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n ): void {\n super.updated(_changedProperties)\n\n // Process value changes - check both Lit's change detection AND if value exists but wasn't detected\n // This handles cases where React sets a dayjs object but Lit doesn't detect it as changed\n const valueChanged = _changedProperties.has('value')\n const valueExistsButNotProcessed =\n !valueChanged && this.value && this.mode === 'single' && this.hasUpdated\n\n if (\n (valueChanged || valueExistsButNotProcessed) &&\n this.mode === 'single'\n ) {\n const normalized = this.normalizeDate(this.value)\n if (normalized) {\n // Only update if the normalized value is different from current calendar value to avoid infinite loops\n const currentCalendarValue = this.calendar.value\n if (\n !currentCalendarValue ||\n !normalized.isSame(currentCalendarValue, 'day')\n ) {\n this.calendar.value = normalized.locale(this.locale)\n // Update the internal value to be a Dayjs object\n this.value = normalized\n }\n } else {\n this.calendar.value = undefined\n }\n if (this.setValueState && this.triggerInput) {\n this.triggerInput.value = this.getFormattedValue()\n }\n this.setValidity()\n }\n\n if (_changedProperties.has('rangeStart') && this.mode === 'range') {\n const normalized = this.normalizeDate(this.rangeStart)\n if (normalized) {\n this.calendar.rangeStart = normalized.locale(this.locale)\n this.rangeStart = normalized\n } else {\n this.calendar.rangeStart = undefined\n }\n if (this.setValueState && this.rangeStart && this.rangeEnd) {\n this.triggerInput.value = this.getFormattedValue()\n }\n }\n\n if (_changedProperties.has('rangeEnd') && this.mode === 'range') {\n const normalized = this.normalizeDate(this.rangeEnd)\n if (normalized) {\n this.calendar.rangeEnd = normalized.locale(this.locale)\n this.rangeEnd = normalized\n } else {\n this.calendar.rangeEnd = undefined\n }\n if (this.setValueState && this.rangeStart && this.rangeEnd) {\n this.triggerInput.value = this.getFormattedValue()\n }\n }\n\n if (_changedProperties.has('currentDate')) {\n const normalized = this.normalizeDate(this.currentDate)\n this.calendar.currentDate = normalized || dayjs()\n }\n\n if (_changedProperties.has('minDate')) {\n const normalized = this.normalizeDate(this.minDate)\n this.calendar.minDate = normalized || dayjs('1901-01-01')\n if (normalized) {\n this.minDate = normalized\n }\n }\n\n if (_changedProperties.has('maxDate')) {\n const normalized = this.normalizeDate(this.maxDate)\n this.calendar.maxDate = normalized || dayjs('2099-12-31')\n if (normalized) {\n this.maxDate = normalized\n }\n }\n\n if (_changedProperties.has('disabledDate')) {\n this.calendar.disabledDate = this.disabledDate\n }\n\n if (\n _changedProperties.has('format') ||\n _changedProperties.has('formatSeparator')\n ) {\n this.formatOptions = this.format?.split(this.formatSeparator) || []\n }\n }\n\n getFormattedValue() {\n if (this.mode === 'range') {\n if (!this.rangeStart || !this.rangeEnd) {\n return ''\n }\n const format = this.formatOptions[0] || 'L'\n const startStr = dayjs(this.rangeStart).locale(this.locale).format(format)\n const endStr = dayjs(this.rangeEnd).locale(this.locale).format(format)\n return `${startStr} - ${endStr}`\n }\n\n if (!this.value) {\n return ''\n }\n\n return dayjs(this.value)\n .locale(this.locale)\n .format(this.formatOptions[0] || 'L')\n }\n\n isValidFormat(value: string) {\n if (!this.formatOptions.length) {\n // For the default 'L' format, we need to be more strict to prevent partial dates\n // Get the actual format pattern for the current locale\n const trimmedValue = value.trim()\n\n // Get the actual 'L' format pattern for the current locale\n const localeFormat = dayjs()\n .locale(this.locale)\n .localeData()\n .longDateFormat('L')\n\n // Now validate that the input actually matches the expected format pattern\n // Use the robust string comparison approach: parse and format back to compare\n // The localeFormat already contains the correct format for the current locale\n const parsedDate = dayjs(trimmedValue, localeFormat)\n if (!parsedDate.isValid()) {\n return false\n }\n // Format back and compare - if they differ, the input was incomplete\n // Handle optional trailing separators by normalizing both strings\n const formattedDate = parsedDate.format(localeFormat)\n const normalizedInput = trimmedValue.replace(/[.,\\s]+$/, '') // Remove trailing separators\n const normalizedFormatted = formattedDate.replace(/[.,\\s]+$/, '') // Remove trailing separators\n if (normalizedFormatted !== normalizedInput) {\n return false\n }\n\n return true\n }\n\n return this.formatOptions.some(format => {\n // Use the same robust string comparison approach for custom formats\n // Parse with the custom format and compare the result\n const parsedDate = dayjs(value, format)\n if (!parsedDate.isValid()) {\n return false\n }\n // Format back and compare - if they differ, the input was incomplete\n // Handle optional trailing separators by normalizing both strings\n const formattedDate = parsedDate.format(format)\n const normalizedInput = value.replace(/[.,\\s]+$/, '') // Remove trailing separators\n const normalizedFormatted = formattedDate.replace(/[.,\\s]+$/, '') // Remove trailing separators\n return normalizedFormatted === normalizedInput\n })\n }\n\n isValueValid() {\n if (!this.value) {\n return true\n }\n\n return this.isInputValid()\n }\n\n isInputValid() {\n return this.isValidFormat(this.triggerInput.value)\n }\n\n setValue(\n value?: Dayjs,\n setInputValue: boolean = true,\n sendEmptyEventOnInput: boolean = true,\n ) {\n this.value = value\n\n if (setInputValue) {\n this.setValueState = true\n this.triggerInput.value = this.getFormattedValue()\n } else {\n this.setValueState = false\n }\n\n // Update form value for form participation\n if (this.internals) {\n this.internals.setFormValue(\n this.value ? this.value.toString() : this.defaultValue,\n )\n }\n\n this.setValidity()\n this.hideCalendar()\n\n if (sendEmptyEventOnInput) {\n this.emit('dds-change', { value: this.value })\n this.emit('dds-valid-date', { value: this.triggerInput.value })\n }\n }\n\n async clearSelection() {\n this.lastMaskDigitCount = 0\n this.setValue(undefined, true, true)\n }\n\n private isMaskActive(): boolean {\n return this.mask && this.mode === 'single' && this.formatOptions.length <= 1\n }\n\n private getActiveMaskFormat(): string {\n if (this.formatOptions.length > 0) {\n return this.formatOptions[0]\n }\n return dayjs().locale(this.locale).localeData().longDateFormat('L')\n }\n\n private parseMaskTokens(format: string): MaskToken[] {\n const tokens: MaskToken[] = []\n let i = 0\n while (i < format.length) {\n if (format.startsWith('YYYY', i)) {\n tokens.push({ type: 'digit', length: 4 })\n i += 4\n } else if (format.startsWith('YY', i)) {\n tokens.push({ type: 'digit', length: 2 })\n i += 2\n } else if (format.startsWith('MM', i)) {\n tokens.push({ type: 'digit', length: 2 })\n i += 2\n } else if (format.startsWith('DD', i)) {\n tokens.push({ type: 'digit', length: 2 })\n i += 2\n } else if (format[i] === 'M') {\n tokens.push({ type: 'digit', length: 2 })\n i += 1\n } else if (format[i] === 'D') {\n tokens.push({ type: 'digit', length: 2 })\n i += 1\n } else {\n tokens.push({ type: 'separator', value: format[i] })\n i += 1\n }\n }\n return tokens\n }\n\n private buildMaskedValue(digits: string): string {\n const tokens = this.parseMaskTokens(this.getActiveMaskFormat())\n let result = ''\n let digitIndex = 0\n\n for (const token of tokens) {\n if (token.type === 'separator') {\n if (digitIndex > 0) {\n result += token.value\n }\n } else {\n const available = digits.slice(digitIndex, digitIndex + token.length!)\n result += available\n digitIndex += available.length\n if (available.length < token.length!) {\n break\n }\n }\n }\n\n return result\n }\n\n private readonly handleDocumentMouseDown = (event: MouseEvent) => {\n const path = event.composedPath()\n if (\n this &&\n !path.includes(this) &&\n (!this.popup || !path.includes(this.popup))\n ) {\n this.hideCalendar()\n }\n }\n\n private readonly handlePopupAutoClose = () => {\n this.hideCalendar({ skipFocus: true })\n }\n\n private readonly handleInput = (event: InputEvent) => {\n const input = event.target as HTMLInputElement\n\n if (this.isMaskActive()) {\n let rawDigits = input.value.replace(/\\D/g, '')\n const isDeleting =\n event.inputType === 'deleteContentBackward' ||\n event.inputType === 'deleteContentForward'\n if (isDeleting && rawDigits.length === this.lastMaskDigitCount) {\n rawDigits = rawDigits.slice(0, -1)\n }\n this.lastMaskDigitCount = rawDigits.length\n const masked = this.buildMaskedValue(rawDigits)\n input.value = masked\n input.setSelectionRange(masked.length, masked.length)\n }\n\n if (!input.value) {\n this.setValue(undefined, false, true)\n } else {\n if (this.isInputValid()) {\n const date = dayjs(input.value).locale(this.locale)\n\n // Normalize minDate and maxDate to ensure they're Dayjs objects\n const minDate = this.normalizeDate(this.minDate) || dayjs('1901-01-01')\n const maxDate = this.normalizeDate(this.maxDate) || dayjs('2099-12-31')\n\n if (date.isBefore(minDate, 'day') || date.isAfter(maxDate, 'day')) {\n this.setValue(undefined, false, this.sendEmptyEventOnInput)\n this.emit('dds-invalid-date', {\n value: input.value,\n type: 'out-of-range',\n })\n } else {\n this.setValue(date, false)\n this.currentDate = date\n this.emit('dds-valid-date', { value: input.value })\n }\n } else {\n this.setValue(undefined, false, this.sendEmptyEventOnInput)\n this.emit('dds-invalid-date', { value: input.value, type: 'invalid' })\n }\n }\n\n if (this.openCalendarOnInput && !this.opened) {\n this.showCalendar()\n }\n\n this.emit('dds-input', { value: input.value })\n }\n\n private readonly handleKeyDown = async (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n return\n }\n\n if (\n event.key === 'Enter' ||\n event.key === 'ArrowDown' ||\n event.key === 'ArrowUp'\n ) {\n event.preventDefault()\n event.stopPropagation()\n\n if (!this.opened) {\n this.showCalendar()\n await this.updateComplete\n this.calendar.captureFocus()\n } else {\n this.hideCalendar()\n }\n }\n }\n\n public get focusElement() {\n return this.triggerInput\n }\n\n private readonly handleClick = () => {\n if (!this.opened) {\n this.showCalendar()\n } else {\n this.hideCalendar()\n }\n }\n\n private readonly handleClearClick = () => {\n if (!this.disabled) {\n this.clearSelection()\n\n this.triggerInput.focus()\n this.setValidity()\n\n this.hideCalendar()\n\n this.emit('dds-clear')\n }\n }\n\n async showCalendar() {\n if (this.disabled || this.readonly || this.opened) {\n return\n }\n\n this.opened = true\n\n document.addEventListener('mousedown', this.handleDocumentMouseDown)\n }\n\n async hideCalendar(options?: { skipFocus?: boolean }) {\n if (!this.opened) {\n return\n }\n\n this.opened = false\n\n document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n\n await this.updateComplete\n if (!options?.skipFocus) {\n this.focus()\n }\n }\n\n private readonly handleFocus = () => {\n this.emit('dds-focus')\n }\n\n private readonly handleBlur = () => {\n this.emit('dds-blur')\n }\n\n // custom validation\n getValidity() {\n return !!this.value\n }\n\n get validity(): ValidityState {\n if (this.internals.validity) {\n return this.internals.validity\n } else {\n return getValidityStateObject({\n valueMissing: this.required && !this.getValidity(),\n patternMismatch: !this.isValueValid(),\n })\n }\n }\n\n checkValidity() {\n return this.required && this.getValidity() && this.isValueValid()\n }\n\n reportValidity() {\n return this.required && this.getValidity() && this.isValueValid()\n }\n\n setValidity() {\n if (!this.checkValidity()) {\n this.internals.setValidity(\n {\n valueMissing: this.required && !this.getValidity(),\n patternMismatch: !this.isValueValid(),\n },\n this.validationMessage,\n this.triggerInput,\n )\n } else {\n this.internals.setValidity({})\n }\n }\n\n handleInvalid(event: Event) {\n event.preventDefault()\n }\n\n render() {\n return html` <div class=\"label-container\">\n ${this.label &&\n html`<dap-ds-form-label\n part=\"label\"\n id=${this.labelId}\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 for=${this.inputId}\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 placement=${this.tooltipPlacement}>\n <dap-ds-icon-button\n slot=\"trigger\"\n size=${this.size as 'xs' | 'sm' | 'md' | 'lg'}\n iconSize=${this.size === 'xs' ? '16' : '22'}\n class=\"info-button\"\n clean>\n <dap-ds-icon\n name=\"information-line\"\n aria-label=${this.tooltipAriaLabel}\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=${this.descriptionId}>\n ${this.description}\n </dap-ds-typography>\n `}\n <div>\n <dap-ds-popup\n part=\"base\"\n class=\"select-popup\"\n overflow\n ?opened=${this.opened}\n ?hasArrow=${false}\n placement=${this.placement}\n floatingStrategy=${this.floatingStrategy}\n maxHeight=\"auto\"\n offset=\"4\"\n ?disableViewportAutoClose=${this.disableViewportAutoClose}\n @dds-close=${this.handlePopupAutoClose}>\n <div\n slot=\"trigger\"\n part=\"trigger\"\n class=\"${clsx('select', `select--${this.size}`, {\n 'select--disabled': this.disabled,\n 'select--readonly': this.readonly,\n 'select--opened': this.opened,\n 'select--loading': this.loading,\n 'select--success': this.status === 'success',\n 'select--error': this.status === 'error',\n 'select--no-animation': true,\n })}\">\n <input\n part=\"input\"\n role=\"combobox\"\n class=\"${clsx('combobox__input', 'input', `input--${this.size}`, {\n 'input--disabled': this.disabled,\n 'input--readonly': this.readonly,\n })}\"\n id=${this.inputId}\n value=${this.getFormattedValue()}\n aria-expanded=${this.opened}\n aria-haspopup=\"dialog\"\n aria-labelledby=${ifDefined(this.label ? this.labelId : nothing)}\n aria-describedby=\"${ifDefined(\n this.description ? this.descriptionId : nothing,\n )} ${ifDefined(this.feedback ? this.feedbackId : nothing)}\"\n aria-disabled=${this.disabled}\n aria-controls=\"calendar\"\n aria-autocomplete=\"none\"\n ?required=${this.required}\n ?readonly=${this.readonly}\n ?autofocus=${this.autofocus}\n ?disabled=${this.disabled}\n autocomplete=${this.autocomplete as any}\n placeholder=${ifDefined(this.placeholder ?? '')}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @input=${this.handleInput}\n @keydown=${this.handleKeyDown}\n @invalid=${this.handleInvalid}\n @click=${this.handleClick} />\n <div\n class=\"${clsx('select-action', `select-action--${this.size}`, {\n 'select-action--disabled': this.disabled,\n 'select-action--readonly': this.readonly,\n 'select-action--opened': this.opened,\n })}\">\n ${this.clearButton === 'true' && !this.readonly\n ? html`<div class=\"${clsx('clear-icon')}\">\n <dap-ds-icon-button\n icon=\"close-line\"\n part=\"clear-button\"\n data-testid=${this.clearButtonTestId}\n aria-label=${ifDefined(\n this.clearButtonAriaLabel ??\n t('clear', { lng: this.locale }),\n )}\n ?disabled=${this.disabled}\n @click=${this.handleClearClick}></dap-ds-icon-button>\n </div>`\n : nothing}\n <div\n class=\"${clsx('indicator-icon', {\n 'indicator-icon--loading': this.loading,\n })}\">\n ${this.loading\n ? html`<dap-ds-icon-loading-spinner></dap-ds-icon-loading-spinner>`\n : html`<dap-ds-icon-calendar-line\n aria-hidden=\"true\"\n part=\"calendar-button\"\n data-testid=${this.calendarButtonTestId}\n class=${clsx('calendar-icon')}\n @click=${this.handleClick}></dap-ds-icon-calendar-line>`}\n </div>\n </div>\n </div>\n <dap-ds-calendar\n id=\"calendar\"\n part=\"calendar\"\n exportparts=\"calendar-header-button-prev, calendar-header-button-next, calendar-header-year-select, calendar-header-month-select, calendar-grid-header-cell, calendar-grid-cell, calendar-grid-header-cell-base, calendar-grid-cell-base, calendar-grid-cell-today-mark\"\n locale=${this.locale}\n @dds-close=${this.hideCalendar}\n @dds-change=${(event: CustomEvent) => {\n event.preventDefault()\n event.stopPropagation()\n if (this.mode === 'single') {\n this.setValue(event.detail.value)\n }\n }}\n @dds-range-change=${(event: CustomEvent) => {\n event.preventDefault()\n event.stopPropagation()\n if (this.mode === 'range') {\n this.rangeStart = event.detail.startDate\n this.rangeEnd = event.detail.endDate\n this.triggerInput.value = this.getFormattedValue()\n this.emit('dds-change', {\n startDate: this.rangeStart,\n endDate: this.rangeEnd,\n })\n this.hideCalendar()\n }\n }}>\n </dap-ds-calendar>\n </dap-ds-popup>\n ${this.feedback &&\n html`<dap-ds-feedback\n part=\"feedback\"\n feedbackType=${ifDefined(this.feedbackType)}\n feedbackSize=\"${ifDefined(this.size as 'lg' | 'sm' | 'xs')}\"\n id=\"feedback\">\n ${this.feedback}\n </dap-ds-feedback>`}\n </div>`\n }\n}\n"],"names":["_DapDSDatePicker","_a","GenericFormElement","date","dayjs","event","path","input","rawDigits","masked","minDate","maxDate","__async","uniqueSuffix","value","trimmed","numValue","_changedProperties","normalized","normalizedCurrentDate","normalizedMinDate","normalizedMaxDate","valueChanged","valueExistsButNotProcessed","currentCalendarValue","format","startStr","endStr","trimmedValue","localeFormat","parsedDate","formattedDate","normalizedInput","setInputValue","sendEmptyEventOnInput","tokens","i","digits","result","digitIndex","token","available","options","getValidityStateObject","html","clsx","ifDefined","nothing","_b","t","DapDSFormLabel","DapDSTooltip","DapDSIconButton","DapDSIcon","DapDSTypography","DapDSPopup","SystemLoadingSpinner","BusinessCalendarLine","DapDSCalendar","DapDSFeedback","unsafeCSS","styles","__decorateClass","query","property","state","DapDSDatePicker"],"mappings":"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"}

package/dist/components/datepicker/datepicker.d.ts CHANGED Viewed

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

package/dist/components/datepicker/datepicker.js ADDED Viewed

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

package/dist/components/datepicker/datepicker.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/datepicker/datepicker.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}.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)}:root{--font-family: "Inter", sans-serif}:host{--dds-text-color: var(--dds-text-neutral-base);--dds-text-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-heading-color: var(--dds-text-neutral-strong);--dds-text-heading-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-description-color: var(--dds-text-neutral-subtle);--dds-text-description-color-inverted: var(--dds-text-neutral-on-inverted);--dds-text-font-family: var(--font-family);--dds-text-font-weight-medium: var(--dds-font-weight-medium);--dds-text-font-weight-bold: var(--dds-font-weight-bold);--dds-text-font-size-h1: var(--dds-font-7xl);--dds-text-font-size-h2: var(--dds-font-4xl);--dds-text-font-size-h3: var(--dds-font-2xl);--dds-text-font-size-h4: var(--dds-font-xl);--dds-text-font-size-h5: var(--dds-font-lg);--dds-text-font-size-h6: var(--dds-font-base);--dds-text-font-size-body: var(--dds-font-base);--dds-text-font-size-caption: var(--dds-font-xs);--dds-text-font-size-description: var(--dds-font-base);--dds-text-font-size-description-lg: var(--dds-font-base);--dds-text-font-size-description-sm: var(--dds-font-sm);--dds-text-font-size-lg: var(--dds-font-lg);--dds-text-font-size-md: var(--dds-font-base);--dds-text-font-size-sm: var(--dds-font-sm);--dds-text-font-size-xs: var(--dds-font-xs)}:host([variant=h1]),:host([variant=h2]),:host([variant=h3]),:host([variant=h4]),:host([variant=h5]),:host([variant=h6]){color:var(--dds-text-heading-color)}:host([inverted]) :host([variant=h1]),:host([inverted]) :host([variant=h2]),:host([inverted]) :host([variant=h3]),:host([inverted]) :host([variant=h4]),:host([inverted]) :host([variant=h5]),:host([inverted]) :host([variant=h6]){color:var(--dds-text-heading-color-inverted)}:host([variant=description]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=description]){color:var(--dds-text-description-color-inverted)}:host([variant=body]){color:var(--dds-text-color)}:host([inverted]) :host([variant=body]){color:var(--dds-text-color-inverted)}:host([variant=caption]){color:var(--dds-text-description-color)}:host([inverted]) :host([variant=caption]){color:var(--dds-text-description-color-inverted)}.typography{margin:0;font-family:var(--dds-text-font-family);font-weight:var(--dds-text-font-weight-medium);letter-spacing:0}.heading{font-weight:var(--dds-text-font-weight-bold);line-height:var(--dds-font-line-height-large)}.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.72px}@media (width >= 768px){.typography-h1{font-size:var(--dds-text-font-size-h1);letter-spacing:-.8px;line-height:var(--dds-font-line-height-xlarge)}}.typography-h2{font-size:var(--dds-text-font-size-h2);letter-spacing:-.56px}.typography-h3{font-size:var(--dds-text-font-size-h3);letter-spacing:-.48px}.typography-h4{font-size:var(--dds-text-font-size-h4);letter-spacing:-.4px}.typography-h5{font-size:var(--dds-text-font-size-h5)}.typography-h6{font-size:var(--dds-text-font-size-h6)}.typography-body{font-size:var(--dds-text-font-size-body);line-height:var(--dds-font-line-height-xlarge)}.typography-caption{font-size:var(--dds-text-font-size-caption);line-height:var(--dds-font-line-height-xlarge)}.typography-description{font-size:var(--dds-text-font-size-description);line-height:var(--dds-font-line-height-xlarge)}.typography-description-lg{font-size:var(--dds-text-font-size-description-lg);line-height:var(--dds-font-line-height-xlarge)}.typography-description-sm{font-size:var(--dds-text-font-size-description-sm);line-height:var(--dds-font-line-height-xlarge)}.typography-size-lg{font-size:var(--dds-text-font-size-lg);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-md{font-size:var(--dds-text-font-size-md);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-sm{font-size:var(--dds-text-font-size-sm);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-size-xs{font-size:var(--dds-text-font-size-xs);letter-spacing:0;line-height:var(--dds-font-line-height-xlarge)}.typography-inverted{color:var(--dds-text-color-inverted)}.typography-heading-inverted{color:var(--dds-text-heading-color-inverted)}.typography-description-inverted{color:var(--dds-text-description-color-inverted)}:host{--dds-combobox-background: var(--dds-fields-background-default);--dds-combobox-border-color: var(--dds-border-neutral-base);--dds-combobox-border-width: var(--dds-border-width-base, 1px);--dds-combobox-border-radius: var(--dds-radius-base);--dds-combobox-text-color: var(--dds-text-neutral-base);--dds-combobox-placeholder-color: var(--dds-text-neutral-subtle);--dds-combobox-disabled-background: var(--dds-background-neutral-stronger);--dds-combobox-disabled-text: var(--dds-text-neutral-disabled);--dds-combobox-error-border: var(--dds-border-negative-base);--dds-combobox-success-border: var(--dds-border-positive-base);--dds-combobox-icon-color: var(--dds-text-icon-neutral-base);--dds-combobox-clear-icon-color: var( --dds-button-subtle-icon-neutral-enabled );--dds-combobox-popup-background: var(--dds-background-neutral-subtle);--dds-combobox-popup-shadow: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%);--dds-combobox-loading-spinner-color: var(--dds-icon-neutral-base);--dds-combobox-padding-xs: var(--dds-spacing-200);--dds-combobox-padding-sm: var(--dds-spacing-200);--dds-combobox-padding-lg: var(--dds-spacing-300);--dds-combobox-padding-horizontal: var(--dds-spacing-300);--dds-combobox-padding-vertical: var(--dds-spacing-200);--dds-combobox-gap: var(--dds-spacing-100);--dds-combobox-icon-gap: var(--dds-spacing-200);--dds-combobox-action-gap: var(--dds-spacing-200);--dds-combobox-action-padding: var(--dds-spacing-300);--dds-combobox-clear-icon-width: var(--dds-spacing-800);--dds-combobox-dropdown-icon-right: var(--dds-spacing-600);--dds-combobox-min-width: 7.5rem;--dds-combobox-icon-opened-transform: rotate(180deg);--dds-combobox-chips-gap: var(--dds-spacing-100);--dds-combobox-chips-padding: var(--dds-spacing-100);--dds-combobox-chips-max-height: 120px;--dds-input-height-xs: var(--dds-spacing-800);--dds-input-height-sm: var(--dds-spacing-1000);--dds-input-height-lg: var(--dds-spacing-1200);--dds-input-padding-xs: 0 var(--dds-spacing-200);--dds-input-padding-sm: 0 var(--dds-spacing-300);--dds-input-padding-lg: 0 var(--dds-spacing-400);--dds-input-font-size-xs: var(--dds-font-sm);--dds-input-font-size-sm: var(--dds-font-base);--dds-input-font-size-lg: var(--dds-font-lg);--dds-input-border: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-background: var(--dds-fields-background-default);--dds-input-text-color: var(--dds-text-neutral-base);--dds-input-border-radius: var(--dds-radius-base);--dds-input-disabled-border: 0 solid var(--dds-border-neutral-disabled);--dds-input-disabled-background: var(--dds-fields-background-disabled);--dds-input-disabled-text: var(--dds-text-neutral-disabled);--dds-input-readonly-border: 0 solid var(--dds-border-neutral-subtle);--dds-input-readonly-background: var(--dds-fields-background-read-only);--dds-input-readonly-text: var(--dds-text-neutral-subtle);--dds-input-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-error-border: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-background: var(--dds-fields-background-default);--dds-input-addon-success-background: var(--dds-fields-background-default);--dds-input-addon-error-background: var(--dds-fields-background-default);--dds-input-addon-border-before: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-after: var(--dds-border-width-base) solid var(--dds-border-neutral-base);--dds-input-addon-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-success-border: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-before: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-after: var(--dds-border-width-base) solid var(--dds-border-positive-base);--dds-input-addon-success-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-success-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--dds-input-addon-error-border-before: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-after: var(--dds-border-width-base) solid var(--dds-border-negative-base);--dds-input-addon-error-border-width-before: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base);--dds-input-addon-error-border-width-after: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0;--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)}.select{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;flex-direction:row;align-items:center;width:100%;min-width:var(--dds-combobox-min-width);column-gap:var(--dds-combobox-gap);border:var(--dds-combobox-border-width) solid var(--dds-combobox-border-color);border-radius:var(--dds-combobox-border-radius);background-color:var(--dds-combobox-background)}.select:focus-within{outline-style:solid}.select:active{border-color:var(--dds-border-brand-medium)}.select--disabled{border-color:var(--dds-combobox-disabled-background);background-color:var(--dds-combobox-disabled-background);color:var(--dds-combobox-disabled-text);cursor:not-allowed}.select--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.select--error{border-color:var(--dds-combobox-error-border)}.select--success{border-color:var(--dds-combobox-success-border)}.select--xs{height:var(--dds-spacing-800)}.select--sm{height:var(--dds-spacing-1000)}.select--lg{height:var(--dds-spacing-1200)}.select--lg .icon{position:absolute;right:var(--dds-combobox-dropdown-icon-right);color:var(--dds-text-icon-neutral-subtle);pointer-events:none}.select--multiselect{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:var(--dds-spacing-1000);padding:var(--dds-spacing-100)}.select--multiselect.select--xs{min-height:var(--dds-spacing-800)}.select--multiselect.select--lg{min-height:var(--dds-spacing-1200)}.select--opened:not(.select--no-animation) .indicator-icon{transform:var(--dds-combobox-icon-opened-transform)}.select .indicator-icon{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;align-items:center;color:var(--dds-combobox-icon-color)}.select .indicator-icon--loading{animation:dds-spin 1s linear infinite;fill:var(--dds-combobox-loading-spinner-color);color:var(--dds-combobox-loading-spinner-color)}.select .clear-icon{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;visibility:visible;align-items:center;justify-content:center;min-width:var(--dds-combobox-clear-icon-width);cursor:pointer}.select:has(input:placeholder-shown) .clear-icon{visibility:hidden}.select .clear-icon--hidden{visibility:hidden}.select .clear-icon dap-ds-icon-button::part(icon-base){fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}.combobox__chips{display:flex;flex-wrap:wrap;align-items:center;max-height:var(--dds-combobox-chips-max-height);overflow:hidden auto;gap:var(--dds-combobox-chips-gap)}.input{width:100%;border-width:0;border-radius:var(--dds-combobox-border-radius);background-color:transparent;color:var(--dds-combobox-text-color);line-height:1;text-overflow:ellipsis}.input::placeholder{color:var(--dds-combobox-placeholder-color)}.input--xs{padding:var(--dds-combobox-padding-xs);font-size:var(--dds-font-sm)}.input--sm{padding:var(--dds-combobox-padding-sm)}.input--lg{padding:var(--dds-combobox-padding-lg);font-size:var(--dds-font-lg)}.input--disabled{cursor:not-allowed}.input::-webkit-search-cancel-button{display:none}.input--readonly{border:var(--dds-input-readonly-border);background:var(--dds-input-readonly-background);color:var(--dds-input-readonly-text)}.input--multiselect{flex:1;min-width:120px;padding:var(--dds-spacing-100)}.select-action{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--dds-combobox-action-gap);padding:0 var(--dds-combobox-action-padding);color:var(--dds-combobox-icon-color)}.select-action--disabled{color:var(--dds-icon-neutral-disabled);cursor:not-allowed;pointer-events:none}.select-action--xs{min-width:90px}.select-action--sm{min-width:94px}.select-action--lg{min-width:98px}.select-action--multiselect{align-self:center}.select-popup::part(popup){background-color:var(--dds-combobox-popup-background);box-shadow:var(--dds-combobox-popup-shadow)}.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}.calendar-icon{cursor:pointer}:host([mode=range]) .select-popup::part(floating){min-width:fit-content}';
+export {
+  d as default
+};
+//# sourceMappingURL=datepicker.scss.js.map

package/dist/components/datepicker/datepicker.scss.js.map ADDED Viewed

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

package/dist/components/divider/_styles/divider.scss.js ADDED Viewed

@@ -0,0 +1,5 @@
+const i = ":host{--dds-divider-border-width: var(--dds-border-width-base);--dds-divider-border-style: solid;--dds-divider-border-color: var(--dds-border-neutral-divider);--dds-divider-border-color-inverted: var( --dds-border-neutral-divider-inverted )}:host(:not([vertical])){display:block;width:100%;border:0 solid transparent;border-top:var(--dds-divider-border-width) var(--dds-divider-border-style) var(--dds-divider-border-color)!important}:host([vertical]){display:inline-block;height:100%;border:0 solid transparent;border-left:var(--dds-divider-border-width) var(--dds-divider-border-style) var(--dds-divider-border-color)!important}:host([variant=inverted]:not([vertical])){border-top-color:var(--dds-divider-border-color-inverted)!important}:host([variant=inverted][vertical]){border-left-color:var(--dds-divider-border-color-inverted)!important}:host([vertical].divider-spacing-0){margin:0 var(--dds-spacing-0)!important}:host(:not([vertical]).divider-spacing-0){margin:var(--dds-spacing-0) 0!important}:host([vertical].divider-spacing-100){margin:0 var(--dds-spacing-100)!important}:host(:not([vertical]).divider-spacing-100){margin:var(--dds-spacing-100) 0!important}:host([vertical].divider-spacing-200){margin:0 var(--dds-spacing-200)!important}:host(:not([vertical]).divider-spacing-200){margin:var(--dds-spacing-200) 0!important}:host([vertical].divider-spacing-300){margin:0 var(--dds-spacing-300)!important}:host(:not([vertical]).divider-spacing-300){margin:var(--dds-spacing-300) 0!important}:host([vertical].divider-spacing-400){margin:0 var(--dds-spacing-400)!important}:host(:not([vertical]).divider-spacing-400){margin:var(--dds-spacing-400) 0!important}:host([vertical].divider-spacing-500){margin:0 var(--dds-spacing-500)!important}:host(:not([vertical]).divider-spacing-500){margin:var(--dds-spacing-500) 0!important}:host([vertical].divider-spacing-600){margin:0 var(--dds-spacing-600)!important}:host(:not([vertical]).divider-spacing-600){margin:var(--dds-spacing-600) 0!important}:host([vertical].divider-spacing-700){margin:0 var(--dds-spacing-700)!important}:host(:not([vertical]).divider-spacing-700){margin:var(--dds-spacing-700) 0!important}:host([vertical].divider-spacing-800){margin:0 var(--dds-spacing-800)!important}:host(:not([vertical]).divider-spacing-800){margin:var(--dds-spacing-800) 0!important}:host([vertical].divider-spacing-1200){margin:0 var(--dds-spacing-1200)!important}:host(:not([vertical]).divider-spacing-1200){margin:var(--dds-spacing-1200) 0!important}:host([vertical].divider-spacing-1400){margin:0 var(--dds-spacing-1400)!important}:host(:not([vertical]).divider-spacing-1400){margin:var(--dds-spacing-1400) 0!important}:host([vertical].divider-spacing-1600){margin:0 var(--dds-spacing-1600)!important}:host(:not([vertical]).divider-spacing-1600){margin:var(--dds-spacing-1600) 0!important}:host([vertical].divider-spacing-1800){margin:0 var(--dds-spacing-1800)!important}:host(:not([vertical]).divider-spacing-1800){margin:var(--dds-spacing-1800) 0!important}:host([vertical].divider-spacing-2000){margin:0 var(--dds-spacing-2000)!important}:host(:not([vertical]).divider-spacing-2000){margin:var(--dds-spacing-2000) 0!important}:host([vertical].divider-spacing-2400){margin:0 var(--dds-spacing-2400)!important}:host(:not([vertical]).divider-spacing-2400){margin:var(--dds-spacing-2400) 0!important}:host([vertical].divider-spacing-3000){margin:0 var(--dds-spacing-3000)!important}:host(:not([vertical]).divider-spacing-3000){margin:var(--dds-spacing-3000) 0!important}:host([vertical].divider-spacing-4000){margin:0 var(--dds-spacing-4000)!important}:host(:not([vertical]).divider-spacing-4000){margin:var(--dds-spacing-4000) 0!important}:host([vertical].divider-spacing-5000){margin:0 var(--dds-spacing-5000)!important}:host(:not([vertical]).divider-spacing-5000){margin:var(--dds-spacing-5000) 0!important}:host([vertical].divider-spacing-6000){margin:0 var(--dds-spacing-6000)!important}:host(:not([vertical]).divider-spacing-6000){margin:var(--dds-spacing-6000) 0!important}";
+export {
+  i as default
+};
+//# sourceMappingURL=divider.scss.js.map

package/dist/components/divider/_styles/divider.scss.js.map ADDED Viewed

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

package/dist/components/divider/divider.component.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ import { DdsElement } from '../../internal/dds-hu-element';
  * @cssproperty --dds-divider-border-color-inverted - The color of the divider border when inverted. (default: var(--dds-border-neutral-divider-inverted))
  */
 export default class DapDSDivider extends DdsElement {
+    static tagName: string;
     /** Whether the divider is vertical */
     vertical: boolean;
     /** The spacing of the divider

package/dist/components/divider/divider.component.js ADDED Viewed

@@ -0,0 +1,38 @@
+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 s } from "../../node_modules/@lit/reactive-element/decorators/property.js";
+import { DdsElement as c } from "../../internal/dds-hu-element.js";
+import h from "./_styles/divider.scss.js";
+import { unsafeCSS as m } from "../../node_modules/@lit/reactive-element/css-tag.js";
+var u = Object.defineProperty, a = (o, n, p, d) => {
+  for (var t = void 0, i = o.length - 1, l; i >= 0; i--)
+    (l = o[i]) && (t = l(n, p, t) || t);
+  return t && u(n, p, t), t;
+};
+const e = class e extends c {
+  constructor() {
+    super(...arguments), this.vertical = !1, this.spacing = 0, this.variant = "normal";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "separator"), this.setAttribute(
+      "aria-orientation",
+      this.vertical ? "vertical" : "horizontal"
+    ), this.setAttribute("variant", this.variant), this.setAttribute("aria-hidden", "true"), this.classList.add(`divider-spacing-${this.spacing}`);
+  }
+};
+e.tagName = "dap-ds-divider", e.styles = m(h);
+let r = e;
+a([
+  s({ type: Boolean, reflect: !0 })
+], r.prototype, "vertical");
+a([
+  s({ type: Number })
+], r.prototype, "spacing");
+a([
+  s({ type: String, reflect: !0 })
+], r.prototype, "variant");
+export {
+  r as default
+};
+//# sourceMappingURL=divider.component.js.map

package/dist/components/divider/divider.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"divider.component.js","sources":["../../../src/components/divider/divider.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Spacing } from '@/common/types'\nimport { DdsElement } from '@/internal/dds-hu-element'\n\nimport styles from './_styles/divider.scss?inline'\n\n/**\n * `dap-ds-divider`\n * @summary A divider is a visual separator between elements.\n * @element dap-ds-divider\n * @title - Divider\n *\n * @cssproperty --dds-divider-border-width - The width of the divider border. (default: var(--dds-border-width-base))\n * @cssproperty --dds-divider-border-style - The style of the divider border. (default: solid)\n * @cssproperty --dds-divider-border-color - The color of the divider border. (default: var(--dds-border-neutral-divider))\n * @cssproperty --dds-divider-border-color-inverted - The color of the divider border when inverted. (default: var(--dds-border-neutral-divider-inverted))\n */\nexport default class DapDSDivider extends DdsElement {\n static tagName = 'dap-ds-divider'\n\n /** Whether the divider is vertical */\n @property({ type: Boolean, reflect: true }) vertical = false\n\n /** The spacing of the divider\n * @type { 0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 1000 | 1200 | 1400 | 1600 | 1800 | 2000 | 2400 | 3000 | 4000 | 5000 | 6000 }\n */\n @property({ type: Number }) spacing: Spacing = 0\n\n /** The variant of the divider\n * @type {'normal' | 'inverted'}\n */\n @property({ type: String, reflect: true }) variant: string = 'normal'\n\n static readonly styles = unsafeCSS(styles)\n\n connectedCallback() {\n super.connectedCallback()\n this.setAttribute('role', 'separator')\n this.setAttribute(\n 'aria-orientation',\n this.vertical ? 'vertical' : 'horizontal',\n )\n this.setAttribute('variant', this.variant)\n this.setAttribute('aria-hidden', 'true')\n this.classList.add(`divider-spacing-${this.spacing}`)\n }\n}\n"],"names":["_DapDSDivider","DdsElement","unsafeCSS","styles","DapDSDivider","__decorateClass","property"],"mappings":";;;;;;;;;;;;AAmBA,MAAqBA,IAArB,MAAqBA,UAAqBC,EAAW;AAAA,EAArD,cAAA;AAAA,UAAA,GAAA,SAAA,GAIyD,KAAA,WAAA,IAKR,KAAA,UAAA,GAKc,KAAA,UAAA;AAAA,EAAA;AAAA,EAI7D,oBAAoB;AAClB,UAAM,kBAAkB,GACnB,KAAA,aAAa,QAAQ,WAAW,GAChC,KAAA;AAAA,MACH;AAAA,MACA,KAAK,WAAW,aAAa;AAAA,IAC/B,GACK,KAAA,aAAa,WAAW,KAAK,OAAO,GACpC,KAAA,aAAa,eAAe,MAAM,GACvC,KAAK,UAAU,IAAI,mBAAmB,KAAK,OAAO,EAAE;AAAA,EAAA;AAExD;AA5BED,EAAO,UAAU,kBAeDA,EAAA,SAASE,EAAUC,CAAM;AAhB3C,IAAqBC,IAArBJ;AAI8CK,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAJvBF,EAIyB,WAAA,UAAA;AAKhBC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GATPF,EASS,WAAA,SAAA;AAKeC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAdtBF,EAcwB,WAAA,SAAA;"}

package/dist/components/divider/divider.d.ts CHANGED Viewed

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

package/dist/components/divider/divider.js ADDED Viewed

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

package/dist/components/divider/divider.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/feedback/_styles/feedback.scss.js ADDED Viewed

@@ -0,0 +1,5 @@
+const e = ".feedback{--dds-feedback-spacing: var(--dds-spacing-200);--dds-feedback-color: var(--dds-text-positive-subtle);--dds-feedback-font-size: var(--dds-font-sm);--dds-feedback-font-weight: var(--dds-font-weight-bold);--dds-feedback-icon-fill: var(--dds-icon-positive-subtle);--dds-feedback-icon-spacing: var(--dds-spacing-100);--dds-feedback-color-warning: var(--dds-text-neutral-base);--dds-feedback-color-positive: var(--dds-text-positive-subtle);--dds-feedback-color-negative: var(--dds-text-negative-subtle);--dds-feedback-icon-fill-warning: var(--dds-icon-informative-subtle);--dds-feedback-icon-fill-positive: var(--dds-icon-positive-subtle);--dds-feedback-icon-fill-negative: var(--dds-icon-negative-subtle);display:block;display:flex;align-items:flex-start;margin-top:var(--dds-feedback-spacing);color:var(--dds-feedback-color);font-size:var(--dds-feedback-font-size);font-weight:var(--dds-feedback-font-weight)}.feedback--xs{font-size:var(--dds-font-xs);line-height:1.1}.feedback--sm{font-size:var(--dds-font-sm);line-height:1.2}.feedback--lg{font-size:var(--dds-font-base);line-height:1.3}.feedback--lg .feedback__text{display:inline-flex;position:relative;top:2px}.feedback--no-margin{margin:0}.feedback--warning{color:var(--dds-feedback-color-warning)}.feedback--warning .feedback__icon{fill:var(--dds-feedback-icon-fill-warning)}.feedback--positive{color:var(--dds-feedback-color-positive)}.feedback--positive .feedback__icon{fill:var(--dds-feedback-icon-fill-positive)}.feedback--negative{color:var(--dds-feedback-color-negative)}.feedback--negative .feedback__icon{fill:var(--dds-feedback-icon-fill-negative)}.feedback--subtle{font-weight:var(--dds-font-weight-medium)}.feedback--strong{font-weight:var(--dds-font-weight-bold)}.feedback .feedback__icon{display:flex;position:relative;flex-shrink:0;margin-right:var(--dds-feedback-icon-spacing);fill:var(--dds-feedback-icon-fill)}";
+export {
+  e as default
+};
+//# sourceMappingURL=feedback.scss.js.map

package/dist/components/feedback/_styles/feedback.scss.js.map ADDED Viewed

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

package/dist/components/feedback/feedback.component.d.ts CHANGED Viewed

@@ -40,6 +40,7 @@ declare const DapDSFeedback_base: typeof DdsElement & {
  * @cssproperty --dds-feedback-icon-fill-negative - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle))
  */
 export default class DapDSFeedback extends DapDSFeedback_base {
+    static tagName: string;
     static readonly styles: import('lit').CSSResult;
     render(): unknown;
 }

package/dist/components/feedback/feedback.component.js ADDED Viewed

@@ -0,0 +1,21 @@
+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 { DdsElement as i } from "../../internal/dds-hu-element.js";
+import { FeedbackMixin as s } from "../../internal/mixin/feedbackMixin.js";
+import { SizedMixin as e } from "../../internal/mixin/sizedMixin.js";
+import m from "./_styles/feedback.scss.js";
+import { unsafeCSS as o } from "../../node_modules/@lit/reactive-element/css-tag.js";
+const t = class t extends s(
+  e(i)
+) {
+  render() {
+    return this.renderFeedback();
+  }
+};
+t.tagName = "dap-ds-feedback", t.styles = o(m);
+let r = t;
+export {
+  r as default
+};
+//# sourceMappingURL=feedback.component.js.map

package/dist/components/feedback/feedback.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"feedback.component.js","sources":["../../../src/components/feedback/feedback.component.ts"],"sourcesContent":["import { unsafeCSS } from 'lit'\n\nimport { DdsElement } from '@/internal/dds-hu-element'\nimport { FeedbackMixin } from '@/internal/mixin/feedbackMixin'\nimport { SizedMixin } from '@/internal/mixin/sizedMixin'\n\nimport styles from './_styles/feedback.scss?inline'\n\n/**\n * `dap-ds-feedback`\n * @summary A feedback is a container for feedback messages.\n * @element dap-ds-feedback\n * @title - Feedback\n *\n * @property {string} feedback - The feedback message.\n * @property {'xs' | 'sm' | 'lg'} feedbackSize - The size of the feedback. Default is `sm`.\n * @property {'negative' | 'positive' | 'warning'} feedbackType - The type of the feedback.\n * @property {boolean} feedbackSubtle - The weight of the feedback.\n * @property {boolean} feedbackNoMargin - Removes the margins around the feedback.\n * @property {string} feedbackId - The id of the feedback.\n *\n * @slot icon - The custom icon of the feedback.\n * @slot - The text of the feedback.\n *\n * @csspart base - The main feedback container.\n * @csspart icon - The icon of the feedback.\n * @csspart text - The text of the feedback.\n *\n * @cssproperty --dds-feedback-spacing - The spacing around the feedback component. (default: var(--dds-spacing-200))\n * @cssproperty --dds-feedback-color - The text color of the feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-font-size - The font size of the feedback. (default: var(--dds-font-sm))\n * @cssproperty --dds-feedback-font-weight - The font weight of the feedback. (default: var(--dds-font-weight-bold))\n * @cssproperty --dds-feedback-icon-fill - The fill color of the feedback icon. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-spacing - The spacing between the icon and text. (default: var(--dds-spacing-100))\n * @cssproperty --dds-feedback-color-warning - The text color for warning feedback. (default: var(--dds-text-neutral-base))\n * @cssproperty --dds-feedback-color-positive - The text color for positive feedback. (default: var(--dds-text-positive-subtle))\n * @cssproperty --dds-feedback-color-negative - The text color for negative feedback. (default: var(--dds-text-negative-subtle))\n * @cssproperty --dds-feedback-icon-fill-warning - The icon fill color for warning feedback. (default: var(--dds-icon-informative-subtle))\n * @cssproperty --dds-feedback-icon-fill-positive - The icon fill color for positive feedback. (default: var(--dds-icon-positive-subtle))\n * @cssproperty --dds-feedback-icon-fill-negative - The icon fill color for negative feedback. (default: var(--dds-icon-negative-subtle))\n */\nexport default class DapDSFeedback extends FeedbackMixin(\n SizedMixin(DdsElement),\n) {\n static tagName = 'dap-ds-feedback'\n\n static readonly styles = unsafeCSS(styles)\n\n render() {\n return this.renderFeedback()\n }\n}\n"],"names":["_DapDSFeedback","FeedbackMixin","SizedMixin","DdsElement","unsafeCSS","styles","DapDSFeedback"],"mappings":";;;;;;;;AAyCA,MAAqBA,IAArB,MAAqBA,UAAsBC;AAAA,EACzCC,EAAWC,CAAU;AACvB,EAAE;AAAA,EAKA,SAAS;AACP,WAAO,KAAK,eAAe;AAAA,EAAA;AAE/B;AAPEH,EAAO,UAAU,mBAEDA,EAAA,SAASI,EAAUC,CAAM;AAL3C,IAAqBC,IAArBN;"}

package/dist/components/feedback/feedback.d.ts CHANGED Viewed

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

package/dist/components/feedback/feedback.js ADDED Viewed

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

package/dist/components/feedback/feedback.js.map ADDED Viewed

@@ -0,0 +1 @@

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

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

@@ -1,6 +1,12 @@
 import { TemplateResult } from 'lit';
 import { FeedbackType, FileItemTemplate, LinkTarget } from '../../common/types';
 import { DdsElement } from '../../internal/dds-hu-element';
+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 DapDSLink } from '../link/link.component';
+import { default as DapDSSpinner } from '../spinner/spinner.component';
+import { default as DapDSStack } from '../stack/stack.component';
 export type FileListElement = {
     name: string;
     type: string;
@@ -50,6 +56,15 @@ declare const DapDSFileInputListItem_base: typeof DdsElement & {
  * @cssproperty --dds-file-list-item-feedback-font-size - The font size of the feedback text (default: var(--dds-font-sm))
  */
 export default class DapDSFileInputListItem extends DapDSFileInputListItem_base {
+    static tagName: string;
+    static dependencies: {
+        'dap-ds-icon': typeof DapDSIcon;
+        'dap-ds-stack': typeof DapDSStack;
+        'dap-ds-link': typeof DapDSLink;
+        'dap-ds-spinner': typeof DapDSSpinner;
+        'dap-ds-icon-button': typeof DapDSIconButton;
+        'dap-ds-feedback': typeof DapDSFeedback;
+    };
     /** Disables the file input list item. */
     disabled: boolean;
     /** The name of the file input. */