@beeq/core 1.12.2-beta.0 → 1.12.3-beta.0

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

@@ -2,1117 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import { p as r, H as e, c as a, d as t, j as n, t as i } from "./p-DDCN9O42.js";
-
-import { i as b } from "./p-B4sM1t6Z.js";
-
-import { i as o } from "./p-BcPwGxIn.js";
-
-import { i as d } from "./p-Dx-CEPSQ.js";
-
-import { i as s } from "./p-BRbYDZoo.js";
-
-import { i as l } from "./p-D1A0LpG_.js";
-
-import { v as c } from "./p-zh4P02Kn.js";
-
-import { b as q } from "./p-uqkxeAeG.js";
-
-import { d as u } from "./p-DBPU_cIr.js";
-
-import { d as v } from "./p-C8_OKNHL.js";
-
-import { d as g } from "./p-YyF6_fWE.js";
-
-import { d as p } from "./p-qOL6hl5s.js";
-
-/** Cache for DateTimeFormat instances */ const f = new Map;
-
-/**
- * Gets or creates a cached DateTimeFormat instance
- * @param locale - The locale for formatting
- * @param options - DateTimeFormat options
- * @returns Cached or new DateTimeFormat instance
- */ const getDateFormatter = (r, e) => {
-  const a = `${typeof r === "string" ? r : JSON.stringify(r)}-${JSON.stringify(e)}`;
-  let t = f.get(a);
-  if (!t) {
-    t = new Intl.DateTimeFormat(r, e);
-    f.set(a, t);
-    // Limit cache size to prevent memory leaks in long-running apps
-        if (f.size > 50) {
-      const r = f.keys().next().value;
-      f.delete(r);
-    }
-  }
-  return t;
-};
-
-/**
- * Formats a date value for display based on the picker type and locale.
- *
- * @param value - The ISO date string(s) to format
- * @param type - The picker type (single, multi, range)
- * @param locale - The locale for formatting
- * @param formatOptions - Intl.DateTimeFormat options
- * @returns Formatted display string or undefined
- */ const formatDisplayValue = (r, e, a, t) => {
-  if (!r) return undefined;
-  const n = getDateFormatter(a, t);
-  if (e === "range") {
-    const [e, a] = r.split("/").map((r => new Date(`${r}T00:00:00`)));
-    if (!e || !a || Number.isNaN(e.getTime()) || Number.isNaN(a.getTime())) return undefined;
-    return n.formatRange(e, a);
-  }
-  if (e === "multi") {
-    const e = r.split(" ").map((r => new Date(`${r}T00:00:00`)));
-    if (e.some((r => Number.isNaN(r.getTime())))) return undefined;
-    return e.map((r => n.format(r))).join(", ");
-  }
-  const i = new Date(`${r}T00:00:00`);
-  return Number.isNaN(i.getTime()) ? undefined : n.format(i);
-};
-
-/**
- * Extracts and returns the first date part from a given string. Handles single, multi, and range picker types.
- * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value
- * should be the focused date in the calendar.
- *
- * @param value - The date value string
- * @returns The first ISO date string or undefined
- */ const extractFocusedDate = r => {
-  if (!r) return undefined;
-  const e = /\b\d{4}-\d{2}-\d{2}\b/;
-  const a = e.exec(r);
-  return a ? a[0] : undefined;
-};
-
-/**
- * Clamps a date string to a min/max range.
- *
- * @param dateStr - The ISO date string to clamp
- * @param min - Optional minimum date
- * @param max - Optional maximum date
- * @returns The clamped date string
- */ const clampDateToRange = (r, e, a) => {
-  if (e && r < e) return e;
-  if (a && r > a) return a;
-  return r;
-};
-
-/** French Canadian locale used for ISO date formatting (YYYY-MM-DD) */ const h = "fr-CA";
-
-/**
- * Static date parsing patterns
- */ const m = [ {
-  // Matches "30 May 2024" or "30 January 2024"
-  regex: /^(\d{1,2})\s+([a-z]+)\s+(\d{4})$/i,
-  parse: (r, e) => ({
-    day: +r[1],
-    month: e[r[2].toLowerCase()],
-    year: +r[3]
-  })
-}, {
-  // Matches "05/30/2024", "30-05-2024", "30.05.2024", "05.30.2024" (with heuristic for day/month)
-  regex: /^(\d{1,2})[\s\-/.](\d{1,2})[\s\-/.](\d{4})$/,
-  parse: (r, e, a) => {
-    const {day: t, month: n} = parseNumericDate(+r[1], +r[2], a);
-    return {
-      day: t,
-      month: n,
-      year: +r[3]
-    };
-  }
-}, {
-  // Matches "May 30, 2024" or "January 1, 1970" (with optional comma)
-  regex: /^([a-z]+)\s+(\d{1,2}),?\s+(\d{4})$/i,
-  parse: (r, e) => ({
-    month: e[r[1].toLowerCase()],
-    day: +r[2],
-    year: +r[3]
-  })
-}, {
-  // Matches "2024-05-30" (ISO format without parsing as Date first)
-  regex: /^(\d{4})-(\d{2})-(\d{2})$/,
-  parse: r => ({
-    year: +r[1],
-    month: +r[2] - 1,
-    day: +r[3]
-  })
-} ];
-
-const k = new Map;
-
-/**
- * Gets localized month names for the given locale (both short and long forms)
- * Caches results for performance
- * @param {Intl.LocalesArgument} locale - The locale identifier, e.g., 'en-GB', 'fr-FR', etc.
- * @returns {Record<string, number>} Mapping of month names to month indices
- */ const getMonthNamesForLocale = r => {
-  const e = typeof r === "string" ? r : JSON.stringify(r);
-  const a = k.get(e);
-  if (a) return a;
-  const t = {};
-  const n = new Intl.DateTimeFormat(r, {
-    month: "short"
-  });
-  const i = new Intl.DateTimeFormat(r, {
-    month: "long"
-  });
-  for (let r = 0; r < 12; r++) {
-    const e = new Date(2024, r, 1);
-    t[n.format(e).toLowerCase()] = r;
-    t[i.format(e).toLowerCase()] = r;
-  }
-  k.set(e, t);
-  return t;
-};
-
-/**
- * Parses day-month-year or month-day-year numeric date format
- * Uses heuristic: if any number > 12, treat it as day, otherwise defaults to locale preference
- * @param {number} first - The first numeric part (day or month)
- * @param {number} second - The second numeric part (month or day)
- * @param {Intl.LocalesArgument} locale - The locale for determining format preference
- * @returns {{day: number, month: number}} Object with day and month (0-based)
- */ const parseNumericDate = (r, e, a = "en-GB") => {
-  // If first number > 12, it must be the day (DD/MM format)
-  if (r > 12) return {
-    day: r,
-    month: e - 1
-  };
-  // If second number > 12, it must be the day (MM/DD format)
-    if (e > 12) return {
-    day: e,
-    month: r - 1
-  };
-  // Both numbers <= 12: ambiguous case
-  // Use locale to determine format preference
-    const t = typeof a === "string" ? a : a?.[0] || "en-GB";
-  const n = [ "en-US", "en-CA" ].some((r => t.startsWith(r)));
-  if (n) {
-    // US/Canada format: MM/DD
-    return {
-      day: e,
-      month: r - 1
-    };
-  }
-  // Default to DD/MM (European/most of world format)
-    return {
-    day: r,
-    month: e - 1
-  };
-};
-
-/**
- * Validates that a date is actually valid (not auto-corrected by Date constructor)
- * @param {number} day - Day of the month
- * @param {number} month - Month (0-based)
- * @param {number} year - Full year
- * @returns {boolean} True if the date is valid
- */ const isDateValid = (r, e, a) => {
-  const t = new Date(a, e, r);
-  return t.getDate() === r && t.getMonth() === e && t.getFullYear() === a;
-};
-
-/**
- * Validates and creates a Date object from day, month, and year
- * @param {number} day - Day of the month
- * @param {number} month - Month (0-based)
- * @param {number} year - Full year
- * @returns {Date | null} Valid Date object or null if invalid
- */ const createValidDate = (r, e, a) => {
-  if (e === undefined || !r || !a) return null;
-  if (!isDateValid(r, e, a)) return null;
-  return new Date(a, e, r);
-};
-
-/**
- * Parses various date input formats and returns a Date object
- * Supports:
- * - ISO format: "2024-05-30"
- * - Text format: "30 May 2024", "May 30, 2024", "30 January 2024", "January 1, 1970" (locale-aware)
- * - Numeric formats: "30/05/2024", "05-30-2024", "30.05.2024", "05.30.2024" (with heuristic for day/month)
- *
- * @param {string} inputValue - The date string to parse
- * @param {Intl.LocalesArgument} locale - The locale for month name recognition (defaults to 'en-GB')
- * @returns {Date | null} Parsed Date object or null if parsing fails
- */ const parseDateInput = (r, e = "en-GB") => {
-  if (!r?.trim()) return null;
-  // Try ISO format first
-    const a = new Date(`${r}T00:00:00`);
-  if (!Number.isNaN(a.getTime()) && isValidISODate(r)) return a;
-  const t = getMonthNamesForLocale(e);
-  for (const {regex: a, parse: n} of m) {
-    const i = a.exec(r);
-    if (!i) continue;
-    const {day: b, month: o, year: d} = n(i, t, e);
-    const s = createValidDate(b, o, d);
-    if (s) return s;
-  }
-  return null;
-};
-
-/**
- * Validates if a string is in ISO date format (YYYY-MM-DD) with actual valid date values
- * @param {string} dateStr - The date string to validate
- * @returns {boolean} True if the date string is valid in ISO format and represents an actual valid date
- */ const isValidISODate = r => {
-  if (!/^\d{4}-\d{2}-\d{2}$/.test(r)) return false;
-  const [e, a, t] = r.split("-");
-  const n = +e;
-  const i = +a - 1;
-  const b = +t;
-  return isDateValid(b, i, n);
-};
-
-/**
- * Converts a Date object to ISO format string (YYYY-MM-DD).
- * @param date - The date to convert
- * @returns ISO formatted date string
- */ const toISODateString = r => r.toLocaleDateString(h);
-
-/**
- * Gets today's date in ISO format.
- * @returns Today's date as YYYY-MM-DD string
- */ const getTodayISO = () => (new Date).toLocaleDateString(h);
-
-/**
- * Updates form validity state for form-associated custom elements.
- * Handles the required field validation and sets appropriate validity states.
- *
- * @param {FormValidityOptions} options - Validation options
- * @param options.internals - The ElementInternals instance
- * @param {boolean} options.required - Whether the field is required
- * @param {string | string[] | number} options.value - The current field value
- * @param {HTMLInputElement | HTMLTextAreaElement} options.inputElem - The input element
- * @param {string} options.validationMessage - The custom validation message
- * @param {string} options.defaultMessage - The default validation message
- */ const updateFormValidity = ({internals: r, required: e, value: a, inputElem: t, validationMessage: n, defaultMessage: i = "Please fill out this field"}) => {
-  if (!r) return;
-  // Clear the validity state
-    r.states.clear();
-  // Check if value is required but missing
-    if (e && !s(a)) {
-    // Set validity state to invalid
-    r.states.add("invalid");
-    r.setValidity({
-      valueMissing: true
-    }, n ?? i, t);
-    return;
-  }
-  // Set validity state to valid if the input has value or is not required
-    r.states.add("valid");
-  r.setValidity({});
-};
-
-/** The type of the date picker */ const y = [ "single", "multi", "range" ];
-
-/** Default fallback input ID */ const x = "date-picker";
-
-/** Calendar month shadow DOM parts for common elements */ const w = "calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td";
-
-/** Calendar month shadow DOM parts for button elements */ const _ = "calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner";
-
-/** Combined export parts for calendar-month component */ const z = `${w},${_}`
-/** Export parts for the calendar container component (calendar-date, calendar-range, calendar-multi) */;
-
-const C = "container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading";
-
-/** Maps picker type to Cally component tag name */ const D = {
-  single: "calendar-date",
-  multi: "calendar-multi",
-  range: "calendar-range"
-};
-
-/* -------------------------------------------------------------------------- */
-/*                         Cally Library loader helper                        */
-/* -------------------------------------------------------------------------- */ const E = "data-cally-library";
-
-//❗ Make sure to update the version here when the library releases a new version
-const O = "0.9.0";
-
-/**
- * ❗ Make sure to update the hash here if the `CALLY_LIB_VERSION` is updated
- * This hash is used to ensure the integrity of the library when loading it
- * from a CDN.
- * @see https://developer.mozilla.org/en-US/docs/Web/Security/Defenses/Subresource_Integrity#tools_for_generating_sri_hashes
- */ const $ = "sha384-pM/XA9cWLgX65JRL+wCO7uw2DIwVqcK1WlITykq2OZYbP5vuMspYj0K29Ka6UyFU";
-
-let j = false;
-
-let P = null;
-
-/**
- * Helper function to load a script with given configuration
- * @param {Object} config - Script configuration
- * @param {string} config.type - The type of the script
- * @param {string} config.src - The source URL of the script
- * @param {Record<string, string>} [config.attributes] - Additional attributes to set on the script element
- * @returns Promise that resolves when the script is loaded
- * @throws {Error} If the script fails to load
- */ const loadScript = ({type: r, src: e, attributes: a = {}}) => new Promise(((t, n) => {
-  const i = document.createElement("script");
-  i.type = r;
-  i.src = e;
-  i.onload = () => t();
-  i.onerror = r => n(new Error(`Failed to load script: ${e}, ${r instanceof Error ? r.message : "Unknown error"}`));
-  Object.entries(a).forEach((([r, e]) => {
-    i.setAttribute(r, e);
-  }));
-  document.head.appendChild(i);
-}));
-
-/**
- * Checks if the Cally library is already loaded in the document
- * @returns {boolean} True if the library is loaded
- */ const isCallyLibraryLoaded = () => j || document.querySelector(`script[${E}]`) !== null;
-
-/**
- * Loads the Cally library for the date picker component.
- * Uses a singleton promise pattern to prevent race conditions when multiple
- * date picker components attempt to load the library simultaneously.
- *
- * @throws {Error} If the library fails to load
- * @return {Promise<void>}
- */ const loadCallyLibrary = () => {
-  // Already loaded, return immediately
-  if (j) return Promise.resolve();
-  // If a load is already in progress, wait for it to complete
-    if (P !== null) return P;
-  // Check if script already exists in DOM (e.g., from a previous session or external source)
-    if (document.querySelector(`script[${E}]`) !== null) {
-    j = true;
-    return Promise.resolve();
-  }
-  // Start loading and store the promise so concurrent calls can await it
-    P = loadScript({
-    type: "module",
-    src: `https://unpkg.com/cally@${O}/dist/cally.js`,
-    attributes: {
-      [E]: "",
-      crossOrigin: "anonymous",
-      integrity: $
-    }
-  }).then((() => {
-    j = true;
-  })).catch((r => {
-    // Reset the promise so future attempts can retry
-    P = null;
-    j = false;
-    throw new Error(`Failed to load the cally library: ${r instanceof Error ? r.message : "Unknown error"}`);
-  }));
-  return P;
-};
-
-const bqDatePickerCss = () => `.border-spacing-0,calendar-month::part(table){--tw-border-spacing-x:0;--tw-border-spacing-y:0}.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}.pointer-events-none{pointer-events:none}.me-\\[--bq-date-picker--gap\\]{margin-inline-end:var(--bq-date-picker--gap)}.ms-\\[--bq-date-picker--gap\\]{margin-inline-start:var(--bq-date-picker--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.size-\\[--bq-date-picker--day-size\\]{height:var(--bq-date-picker--day-size);width:var(--bq-date-picker--day-size)}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[--bq-date-picker--gap\\]{gap:var(--bq-date-picker--gap)}.gap-s{gap:var(--bq-spacing-s)}.rounded-\\[--bq-date-picker--border-radius\\]{border-radius:var(--bq-date-picker--border-radius)}.rounded-none{border-radius:var(--bq-radius--none)}.rounded-s{border-radius:var(--bq-radius--s)}.rounded-ee-none{border-end-end-radius:var(--bq-radius--none)}.rounded-es-none{border-end-start-radius:var(--bq-radius--none)}.rounded-se-none{border-start-end-radius:var(--bq-radius--none)}.rounded-ss-none{border-start-start-radius:var(--bq-radius--none)}.border-0{border-width:0}.border-\\[length\\:--bq-date-picker--border-width\\]{border-width:var(--bq-date-picker--border-width)}.border-\\[length\\:--bq-date-picker--currentDate-border-width\\]{border-width:var(--bq-date-picker--currentDate-border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-date-picker--border-color\\]{border-color:var(--bq-date-picker--border-color)}.border-\\[color\\:--bq-date-picker--currentDate-border-color\\]{border-color:var(--bq-date-picker--currentDate-border-color)}.border-\\[color\\:--bq-focus\\]{border-color:var(--bq-focus)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-\\[--bq-date-picker--background-color\\]{background-color:var(--bq-date-picker--background-color)}.bg-\\[--bq-date-picker--range-background-color\\]{background-color:var(--bq-date-picker--range-background-color)}.bg-\\[--bq-date-picker--range-inner-background-color\\]{background-color:var(--bq-date-picker--range-inner-background-color)}.bg-inherit{background-color:inherit}.bg-transparent{background-color:transparent}.pe-\\[--bq-date-picker--padding-end\\]{padding-inline-end:var(--bq-date-picker--padding-end)}.ps-\\[--bq-date-picker--padding-start\\]{padding-inline-start:var(--bq-date-picker--padding-start)}.font-default{font-family:var(--bq-font-family)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-date-picker--label-text-size\\]{font-size:var(--bq-date-picker--label-text-size)}.text-\\[length\\:--bq-date-picker--text-size\\]{font-size:var(--bq-date-picker--text-size)}.text-\\[length\\:_inherit\\],.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[color\\:--bq-date-picker--label-text-color\\]{color:var(--bq-date-picker--label-text-color)}.text-\\[color\\:--bq-date-picker--text-color\\]{color:var(--bq-date-picker--text-color)}.text-alt{color:var(--bq-text--alt)}.text-primary{color:var(--bq-text--primary)}.text-secondary{color:var(--bq-text--secondary)}.opacity-100{opacity:1}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.is-full{inline-size:100%}.min-is-0{min-inline-size:0}.p-b-0{padding-block:0}.p-b-\\[--bq-date-picker--paddingY\\]{padding-block:var(--bq-date-picker--paddingY)}.p-b-xs2{padding-block:var(--bq-spacing-xs2)}.p-i-0{padding-inline:0}.p-i-xs{padding-inline:var(--bq-spacing-xs)}.m-b-0{margin-block:0}.m-be-\\[--bq-date-picker--label-margin-bottom\\]{margin-block-end:var(--bq-date-picker--label-margin-bottom)}.m-i-0{margin-inline:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-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-date-picker--background-color:var(--bq-ui--primary);--bq-date-picker--border-color:var(--bq-stroke--tertiary);--bq-date-picker--border-radius:var(--bq-radius--s);--bq-date-picker--border-style:solid;--bq-date-picker--border-width:var(--bq-stroke-s);--bq-date-picker--currentDate-border-color:var(--bq-stroke--brand);--bq-date-picker--currentDate-border-width:var(--bq-stroke-m);--bq-date-picker--day-size:2.25rem;--bq-date-picker--gap:var(--bq-spacing-xs);--bq-date-picker--icon-size:24px;--bq-date-picker--label-margin-bottom:var(--bq-spacing-xs);--bq-date-picker--label-text-color:var(--bq-text--primary);--bq-date-picker--label-text-size:var(--bq-font-size--s);--bq-date-picker--padding-end:var(--bq-spacing-m);--bq-date-picker--padding-start:var(--bq-spacing-m);--bq-date-picker--paddingY:var(--bq-spacing-s);--bq-date-picker--range-background-color:var(--bq-ui--brand);--bq-date-picker--range-inner-background-color:var(--bq-ui--brand-alt);--bq-date-picker--text-color:var(--bq-text--primary);--bq-date-picker--text-placeholder-color:var(--bq-text--secondary);--bq-date-picker--text-size:var(--bq-font-size--m);display:block;inline-size:100%}.bq-date-picker__label{align-items:center;color:var(--bq-date-picker--label-text-color);display:flex;flex-grow:1;font-size:var(--bq-date-picker--label-text-size);gap:var(--bq-date-picker--gap);margin-block-end:var(--bq-date-picker--label-margin-bottom)}.bq-date-picker__control{align-items:center;border-color:var(--bq-date-picker--border-color);border-radius:var(--bq-date-picker--border-radius);border-style:var(--bq-date-picker--border-style);border-width:var(--bq-date-picker--border-width);color:var(--bq-date-picker--text-color);display:flex;font-size:var(--bq-date-picker--text-size);inline-size:100%;padding-block:var(--bq-date-picker--paddingY);padding-inline-end:var(--bq-date-picker--padding-end);padding-inline-start:var(--bq-date-picker--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-date-picker__control::placeholder{color:var(--bq-date-picker--text-placeholder-color)}.bq-date-picker__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-date-picker__control:not(.disabled):focus-within{--bq-ring-width:1px;--bq-ring-offset-width:0;border-color:var(--bq-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-date-picker__control:not(.disabled):focus-within .bq-date-picker__control--clear,.bq-date-picker__control:not(.disabled):hover .bq-date-picker__control--clear{display:inline-block}.bq-date-picker__control.disabled{cursor:not-allowed;opacity:.6}.bq-date-picker__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-date-picker__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-date-picker__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-date-picker__control.validation-success{border-color:var(--bq-stroke--success)}.bq-date-picker__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-date-picker__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-date-picker__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-date-picker__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-date-picker__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-date-picker__control--input{appearance:none;background-color:inherit;border-style:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;margin-block:0;margin-inline:0;min-inline-size:0;padding-block:0;padding-inline:0;user-select:none}.bq-date-picker__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-date-picker__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-date-picker__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial}.bq-date-picker__control--prefix,.bq-date-picker__control--suffix{align-items:center;color:var(--bq-date-picker--text-color);display:flex;pointer-events:none}.bq-date-picker__control--prefix{margin-inline-end:var(--bq-date-picker--gap)}.bq-date-picker__control--suffix{margin-inline-start:var(--bq-date-picker--gap)}calendar-date::part(header),calendar-multi::part(header),calendar-range::part(header){gap:var(--bq-spacing-s);justify-content:center}calendar-date::part(heading),calendar-multi::part(heading),calendar-range::part(heading){padding-block:var(--bq-spacing-xs2);padding-inline:var(--bq-spacing-xs)}calendar-date::part(button),calendar-multi::part(button),calendar-range::part(button){background-color:transparent;border-radius:var(--bq-radius--s);border-width:0;padding-block:var(--bq-spacing-xs2);padding-inline:var(--bq-spacing-xs2);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}calendar-date::part(button):focus-visible,calendar-multi::part(button):focus-visible,calendar-range::part(button):focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}calendar-date::part(button):hover,calendar-multi::part(button):hover,calendar-range::part(button):hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}calendar-date::part(container),calendar-multi::part(container),calendar-range::part(container){background-color:var(--bq-date-picker--background-color);padding-block:0;padding-inline:0}calendar-month{--color-accent:var(--bq-ui--brand)}calendar-month::part(button){align-items:center;background-color:transparent;border-radius:var(--bq-radius--s);color:var(--bq-text--primary);display:flex;font-family:var(--bq-font-family);height:var(--bq-date-picker--day-size);justify-content:center;padding-block:0;padding-inline:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--bq-date-picker--day-size)}calendar-month::part(button):focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}calendar-month::part(button):hover:enabled{background-color:color-mix(in srgb,var(--bq-background--secondary),var(--bq-hover) 20%)}calendar-month::part(button):disabled{cursor:not-allowed}calendar-month::part(button day disallowed){background-color:transparent!important;cursor:not-allowed!important}calendar-month::part(button day selected){background-color:var(--bq-date-picker--range-background-color);border-radius:var(--bq-radius--s);color:var(--bq-text--alt)}calendar-month::part(button day selected):hover:enabled{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}calendar-month::part(button day selected range-inner){background-color:var(--bq-date-picker--range-inner-background-color);border-radius:var(--bq-radius--none);color:var(--bq-text--primary)}calendar-month::part(button day selected range-inner):hover{color:var(--bq-text--alt)}calendar-month::part(button day outside){color:var(--bq-text--secondary);cursor:pointer;opacity:1}calendar-month::part(today){border-color:var(--bq-date-picker--currentDate-border-color);border-radius:var(--bq-radius--s);border-style:var(--bq-date-picker--border-style);border-width:var(--bq-date-picker--currentDate-border-width)}calendar-month::part(today selected){color:var(--bq-text--alt)}calendar-month::part(today selected range-inner){color:var(--bq-text--primary)}calendar-month::part(today range-inner){border-radius:var(--bq-radius--none)}calendar-month::part(today range-start){border-end-start-radius:var(--bq-radius--none);border-radius:var(--bq-radius--s)}calendar-month::part(today range-end){border-end-end-radius:var(--bq-radius--none);border-radius:var(--bq-radius--s)}calendar-month::part(range-start){border-end-end-radius:var(--bq-radius--none);border-start-end-radius:var(--bq-radius--none)}calendar-month::part(range-end){border-end-start-radius:var(--bq-radius--none);border-start-start-radius:var(--bq-radius--none)}calendar-month::part(range-start range-end){border-radius:var(--bq-radius--s)}calendar-month::part(table){--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);font-size:inherit}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.placeholder\\:text-\\[color\\:--bq-date-picker--text-placeholder-color\\]::placeholder{color:var(--bq-date-picker--text-placeholder-color)}.hover\\:text-alt:hover{color:var(--bq-text--alt)}.hover\\:bg-hover-ui-primary:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.enabled\\:hover\\:bg-hover-secondary:hover:enabled{background-color:color-mix(in srgb,var(--bq-background--secondary),var(--bq-hover) 20%)}.enabled\\:hover\\:bg-hover-ui-brand:hover:enabled{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.\\!hidden{display:none!important}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.gap-\\[--bq-spacing-m\\]{gap:var(--bq-spacing-m)}@media (min-width:640px){.sm\\:block{display:block}}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.\\[\\&\\:\\:part\\(panel\\)\\]\\:p-m::part(panel){padding:var(--bq-spacing-m)}.\\[\\&\\:\\:part\\(panel\\)\\]\\:is-auto::part(panel){inline-size:auto}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}.relative{position:relative}`;
-
-const B =  r(class r extends e {
-  constructor(r) {
-    super();
-    if (r !== false) {
-      this.__registerHost();
-    }
-    this.__attachShadow();
-    this.bqBlur = a(this, "bqBlur");
-    this.bqChange = a(this, "bqChange");
-    this.bqClear = a(this, "bqClear");
-    this.bqFocus = a(this, "bqFocus");
-    this.internals = this.attachInternals();
-  }
-  // Own Properties
-  // ====================
-  callyElem;
-  inputElem;
-  isInternalUpdate=false;
-  labelElem;
-  prefixElem;
-  suffixElem;
-  // Reference to host HTML element
-  // ===================================
-  internals;
-  get el() {
-    return this;
-  }
-  // State() variables
-  // Inlined decorator, alphabetical order
-  // =======================================
-  isCallyLoaded=false;
-  focusedDate;
-  displayDate;
-  hasLabel=false;
-  hasPrefix=false;
-  hasRangeEnd=false;
-  hasSuffix=false;
-  hasValue=false;
-  // Public Property API
-  // ========================
-  /** If `true`, the Date picker input will be focused on component render */
-  autofocus;
-  /** The clear button aria label */
-  clearButtonLabel="Clear value";
-  /** If `true`, the clear button won't be displayed */
-  disableClear=false;
-  /**
-     * Indicates whether the Date picker input is disabled or not.
-     * If `true`, the Date picker is disabled and cannot be interacted with.
-     */
-  disabled=false;
-  /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */
-  distance=8;
-  /** The first day of the week, where Sunday is 0, Monday is 1, etc */
-  firstDayOfWeek=1;
-  /** 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
-     */
-  formatOptions={
-    day: "numeric",
-    month: "short",
-    year: "numeric"
-  };
-  /** The ID of the form that the Date picker input belongs to. */
-  form;
-  /** The native form validation message (mandatory if `required` is set) */
-  formValidationMessage;
-  /** A function that takes a date and returns true if the date should not be selectable */
-  isDateDisallowed;
-  /** 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
-     */
-  locale="en-GB";
-  /** The latest date that can be selected */
-  max;
-  /** The earliest date that can be selected */
-  min;
-  /** Number of months to show when range is `true` */
-  months;
-  /**
-     * Specifies how the next/previous buttons should navigate the calendar.
-     * - single: The buttons will navigate by a single month at a time.
-     * - months: The buttons will navigate by the number of months displayed per view.
-     */
-  monthsPerView="single";
-  /** The Date picker input name. */
-  name;
-  /** If `true`, the Date picker panel will be visible. */
-  open=false;
-  /** When set, it will override the height of the Date picker panel. */
-  panelHeight="auto";
-  /** The Date picker input placeholder text value */
-  placeholder;
-  /** Position of the Date picker panel */
-  placement="bottom-end";
-  /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */
-  required;
-  /** Represents the skidding between the Date picker panel and the input element. */
-  skidding=0;
-  /** Whether to show days outside the month */
-  showOutsideDays=false;
-  /** Defines the strategy to position the Date picker panel */
-  strategy="fixed";
-  /** The date that is tentatively selected e.g. the start of a range selection  */
-  tentative;
-  /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */
-  type="single";
-  /**
-     * The validation status of the Select input.
-     *
-     * @remarks
-     * This property is used to indicate the validation status of the select input. It can be set to one of the following values:
-     * - `'none'`: No validation status is set.
-     * - `'error'`: The input has a validation error.
-     * - `'warning'`: The input has a validation warning.
-     * - `'success'`: The input has passed validation.
-     */
-  validationStatus="none";
-  /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.
-     * All dates are expected in ISO-8601 format (YYYY-MM-DD). */
-  value;
-  // Prop lifecycle events
-  // =======================
-  handleValueChange(r, e) {
-    if (r === e) return;
-    const {formatOptions: a, internals: t, isCallyLoaded: n, locale: i, type: b} = this;
-    if (!n) return;
-    t.setFormValue(!o(r) ? `${r}` : undefined);
-    this.updateFormValidity();
-    this.hasValue = s(r);
-    this.displayDate = formatDisplayValue(r, b, i, a);
-    this.setFocusedDate();
-  }
-  checkPropValues() {
-    c(y, "single", this.el, "type");
-  }
-  // Events section
-  // Requires JSDocs for public API documentation
-  // ==============================================
-  /** Callback handler emitted when the input loses focus */
-  bqBlur;
-  /**
-     * Callback handler emitted when the input value has changed and the input loses focus.
-     * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
-     */
-  bqChange;
-  /** Callback handler emitted when the input value has been cleared */
-  bqClear;
-  /** Callback handler emitted when the input has received focus */
-  bqFocus;
-  // Component lifecycle events
-  // Ordered by their natural call order
-  // =====================================
-  async componentWillLoad() {
-    if (!b() || this.isCallyLoaded) return;
-    try {
-      await loadCallyLibrary();
-      this.isCallyLoaded = isCallyLibraryLoaded();
-    } catch (r) {
-      console.error(r);
-    }
-  }
-  componentDidLoad() {
-    this.handleSlotChange();
-    this.handleValueChange(this.value, undefined);
-  }
-  componentDidRender() {
-    if (this.isInternalUpdate) {
-      this.isInternalUpdate = false;
-    }
-  }
-  formAssociatedCallback() {
-    this.updateFormValidity();
-  }
-  formResetCallback() {
-    if (o(this.value)) return;
-    this.clear();
-  }
-  // Listeners
-  // ==============
-  handleOpenChange(r) {
-    if (!d(r, this.el)) return;
-    const {open: e} = r.detail;
-    if (this.open === e) return;
-    this.open = e;
-  }
-  handleClickOutside(r) {
-    const {open: e, type: a, hasRangeEnd: t} = this;
-    if (!e || a !== "range" || r.button !== 0) return;
-    if (d(r, this.el) || t) return;
-    this.tentative = undefined;
-    this.hasRangeEnd = false;
-  }
-  // Public methods API
-  // These methods are exposed on the host element.
-  // Always use two lines.
-  // Public Methods must be async.
-  // Requires JSDocs for public API documentation.
-  // ===============================================
-  /**
-     * Clears the selected value.
-     * @returns {Promise<void>}
-     */
-  async clear() {
-    if (this.disabled) return;
-    this.value = undefined;
-    this.internals.setFormValue(undefined);
-    this.bqClear.emit(this.el);
-  }
-  // Local methods
-  // Internal business logic.
-  // These methods cannot be called from the host element.
-  // =======================================================
-  /**
-     * Handles the blur event for the date picker input.
-     * @returns {void}
-     */
-  handleBlur=() => {
-    if (this.disabled) return;
-    this.bqBlur.emit(this.el);
-  };
-  /**
-     * Handles the focus event for the date picker input.
-     * @returns {void}
-     */
-  handleFocus=() => {
-    if (this.disabled) return;
-    this.bqFocus.emit(this.el);
-  };
-  /**
-     * Updates the focused date in the calendar component.
-     * Falls back to today's date if no value is set.
-     * @returns {void}
-     */
-  setFocusedDate=() => {
-    const {callyElem: r, isCallyLoaded: e, value: a} = this;
-    if (!r || !e) return;
-    const t = a ? extractFocusedDate(a) : getTodayISO();
-    if (this.focusedDate === t) return;
-    this.focusedDate = t;
-    if (r.focusedDate !== this.focusedDate) {
-      // We need to set the focused date in the calendar component via a ref
-      // because it doesn't work when passed as a prop (the Cally element does not re-render)
-      r.focusedDate = this.focusedDate;
-    }
-  };
-  /**
-     * Handles user input changes with locale-aware date parsing.
-     * Validates against disallowed dates and min/max constraints.
-     * @param {Event} ev - The change event.
-     * @returns {void}
-     */
-  handleChange=r => {
-    if (this.disabled || !l(r.target, "input")) return;
-    const e = r.target.value.trim();
-    if (!e) {
-      this.clearValue();
-      this.bqChange.emit({
-        value: this.value,
-        el: this.el
-      });
-      return;
-    }
-    // Try to parse as date with locale awareness
-        const a = parseDateInput(e, this.locale);
-    if (!a) {
-      // Invalid date: don't update component value to avoid side effects
-      this.internals.setFormValue(undefined);
-      this.updateFormValidity();
-      this.bqChange.emit({
-        value: e,
-        el: this.el
-      });
-      return;
-    }
-    // Check if date is disallowed
-        if (this.isDateDisallowed?.(a)) {
-      this.internals.setFormValue(undefined);
-      this.updateFormValidity();
-      this.bqChange.emit({
-        value: e,
-        el: this.el
-      });
-      return;
-    }
-    // Valid date: normalize to ISO format and clamp to range if needed
-    // Note: clamping is done based on string comparison of ISO dates and only when min/max are set
-        let t = toISODateString(a);
-    t = clampDateToRange(t, this.min, this.max);
-    this.value = t;
-    this.displayDate = formatDisplayValue(t, this.type, this.locale, this.formatOptions);
-    this.internals.setFormValue(t);
-    this.updateFormValidity();
-    this.bqChange.emit({
-      value: this.value,
-      el: this.el
-    });
-  };
-  /**
-     * Handles the change event when the user selects a date in the calendar component.
-     * @param {Event} ev - The change event.
-     * @returns {void}
-     */
-  handleCalendarChange=r => {
-    if (this.isInternalUpdate) return;
-    const e = this.type === "multi";
-    const a = r.target.value;
-    if (this.value === a) {
-      this.open = e;
-      return;
-    }
-    this.isInternalUpdate = true;
-    this.value = a;
-    this.displayDate = formatDisplayValue(a, this.type, this.locale, this.formatOptions);
-    this.inputElem.value = this.displayDate;
-    this.inputElem.focus();
-    this.internals.setFormValue(a);
-    this.bqChange.emit({
-      value: this.value,
-      el: this.el
-    });
-    this.open = e;
-  };
-  /**
-     * Handles the range start event when the user starts selecting a date range
-     * @param {CustomEvent} ev - The range start event.
-     * @returns {void}
-     */
-  handleCalendarRangeStart=r => {
-    this.hasRangeEnd = false;
-    this.tentative = r.detail;
-  };
-  /**
-     * Handles the range end event when the user finishes selecting a date range
-     * @returns {void}
-     */
-  handleCalendarRangeEnd=() => {
-    this.hasRangeEnd = true;
-  };
-  /**
-     * Handles the clear click event when the user clicks the clear button
-     * @param {CustomEvent} ev - The clear click event.
-     * @returns {void}
-     */
-  handleClearClick=r => {
-    if (this.disabled) return;
-    this.inputElem.value = "";
-    this.clearValue();
-    this.hasRangeEnd = false;
-    this.bqClear.emit(this.el);
-    this.bqChange.emit({
-      value: this.value,
-      el: this.el
-    });
-    this.inputElem.focus();
-    r.stopPropagation();
-  };
-  /**
-     * Clears the value of the date picker input.
-     * @returns {void}
-     */
-  clearValue=() => {
-    this.value = undefined;
-    this.displayDate = undefined;
-    this.internals.setFormValue(undefined);
-  };
-  /**
-     * Handles the slot change event when the slots content changes
-     * @returns {void}
-     */
-  handleSlotChange=() => {
-    this.hasLabel = q(this.labelElem);
-    this.hasPrefix = q(this.prefixElem);
-    this.hasSuffix = q(this.suffixElem);
-  };
-  /**
-     * Generates a calendar month element
-     * @param {number} offset - The offset of the calendar month.
-     * @param {string} className - The class name of the calendar month.
-     * @returns {JSX.Element | null} The calendar month element.
-     */
-  generateCalendarMonth=(r, e = "") => {
-    if (!this.isCallyLoaded) return null;
-    return t("calendar-month", {
-      class: e,
-      exportparts: z,
-      offset: r
-    });
-  };
-  /**
-     * Generates an array of Elements representing the calendar months.
-     *
-     * If the type of the date picker is 'range' or 'multi' and the number of months is specified,
-     * it generates an array of calendar months with the specified length. Each month will have an offset
-     * and a class name based on its position in the array. The offset is used to determine the month to display,
-     * and the class name is used for responsive design.
-     *
-     * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,
-     * it generates an array with a single calendar month.
-     *
-     * @returns {JSX.Element[]} An array of elements representing the calendar months.
-     */
-  generateCalendarMonths=() => {
-    if (!this.isCallyLoaded) return [];
-    if (this.type === "range" || this.type === "multi" && this.months) {
-      return Array.from({
-        length: this.months
-      }, ((r, e) => {
-        const a = e > 0 ? e : undefined;
-        const t = a ? "hidden sm:block" : "";
-        return this.generateCalendarMonth(a, t);
-      }));
-    }
-    return [ this.generateCalendarMonth() ];
-  };
-  /**
-     * Updates the form validity of the date picker input.
-     * @returns {void}
-     */
-  updateFormValidity=() => {
-    const {formValidationMessage: r, internals: e, required: a, value: t, inputElem: n} = this;
-    updateFormValidity({
-      internals: e,
-      required: a,
-      value: t,
-      inputElem: n,
-      validationMessage: r,
-      defaultMessage: "Please, input or select a valid date"
-    });
-  };
-  /**
-     * Returns the Cally calendar component tag name based on the picker type.
-     * Maps 'single' → 'calendar-date', 'multi' → 'calendar-multi', 'range' → 'calendar-range'
-     *
-     * @returns The Cally calendar component tag name.
-     */
-  get calendarType() {
-    return D[this.type] ?? D.single;
-  }
-  // render() function
-  // Always the last one in the class.
-  // ===================================
-  render() {
-    const r = this.calendarType;
-    const e = `bq-date-picker__label-${this.name || x}`;
-    return n("div", {
-      class: "bq-date-picker",
-      part: "base",
-      children: [ t("label", {
-        "aria-labelledby": e,
-        class: {
-          "bq-date-picker__label": true,
-          "!hidden": !this.hasLabel
-        },
-        htmlFor: this.name || x,
-        part: "label",
-        ref: r => {
-          this.labelElem = r;
-        },
-        children: t("slot", {
-          id: e,
-          name: "label",
-          onSlotchange: this.handleSlotChange
-        }, "6070c604475bef562672492c607435e7ac647c1a")
-      }, "5a0aeb21acf08cacbf320ef6a87a2d8237ebedd0"), n("bq-dropdown", {
-        class: "bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m",
-        disabled: this.disabled,
-        distance: this.distance,
-        exportparts: "panel",
-        open: this.open,
-        panelHeight: this.panelHeight,
-        placement: this.placement,
-        skidding: this.skidding,
-        strategy: this.strategy,
-        children: [ n("div", {
-          class: {
-            "bq-date-picker__control": true,
-            [`validation-${this.validationStatus}`]: true,
-            disabled: this.disabled
-          },
-          part: "control",
-          slot: "trigger",
-          children: [ t("span", {
-            class: {
-              "bq-date-picker__control--prefix": true,
-              "!hidden": !this.hasPrefix
-            },
-            part: "prefix",
-            ref: r => {
-              this.prefixElem = r;
-            },
-            children: t("slot", {
-              name: "prefix",
-              onSlotchange: this.handleSlotChange
-            }, "7f3bbec696f39303127be65762bb2a6dcf36be3e")
-          }, "3cef7076a1f189e5f906e4a9b702ad896758177c"), t("input", {
-            "aria-controls": `${this.name}`,
-            "aria-describedby": this.hasLabel ? e : null,
-            "aria-disabled": this.disabled ? "true" : "false",
-            "aria-invalid": this.validationStatus === "error" ? "true" : "false",
-            "aria-haspopup": "dialog",
-            autoCapitalize: "off",
-            autoComplete: "off",
-            class: "bq-date-picker__control--input",
-            disabled: this.disabled,
-            form: this.form,
-            id: this.name || x,
-            name: this.name,
-            onBlur: this.handleBlur,
-            onChange: this.handleChange,
-            onFocus: this.handleFocus,
-            part: "input",
-            placeholder: this.placeholder,
-            readonly: this.type !== "single",
-            ref: r => {
-              this.inputElem = r;
-            },
-            required: this.required,
-            spellcheck: false,
-            type: "text",
-            value: this.displayDate
-          }, "535c3a503761a059186e8635fd5c3515f0a7a405"), this.hasValue && !this.disabled && !this.disableClear && 
-          // The clear button will be visible as long as the input has a value
-          // and the parent group is hovered or has focus-within
-          t("bq-button", {
-            appearance: "text",
-            border: "s",
-            class: "bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0",
-            exportparts: "button",
-            label: this.clearButtonLabel,
-            onBqClick: this.handleClearClick,
-            onlyIcon: true,
-            part: "clear-btn",
-            size: "small",
-            children: t("slot", {
-              name: "clear-icon",
-              children: t("bq-icon", {
-                "aria-hidden": "true",
-                class: "flex",
-                name: "x-circle"
-              }, "9ad2d96b08e2221e03093ca76ad6dcd588707404")
-            }, "971e0e91974086bd4b263ece346ff1de3639a231")
-          }, "dbf106fe06a46cc654ce3848035ae7c758586855"), t("span", {
-            class: "bq-date-picker__control--suffix",
-            part: "suffix",
-            ref: r => {
-              this.suffixElem = r;
-            },
-            children: t("slot", {
-              name: "suffix",
-              onSlotchange: this.handleSlotChange,
-              children: t("bq-icon", {
-                class: "flex",
-                name: "calendar-blank"
-              }, "ed788d286ead83d0cb56afb97a51f690f1a0a7fa")
-            }, "0e9a0e5a7770726937bb0e82e79587706e383a2a")
-          }, "a59d1e17dedd9ca004bebe1cb6750fa9a22aadac") ]
-        }, "633d4083b42e3354d1b465deafc51a7124e41587"), this.isCallyLoaded && n(r, {
-          "aria-labelledby": e,
-          "aria-modal": "true",
-          exportparts: C,
-          firstDayOfWeek: this.firstDayOfWeek,
-          isDateDisallowed: this.isDateDisallowed,
-          locale: this.locale,
-          max: this.max,
-          min: this.min,
-          months: this.months,
-          onChange: this.handleCalendarChange,
-          onRangeend: this.handleCalendarRangeEnd,
-          onRangestart: this.handleCalendarRangeStart,
-          pageBy: this.monthsPerView,
-          ref: r => {
-            this.callyElem = r;
-          },
-          role: "dialog",
-          showOutsideDays: this.showOutsideDays,
-          tentative: this.tentative,
-          value: this.value,
-          children: [ t("bq-icon", {
-            color: "text--primary",
-            label: "Previous",
-            name: "caret-left",
-            slot: "previous"
-          }, "5b717c86faaa5fc7733b080c5fc6c80518c6c064"), t("bq-icon", {
-            color: "text--primary",
-            label: "Next",
-            name: "caret-right",
-            slot: "next"
-          }, "30cf13e187f0b0f1b5ead36875ddce8313d63ab9"), t("div", {
-            class: "flex flex-wrap justify-center gap-[--bq-spacing-m]",
-            children: this.generateCalendarMonths()
-          }, "65561cf18c5c34d309d306c38fa682f61d719fec") ]
-        }, "ba2fa07f289f65ca95e5f4d3513c0647e537d25a") ]
-      }, "6e46bde115a7bc8950e1d48439ac17207a5b5cbb") ]
-    }, "00bdb12502734469ab0a29de76c830c1ca9dd927");
-  }
-  static get delegatesFocus() {
-    return true;
-  }
-  static get formAssociated() {
-    return true;
-  }
-  static get watchers() {
-    return {
-      value: [ {
-        handleValueChange: 0
-      } ],
-      type: [ {
-        checkPropValues: 0
-      } ]
-    };
-  }
-  static get style() {
-    return bqDatePickerCss();
-  }
-}, [ 849, "bq-date-picker", {
-  autofocus: [ 516 ],
-  clearButtonLabel: [ 513, "clear-button-label" ],
-  disableClear: [ 516, "disable-clear" ],
-  disabled: [ 1028 ],
-  distance: [ 514 ],
-  firstDayOfWeek: [ 514, "first-day-of-week" ],
-  formatOptions: [ 16 ],
-  form: [ 513 ],
-  formValidationMessage: [ 1025, "form-validation-message" ],
-  isDateDisallowed: [ 16 ],
-  locale: [ 513 ],
-  max: [ 513 ],
-  min: [ 513 ],
-  months: [ 514 ],
-  monthsPerView: [ 513, "months-per-view" ],
-  name: [ 513 ],
-  open: [ 1540 ],
-  panelHeight: [ 1537, "panel-height" ],
-  placeholder: [ 513 ],
-  placement: [ 513 ],
-  required: [ 516 ],
-  skidding: [ 514 ],
-  showOutsideDays: [ 516, "show-outside-days" ],
-  strategy: [ 513 ],
-  tentative: [ 1537 ],
-  type: [ 513 ],
-  validationStatus: [ 513, "validation-status" ],
-  value: [ 1537 ],
-  isCallyLoaded: [ 32 ],
-  focusedDate: [ 32 ],
-  displayDate: [ 32 ],
-  hasLabel: [ 32 ],
-  hasPrefix: [ 32 ],
-  hasRangeEnd: [ 32 ],
-  hasSuffix: [ 32 ],
-  hasValue: [ 32 ],
-  clear: [ 64 ]
-}, [ [ 2, "bqOpen", "handleOpenChange" ], [ 18, "click", "handleClickOutside" ] ], {
-  value: [ {
-    handleValueChange: 0
-  } ],
-  type: [ {
-    checkPropValues: 0
-  } ]
-} ]);
-
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const r = [ "bq-date-picker", "bq-button", "bq-dropdown", "bq-icon", "bq-panel" ];
-  r.forEach((r => {
-    switch (r) {
-     case "bq-date-picker":
-      if (!customElements.get(i(r))) {
-        customElements.define(i(r), B);
-      }
-      break;
-
-     case "bq-button":
-      if (!customElements.get(i(r))) {
-        u();
-      }
-      break;
-
-     case "bq-dropdown":
-      if (!customElements.get(i(r))) {
-        v();
-      }
-      break;
-
-     case "bq-icon":
-      if (!customElements.get(i(r))) {
-        g();
-      }
-      break;
-
-     case "bq-panel":
-      if (!customElements.get(i(r))) {
-        p();
-      }
-      break;
-    }
-  }));
-}
-
-const V = B;
-
-const L = defineCustomElement$1;
-
-export { V as BqDatePicker, h as I, clampDateToRange as c, L as defineCustomElement, extractFocusedDate as e, formatDisplayValue as f, getTodayISO as g, isValidISODate as i, parseDateInput as p, toISODateString as t, updateFormValidity as u };
-//# sourceMappingURL=bq-date-picker.js.map
+import{p as r,H as e,c as a,h as t,t as n}from"./p-DDVIIUm1.js";import{i}from"./p-B4sM1t6Z.js";import{i as b}from"./p-BcPwGxIn.js";import{i as o}from"./p-Dx-CEPSQ.js";import{i as d}from"./p-BRbYDZoo.js";import{i as s}from"./p-D1A0LpG_.js";import{v as l}from"./p-zh4P02Kn.js";import{b as c}from"./p-uqkxeAeG.js";import{d as q}from"./p-DSdUt2Ay.js";import{d as u}from"./p-D97CZ-cz.js";import{d as v}from"./p-BHxv_w2i.js";import{d as g}from"./p-8mobOXPw.js";const p=new Map;const f=(r,e)=>{const a=`${typeof r==="string"?r:JSON.stringify(r)}-${JSON.stringify(e)}`;let t=p.get(a);if(!t){t=new Intl.DateTimeFormat(r,e);p.set(a,t);if(p.size>50){const r=p.keys().next().value;p.delete(r)}}return t};const h=(r,e,a,t)=>{if(!r)return undefined;const n=f(a,t);if(e==="range"){const[e,a]=r.split("/").map((r=>new Date(`${r}T00:00:00`)));if(!e||!a||Number.isNaN(e.getTime())||Number.isNaN(a.getTime()))return undefined;return n.formatRange(e,a)}if(e==="multi"){const e=r.split(" ").map((r=>new Date(`${r}T00:00:00`)));if(e.some((r=>Number.isNaN(r.getTime()))))return undefined;return e.map((r=>n.format(r))).join(", ")}const i=new Date(`${r}T00:00:00`);return Number.isNaN(i.getTime())?undefined:n.format(i)};const m=r=>{if(!r)return undefined;const e=/\b\d{4}-\d{2}-\d{2}\b/;const a=e.exec(r);return a?a[0]:undefined};const k=(r,e,a)=>{if(e&&r<e)return e;if(a&&r>a)return a;return r};const y="fr-CA";const x=[{regex:/^(\d{1,2})\s+([a-z]+)\s+(\d{4})$/i,parse:(r,e)=>({day:+r[1],month:e[r[2].toLowerCase()],year:+r[3]})},{regex:/^(\d{1,2})[\s\-/.](\d{1,2})[\s\-/.](\d{4})$/,parse:(r,e,a)=>{const{day:t,month:n}=z(+r[1],+r[2],a);return{day:t,month:n,year:+r[3]}}},{regex:/^([a-z]+)\s+(\d{1,2}),?\s+(\d{4})$/i,parse:(r,e)=>({month:e[r[1].toLowerCase()],day:+r[2],year:+r[3]})},{regex:/^(\d{4})-(\d{2})-(\d{2})$/,parse:r=>({year:+r[1],month:+r[2]-1,day:+r[3]})}];const w=new Map;const _=r=>{const e=typeof r==="string"?r:JSON.stringify(r);const a=w.get(e);if(a)return a;const t={};const n=new Intl.DateTimeFormat(r,{month:"short"});const i=new Intl.DateTimeFormat(r,{month:"long"});for(let r=0;r<12;r++){const e=new Date(2024,r,1);t[n.format(e).toLowerCase()]=r;t[i.format(e).toLowerCase()]=r}w.set(e,t);return t};const z=(r,e,a="en-GB")=>{if(r>12)return{day:r,month:e-1};if(e>12)return{day:e,month:r-1};const t=typeof a==="string"?a:a?.[0]||"en-GB";const n=["en-US","en-CA"].some((r=>t.startsWith(r)));if(n){return{day:e,month:r-1}}return{day:r,month:e-1}};const D=(r,e,a)=>{const t=new Date(a,e,r);return t.getDate()===r&&t.getMonth()===e&&t.getFullYear()===a};const C=(r,e,a)=>{if(e===undefined||!r||!a)return null;if(!D(r,e,a))return null;return new Date(a,e,r)};const E=(r,e="en-GB")=>{if(!r?.trim())return null;const a=new Date(`${r}T00:00:00`);if(!Number.isNaN(a.getTime())&&O(r))return a;const t=_(e);for(const{regex:a,parse:n}of x){const i=a.exec(r);if(!i)continue;const{day:b,month:o,year:d}=n(i,t,e);const s=C(b,o,d);if(s)return s}return null};const O=r=>{if(!/^\d{4}-\d{2}-\d{2}$/.test(r))return false;const[e,a,t]=r.split("-");const n=+e;const i=+a-1;const b=+t;return D(b,i,n)};const $=r=>r.toLocaleDateString(y);const j=()=>(new Date).toLocaleDateString(y);const P=({internals:r,required:e,value:a,inputElem:t,validationMessage:n,defaultMessage:i="Please fill out this field"})=>{if(!r)return;r.states.clear();if(e&&!d(a)){r.states.add("invalid");r.setValidity({valueMissing:true},n??i,t);return}r.states.add("valid");r.setValidity({})};const V=["single","multi","range"];const B="date-picker";const S="calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td";const M="calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner";const L=`${S},${M}`;const Y="container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading";const F={single:"calendar-date",multi:"calendar-multi",range:"calendar-range"};const I="data-cally-library";const R="0.9.0";const A="sha384-pM/XA9cWLgX65JRL+wCO7uw2DIwVqcK1WlITykq2OZYbP5vuMspYj0K29Ka6UyFU";let N=false;let U=null;const G=({type:r,src:e,attributes:a={}})=>new Promise(((t,n)=>{const i=document.createElement("script");i.type=r;i.src=e;i.onload=()=>t();i.onerror=r=>n(new Error(`Failed to load script: ${e}, ${r instanceof Error?r.message:"Unknown error"}`));Object.entries(a).forEach((([r,e])=>{i.setAttribute(r,e)}));document.head.appendChild(i)}));const T=()=>N||document.querySelector(`script[${I}]`)!==null;const W=()=>{if(N)return Promise.resolve();if(U!==null)return U;if(document.querySelector(`script[${I}]`)!==null){N=true;return Promise.resolve()}U=G({type:"module",src:`https://unpkg.com/cally@${R}/dist/cally.js`,attributes:{[I]:"",crossOrigin:"anonymous",integrity:A}}).then((()=>{N=true})).catch((r=>{U=null;N=false;throw new Error(`Failed to load the cally library: ${r instanceof Error?r.message:"Unknown error"}`)}));return U};const X=()=>`.border-spacing-0,calendar-month::part(table){--tw-border-spacing-x:0;--tw-border-spacing-y:0}.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}.pointer-events-none{pointer-events:none}.me-\\[--bq-date-picker--gap\\]{margin-inline-end:var(--bq-date-picker--gap)}.ms-\\[--bq-date-picker--gap\\]{margin-inline-start:var(--bq-date-picker--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.size-\\[--bq-date-picker--day-size\\]{height:var(--bq-date-picker--day-size);width:var(--bq-date-picker--day-size)}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[--bq-date-picker--gap\\]{gap:var(--bq-date-picker--gap)}.gap-s{gap:var(--bq-spacing-s)}.rounded-\\[--bq-date-picker--border-radius\\]{border-radius:var(--bq-date-picker--border-radius)}.rounded-none{border-radius:var(--bq-radius--none)}.rounded-s{border-radius:var(--bq-radius--s)}.rounded-ee-none{border-end-end-radius:var(--bq-radius--none)}.rounded-es-none{border-end-start-radius:var(--bq-radius--none)}.rounded-se-none{border-start-end-radius:var(--bq-radius--none)}.rounded-ss-none{border-start-start-radius:var(--bq-radius--none)}.border-0{border-width:0}.border-\\[length\\:--bq-date-picker--border-width\\]{border-width:var(--bq-date-picker--border-width)}.border-\\[length\\:--bq-date-picker--currentDate-border-width\\]{border-width:var(--bq-date-picker--currentDate-border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-date-picker--border-color\\]{border-color:var(--bq-date-picker--border-color)}.border-\\[color\\:--bq-date-picker--currentDate-border-color\\]{border-color:var(--bq-date-picker--currentDate-border-color)}.border-\\[color\\:--bq-focus\\]{border-color:var(--bq-focus)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-\\[--bq-date-picker--background-color\\]{background-color:var(--bq-date-picker--background-color)}.bg-\\[--bq-date-picker--range-background-color\\]{background-color:var(--bq-date-picker--range-background-color)}.bg-\\[--bq-date-picker--range-inner-background-color\\]{background-color:var(--bq-date-picker--range-inner-background-color)}.bg-inherit{background-color:inherit}.bg-transparent{background-color:transparent}.pe-\\[--bq-date-picker--padding-end\\]{padding-inline-end:var(--bq-date-picker--padding-end)}.ps-\\[--bq-date-picker--padding-start\\]{padding-inline-start:var(--bq-date-picker--padding-start)}.font-default{font-family:var(--bq-font-family)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-date-picker--label-text-size\\]{font-size:var(--bq-date-picker--label-text-size)}.text-\\[length\\:--bq-date-picker--text-size\\]{font-size:var(--bq-date-picker--text-size)}.text-\\[length\\:_inherit\\],.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[color\\:--bq-date-picker--label-text-color\\]{color:var(--bq-date-picker--label-text-color)}.text-\\[color\\:--bq-date-picker--text-color\\]{color:var(--bq-date-picker--text-color)}.text-alt{color:var(--bq-text--alt)}.text-primary{color:var(--bq-text--primary)}.text-secondary{color:var(--bq-text--secondary)}.opacity-100{opacity:1}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.is-full{inline-size:100%}.min-is-0{min-inline-size:0}.p-b-0{padding-block:0}.p-b-\\[--bq-date-picker--paddingY\\]{padding-block:var(--bq-date-picker--paddingY)}.p-b-xs2{padding-block:var(--bq-spacing-xs2)}.p-i-0{padding-inline:0}.p-i-xs{padding-inline:var(--bq-spacing-xs)}.m-b-0{margin-block:0}.m-be-\\[--bq-date-picker--label-margin-bottom\\]{margin-block-end:var(--bq-date-picker--label-margin-bottom)}.m-i-0{margin-inline:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-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-date-picker--background-color:var(--bq-ui--primary);--bq-date-picker--border-color:var(--bq-stroke--tertiary);--bq-date-picker--border-radius:var(--bq-radius--s);--bq-date-picker--border-style:solid;--bq-date-picker--border-width:var(--bq-stroke-s);--bq-date-picker--currentDate-border-color:var(--bq-stroke--brand);--bq-date-picker--currentDate-border-width:var(--bq-stroke-m);--bq-date-picker--day-size:2.25rem;--bq-date-picker--gap:var(--bq-spacing-xs);--bq-date-picker--icon-size:24px;--bq-date-picker--label-margin-bottom:var(--bq-spacing-xs);--bq-date-picker--label-text-color:var(--bq-text--primary);--bq-date-picker--label-text-size:var(--bq-font-size--s);--bq-date-picker--padding-end:var(--bq-spacing-m);--bq-date-picker--padding-start:var(--bq-spacing-m);--bq-date-picker--paddingY:var(--bq-spacing-s);--bq-date-picker--range-background-color:var(--bq-ui--brand);--bq-date-picker--range-inner-background-color:var(--bq-ui--brand-alt);--bq-date-picker--text-color:var(--bq-text--primary);--bq-date-picker--text-placeholder-color:var(--bq-text--secondary);--bq-date-picker--text-size:var(--bq-font-size--m);display:block;inline-size:100%}.bq-date-picker__label{align-items:center;color:var(--bq-date-picker--label-text-color);display:flex;flex-grow:1;font-size:var(--bq-date-picker--label-text-size);gap:var(--bq-date-picker--gap);margin-block-end:var(--bq-date-picker--label-margin-bottom)}.bq-date-picker__control{align-items:center;border-color:var(--bq-date-picker--border-color);border-radius:var(--bq-date-picker--border-radius);border-style:var(--bq-date-picker--border-style);border-width:var(--bq-date-picker--border-width);color:var(--bq-date-picker--text-color);display:flex;font-size:var(--bq-date-picker--text-size);inline-size:100%;padding-block:var(--bq-date-picker--paddingY);padding-inline-end:var(--bq-date-picker--padding-end);padding-inline-start:var(--bq-date-picker--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-date-picker__control::placeholder{color:var(--bq-date-picker--text-placeholder-color)}.bq-date-picker__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-date-picker__control:not(.disabled):focus-within{--bq-ring-width:1px;--bq-ring-offset-width:0;border-color:var(--bq-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-date-picker__control:not(.disabled):focus-within .bq-date-picker__control--clear,.bq-date-picker__control:not(.disabled):hover .bq-date-picker__control--clear{display:inline-block}.bq-date-picker__control.disabled{cursor:not-allowed;opacity:.6}.bq-date-picker__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-date-picker__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-date-picker__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-date-picker__control.validation-success{border-color:var(--bq-stroke--success)}.bq-date-picker__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-date-picker__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-date-picker__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-date-picker__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-date-picker__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-date-picker__control--input{appearance:none;background-color:inherit;border-style:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;margin-block:0;margin-inline:0;min-inline-size:0;padding-block:0;padding-inline:0;user-select:none}.bq-date-picker__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-date-picker__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-date-picker__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial}.bq-date-picker__control--prefix,.bq-date-picker__control--suffix{align-items:center;color:var(--bq-date-picker--text-color);display:flex;pointer-events:none}.bq-date-picker__control--prefix{margin-inline-end:var(--bq-date-picker--gap)}.bq-date-picker__control--suffix{margin-inline-start:var(--bq-date-picker--gap)}calendar-date::part(header),calendar-multi::part(header),calendar-range::part(header){gap:var(--bq-spacing-s);justify-content:center}calendar-date::part(heading),calendar-multi::part(heading),calendar-range::part(heading){padding-block:var(--bq-spacing-xs2);padding-inline:var(--bq-spacing-xs)}calendar-date::part(button),calendar-multi::part(button),calendar-range::part(button){background-color:transparent;border-radius:var(--bq-radius--s);border-width:0;padding-block:var(--bq-spacing-xs2);padding-inline:var(--bq-spacing-xs2);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}calendar-date::part(button):focus-visible,calendar-multi::part(button):focus-visible,calendar-range::part(button):focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}calendar-date::part(button):hover,calendar-multi::part(button):hover,calendar-range::part(button):hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}calendar-date::part(container),calendar-multi::part(container),calendar-range::part(container){background-color:var(--bq-date-picker--background-color);padding-block:0;padding-inline:0}calendar-month{--color-accent:var(--bq-ui--brand)}calendar-month::part(button){align-items:center;background-color:transparent;border-radius:var(--bq-radius--s);color:var(--bq-text--primary);display:flex;font-family:var(--bq-font-family);height:var(--bq-date-picker--day-size);justify-content:center;padding-block:0;padding-inline:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--bq-date-picker--day-size)}calendar-month::part(button):focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}calendar-month::part(button):hover:enabled{background-color:color-mix(in srgb,var(--bq-background--secondary),var(--bq-hover) 20%)}calendar-month::part(button):disabled{cursor:not-allowed}calendar-month::part(button day disallowed){background-color:transparent!important;cursor:not-allowed!important}calendar-month::part(button day selected){background-color:var(--bq-date-picker--range-background-color);border-radius:var(--bq-radius--s);color:var(--bq-text--alt)}calendar-month::part(button day selected):hover:enabled{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}calendar-month::part(button day selected range-inner){background-color:var(--bq-date-picker--range-inner-background-color);border-radius:var(--bq-radius--none);color:var(--bq-text--primary)}calendar-month::part(button day selected range-inner):hover{color:var(--bq-text--alt)}calendar-month::part(button day outside){color:var(--bq-text--secondary);cursor:pointer;opacity:1}calendar-month::part(today){border-color:var(--bq-date-picker--currentDate-border-color);border-radius:var(--bq-radius--s);border-style:var(--bq-date-picker--border-style);border-width:var(--bq-date-picker--currentDate-border-width)}calendar-month::part(today selected){color:var(--bq-text--alt)}calendar-month::part(today selected range-inner){color:var(--bq-text--primary)}calendar-month::part(today range-inner){border-radius:var(--bq-radius--none)}calendar-month::part(today range-start){border-end-start-radius:var(--bq-radius--none);border-radius:var(--bq-radius--s)}calendar-month::part(today range-end){border-end-end-radius:var(--bq-radius--none);border-radius:var(--bq-radius--s)}calendar-month::part(range-start){border-end-end-radius:var(--bq-radius--none);border-start-end-radius:var(--bq-radius--none)}calendar-month::part(range-end){border-end-start-radius:var(--bq-radius--none);border-start-start-radius:var(--bq-radius--none)}calendar-month::part(range-start range-end){border-radius:var(--bq-radius--s)}calendar-month::part(table){--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);font-size:inherit}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.placeholder\\:text-\\[color\\:--bq-date-picker--text-placeholder-color\\]::placeholder{color:var(--bq-date-picker--text-placeholder-color)}.hover\\:text-alt:hover{color:var(--bq-text--alt)}.hover\\:bg-hover-ui-primary:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.enabled\\:hover\\:bg-hover-secondary:hover:enabled{background-color:color-mix(in srgb,var(--bq-background--secondary),var(--bq-hover) 20%)}.enabled\\:hover\\:bg-hover-ui-brand:hover:enabled{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.\\!hidden{display:none!important}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.gap-\\[--bq-spacing-m\\]{gap:var(--bq-spacing-m)}@media (min-width:640px){.sm\\:block{display:block}}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.\\[\\&\\:\\:part\\(panel\\)\\]\\:p-m::part(panel){padding:var(--bq-spacing-m)}.\\[\\&\\:\\:part\\(panel\\)\\]\\:is-auto::part(panel){inline-size:auto}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}.relative{position:relative}`;const H=r(class r extends e{constructor(r){super();if(r!==false){this.__registerHost()}this.__attachShadow();this.bqBlur=a(this,"bqBlur");this.bqChange=a(this,"bqChange");this.bqClear=a(this,"bqClear");this.bqFocus=a(this,"bqFocus");this.internals=this.attachInternals()}callyElem;inputElem;isInternalUpdate=false;labelElem;prefixElem;suffixElem;internals;get el(){return this}isCallyLoaded=false;focusedDate;displayDate;hasLabel=false;hasPrefix=false;hasRangeEnd=false;hasSuffix=false;hasValue=false;autofocus;clearButtonLabel="Clear value";disableClear=false;disabled=false;distance=8;firstDayOfWeek=1;formatOptions={day:"numeric",month:"short",year:"numeric"};form;formValidationMessage;isDateDisallowed;locale="en-GB";max;min;months;monthsPerView="single";name;open=false;panelHeight="auto";placeholder;placement="bottom-end";required;skidding=0;showOutsideDays=false;strategy="fixed";tentative;type="single";validationStatus="none";value;handleValueChange(r,e){if(r===e)return;const{formatOptions:a,internals:t,isCallyLoaded:n,locale:i,type:o}=this;if(!n)return;t.setFormValue(!b(r)?`${r}`:undefined);this.updateFormValidity();this.hasValue=d(r);this.displayDate=h(r,o,i,a);this.setFocusedDate()}checkPropValues(){l(V,"single",this.el,"type")}bqBlur;bqChange;bqClear;bqFocus;async componentWillLoad(){if(!i()||this.isCallyLoaded)return;try{await W();this.isCallyLoaded=T()}catch(r){console.error(r)}}componentDidLoad(){this.handleSlotChange();this.handleValueChange(this.value,undefined)}componentDidRender(){if(this.isInternalUpdate){this.isInternalUpdate=false}}formAssociatedCallback(){this.updateFormValidity()}formResetCallback(){if(b(this.value))return;this.clear()}handleOpenChange(r){if(!o(r,this.el))return;const{open:e}=r.detail;if(this.open===e)return;this.open=e}handleClickOutside(r){const{open:e,type:a,hasRangeEnd:t}=this;if(!e||a!=="range"||r.button!==0)return;if(o(r,this.el)||t)return;this.tentative=undefined;this.hasRangeEnd=false}async clear(){if(this.disabled)return;this.value=undefined;this.internals.setFormValue(undefined);this.bqClear.emit(this.el)}handleBlur=()=>{if(this.disabled)return;this.bqBlur.emit(this.el)};handleFocus=()=>{if(this.disabled)return;this.bqFocus.emit(this.el)};setFocusedDate=()=>{const{callyElem:r,isCallyLoaded:e,value:a}=this;if(!r||!e)return;const t=a?m(a):j();if(this.focusedDate===t)return;this.focusedDate=t;if(r.focusedDate!==this.focusedDate){r.focusedDate=this.focusedDate}};handleChange=r=>{if(this.disabled||!s(r.target,"input"))return;const e=r.target.value.trim();if(!e){this.clearValue();this.bqChange.emit({value:this.value,el:this.el});return}const a=E(e,this.locale);if(!a){this.internals.setFormValue(undefined);this.updateFormValidity();this.bqChange.emit({value:e,el:this.el});return}if(this.isDateDisallowed?.(a)){this.internals.setFormValue(undefined);this.updateFormValidity();this.bqChange.emit({value:e,el:this.el});return}let t=$(a);t=k(t,this.min,this.max);this.value=t;this.displayDate=h(t,this.type,this.locale,this.formatOptions);this.internals.setFormValue(t);this.updateFormValidity();this.bqChange.emit({value:this.value,el:this.el})};handleCalendarChange=r=>{if(this.isInternalUpdate)return;const e=this.type==="multi";const a=r.target.value;if(this.value===a){this.open=e;return}this.isInternalUpdate=true;this.value=a;this.displayDate=h(a,this.type,this.locale,this.formatOptions);this.inputElem.value=this.displayDate;this.inputElem.focus();this.internals.setFormValue(a);this.bqChange.emit({value:this.value,el:this.el});this.open=e};handleCalendarRangeStart=r=>{this.hasRangeEnd=false;this.tentative=r.detail};handleCalendarRangeEnd=()=>{this.hasRangeEnd=true};handleClearClick=r=>{if(this.disabled)return;this.inputElem.value="";this.clearValue();this.hasRangeEnd=false;this.bqClear.emit(this.el);this.bqChange.emit({value:this.value,el:this.el});this.inputElem.focus();r.stopPropagation()};clearValue=()=>{this.value=undefined;this.displayDate=undefined;this.internals.setFormValue(undefined)};handleSlotChange=()=>{this.hasLabel=c(this.labelElem);this.hasPrefix=c(this.prefixElem);this.hasSuffix=c(this.suffixElem)};generateCalendarMonth=(r,e="")=>{if(!this.isCallyLoaded)return null;return t("calendar-month",{class:e,exportparts:L,offset:r})};generateCalendarMonths=()=>{if(!this.isCallyLoaded)return[];if(this.type==="range"||this.type==="multi"&&this.months){return Array.from({length:this.months},((r,e)=>{const a=e>0?e:undefined;const t=a?"hidden sm:block":"";return this.generateCalendarMonth(a,t)}))}return[this.generateCalendarMonth()]};updateFormValidity=()=>{const{formValidationMessage:r,internals:e,required:a,value:t,inputElem:n}=this;P({internals:e,required:a,value:t,inputElem:n,validationMessage:r,defaultMessage:"Please, input or select a valid date"})};get calendarType(){return F[this.type]??F.single}render(){const r=this.calendarType;const e=`bq-date-picker__label-${this.name||B}`;return t("div",{key:"d3bc7266653e663ceb7d09a7823bc3988ab94a39",class:"bq-date-picker",part:"base"},t("label",{key:"b36af597441d055958e36c0e3804cd7bcf25e820","aria-labelledby":e,class:{"bq-date-picker__label":true,"!hidden":!this.hasLabel},htmlFor:this.name||B,part:"label",ref:r=>{this.labelElem=r}},t("slot",{key:"6a56eb52cf58f8aba43750a154cf8ed81f864960",id:e,name:"label",onSlotchange:this.handleSlotChange})),t("bq-dropdown",{key:"1b2acccef5b1e12d3d3b4a239df4eda1f0df2e1f",class:"bq-date-picker__dropdown is-full [&::part(panel)]:is-auto [&::part(panel)]:p-m",disabled:this.disabled,distance:this.distance,exportparts:"panel",open:this.open,panelHeight:this.panelHeight,placement:this.placement,skidding:this.skidding,strategy:this.strategy},t("div",{key:"cbe0e797f421654c647ccf9539d515f1d9d6b515",class:{"bq-date-picker__control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control",slot:"trigger"},t("span",{key:"8b9a4d62b9682a0b99d41aac5d6a0ef6e919e622",class:{"bq-date-picker__control--prefix":true,"!hidden":!this.hasPrefix},part:"prefix",ref:r=>{this.prefixElem=r}},t("slot",{key:"2cb3a8524d866c584a3cf5141acdb1ad92224e86",name:"prefix",onSlotchange:this.handleSlotChange})),t("input",{key:"a2a3dc60a66e9bb5fea79d58ed5b92583f735f91","aria-controls":`${this.name}`,"aria-describedby":this.hasLabel?e:null,"aria-disabled":this.disabled?"true":"false","aria-invalid":this.validationStatus==="error"?"true":"false","aria-haspopup":"dialog",autoCapitalize:"off",autoComplete:"off",class:"bq-date-picker__control--input",disabled:this.disabled,form:this.form,id:this.name||B,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,part:"input",placeholder:this.placeholder,readonly:this.type!=="single",ref:r=>{this.inputElem=r},required:this.required,spellcheck:false,type:"text",value:this.displayDate}),this.hasValue&&!this.disabled&&!this.disableClear&&t("bq-button",{key:"d88805afb10746d198428dc0a6da5d550092bdff",appearance:"text",border:"s",class:"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden [&::part(button)]:border-none [&::part(button)]:p-0",exportparts:"button",label:this.clearButtonLabel,onBqClick:this.handleClearClick,onlyIcon:true,part:"clear-btn",size:"small"},t("slot",{key:"9e0440b32ae931bbaf731645dff13fa9522f9fa8",name:"clear-icon"},t("bq-icon",{key:"48602de99d51ada0a61ee141276a54054e08264c","aria-hidden":"true",class:"flex",name:"x-circle"}))),t("span",{key:"f1d346f483c58d0dbd64cf83baf0ef9f018eb94e",class:"bq-date-picker__control--suffix",part:"suffix",ref:r=>{this.suffixElem=r}},t("slot",{key:"5501e90797705d98883a0a9ec178ae21922407dd",name:"suffix",onSlotchange:this.handleSlotChange},t("bq-icon",{key:"0a7e047ade9014cb9997a0ffcf47098bbe6160eb",class:"flex",name:"calendar-blank"})))),this.isCallyLoaded&&t(r,{key:"cdbb9f9cb40d03b40f743d1086f9cc3c0055c233","aria-labelledby":e,"aria-modal":"true",exportparts:Y,firstDayOfWeek:this.firstDayOfWeek,isDateDisallowed:this.isDateDisallowed,locale:this.locale,max:this.max,min:this.min,months:this.months,onChange:this.handleCalendarChange,onRangeend:this.handleCalendarRangeEnd,onRangestart:this.handleCalendarRangeStart,pageBy:this.monthsPerView,ref:r=>{this.callyElem=r},role:"dialog",showOutsideDays:this.showOutsideDays,tentative:this.tentative,value:this.value},t("bq-icon",{key:"4c10bc74c6e248f07b66fc4af28917a9b83bcc48",color:"text--primary",label:"Previous",name:"caret-left",slot:"previous"}),t("bq-icon",{key:"4f1875fa4e48db09e83ae5aa5c4c7ab0591cb2d4",color:"text--primary",label:"Next",name:"caret-right",slot:"next"}),t("div",{key:"92d856991700e38e8fbf383eae2b8d2c85d0faed",class:"flex flex-wrap justify-center gap-[--bq-spacing-m]"},this.generateCalendarMonths()))))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:[{handleValueChange:0}],type:[{checkPropValues:0}]}}static get style(){return X()}},[849,"bq-date-picker",{autofocus:[516],clearButtonLabel:[513,"clear-button-label"],disableClear:[516,"disable-clear"],disabled:[1028],distance:[514],firstDayOfWeek:[514,"first-day-of-week"],formatOptions:[16],form:[513],formValidationMessage:[1025,"form-validation-message"],isDateDisallowed:[16],locale:[513],max:[513],min:[513],months:[514],monthsPerView:[513,"months-per-view"],name:[513],open:[1540],panelHeight:[1537,"panel-height"],placeholder:[513],placement:[513],required:[516],skidding:[514],showOutsideDays:[516,"show-outside-days"],strategy:[513],tentative:[1537],type:[513],validationStatus:[513,"validation-status"],value:[1537],isCallyLoaded:[32],focusedDate:[32],displayDate:[32],hasLabel:[32],hasPrefix:[32],hasRangeEnd:[32],hasSuffix:[32],hasValue:[32],clear:[64]},[[2,"bqOpen","handleOpenChange"],[18,"click","handleClickOutside"]],{value:[{handleValueChange:0}],type:[{checkPropValues:0}]}]);function J(){if(typeof customElements==="undefined"){return}const r=["bq-date-picker","bq-button","bq-dropdown","bq-icon","bq-panel"];r.forEach((r=>{switch(r){case"bq-date-picker":if(!customElements.get(n(r))){customElements.define(n(r),H)}break;case"bq-button":if(!customElements.get(n(r))){q()}break;case"bq-dropdown":if(!customElements.get(n(r))){u()}break;case"bq-icon":if(!customElements.get(n(r))){v()}break;case"bq-panel":if(!customElements.get(n(r))){g()}break}}))}const K=H;const Z=J;export{K as BqDatePicker,y as I,k as c,Z as defineCustomElement,m as e,h as f,j as g,O as i,E as p,$ as t,P as u};
 //# sourceMappingURL=bq-date-picker.js.map