@beeq/core 1.11.2 → 1.12.0

package/dist/components/bq-date-picker.js.map

@@ -1 +1 @@
-{"version":3,"names":["DATE_PATTERNS","regex","parse","m","months","day","month","toLowerCase","year","_","locale","parseNumericDate","monthNamesCache","Map","getMonthNamesForLocale","cacheKey","JSON","stringify","cachedMonthNames","get","monthMap","shortFormatter","Intl","DateTimeFormat","longFormatter","date","Date","format","set","first","second","localeStr","usesMMDD","some","l","startsWith","isDateValid","getDate","getMonth","getFullYear","createValidDate","undefined","parseDateInput","inputValue","trim","isoDate","Number","isNaN","getTime","isValidISODate","match","exec","dateStr","test","yearStr","monthStr","dayStr","split","DATE_PICKER_TYPE","CALLY_SCRIPT_ATTRIBUTE","CALLY_LIB_VERSION","CALLY_LIB_HASH","isLibraryLoaded","isCallyLibraryLoaded","document","querySelector","loadCallyLibrary","async","loadScript","type","src","attributes","crossOrigin","integrity","error","Error","message","Promise","resolve","reject","script","createElement","onload","onerror","Object","entries","forEach","key","value","setAttribute","head","appendChild","bqDatePickerCss","BqDatePicker","__stencil_proxyCustomElement","HTMLElement","callyElem","inputElem","isInternalUpdate","labelElem","prefixElem","suffixElem","fallbackInputId","LOCALE_DATE","COMMON_EXPORT_PARTS","BUTTON_EXPORT_PARTS","internals","isCallyLoaded","focusedDate","displayDate","hasLabel","hasPrefix","hasRangeEnd","hasSuffix","hasValue","autofocus","clearButtonLabel","disableClear","disabled","distance","firstDayOfWeek","formatOptions","form","formValidationMessage","isDateDisallowed","max","min","monthsPerView","name","open","panelHeight","placeholder","placement","required","skidding","showOutsideDays","strategy","tentative","validationStatus","handleValueChange","newValue","oldValue","formatDisplayValue","this","setFormValue","isNil","updateFormValidity","isDefined","setFocusedDate","checkPropValues","validatePropValue","el","bqBlur","bqChange","bqClear","bqFocus","componentWillLoad","isClient","console","componentDidLoad","handleSlotChange","componentDidRender","formAssociatedCallback","formResetCallback","clear","handleOpenChange","ev","isEventTargetChildOfElement","detail","handleClickOutside","button","emit","handleBlur","handleFocus","formatFocusedDate","nextFocused","toLocaleDateString","clampDateToRange","handleChange","isHTMLElement","target","clearValue","dateValue","handleCalendarChange","shouldStayOpen","focus","handleCalendarRangeStart","handleCalendarRangeEnd","handleClearClick","stopPropagation","hasSlotContent","generateCalendarMonth","offset","className","h","class","exportparts","generateCalendarMonths","Array","from","length","i","dateRegex","dateFormatter","start","end","map","formatRange","dates","join","states","toString","add","setValidity","valueMissing","calendarType","componentTypes","single","multi","range","render","CallyCalendar","labelId","part","htmlFor","ref","id","onSlotchange","slot","spanElem","autoCapitalize","autoComplete","onBlur","onChange","onFocus","readonly","spellcheck","appearance","onBqClick","size","onRangeend","onRangestart","pageBy","elem","role","color","label"],"sources":["../../packages/beeq/src/shared/utils/date.ts","../../packages/beeq/src/components/date-picker/bq-date-picker.types.ts","../../packages/beeq/src/components/date-picker/helper/callyLibrary.ts","../../packages/beeq/src/components/date-picker/scss/bq-date-picker.scss?tag=bq-date-picker&encapsulation=shadow","../../packages/beeq/src/components/date-picker/bq-date-picker.tsx"],"sourcesContent":["/**\n * Date parsing pattern definition\n */\ntype TDatePattern = {\n  regex: RegExp;\n  parse: (\n    match: RegExpExecArray,\n    monthMap: Record<string, number>,\n    locale?: Intl.LocalesArgument,\n  ) => { day: number; month: number; year: number };\n};\n\n/**\n * Static date parsing patterns\n */\nconst DATE_PATTERNS: TDatePattern[] = [\n  {\n    // Matches \"30 May 2024\" or \"30 January 2024\"\n    regex: /^(\\d{1,2})\\s+([a-z]+)\\s+(\\d{4})$/i,\n    parse: (m, months) => ({\n      day: +m[1],\n      month: months[m[2].toLowerCase()],\n      year: +m[3],\n    }),\n  },\n  {\n    // Matches \"05/30/2024\", \"30-05-2024\", \"30.05.2024\", \"05.30.2024\" (with heuristic for day/month)\n    regex: /^(\\d{1,2})[\\s\\-/.](\\d{1,2})[\\s\\-/.](\\d{4})$/,\n    parse: (m, _, locale) => {\n      const { day, month } = parseNumericDate(+m[1], +m[2], locale);\n      return { day, month, year: +m[3] };\n    },\n  },\n  {\n    // Matches \"May 30, 2024\" or \"January 1, 1970\" (with optional comma)\n    regex: /^([a-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/i,\n    parse: (m, months) => ({\n      month: months[m[1].toLowerCase()],\n      day: +m[2],\n      year: +m[3],\n    }),\n  },\n  {\n    // Matches \"2024-05-30\" (ISO format without parsing as Date first)\n    regex: /^(\\d{4})-(\\d{2})-(\\d{2})$/,\n    parse: (m) => ({\n      year: +m[1],\n      month: +m[2] - 1,\n      day: +m[3],\n    }),\n  },\n];\n\nconst monthNamesCache = new Map<string, Record<string, number>>();\n\n/**\n * Gets localized month names for the given locale (both short and long forms)\n * Caches results for performance\n * @param {Intl.LocalesArgument} locale - The locale identifier, e.g., 'en-GB', 'fr-FR', etc.\n * @returns {Record<string, number>} Mapping of month names to month indices\n */\nconst getMonthNamesForLocale = (locale: Intl.LocalesArgument): Record<string, number> => {\n  const cacheKey = typeof locale === 'string' ? locale : JSON.stringify(locale);\n\n  const cachedMonthNames = monthNamesCache.get(cacheKey);\n  if (cachedMonthNames) return cachedMonthNames;\n\n  const monthMap: Record<string, number> = {};\n  const shortFormatter = new Intl.DateTimeFormat(locale, { month: 'short' });\n  const longFormatter = new Intl.DateTimeFormat(locale, { month: 'long' });\n\n  for (let month = 0; month < 12; month++) {\n    const date = new Date(2024, month, 1);\n    monthMap[shortFormatter.format(date).toLowerCase()] = month;\n    monthMap[longFormatter.format(date).toLowerCase()] = month;\n  }\n\n  monthNamesCache.set(cacheKey, monthMap);\n  return monthMap;\n};\n\n/**\n * Parses day-month-year or month-day-year numeric date format\n * Uses heuristic: if any number > 12, treat it as day, otherwise defaults to locale preference\n * @param {number} first - The first numeric part (day or month)\n * @param {number} second - The second numeric part (month or day)\n * @param {Intl.LocalesArgument} locale - The locale for determining format preference\n * @returns {{day: number, month: number}} Object with day and month (0-based)\n */\nconst parseNumericDate = (\n  first: number,\n  second: number,\n  locale: Intl.LocalesArgument = 'en-GB',\n): { day: number; month: number } => {\n  // If first number > 12, it must be the day (DD/MM format)\n  if (first > 12) return { day: first, month: second - 1 };\n\n  // If second number > 12, it must be the day (MM/DD format)\n  if (second > 12) return { day: second, month: first - 1 };\n\n  // Both numbers <= 12: ambiguous case\n  // Use locale to determine format preference\n  const localeStr = typeof locale === 'string' ? locale : locale?.[0] || 'en-GB';\n  const usesMMDD = ['en-US', 'en-CA'].some((l) => localeStr.startsWith(l));\n\n  if (usesMMDD) {\n    // US/Canada format: MM/DD\n    return { day: second, month: first - 1 };\n  }\n\n  // Default to DD/MM (European/most of world format)\n  return { day: first, month: second - 1 };\n};\n\n/**\n * Validates that a date is actually valid (not auto-corrected by Date constructor)\n * @param {number} day - Day of the month\n * @param {number} month - Month (0-based)\n * @param {number} year - Full year\n * @returns {boolean} True if the date is valid\n */\nconst isDateValid = (day: number, month: number, year: number): boolean => {\n  const date = new Date(year, month, day);\n  return date.getDate() === day && date.getMonth() === month && date.getFullYear() === year;\n};\n\n/**\n * Validates and creates a Date object from day, month, and year\n * @param {number} day - Day of the month\n * @param {number} month - Month (0-based)\n * @param {number} year - Full year\n * @returns {Date | null} Valid Date object or null if invalid\n */\nconst createValidDate = (day: number, month: number, year: number): Date | null => {\n  if (month === undefined || !day || !year) return null;\n  if (!isDateValid(day, month, year)) return null;\n\n  return new Date(year, month, day);\n};\n\n/**\n * Parses various date input formats and returns a Date object\n * Supports:\n * - ISO format: \"2024-05-30\"\n * - Text format: \"30 May 2024\", \"May 30, 2024\", \"30 January 2024\", \"January 1, 1970\" (locale-aware)\n * - Numeric formats: \"30/05/2024\", \"05-30-2024\", \"30.05.2024\", \"05.30.2024\" (with heuristic for day/month)\n *\n * @param {string} inputValue - The date string to parse\n * @param {Intl.LocalesArgument} locale - The locale for month name recognition (defaults to 'en-GB')\n * @returns {Date | null} Parsed Date object or null if parsing fails\n */\nexport const parseDateInput = (inputValue: string, locale: Intl.LocalesArgument = 'en-GB'): Date | null => {\n  if (!inputValue?.trim()) return null;\n\n  // Try ISO format first\n  const isoDate = new Date(`${inputValue}T00:00:00`);\n  if (!Number.isNaN(isoDate.getTime()) && isValidISODate(inputValue)) return isoDate;\n\n  const monthMap = getMonthNamesForLocale(locale);\n\n  for (const { regex, parse } of DATE_PATTERNS) {\n    const match = regex.exec(inputValue);\n    if (!match) continue;\n\n    const { day, month, year } = parse(match, monthMap, locale);\n    const date = createValidDate(day, month, year);\n    if (date) return date;\n  }\n\n  return null;\n};\n\n/**\n * Validates if a string is in ISO date format (YYYY-MM-DD) with actual valid date values\n * @param {string} dateStr - The date string to validate\n * @returns {boolean} True if the date string is valid in ISO format and represents an actual valid date\n */\nexport const isValidISODate = (dateStr: string): boolean => {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(dateStr)) return false;\n\n  const [yearStr, monthStr, dayStr] = dateStr.split('-');\n  const year = +yearStr;\n  const month = +monthStr - 1;\n  const day = +dayStr;\n\n  return isDateValid(day, month, year);\n};\n","export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const DATE_PICKER_TYPE = ['single', 'multi', 'range'] as const;\nexport type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];\n\nexport type TCalendarDate = {\n  focusedDate: string;\n  value: string;\n  min?: string;\n  max?: string;\n  months?: number;\n  tentative?: string;\n  pageBy?: 'single' | 'months';\n  firstDayOfWeek?: number;\n  showOutsideDays?: boolean;\n  isDateDisallowed?: (date: Date) => boolean;\n  locale?: string;\n  onChange?: (ev: Event) => void;\n  onRangestart?: (ev: CustomEvent) => void;\n  onRangeend?: (ev: CustomEvent) => void;\n};\n","/* -------------------------------------------------------------------------- */\n/*                         Cally Library loader helper                        */\n/* -------------------------------------------------------------------------- */\n\nconst CALLY_SCRIPT_ATTRIBUTE = 'data-cally-library';\n//❗ Make sure to update the version here when the library releases a new version\nconst CALLY_LIB_VERSION = '0.8.0';\n/**\n * ❗ Make sure to update the hash here if the `CALLY_LIB_VERSION` is updated\n * This hash is used to ensure the integrity of the library when loading it\n * from a CDN.\n * @see https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity\n */\nconst CALLY_LIB_HASH = 'sha384-giuY/f8D3+ehgOTmQMr4HvrreOITDmvXsZuDCJ1csQ+3dURHA24NqRd8lkSI6uGF';\n\nlet isLibraryLoaded = false;\n\n/**\n * Checks if the Cally library is already loaded in the document\n * @returns {boolean} True if the library is loaded\n */\nexport const isCallyLibraryLoaded = (): boolean => {\n  // This might be a bit redundant, but it's a sanity check to ensure the library is actually loaded\n  return isLibraryLoaded || document.querySelector(`script[${CALLY_SCRIPT_ATTRIBUTE}]`) !== null;\n};\n\n/**\n * Loads the Cally library for the date picker component\n * @throws {Error} If the library fails to load\n * @return {Promise<void>}\n */\nexport const loadCallyLibrary = async (): Promise<void> => {\n  if (isCallyLibraryLoaded()) return;\n\n  try {\n    await loadScript({\n      type: 'module',\n      src: `https://unpkg.com/cally@${CALLY_LIB_VERSION}/dist/cally.js`,\n      attributes: {\n        [CALLY_SCRIPT_ATTRIBUTE]: '',\n        crossOrigin: 'anonymous',\n        integrity: CALLY_LIB_HASH,\n      },\n    });\n\n    isLibraryLoaded = true;\n  } catch (error) {\n    isLibraryLoaded = false;\n    throw new Error(`Failed to load the cally library: ${error instanceof Error ? error.message : 'Unknown error'}`);\n  }\n};\n\ninterface ScriptConfig {\n  type: string;\n  src: string;\n  attributes?: Record<string, string>;\n}\n\n/**\n * Helper function to load a script with given configuration\n * @param {Object} config - Script configuration\n * @param {string} config.type - The type of the script\n * @param {string} config.src - The source URL of the script\n * @param {Object} [config.attributes] - Additional attributes to set on the script element\n * @returns {Promise<void>}\n */\nconst loadScript = ({ type, src, attributes = {} }: ScriptConfig): Promise<void> => {\n  return new Promise<void>((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = type;\n    script.src = src;\n\n    script.onload = () => resolve();\n    script.onerror = (error: Event) =>\n      reject(new Error(`Failed to load script: ${src}, ${error instanceof Error ? error.message : 'Unknown error'}`));\n\n    Object.entries(attributes).forEach(([key, value]) => {\n      script.setAttribute(key, value);\n    });\n\n    document.head.appendChild(script);\n  });\n};\n","/* -------------------------------------------------------------------------- */\n/*                        Date picker styles                                  */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-date-picker.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__label {\n  @apply flex flex-grow items-center gap-[--bq-date-picker--gap] m-be-[--bq-date-picker--label-margin-bottom];\n  @apply text-[length:--bq-date-picker--label-text-size] text-[color:--bq-date-picker--label-text-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Date picker input group control                    */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control {\n  @apply flex items-center transition-[border-color,box-shadow] is-full;\n  // Border\n  @apply rounded-[--bq-date-picker--border-radius] border-[length:--bq-date-picker--border-width] border-[color:--bq-date-picker--border-color];\n  // Padding\n  @apply pe-[--bq-date-picker--padding-end] ps-[--bq-date-picker--padding-start] p-b-[--bq-date-picker--paddingY];\n  // Text\n  @apply select-none text-[length:--bq-date-picker--text-size] text-[color:--bq-date-picker--text-color] placeholder:text-[color:--bq-date-picker--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n  border-style: var(--bq-date-picker--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n\n    @apply focus border-[color:--bq-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-date-picker__control--clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-date-picker__control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-date-picker__control.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-date-picker__control.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-date-picker__control.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--input {\n  @apply flex-auto cursor-inherit select-none appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n  @apply border-none min-bs-[--bq-date-picker--icon-size] min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply rounded-xs border-none bs-auto p-b-0 p-i-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--prefix,\n.bq-date-picker__control--suffix {\n  @apply pointer-events-none flex items-center text-[color:--bq-date-picker--text-color];\n}\n\n.bq-date-picker__control--prefix {\n  @apply me-[--bq-date-picker--gap];\n}\n\n.bq-date-picker__control--suffix {\n  @apply ms-[--bq-date-picker--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-date-picker--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Customize Cally date picker                         */\n/* -------------------------------------------------------------------------- */\n\ncalendar-date,\ncalendar-range,\ncalendar-multi {\n  &::part(header) {\n    @apply justify-center gap-s;\n  }\n\n  &::part(heading) {\n    @apply p-b-xs2 p-i-xs;\n  }\n\n  &::part(button) {\n    @apply rounded-s border-0 bg-transparent transition-colors duration-200 p-b-xs2 p-i-xs2;\n    @apply focus-visible:focus hover:bg-hover-ui-primary;\n  }\n\n  &::part(container) {\n    @apply bg-[--bq-date-picker--background-color] p-b-0 p-i-0;\n  }\n}\n\ncalendar-month {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --color-accent: var(--bq-ui--brand);\n\n  &::part(button) {\n    @apply flex items-center justify-center rounded-s bg-transparent font-default text-primary transition-colors duration-200 ease-in-out p-b-0 p-i-0;\n    @apply size-[--bq-date-picker--day-size] focus-visible:focus enabled:hover:bg-hover-secondary disabled:cursor-not-allowed;\n  }\n\n  &::part(button day disallowed) {\n    @apply cursor-not-allowed bg-transparent #{!important};\n  }\n\n  &::part(button day selected) {\n    @apply rounded-s bg-[--bq-date-picker--range-background-color] text-alt enabled:hover:bg-hover-ui-brand;\n  }\n\n  &::part(button day selected range-inner) {\n    @apply rounded-none bg-[--bq-date-picker--range-inner-background-color] text-primary hover:text-alt;\n  }\n\n  &::part(button day outside) {\n    @apply cursor-pointer text-secondary opacity-100;\n  }\n\n  &::part(today) {\n    @apply rounded-s border-[length:--bq-date-picker--currentDate-border-width] border-[color:--bq-date-picker--currentDate-border-color];\n\n    border-style: var(--bq-date-picker--border-style);\n  }\n\n  &::part(today selected) {\n    @apply text-alt;\n  }\n\n  &::part(today selected range-inner) {\n    /* Ensure 'today selected range-inner' keeps the intended color */\n    @apply text-primary;\n  }\n\n  &::part(today range-inner) {\n    @apply rounded-none;\n  }\n\n  &::part(today range-start) {\n    @apply rounded-s rounded-es-none;\n  }\n\n  &::part(today range-end) {\n    @apply rounded-s rounded-ee-none;\n  }\n\n  &::part(range-start) {\n    @apply rounded-ee-none rounded-se-none;\n  }\n\n  &::part(range-end) {\n    @apply rounded-es-none rounded-ss-none;\n  }\n\n  &::part(range-start range-end) {\n    @apply rounded-s;\n  }\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport type { Placement } from '../../services/interfaces';\nimport {\n  hasSlotContent,\n  isClient,\n  isDefined,\n  isEventTargetChildOfElement,\n  isHTMLElement,\n  isNil,\n  parseDateInput,\n  validatePropValue,\n} from '../../shared/utils';\nimport type { TInputValidation } from '../input/bq-input.types';\nimport type { DaysOfWeek, TCalendarDate, TDatePickerType } from './bq-date-picker.types';\nimport { DATE_PICKER_TYPE } from './bq-date-picker.types';\nimport { isCallyLibraryLoaded, loadCallyLibrary } from './helper/callyLibrary';\n\n/**\n * The Date Picker is a intuitive UI element component allows users to select dates from a visual calendar interface, providing an intuitive way to input date information.\n *\n * @example How to use it\n * ```html\n * <bq-date-picker\n *   first-day-of-week=\"1\"\n *   locale=\"en-GB\"\n *   months-per-view=\"single\"\n *   months=\"2\"\n *   name=\"bq-date-picker\"\n *   placeholder=\"Enter your date\"\n *   placement=\"bottom-end\"\n *   show-outside-days=\"false\"\n *   type=\"range\"\n *   validation-status=\"none\"\n *   value=\"2024-05-25\"\n * >\n *   <label class=\"flex flex-grow items-center\" slot=\"label\">\n *     Date picker label\n *   </label>\n * </bq-date-picker>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/5793a9-date-picker\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-dropdown\n * @dependency bq-icon\n *\n * @attr {boolean} autofocus - If `true`, the Date picker input will be focused on component render.\n * @attr {string} clear-button-label - The clear button aria label.\n * @attr {boolean} disable-clear - If `true`, the clear button won't be displayed.\n * @attr {boolean} disabled - Indicates whether the Date picker input is disabled or not.\n * @attr {number} distance - Represents the distance (gutter or margin) between the Date picker panel and the input element.\n * @attr {0 | 1 | 2 | 3 | 4 | 5 | 6} first-day-of-week - The first day of the week, where Sunday is 0, Monday is 1, etc.\n * @attr {Intl.DateTimeFormatOptions} format-options - The options to use when formatting the displayed value. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n * @attr {string} form - The ID of the form that the Date picker input belongs to.\n * @attr {string} form-validation-message - The native form validation message (mandatory if `required` is set).\n * @attr {function} is-date-disallowed - A function that takes a date and returns true if the date should not be selectable.\n * @attr {Intl.LocalesArgument} locale - The locale for formatting dates. If not set, will use the browser's locale. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n * @attr {string} max - The latest date that can be selected.\n * @attr {string} min - The earliest date that can be selected.\n * @attr {number} months - Number of months to show when range is `true`.\n * @attr {string} name - The Date picker input name.\n * @attr {boolean} open - If `true`, the Date picker panel will be visible.\n * @attr {string} panel-height - When set, it will override the height of the Date picker panel.\n * @attr {\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\"} placement - Position of the Date picker panel.\n * @attr {boolean} required - Indicates whether or not the Date picker input is required to be filled out before submitting the form.\n * @attr {number} skidding - Represents the skidding between the Date picker panel and the input element.\n * @attr {boolean} show-outside-days - Whether to show days outside the month.\n * @attr {string} strategy - Defines the strategy to position the Date picker panel.\n * @attr {string} tentative - The date that is tentatively selected, e.g. the start of a range selection.\n * @attr {\"single\" | \"multi\" | \"range\"} type - It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection.\n * @attr {\"error\" | \"none\" | \"success\" | \"warning\"} validation-status - The validation status of the Select input.\n * @attr {string} value - The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n *\n * @method clear - Clears the selected value.\n *\n * @event bqBlur - Callback handler emitted when the input loses focus.\n * @event bqChange - Callback handler emitted when the input value has changed and the input loses focus.\n * @event bqClear - Callback handler emitted when the input value has been cleared.\n * @event bqFocus - Callback handler emitted when the input has received focus.\n *\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part calendar__button - Any button used in the calendar-month component.\n * @part calendar__button - Any button within the calendar-range component.\n * @part calendar__container - The calendar-range container for the entire component.\n * @part calendar__day - The buttons corresponding to each day in the calendar-month grid.\n * @part calendar__disabled - A button that is disabled due to min/max on the calendar-range component.\n * @part calendar__disallowed - Any day that has been disallowed via isDateDisallowed.\n * @part calendar__head - The calendar-month table's header row.\n * @part calendar__header - The calendar-range container for the heading and buttons.\n * @part calendar__heading - The calendar-month heading container that labels the month.\n * @part calendar__heading - The calendar-range heading containing the month and year.\n * @part calendar__next - The next page button on the calendar-range component.\n * @part calendar__outside - Any days which are outside the current month.\n * @part calendar__previous - The previous page button on the calendar-range component.\n * @part calendar__range-end - The day at the end of a date range.\n * @part calendar__range-inner - Any days between the start and end of a date range.\n * @part calendar__range-start - The day at the start of a date range.\n * @part calendar__selected - Any days which are selected.\n * @part calendar__table - The calendar-month <table> element.\n * @part calendar__td - The calendar-month table's body cells.\n * @part calendar__th - The calendar-month table's header cells.\n * @part calendar__today - The Today's day.\n * @part calendar__tr - Any row within the table on the calendar-month component.\n * @part calendar__week - The calendar-month table's body rows.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part input - The native HTML input element used under the hood.\n * @part label - The label slot container.\n * @part panel - The date picker panel container\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n *\n * @cssprop --bq-date-picker--background-color - Date picker background color.\n * @cssprop --bq-date-picker--border-color - Date picker border color.\n * @cssprop --bq-date-picker--border-color-disabled - Date picker border color when disabled.\n * @cssprop --bq-date-picker--border-color-focus - Date picker border color on focus.\n * @cssprop --bq-date-picker--border-radius - Date picker border radius.\n * @cssprop --bq-date-picker--border-style - Date picker border style.\n * @cssprop --bq-date-picker--border-width - Date picker border width.\n * @cssprop --bq-date-picker--currentDate-border-color - Date picker border color for current date.\n * @cssprop --bq-date-picker--currentDate-border-width - Date picker border width for current date.\n * @cssprop --bq-date-picker--day-size - Date picker button day size.\n * @cssprop --bq-date-picker--gap - Gap between Date picker content and prefix/suffix.\n * @cssprop --bq-date-picker--icon-size - Icon size to use in prefix/suffix and clear button.\n * @cssprop --bq-date-picker--label-margin-bottom - Date picker label margin bottom.\n * @cssprop --bq-date-picker--label-text-color - Date picker label text color.\n * @cssprop --bq-date-picker--label-text-size - Date picker label text size.\n * @cssprop --bq-date-picker--padding-end - Date picker padding end.\n * @cssprop --bq-date-picker--padding-start - Date picker padding start.\n * @cssprop --bq-date-picker--paddingY - Date picker padding top and bottom.\n * @cssprop --bq-date-picker--range-background-color - Background color for the selected date range in the date picker.\n * @cssprop --bq-date-picker--range-inner-background-color - Background color for the selected dates inside the date range in the date picker.\n * @cssprop --bq-date-picker--text-color - Date picker text color.\n * @cssprop --bq-date-picker--text-placeholder-color - Date picker placeholder text color.\n * @cssprop --bq-date-picker--text-size - Date picker text size.\n */\n@Component({\n  tag: 'bq-date-picker',\n  styleUrl: './scss/bq-date-picker.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqDatePicker {\n  // Own Properties\n  // ====================\n\n  private callyElem?: TCalendarDate;\n  private inputElem?: HTMLInputElement;\n  private isInternalUpdate = false;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n  private fallbackInputId = 'date-picker';\n  private readonly LOCALE_DATE = 'fr-CA';\n  // Export parts of the calendar-month component\n  private readonly COMMON_EXPORT_PARTS =\n    'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';\n  private readonly BUTTON_EXPORT_PARTS =\n    'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLBqDatePickerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() isCallyLoaded = false;\n  @State() focusedDate: string;\n  @State() displayDate: string;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasRangeEnd = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /** If `true`, the Date picker input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /** If `true`, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /**\n   * Indicates whether the Date picker input is disabled or not.\n   * If `true`, the Date picker is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) distance?: number = 8;\n\n  /** The first day of the week, where Sunday is 0, Monday is 1, etc */\n  @Prop({ reflect: true }) firstDayOfWeek?: DaysOfWeek = 1;\n\n  /** The options to use when formatting the displayed value.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n   */\n  @Prop() formatOptions: Intl.DateTimeFormatOptions = {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  };\n\n  /** The ID of the form that the Date picker input belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** The native form validation message (mandatory if `required` is set) */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /** A function that takes a date and returns true if the date should not be selectable */\n  @Prop({ reflect: true }) isDateDisallowed?: (date: Date) => boolean;\n\n  /** The locale for formatting dates. If not set, will use the browser's locale.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n   */\n  @Prop({ reflect: true }) locale: Intl.LocalesArgument = 'en-GB';\n\n  /** The latest date that can be selected */\n  @Prop({ reflect: true }) max?: string;\n\n  /** The earliest date that can be selected */\n  @Prop({ reflect: true }) min?: string;\n\n  /** Number of months to show when range is `true` */\n  @Prop({ reflect: true }) months: number;\n\n  /**\n   * Specifies how the next/previous buttons should navigate the calendar.\n   * - single: The buttons will navigate by a single month at a time.\n   * - months: The buttons will navigate by the number of months displayed per view.\n   */\n  @Prop({ reflect: true }) monthsPerView: 'single' | 'months' = 'single';\n\n  /** The Date picker input name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, the Date picker panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the Date picker panel. */\n  @Prop({ reflect: true, mutable: true }) panelHeight?: string = 'auto';\n\n  /** The Date picker input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** Position of the Date picker panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-end';\n\n  /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** Represents the skidding between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Whether to show days outside the month */\n  @Prop({ reflect: true }) showOutsideDays: boolean = false;\n\n  /** Defines the strategy to position the Date picker panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  /** The date that is tentatively selected e.g. the start of a range selection  */\n  @Prop({ reflect: true, mutable: true }) tentative?: string;\n\n  /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */\n  @Prop({ reflect: true }) type: TDatePickerType = 'single';\n\n  /**\n   * The validation status of the Select input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the select input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n   * All dates are expected in ISO-8601 format (YYYY-MM-DD). */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange(newValue: string, oldValue: string) {\n    if (newValue === oldValue) return;\n\n    const { formatDisplayValue, internals, isCallyLoaded } = this;\n    if (!isCallyLoaded) return;\n\n    internals.setFormValue(!isNil(newValue) ? `${newValue}` : undefined);\n    this.updateFormValidity();\n\n    this.hasValue = isDefined(newValue);\n    this.displayDate = formatDisplayValue(newValue);\n\n    this.setFocusedDate();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(DATE_PICKER_TYPE, 'single', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string; el: HTMLBqDatePickerElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqDatePickerElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  async componentWillLoad() {\n    if (!isClient() || this.isCallyLoaded) return;\n\n    try {\n      await loadCallyLibrary();\n      this.isCallyLoaded = isCallyLibraryLoaded();\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n    this.handleValueChange(this.value, undefined);\n  }\n\n  componentDidRender() {\n    if (this.isInternalUpdate) {\n      this.isInternalUpdate = false;\n    }\n  }\n\n  formAssociatedCallback() {\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    if (isNil(this.value)) return;\n\n    this.clear();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqOpen', { capture: true })\n  handleOpenChange(ev: CustomEvent<{ open: boolean }>) {\n    if (!isEventTargetChildOfElement(ev, this.el)) return;\n\n    const { open } = ev.detail;\n    if (this.open === open) return;\n\n    this.open = open;\n  }\n\n  @Listen('click', { target: 'body', capture: true })\n  handleClickOutside(ev: MouseEvent) {\n    const { open, type, hasRangeEnd } = this;\n    if (!open || type !== 'range' || ev.button !== 0) return;\n    if (isEventTargetChildOfElement(ev, this.el) || hasRangeEnd) return;\n\n    this.tentative = undefined;\n    this.hasRangeEnd = false;\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Clears the selected value.\n   *\n   * @return {Promise<void>}\n   * @memberof BqInput\n   */\n  @Method()\n  async clear(): Promise<void> {\n    if (this.disabled) return;\n\n    this.value = undefined;\n    this.internals.setFormValue(undefined);\n    this.bqClear.emit(this.el);\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private setFocusedDate = () => {\n    const { callyElem, formatFocusedDate, isCallyLoaded, value } = this;\n    if (!(callyElem && isCallyLoaded)) return;\n\n    const nextFocused = value ? formatFocusedDate(value) : new Date().toLocaleDateString(this.LOCALE_DATE);\n    if (this.focusedDate === nextFocused) return;\n\n    this.focusedDate = nextFocused;\n    if (callyElem.focusedDate !== this.focusedDate) {\n      // We need to set the focused date in the calendar component via a ref\n      // because it doesn't work when passed as a prop (the Cally element does not re-render)\n      callyElem.focusedDate = this.focusedDate;\n    }\n  };\n\n  private clampDateToRange = (dateStr: string): string => {\n    if (this.min && dateStr < this.min) return this.min;\n    if (this.max && dateStr > this.max) return this.max;\n\n    return dateStr;\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled || !isHTMLElement(ev.target, 'input')) return;\n\n    const inputValue = ev.target.value.trim();\n    if (!inputValue) {\n      this.clearValue();\n      this.bqChange.emit({ value: this.value, el: this.el });\n      return;\n    }\n\n    // Try to parse as date with locale awareness\n    const dateValue = parseDateInput(inputValue, this.locale);\n    if (!dateValue) {\n      // Invalid date: don't update component value to avoid side effects\n      this.internals.setFormValue(undefined);\n      this.updateFormValidity();\n      this.bqChange.emit({ value: inputValue, el: this.el });\n      return;\n    }\n\n    // Check if date is disallowed\n    if (this.isDateDisallowed?.(dateValue)) {\n      this.internals.setFormValue(undefined);\n      this.updateFormValidity();\n      this.bqChange.emit({ value: inputValue, el: this.el });\n      return;\n    }\n\n    // Valid date: normalize to ISO format and clamp to range if needed\n    // Note: clamping is done based on string comparison of ISO dates and only when min/max are set\n    let isoDate = dateValue.toLocaleDateString(this.LOCALE_DATE);\n    isoDate = this.clampDateToRange(isoDate);\n\n    this.value = isoDate;\n    this.displayDate = this.formatDisplayValue(isoDate);\n    this.internals.setFormValue(isoDate);\n    this.updateFormValidity();\n    this.bqChange.emit({ value: this.value, el: this.el });\n  };\n\n  private handleCalendarChange = (ev: Event) => {\n    if (this.isInternalUpdate) return;\n\n    const shouldStayOpen = this.type === 'multi';\n    const value = (ev.target as unknown as { value: string }).value;\n\n    if (this.value === value) {\n      this.open = shouldStayOpen;\n      return;\n    }\n\n    this.isInternalUpdate = true;\n\n    this.value = value;\n    this.displayDate = this.formatDisplayValue(value);\n    this.inputElem.value = this.displayDate;\n    this.inputElem.focus();\n\n    this.internals.setFormValue(value);\n    this.bqChange.emit({ value: this.value, el: this.el });\n\n    this.open = shouldStayOpen;\n  };\n\n  private handleCalendarRangeStart = (ev: CustomEvent) => {\n    this.hasRangeEnd = false;\n    this.tentative = ev.detail;\n  };\n\n  private handleCalendarRangeEnd = () => {\n    this.hasRangeEnd = true;\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    if (this.disabled) return;\n\n    this.inputElem.value = '';\n    this.clearValue();\n    this.hasRangeEnd = false;\n\n    this.bqClear.emit(this.el);\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  private clearValue = () => {\n    this.value = undefined;\n    this.displayDate = undefined;\n    this.internals.setFormValue(undefined);\n  };\n\n  private handleSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private generateCalendarMonth = (offset?: number, className = ''): Element | null => {\n    if (!this.isCallyLoaded) return null;\n\n    return (\n      <calendar-month\n        class={className}\n        exportparts={`${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`}\n        offset={offset}\n      />\n    );\n  };\n\n  /**\n   * Generates an array of Elements representing the calendar months.\n   *\n   * If the type of the date picker is 'range' or 'multi' and the number of months is specified,\n   * it generates an array of calendar months with the specified length. Each month will have an offset\n   * and a class name based on its position in the array. The offset is used to determine the month to display,\n   * and the class name is used for responsive design.\n   *\n   * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\n   * it generates an array with a single calendar month.\n   *\n   * @returns {Element[]} An array of elements representing the calendar months.\n   */\n  private generateCalendarMonths = (): Element[] => {\n    if (!this.isCallyLoaded) return [];\n\n    if (this.type === 'range' || (this.type === 'multi' && this.months)) {\n      return Array.from({ length: this.months }, (_, i) => {\n        const offset = i > 0 ? i : undefined;\n        const className = offset ? 'hidden sm:block' : '';\n        return this.generateCalendarMonth(offset, className);\n      });\n    }\n\n    return [this.generateCalendarMonth()];\n  };\n\n  /**\n   * Extracts and returns the first date part from a given string.\n   * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value\n   * should be the focused date in the calendar.\n   *\n   * @param value - The value to be processed, can be a string.\n   * @returns The extracted last date portion of the value.\n   */\n  private formatFocusedDate = (value: string): string | undefined => {\n    if (!value) return undefined;\n\n    const dateRegex = /\\b\\d{4}-\\d{2}-\\d{2}\\b/;\n    const match = dateRegex.exec(value);\n    return match ? match[0] : undefined;\n  };\n\n  private formatDisplayValue = (value: string): string | undefined => {\n    if (!value) return undefined;\n\n    const dateFormatter = new Intl.DateTimeFormat(this.locale, this.formatOptions);\n\n    if (this.type === 'range') {\n      const [start, end] = value.split('/').map((dateStr) => new Date(`${dateStr}T00:00:00`));\n      return dateFormatter.formatRange(start, end);\n    }\n\n    if (this.type === 'multi') {\n      const dates = value.split(' ').map((dateStr) => new Date(`${dateStr}T00:00:00`));\n      return dates.map((date) => dateFormatter.format(date)).join(', ');\n    }\n\n    return dateFormatter.format(new Date(`${value}T00:00:00`));\n  };\n\n  private updateFormValidity = () => {\n    const { formValidationMessage, internals, required, value, inputElem } = this;\n\n    // Clear the validity state\n    internals?.states.clear();\n\n    // Check if value is required but missing\n    if (required && (!value || value.toString().trim() === '')) {\n      // Set validity state to invalid\n      internals?.states.add('invalid');\n      internals?.setValidity(\n        { valueMissing: true },\n        formValidationMessage ?? 'Please, input or select a valid date',\n        inputElem,\n      );\n      return;\n    }\n\n    // Set validity state to valid if the input has value or is not required\n    internals?.states.add('valid');\n    internals?.setValidity({});\n  };\n\n  private get calendarType() {\n    const componentTypes = {\n      single: 'calendar-date',\n      multi: 'calendar-multi',\n      range: 'calendar-range',\n    } as const;\n\n    // Return the corresponding component type, based on the type prop value\n    return componentTypes[this.type] || componentTypes.single;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const CallyCalendar = this.calendarType;\n    const labelId = `bq-date-picker__label-${this.name || this.fallbackInputId}`;\n\n    return (\n      <div class=\"bq-date-picker\" part=\"base\">\n        {/* Label */}\n        <label\n          aria-labelledby={labelId}\n          class={{ 'bq-date-picker__label': true, '!hidden': !this.hasLabel }}\n          htmlFor={this.name || this.fallbackInputId}\n          part=\"label\"\n          ref={(labelElem: HTMLSpanElement) => {\n            this.labelElem = labelElem;\n          }}\n        >\n          <slot id={labelId} name=\"label\" onSlotchange={this.handleSlotChange} />\n        </label>\n        {/* Select date picker dropdown */}\n        <bq-dropdown\n          class=\"bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m\"\n          disabled={this.disabled}\n          distance={this.distance}\n          exportparts=\"panel\"\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          skidding={this.skidding}\n          strategy={this.strategy}\n        >\n          {/* Input control group */}\n          <div\n            class={{\n              'bq-date-picker__control': true,\n              [`validation-${this.validationStatus}`]: true,\n              disabled: this.disabled,\n            }}\n            part=\"control\"\n            slot=\"trigger\"\n          >\n            {/* Prefix */}\n            <span\n              class={{ 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }}\n              part=\"prefix\"\n              ref={(spanElem: HTMLSpanElement) => {\n                this.prefixElem = spanElem;\n              }}\n            >\n              <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n            </span>\n            {/* HTML Input */}\n            <input\n              aria-controls={`${this.name}`}\n              aria-describedby={this.hasLabel ? labelId : null}\n              aria-disabled={this.disabled ? 'true' : 'false'}\n              aria-invalid={this.validationStatus === 'error' ? 'true' : 'false'}\n              aria-haspopup=\"dialog\"\n              autoCapitalize=\"off\"\n              autoComplete=\"off\"\n              class=\"bq-date-picker__control--input\"\n              disabled={this.disabled}\n              form={this.form}\n              id={this.name || this.fallbackInputId}\n              name={this.name}\n              onBlur={this.handleBlur}\n              onChange={this.handleChange}\n              onFocus={this.handleFocus}\n              part=\"input\"\n              placeholder={this.placeholder}\n              readonly={this.type !== 'single'}\n              ref={(inputElem: HTMLInputElement) => {\n                this.inputElem = inputElem;\n              }}\n              required={this.required}\n              spellcheck={false}\n              type=\"text\"\n              value={this.displayDate}\n            />\n            {/* Clear Button */}\n            {this.hasValue && !this.disabled && !this.disableClear && (\n              // The clear button will be visible as long as the input has a value\n              // and the parent group is hovered or has focus-within\n              <bq-button\n                appearance=\"text\"\n                aria-label={this.clearButtonLabel}\n                class=\"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden\"\n                exportparts=\"button\"\n                onBqClick={this.handleClearClick}\n                part=\"clear-btn\"\n                size=\"small\"\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon class=\"flex\" name=\"x-circle\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class=\"bq-date-picker__control--suffix\"\n              part=\"suffix\"\n              ref={(spanElem: HTMLSpanElement) => {\n                this.suffixElem = spanElem;\n              }}\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSlotChange}>\n                <bq-icon class=\"flex\" name=\"calendar-blank\" />\n              </slot>\n            </span>\n          </div>\n          {this.isCallyLoaded && (\n            <CallyCalendar\n              aria-labelledby={labelId}\n              aria-modal=\"true\"\n              exportparts=\"container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading\"\n              firstDayOfWeek={this.firstDayOfWeek}\n              isDateDisallowed={this.isDateDisallowed}\n              locale={this.locale as string}\n              max={this.max}\n              min={this.min}\n              months={this.months}\n              onChange={this.handleCalendarChange}\n              onRangeend={this.handleCalendarRangeEnd}\n              onRangestart={this.handleCalendarRangeStart}\n              pageBy={this.monthsPerView}\n              ref={(elem: TCalendarDate) => {\n                this.callyElem = elem;\n              }}\n              role=\"dialog\"\n              showOutsideDays={this.showOutsideDays}\n              tentative={this.tentative}\n              value={this.value}\n            >\n              <bq-icon color=\"text--primary\" label=\"Previous\" name=\"caret-left\" slot=\"previous\" />\n              <bq-icon color=\"text--primary\" label=\"Next\" name=\"caret-right\" slot=\"next\" />\n\n              <div class=\"flex flex-wrap justify-center gap-[--bq-spacing-m]\">{this.generateCalendarMonths()}</div>\n            </CallyCalendar>\n          )}\n        </bq-dropdown>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["formatterCache","Map","getDateFormatter","locale","options","cacheKey","JSON","stringify","formatter","get","Intl","DateTimeFormat","set","size","firstKey","keys","next","value","delete","formatDisplayValue","type","formatOptions","undefined","dateFormatter","start","end","split","map","dateStr","Date","Number","isNaN","getTime","formatRange","dates","some","d","date","format","join","singleDate","extractFocusedDate","dateRegex","match","exec","clampDateToRange","min","max","ISO_DATE_LOCALE","DATE_PATTERNS","regex","parse","m","months","day","month","toLowerCase","year","_","parseNumericDate","monthNamesCache","getMonthNamesForLocale","cachedMonthNames","monthMap","shortFormatter","longFormatter","first","second","localeStr","usesMMDD","l","startsWith","isDateValid","getDate","getMonth","getFullYear","createValidDate","parseDateInput","inputValue","trim","isoDate","isValidISODate","test","yearStr","monthStr","dayStr","toISODateString","toLocaleDateString","getTodayISO","updateFormValidity","internals","required","inputElem","validationMessage","defaultMessage","states","clear","isDefined","add","setValidity","valueMissing","DATE_PICKER_TYPE","DEFAULT_INPUT_ID","CALENDAR_COMMON_EXPORT_PARTS","CALENDAR_BUTTON_EXPORT_PARTS","CALENDAR_MONTH_EXPORT_PARTS","CALENDAR_CONTAINER_EXPORT_PARTS","CALENDAR_TYPE_MAP","single","multi","range","CALLY_SCRIPT_ATTRIBUTE","CALLY_LIB_VERSION","CALLY_LIB_HASH","isLibraryLoaded","loadingPromise","loadScript","src","attributes","Promise","resolve","reject","script","document","createElement","onload","onerror","error","Error","message","Object","entries","forEach","key","setAttribute","head","appendChild","isCallyLibraryLoaded","querySelector","loadCallyLibrary","crossOrigin","integrity","then","catch","bqDatePickerCss","BqDatePicker","__stencil_proxyCustomElement","HTMLElement","callyElem","isInternalUpdate","labelElem","prefixElem","suffixElem","isCallyLoaded","focusedDate","displayDate","hasLabel","hasPrefix","hasRangeEnd","hasSuffix","hasValue","autofocus","clearButtonLabel","disableClear","disabled","distance","firstDayOfWeek","form","formValidationMessage","isDateDisallowed","monthsPerView","name","open","panelHeight","placeholder","placement","skidding","showOutsideDays","strategy","tentative","validationStatus","handleValueChange","newValue","oldValue","this","setFormValue","isNil","setFocusedDate","checkPropValues","validatePropValue","el","bqBlur","bqChange","bqClear","bqFocus","componentWillLoad","isClient","console","componentDidLoad","handleSlotChange","componentDidRender","formAssociatedCallback","formResetCallback","handleOpenChange","ev","isEventTargetChildOfElement","detail","handleClickOutside","button","emit","handleBlur","handleFocus","nextFocused","handleChange","isHTMLElement","target","clearValue","dateValue","handleCalendarChange","shouldStayOpen","focus","handleCalendarRangeStart","handleCalendarRangeEnd","handleClearClick","stopPropagation","hasSlotContent","generateCalendarMonth","offset","className","_jsx","class","exportparts","generateCalendarMonths","Array","from","length","i","calendarType","render","CallyCalendar","labelId","_jsxs","part","children","htmlFor","ref","id","onSlotchange","slot","spanElem","autoCapitalize","autoComplete","onBlur","onChange","onFocus","readonly","spellcheck","appearance","border","label","onBqClick","onlyIcon","onRangeend","onRangestart","pageBy","elem","role","color"],"sources":["../../packages/beeq/src/shared/utils/date/dateFormatting.ts","../../packages/beeq/src/shared/utils/date/dateParsing.ts","../../packages/beeq/src/shared/utils/form.ts","../../packages/beeq/src/components/date-picker/bq-date-picker.types.ts","../../packages/beeq/src/components/date-picker/helper/constants.ts","../../packages/beeq/src/components/date-picker/libs/callyLibrary.ts","../../packages/beeq/src/components/date-picker/scss/bq-date-picker.scss?tag=bq-date-picker&encapsulation=shadow","../../packages/beeq/src/components/date-picker/bq-date-picker.tsx"],"sourcesContent":["/** Cache for DateTimeFormat instances */\nconst formatterCache = new Map<string, Intl.DateTimeFormat>();\n\n/**\n * Gets or creates a cached DateTimeFormat instance\n * @param locale - The locale for formatting\n * @param options - DateTimeFormat options\n * @returns Cached or new DateTimeFormat instance\n */\nconst getDateFormatter = (locale: Intl.LocalesArgument, options: Intl.DateTimeFormatOptions): Intl.DateTimeFormat => {\n  const cacheKey = `${typeof locale === 'string' ? locale : JSON.stringify(locale)}-${JSON.stringify(options)}`;\n\n  let formatter = formatterCache.get(cacheKey);\n  if (!formatter) {\n    formatter = new Intl.DateTimeFormat(locale, options);\n    formatterCache.set(cacheKey, formatter);\n\n    // Limit cache size to prevent memory leaks in long-running apps\n    if (formatterCache.size > 50) {\n      const firstKey = formatterCache.keys().next().value;\n      formatterCache.delete(firstKey);\n    }\n  }\n\n  return formatter;\n};\n\n/**\n * Formats a date value for display based on the picker type and locale.\n *\n * @param value - The ISO date string(s) to format\n * @param type - The picker type (single, multi, range)\n * @param locale - The locale for formatting\n * @param formatOptions - Intl.DateTimeFormat options\n * @returns Formatted display string or undefined\n */\nconst formatDisplayValue = (\n  value: string,\n  type: 'single' | 'multi' | 'range',\n  locale: Intl.LocalesArgument,\n  formatOptions: Intl.DateTimeFormatOptions,\n): string | undefined => {\n  if (!value) return undefined;\n\n  const dateFormatter = getDateFormatter(locale, formatOptions);\n\n  if (type === 'range') {\n    const [start, end] = value.split('/').map((dateStr) => new Date(`${dateStr}T00:00:00`));\n    if (!start || !end || Number.isNaN(start.getTime()) || Number.isNaN(end.getTime())) return undefined;\n\n    return dateFormatter.formatRange(start, end);\n  }\n\n  if (type === 'multi') {\n    const dates = value.split(' ').map((dateStr) => new Date(`${dateStr}T00:00:00`));\n    if (dates.some((d) => Number.isNaN(d.getTime()))) return undefined;\n\n    return dates.map((date) => dateFormatter.format(date)).join(', ');\n  }\n\n  const singleDate = new Date(`${value}T00:00:00`);\n  return Number.isNaN(singleDate.getTime()) ? undefined : dateFormatter.format(singleDate);\n};\n\n/**\n * Extracts and returns the first date part from a given string. Handles single, multi, and range picker types.\n * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value\n * should be the focused date in the calendar.\n *\n * @param value - The date value string\n * @returns The first ISO date string or undefined\n */\nconst extractFocusedDate = (value: string): string | undefined => {\n  if (!value) return undefined;\n\n  const dateRegex = /\\b\\d{4}-\\d{2}-\\d{2}\\b/;\n  const match = dateRegex.exec(value);\n  return match ? match[0] : undefined;\n};\n\n/**\n * Clamps a date string to a min/max range.\n *\n * @param dateStr - The ISO date string to clamp\n * @param min - Optional minimum date\n * @param max - Optional maximum date\n * @returns The clamped date string\n */\nconst clampDateToRange = (dateStr: string, min?: string, max?: string): string => {\n  if (min && dateStr < min) return min;\n  if (max && dateStr > max) return max;\n  return dateStr;\n};\n\nexport { formatDisplayValue, extractFocusedDate, clampDateToRange };\n","/** Date parsing pattern definition */\ntype TDatePattern = {\n  regex: RegExp;\n  parse: (\n    match: RegExpExecArray,\n    monthMap: Record<string, number>,\n    locale?: Intl.LocalesArgument,\n  ) => { day: number; month: number; year: number };\n};\n\n/** French Canadian locale used for ISO date formatting (YYYY-MM-DD) */\nconst ISO_DATE_LOCALE = 'fr-CA';\n\n/**\n * Static date parsing patterns\n */\nconst DATE_PATTERNS: TDatePattern[] = [\n  {\n    // Matches \"30 May 2024\" or \"30 January 2024\"\n    regex: /^(\\d{1,2})\\s+([a-z]+)\\s+(\\d{4})$/i,\n    parse: (m, months) => ({\n      day: +m[1],\n      month: months[m[2].toLowerCase()],\n      year: +m[3],\n    }),\n  },\n  {\n    // Matches \"05/30/2024\", \"30-05-2024\", \"30.05.2024\", \"05.30.2024\" (with heuristic for day/month)\n    regex: /^(\\d{1,2})[\\s\\-/.](\\d{1,2})[\\s\\-/.](\\d{4})$/,\n    parse: (m, _, locale) => {\n      const { day, month } = parseNumericDate(+m[1], +m[2], locale);\n      return { day, month, year: +m[3] };\n    },\n  },\n  {\n    // Matches \"May 30, 2024\" or \"January 1, 1970\" (with optional comma)\n    regex: /^([a-z]+)\\s+(\\d{1,2}),?\\s+(\\d{4})$/i,\n    parse: (m, months) => ({\n      month: months[m[1].toLowerCase()],\n      day: +m[2],\n      year: +m[3],\n    }),\n  },\n  {\n    // Matches \"2024-05-30\" (ISO format without parsing as Date first)\n    regex: /^(\\d{4})-(\\d{2})-(\\d{2})$/,\n    parse: (m) => ({\n      year: +m[1],\n      month: +m[2] - 1,\n      day: +m[3],\n    }),\n  },\n];\n\nconst monthNamesCache = new Map<string, Record<string, number>>();\n\n/**\n * Gets localized month names for the given locale (both short and long forms)\n * Caches results for performance\n * @param {Intl.LocalesArgument} locale - The locale identifier, e.g., 'en-GB', 'fr-FR', etc.\n * @returns {Record<string, number>} Mapping of month names to month indices\n */\nconst getMonthNamesForLocale = (locale: Intl.LocalesArgument): Record<string, number> => {\n  const cacheKey = typeof locale === 'string' ? locale : JSON.stringify(locale);\n\n  const cachedMonthNames = monthNamesCache.get(cacheKey);\n  if (cachedMonthNames) return cachedMonthNames;\n\n  const monthMap: Record<string, number> = {};\n  const shortFormatter = new Intl.DateTimeFormat(locale, { month: 'short' });\n  const longFormatter = new Intl.DateTimeFormat(locale, { month: 'long' });\n\n  for (let month = 0; month < 12; month++) {\n    const date = new Date(2024, month, 1);\n    monthMap[shortFormatter.format(date).toLowerCase()] = month;\n    monthMap[longFormatter.format(date).toLowerCase()] = month;\n  }\n\n  monthNamesCache.set(cacheKey, monthMap);\n  return monthMap;\n};\n\n/**\n * Parses day-month-year or month-day-year numeric date format\n * Uses heuristic: if any number > 12, treat it as day, otherwise defaults to locale preference\n * @param {number} first - The first numeric part (day or month)\n * @param {number} second - The second numeric part (month or day)\n * @param {Intl.LocalesArgument} locale - The locale for determining format preference\n * @returns {{day: number, month: number}} Object with day and month (0-based)\n */\nconst parseNumericDate = (\n  first: number,\n  second: number,\n  locale: Intl.LocalesArgument = 'en-GB',\n): { day: number; month: number } => {\n  // If first number > 12, it must be the day (DD/MM format)\n  if (first > 12) return { day: first, month: second - 1 };\n\n  // If second number > 12, it must be the day (MM/DD format)\n  if (second > 12) return { day: second, month: first - 1 };\n\n  // Both numbers <= 12: ambiguous case\n  // Use locale to determine format preference\n  const localeStr = typeof locale === 'string' ? locale : locale?.[0] || 'en-GB';\n  const usesMMDD = ['en-US', 'en-CA'].some((l) => localeStr.startsWith(l));\n\n  if (usesMMDD) {\n    // US/Canada format: MM/DD\n    return { day: second, month: first - 1 };\n  }\n\n  // Default to DD/MM (European/most of world format)\n  return { day: first, month: second - 1 };\n};\n\n/**\n * Validates that a date is actually valid (not auto-corrected by Date constructor)\n * @param {number} day - Day of the month\n * @param {number} month - Month (0-based)\n * @param {number} year - Full year\n * @returns {boolean} True if the date is valid\n */\nconst isDateValid = (day: number, month: number, year: number): boolean => {\n  const date = new Date(year, month, day);\n  return date.getDate() === day && date.getMonth() === month && date.getFullYear() === year;\n};\n\n/**\n * Validates and creates a Date object from day, month, and year\n * @param {number} day - Day of the month\n * @param {number} month - Month (0-based)\n * @param {number} year - Full year\n * @returns {Date | null} Valid Date object or null if invalid\n */\nconst createValidDate = (day: number, month: number, year: number): Date | null => {\n  if (month === undefined || !day || !year) return null;\n  if (!isDateValid(day, month, year)) return null;\n\n  return new Date(year, month, day);\n};\n\n/**\n * Parses various date input formats and returns a Date object\n * Supports:\n * - ISO format: \"2024-05-30\"\n * - Text format: \"30 May 2024\", \"May 30, 2024\", \"30 January 2024\", \"January 1, 1970\" (locale-aware)\n * - Numeric formats: \"30/05/2024\", \"05-30-2024\", \"30.05.2024\", \"05.30.2024\" (with heuristic for day/month)\n *\n * @param {string} inputValue - The date string to parse\n * @param {Intl.LocalesArgument} locale - The locale for month name recognition (defaults to 'en-GB')\n * @returns {Date | null} Parsed Date object or null if parsing fails\n */\nconst parseDateInput = (inputValue: string, locale: Intl.LocalesArgument = 'en-GB'): Date | null => {\n  if (!inputValue?.trim()) return null;\n\n  // Try ISO format first\n  const isoDate = new Date(`${inputValue}T00:00:00`);\n  if (!Number.isNaN(isoDate.getTime()) && isValidISODate(inputValue)) return isoDate;\n\n  const monthMap = getMonthNamesForLocale(locale);\n\n  for (const { regex, parse } of DATE_PATTERNS) {\n    const match = regex.exec(inputValue);\n    if (!match) continue;\n\n    const { day, month, year } = parse(match, monthMap, locale);\n    const date = createValidDate(day, month, year);\n    if (date) return date;\n  }\n\n  return null;\n};\n\n/**\n * Validates if a string is in ISO date format (YYYY-MM-DD) with actual valid date values\n * @param {string} dateStr - The date string to validate\n * @returns {boolean} True if the date string is valid in ISO format and represents an actual valid date\n */\nconst isValidISODate = (dateStr: string): boolean => {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(dateStr)) return false;\n\n  const [yearStr, monthStr, dayStr] = dateStr.split('-');\n  const year = +yearStr;\n  const month = +monthStr - 1;\n  const day = +dayStr;\n\n  return isDateValid(day, month, year);\n};\n\n/**\n * Converts a Date object to ISO format string (YYYY-MM-DD).\n * @param date - The date to convert\n * @returns ISO formatted date string\n */\nconst toISODateString = (date: Date): string => {\n  return date.toLocaleDateString(ISO_DATE_LOCALE);\n};\n\n/**\n * Gets today's date in ISO format.\n * @returns Today's date as YYYY-MM-DD string\n */\nconst getTodayISO = (): string => {\n  return new Date().toLocaleDateString(ISO_DATE_LOCALE);\n};\n\nexport { parseDateInput, isValidISODate, toISODateString, getTodayISO, ISO_DATE_LOCALE };\n","import { isDefined } from './isDefined';\n\ntype FormValidityOptions = {\n  /** The ElementInternals instance */\n  internals?: ElementInternals;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Current field value */\n  value?: string | string[] | number;\n  /** Reference to the input element */\n  inputElem?: HTMLInputElement | HTMLTextAreaElement;\n  /** Custom validation message */\n  validationMessage?: string;\n  /** Default validation message */\n  defaultMessage?: string;\n};\n\n/**\n * Updates form validity state for form-associated custom elements.\n * Handles the required field validation and sets appropriate validity states.\n *\n * @param {FormValidityOptions} options - Validation options\n * @param options.internals - The ElementInternals instance\n * @param {boolean} options.required - Whether the field is required\n * @param {string | string[] | number} options.value - The current field value\n * @param {HTMLInputElement | HTMLTextAreaElement} options.inputElem - The input element\n * @param {string} options.validationMessage - The custom validation message\n * @param {string} options.defaultMessage - The default validation message\n */\nconst updateFormValidity = ({\n  internals,\n  required,\n  value,\n  inputElem,\n  validationMessage,\n  defaultMessage = 'Please fill out this field',\n}: FormValidityOptions): void => {\n  if (!internals) return;\n\n  // Clear the validity state\n  internals.states.clear();\n\n  // Check if value is required but missing\n  if (required && !isDefined(value)) {\n    // Set validity state to invalid\n    internals.states.add('invalid');\n    internals.setValidity({ valueMissing: true }, validationMessage ?? defaultMessage, inputElem);\n    return;\n  }\n\n  // Set validity state to valid if the input has value or is not required\n  internals.states.add('valid');\n  internals.setValidity({});\n};\n\nexport { updateFormValidity, type FormValidityOptions };\n","/** The first day of the week, where Sunday is 0, Monday is 1, etc. */\nexport type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\n/** The type of the date picker */\nexport const DATE_PICKER_TYPE = ['single', 'multi', 'range'] as const;\n/** The type of the date picker */\nexport type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];\n\nexport type TCalendarDate = {\n  /** The first day of the week */\n  firstDayOfWeek?: number;\n  /** The focused date */\n  focusedDate: string;\n  /** The locale */\n  locale?: string;\n  /** The maximum date */\n  max?: string;\n  /** The minimum date */\n  min?: string;\n  /** The number of months to show */\n  months?: number;\n  /** How to navigate through the calendar, by single month or by the number of months */\n  pageBy?: 'single' | 'months';\n  /** Whether to show days outside the current month */\n  showOutsideDays?: boolean;\n  /** The tentative selected date, e.g. the start of a date range */\n  tentative?: string;\n  /** The selected date, in ISO-8601 format (YYYY-MM-DD) */\n  value: string;\n  /**\n   * Focuses the <calendar-month> containing the currently focused date.\n   * `option.target` controls which part of the component gets focused.\n   */\n  focus: ({ target }: { target: 'previous' | 'next' | 'day' }) => void;\n  /** Checks if the date is not allowed to be selected */\n  isDateDisallowed?: (date: Date) => boolean;\n  /** Handles the change event, when the user selects a date or a date range */\n  onChange?: (ev: Event) => void;\n  /** Handles the focus date event. E.g. when the user navigates back/forward in the calendar */\n  onFocusDate?: (ev: CustomEvent) => void;\n  /** Handles the date range start event. E.g. when the user starts selecting a date range */\n  onRangestart?: (ev: CustomEvent) => void;\n  /** Handles the date range end event. E.g. when the user finishes selecting a date range */\n  onRangeend?: (ev: CustomEvent) => void;\n};\n","import { ISO_DATE_LOCALE } from '../../../shared/utils/date';\n\n/** Default fallback input ID */\nconst DEFAULT_INPUT_ID = 'date-picker';\n\n/** Calendar month shadow DOM parts for common elements */\nconst CALENDAR_COMMON_EXPORT_PARTS =\n  'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';\n\n/** Calendar month shadow DOM parts for button elements */\nconst CALENDAR_BUTTON_EXPORT_PARTS =\n  'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';\n\n/** Combined export parts for calendar-month component */\nconst CALENDAR_MONTH_EXPORT_PARTS = `${CALENDAR_COMMON_EXPORT_PARTS},${CALENDAR_BUTTON_EXPORT_PARTS}`;\n\n/** Export parts for the calendar container component (calendar-date, calendar-range, calendar-multi) */\nconst CALENDAR_CONTAINER_EXPORT_PARTS =\n  'container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading';\n\n/** Maps picker type to Cally component tag name */\nconst CALENDAR_TYPE_MAP = {\n  single: 'calendar-date',\n  multi: 'calendar-multi',\n  range: 'calendar-range',\n} as const;\n\nexport {\n  CALENDAR_BUTTON_EXPORT_PARTS,\n  CALENDAR_COMMON_EXPORT_PARTS,\n  CALENDAR_CONTAINER_EXPORT_PARTS,\n  CALENDAR_MONTH_EXPORT_PARTS,\n  CALENDAR_TYPE_MAP,\n  DEFAULT_INPUT_ID,\n  ISO_DATE_LOCALE,\n};\n","/* -------------------------------------------------------------------------- */\n/*                         Cally Library loader helper                        */\n/* -------------------------------------------------------------------------- */\n\nconst CALLY_SCRIPT_ATTRIBUTE = 'data-cally-library';\n//❗ Make sure to update the version here when the library releases a new version\nconst CALLY_LIB_VERSION = '0.9.0';\n/**\n * ❗ Make sure to update the hash here if the `CALLY_LIB_VERSION` is updated\n * This hash is used to ensure the integrity of the library when loading it\n * from a CDN.\n * @see https://developer.mozilla.org/en-US/docs/Web/Security/Defenses/Subresource_Integrity#tools_for_generating_sri_hashes\n */\nconst CALLY_LIB_HASH = 'sha384-pM/XA9cWLgX65JRL+wCO7uw2DIwVqcK1WlITykq2OZYbP5vuMspYj0K29Ka6UyFU';\n\nlet isLibraryLoaded = false;\nlet loadingPromise: Promise<void> | null = null;\n\ntype ScriptConfig = {\n  type: string;\n  src: string;\n  attributes?: Record<string, string>;\n};\n\n/**\n * Helper function to load a script with given configuration\n * @param {Object} config - Script configuration\n * @param {string} config.type - The type of the script\n * @param {string} config.src - The source URL of the script\n * @param {Record<string, string>} [config.attributes] - Additional attributes to set on the script element\n * @returns Promise that resolves when the script is loaded\n * @throws {Error} If the script fails to load\n */\nconst loadScript = ({ type, src, attributes = {} }: ScriptConfig): Promise<void> => {\n  return new Promise<void>((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = type;\n    script.src = src;\n\n    script.onload = () => resolve();\n    script.onerror = (error: Event) =>\n      reject(new Error(`Failed to load script: ${src}, ${error instanceof Error ? error.message : 'Unknown error'}`));\n\n    Object.entries(attributes).forEach(([key, value]) => {\n      script.setAttribute(key, value);\n    });\n\n    document.head.appendChild(script);\n  });\n};\n\n/**\n * Checks if the Cally library is already loaded in the document\n * @returns {boolean} True if the library is loaded\n */\nconst isCallyLibraryLoaded = (): boolean => {\n  // This might be a bit redundant, but it's a sanity check to ensure the library is actually loaded\n  return isLibraryLoaded || document.querySelector(`script[${CALLY_SCRIPT_ATTRIBUTE}]`) !== null;\n};\n\n/**\n * Loads the Cally library for the date picker component.\n * Uses a singleton promise pattern to prevent race conditions when multiple\n * date picker components attempt to load the library simultaneously.\n *\n * @throws {Error} If the library fails to load\n * @return {Promise<void>}\n */\nconst loadCallyLibrary = (): Promise<void> => {\n  // Already loaded, return immediately\n  if (isLibraryLoaded) return Promise.resolve();\n\n  // If a load is already in progress, wait for it to complete\n  if (loadingPromise !== null) return loadingPromise;\n\n  // Check if script already exists in DOM (e.g., from a previous session or external source)\n  if (document.querySelector(`script[${CALLY_SCRIPT_ATTRIBUTE}]`) !== null) {\n    isLibraryLoaded = true;\n    return Promise.resolve();\n  }\n\n  // Start loading and store the promise so concurrent calls can await it\n  loadingPromise = loadScript({\n    type: 'module',\n    src: `https://unpkg.com/cally@${CALLY_LIB_VERSION}/dist/cally.js`,\n    attributes: {\n      [CALLY_SCRIPT_ATTRIBUTE]: '',\n      crossOrigin: 'anonymous',\n      integrity: CALLY_LIB_HASH,\n    },\n  })\n    .then(() => {\n      isLibraryLoaded = true;\n    })\n    .catch((error) => {\n      // Reset the promise so future attempts can retry\n      loadingPromise = null;\n      isLibraryLoaded = false;\n      throw new Error(`Failed to load the cally library: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    });\n\n  return loadingPromise;\n};\n\nexport { loadCallyLibrary, isCallyLibraryLoaded };\n","/* -------------------------------------------------------------------------- */\n/*                        Date picker styles                                  */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-date-picker.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__label {\n  @apply flex flex-grow items-center gap-[--bq-date-picker--gap] m-be-[--bq-date-picker--label-margin-bottom];\n  @apply text-[length:--bq-date-picker--label-text-size] text-[color:--bq-date-picker--label-text-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Date picker input group control                    */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control {\n  @apply flex items-center transition-[border-color,box-shadow] is-full;\n  // Border\n  @apply rounded-[--bq-date-picker--border-radius] border-[length:--bq-date-picker--border-width] border-[color:--bq-date-picker--border-color];\n  // Padding\n  @apply pe-[--bq-date-picker--padding-end] ps-[--bq-date-picker--padding-start] p-b-[--bq-date-picker--paddingY];\n  // Text\n  @apply select-none text-[length:--bq-date-picker--text-size] text-[color:--bq-date-picker--text-color] placeholder:text-[color:--bq-date-picker--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n  border-style: var(--bq-date-picker--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n\n    @apply focus border-[color:--bq-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-date-picker__control--clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-date-picker__control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-date-picker__control.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-date-picker__control.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-date-picker__control.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--input {\n  @apply flex-auto cursor-inherit select-none appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n  @apply border-none min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--prefix,\n.bq-date-picker__control--suffix {\n  @apply pointer-events-none flex items-center text-[color:--bq-date-picker--text-color];\n}\n\n.bq-date-picker__control--prefix {\n  @apply me-[--bq-date-picker--gap];\n}\n\n.bq-date-picker__control--suffix {\n  @apply ms-[--bq-date-picker--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Customize Cally date picker                         */\n/* -------------------------------------------------------------------------- */\n\ncalendar-date,\ncalendar-range,\ncalendar-multi {\n  &::part(header) {\n    @apply justify-center gap-s;\n  }\n\n  &::part(heading) {\n    @apply p-b-xs2 p-i-xs;\n  }\n\n  &::part(button) {\n    @apply rounded-s border-0 bg-transparent transition-colors duration-200 p-b-xs2 p-i-xs2;\n    @apply focus-visible:focus hover:bg-hover-ui-primary;\n  }\n\n  &::part(container) {\n    @apply bg-[--bq-date-picker--background-color] p-b-0 p-i-0;\n  }\n}\n\ncalendar-month {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --color-accent: var(--bq-ui--brand);\n\n  &::part(button) {\n    @apply flex items-center justify-center rounded-s bg-transparent font-default text-primary transition-colors duration-200 ease-in-out p-b-0 p-i-0;\n    @apply size-[--bq-date-picker--day-size] focus-visible:focus enabled:hover:bg-hover-secondary disabled:cursor-not-allowed;\n  }\n\n  &::part(button day disallowed) {\n    @apply cursor-not-allowed bg-transparent #{!important};\n  }\n\n  &::part(button day selected) {\n    @apply rounded-s bg-[--bq-date-picker--range-background-color] text-alt enabled:hover:bg-hover-ui-brand;\n  }\n\n  &::part(button day selected range-inner) {\n    @apply rounded-none bg-[--bq-date-picker--range-inner-background-color] text-primary hover:text-alt;\n  }\n\n  &::part(button day outside) {\n    @apply cursor-pointer text-secondary opacity-100;\n  }\n\n  &::part(today) {\n    @apply rounded-s border-[length:--bq-date-picker--currentDate-border-width] border-[color:--bq-date-picker--currentDate-border-color];\n\n    border-style: var(--bq-date-picker--border-style);\n  }\n\n  &::part(today selected) {\n    @apply text-alt;\n  }\n\n  &::part(today selected range-inner) {\n    /* Ensure 'today selected range-inner' keeps the intended color */\n    @apply text-primary;\n  }\n\n  &::part(today range-inner) {\n    @apply rounded-none;\n  }\n\n  &::part(today range-start) {\n    @apply rounded-s rounded-es-none;\n  }\n\n  &::part(today range-end) {\n    @apply rounded-s rounded-ee-none;\n  }\n\n  &::part(range-start) {\n    @apply rounded-ee-none rounded-se-none;\n  }\n\n  &::part(range-end) {\n    @apply rounded-es-none rounded-ss-none;\n  }\n\n  &::part(range-start range-end) {\n    @apply rounded-s;\n  }\n\n  &::part(table) {\n    @apply border-spacing-0 text-[length:_inherit];\n  }\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { AttachInternals, Component, Element, Event, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { JSX } from '@stencil/core/internal';\n\nimport type { Placement } from '../../services/interfaces';\nimport {\n  clampDateToRange,\n  extractFocusedDate,\n  formatDisplayValue,\n  getTodayISO,\n  hasSlotContent,\n  isClient,\n  isDefined,\n  isEventTargetChildOfElement,\n  isHTMLElement,\n  isNil,\n  parseDateInput,\n  toISODateString,\n  updateFormValidity,\n  validatePropValue,\n} from '../../shared/utils';\nimport type { TInputValidation } from '../input/bq-input.types';\nimport type { DaysOfWeek, TCalendarDate, TDatePickerType } from './bq-date-picker.types';\nimport { DATE_PICKER_TYPE } from './bq-date-picker.types';\nimport {\n  CALENDAR_CONTAINER_EXPORT_PARTS,\n  CALENDAR_MONTH_EXPORT_PARTS,\n  CALENDAR_TYPE_MAP,\n  DEFAULT_INPUT_ID,\n} from './helper/constants';\nimport { isCallyLibraryLoaded, loadCallyLibrary } from './libs/callyLibrary';\n\n/**\n * The Date Picker is a intuitive UI element component allows users to select dates from a visual calendar interface, providing an intuitive way to input date information.\n *\n * @example How to use it\n * ```html\n * <bq-date-picker\n *   first-day-of-week=\"1\"\n *   locale=\"en-GB\"\n *   months-per-view=\"single\"\n *   months=\"2\"\n *   name=\"bq-date-picker\"\n *   placeholder=\"Enter your date\"\n *   placement=\"bottom-end\"\n *   show-outside-days=\"false\"\n *   type=\"range\"\n *   validation-status=\"none\"\n *   value=\"2024-05-25\"\n * >\n *   <label class=\"flex flex-grow items-center\" slot=\"label\">\n *     Date picker label\n *   </label>\n * </bq-date-picker>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/5793a9-date-picker\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-dropdown\n * @dependency bq-icon\n *\n * @attr {boolean} autofocus - If `true`, the Date picker input will be focused on component render.\n * @attr {string} clear-button-label - The clear button aria label.\n * @attr {boolean} disable-clear - If `true`, the clear button won't be displayed.\n * @attr {boolean} disabled - Indicates whether the Date picker input is disabled or not.\n * @attr {number} distance - Represents the distance (gutter or margin) between the Date picker panel and the input element.\n * @attr {0 | 1 | 2 | 3 | 4 | 5 | 6} first-day-of-week - The first day of the week, where Sunday is 0, Monday is 1, etc.\n * @attr {Intl.DateTimeFormatOptions} format-options - The options to use when formatting the displayed value. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n * @attr {string} form - The ID of the form that the Date picker input belongs to.\n * @attr {string} form-validation-message - The native form validation message (mandatory if `required` is set).\n * @attr {function} is-date-disallowed - A function that takes a date and returns true if the date should not be selectable.\n * @attr {Intl.LocalesArgument} locale - The locale for formatting dates. If not set, will use the browser's locale. Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n * @attr {string} max - The latest date that can be selected.\n * @attr {string} min - The earliest date that can be selected.\n * @attr {number} months - Number of months to show when range is `true`.\n * @attr {string} name - The Date picker input name.\n * @attr {boolean} open - If `true`, the Date picker panel will be visible.\n * @attr {string} panel-height - When set, it will override the height of the Date picker panel.\n * @attr {\"top\" | \"right\" | \"bottom\" | \"left\" | \"top-start\" | \"top-end\" | \"right-start\" | \"right-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\"} placement - Position of the Date picker panel.\n * @attr {boolean} required - Indicates whether or not the Date picker input is required to be filled out before submitting the form.\n * @attr {number} skidding - Represents the skidding between the Date picker panel and the input element.\n * @attr {boolean} show-outside-days - Whether to show days outside the month.\n * @attr {string} strategy - Defines the strategy to position the Date picker panel.\n * @attr {string} tentative - The date that is tentatively selected, e.g. the start of a range selection.\n * @attr {\"single\" | \"multi\" | \"range\"} type - It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection.\n * @attr {\"error\" | \"none\" | \"success\" | \"warning\"} validation-status - The validation status of the Select input.\n * @attr {string} value - The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n *\n * @method clear - Clears the selected value.\n *\n * @event bqBlur - Callback handler emitted when the input loses focus.\n * @event bqChange - Callback handler emitted when the input value has changed and the input loses focus.\n * @event bqClear - Callback handler emitted when the input value has been cleared.\n * @event bqFocus - Callback handler emitted when the input has received focus.\n *\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part calendar__button - Any button used in the calendar-month component.\n * @part calendar__button - Any button within the calendar-range component.\n * @part calendar__container - The calendar-range container for the entire component.\n * @part calendar__day - The buttons corresponding to each day in the calendar-month grid.\n * @part calendar__disabled - A button that is disabled due to min/max on the calendar-range component.\n * @part calendar__disallowed - Any day that has been disallowed via isDateDisallowed.\n * @part calendar__head - The calendar-month table's header row.\n * @part calendar__header - The calendar-range container for the heading and buttons.\n * @part calendar__heading - The calendar-month heading container that labels the month.\n * @part calendar__heading - The calendar-range heading containing the month and year.\n * @part calendar__next - The next page button on the calendar-range component.\n * @part calendar__outside - Any days which are outside the current month.\n * @part calendar__previous - The previous page button on the calendar-range component.\n * @part calendar__range-end - The day at the end of a date range.\n * @part calendar__range-inner - Any days between the start and end of a date range.\n * @part calendar__range-start - The day at the start of a date range.\n * @part calendar__selected - Any days which are selected.\n * @part calendar__table - The calendar-month <table> element.\n * @part calendar__td - The calendar-month table's body cells.\n * @part calendar__th - The calendar-month table's header cells.\n * @part calendar__today - The Today's day.\n * @part calendar__tr - Any row within the table on the calendar-month component.\n * @part calendar__week - The calendar-month table's body rows.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part input - The native HTML input element used under the hood.\n * @part label - The label slot container.\n * @part panel - The date picker panel container\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n *\n * @cssprop --bq-date-picker--background-color - Date picker background color.\n * @cssprop --bq-date-picker--border-color - Date picker border color.\n * @cssprop --bq-date-picker--border-color-disabled - Date picker border color when disabled.\n * @cssprop --bq-date-picker--border-color-focus - Date picker border color on focus.\n * @cssprop --bq-date-picker--border-radius - Date picker border radius.\n * @cssprop --bq-date-picker--border-style - Date picker border style.\n * @cssprop --bq-date-picker--border-width - Date picker border width.\n * @cssprop --bq-date-picker--currentDate-border-color - Date picker border color for current date.\n * @cssprop --bq-date-picker--currentDate-border-width - Date picker border width for current date.\n * @cssprop --bq-date-picker--day-size - Date picker button day size.\n * @cssprop --bq-date-picker--gap - Gap between Date picker content and prefix/suffix.\n * @cssprop --bq-date-picker--icon-size - Icon size to use in prefix/suffix and clear button.\n * @cssprop --bq-date-picker--label-margin-bottom - Date picker label margin bottom.\n * @cssprop --bq-date-picker--label-text-color - Date picker label text color.\n * @cssprop --bq-date-picker--label-text-size - Date picker label text size.\n * @cssprop --bq-date-picker--padding-end - Date picker padding end.\n * @cssprop --bq-date-picker--padding-start - Date picker padding start.\n * @cssprop --bq-date-picker--paddingY - Date picker padding top and bottom.\n * @cssprop --bq-date-picker--range-background-color - Background color for the selected date range in the date picker.\n * @cssprop --bq-date-picker--range-inner-background-color - Background color for the selected dates inside the date range in the date picker.\n * @cssprop --bq-date-picker--text-color - Date picker text color.\n * @cssprop --bq-date-picker--text-placeholder-color - Date picker placeholder text color.\n * @cssprop --bq-date-picker--text-size - Date picker text size.\n */\n@Component({\n  tag: 'bq-date-picker',\n  styleUrl: './scss/bq-date-picker.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqDatePicker {\n  // Own Properties\n  // ====================\n\n  private callyElem?: TCalendarDate;\n  private inputElem?: HTMLInputElement;\n  private isInternalUpdate = false;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @AttachInternals() internals: ElementInternals;\n  @Element() el!: HTMLBqDatePickerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() isCallyLoaded = false;\n  @State() focusedDate: string;\n  @State() displayDate: string;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasRangeEnd = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /** If `true`, the Date picker input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /** If `true`, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /**\n   * Indicates whether the Date picker input is disabled or not.\n   * If `true`, the Date picker is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) distance?: number = 8;\n\n  /** The first day of the week, where Sunday is 0, Monday is 1, etc */\n  @Prop({ reflect: true }) firstDayOfWeek?: DaysOfWeek = 1;\n\n  /** The options to use when formatting the displayed value.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n   */\n  @Prop() formatOptions: Intl.DateTimeFormatOptions = {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  };\n\n  /** The ID of the form that the Date picker input belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** The native form validation message (mandatory if `required` is set) */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /** A function that takes a date and returns true if the date should not be selectable */\n  @Prop({ reflect: true }) isDateDisallowed?: (date: Date) => boolean;\n\n  /** The locale for formatting dates. If not set, will use the browser's locale.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n   */\n  @Prop({ reflect: true }) locale: Intl.LocalesArgument = 'en-GB';\n\n  /** The latest date that can be selected */\n  @Prop({ reflect: true }) max?: string;\n\n  /** The earliest date that can be selected */\n  @Prop({ reflect: true }) min?: string;\n\n  /** Number of months to show when range is `true` */\n  @Prop({ reflect: true }) months: number;\n\n  /**\n   * Specifies how the next/previous buttons should navigate the calendar.\n   * - single: The buttons will navigate by a single month at a time.\n   * - months: The buttons will navigate by the number of months displayed per view.\n   */\n  @Prop({ reflect: true }) monthsPerView: 'single' | 'months' = 'single';\n\n  /** The Date picker input name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, the Date picker panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the Date picker panel. */\n  @Prop({ reflect: true, mutable: true }) panelHeight?: string = 'auto';\n\n  /** The Date picker input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** Position of the Date picker panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-end';\n\n  /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** Represents the skidding between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Whether to show days outside the month */\n  @Prop({ reflect: true }) showOutsideDays: boolean = false;\n\n  /** Defines the strategy to position the Date picker panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  /** The date that is tentatively selected e.g. the start of a range selection  */\n  @Prop({ reflect: true, mutable: true }) tentative?: string;\n\n  /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */\n  @Prop({ reflect: true }) type: TDatePickerType = 'single';\n\n  /**\n   * The validation status of the Select input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the select input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n   * All dates are expected in ISO-8601 format (YYYY-MM-DD). */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange(newValue: string, oldValue: string) {\n    if (newValue === oldValue) return;\n\n    const { formatOptions, internals, isCallyLoaded, locale, type } = this;\n    if (!isCallyLoaded) return;\n\n    internals.setFormValue(!isNil(newValue) ? `${newValue}` : undefined);\n    this.updateFormValidity();\n\n    this.hasValue = isDefined(newValue);\n    this.displayDate = formatDisplayValue(newValue, type, locale, formatOptions);\n\n    this.setFocusedDate();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(DATE_PICKER_TYPE, 'single', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string; el: HTMLBqDatePickerElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqDatePickerElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  async componentWillLoad() {\n    if (!isClient() || this.isCallyLoaded) return;\n\n    try {\n      await loadCallyLibrary();\n      this.isCallyLoaded = isCallyLibraryLoaded();\n    } catch (error) {\n      console.error(error);\n    }\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n    this.handleValueChange(this.value, undefined);\n  }\n\n  componentDidRender() {\n    if (this.isInternalUpdate) {\n      this.isInternalUpdate = false;\n    }\n  }\n\n  formAssociatedCallback() {\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    if (isNil(this.value)) return;\n\n    this.clear();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqOpen', { capture: true })\n  handleOpenChange(ev: CustomEvent<{ open: boolean }>) {\n    if (!isEventTargetChildOfElement(ev, this.el)) return;\n\n    const { open } = ev.detail;\n    if (this.open === open) return;\n\n    this.open = open;\n  }\n\n  @Listen('click', { target: 'body', capture: true })\n  handleClickOutside(ev: MouseEvent) {\n    const { open, type, hasRangeEnd } = this;\n    if (!open || type !== 'range' || ev.button !== 0) return;\n    if (isEventTargetChildOfElement(ev, this.el) || hasRangeEnd) return;\n\n    this.tentative = undefined;\n    this.hasRangeEnd = false;\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Clears the selected value.\n   * @returns {Promise<void>}\n   */\n  @Method()\n  async clear(): Promise<void> {\n    if (this.disabled) return;\n\n    this.value = undefined;\n    this.internals.setFormValue(undefined);\n    this.bqClear.emit(this.el);\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  /**\n   * Handles the blur event for the date picker input.\n   * @returns {void}\n   */\n  private handleBlur = (): void => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  /**\n   * Handles the focus event for the date picker input.\n   * @returns {void}\n   */\n  private handleFocus = (): void => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  /**\n   * Updates the focused date in the calendar component.\n   * Falls back to today's date if no value is set.\n   * @returns {void}\n   */\n  private setFocusedDate = (): void => {\n    const { callyElem, isCallyLoaded, value } = this;\n    if (!callyElem || !isCallyLoaded) return;\n\n    const nextFocused = value ? extractFocusedDate(value) : getTodayISO();\n    if (this.focusedDate === nextFocused) return;\n\n    this.focusedDate = nextFocused;\n    if (callyElem.focusedDate !== this.focusedDate) {\n      // We need to set the focused date in the calendar component via a ref\n      // because it doesn't work when passed as a prop (the Cally element does not re-render)\n      callyElem.focusedDate = this.focusedDate;\n    }\n  };\n\n  /**\n   * Handles user input changes with locale-aware date parsing.\n   * Validates against disallowed dates and min/max constraints.\n   * @param {Event} ev - The change event.\n   * @returns {void}\n   */\n  private handleChange = (ev: Event): void => {\n    if (this.disabled || !isHTMLElement(ev.target, 'input')) return;\n\n    const inputValue = ev.target.value.trim();\n    if (!inputValue) {\n      this.clearValue();\n      this.bqChange.emit({ value: this.value, el: this.el });\n      return;\n    }\n\n    // Try to parse as date with locale awareness\n    const dateValue = parseDateInput(inputValue, this.locale);\n    if (!dateValue) {\n      // Invalid date: don't update component value to avoid side effects\n      this.internals.setFormValue(undefined);\n      this.updateFormValidity();\n      this.bqChange.emit({ value: inputValue, el: this.el });\n      return;\n    }\n\n    // Check if date is disallowed\n    if (this.isDateDisallowed?.(dateValue)) {\n      this.internals.setFormValue(undefined);\n      this.updateFormValidity();\n      this.bqChange.emit({ value: inputValue, el: this.el });\n      return;\n    }\n\n    // Valid date: normalize to ISO format and clamp to range if needed\n    // Note: clamping is done based on string comparison of ISO dates and only when min/max are set\n    let isoDate = toISODateString(dateValue);\n    isoDate = clampDateToRange(isoDate, this.min, this.max);\n\n    this.value = isoDate;\n    this.displayDate = formatDisplayValue(isoDate, this.type, this.locale, this.formatOptions);\n    this.internals.setFormValue(isoDate);\n    this.updateFormValidity();\n    this.bqChange.emit({ value: this.value, el: this.el });\n  };\n\n  /**\n   * Handles the change event when the user selects a date in the calendar component.\n   * @param {Event} ev - The change event.\n   * @returns {void}\n   */\n  private handleCalendarChange = (ev: Event): void => {\n    if (this.isInternalUpdate) return;\n\n    const shouldStayOpen = this.type === 'multi';\n    const value = (ev.target as unknown as { value: string }).value;\n\n    if (this.value === value) {\n      this.open = shouldStayOpen;\n      return;\n    }\n\n    this.isInternalUpdate = true;\n\n    this.value = value;\n    this.displayDate = formatDisplayValue(value, this.type, this.locale, this.formatOptions);\n    this.inputElem.value = this.displayDate;\n    this.inputElem.focus();\n\n    this.internals.setFormValue(value);\n    this.bqChange.emit({ value: this.value, el: this.el });\n\n    this.open = shouldStayOpen;\n  };\n\n  /**\n   * Handles the range start event when the user starts selecting a date range\n   * @param {CustomEvent} ev - The range start event.\n   * @returns {void}\n   */\n  private handleCalendarRangeStart = (ev: CustomEvent): void => {\n    this.hasRangeEnd = false;\n    this.tentative = ev.detail;\n  };\n\n  /**\n   * Handles the range end event when the user finishes selecting a date range\n   * @returns {void}\n   */\n  private handleCalendarRangeEnd = (): void => {\n    this.hasRangeEnd = true;\n  };\n\n  /**\n   * Handles the clear click event when the user clicks the clear button\n   * @param {CustomEvent} ev - The clear click event.\n   * @returns {void}\n   */\n  private handleClearClick = (ev: CustomEvent): void => {\n    if (this.disabled) return;\n\n    this.inputElem.value = '';\n    this.clearValue();\n    this.hasRangeEnd = false;\n\n    this.bqClear.emit(this.el);\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  /**\n   * Clears the value of the date picker input.\n   * @returns {void}\n   */\n  private clearValue = (): void => {\n    this.value = undefined;\n    this.displayDate = undefined;\n    this.internals.setFormValue(undefined);\n  };\n\n  /**\n   * Handles the slot change event when the slots content changes\n   * @returns {void}\n   */\n  private handleSlotChange = (): void => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  /**\n   * Generates a calendar month element\n   * @param {number} offset - The offset of the calendar month.\n   * @param {string} className - The class name of the calendar month.\n   * @returns {JSX.Element | null} The calendar month element.\n   */\n  private generateCalendarMonth = (offset?: number, className: string = ''): JSX.Element | null => {\n    if (!this.isCallyLoaded) return null;\n\n    return <calendar-month class={className} exportparts={CALENDAR_MONTH_EXPORT_PARTS} offset={offset} />;\n  };\n\n  /**\n   * Generates an array of Elements representing the calendar months.\n   *\n   * If the type of the date picker is 'range' or 'multi' and the number of months is specified,\n   * it generates an array of calendar months with the specified length. Each month will have an offset\n   * and a class name based on its position in the array. The offset is used to determine the month to display,\n   * and the class name is used for responsive design.\n   *\n   * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\n   * it generates an array with a single calendar month.\n   *\n   * @returns {JSX.Element[]} An array of elements representing the calendar months.\n   */\n  private generateCalendarMonths = (): JSX.Element[] => {\n    if (!this.isCallyLoaded) return [];\n\n    if (this.type === 'range' || (this.type === 'multi' && this.months)) {\n      return Array.from({ length: this.months }, (_, i) => {\n        const offset = i > 0 ? i : undefined;\n        const className = offset ? 'hidden sm:block' : '';\n        return this.generateCalendarMonth(offset, className);\n      });\n    }\n\n    return [this.generateCalendarMonth()];\n  };\n\n  /**\n   * Updates the form validity of the date picker input.\n   * @returns {void}\n   */\n  private updateFormValidity = (): void => {\n    const { formValidationMessage, internals, required, value, inputElem } = this;\n\n    updateFormValidity({\n      internals,\n      required,\n      value,\n      inputElem,\n      validationMessage: formValidationMessage,\n      defaultMessage: 'Please, input or select a valid date',\n    });\n  };\n\n  /**\n   * Returns the Cally calendar component tag name based on the picker type.\n   * Maps 'single' → 'calendar-date', 'multi' → 'calendar-multi', 'range' → 'calendar-range'\n   *\n   * @returns The Cally calendar component tag name.\n   */\n  private get calendarType(): (typeof CALENDAR_TYPE_MAP)[TDatePickerType] {\n    return CALENDAR_TYPE_MAP[this.type] ?? CALENDAR_TYPE_MAP.single;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const CallyCalendar = this.calendarType;\n    const labelId = `bq-date-picker__label-${this.name || DEFAULT_INPUT_ID}`;\n\n    return (\n      <div class=\"bq-date-picker\" part=\"base\">\n        {/* Label */}\n        <label\n          aria-labelledby={labelId}\n          class={{ 'bq-date-picker__label': true, '!hidden': !this.hasLabel }}\n          htmlFor={this.name || DEFAULT_INPUT_ID}\n          part=\"label\"\n          ref={(labelElem: HTMLSpanElement) => {\n            this.labelElem = labelElem;\n          }}\n        >\n          <slot id={labelId} name=\"label\" onSlotchange={this.handleSlotChange} />\n        </label>\n        {/* Select date picker dropdown */}\n        <bq-dropdown\n          class=\"bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m\"\n          disabled={this.disabled}\n          distance={this.distance}\n          exportparts=\"panel\"\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          skidding={this.skidding}\n          strategy={this.strategy}\n        >\n          {/* Input control group */}\n          <div\n            class={{\n              'bq-date-picker__control': true,\n              [`validation-${this.validationStatus}`]: true,\n              disabled: this.disabled,\n            }}\n            part=\"control\"\n            slot=\"trigger\"\n          >\n            {/* Prefix */}\n            <span\n              class={{ 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }}\n              part=\"prefix\"\n              ref={(spanElem: HTMLSpanElement) => {\n                this.prefixElem = spanElem;\n              }}\n            >\n              <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n            </span>\n            {/* HTML Input */}\n            <input\n              aria-controls={`${this.name}`}\n              aria-describedby={this.hasLabel ? labelId : null}\n              aria-disabled={this.disabled ? 'true' : 'false'}\n              aria-invalid={this.validationStatus === 'error' ? 'true' : 'false'}\n              aria-haspopup=\"dialog\"\n              autoCapitalize=\"off\"\n              autoComplete=\"off\"\n              class=\"bq-date-picker__control--input\"\n              disabled={this.disabled}\n              form={this.form}\n              id={this.name || DEFAULT_INPUT_ID}\n              name={this.name}\n              onBlur={this.handleBlur}\n              onChange={this.handleChange}\n              onFocus={this.handleFocus}\n              part=\"input\"\n              placeholder={this.placeholder}\n              readonly={this.type !== 'single'}\n              ref={(inputElem: HTMLInputElement) => {\n                this.inputElem = inputElem;\n              }}\n              required={this.required}\n              spellcheck={false}\n              type=\"text\"\n              value={this.displayDate}\n            />\n            {/* Clear Button */}\n            {this.hasValue && !this.disabled && !this.disableClear && (\n              // The clear button will be visible as long as the input has a value\n              // and the parent group is hovered or has focus-within\n              <bq-button\n                appearance=\"text\"\n                border=\"s\"\n                class=\"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0\"\n                exportparts=\"button\"\n                label={this.clearButtonLabel}\n                onBqClick={this.handleClearClick}\n                onlyIcon\n                part=\"clear-btn\"\n                size=\"small\"\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon aria-hidden=\"true\" class=\"flex\" name=\"x-circle\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class=\"bq-date-picker__control--suffix\"\n              part=\"suffix\"\n              ref={(spanElem: HTMLSpanElement) => {\n                this.suffixElem = spanElem;\n              }}\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSlotChange}>\n                <bq-icon class=\"flex\" name=\"calendar-blank\" />\n              </slot>\n            </span>\n          </div>\n          {this.isCallyLoaded && (\n            <CallyCalendar\n              aria-labelledby={labelId}\n              aria-modal=\"true\"\n              exportparts={CALENDAR_CONTAINER_EXPORT_PARTS}\n              firstDayOfWeek={this.firstDayOfWeek}\n              isDateDisallowed={this.isDateDisallowed}\n              locale={this.locale as string}\n              max={this.max}\n              min={this.min}\n              months={this.months}\n              onChange={this.handleCalendarChange}\n              onRangeend={this.handleCalendarRangeEnd}\n              onRangestart={this.handleCalendarRangeStart}\n              pageBy={this.monthsPerView}\n              ref={(elem: TCalendarDate) => {\n                this.callyElem = elem;\n              }}\n              role=\"dialog\"\n              showOutsideDays={this.showOutsideDays}\n              tentative={this.tentative}\n              value={this.value}\n            >\n              <bq-icon color=\"text--primary\" label=\"Previous\" name=\"caret-left\" slot=\"previous\" />\n              <bq-icon color=\"text--primary\" label=\"Next\" name=\"caret-right\" slot=\"next\" />\n\n              <div class=\"flex flex-wrap justify-center gap-[--bq-spacing-m]\">{this.generateCalendarMonths()}</div>\n            </CallyCalendar>\n          )}\n        </bq-dropdown>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;mdACA,MAAMA,EAAiB,IAAIC,IAQ3B,MAAMC,EAAmB,CAACC,EAA8BC,KACtD,MAAMC,EAAW,UAAUF,IAAW,SAAWA,EAASG,KAAKC,UAAUJ,MAAWG,KAAKC,UAAUH,KAEnG,IAAII,EAAYR,EAAeS,IAAIJ,GACnC,IAAKG,EAAW,CACdA,EAAY,IAAIE,KAAKC,eAAeR,EAAQC,GAC5CJ,EAAeY,IAAIP,EAAUG,GAG7B,GAAIR,EAAea,KAAO,GAAI,CAC5B,MAAMC,EAAWd,EAAee,OAAOC,OAAOC,MAC9CjB,EAAekB,OAAOJ,E,EAI1B,OAAON,CAAS,EAYZ,MAAAW,EAAqB,CACzBF,EACAG,EACAjB,EACAkB,KAEA,IAAKJ,EAAO,OAAOK,UAEnB,MAAMC,EAAgBrB,EAAiBC,EAAQkB,GAE/C,GAAID,IAAS,QAAS,CACpB,MAAOI,EAAOC,GAAOR,EAAMS,MAAM,KAAKC,KAAKC,GAAY,IAAIC,KAAK,GAAGD,gBACnE,IAAKJ,IAAUC,GAAOK,OAAOC,MAAMP,EAAMQ,YAAcF,OAAOC,MAAMN,EAAIO,WAAY,OAAOV,UAE3F,OAAOC,EAAcU,YAAYT,EAAOC,E,CAG1C,GAAIL,IAAS,QAAS,CACpB,MAAMc,EAAQjB,EAAMS,MAAM,KAAKC,KAAKC,GAAY,IAAIC,KAAK,GAAGD,gBAC5D,GAAIM,EAAMC,MAAMC,GAAMN,OAAOC,MAAMK,EAAEJ,aAAa,OAAOV,UAEzD,OAAOY,EAAMP,KAAKU,GAASd,EAAce,OAAOD,KAAOE,KAAK,K,CAG9D,MAAMC,EAAa,IAAIX,KAAK,GAAGZ,cAC/B,OAAOa,OAAOC,MAAMS,EAAWR,WAAaV,UAAYC,EAAce,OAAOE,EAAW,EAW1F,MAAMC,EAAsBxB,IAC1B,IAAKA,EAAO,OAAOK,UAEnB,MAAMoB,EAAY,wBAClB,MAAMC,EAAQD,EAAUE,KAAK3B,GAC7B,OAAO0B,EAAQA,EAAM,GAAKrB,SAAS,EAW/B,MAAAuB,EAAmB,CAACjB,EAAiBkB,EAAcC,KACvD,GAAID,GAAOlB,EAAUkB,EAAK,OAAOA,EACjC,GAAIC,GAAOnB,EAAUmB,EAAK,OAAOA,EACjC,OAAOnB,CAAO,EChFV,MAAAoB,EAAkB,QAKxB,MAAMC,EAAgC,CACpC,CAEEC,MAAO,oCACPC,MAAO,CAACC,EAAGC,KAAM,CACfC,KAAMF,EAAE,GACRG,MAAOF,EAAOD,EAAE,GAAGI,eACnBC,MAAOL,EAAE,MAGb,CAEEF,MAAO,8CACPC,MAAO,CAACC,EAAGM,EAAGvD,KACZ,MAAMmD,IAAEA,EAAGC,MAAEA,GAAUI,GAAkBP,EAAE,IAAKA,EAAE,GAAIjD,GACtD,MAAO,CAAEmD,MAAKC,QAAOE,MAAOL,EAAE,GAAI,GAGtC,CAEEF,MAAO,sCACPC,MAAO,CAACC,EAAGC,KAAM,CACfE,MAAOF,EAAOD,EAAE,GAAGI,eACnBF,KAAMF,EAAE,GACRK,MAAOL,EAAE,MAGb,CAEEF,MAAO,4BACPC,MAAQC,IAAC,CACPK,MAAOL,EAAE,GACTG,OAAQH,EAAE,GAAK,EACfE,KAAMF,EAAE,OAKd,MAAMQ,EAAkB,IAAI3D,IAQ5B,MAAM4D,EAA0B1D,IAC9B,MAAME,SAAkBF,IAAW,SAAWA,EAASG,KAAKC,UAAUJ,GAEtE,MAAM2D,EAAmBF,EAAgBnD,IAAIJ,GAC7C,GAAIyD,EAAkB,OAAOA,EAE7B,MAAMC,EAAmC,GACzC,MAAMC,EAAiB,IAAItD,KAAKC,eAAeR,EAAQ,CAAEoD,MAAO,UAChE,MAAMU,EAAgB,IAAIvD,KAAKC,eAAeR,EAAQ,CAAEoD,MAAO,SAE/D,IAAK,IAAIA,EAAQ,EAAGA,EAAQ,GAAIA,IAAS,CACvC,MAAMlB,EAAO,IAAIR,KAAK,KAAM0B,EAAO,GACnCQ,EAASC,EAAe1B,OAAOD,GAAMmB,eAAiBD,EACtDQ,EAASE,EAAc3B,OAAOD,GAAMmB,eAAiBD,C,CAGvDK,EAAgBhD,IAAIP,EAAU0D,GAC9B,OAAOA,CAAQ,EAWjB,MAAMJ,EAAmB,CACvBO,EACAC,EACAhE,EAA+B,WAG/B,GAAI+D,EAAQ,GAAI,MAAO,CAAEZ,IAAKY,EAAOX,MAAOY,EAAS,GAGrD,GAAIA,EAAS,GAAI,MAAO,CAAEb,IAAKa,EAAQZ,MAAOW,EAAQ,GAItD,MAAME,SAAmBjE,IAAW,SAAWA,EAASA,IAAS,IAAM,QACvE,MAAMkE,EAAW,CAAC,QAAS,SAASlC,MAAMmC,GAAMF,EAAUG,WAAWD,KAErE,GAAID,EAAU,CAEZ,MAAO,CAAEf,IAAKa,EAAQZ,MAAOW,EAAQ,E,CAIvC,MAAO,CAAEZ,IAAKY,EAAOX,MAAOY,EAAS,EAAG,EAU1C,MAAMK,EAAc,CAAClB,EAAaC,EAAeE,KAC/C,MAAMpB,EAAO,IAAIR,KAAK4B,EAAMF,EAAOD,GACnC,OAAOjB,EAAKoC,YAAcnB,GAAOjB,EAAKqC,aAAenB,GAASlB,EAAKsC,gBAAkBlB,CAAI,EAU3F,MAAMmB,EAAkB,CAACtB,EAAaC,EAAeE,KACnD,GAAIF,IAAUjC,YAAcgC,IAAQG,EAAM,OAAO,KACjD,IAAKe,EAAYlB,EAAKC,EAAOE,GAAO,OAAO,KAE3C,OAAO,IAAI5B,KAAK4B,EAAMF,EAAOD,EAAI,EAc7B,MAAAuB,EAAiB,CAACC,EAAoB3E,EAA+B,WACzE,IAAK2E,GAAYC,OAAQ,OAAO,KAGhC,MAAMC,EAAU,IAAInD,KAAK,GAAGiD,cAC5B,IAAKhD,OAAOC,MAAMiD,EAAQhD,YAAciD,EAAeH,GAAa,OAAOE,EAE3E,MAAMjB,EAAWF,EAAuB1D,GAExC,IAAK,MAAM+C,MAAEA,EAAKC,MAAEA,KAAWF,EAAe,CAC5C,MAAMN,EAAQO,EAAMN,KAAKkC,GACzB,IAAKnC,EAAO,SAEZ,MAAMW,IAAEA,EAAGC,MAAEA,EAAKE,KAAEA,GAASN,EAAMR,EAAOoB,EAAU5D,GACpD,MAAMkC,EAAOuC,EAAgBtB,EAAKC,EAAOE,GACzC,GAAIpB,EAAM,OAAOA,C,CAGnB,OAAO,IAAI,EAQb,MAAM4C,EAAkBrD,IACtB,IAAK,sBAAsBsD,KAAKtD,GAAU,OAAO,MAEjD,MAAOuD,EAASC,EAAUC,GAAUzD,EAAQF,MAAM,KAClD,MAAM+B,GAAQ0B,EACd,MAAM5B,GAAS6B,EAAW,EAC1B,MAAM9B,GAAO+B,EAEb,OAAOb,EAAYlB,EAAKC,EAAOE,EAAK,EAQtC,MAAM6B,EAAmBjD,GAChBA,EAAKkD,mBAAmBvC,GAO3B,MAAAwC,EAAc,KACX,IAAI3D,MAAO0D,mBAAmBvC,GC9KvC,MAAMyC,EAAqB,EACzBC,YACAC,WACA1E,QACA2E,YACAC,oBACAC,iBAAiB,iCAEjB,IAAKJ,EAAW,OAGhBA,EAAUK,OAAOC,QAGjB,GAAIL,IAAaM,EAAUhF,GAAQ,CAEjCyE,EAAUK,OAAOG,IAAI,WACrBR,EAAUS,YAAY,CAAEC,aAAc,MAAQP,GAAqBC,EAAgBF,GACnF,M,CAIFF,EAAUK,OAAOG,IAAI,SACrBR,EAAUS,YAAY,GAAG,EChDpB,MAAME,EAAmB,CAAC,SAAU,QAAS,SCDpD,MAAMC,EAAmB,cAGzB,MAAMC,EACJ,yGAGF,MAAMC,EACJ,2KAGF,MAAMC,EAA8B,GAAGF,KAAgCC,IAGvE,MAAME,EACJ,sLAGF,MAAMC,EAAoB,CACxBC,OAAQ,gBACRC,MAAO,iBACPC,MAAO,kBCpBT,MAAMC,EAAyB,qBAE/B,MAAMC,EAAoB,QAO1B,MAAMC,EAAiB,0EAEvB,IAAIC,EAAkB,MACtB,IAAIC,EAAuC,KAiB3C,MAAMC,EAAa,EAAGhG,OAAMiG,MAAKC,aAAa,MACrC,IAAIC,SAAc,CAACC,EAASC,KACjC,MAAMC,EAASC,SAASC,cAAc,UACtCF,EAAOtG,KAAOA,EACdsG,EAAOL,IAAMA,EAEbK,EAAOG,OAAS,IAAML,IACtBE,EAAOI,QAAWC,GAChBN,EAAO,IAAIO,MAAM,0BAA0BX,MAAQU,aAAiBC,MAAQD,EAAME,QAAU,oBAE9FC,OAAOC,QAAQb,GAAYc,SAAQ,EAAEC,EAAKpH,MACxCyG,EAAOY,aAAaD,EAAKpH,EAAM,IAGjC0G,SAASY,KAAKC,YAAYd,EAAO,IAQrC,MAAMe,EAAuB,IAEpBvB,GAAmBS,SAASe,cAAc,UAAU3B,QAA+B,KAW5F,MAAM4B,EAAmB,KAEvB,GAAIzB,EAAiB,OAAOK,QAAQC,UAGpC,GAAIL,IAAmB,KAAM,OAAOA,EAGpC,GAAIQ,SAASe,cAAc,UAAU3B,QAA+B,KAAM,CACxEG,EAAkB,KAClB,OAAOK,QAAQC,S,CAIjBL,EAAiBC,EAAW,CAC1BhG,KAAM,SACNiG,IAAK,2BAA2BL,kBAChCM,WAAY,CACVP,CAACA,GAAyB,GAC1B6B,YAAa,YACbC,UAAW5B,KAGZ6B,MAAK,KACJ5B,EAAkB,IAAI,IAEvB6B,OAAOhB,IAENZ,EAAiB,KACjBD,EAAkB,MAClB,MAAM,IAAIc,MAAM,qCAAqCD,aAAiBC,MAAQD,EAAME,QAAU,kBAAkB,IAGpH,OAAOd,CAAc,ECrGvB,MAAM6B,EAAkB,IAAM,qxlC,MCkKjBC,EAAYC,EAAA,MAAAD,UAAAE,E,mPAIfC,UACAxD,UACAyD,iBAAmB,MACnBC,UACAC,WACAC,WAKW9D,U,qBAOV+D,cAAgB,MAChBC,YACAC,YACAC,SAAW,MACXC,UAAY,MACZC,YAAc,MACdC,UAAY,MACZC,SAAW,MAMKC,UAGAC,iBAAoB,cAGpBC,aAAgB,MAMhBC,SAAqB,MAGrBC,SAAoB,EAGpBC,eAA8B,EAK/CjJ,cAA4C,CAClDiC,IAAK,UACLC,MAAO,QACPE,KAAM,WAIiB8G,KAGAC,sBAGAC,iBAKAtK,OAA+B,QAG/B4C,IAGAD,IAGAO,OAOAqH,cAAqC,SAGrCC,KAGeC,KAAiB,MAGjBC,YAAuB,OAGtCC,YAGAC,UAAwB,aAGxBpF,SAGAqF,SAAoB,EAGpBC,gBAA2B,MAG3BC,SAAkC,QAGnBC,UAGf/J,KAAwB,SAYxBgK,iBAAqC,OAItBnK,MAMxC,iBAAAoK,CAAkBC,EAAkBC,GAClC,GAAID,IAAaC,EAAU,OAE3B,MAAMlK,cAAEA,EAAaqE,UAAEA,EAAS+D,cAAEA,EAAatJ,OAAEA,EAAMiB,KAAEA,GAASoK,KAClE,IAAK/B,EAAe,OAEpB/D,EAAU+F,cAAcC,EAAMJ,GAAY,GAAGA,IAAahK,WAC1DkK,KAAK/F,qBAEL+F,KAAKxB,SAAW/D,EAAUqF,GAC1BE,KAAK7B,YAAcxI,EAAmBmK,EAAUlK,EAAMjB,EAAQkB,GAE9DmK,KAAKG,gB,CAIP,eAAAC,GACEC,EAAkBxF,EAAkB,SAAUmF,KAAKM,GAAI,O,CAQhDC,OAMAC,SAGAC,QAGAC,QAMT,uBAAMC,GACJ,IAAKC,KAAcZ,KAAK/B,cAAe,OAEvC,UACQd,IACN6C,KAAK/B,cAAgBhB,G,CACrB,MAAOV,GACPsE,QAAQtE,MAAMA,E,EAIlB,gBAAAuE,GACEd,KAAKe,mBACLf,KAAKH,kBAAkBG,KAAKvK,MAAOK,U,CAGrC,kBAAAkL,GACE,GAAIhB,KAAKnC,iBAAkB,CACzBmC,KAAKnC,iBAAmB,K,EAI5B,sBAAAoD,GACEjB,KAAK/F,oB,CAGP,iBAAAiH,GACE,GAAIhB,EAAMF,KAAKvK,OAAQ,OAEvBuK,KAAKxF,O,CAOP,gBAAA2G,CAAiBC,GACf,IAAKC,EAA4BD,EAAIpB,KAAKM,IAAK,OAE/C,MAAMlB,KAAEA,GAASgC,EAAGE,OACpB,GAAItB,KAAKZ,OAASA,EAAM,OAExBY,KAAKZ,KAAOA,C,CAId,kBAAAmC,CAAmBH,GACjB,MAAMhC,KAAEA,EAAIxJ,KAAEA,EAAI0I,YAAEA,GAAgB0B,KACpC,IAAKZ,GAAQxJ,IAAS,SAAWwL,EAAGI,SAAW,EAAG,OAClD,GAAIH,EAA4BD,EAAIpB,KAAKM,KAAOhC,EAAa,OAE7D0B,KAAKL,UAAY7J,UACjBkK,KAAK1B,YAAc,K,CAerB,WAAM9D,GACJ,GAAIwF,KAAKpB,SAAU,OAEnBoB,KAAKvK,MAAQK,UACbkK,KAAK9F,UAAU+F,aAAanK,WAC5BkK,KAAKS,QAAQgB,KAAKzB,KAAKM,G,CAYjBoB,WAAa,KACnB,GAAI1B,KAAKpB,SAAU,OAEnBoB,KAAKO,OAAOkB,KAAKzB,KAAKM,GAAG,EAOnBqB,YAAc,KACpB,GAAI3B,KAAKpB,SAAU,OAEnBoB,KAAKU,QAAQe,KAAKzB,KAAKM,GAAG,EAQpBH,eAAiB,KACvB,MAAMvC,UAAEA,EAASK,cAAEA,EAAaxI,MAAEA,GAAUuK,KAC5C,IAAKpC,IAAcK,EAAe,OAElC,MAAM2D,EAAcnM,EAAQwB,EAAmBxB,GAASuE,IACxD,GAAIgG,KAAK9B,cAAgB0D,EAAa,OAEtC5B,KAAK9B,YAAc0D,EACnB,GAAIhE,EAAUM,cAAgB8B,KAAK9B,YAAa,CAG9CN,EAAUM,YAAc8B,KAAK9B,W,GAUzB2D,aAAgBT,IACtB,GAAIpB,KAAKpB,WAAakD,EAAcV,EAAGW,OAAQ,SAAU,OAEzD,MAAMzI,EAAa8H,EAAGW,OAAOtM,MAAM8D,OACnC,IAAKD,EAAY,CACf0G,KAAKgC,aACLhC,KAAKQ,SAASiB,KAAK,CAAEhM,MAAOuK,KAAKvK,MAAO6K,GAAIN,KAAKM,KACjD,M,CAIF,MAAM2B,EAAY5I,EAAeC,EAAY0G,KAAKrL,QAClD,IAAKsN,EAAW,CAEdjC,KAAK9F,UAAU+F,aAAanK,WAC5BkK,KAAK/F,qBACL+F,KAAKQ,SAASiB,KAAK,CAAEhM,MAAO6D,EAAYgH,GAAIN,KAAKM,KACjD,M,CAIF,GAAIN,KAAKf,mBAAmBgD,GAAY,CACtCjC,KAAK9F,UAAU+F,aAAanK,WAC5BkK,KAAK/F,qBACL+F,KAAKQ,SAASiB,KAAK,CAAEhM,MAAO6D,EAAYgH,GAAIN,KAAKM,KACjD,M,CAKF,IAAI9G,EAAUM,EAAgBmI,GAC9BzI,EAAUnC,EAAiBmC,EAASwG,KAAK1I,IAAK0I,KAAKzI,KAEnDyI,KAAKvK,MAAQ+D,EACbwG,KAAK7B,YAAcxI,EAAmB6D,EAASwG,KAAKpK,KAAMoK,KAAKrL,OAAQqL,KAAKnK,eAC5EmK,KAAK9F,UAAU+F,aAAazG,GAC5BwG,KAAK/F,qBACL+F,KAAKQ,SAASiB,KAAK,CAAEhM,MAAOuK,KAAKvK,MAAO6K,GAAIN,KAAKM,IAAK,EAQhD4B,qBAAwBd,IAC9B,GAAIpB,KAAKnC,iBAAkB,OAE3B,MAAMsE,EAAiBnC,KAAKpK,OAAS,QACrC,MAAMH,EAAS2L,EAAGW,OAAwCtM,MAE1D,GAAIuK,KAAKvK,QAAUA,EAAO,CACxBuK,KAAKZ,KAAO+C,EACZ,M,CAGFnC,KAAKnC,iBAAmB,KAExBmC,KAAKvK,MAAQA,EACbuK,KAAK7B,YAAcxI,EAAmBF,EAAOuK,KAAKpK,KAAMoK,KAAKrL,OAAQqL,KAAKnK,eAC1EmK,KAAK5F,UAAU3E,MAAQuK,KAAK7B,YAC5B6B,KAAK5F,UAAUgI,QAEfpC,KAAK9F,UAAU+F,aAAaxK,GAC5BuK,KAAKQ,SAASiB,KAAK,CAAEhM,MAAOuK,KAAKvK,MAAO6K,GAAIN,KAAKM,KAEjDN,KAAKZ,KAAO+C,CAAc,EAQpBE,yBAA4BjB,IAClCpB,KAAK1B,YAAc,MACnB0B,KAAKL,UAAYyB,EAAGE,MAAM,EAOpBgB,uBAAyB,KAC/BtC,KAAK1B,YAAc,IAAI,EAQjBiE,iBAAoBnB,IAC1B,GAAIpB,KAAKpB,SAAU,OAEnBoB,KAAK5F,UAAU3E,MAAQ,GACvBuK,KAAKgC,aACLhC,KAAK1B,YAAc,MAEnB0B,KAAKS,QAAQgB,KAAKzB,KAAKM,IACvBN,KAAKQ,SAASiB,KAAK,CAAEhM,MAAOuK,KAAKvK,MAAO6K,GAAIN,KAAKM,KACjDN,KAAK5F,UAAUgI,QAEfhB,EAAGoB,iBAAiB,EAOdR,WAAa,KACnBhC,KAAKvK,MAAQK,UACbkK,KAAK7B,YAAcrI,UACnBkK,KAAK9F,UAAU+F,aAAanK,UAAU,EAOhCiL,iBAAmB,KACzBf,KAAK5B,SAAWqE,EAAezC,KAAKlC,WACpCkC,KAAK3B,UAAYoE,EAAezC,KAAKjC,YACrCiC,KAAKzB,UAAYkE,EAAezC,KAAKhC,WAAW,EAS1C0E,sBAAwB,CAACC,EAAiBC,EAAoB,MACpE,IAAK5C,KAAK/B,cAAe,OAAO,KAEhC,OAAO4E,EAAgB,kBAAAC,MAAOF,EAAWG,YAAa9H,EAA6B0H,OAAQA,GAAU,EAgB/FK,uBAAyB,KAC/B,IAAKhD,KAAK/B,cAAe,MAAO,GAEhC,GAAI+B,KAAKpK,OAAS,SAAYoK,KAAKpK,OAAS,SAAWoK,KAAKnI,OAAS,CACnE,OAAOoL,MAAMC,KAAK,CAAEC,OAAQnD,KAAKnI,SAAU,CAACK,EAAGkL,KAC7C,MAAMT,EAASS,EAAI,EAAIA,EAAItN,UAC3B,MAAM8M,EAAYD,EAAS,kBAAoB,GAC/C,OAAO3C,KAAK0C,sBAAsBC,EAAQC,EAAU,G,CAIxD,MAAO,CAAC5C,KAAK0C,wBAAwB,EAO/BzI,mBAAqB,KAC3B,MAAM+E,sBAAEA,EAAqB9E,UAAEA,EAASC,SAAEA,EAAQ1E,MAAEA,EAAK2E,UAAEA,GAAc4F,KAEzE/F,EAAmB,CACjBC,YACAC,WACA1E,QACA2E,YACAC,kBAAmB2E,EACnB1E,eAAgB,wCAChB,EASJ,gBAAY+I,GACV,OAAOlI,EAAkB6E,KAAKpK,OAASuF,EAAkBC,M,CAO3D,MAAAkI,GACE,MAAMC,EAAgBvD,KAAKqD,aAC3B,MAAMG,EAAU,yBAAyBxD,KAAKb,MAAQrE,IAEtD,OACE2I,SAAKX,MAAM,iBAAiBY,KAAK,OAAMC,SAAA,CAErCd,6BACmBW,EACjBV,MAAO,CAAE,wBAAyB,KAAM,WAAY9C,KAAK5B,UACzDwF,QAAS5D,KAAKb,MAAQrE,EACtB4I,KAAK,QACLG,IAAM/F,IACJkC,KAAKlC,UAAYA,CAAS,EAG5B6F,SAAAd,EAAA,QAAMiB,GAAIN,EAASrE,KAAK,QAAQ4E,aAAc/D,KAAKe,kBAAgB,6CAC7D,4CAER0C,EACE,eAAAX,MAAM,iFACNlE,SAAUoB,KAAKpB,SACfC,SAAUmB,KAAKnB,SACfkE,YAAY,QACZ3D,KAAMY,KAAKZ,KACXC,YAAaW,KAAKX,YAClBE,UAAWS,KAAKT,UAChBC,SAAUQ,KAAKR,SACfE,SAAUM,KAAKN,SAGfiE,SAAA,CAAAF,EAAA,OACEX,MAAO,CACL,0BAA2B,KAC3B,CAAC,cAAc9C,KAAKJ,oBAAqB,KACzChB,SAAUoB,KAAKpB,UAEjB8E,KAAK,UACLM,KAAK,UAGLL,SAAA,CAAAd,EAAA,QACEC,MAAO,CAAE,kCAAmC,KAAM,WAAY9C,KAAK3B,WACnEqF,KAAK,SACLG,IAAMI,IACJjE,KAAKjC,WAAakG,CAAQ,EAG5BN,SAAAd,EAAA,QAAM1D,KAAK,SAAS4E,aAAc/D,KAAKe,kBAAoB,yFAG7D8B,EACiB,4BAAG7C,KAAKb,OACL,mBAAAa,KAAK5B,SAAWoF,EAAU,KAC7B,gBAAAxD,KAAKpB,SAAW,OAAS,QAAO,eACjCoB,KAAKJ,mBAAqB,QAAU,OAAS,QAAO,gBACpD,SACdsE,eAAe,MACfC,aAAa,MACbrB,MAAM,iCACNlE,SAAUoB,KAAKpB,SACfG,KAAMiB,KAAKjB,KACX+E,GAAI9D,KAAKb,MAAQrE,EACjBqE,KAAMa,KAAKb,KACXiF,OAAQpE,KAAK0B,WACb2C,SAAUrE,KAAK6B,aACfyC,QAAStE,KAAK2B,YACd+B,KAAK,QACLpE,YAAaU,KAAKV,YAClBiF,SAAUvE,KAAKpK,OAAS,SACxBiO,IAAMzJ,IACJ4F,KAAK5F,UAAYA,CAAS,EAE5BD,SAAU6F,KAAK7F,SACfqK,WAAY,MACZ5O,KAAK,OACLH,MAAOuK,KAAK7B,aACZ,4CAED6B,KAAKxB,WAAawB,KAAKpB,WAAaoB,KAAKrB,cAGxCkE,EAAA,aACE4B,WAAW,OACXC,OAAO,IACP5B,MAAM,uHACNC,YAAY,SACZ4B,MAAO3E,KAAKtB,iBACZkG,UAAW5E,KAAKuC,iBAChBsC,SACA,KAAAnB,KAAK,YACLrO,KAAK,QAAOsO,SAEZd,EAAM,QAAA1D,KAAK,aAAYwE,SACrBd,EAAqB,gCAAOC,MAAM,OAAO3D,KAAK,YAAa,0FAEnD,4CAGd0D,EAAA,QACEC,MAAM,kCACNY,KAAK,SACLG,IAAMI,IACJjE,KAAKhC,WAAaiG,CAAQ,EAC3BN,SAEDd,UAAM1D,KAAK,SAAS4E,aAAc/D,KAAKe,iBAAgB4C,SACrDd,EAAS,WAAAC,MAAM,OAAO3D,KAAK,kBAAgB,6CACtC,2FAEL,4CACLa,KAAK/B,eACJwF,EAACF,EAAa,mBACKC,EAAO,aACb,OACXT,YAAa7H,EACb4D,eAAgBkB,KAAKlB,eACrBG,iBAAkBe,KAAKf,iBACvBtK,OAAQqL,KAAKrL,OACb4C,IAAKyI,KAAKzI,IACVD,IAAK0I,KAAK1I,IACVO,OAAQmI,KAAKnI,OACbwM,SAAUrE,KAAKkC,qBACf4C,WAAY9E,KAAKsC,uBACjByC,aAAc/E,KAAKqC,yBACnB2C,OAAQhF,KAAKd,cACb2E,IAAMoB,IACJjF,KAAKpC,UAAYqH,CAAI,EAEvBC,KAAK,SACLzF,gBAAiBO,KAAKP,gBACtBE,UAAWK,KAAKL,UAChBlK,MAAOuK,KAAKvK,MAEZkO,SAAA,CAAAd,EAAA,WAASsC,MAAM,gBAAgBR,MAAM,WAAWxF,KAAK,aAAa6E,KAAK,YAAa,4CACpFnB,EAAS,WAAAsC,MAAM,gBAAgBR,MAAM,OAAOxF,KAAK,cAAc6E,KAAK,QAAM,4CAE1EnB,EAAK,OAAAC,MAAM,qDAAoDa,SAAE3D,KAAKgD,0BAAwB,8CAChF,8CAEN,yF","ignoreList":[]}

package/dist/components/bq-dialog.js

@@ -2,5 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{p as a,H as r,c as e,h as b}from"./p-DGysEMss.js";import{v as t}from"./p-zh4P02Kn.js";import{b as i}from"./p-uqkxeAeG.js";import{l as n,e as o}from"./p-DdvbF5yL.js";import{d as q}from"./p-CXUO6Zub.js";import{d}from"./p-DHdYy1q5.js";const s=["small","medium","large"];const l=["standard","highlight"];const c='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-dialog,.shadow-\\[shadow\\:--bq-dialog--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.sticky{position:sticky}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-\\[--bq-dialog--content-footer-gap\\]{gap:var(--bq-dialog--content-footer-gap)}.gap-m{gap:var(--bq-spacing-m)}.gap-xs{gap:var(--bq-spacing-xs)}.rounded-\\[--bq-dialog--border-radius\\]{border-radius:var(--bq-dialog--border-radius)}.border-\\[length\\:--bq-dialog--border-width\\]{border-width:var(--bq-dialog--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-dialog--border-color\\]{border-color:var(--bq-dialog--border-color)}.bg-\\[--bq-dialog--background-backdrop\\]{background-color:var(--bq-dialog--background-backdrop)}.bg-\\[--bq-dialog--background\\]{background-color:var(--bq-dialog--background)}.text-\\[--bq-dialog--text-color\\]{color:var(--bq-dialog--text-color)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-\\[shadow\\:--bq-dialog--box-shadow\\]{--tw-shadow:var(--bq-dialog--box-shadow);--tw-shadow-colored:var(--bq-dialog--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-\\[opacity\\]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-\\[90vw\\]{inline-size:90vw}.is-full{inline-size:100%}.p-b-0{padding-block:0}.p-b-\\[--bq-dialog--padding\\]{padding-block:var(--bq-dialog--padding)}.p-be-0{padding-block-end:0}.p-bs-0{padding-block-start:0}.p-i-\\[--bq-dialog--padding\\]{padding-inline:var(--bq-dialog--padding)}.inset-bs-0{inset-block-start:0}.inset-bs-\\[100\\%\\]{inset-block-start:100%}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}::-ms-backdrop{--bq-dialog--background:var(--bq-ui--primary);--bq-dialog--background-backdrop:var(--bq-background--overlay);--bq-dialog--text-color:var(--bq-text--primary);--bq-dialog--box-shadow:var(--bq-box-shadow--l);--bq-dialog--border-color:transparent;--bq-dialog--border-radius:var(--bq-radius--m);--bq-dialog--border-style:none;--bq-dialog--border-width:unset;--bq-dialog--padding:var(--bq-spacing-l);--bq-dialog--content-footer-gap:var(--bq-spacing-l);--bq-dialog--title-body-gap:var(--bq-spacing-s);--bq-dialog--width-small:320px;--bq-dialog--width-medium:480px;--bq-dialog--width-large:640px;--bq-dialog-z-index:10}::backdrop,:host{--bq-dialog--background:var(--bq-ui--primary);--bq-dialog--background-backdrop:var(--bq-background--overlay);--bq-dialog--text-color:var(--bq-text--primary);--bq-dialog--box-shadow:var(--bq-box-shadow--l);--bq-dialog--border-color:transparent;--bq-dialog--border-radius:var(--bq-radius--m);--bq-dialog--border-style:none;--bq-dialog--border-width:unset;--bq-dialog--padding:var(--bq-spacing-l);--bq-dialog--content-footer-gap:var(--bq-spacing-l);--bq-dialog--title-body-gap:var(--bq-spacing-s);--bq-dialog--width-small:320px;--bq-dialog--width-medium:480px;--bq-dialog--width-large:640px;--bq-dialog-z-index:10}:host{visibility:hidden!important}:host(.bq-dialog--open){visibility:visible!important}.bq-dialog{--tw-shadow:var(--bq-dialog--box-shadow);--tw-shadow-colored:var(--bq-dialog--box-shadow);background-color:var(--bq-dialog--background);border-color:var(--bq-dialog--border-color);border-radius:var(--bq-dialog--border-radius);border-style:var(--bq-dialog--border-style);border-width:var(--bq-dialog--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--bq-dialog--text-color);display:flex;flex-direction:column;gap:var(--bq-dialog--content-footer-gap);inline-size:90vw;padding-block:0;padding-inline:0;position:fixed}@media (min-width:640px){.bq-dialog.small{inline-size:var(--bq-dialog--width-small)}.bq-dialog.medium{inline-size:var(--bq-dialog--width-medium)}.bq-dialog.large{inline-size:var(--bq-dialog--width-large)}}.bq-dialog::-ms-backdrop{background-color:var(--bq-dialog--background-backdrop);opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-dialog::backdrop{background-color:var(--bq-dialog--background-backdrop);opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-dialog[open]::-ms-backdrop{opacity:.6}.bq-dialog[open]::backdrop{opacity:.6}.bq-dialog--header{gap:var(--bq-spacing-m);inset-block-start:0;padding-block:var(--bq-dialog--padding);padding-block-end:0;padding-inline:var(--bq-dialog--padding)}.bq-dialog--footer,.bq-dialog--header{align-items:center;display:flex;position:sticky}.bq-dialog--footer{gap:var(--bq-spacing-xs);inline-size:100%;inset-block-start:100%;justify-content:flex-end;padding-block:var(--bq-dialog--padding);padding-block-start:0;padding-inline:var(--bq-dialog--padding)}.bq-dialog--close{--bq-radius--m:var(--bq-radius--s);--bq-button--small-paddingX:var(--bq-spacing-xs2);--bq-button--small-paddingY:var(--bq-spacing-xs2)}.bq-dialog--close::part(button){border-style:none}@media (min-width:640px){.sm\\:is-\\[--bq-dialog--width-large\\]{inline-size:var(--bq-dialog--width-large)}.sm\\:is-\\[--bq-dialog--width-medium\\]{inline-size:var(--bq-dialog--width-medium)}.sm\\:is-\\[--bq-dialog--width-small\\]{inline-size:var(--bq-dialog--width-small)}}.scale-100,.scale-90{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.static{position:static}.m-auto{margin:auto}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.gap-\\[--bq-dialog--title-body-gap\\]{gap:var(--bq-dialog--title-body-gap)}.gap-s{gap:var(--bq-spacing-s)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.bg-ui-alt{background-color:var(--bq-ui--alt)}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\\!p-b-s{padding-block:var(--bq-spacing-s)!important}.\\!p-be-\\[--bq-dialog--padding\\]{padding-block-end:var(--bq-dialog--padding)!important}.inset-be-\\[50\\%\\]{inset-block-end:50%}.inset-bs-\\[50\\%\\]{inset-block-start:50%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.block{display:block}.inline{display:inline}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}';const g=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqCancel=e(this,"bqCancel");this.bqClose=e(this,"bqClose");this.bqOpen=e(this,"bqOpen");this.bqAfterOpen=e(this,"bqAfterOpen");this.bqAfterClose=e(this,"bqAfterClose")}dialogElem;contentElem;footerElem;closeSlotElem;OPEN_CSS_CLASS="bq-dialog--open";get el(){return this}hasContent=false;hasFooter=false;border="m";disableBackdrop=false;disableCloseEscKeydown=false;disableCloseClickOutside=false;footerAppearance="standard";hideCloseButton=false;open=false;size="medium";checkPropValues(){t(s,"large",this.el,"size");t(l,"standard",this.el,"footerAppearance")}async handleOpenChange(){if(this.open){await this.handleOpen();return}await this.handleClose()}bqCancel;bqClose;bqOpen;bqAfterOpen;bqAfterClose;componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleSlotChange();this.handleOpenChange();this.closeSlotElem=this.el.shadowRoot.querySelector('slot[name="button-close"]');this.closeSlotElem?.addEventListener("click",(()=>this.hide()))}disconnectedCallback(){this.closeSlotElem?.removeEventListener("click",(()=>this.hide()))}async handleMouseClick(a){if(!this.open)return;if(!this.dialogElem||this.disableCloseClickOutside)return;if(a.button!==0)return;const r=this.dialogElem.getBoundingClientRect();if(a.clientY<r.top||a.clientY>r.bottom||a.clientX<r.left||a.clientX>r.right){await this.cancel()}}async handleKeyDown(a){const r=a.key==="Escape"||a.key==="Esc";if(!this.open||!this.dialogElem||!r)return;if(this.disableCloseEscKeydown){a.preventDefault();return}await this.cancel()}async show(){const a=this.bqOpen.emit();if(a.defaultPrevented)return;this.open=true}async hide(){const a=this.bqClose.emit();if(a.defaultPrevented)return;this.open=false}async cancel(){const a=this.bqCancel.emit();if(a.defaultPrevented)return;this.open=false}handleClose=async()=>{if(!this.dialogElem)return;await n(this.dialogElem);this.dialogElem.close();this.handleTransitionEnd()};handleOpen=async()=>{if(!this.dialogElem)return;this.el.classList.add(this.OPEN_CSS_CLASS);if(this.disableBackdrop){this.dialogElem.show()}else{this.dialogElem.showModal()}await o(this.dialogElem);this.handleTransitionEnd()};handleTransitionEnd=()=>{if(this.open){this.bqAfterOpen.emit();return}this.bqAfterClose.emit();this.el.classList.remove(this.OPEN_CSS_CLASS)};handleSlotChange=()=>{this.hasContent=i(this.contentElem);this.hasFooter=i(this.footerElem,"footer")};render(){const a={...this.border&&{"--bq-dialog--border-radius":`var(--bq-radius--${this.border})`}};return b("dialog",{key:"a52424f5fcc4ea2f6662a882d0041978fb07fabd","aria-labelledby":"bq-dialog--title","aria-modal":"true",class:{[`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]:true,"inset-be-[50%] inset-bs-[50%]":this.disableBackdrop},"data-transition-enter":"transition ease-in duration-300","data-transition-enter-end":"opacity-100 scale-100","data-transition-enter-start":"opacity-0 scale-90","data-transition-leave":"transition ease-out duration-300","data-transition-leave-end":"opacity-0 scale-90","data-transition-leave-start":"opacity-100 scale-100",inert:this.open?undefined:true,part:"dialog",ref:a=>{this.dialogElem=a},style:a},b("main",{key:"2c2167eac55b7108bca003c2b9d834933e3c2d27",class:"flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden",part:"content"},b("header",{key:"81e28aa91f6f488a9dee784c366cdd5806f363b6",class:"bq-dialog--header",part:"header"},b("div",{key:"24ceb02dbc276a22d3191bed8ec50efe78601d6a",class:"bq-dialog--title flex flex-1 items-center justify-between",id:"bq-dialog--title",part:"title"},b("slot",{key:"c7593d3930dba755f1bee330c9ff2bdb5cf12583",name:"title"})),b("slot",{key:"22a5d57e2749670fd61544e1c76163c23b12a528",name:"button-close"},!this.hideCloseButton&&b("bq-button",{key:"439660f251acac11877443d576af3b839e3e7c3e",appearance:"text",class:"bq-dialog--close",size:"small"},b("bq-icon",{key:"a84b88017a963519c7edbc6e94dd883d660b6d97",class:"cursor-pointer",name:"x",title:"Close"})))),b("div",{key:"a46ea39ad6ef6c6f57c5a959dc7f32b41a7f96c8",class:{"!hidden":!this.hasContent,"overflow-y-auto p-i-[--bq-dialog--padding]":this.hasContent,"!p-be-[--bq-dialog--padding]":!this.hasFooter},part:"body",ref:a=>{this.contentElem=a}},b("slot",{key:"777e782e5a0f246f074c0bf8dbcd53e1720b0d4c",onSlotchange:this.handleSlotChange}))),b("footer",{key:"ef09f53ce83e582b37f4bc360e02b657479def3d",class:{"!hidden":!this.hasFooter,"bq-dialog--footer":this.hasFooter,"!p-b-s bg-ui-alt":this.footerAppearance==="highlight"},part:"footer",ref:a=>{this.footerElem=a}},b("slot",{key:"eadf8c208213391e30c060602eb3b6c79b1b774c",name:"footer",onSlotchange:this.handleSlotChange})))}static get watchers(){return{footerAppearance:["checkPropValues"],size:["checkPropValues"],open:["handleOpenChange"]}}static get style(){return c}},[769,"bq-dialog",{border:[513],disableBackdrop:[516,"disable-backdrop"],disableCloseEscKeydown:[516,"disable-close-esc-keydown"],disableCloseClickOutside:[516,"disable-close-click-outside"],footerAppearance:[513,"footer-appearance"],hideCloseButton:[516,"hide-close-button"],open:[1540],size:[1537],hasContent:[32],hasFooter:[32],show:[64],hide:[64],cancel:[64]},[[11,"mousedown","handleMouseClick"],[10,"keydown","handleKeyDown"]],{footerAppearance:["checkPropValues"],size:["checkPropValues"],open:["handleOpenChange"]}]);function v(){if(typeof customElements==="undefined"){return}const a=["bq-dialog","bq-button","bq-icon"];a.forEach((a=>{switch(a){case"bq-dialog":if(!customElements.get(a)){customElements.define(a,g)}break;case"bq-button":if(!customElements.get(a)){q()}break;case"bq-icon":if(!customElements.get(a)){d()}break}}))}const u=g;const f=v;export{u as BqDialog,f as defineCustomElement};
+import{p as a,H as r,c as e,j as b,d as i,t}from"./p-CCQ_5HvV.js";import{v as n}from"./p-zh4P02Kn.js";import{b as o}from"./p-uqkxeAeG.js";import{l as q,e as d}from"./p-DdvbF5yL.js";import{d as s}from"./p-yO5LAmkd.js";import{d as l}from"./p-Bi6ozE0v.js";const c=["small","medium","large"];const g=["standard","highlight"];const v=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-dialog,.shadow-\\[shadow\\:--bq-dialog--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.sticky{position:sticky}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.gap-\\[--bq-dialog--content-footer-gap\\]{gap:var(--bq-dialog--content-footer-gap)}.gap-m{gap:var(--bq-spacing-m)}.gap-xs{gap:var(--bq-spacing-xs)}.rounded-\\[--bq-dialog--border-radius\\]{border-radius:var(--bq-dialog--border-radius)}.border-\\[length\\:--bq-dialog--border-width\\]{border-width:var(--bq-dialog--border-width)}.border-\\[color\\:--bq-dialog--border-color\\]{border-color:var(--bq-dialog--border-color)}.bg-\\[--bq-dialog--background-backdrop\\]{background-color:var(--bq-dialog--background-backdrop)}.bg-\\[--bq-dialog--background\\]{background-color:var(--bq-dialog--background)}.text-\\[--bq-dialog--text-color\\]{color:var(--bq-dialog--text-color)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow-\\[shadow\\:--bq-dialog--box-shadow\\]{--tw-shadow:var(--bq-dialog--box-shadow);--tw-shadow-colored:var(--bq-dialog--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-\\[opacity\\]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-\\[90vw\\]{inline-size:90vw}.is-full{inline-size:100%}.p-b-0{padding-block:0}.p-b-\\[--bq-dialog--padding\\]{padding-block:var(--bq-dialog--padding)}.p-be-0{padding-block-end:0}.p-bs-0{padding-block-start:0}.p-i-\\[--bq-dialog--padding\\]{padding-inline:var(--bq-dialog--padding)}.inset-bs-0{inset-block-start:0}.inset-bs-\\[100\\%\\]{inset-block-start:100%}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}::-ms-backdrop{--bq-dialog--background:var(--bq-ui--primary);--bq-dialog--background-backdrop:var(--bq-background--overlay);--bq-dialog--text-color:var(--bq-text--primary);--bq-dialog--box-shadow:var(--bq-box-shadow--l);--bq-dialog--border-color:transparent;--bq-dialog--border-radius:var(--bq-radius--m);--bq-dialog--border-style:none;--bq-dialog--border-width:unset;--bq-dialog--padding:var(--bq-spacing-l);--bq-dialog--content-footer-gap:var(--bq-spacing-l);--bq-dialog--title-body-gap:var(--bq-spacing-s);--bq-dialog--width-small:320px;--bq-dialog--width-medium:480px;--bq-dialog--width-large:640px;--bq-dialog-z-index:10}::backdrop,:host{--bq-dialog--background:var(--bq-ui--primary);--bq-dialog--background-backdrop:var(--bq-background--overlay);--bq-dialog--text-color:var(--bq-text--primary);--bq-dialog--box-shadow:var(--bq-box-shadow--l);--bq-dialog--border-color:transparent;--bq-dialog--border-radius:var(--bq-radius--m);--bq-dialog--border-style:none;--bq-dialog--border-width:unset;--bq-dialog--padding:var(--bq-spacing-l);--bq-dialog--content-footer-gap:var(--bq-spacing-l);--bq-dialog--title-body-gap:var(--bq-spacing-s);--bq-dialog--width-small:320px;--bq-dialog--width-medium:480px;--bq-dialog--width-large:640px;--bq-dialog-z-index:10}:host{visibility:hidden!important}:host(.bq-dialog--open){visibility:visible!important}.bq-dialog{--tw-shadow:var(--bq-dialog--box-shadow);--tw-shadow-colored:var(--bq-dialog--box-shadow);background-color:var(--bq-dialog--background);border-color:var(--bq-dialog--border-color);border-radius:var(--bq-dialog--border-radius);border-style:var(--bq-dialog--border-style);border-width:var(--bq-dialog--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:var(--bq-dialog--text-color);display:flex;flex-direction:column;gap:var(--bq-dialog--content-footer-gap);inline-size:90vw;padding-block:0;padding-inline:0;position:fixed}@media (min-width:640px){.bq-dialog.small{inline-size:var(--bq-dialog--width-small)}.bq-dialog.medium{inline-size:var(--bq-dialog--width-medium)}.bq-dialog.large{inline-size:var(--bq-dialog--width-large)}}.bq-dialog::-ms-backdrop{background-color:var(--bq-dialog--background-backdrop);opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-dialog::backdrop{background-color:var(--bq-dialog--background-backdrop);opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-dialog[open]::-ms-backdrop{opacity:.6}.bq-dialog[open]::backdrop{opacity:.6}.bq-dialog--header{gap:var(--bq-spacing-m);inset-block-start:0;padding-block:var(--bq-dialog--padding);padding-block-end:0;padding-inline:var(--bq-dialog--padding)}.bq-dialog--footer,.bq-dialog--header{align-items:center;display:flex;position:sticky}.bq-dialog--footer{gap:var(--bq-spacing-xs);inline-size:100%;inset-block-start:100%;justify-content:flex-end;padding-block:var(--bq-dialog--padding);padding-block-start:0;padding-inline:var(--bq-dialog--padding)}@media (min-width:640px){.sm\\:is-\\[--bq-dialog--width-large\\]{inline-size:var(--bq-dialog--width-large)}.sm\\:is-\\[--bq-dialog--width-medium\\]{inline-size:var(--bq-dialog--width-medium)}.sm\\:is-\\[--bq-dialog--width-small\\]{inline-size:var(--bq-dialog--width-small)}}.scale-100,.scale-90{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.static{position:static}.m-auto{margin:auto}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.justify-between{justify-content:space-between}.gap-\\[--bq-dialog--title-body-gap\\]{gap:var(--bq-dialog--title-body-gap)}.gap-s{gap:var(--bq-spacing-s)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.bg-ui-alt{background-color:var(--bq-ui--alt)}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\\!p-b-s{padding-block:var(--bq-spacing-s)!important}.\\!p-be-\\[--bq-dialog--padding\\]{padding-block-end:var(--bq-dialog--padding)!important}.inset-be-\\[50\\%\\]{inset-block-end:50%}.inset-bs-\\[50\\%\\]{inset-block-start:50%}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.block{display:block}.inline{display:inline}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const u=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqCancel=e(this,"bqCancel");this.bqClose=e(this,"bqClose");this.bqOpen=e(this,"bqOpen");this.bqAfterOpen=e(this,"bqAfterOpen");this.bqAfterClose=e(this,"bqAfterClose")}dialogElem;contentElem;footerElem;closeSlotElem;OPEN_CSS_CLASS="bq-dialog--open";get el(){return this}hasContent=false;hasFooter=false;border="m";disableBackdrop=false;disableCloseEscKeydown=false;disableCloseClickOutside=false;footerAppearance="standard";hideCloseButton=false;open=false;size="medium";checkPropValues(){n(c,"large",this.el,"size");n(g,"standard",this.el,"footerAppearance")}async handleOpenChange(){if(this.open){await this.handleOpen();return}await this.handleClose()}bqCancel;bqClose;bqOpen;bqAfterOpen;bqAfterClose;componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleSlotChange();this.handleOpenChange();this.closeSlotElem=this.el.shadowRoot.querySelector('slot[name="button-close"]');this.closeSlotElem?.addEventListener("click",(()=>this.hide()))}disconnectedCallback(){this.closeSlotElem?.removeEventListener("click",(()=>this.hide()))}async handleMouseClick(a){if(!this.open)return;if(!this.dialogElem||this.disableCloseClickOutside)return;if(a.button!==0)return;const r=this.dialogElem.getBoundingClientRect();if(a.clientY<r.top||a.clientY>r.bottom||a.clientX<r.left||a.clientX>r.right){await this.cancel()}}async handleKeyDown(a){const r=a.key==="Escape"||a.key==="Esc";if(!this.open||!this.dialogElem||!r)return;if(this.disableCloseEscKeydown){a.preventDefault();return}await this.cancel()}async show(){const a=this.bqOpen.emit();if(a.defaultPrevented)return;this.open=true}async hide(){const a=this.bqClose.emit();if(a.defaultPrevented)return;this.open=false}async cancel(){const a=this.bqCancel.emit();if(a.defaultPrevented)return;this.open=false}handleClose=async()=>{if(!this.dialogElem)return;await q(this.dialogElem);this.dialogElem.close();this.handleTransitionEnd()};handleOpen=async()=>{if(!this.dialogElem)return;this.el.classList.add(this.OPEN_CSS_CLASS);if(this.disableBackdrop){this.dialogElem.show()}else{this.dialogElem.showModal()}await d(this.dialogElem);this.handleTransitionEnd()};handleTransitionEnd=()=>{if(this.open){this.bqAfterOpen.emit();return}this.bqAfterClose.emit();this.el.classList.remove(this.OPEN_CSS_CLASS)};handleSlotChange=()=>{this.hasContent=o(this.contentElem);this.hasFooter=o(this.footerElem,"footer")};render(){const a={...this.border&&{"--bq-dialog--border-radius":`var(--bq-radius--${this.border})`}};return b("dialog",{"aria-labelledby":"bq-dialog--title","aria-modal":"true",class:{[`bq-dialog hidden ${this.size} m-auto focus-visible:outline-none`]:true,"inset-be-[50%] inset-bs-[50%]":this.disableBackdrop},"data-transition-enter":"transition ease-in duration-300","data-transition-enter-end":"opacity-100 scale-100","data-transition-enter-start":"opacity-0 scale-90","data-transition-leave":"transition ease-out duration-300","data-transition-leave-end":"opacity-0 scale-90","data-transition-leave-start":"opacity-100 scale-100",inert:this.open?undefined:true,part:"dialog",ref:a=>{this.dialogElem=a},style:a,children:[b("main",{class:"flex flex-col gap-[--bq-dialog--title-body-gap] overflow-hidden",part:"content",children:[b("header",{class:"bq-dialog--header",part:"header",children:[i("div",{class:"bq-dialog--title flex flex-1 items-center justify-between",id:"bq-dialog--title",part:"title",children:i("slot",{name:"title"},"bd4970734b763a921867d51461c4b7a68f961bbf")},"41d12c58009f836237159f630e679e40b8480e93"),i("slot",{name:"button-close",children:!this.hideCloseButton&&i("bq-button",{appearance:"text",class:"bq-dialog--close",size:"small",onlyIcon:true,label:"Close",children:i("bq-icon",{name:"x",title:"Close","aria-hidden":"true"},"caff3d8836c1b308543f53678fc9b580d2c8bc70")},"2941bd829249ace44b507502dbcb44698dfacc01")},"fd5ff616453b4f64626049392d2be9ed568615e4")]},"534963f34e0dcd81164bdc006c8ded8c0de89269"),i("div",{class:{"!hidden":!this.hasContent,"overflow-y-auto p-i-[--bq-dialog--padding]":this.hasContent,"!p-be-[--bq-dialog--padding]":!this.hasFooter},part:"body",ref:a=>{this.contentElem=a},children:i("slot",{onSlotchange:this.handleSlotChange},"e92e38e5922a76b052e8c2efb54f672860106690")},"54587f113be5d6b976f916d7d3e5b88cee9bcf87")]},"25e0205a6f047b3bc92efb09ca8b651c3f10a1f8"),i("footer",{class:{"!hidden":!this.hasFooter,"bq-dialog--footer":this.hasFooter,"!p-b-s bg-ui-alt":this.footerAppearance==="highlight"},part:"footer",ref:a=>{this.footerElem=a},children:i("slot",{name:"footer",onSlotchange:this.handleSlotChange},"be13314b263469ccc19f2caae4aaf59f3cc1378b")},"3f3aa2f3922458b3fc6d787f4ca82e4b9eb3a70b")]},"d5b6de7aef90a657a68a42236b99fe0985cce927")}static get watchers(){return{footerAppearance:[{checkPropValues:0}],size:[{checkPropValues:0}],open:[{handleOpenChange:0}]}}static get style(){return v()}},[769,"bq-dialog",{border:[513],disableBackdrop:[516,"disable-backdrop"],disableCloseEscKeydown:[516,"disable-close-esc-keydown"],disableCloseClickOutside:[516,"disable-close-click-outside"],footerAppearance:[513,"footer-appearance"],hideCloseButton:[516,"hide-close-button"],open:[1540],size:[1537],hasContent:[32],hasFooter:[32],show:[64],hide:[64],cancel:[64]},[[11,"mousedown","handleMouseClick"],[10,"keydown","handleKeyDown"]],{footerAppearance:[{checkPropValues:0}],size:[{checkPropValues:0}],open:[{handleOpenChange:0}]}]);function f(){if(typeof customElements==="undefined"){return}const a=["bq-dialog","bq-button","bq-icon"];a.forEach((a=>{switch(a){case"bq-dialog":if(!customElements.get(t(a))){customElements.define(t(a),u)}break;case"bq-button":if(!customElements.get(t(a))){s()}break;case"bq-icon":if(!customElements.get(t(a))){l()}break}}))}const p=u;const h=f;export{p as BqDialog,h as defineCustomElement};
 //# sourceMappingURL=bq-dialog.js.map