@beeq/core 1.11.0-beta.2 → 1.11.0

package/dist/beeq/p-f189b65d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["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","callyElem","inputElem","isInternalUpdate","labelElem","prefixElem","suffixElem","fallbackInputId","COMMON_EXPORT_PARTS","BUTTON_EXPORT_PARTS","internals","isCallyLoaded","focusedDate","displayDate","hasLabel","hasPrefix","hasRangeEnd","hasSuffix","hasValue","autofocus","clearButtonLabel","disableClear","disabled","distance","firstDayOfWeek","formatOptions","day","month","year","form","formValidationMessage","isDateDisallowed","locale","max","min","months","monthsPerView","name","open","panelHeight","placeholder","placement","required","skidding","showOutsideDays","strategy","tentative","validationStatus","handleValueChange","newValue","oldValue","formatDisplayValue","this","setFormValue","isNil","undefined","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","Date","toLocaleDateString","handleChange","isHTMLElement","target","dateValue","isNaN","getTime","handleCalendarChange","shouldStayOpen","focus","handleCalendarRangeStart","handleCalendarRangeEnd","handleClearClick","stopPropagation","hasSlotContent","generateCalendarMonth","offset","className","h","class","exportparts","generateCalendarMonths","Array","from","length","_","i","dateRegex","match","exec","dateFormatter","Intl","DateTimeFormat","start","end","split","map","dateStr","formatRange","dates","date","format","join","states","toString","trim","add","setValidity","valueMissing","CalendarType","componentTypes","single","multi","range","render","CallyCalendar","labelId","part","id","htmlFor","ref","onSlotchange","slot","spanElem","autoComplete","autoCapitalize","readonly","spellcheck","onBlur","onFocus","onChange","appearance","size","onBqClick","pageBy","onRangestart","onRangeend","elem","color","label"],"sources":["../../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":["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 { AttachInternals, Component, Element, Event, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { DATE_PICKER_TYPE } from './bq-date-picker.types';\nimport type { DaysOfWeek, TCalendarDate, TDatePickerType } from './bq-date-picker.types';\nimport { isCallyLibraryLoaded, loadCallyLibrary } from './helper/callyLibrary';\nimport type { Placement } from '../../services/interfaces';\nimport {\n  hasSlotContent,\n  isClient,\n  isDefined,\n  isEventTargetChildOfElement,\n  isHTMLElement,\n  isNil,\n  validatePropValue,\n} from '../../shared/utils';\nimport type { TInputValidation } from '../input/bq-input.types';\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  // 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('fr-CA');\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 handleChange = (ev: Event) => {\n    if (this.disabled || !isHTMLElement(ev.target, 'input')) return;\n\n    const dateValue = new Date(ev.target.value + 'T00:00:00');\n    if (!isNaN(dateValue.getTime())) {\n      // We need to force the value to respect the format: yyyy-mm-dd, hence the hardcoded locale\n      this.value = dateValue.toLocaleDateString('fr-CA');\n      this.displayDate = this.formatDisplayValue(this.value);\n      this.internals.setFormValue(`${this.value}`);\n      this.bqChange.emit({ value: this.value, el: this.el });\n    }\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.value = this.inputElem.value;\n    this.hasRangeEnd = false;\n\n    this.bqClear.emit(this.el);\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.internals.setFormValue(undefined);\n    this.inputElem.focus();\n\n    ev.stopPropagation();\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        offset={offset}\n        class={className}\n        exportparts={`${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`}\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    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 textarea 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          id={labelId}\n          class={{ 'bq-date-picker__label': true, '!hidden': !this.hasLabel }}\n          aria-label={this.name || this.fallbackInputId}\n          htmlFor={this.name || this.fallbackInputId}\n          ref={(labelElem: HTMLSpanElement) => (this.labelElem = labelElem)}\n          part=\"label\"\n        >\n          <slot 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)]:p-m [&::part(panel)]:is-auto\"\n          disabled={this.disabled}\n          distance={this.distance}\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          skidding={this.skidding}\n          strategy={this.strategy}\n          exportparts=\"panel\"\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              ref={(spanElem: HTMLSpanElement) => (this.prefixElem = spanElem)}\n              part=\"prefix\"\n            >\n              <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n            </span>\n            {/* HTML Input */}\n            <input\n              id={this.name || this.fallbackInputId}\n              class=\"bq-date-picker__control--input\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              aria-disabled={this.disabled ? 'true' : 'false'}\n              aria-controls={`${this.name}`}\n              aria-haspopup=\"dialog\"\n              disabled={this.disabled}\n              form={this.form}\n              name={this.name}\n              placeholder={this.placeholder}\n              readonly={this.type !== 'single'}\n              ref={(inputElem: HTMLInputElement) => (this.inputElem = inputElem)}\n              required={this.required}\n              spellcheck={false}\n              type=\"text\"\n              value={this.displayDate}\n              part=\"input\"\n              // Events\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onChange={this.handleChange}\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                class=\"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden\"\n                appearance=\"text\"\n                aria-label={this.clearButtonLabel}\n                size=\"small\"\n                onBqClick={this.handleClearClick}\n                part=\"clear-btn\"\n                exportparts=\"button\"\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon name=\"x-circle\" class=\"flex\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class=\"bq-date-picker__control--suffix\"\n              ref={(spanElem: HTMLSpanElement) => (this.suffixElem = spanElem)}\n              part=\"suffix\"\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSlotChange}>\n                <bq-icon name=\"calendar-blank\" class=\"flex\" />\n              </slot>\n            </span>\n          </div>\n          {this.isCallyLoaded && (\n            <CallyCalendar\n              isDateDisallowed={this.isDateDisallowed}\n              locale={this.locale as string}\n              value={this.value}\n              min={this.min}\n              max={this.max}\n              months={this.months}\n              tentative={this.tentative}\n              pageBy={this.monthsPerView}\n              firstDayOfWeek={this.firstDayOfWeek}\n              showOutsideDays={this.showOutsideDays}\n              onChange={this.handleCalendarChange}\n              onRangestart={this.handleCalendarRangeStart}\n              onRangeend={this.handleCalendarRangeEnd}\n              exportparts=\"container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading\"\n              ref={(elem: TCalendarDate) => (this.callyElem = elem)}\n            >\n              <bq-icon color=\"text--primary\" slot=\"previous\" name=\"caret-left\" label=\"Previous\" />\n              <bq-icon color=\"text--primary\" slot=\"next\" name=\"caret-right\" label=\"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":[]}

package/dist/beeq/{p-b387860a.entry.js → p-f8d5c1ab.entry.js}

@@ -2,5 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{r as a,a as r,h as e,d as b}from"./p-B2Q_ACEf.js";import{v as q}from"./p-zh4P02Kn.js";const t=["xsmall","small","medium","large"];const n=["circle","square"];const i='.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))}::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}.relative{position:relative}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.border-\\[length\\:var\\(--bq-avatar--border-width\\)\\]{border-width:var(--bq-avatar--border-width)}.border-\\[color\\:var\\(--bq-avatar--border-color\\)\\]{border-color:var(--bq-avatar--border-color)}.bg-\\[var\\(--bq-avatar-background\\)\\]{background-color:var(--bq-avatar-background)}.text-\\[length\\:var\\(--bq-avatar--font-size-large\\)\\]{font-size:var(--bq-avatar--font-size-large)}.text-\\[length\\:var\\(--bq-avatar--font-size-medium\\)\\]{font-size:var(--bq-avatar--font-size-medium)}.text-\\[length\\:var\\(--bq-avatar--font-size-small\\)\\]{font-size:var(--bq-avatar--font-size-small)}.text-\\[length\\:var\\(--bq-avatar--font-size-xsmall\\)\\]{font-size:var(--bq-avatar--font-size-xsmall)}.bs-\\[--bq-avatar--size-large\\]{block-size:var(--bq-avatar--size-large)}.bs-\\[--bq-avatar--size-medium\\]{block-size:var(--bq-avatar--size-medium)}.bs-\\[--bq-avatar--size-small\\]{block-size:var(--bq-avatar--size-small)}.bs-\\[--bq-avatar--size-xsmall\\]{block-size:var(--bq-avatar--size-xsmall)}.is-\\[--bq-avatar--size-large\\]{inline-size:var(--bq-avatar--size-large)}.is-\\[--bq-avatar--size-medium\\]{inline-size:var(--bq-avatar--size-medium)}.is-\\[--bq-avatar--size-small\\]{inline-size:var(--bq-avatar--size-small)}.is-\\[--bq-avatar--size-xsmall\\]{inline-size:var(--bq-avatar--size-xsmall)}@-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)}}:host{--bq-avatar-background:var(--bq-ui--alt);--bq-avatar--border-color:var(--bq-stroke--tertiary);--bq-avatar--border-style:solid;--bq-avatar--border-width:var(--bq-stroke-m);--bq-avatar--border-radius-circle:var(--bq-radius--full);--bq-avatar--border-radius-squareXs:var(--bq-radius--xs);--bq-avatar--border-radius-squareS:var(--bq-radius--s);--bq-avatar--border-radius-squareM:var(--bq-radius--m);--bq-avatar--size-xsmall:24px;--bq-avatar--size-small:32px;--bq-avatar--size-medium:48px;--bq-avatar--size-large:64px;--bq-avatar--font-size-xsmall:var(--bq-font-size--xs);--bq-avatar--font-size-small:var(--bq-font-size--xs);--bq-avatar--font-size-medium:var(--bq-font-size--m);--bq-avatar--font-size-large:var(--bq-font-size--m);--bq-avatar--badge-top-square:-5px;--bq-avatar--badge-left-square:80%;--bq-avatar--badge-top-circle:0;--bq-avatar--badge-left-circle:75%;display:inline-block;position:relative}.bq-avatar{background-color:var(--bq-avatar-background);border-color:var(--bq-avatar--border-color);border-style:var(--bq-avatar--border-style);border-width:var(--bq-avatar--border-width);overflow:hidden;position:relative}.size--xsmall{block-size:var(--bq-avatar--size-xsmall);font-size:var(--bq-avatar--font-size-xsmall);inline-size:var(--bq-avatar--size-xsmall)}.size--small{block-size:var(--bq-avatar--size-small);font-size:var(--bq-avatar--font-size-small);inline-size:var(--bq-avatar--size-small)}.size--medium{block-size:var(--bq-avatar--size-medium);font-size:var(--bq-avatar--font-size-medium);inline-size:var(--bq-avatar--size-medium)}.size--large{block-size:var(--bq-avatar--size-large);font-size:var(--bq-avatar--font-size-large);inline-size:var(--bq-avatar--size-large)}.static{position:static}.absolute{position:absolute}.start-0{inset-inline-start:0}.start-\\[--bq-avatar--badge-left-circle\\]{inset-inline-start:var(--bq-avatar--badge-left-circle)}.start-\\[--bq-avatar--badge-left-square\\]{inset-inline-start:var(--bq-avatar--badge-left-square)}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bq-avatar--border-radius-circle\\]{border-radius:var(--bq-avatar--border-radius-circle)}.rounded-\\[--bq-avatar--border-radius-squareM\\]{border-radius:var(--bq-avatar--border-radius-squareM)}.rounded-\\[--bq-avatar--border-radius-squareS\\]{border-radius:var(--bq-avatar--border-radius-squareS)}.rounded-\\[--bq-avatar--border-radius-squareXs\\]{border-radius:var(--bq-avatar--border-radius-squareXs)}.object-cover{object-fit:cover}.font-bold{font-weight:var(--bq-font-weight--bold)}.text-primary{color:var(--bq-text--primary)}.bs-full{block-size:100%}.is-full{inline-size:100%}.inset-bs-0{inset-block-start:0}.inset-bs-\\[--bq-avatar--badge-top-circle\\]{inset-block-start:var(--bq-avatar--badge-top-circle)}.inset-bs-\\[--bq-avatar--badge-top-square\\]{inset-block-start:var(--bq-avatar--badge-top-square)}';const s=class{constructor(r){a(this,r)}trimmedInitials;get el(){return r(this)}hasError;altText;image;label;initials;shape="circle";size="medium";handleImagePropChange(){this.hasError=false}checkPropValues(){q(n,"circle",this.el,"shape");q(t,"medium",this.el,"size")}onInitialsChange(){this.trimInitialsBasedOnSize()}componentWillLoad(){this.trimInitialsBasedOnSize();this.checkPropValues()}onImageError=()=>{this.hasError=true};trimInitialsBasedOnSize=()=>{if(!this.initials)return;t.forEach((a=>{if(this.size===a){this.trimmedInitials=this.initials.substring(0,this.getIndex(a))}}))};getIndex=a=>{const r={xsmall:1,small:2,medium:3,large:4};return r[a]??r.xsmall};render(){return e(b,{key:"d542134d8c9b763e908c7573ad8430a131e2751e"},e("div",{key:"b8445c73138ab0c321fa77c2c477eb514626b73d",class:{"bq-avatar":true,[`size--${this.size}`]:true,"rounded-[--bq-avatar--border-radius-circle]":this.shape==="circle","rounded-[--bq-avatar--border-radius-squareXs]":this.shape==="square"&&this.size==="xsmall","rounded-[--bq-avatar--border-radius-squareS]":this.shape==="square"&&this.size==="small","rounded-[--bq-avatar--border-radius-squareM]":this.shape==="square"&&(this.size==="medium"||this.size==="large")},"aria-label":this.label,role:"img",part:"base"},this.initials&&e("span",{key:"1b73eb51ae99dfcf22e8f8be7d3d272d21bc7b19",class:"absolute start-0 inline-flex items-center justify-center font-bold text-primary bs-full is-full inset-bs-0",part:"text"},this.trimmedInitials),this.image&&!this.hasError&&e("img",{key:"cb7143ed83d135c3f611b4caf6d842ef25b522dd",class:"absolute start-0 object-cover bs-full is-full inset-bs-0",alt:this.altText??undefined,src:this.image,onError:this.onImageError,part:"img"})),e("div",{key:"20745fee89866cccf35f6863bfb8a9eff14aa387",class:{"absolute flex items-center justify-center":true,"start-[--bq-avatar--badge-left-square] inset-bs-[--bq-avatar--badge-top-square]":this.shape==="square","start-[--bq-avatar--badge-left-circle] inset-bs-[--bq-avatar--badge-top-circle]":this.shape==="circle"},part:"badge"},e("slot",{key:"220d8780e323c32d838ce761dad35e4ecb92b656",name:"badge"})))}static get watchers(){return{image:["handleImagePropChange"],shape:["checkPropValues"],size:["checkPropValues","onInitialsChange"],initials:["onInitialsChange"]}}};s.style=i;export{s as bq_avatar};
-//# sourceMappingURL=p-b387860a.entry.js.map
+import{r as a,a as r,h as e,d as b}from"./p-DDw-pDpy.js";import{v as q}from"./p-zh4P02Kn.js";const t=["xsmall","small","medium","large"];const n=["circle","square"];const i='.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))}::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}.relative{position:relative}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.border-\\[length\\:var\\(--bq-avatar--border-width\\)\\]{border-width:var(--bq-avatar--border-width)}.border-\\[color\\:var\\(--bq-avatar--border-color\\)\\]{border-color:var(--bq-avatar--border-color)}.bg-\\[var\\(--bq-avatar-background\\)\\]{background-color:var(--bq-avatar-background)}.text-\\[length\\:var\\(--bq-avatar--font-size-large\\)\\]{font-size:var(--bq-avatar--font-size-large)}.text-\\[length\\:var\\(--bq-avatar--font-size-medium\\)\\]{font-size:var(--bq-avatar--font-size-medium)}.text-\\[length\\:var\\(--bq-avatar--font-size-small\\)\\]{font-size:var(--bq-avatar--font-size-small)}.text-\\[length\\:var\\(--bq-avatar--font-size-xsmall\\)\\]{font-size:var(--bq-avatar--font-size-xsmall)}.bs-\\[--bq-avatar--size-large\\]{block-size:var(--bq-avatar--size-large)}.bs-\\[--bq-avatar--size-medium\\]{block-size:var(--bq-avatar--size-medium)}.bs-\\[--bq-avatar--size-small\\]{block-size:var(--bq-avatar--size-small)}.bs-\\[--bq-avatar--size-xsmall\\]{block-size:var(--bq-avatar--size-xsmall)}.is-\\[--bq-avatar--size-large\\]{inline-size:var(--bq-avatar--size-large)}.is-\\[--bq-avatar--size-medium\\]{inline-size:var(--bq-avatar--size-medium)}.is-\\[--bq-avatar--size-small\\]{inline-size:var(--bq-avatar--size-small)}.is-\\[--bq-avatar--size-xsmall\\]{inline-size:var(--bq-avatar--size-xsmall)}@-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)}}:host{--bq-avatar-background:var(--bq-ui--alt);--bq-avatar--border-color:var(--bq-stroke--tertiary);--bq-avatar--border-style:solid;--bq-avatar--border-width:var(--bq-stroke-m);--bq-avatar--border-radius-circle:var(--bq-radius--full);--bq-avatar--border-radius-squareXs:var(--bq-radius--xs);--bq-avatar--border-radius-squareS:var(--bq-radius--s);--bq-avatar--border-radius-squareM:var(--bq-radius--m);--bq-avatar--size-xsmall:24px;--bq-avatar--size-small:32px;--bq-avatar--size-medium:48px;--bq-avatar--size-large:64px;--bq-avatar--font-size-xsmall:var(--bq-font-size--xs);--bq-avatar--font-size-small:var(--bq-font-size--xs);--bq-avatar--font-size-medium:var(--bq-font-size--m);--bq-avatar--font-size-large:var(--bq-font-size--m);--bq-avatar--badge-top-square:-5px;--bq-avatar--badge-left-square:80%;--bq-avatar--badge-top-circle:0;--bq-avatar--badge-left-circle:75%;display:inline-block;position:relative}.bq-avatar{background-color:var(--bq-avatar-background);border-color:var(--bq-avatar--border-color);border-style:var(--bq-avatar--border-style);border-width:var(--bq-avatar--border-width);overflow:hidden;position:relative}.size--xsmall{block-size:var(--bq-avatar--size-xsmall);font-size:var(--bq-avatar--font-size-xsmall);inline-size:var(--bq-avatar--size-xsmall)}.size--small{block-size:var(--bq-avatar--size-small);font-size:var(--bq-avatar--font-size-small);inline-size:var(--bq-avatar--size-small)}.size--medium{block-size:var(--bq-avatar--size-medium);font-size:var(--bq-avatar--font-size-medium);inline-size:var(--bq-avatar--size-medium)}.size--large{block-size:var(--bq-avatar--size-large);font-size:var(--bq-avatar--font-size-large);inline-size:var(--bq-avatar--size-large)}.static{position:static}.absolute{position:absolute}.start-0{inset-inline-start:0}.start-\\[--bq-avatar--badge-left-circle\\]{inset-inline-start:var(--bq-avatar--badge-left-circle)}.start-\\[--bq-avatar--badge-left-square\\]{inset-inline-start:var(--bq-avatar--badge-left-square)}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bq-avatar--border-radius-circle\\]{border-radius:var(--bq-avatar--border-radius-circle)}.rounded-\\[--bq-avatar--border-radius-squareM\\]{border-radius:var(--bq-avatar--border-radius-squareM)}.rounded-\\[--bq-avatar--border-radius-squareS\\]{border-radius:var(--bq-avatar--border-radius-squareS)}.rounded-\\[--bq-avatar--border-radius-squareXs\\]{border-radius:var(--bq-avatar--border-radius-squareXs)}.object-cover{object-fit:cover}.font-bold{font-weight:var(--bq-font-weight--bold)}.text-primary{color:var(--bq-text--primary)}.bs-full{block-size:100%}.is-full{inline-size:100%}.inset-bs-0{inset-block-start:0}.inset-bs-\\[--bq-avatar--badge-top-circle\\]{inset-block-start:var(--bq-avatar--badge-top-circle)}.inset-bs-\\[--bq-avatar--badge-top-square\\]{inset-block-start:var(--bq-avatar--badge-top-square)}.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}}';const s=class{constructor(r){a(this,r)}trimmedInitials;get el(){return r(this)}hasError;altText;image;label;initials;shape="circle";size="medium";handleImagePropChange(){this.hasError=false}checkPropValues(){q(n,"circle",this.el,"shape");q(t,"medium",this.el,"size")}onInitialsChange(){this.trimInitialsBasedOnSize()}componentWillLoad(){this.trimInitialsBasedOnSize();this.checkPropValues()}onImageError=()=>{this.hasError=true};trimInitialsBasedOnSize=()=>{if(!this.initials)return;t.forEach((a=>{if(this.size===a){this.trimmedInitials=this.initials.substring(0,this.getIndex(a))}}))};getIndex=a=>{const r={xsmall:1,small:2,medium:3,large:4};return r[a]??r.xsmall};render(){return e(b,{key:"d542134d8c9b763e908c7573ad8430a131e2751e"},e("div",{key:"b8445c73138ab0c321fa77c2c477eb514626b73d",class:{"bq-avatar":true,[`size--${this.size}`]:true,"rounded-[--bq-avatar--border-radius-circle]":this.shape==="circle","rounded-[--bq-avatar--border-radius-squareXs]":this.shape==="square"&&this.size==="xsmall","rounded-[--bq-avatar--border-radius-squareS]":this.shape==="square"&&this.size==="small","rounded-[--bq-avatar--border-radius-squareM]":this.shape==="square"&&(this.size==="medium"||this.size==="large")},"aria-label":this.label,role:"img",part:"base"},this.initials&&e("span",{key:"1b73eb51ae99dfcf22e8f8be7d3d272d21bc7b19",class:"absolute start-0 inline-flex items-center justify-center font-bold text-primary bs-full is-full inset-bs-0",part:"text"},this.trimmedInitials),this.image&&!this.hasError&&e("img",{key:"cb7143ed83d135c3f611b4caf6d842ef25b522dd",class:"absolute start-0 object-cover bs-full is-full inset-bs-0",alt:this.altText??undefined,src:this.image,onError:this.onImageError,part:"img"})),e("div",{key:"20745fee89866cccf35f6863bfb8a9eff14aa387",class:{"absolute flex items-center justify-center":true,"start-[--bq-avatar--badge-left-square] inset-bs-[--bq-avatar--badge-top-square]":this.shape==="square","start-[--bq-avatar--badge-left-circle] inset-bs-[--bq-avatar--badge-top-circle]":this.shape==="circle"},part:"badge"},e("slot",{key:"220d8780e323c32d838ce761dad35e4ecb92b656",name:"badge"})))}static get watchers(){return{image:["handleImagePropChange"],shape:["checkPropValues"],size:["checkPropValues","onInitialsChange"],initials:["onInitialsChange"]}}};s.style=i;export{s as bq_avatar};
+//# sourceMappingURL=p-f8d5c1ab.entry.js.map

package/dist/beeq/p-f8d5c1ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AVATAR_SIZE","AVATAR_SHAPE","bqAvatarCss","BqAvatar","trimmedInitials","hasError","altText","image","label","initials","shape","size","handleImagePropChange","this","checkPropValues","validatePropValue","el","onInitialsChange","trimInitialsBasedOnSize","componentWillLoad","onImageError","forEach","substring","getIndex","sizeIndexMap","xsmall","small","medium","large","render","h","Host","key","class","role","part","alt","undefined","src","onError","name"],"sources":["../../packages/beeq/src/components/avatar/bq-avatar.types.ts","../../packages/beeq/src/components/avatar/scss/bq-avatar.scss?tag=bq-avatar&encapsulation=shadow","../../packages/beeq/src/components/avatar/bq-avatar.tsx"],"sourcesContent":["export const AVATAR_SIZE = ['xsmall', 'small', 'medium', 'large'] as const;\nexport type TAvatarSize = (typeof AVATAR_SIZE)[number];\n\nexport const AVATAR_SHAPE = ['circle', 'square'] as const;\nexport type TAvatarShape = (typeof AVATAR_SHAPE)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Avatar styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-avatar.variables';\n\n:host {\n  @apply relative inline-block;\n}\n\n.bq-avatar {\n  @apply relative overflow-hidden bg-[var(--bq-avatar-background)];\n  @apply border-[length:var(--bq-avatar--border-width)] border-[color:var(--bq-avatar--border-color)];\n\n  border-style: var(--bq-avatar--border-style);\n}\n\n.size {\n  &--xsmall {\n    @apply text-[length:var(--bq-avatar--font-size-xsmall)] bs-[--bq-avatar--size-xsmall] is-[--bq-avatar--size-xsmall];\n  }\n\n  &--small {\n    @apply text-[length:var(--bq-avatar--font-size-small)] bs-[--bq-avatar--size-small] is-[--bq-avatar--size-small];\n  }\n\n  &--medium {\n    @apply text-[length:var(--bq-avatar--font-size-medium)] bs-[--bq-avatar--size-medium] is-[--bq-avatar--size-medium];\n  }\n\n  &--large {\n    @apply text-[length:var(--bq-avatar--font-size-large)] bs-[--bq-avatar--size-large] is-[--bq-avatar--size-large];\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { AVATAR_SHAPE, AVATAR_SIZE } from './bq-avatar.types';\nimport type { TAvatarShape, TAvatarSize } from './bq-avatar.types';\nimport { validatePropValue } from '../../shared/utils';\n\n/**\n * The Avatar component is a simple and customizable element that displays an image or initials in a circular or square shape.\n * This component is useful for displaying user profile pictures or any other image that represents a person or an entity.\n *\n * @example How to use it\n * ```html\n * <bq-avatar\n *   alt-text=\"John Doe profile picture\"\n *   image=\"/image/url/photo-1524593689594.jpeg\"\n *   label=\"John Doe profile picture\"\n *   shape=\"circle\"\n *   size=\"medium\"\n * >\n *   <bq-badge slot=\"badge\" text-color=\"#fff\">9</bq-badge>\n * </bq-avatar>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/148da7-avatar\n * @status stable\n *\n * @attr {string} alt-text - Alternate text for the avatar image if the image cannot be displayed.\n * @attr {string} image - The image source to load on the avatar (this can be also a base64 encoded image).\n * @attr {string} label - A text to use for describing the avatar on assistive devices.\n * @attr {string} initials - The text to display on avatar.\n * @attr {\"circle\" | \"square\"} shape - The shape of the avatar.\n * @attr {\"xsmall\" | \"small\" | \"medium\" | \"large\"} size - The size of the avatar.\n *\n * @slot badge - The badge slot is used to add a badge to the avatar. The badge is a small circle or square that can be used to display a number or a status.\n *\n * @part base - The component's internal wrapper.\n * @part img - The `<image>` tag element that load the image source.\n * @part text - The `<span>` tag element that rendered the `Initials` text string.\n * @part badge - The container that wraps the badge slot element.\n *\n * @cssprop --bq-avatar--background - Avatar background color\n *\n * @cssprop --bq-avatar--border-color - Avatar border color\n * @cssprop --bq-avatar--border-style - Avatar border style\n * @cssprop --bq-avatar--border-width - Avatar border width\n *\n * @cssprop --bq-avatar--border-radius-circle - Avatar border radius for circle & any size\n * @cssprop --bq-avatar--border-radius-squareXs - Avatar border radius for square & size xsmall\n * @cssprop --bq-avatar--border-radius-squareS - Avatar border radius for square & size small\n * @cssprop --bq-avatar--border-radius-squareM - Avatar border radius for square & size medium/large\n *\n * @cssprop --bq-avatar--size-xsmall - Avatar xsmall size\n * @cssprop --bq-avatar--size-small - Avatar small size\n * @cssprop --bq-avatar--size-medium - Avatar medium size\n * @cssprop --bq-avatar--size-large - Avatar large size\n *\n * @cssprop --bq-avatar--badge-top-square - Badge top position shape square\n * @cssprop --bq-avatar--badge-left-square - Badge left position shape square\n * @cssprop --bq-avatar--badge-top-circle - Badge top position shape circle\n * @cssprop --bq-avatar--badge-left-circle - Badge left position shape circle\n */\n@Component({\n  tag: 'bq-avatar',\n  styleUrl: './scss/bq-avatar.scss',\n  shadow: true,\n})\nexport class BqAvatar {\n  // Own Properties\n  // ====================\n\n  trimmedInitials: string;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqAvatarElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() hasError: boolean;\n\n  // Public Property API\n  // ========================\n\n  /** Alternate text for the avatar image if the image cannot be displayed */\n  @Prop({ reflect: true }) altText: string;\n\n  /** The image source to load on the avatar (this can be also a base64 encoded image) */\n  @Prop({ reflect: true }) image: string;\n\n  /** A text to use for describing the avatar on assistive devices */\n  @Prop({ reflect: true }) label: string;\n\n  /** The text to display on avatar */\n  @Prop({ reflect: true }) initials: string;\n\n  /** The shape of the avatar */\n  @Prop({ reflect: true }) shape: TAvatarShape = 'circle';\n\n  /** The size of the avatar */\n  @Prop({ reflect: true, mutable: true }) size: TAvatarSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('image')\n  handleImagePropChange() {\n    // Reset the error when a new image source is provided\n    this.hasError = false;\n  }\n\n  @Watch('shape')\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(AVATAR_SHAPE, 'circle', this.el, 'shape');\n    validatePropValue(AVATAR_SIZE, 'medium', this.el, 'size');\n  }\n\n  @Watch('initials')\n  @Watch('size')\n  onInitialsChange() {\n    this.trimInitialsBasedOnSize();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.trimInitialsBasedOnSize();\n    this.checkPropValues();\n  }\n\n  // Listeners\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  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private onImageError = () => {\n    this.hasError = true;\n  };\n\n  private trimInitialsBasedOnSize = (): void => {\n    if (!this.initials) return;\n\n    AVATAR_SIZE.forEach((size: TAvatarSize) => {\n      if (this.size === size) {\n        this.trimmedInitials = this.initials.substring(0, this.getIndex(size));\n      }\n    });\n  };\n\n  private getIndex = (size: TAvatarSize): number => {\n    const sizeIndexMap = {\n      xsmall: 1,\n      small: 2,\n      medium: 3,\n      large: 4,\n    };\n    return sizeIndexMap[size] ?? sizeIndexMap.xsmall;\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'bq-avatar': true,\n            [`size--${this.size}`]: true,\n            'rounded-[--bq-avatar--border-radius-circle]': this.shape === 'circle',\n            'rounded-[--bq-avatar--border-radius-squareXs]': this.shape === 'square' && this.size === 'xsmall',\n            'rounded-[--bq-avatar--border-radius-squareS]': this.shape === 'square' && this.size === 'small',\n            'rounded-[--bq-avatar--border-radius-squareM]':\n              this.shape === 'square' && (this.size === 'medium' || this.size === 'large'),\n          }}\n          aria-label={this.label}\n          role=\"img\"\n          part=\"base\"\n        >\n          {this.initials && (\n            <span\n              class=\"absolute start-0 inline-flex items-center justify-center font-bold text-primary bs-full is-full inset-bs-0\"\n              part=\"text\"\n            >\n              {this.trimmedInitials}\n            </span>\n          )}\n          {this.image && !this.hasError && (\n            <img\n              class=\"absolute start-0 object-cover bs-full is-full inset-bs-0\"\n              alt={this.altText ?? undefined}\n              src={this.image}\n              onError={this.onImageError}\n              part=\"img\"\n            />\n          )}\n        </div>\n        <div\n          class={{\n            'absolute flex items-center justify-center': true,\n            'start-[--bq-avatar--badge-left-square] inset-bs-[--bq-avatar--badge-top-square]': this.shape === 'square',\n            'start-[--bq-avatar--badge-left-circle] inset-bs-[--bq-avatar--badge-top-circle]': this.shape === 'circle',\n          }}\n          part=\"badge\"\n        >\n          <slot name=\"badge\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;6FAAO,MAAMA,EAAc,CAAC,SAAU,QAAS,SAAU,SAGlD,MAAMC,EAAe,CAAC,SAAU,UCHvC,MAAMC,EAAc,szuB,MCkEPC,EAAQ,M,yBAInBC,gB,wBAWSC,SAMgBC,QAGAC,MAGAC,MAGAC,SAGAC,MAAsB,SAGPC,KAAoB,SAM5D,qBAAAC,GAEEC,KAAKR,SAAW,K,CAKlB,eAAAS,GACEC,EAAkBd,EAAc,SAAUY,KAAKG,GAAI,SACnDD,EAAkBf,EAAa,SAAUa,KAAKG,GAAI,O,CAKpD,gBAAAC,GACEJ,KAAKK,yB,CAWP,iBAAAC,GACEN,KAAKK,0BACLL,KAAKC,iB,CAkBCM,aAAe,KACrBP,KAAKR,SAAW,IAAI,EAGda,wBAA0B,KAChC,IAAKL,KAAKJ,SAAU,OAEpBT,EAAYqB,SAASV,IACnB,GAAIE,KAAKF,OAASA,EAAM,CACtBE,KAAKT,gBAAkBS,KAAKJ,SAASa,UAAU,EAAGT,KAAKU,SAASZ,G,IAElE,EAGIY,SAAYZ,IAClB,MAAMa,EAAe,CACnBC,OAAQ,EACRC,MAAO,EACPC,OAAQ,EACRC,MAAO,GAET,OAAOJ,EAAab,IAASa,EAAaC,MAAM,EAOlD,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,YAAa,KACb,CAAC,SAASpB,KAAKF,QAAS,KACxB,8CAA+CE,KAAKH,QAAU,SAC9D,gDAAiDG,KAAKH,QAAU,UAAYG,KAAKF,OAAS,SAC1F,+CAAgDE,KAAKH,QAAU,UAAYG,KAAKF,OAAS,QACzF,+CACEE,KAAKH,QAAU,WAAaG,KAAKF,OAAS,UAAYE,KAAKF,OAAS,UAE5D,aAAAE,KAAKL,MACjB0B,KAAK,MACLC,KAAK,QAEJtB,KAAKJ,UACJqB,EAAA,QAAAE,IAAA,2CACEC,MAAM,6GACNE,KAAK,QAEJtB,KAAKT,iBAGTS,KAAKN,QAAUM,KAAKR,UACnByB,EAAA,OAAAE,IAAA,2CACEC,MAAM,2DACNG,IAAKvB,KAAKP,SAAW+B,UACrBC,IAAKzB,KAAKN,MACVgC,QAAS1B,KAAKO,aACde,KAAK,SAIXL,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,4CAA6C,KAC7C,kFAAmFpB,KAAKH,QAAU,SAClG,kFAAmFG,KAAKH,QAAU,UAEpGyB,KAAK,SAELL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,W","ignoreList":[]}

package/dist/beeq/{p-32a07a71.entry.js → p-fbc38c77.entry.js}

@@ -2,5 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{r as a,a as r,h as b,d as e}from"./p-B2Q_ACEf.js";import{v as q}from"./p-zh4P02Kn.js";const n=["default","minimal"];const t='.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))}::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}.block{display:block}@-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)}}:host{--bq-card--borderColor:transparent;--bq-card--borderRadius:var(--bq-radius--m);--bq-card--borderStyle:solid;--bq-card--borderWidth:0;--bq-card--padding:var(--bq-spacing-l);--bq-card--paddingMinimal:var(--bq-spacing-xs);--bq-card--background:var(--bq-background--secondary);display:block}.bq-card{border-style:var(--bq-card--borderStyle)}.static{position:static}.rounded-\\[--bq-card--borderRadius\\]{border-radius:var(--bq-card--borderRadius)}.border-\\[length\\:--bq-card--borderWidth\\]{border-width:var(--bq-card--borderWidth)}.border-\\[color\\:--bq-card--borderColor\\]{border-color:var(--bq-card--borderColor)}.bg-\\[--bq-card--background\\]{background-color:var(--bq-card--background)}.p-b-0{padding-block:0}.p-b-\\[--bq-card--padding\\]{padding-block:var(--bq-card--padding)}.p-i-0{padding-inline:0}.p-i-\\[--bq-card--padding\\]{padding-inline:var(--bq-card--padding)}';const i=class{constructor(r){a(this,r)}get el(){return r(this)}type="default";border="m";checkPropValue(){q(n,"default",this.el,"type")}componentWillLoad(){this.checkPropValue()}render(){const a={...this.border&&{"--bq-card--borderRadius":`var(--bq-radius--${this.border})`}};return b(e,{key:"3ac2ef6895a154485e2123b9ea6298d437e0918a",style:a},b("div",{key:"1b8ccdca965fec742339ff11869e080cb49d9bb3",class:{"bq-card rounded-[--bq-card--borderRadius] border-[length:--bq-card--borderWidth] border-[color:--bq-card--borderColor] bg-[--bq-card--background]":true,"p-b-[--bq-card--padding] p-i-[--bq-card--padding]":this.type==="default","p-b-0 p-i-0":this.type==="minimal"},part:"wrapper"},b("slot",{key:"d7b652982dc0e9e1eae929416d5bd88fcf0c5c3b"})))}static get watchers(){return{type:["checkPropValue"]}}};i.style=t;export{i as bq_card};
-//# sourceMappingURL=p-32a07a71.entry.js.map
+import{r as a,a as r,h as b,d as e}from"./p-DDw-pDpy.js";import{v as q}from"./p-zh4P02Kn.js";const n=["default","minimal"];const t='.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))}::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}.block{display:block}@-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)}}:host{--bq-card--borderColor:transparent;--bq-card--borderRadius:var(--bq-radius--m);--bq-card--borderStyle:solid;--bq-card--borderWidth:0;--bq-card--padding:var(--bq-spacing-l);--bq-card--paddingMinimal:var(--bq-spacing-xs);--bq-card--background:var(--bq-background--secondary);display:block}.bq-card{border-style:var(--bq-card--borderStyle)}.static{position:static}.rounded-\\[--bq-card--borderRadius\\]{border-radius:var(--bq-card--borderRadius)}.border-\\[length\\:--bq-card--borderWidth\\]{border-width:var(--bq-card--borderWidth)}.border-\\[color\\:--bq-card--borderColor\\]{border-color:var(--bq-card--borderColor)}.bg-\\[--bq-card--background\\]{background-color:var(--bq-card--background)}.p-m{padding:var(--bq-spacing-m)}.text-m{font-size:var(--bq-font-size--m)}.text-xl{font-size:var(--bq-font-size--xl)}.font-bold{font-weight:var(--bq-font-weight--bold)}.p-b-0{padding-block:0}.p-b-\\[--bq-card--padding\\]{padding-block:var(--bq-card--padding)}.p-i-0{padding-inline:0}.p-i-\\[--bq-card--padding\\]{padding-inline:var(--bq-card--padding)}.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}}';const i=class{constructor(r){a(this,r)}get el(){return r(this)}type="default";border="m";checkPropValue(){q(n,"default",this.el,"type")}componentWillLoad(){this.checkPropValue()}render(){const a={...this.border&&{"--bq-card--borderRadius":`var(--bq-radius--${this.border})`}};return b(e,{key:"3ac2ef6895a154485e2123b9ea6298d437e0918a",style:a},b("div",{key:"1b8ccdca965fec742339ff11869e080cb49d9bb3",class:{"bq-card rounded-[--bq-card--borderRadius] border-[length:--bq-card--borderWidth] border-[color:--bq-card--borderColor] bg-[--bq-card--background]":true,"p-b-[--bq-card--padding] p-i-[--bq-card--padding]":this.type==="default","p-b-0 p-i-0":this.type==="minimal"},part:"wrapper"},b("slot",{key:"d7b652982dc0e9e1eae929416d5bd88fcf0c5c3b"})))}static get watchers(){return{type:["checkPropValue"]}}};i.style=t;export{i as bq_card};
+//# sourceMappingURL=p-fbc38c77.entry.js.map

package/dist/beeq/p-fbc38c77.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CARD_TYPE","bqCardCss","BqCard","type","border","checkPropValue","validatePropValue","this","el","componentWillLoad","render","style","h","Host","key","class","part"],"sources":["../../packages/beeq/src/components/card/bq-card.types.ts","../../packages/beeq/src/components/card/scss/bq-card.scss?tag=bq-card&encapsulation=shadow","../../packages/beeq/src/components/card/bq-card.tsx"],"sourcesContent":["export const CARD_TYPE = ['default', 'minimal'] as const;\nexport type TCardType = (typeof CARD_TYPE)[number];\n\nexport const CARD_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TCardBorderRadius = (typeof CARD_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                        Card styles                        */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-card.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-card {\n  border-style: var(--bq-card--borderStyle);\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { CARD_TYPE } from './bq-card.types';\nimport type { TCardBorderRadius, TCardType } from './bq-card.types';\nimport { validatePropValue } from '../../shared/utils';\n\n/**\n * The Card component serves as a versatile container designed for flexible content presentation within user interfaces.\n * Its structure accommodates various styles, allowing users to customize and adapt it according to their design preferences.\n *\n * @example How to use it\n * ```html\n * <bq-card type=\"default\" border=\"m\">\n *   <div class=\"p-m\">\n *     <h3 class=\"text-xl font-bold\">Card Title</h3>\n *     <p class=\"text-m\">Card content goes here</p>\n *   </div>\n * </bq-card>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/522abb-card\n * @status stable\n *\n * @attr {\"default\" | \"minimal\"} type - Type of card component\n * @attr {\"none\" | \"xs2\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"full\"} border - The corner radius of the card component\n *\n * @slot - The content of the card component\n *\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n *\n * @cssprop --bq-card--borderColor - Card border color\n * @cssprop --bq-card--borderRadius - Card border radius\n * @cssprop --bq-card--borderStyle - Card border style\n * @cssprop --bq-card--borderWidth - Card border width\n *\n * @cssprop --bq-card--padding - Card padding\n * @cssprop --bq-card--paddingMinimal - Minimal card padding\n * @cssprop --bq-card--background - Card background color\n */\n@Component({\n  tag: 'bq-card',\n  styleUrl: './scss/bq-card.scss',\n  shadow: true,\n})\nexport class BqCard {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqCardElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** Type of card component */\n  @Prop({ reflect: true }) type: TCardType = 'default';\n\n  /** The corner radius of the card component */\n  @Prop({ reflect: true }) border: TCardBorderRadius = 'm';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('type')\n  checkPropValue() {\n    validatePropValue(CARD_TYPE, 'default', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValue();\n  }\n\n  // Listeners\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  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-card--borderRadius': `var(--bq-radius--${this.border})` }),\n    };\n    return (\n      <Host style={style}>\n        <div\n          class={{\n            'bq-card rounded-[--bq-card--borderRadius] border-[length:--bq-card--borderWidth] border-[color:--bq-card--borderColor] bg-[--bq-card--background]': true,\n            'p-b-[--bq-card--padding] p-i-[--bq-card--padding]': this.type === 'default',\n            // Remove padding for minimal card type\n            'p-b-0 p-i-0': this.type === 'minimal',\n          }}\n          part=\"wrapper\"\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;6FAAO,MAAMA,EAAY,CAAC,UAAW,WCArC,MAAMC,EAAY,mooB,MC4CLC,EAAM,M,iDAiBQC,KAAkB,UAGlBC,OAA4B,IAMrD,cAAAC,GACEC,EAAkBN,EAAW,UAAWO,KAAKC,GAAI,O,CAWnD,iBAAAC,GACEF,KAAKF,gB,CAsBP,MAAAK,GACE,MAAMC,EAAQ,IACRJ,KAAKH,QAAU,CAAE,0BAA2B,oBAAoBG,KAAKH,YAE3E,OACEQ,EAACC,EAAK,CAAAC,IAAA,2CAAAH,MAAOA,GACXC,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACL,oJAAqJ,KACrJ,oDAAqDR,KAAKJ,OAAS,UAEnE,cAAeI,KAAKJ,OAAS,WAE/Ba,KAAK,WAELJ,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/beeq/p-y49NXy_H.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+const t=["top","right","bottom","left"];const n=Math.min;const e=Math.max;const o=Math.round;const i=Math.floor;const s=t=>({x:t,y:t});const r={left:"right",right:"left",bottom:"top",top:"bottom"};const c={start:"end",end:"start"};function l(t,o,i){return e(t,n(o,i))}function a(t,n){return typeof t==="function"?t(n):t}function f(t){return t.split("-")[0]}function u(t){return t.split("-")[1]}function d(t){return t==="x"?"y":"x"}function h(t){return t==="y"?"height":"width"}const m=new Set(["top","bottom"]);function p(t){return m.has(f(t))?"y":"x"}function y(t){return d(p(t))}function w(t,n,e){if(e===void 0){e=false}const o=u(t);const i=y(t);const s=h(i);let r=i==="x"?o===(e?"end":"start")?"right":"left":o==="start"?"bottom":"top";if(n.reference[s]>n.floating[s]){r=k(r)}return[r,k(r)]}function g(t){const n=k(t);return[x(t),n,x(n)]}function x(t){return t.replace(/start|end/g,(t=>c[t]))}const b=["left","right"];const v=["right","left"];const A=["top","bottom"];const S=["bottom","top"];function O(t,n,e){switch(t){case"top":case"bottom":if(e)return n?v:b;return n?b:v;case"left":case"right":return n?A:S;default:return[]}}function R(t,n,e,o){const i=u(t);let s=O(f(t),e==="start",o);if(i){s=s.map((t=>t+"-"+i));if(n){s=s.concat(s.map(x))}}return s}function k(t){return t.replace(/left|right|bottom|top/g,(t=>r[t]))}function F(t){return{top:0,right:0,bottom:0,left:0,...t}}function D(t){return typeof t!=="number"?F(t):{top:t,right:t,bottom:t,left:t}}function C(t){const{x:n,y:e,width:o,height:i}=t;return{width:o,height:i,top:e,left:n,right:n+o,bottom:e+i,x:n,y:e}}function P(t,n,e){let{reference:o,floating:i}=t;const s=p(n);const r=y(n);const c=h(r);const l=f(n);const a=s==="y";const d=o.x+o.width/2-i.width/2;const m=o.y+o.height/2-i.height/2;const w=o[c]/2-i[c]/2;let g;switch(l){case"top":g={x:d,y:o.y-i.height};break;case"bottom":g={x:d,y:o.y+o.height};break;case"right":g={x:o.x+o.width,y:m};break;case"left":g={x:o.x-i.width,y:m};break;default:g={x:o.x,y:o.y}}switch(u(n)){case"start":g[r]-=w*(e&&a?-1:1);break;case"end":g[r]+=w*(e&&a?-1:1);break}return g}const T=async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:s=[],platform:r}=e;const c=s.filter(Boolean);const l=await(r.isRTL==null?void 0:r.isRTL(n));let a=await r.getElementRects({reference:t,floating:n,strategy:i});let{x:f,y:u}=P(a,o,l);let d=o;let h={};let m=0;for(let e=0;e<c.length;e++){const{name:s,fn:p}=c[e];const{x:y,y:w,data:g,reset:x}=await p({x:f,y:u,initialPlacement:o,placement:d,strategy:i,middlewareData:h,rects:a,platform:r,elements:{reference:t,floating:n}});f=y!=null?y:f;u=w!=null?w:u;h={...h,[s]:{...h[s],...g}};if(x&&m<=50){m++;if(typeof x==="object"){if(x.placement){d=x.placement}if(x.rects){a=x.rects===true?await r.getElementRects({reference:t,floating:n,strategy:i}):x.rects}({x:f,y:u}=P(a,d,l))}e=-1}}return{x:f,y:u,placement:d,strategy:i,middlewareData:h}};async function H(t,n){var e;if(n===void 0){n={}}const{x:o,y:i,platform:s,rects:r,elements:c,strategy:l}=t;const{boundary:f="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:h=false,padding:m=0}=a(n,t);const p=D(m);const y=d==="floating"?"reference":"floating";const w=c[h?y:d];const g=C(await s.getClippingRect({element:((e=await(s.isElement==null?void 0:s.isElement(w)))!=null?e:true)?w:w.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:f,rootBoundary:u,strategy:l}));const x=d==="floating"?{x:o,y:i,width:r.floating.width,height:r.floating.height}:r.reference;const b=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating));const v=await(s.isElement==null?void 0:s.isElement(b))?await(s.getScale==null?void 0:s.getScale(b))||{x:1,y:1}:{x:1,y:1};const A=C(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:b,strategy:l}):x);return{top:(g.top-A.top+p.top)/v.y,bottom:(A.bottom-g.bottom+p.bottom)/v.y,left:(g.left-A.left+p.left)/v.x,right:(A.right-g.right+p.right)/v.x}}const M=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:s,rects:r,platform:c,elements:f,middlewareData:d}=e;const{element:m,padding:p=0}=a(t,e)||{};if(m==null){return{}}const w=D(p);const g={x:o,y:i};const x=y(s);const b=h(x);const v=await c.getDimensions(m);const A=x==="y";const S=A?"top":"left";const O=A?"bottom":"right";const R=A?"clientHeight":"clientWidth";const k=r.reference[b]+r.reference[x]-g[x]-r.floating[b];const F=g[x]-r.reference[x];const C=await(c.getOffsetParent==null?void 0:c.getOffsetParent(m));let P=C?C[R]:0;if(!P||!await(c.isElement==null?void 0:c.isElement(C))){P=f.floating[R]||r.floating[b]}const T=k/2-F/2;const H=P/2-v[b]/2-1;const M=n(w[S],H);const j=n(w[O],H);const z=M;const B=P-v[b]-j;const $=P/2-v[b]/2+T;const L=l(z,$,B);const E=!d.arrow&&u(s)!=null&&$!==L&&r.reference[b]/2-($<z?M:j)-v[b]/2<0;const I=E?$<z?$-z:$-B:0;return{[x]:g[x]+I,data:{[x]:L,centerOffset:$-L-I,...E&&{alignmentOffset:I}},reset:E}}});const j=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(n){var e,o;const{placement:i,middlewareData:s,rects:r,initialPlacement:c,platform:l,elements:u}=n;const{mainAxis:d=true,crossAxis:h=true,fallbackPlacements:m,fallbackStrategy:y="bestFit",fallbackAxisSideDirection:x="none",flipAlignment:b=true,...v}=a(t,n);if((e=s.arrow)!=null&&e.alignmentOffset){return{}}const A=f(i);const S=p(c);const O=f(c)===c;const F=await(l.isRTL==null?void 0:l.isRTL(u.floating));const D=m||(O||!b?[k(c)]:g(c));const C=x!=="none";if(!m&&C){D.push(...R(c,b,x,F))}const P=[c,...D];const T=await H(n,v);const M=[];let j=((o=s.flip)==null?void 0:o.overflows)||[];if(d){M.push(T[A])}if(h){const t=w(i,r,F);M.push(T[t[0]],T[t[1]])}j=[...j,{placement:i,overflows:M}];if(!M.every((t=>t<=0))){var z,B;const t=(((z=s.flip)==null?void 0:z.index)||0)+1;const n=P[t];if(n){const e=h==="alignment"?S!==p(n):false;if(!e||j.every((t=>p(t.placement)===S?t.overflows[0]>0:true))){return{data:{index:t,overflows:j},reset:{placement:n}}}}let e=(B=j.filter((t=>t.overflows[0]<=0)).sort(((t,n)=>t.overflows[1]-n.overflows[1]))[0])==null?void 0:B.placement;if(!e){switch(y){case"bestFit":{var $;const t=($=j.filter((t=>{if(C){const n=p(t.placement);return n===S||n==="y"}return true})).map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,n)=>t+n),0)])).sort(((t,n)=>t[1]-n[1]))[0])==null?void 0:$[0];if(t){e=t}break}case"initialPlacement":e=c;break}}if(i!==e){return{reset:{placement:e}}}}return{}}}};function z(t,n){return{top:t.top-n.height,right:t.right-n.width,bottom:t.bottom-n.height,left:t.left-n.width}}function B(n){return t.some((t=>n[t]>=0))}const $=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(n){const{rects:e}=n;const{strategy:o="referenceHidden",...i}=a(t,n);switch(o){case"referenceHidden":{const t=await H(n,{...i,elementContext:"reference"});const o=z(t,e.reference);return{data:{referenceHiddenOffsets:o,referenceHidden:B(o)}}}case"escaped":{const t=await H(n,{...i,altBoundary:true});const o=z(t,e.floating);return{data:{escapedOffsets:o,escaped:B(o)}}}default:{return{}}}}}};const L=new Set(["left","top"]);async function E(t,n){const{placement:e,platform:o,elements:i}=t;const s=await(o.isRTL==null?void 0:o.isRTL(i.floating));const r=f(e);const c=u(e);const l=p(e)==="y";const d=L.has(r)?-1:1;const h=s&&l?-1:1;const m=a(n,t);let{mainAxis:y,crossAxis:w,alignmentAxis:g}=typeof m==="number"?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:m.mainAxis||0,crossAxis:m.crossAxis||0,alignmentAxis:m.alignmentAxis};if(c&&typeof g==="number"){w=c==="end"?g*-1:g}return l?{x:w*h,y:y*d}:{x:y*d,y:w*h}}const I=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(n){var e,o;const{x:i,y:s,placement:r,middlewareData:c}=n;const l=await E(n,t);if(r===((e=c.offset)==null?void 0:e.placement)&&(o=c.arrow)!=null&&o.alignmentOffset){return{}}return{x:i+l.x,y:s+l.y,data:{...l,placement:r}}}}};const N=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(n){const{x:e,y:o,placement:i}=n;const{mainAxis:s=true,crossAxis:r=false,limiter:c={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...u}=a(t,n);const h={x:e,y:o};const m=await H(n,u);const y=p(f(i));const w=d(y);let g=h[w];let x=h[y];if(s){const t=w==="y"?"top":"left";const n=w==="y"?"bottom":"right";const e=g+m[t];const o=g-m[n];g=l(e,g,o)}if(r){const t=y==="y"?"top":"left";const n=y==="y"?"bottom":"right";const e=x+m[t];const o=x-m[n];x=l(e,x,o)}const b=c.fn({...n,[w]:g,[y]:x});return{...b,data:{x:b.x-e,y:b.y-o,enabled:{[w]:s,[y]:r}}}}}};const W=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(o){var i,s;const{placement:r,rects:c,platform:l,elements:d}=o;const{apply:h=()=>{},...m}=a(t,o);const y=await H(o,m);const w=f(r);const g=u(r);const x=p(r)==="y";const{width:b,height:v}=c.floating;let A;let S;if(w==="top"||w==="bottom"){A=w;S=g===(await(l.isRTL==null?void 0:l.isRTL(d.floating))?"start":"end")?"left":"right"}else{S=w;A=g==="end"?"top":"bottom"}const O=v-y.top-y.bottom;const R=b-y.left-y.right;const k=n(v-y[A],O);const F=n(b-y[S],R);const D=!o.middlewareData.shift;let C=k;let P=F;if((i=o.middlewareData.shift)!=null&&i.enabled.x){P=R}if((s=o.middlewareData.shift)!=null&&s.enabled.y){C=O}if(D&&!g){const t=e(y.left,0);const n=e(y.right,0);const o=e(y.top,0);const i=e(y.bottom,0);if(x){P=b-2*(t!==0||n!==0?t+n:e(y.left,y.right))}else{C=v-2*(o!==0||i!==0?o+i:e(y.top,y.bottom))}}await h({...o,availableWidth:P,availableHeight:C});const T=await l.getDimensions(d.floating);if(b!==T.width||v!==T.height){return{reset:{rects:true}}}return{}}}};function q(){return typeof window!=="undefined"}function U(t){if(Y(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function V(t){var n;return(t==null||(n=t.ownerDocument)==null?void 0:n.defaultView)||window}function X(t){var n;return(n=(Y(t)?t.ownerDocument:t.document)||window.document)==null?void 0:n.documentElement}function Y(t){if(!q()){return false}return t instanceof Node||t instanceof V(t).Node}function _(t){if(!q()){return false}return t instanceof Element||t instanceof V(t).Element}function G(t){if(!q()){return false}return t instanceof HTMLElement||t instanceof V(t).HTMLElement}function J(t){if(!q()||typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof V(t).ShadowRoot}const K=new Set(["inline","contents"]);function Q(t){const{overflow:n,overflowX:e,overflowY:o,display:i}=ut(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!K.has(i)}const Z=new Set(["table","td","th"]);function tt(t){return Z.has(U(t))}const nt=[":popover-open",":modal"];function et(t){return nt.some((n=>{try{return t.matches(n)}catch(t){return false}}))}const ot=["transform","translate","scale","rotate","perspective"];const it=["transform","translate","scale","rotate","perspective","filter"];const st=["paint","layout","strict","content"];function rt(t){const n=lt();const e=_(t)?ut(t):t;return ot.some((t=>e[t]?e[t]!=="none":false))||(e.containerType?e.containerType!=="normal":false)||!n&&(e.backdropFilter?e.backdropFilter!=="none":false)||!n&&(e.filter?e.filter!=="none":false)||it.some((t=>(e.willChange||"").includes(t)))||st.some((t=>(e.contain||"").includes(t)))}function ct(t){let n=ht(t);while(G(n)&&!ft(n)){if(rt(n)){return n}else if(et(n)){return null}n=ht(n)}return null}function lt(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}const at=new Set(["html","body","#document"]);function ft(t){return at.has(U(t))}function ut(t){return V(t).getComputedStyle(t)}function dt(t){if(_(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function ht(t){if(U(t)==="html"){return t}const n=t.assignedSlot||t.parentNode||J(t)&&t.host||X(t);return J(n)?n.host:n}function mt(t){const n=ht(t);if(ft(n)){return t.ownerDocument?t.ownerDocument.body:t.body}if(G(n)&&Q(n)){return n}return mt(n)}function pt(t,n,e){var o;if(n===void 0){n=[]}if(e===void 0){e=true}const i=mt(t);const s=i===((o=t.ownerDocument)==null?void 0:o.body);const r=V(i);if(s){const t=yt(r);return n.concat(r,r.visualViewport||[],Q(i)?i:[],t&&e?pt(t):[])}return n.concat(i,pt(i,[],e))}function yt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function wt(t){const n=ut(t);let e=parseFloat(n.width)||0;let i=parseFloat(n.height)||0;const s=G(t);const r=s?t.offsetWidth:e;const c=s?t.offsetHeight:i;const l=o(e)!==r||o(i)!==c;if(l){e=r;i=c}return{width:e,height:i,$:l}}function gt(t){return!_(t)?t.contextElement:t}function xt(t){const n=gt(t);if(!G(n)){return s(1)}const e=n.getBoundingClientRect();const{width:i,height:r,$:c}=wt(n);let l=(c?o(e.width):e.width)/i;let a=(c?o(e.height):e.height)/r;if(!l||!Number.isFinite(l)){l=1}if(!a||!Number.isFinite(a)){a=1}return{x:l,y:a}}const bt=s(0);function vt(t){const n=V(t);if(!lt()||!n.visualViewport){return bt}return{x:n.visualViewport.offsetLeft,y:n.visualViewport.offsetTop}}function At(t,n,e){if(n===void 0){n=false}if(!e||n&&e!==V(t)){return false}return n}function St(t,n,e,o){if(n===void 0){n=false}if(e===void 0){e=false}const i=t.getBoundingClientRect();const r=gt(t);let c=s(1);if(n){if(o){if(_(o)){c=xt(o)}}else{c=xt(t)}}const l=At(r,e,o)?vt(r):s(0);let a=(i.left+l.x)/c.x;let f=(i.top+l.y)/c.y;let u=i.width/c.x;let d=i.height/c.y;if(r){const t=V(r);const n=o&&_(o)?V(o):o;let e=t;let i=yt(e);while(i&&o&&n!==e){const t=xt(i);const n=i.getBoundingClientRect();const o=ut(i);const s=n.left+(i.clientLeft+parseFloat(o.paddingLeft))*t.x;const r=n.top+(i.clientTop+parseFloat(o.paddingTop))*t.y;a*=t.x;f*=t.y;u*=t.x;d*=t.y;a+=s;f+=r;e=V(i);i=yt(e)}}return C({width:u,height:d,x:a,y:f})}function Ot(t,n){const e=dt(t).scrollLeft;if(!n){return St(X(t)).left+e}return n.left+e}function Rt(t,n,e){if(e===void 0){e=false}const o=t.getBoundingClientRect();const i=o.left+n.scrollLeft-(e?0:Ot(t,o));const s=o.top+n.scrollTop;return{x:i,y:s}}function kt(t){let{elements:n,rect:e,offsetParent:o,strategy:i}=t;const r=i==="fixed";const c=X(o);const l=n?et(n.floating):false;if(o===c||l&&r){return e}let a={scrollLeft:0,scrollTop:0};let f=s(1);const u=s(0);const d=G(o);if(d||!d&&!r){if(U(o)!=="body"||Q(c)){a=dt(o)}if(G(o)){const t=St(o);f=xt(o);u.x=t.x+o.clientLeft;u.y=t.y+o.clientTop}}const h=c&&!d&&!r?Rt(c,a,true):s(0);return{width:e.width*f.x,height:e.height*f.y,x:e.x*f.x-a.scrollLeft*f.x+u.x+h.x,y:e.y*f.y-a.scrollTop*f.y+u.y+h.y}}function Ft(t){return Array.from(t.getClientRects())}function Dt(t){const n=X(t);const o=dt(t);const i=t.ownerDocument.body;const s=e(n.scrollWidth,n.clientWidth,i.scrollWidth,i.clientWidth);const r=e(n.scrollHeight,n.clientHeight,i.scrollHeight,i.clientHeight);let c=-o.scrollLeft+Ot(t);const l=-o.scrollTop;if(ut(i).direction==="rtl"){c+=e(n.clientWidth,i.clientWidth)-s}return{width:s,height:r,x:c,y:l}}function Ct(t,n){const e=V(t);const o=X(t);const i=e.visualViewport;let s=o.clientWidth;let r=o.clientHeight;let c=0;let l=0;if(i){s=i.width;r=i.height;const t=lt();if(!t||t&&n==="fixed"){c=i.offsetLeft;l=i.offsetTop}}return{width:s,height:r,x:c,y:l}}const Pt=new Set(["absolute","fixed"]);function Tt(t,n){const e=St(t,true,n==="fixed");const o=e.top+t.clientTop;const i=e.left+t.clientLeft;const r=G(t)?xt(t):s(1);const c=t.clientWidth*r.x;const l=t.clientHeight*r.y;const a=i*r.x;const f=o*r.y;return{width:c,height:l,x:a,y:f}}function Ht(t,n,e){let o;if(n==="viewport"){o=Ct(t,e)}else if(n==="document"){o=Dt(X(t))}else if(_(n)){o=Tt(n,e)}else{const e=vt(t);o={x:n.x-e.x,y:n.y-e.y,width:n.width,height:n.height}}return C(o)}function Mt(t,n){const e=ht(t);if(e===n||!_(e)||ft(e)){return false}return ut(e).position==="fixed"||Mt(e,n)}function jt(t,n){const e=n.get(t);if(e){return e}let o=pt(t,[],false).filter((t=>_(t)&&U(t)!=="body"));let i=null;const s=ut(t).position==="fixed";let r=s?ht(t):t;while(_(r)&&!ft(r)){const n=ut(r);const e=rt(r);if(!e&&n.position==="fixed"){i=null}const c=s?!e&&!i:!e&&n.position==="static"&&!!i&&Pt.has(i.position)||Q(r)&&!e&&Mt(t,r);if(c){o=o.filter((t=>t!==r))}else{i=n}r=ht(r)}n.set(t,o);return o}function zt(t){let{element:o,boundary:i,rootBoundary:s,strategy:r}=t;const c=i==="clippingAncestors"?et(o)?[]:jt(o,this._c):[].concat(i);const l=[...c,s];const a=l[0];const f=l.reduce(((t,i)=>{const s=Ht(o,i,r);t.top=e(s.top,t.top);t.right=n(s.right,t.right);t.bottom=n(s.bottom,t.bottom);t.left=e(s.left,t.left);return t}),Ht(o,a,r));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Bt(t){const{width:n,height:e}=wt(t);return{width:n,height:e}}function $t(t,n,e){const o=G(n);const i=X(n);const r=e==="fixed";const c=St(t,true,r,n);let l={scrollLeft:0,scrollTop:0};const a=s(0);function f(){a.x=Ot(i)}if(o||!o&&!r){if(U(n)!=="body"||Q(i)){l=dt(n)}if(o){const t=St(n,true,r,n);a.x=t.x+n.clientLeft;a.y=t.y+n.clientTop}else if(i){f()}}if(r&&!o&&i){f()}const u=i&&!o&&!r?Rt(i,l):s(0);const d=c.left+l.scrollLeft-a.x-u.x;const h=c.top+l.scrollTop-a.y-u.y;return{x:d,y:h,width:c.width,height:c.height}}function Lt(t){return ut(t).position==="static"}function Et(t,n){if(!G(t)||ut(t).position==="fixed"){return null}if(n){return n(t)}let e=t.offsetParent;if(X(t)===e){e=e.ownerDocument.body}return e}function It(t,n){const e=V(t);if(et(t)){return e}if(!G(t)){let n=ht(t);while(n&&!ft(n)){if(_(n)&&!Lt(n)){return n}n=ht(n)}return e}let o=Et(t,n);while(o&&tt(o)&&Lt(o)){o=Et(o,n)}if(o&&ft(o)&&Lt(o)&&!rt(o)){return e}return o||ct(t)||e}const Nt=async function(t){const n=this.getOffsetParent||It;const e=this.getDimensions;const o=await e(t.floating);return{reference:$t(t.reference,await n(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Wt(t){return ut(t).direction==="rtl"}const qt={convertOffsetParentRelativeRectToViewportRelativeRect:kt,getDocumentElement:X,getClippingRect:zt,getOffsetParent:It,getElementRects:Nt,getClientRects:Ft,getDimensions:Bt,getScale:xt,isElement:_,isRTL:Wt};function Ut(t,n){return t.x===n.x&&t.y===n.y&&t.width===n.width&&t.height===n.height}function Vt(t,o){let s=null;let r;const c=X(t);function l(){var t;clearTimeout(r);(t=s)==null||t.disconnect();s=null}function a(f,u){if(f===void 0){f=false}if(u===void 0){u=1}l();const d=t.getBoundingClientRect();const{left:h,top:m,width:p,height:y}=d;if(!f){o()}if(!p||!y){return}const w=i(m);const g=i(c.clientWidth-(h+p));const x=i(c.clientHeight-(m+y));const b=i(h);const v=-w+"px "+-g+"px "+-x+"px "+-b+"px";const A={rootMargin:v,threshold:e(0,n(1,u))||1};let S=true;function O(n){const e=n[0].intersectionRatio;if(e!==u){if(!S){return a()}if(!e){r=setTimeout((()=>{a(false,1e-7)}),1e3)}else{a(false,e)}}if(e===1&&!Ut(d,t.getBoundingClientRect())){a()}S=false}try{s=new IntersectionObserver(O,{...A,root:c.ownerDocument})}catch(t){s=new IntersectionObserver(O,A)}s.observe(t)}a(true);return l}function Xt(t,n,e,o){if(o===void 0){o={}}const{ancestorScroll:i=true,ancestorResize:s=true,elementResize:r=typeof ResizeObserver==="function",layoutShift:c=typeof IntersectionObserver==="function",animationFrame:l=false}=o;const a=gt(t);const f=i||s?[...a?pt(a):[],...pt(n)]:[];f.forEach((t=>{i&&t.addEventListener("scroll",e,{passive:true});s&&t.addEventListener("resize",e)}));const u=a&&c?Vt(a,e):null;let d=-1;let h=null;if(r){h=new ResizeObserver((t=>{let[o]=t;if(o&&o.target===a&&h){h.unobserve(n);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=h)==null||t.observe(n)}))}e()}));if(a&&!l){h.observe(a)}h.observe(n)}let m;let p=l?St(t):null;if(l){y()}function y(){const n=St(t);if(p&&!Ut(p,n)){e()}p=n;m=requestAnimationFrame(y)}e();return()=>{var t;f.forEach((t=>{i&&t.removeEventListener("scroll",e);s&&t.removeEventListener("resize",e)}));u==null||u();(t=h)==null||t.disconnect();h=null;if(l){cancelAnimationFrame(m)}}}const Yt=I;const _t=N;const Gt=j;const Jt=W;const Kt=$;const Qt=M;const Zt=(t,n,e)=>{const o=new Map;const i={platform:qt,...e};const s={...i.platform,_c:o};return T(t,n,{...i,platform:s})};class tn{panel;trigger;options;cleanUp;constructor(t,n,e){this.trigger=t;this.panel=n;this.options={distance:20,placement:"bottom",strategy:"fixed",sameWidth:false,...e};this.init(e)}init(t){this.options=Object.assign(this.options,t);this.update()}update(){this.cleanUp=Xt(this.trigger,this.panel,(()=>{(async()=>{const{x:t,y:n,placement:e,middlewareData:o}=await Zt(this.trigger,this.panel,{placement:this.options.placement,strategy:this.options.strategy,middleware:[Yt({mainAxis:this.options.distance,crossAxis:this.options.skidding}),Gt(),_t(),Jt(this.options.sameWidth&&{apply({rects:t,elements:n}){Object.assign(n.floating.style,{width:`${t.reference.width}px`})}}),Qt({element:this.options.arrow||null}),this.positionChange(),Kt()]});Object.assign(this.panel.style,{top:"0",left:"0",transform:`translate(${this.roundByDPR(t)}px,${this.roundByDPR(n)}px)`});if(this.options.arrow){const{x:t,y:n}=o.arrow;const i={top:"bottom",right:"left",bottom:"top",left:"right"}[e.split("-")[0]];Object.assign(this.options.arrow.style,{left:t!=null?`${t}px`:"",top:n!=null?`${n}px`:"",right:"",bottom:"",[i]:"-4px"})}const{referenceHidden:i}=o.hide;Object.assign(this.panel.style,{visibility:i?"hidden":"visible"})})()}))}destroy(){if(!this.cleanUp)return;this.cleanUp()}positionChange(){return{name:"positionChange",fn:({placement:t})=>{if(typeof this.options.onPositionChange!=="function")return{};this.options.onPositionChange(t);return{}}}}roundByDPR(t){const n=window.devicePixelRatio||1;return Math.round(t*n)/n}}export{tn as F};
+//# sourceMappingURL=p-y49NXy_H.js.map