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

package/dist/components/index.js

@@ -2,153 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-export { g as getAssetPath, r as render, s as setAssetPath, a as setNonce, b as setPlatformOptions } from "./p-DDCN9O42.js";
-
-export { g as getBasePath, s as setBasePath } from "./p-YyF6_fWE.js";
-
-export { BqSlider, c as clamp, defineCustomElement as defineCustomElementBqSlider } from "./bq-slider.js";
-
-export { a as getCSSVariableValue, g as getColorCSSVariable } from "./p-_RvVpeh2.js";
-
-export { BqDatePicker, I as ISO_DATE_LOCALE, c as clampDateToRange, defineCustomElement as defineCustomElementBqDatePicker, e as extractFocusedDate, f as formatDisplayValue, g as getTodayISO, i as isValidISODate, p as parseDateInput, t as toISODateString, u as updateFormValidity } from "./bq-date-picker.js";
-
-export { d as debounce, s as setRafTimeout } from "./p-CVw85-WU.js";
-
-export { i as isEventTargetChildOfElement } from "./p-Dx-CEPSQ.js";
-
-export { g as getNextElement } from "./p-BsSDkLU5.js";
-
-export { i as isClient } from "./p-B4sM1t6Z.js";
-
-import { i as o } from "./p-BRbYDZoo.js";
-
-import { i as n } from "./p-BcPwGxIn.js";
-
-export { i as isHTMLElement } from "./p-D1A0LpG_.js";
-
-export { i as isString } from "./p-lysmVw2n.js";
-
-export { v as validatePropValue } from "./p-zh4P02Kn.js";
-
-export { c as configureScrollLock, f as forceUnlockAllBodyScroll, g as getScrollLockCount, i as isBodyScrollLocked, l as lockBodyScroll, u as unlockBodyScroll } from "./p-qOL6hl5s.js";
-
-export { g as getInnerHTML, a as getTextContent, h as hasSlot, b as hasSlotContent } from "./p-uqkxeAeG.js";
-
-export { BqSelect, defineCustomElement as defineCustomElementBqSelect, s as stringToArray } from "./bq-select.js";
-
-export { e as enter, l as leave, t as toggle } from "./p-DdvbF5yL.js";
-
-export { BqAccordion, defineCustomElement as defineCustomElementBqAccordion } from "./bq-accordion.js";
-
-export { BqAccordionGroup, defineCustomElement as defineCustomElementBqAccordionGroup } from "./bq-accordion-group.js";
-
-export { BqAlert, defineCustomElement as defineCustomElementBqAlert } from "./bq-alert.js";
-
-export { BqAvatar, defineCustomElement as defineCustomElementBqAvatar } from "./bq-avatar.js";
-
-export { BqBadge, defineCustomElement as defineCustomElementBqBadge } from "./bq-badge.js";
-
-export { BqBreadcrumb, defineCustomElement as defineCustomElementBqBreadcrumb } from "./bq-breadcrumb.js";
-
-export { BqBreadcrumbItem, defineCustomElement as defineCustomElementBqBreadcrumbItem } from "./bq-breadcrumb-item.js";
-
-export { BqButton, defineCustomElement as defineCustomElementBqButton } from "./bq-button.js";
-
-export { BqCard, defineCustomElement as defineCustomElementBqCard } from "./bq-card.js";
-
-export { BqCheckbox, defineCustomElement as defineCustomElementBqCheckbox } from "./bq-checkbox.js";
-
-export { BqDialog, defineCustomElement as defineCustomElementBqDialog } from "./bq-dialog.js";
-
-export { BqDivider, defineCustomElement as defineCustomElementBqDivider } from "./bq-divider.js";
-
-export { BqDrawer, defineCustomElement as defineCustomElementBqDrawer } from "./bq-drawer.js";
-
-export { BqDropdown, defineCustomElement as defineCustomElementBqDropdown } from "./bq-dropdown.js";
-
-export { BqEmptyState, defineCustomElement as defineCustomElementBqEmptyState } from "./bq-empty-state.js";
-
-export { BqIcon, defineCustomElement as defineCustomElementBqIcon } from "./bq-icon.js";
-
-export { BqInput, defineCustomElement as defineCustomElementBqInput } from "./bq-input.js";
-
-export { BqNotification, defineCustomElement as defineCustomElementBqNotification } from "./bq-notification.js";
-
-export { BqOption, defineCustomElement as defineCustomElementBqOption } from "./bq-option.js";
-
-export { BqOptionGroup, defineCustomElement as defineCustomElementBqOptionGroup } from "./bq-option-group.js";
-
-export { BqOptionList, defineCustomElement as defineCustomElementBqOptionList } from "./bq-option-list.js";
-
-export { BqPageTitle, defineCustomElement as defineCustomElementBqPageTitle } from "./bq-page-title.js";
-
-export { BqPanel, defineCustomElement as defineCustomElementBqPanel } from "./bq-panel.js";
-
-export { BqProgress, defineCustomElement as defineCustomElementBqProgress } from "./bq-progress.js";
-
-export { BqRadio, defineCustomElement as defineCustomElementBqRadio } from "./bq-radio.js";
-
-export { BqRadioGroup, defineCustomElement as defineCustomElementBqRadioGroup } from "./bq-radio-group.js";
-
-export { BqSideMenu, defineCustomElement as defineCustomElementBqSideMenu } from "./bq-side-menu.js";
-
-export { BqSideMenuItem, defineCustomElement as defineCustomElementBqSideMenuItem } from "./bq-side-menu-item.js";
-
-export { BqSpinner, defineCustomElement as defineCustomElementBqSpinner } from "./bq-spinner.js";
-
-export { BqStatus, defineCustomElement as defineCustomElementBqStatus } from "./bq-status.js";
-
-export { BqStepItem, defineCustomElement as defineCustomElementBqStepItem } from "./bq-step-item.js";
-
-export { BqSteps, defineCustomElement as defineCustomElementBqSteps } from "./bq-steps.js";
-
-export { BqSwitch, defineCustomElement as defineCustomElementBqSwitch } from "./bq-switch.js";
-
-export { BqTab, defineCustomElement as defineCustomElementBqTab } from "./bq-tab.js";
-
-export { BqTabGroup, defineCustomElement as defineCustomElementBqTabGroup } from "./bq-tab-group.js";
-
-export { BqTag, defineCustomElement as defineCustomElementBqTag } from "./bq-tag.js";
-
-export { BqTextarea, defineCustomElement as defineCustomElementBqTextarea } from "./bq-textarea.js";
-
-export { BqToast, defineCustomElement as defineCustomElementBqToast } from "./bq-toast.js";
-
-export { BqTooltip, defineCustomElement as defineCustomElementBqTooltip } from "./bq-tooltip.js";
-
-/**
- * Get a number of randoms items from Array
- *
- * @param {Array} arr - The array where to look
- * @param {Number} n - The number of random items to take
- * @returns {Array} An array with the number of random items specified
- */ const getRandomFromArray = (e, t) => {
-  let o = e.length;
-  const s = new Array(t);
-  const n = new Array(o);
-  if (t > o) throw new RangeError("getRandom: more elements taken than available");
-  while (t--) {
-    const m = Date.now() % o;
-    s[t] = e[m in n ? n[m] : m];
-    n[m] = --o in n ? n[o] : o;
-  }
-  return s;
-};
-
-/**
- * Check if the value is an empty array, object, set, map
- * @param value the value to be checked
- * @returns {boolean} true if value is empty
- */ const isEmpty = e => {
-  if (n(e)) {
-    return true;
-  } else if ("size" in e) {
-    return !o(e.size);
-  } else {
-    return !o(Object.values(e).length);
-  }
-};
-
-export { getRandomFromArray, o as isDefined, isEmpty, n as isNil };
-//# sourceMappingURL=index.js.map
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-DDVIIUm1.js";export{g as getBasePath,s as setBasePath}from"./p-BHxv_w2i.js";export{BqSlider,c as clamp,defineCustomElement as defineCustomElementBqSlider}from"./bq-slider.js";export{a as getCSSVariableValue,g as getColorCSSVariable}from"./p-_RvVpeh2.js";export{BqDatePicker,I as ISO_DATE_LOCALE,c as clampDateToRange,defineCustomElement as defineCustomElementBqDatePicker,e as extractFocusedDate,f as formatDisplayValue,g as getTodayISO,i as isValidISODate,p as parseDateInput,t as toISODateString,u as updateFormValidity}from"./bq-date-picker.js";export{d as debounce,s as setRafTimeout}from"./p-CVw85-WU.js";export{i as isEventTargetChildOfElement}from"./p-Dx-CEPSQ.js";export{g as getNextElement}from"./p-BsSDkLU5.js";export{i as isClient}from"./p-B4sM1t6Z.js";import{i as o}from"./p-BRbYDZoo.js";import{i as m}from"./p-BcPwGxIn.js";export{i as isHTMLElement}from"./p-D1A0LpG_.js";export{i as isString}from"./p-lysmVw2n.js";export{v as validatePropValue}from"./p-zh4P02Kn.js";export{c as configureScrollLock,f as forceUnlockAllBodyScroll,g as getScrollLockCount,i as isBodyScrollLocked,l as lockBodyScroll,u as unlockBodyScroll}from"./p-8mobOXPw.js";export{g as getInnerHTML,a as getTextContent,h as hasSlot,b as hasSlotContent}from"./p-uqkxeAeG.js";export{BqSelect,defineCustomElement as defineCustomElementBqSelect,s as stringToArray}from"./bq-select.js";export{e as enter,l as leave,t as toggle}from"./p-DdvbF5yL.js";export{BqAccordion,defineCustomElement as defineCustomElementBqAccordion}from"./bq-accordion.js";export{BqAccordionGroup,defineCustomElement as defineCustomElementBqAccordionGroup}from"./bq-accordion-group.js";export{BqAlert,defineCustomElement as defineCustomElementBqAlert}from"./bq-alert.js";export{BqAvatar,defineCustomElement as defineCustomElementBqAvatar}from"./bq-avatar.js";export{BqBadge,defineCustomElement as defineCustomElementBqBadge}from"./bq-badge.js";export{BqBreadcrumb,defineCustomElement as defineCustomElementBqBreadcrumb}from"./bq-breadcrumb.js";export{BqBreadcrumbItem,defineCustomElement as defineCustomElementBqBreadcrumbItem}from"./bq-breadcrumb-item.js";export{BqButton,defineCustomElement as defineCustomElementBqButton}from"./bq-button.js";export{BqCard,defineCustomElement as defineCustomElementBqCard}from"./bq-card.js";export{BqCheckbox,defineCustomElement as defineCustomElementBqCheckbox}from"./bq-checkbox.js";export{BqDialog,defineCustomElement as defineCustomElementBqDialog}from"./bq-dialog.js";export{BqDivider,defineCustomElement as defineCustomElementBqDivider}from"./bq-divider.js";export{BqDrawer,defineCustomElement as defineCustomElementBqDrawer}from"./bq-drawer.js";export{BqDropdown,defineCustomElement as defineCustomElementBqDropdown}from"./bq-dropdown.js";export{BqEmptyState,defineCustomElement as defineCustomElementBqEmptyState}from"./bq-empty-state.js";export{BqIcon,defineCustomElement as defineCustomElementBqIcon}from"./bq-icon.js";export{BqInput,defineCustomElement as defineCustomElementBqInput}from"./bq-input.js";export{BqNotification,defineCustomElement as defineCustomElementBqNotification}from"./bq-notification.js";export{BqOption,defineCustomElement as defineCustomElementBqOption}from"./bq-option.js";export{BqOptionGroup,defineCustomElement as defineCustomElementBqOptionGroup}from"./bq-option-group.js";export{BqOptionList,defineCustomElement as defineCustomElementBqOptionList}from"./bq-option-list.js";export{BqPageTitle,defineCustomElement as defineCustomElementBqPageTitle}from"./bq-page-title.js";export{BqPanel,defineCustomElement as defineCustomElementBqPanel}from"./bq-panel.js";export{BqProgress,defineCustomElement as defineCustomElementBqProgress}from"./bq-progress.js";export{BqRadio,defineCustomElement as defineCustomElementBqRadio}from"./bq-radio.js";export{BqRadioGroup,defineCustomElement as defineCustomElementBqRadioGroup}from"./bq-radio-group.js";export{BqSideMenu,defineCustomElement as defineCustomElementBqSideMenu}from"./bq-side-menu.js";export{BqSideMenuItem,defineCustomElement as defineCustomElementBqSideMenuItem}from"./bq-side-menu-item.js";export{BqSpinner,defineCustomElement as defineCustomElementBqSpinner}from"./bq-spinner.js";export{BqStatus,defineCustomElement as defineCustomElementBqStatus}from"./bq-status.js";export{BqStepItem,defineCustomElement as defineCustomElementBqStepItem}from"./bq-step-item.js";export{BqSteps,defineCustomElement as defineCustomElementBqSteps}from"./bq-steps.js";export{BqSwitch,defineCustomElement as defineCustomElementBqSwitch}from"./bq-switch.js";export{BqTab,defineCustomElement as defineCustomElementBqTab}from"./bq-tab.js";export{BqTabGroup,defineCustomElement as defineCustomElementBqTabGroup}from"./bq-tab-group.js";export{BqTag,defineCustomElement as defineCustomElementBqTag}from"./bq-tag.js";export{BqTextarea,defineCustomElement as defineCustomElementBqTextarea}from"./bq-textarea.js";export{BqToast,defineCustomElement as defineCustomElementBqToast}from"./bq-toast.js";export{BqTooltip,defineCustomElement as defineCustomElementBqTooltip}from"./bq-tooltip.js";const n=(e,t)=>{let o=e.length;const s=new Array(t);const m=new Array(o);if(t>o)throw new RangeError("getRandom: more elements taken than available");while(t--){const n=Date.now()%o;s[t]=e[n in m?m[n]:n];m[n]=--o in m?m[o]:o}return s};const q=e=>{if(m(e)){return true}else if("size"in e){return!o(e.size)}else{return!o(Object.values(e).length)}};export{n as getRandomFromArray,o as isDefined,q as isEmpty,m as isNil};
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["getRandomFromArray","arr","n","length","result","Array","taken","RangeError","x","Date","now","isEmpty","value","isNil","isDefined","size","Object","values"],"sources":["../../packages/beeq/src/shared/utils/getRandom.ts","../../packages/beeq/src/shared/utils/isEmpty.ts"],"sourcesContent":["/**\n * Get a number of randoms items from Array\n *\n * @param {Array} arr - The array where to look\n * @param {Number} n - The number of random items to take\n * @returns {Array} An array with the number of random items specified\n */\nexport const getRandomFromArray = <T>(arr: T[], n: number): T[] => {\n  let length = arr.length;\n  const result = new Array(n);\n  const taken = new Array(length);\n\n  if (n > length) throw new RangeError('getRandom: more elements taken than available');\n\n  while (n--) {\n    const x = Date.now() % length;\n    result[n] = arr[x in taken ? taken[x] : x];\n    taken[x] = --length in taken ? taken[length] : length;\n  }\n  return result;\n};\n","import { isDefined, isNil } from '.';\n\ntype TCollection = Map<unknown, unknown> | Array<unknown> | Record<string, unknown> | Set<unknown> | null | undefined;\n\n/**\n * Check if the value is an empty array, object, set, map\n * @param value the value to be checked\n * @returns {boolean} true if value is empty\n */\nexport const isEmpty = <T extends TCollection>(value: T): boolean => {\n  if (isNil(value)) {\n    return true;\n  } else if ('size' in value) {\n    return !isDefined(value.size);\n  } else {\n    return !isDefined(Object.values(value).length);\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOaA,qBAAqB,CAAIC,GAAUC;EAC9C,IAAIC,IAASF,EAAIE;EACjB,MAAMC,IAAS,IAAIC,MAAMH;EACzB,MAAMI,IAAQ,IAAID,MAAMF;EAExB,IAAID,IAAIC,GAAQ,MAAM,IAAII,WAAW;EAErC,OAAOL,KAAK;IACV,MAAMM,IAAIC,KAAKC,QAAQP;IACvBC,EAAOF,KAAKD,EAAIO,KAAKF,IAAQA,EAAME,KAAKA;IACxCF,EAAME,OAAOL,KAAUG,IAAQA,EAAMH,KAAUA;;EAEjD,OAAOC;AAAM;;;;;;GCVF,OAAAO,UAAkCC;EAC7C,IAAIC,EAAMD,IAAQ;IAChB,OAAO;SACF,IAAI,UAAUA,GAAO;IAC1B,QAAQE,EAAUF,EAAMG;SACnB;IACL,QAAQD,EAAUE,OAAOC,OAAOL,GAAOT","ignoreList":[]}
+{"version":3,"names":["getRandomFromArray","arr","n","length","result","Array","taken","RangeError","x","Date","now","isEmpty","value","isNil","isDefined","size","Object","values"],"sources":["../../packages/beeq/src/shared/utils/getRandom.ts","../../packages/beeq/src/shared/utils/isEmpty.ts"],"sourcesContent":["/**\n * Get a number of randoms items from Array\n *\n * @param {Array} arr - The array where to look\n * @param {Number} n - The number of random items to take\n * @returns {Array} An array with the number of random items specified\n */\nexport const getRandomFromArray = <T>(arr: T[], n: number): T[] => {\n  let length = arr.length;\n  const result = new Array(n);\n  const taken = new Array(length);\n\n  if (n > length) throw new RangeError('getRandom: more elements taken than available');\n\n  while (n--) {\n    const x = Date.now() % length;\n    result[n] = arr[x in taken ? taken[x] : x];\n    taken[x] = --length in taken ? taken[length] : length;\n  }\n  return result;\n};\n","import { isDefined, isNil } from '.';\n\ntype TCollection = Map<unknown, unknown> | Array<unknown> | Record<string, unknown> | Set<unknown> | null | undefined;\n\n/**\n * Check if the value is an empty array, object, set, map\n * @param value the value to be checked\n * @returns {boolean} true if value is empty\n */\nexport const isEmpty = <T extends TCollection>(value: T): boolean => {\n  if (isNil(value)) {\n    return true;\n  } else if ('size' in value) {\n    return !isDefined(value.size);\n  } else {\n    return !isDefined(Object.values(value).length);\n  }\n};\n"],"mappings":";;;;ohKAOaA,EAAqB,CAAIC,EAAUC,KAC9C,IAAIC,EAASF,EAAIE,OACjB,MAAMC,EAAS,IAAIC,MAAMH,GACzB,MAAMI,EAAQ,IAAID,MAAMF,GAExB,GAAID,EAAIC,EAAQ,MAAM,IAAII,WAAW,iDAErC,MAAOL,IAAK,CACV,MAAMM,EAAIC,KAAKC,MAAQP,EACvBC,EAAOF,GAAKD,EAAIO,KAAKF,EAAQA,EAAME,GAAKA,GACxCF,EAAME,KAAOL,KAAUG,EAAQA,EAAMH,GAAUA,C,CAEjD,OAAOC,CAAM,ECVF,MAAAO,EAAkCC,IAC7C,GAAIC,EAAMD,GAAQ,CAChB,OAAO,I,MACF,GAAI,SAAUA,EAAO,CAC1B,OAAQE,EAAUF,EAAMG,K,KACnB,CACL,OAAQD,EAAUE,OAAOC,OAAOL,GAAOT,O","ignoreList":[]}

package/dist/components/p-4z5qnOaY.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{p as a,H as r,c as e,h as b,d as t,t as n}from"./p-DDVIIUm1.js";import{g as q}from"./p-_RvVpeh2.js";import{v as i}from"./p-zh4P02Kn.js";import{b as o}from"./p-uqkxeAeG.js";import{d as s}from"./p-DSdUt2Ay.js";import{d}from"./p-BHxv_w2i.js";const l=["xsmall","small","medium"];const c=["error","gray","info","success","warning"];const g=["outline","filled"];const u=a=>{const r=l[0];const e=l[1];const b=l[2];const t={[r]:16,[e]:20,[b]:24};return t[a]||t[b]};const v=a=>{const r=c[0];const e=c[1];const b=c[2];const t=c[3];const n=c[4];const q=g[0];const i=g[1];const o={[r]:{[q]:"text--danger",[i]:"text--alt"},[e]:{[q]:"text--primary",[i]:"text--alt"},[b]:{[q]:"text--brand",[i]:"text--alt"},[t]:{[q]:"text--success",[i]:"text--alt"},[n]:{[q]:"text--warning",[i]:"text--alt"}};return o[a]};const f=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.relative{position:relative}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.select-none{user-select:none}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[--bq-tag--medium-gap\\]{gap:var(--bq-tag--medium-gap)}.gap-\\[--bq-tag--small-gap\\]{gap:var(--bq-tag--small-gap)}.rounded-\\[--bq-tag--border-radius\\]{border-radius:var(--bq-tag--border-radius)}.rounded-\\[--bq-tag--small-border-radius\\]{border-radius:var(--bq-tag--small-border-radius)}.border-\\[length\\:--bq-tag--border-width\\]{border-width:var(--bq-tag--border-width)}.border-\\[color\\:--bq-tag--border-color\\]{border-color:var(--bq-tag--border-color)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-\\[--bq-tag--background-color\\]{background-color:var(--bq-tag--background-color)}.bg-ui-brand{background-color:var(--bq-ui--brand)}.bg-ui-brand-alt{background-color:var(--bq-ui--brand-alt)}.bg-ui-danger{background-color:var(--bq-ui--danger)}.bg-ui-danger-alt{background-color:var(--bq-ui--danger-alt)}.bg-ui-primary{background-color:var(--bq-ui--primary)}.bg-ui-success{background-color:var(--bq-ui--success)}.bg-ui-success-alt{background-color:var(--bq-ui--success-alt)}.bg-ui-tertiary{background-color:var(--bq-ui--tertiary)}.bg-ui-warning{background-color:var(--bq-ui--warning)}.bg-ui-warning-alt{background-color:var(--bq-ui--warning-alt)}.font-medium{font-weight:var(--bq-font-weight--medium)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-alt{color:var(--bq-text--alt)}.text-brand{color:var(--bq-text--brand)}.text-danger{color:var(--bq-text--danger)}.text-primary{color:var(--bq-text--primary)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.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-300{transition-duration:.3s}.p-b-\\[--bq-tag--medium-padding-y\\]{padding-block:var(--bq-tag--medium-padding-y)}.p-b-\\[--bq-tag--small-padding-y\\]{padding-block:var(--bq-tag--small-padding-y)}.p-i-\\[--bq-tag--medium-padding-x\\]{padding-inline:var(--bq-tag--medium-padding-x)}.p-i-\\[--bq-tag--small-padding-x\\]{padding-inline:var(--bq-tag--small-padding-x)}.\\[--bq-tag--border-color\\:--bq-stroke--brand\\]{--bq-tag--border-color:var(--bq-stroke--brand)}.\\[--bq-tag--border-color\\:--bq-stroke--danger\\]{--bq-tag--border-color:var(--bq-stroke--danger)}.\\[--bq-tag--border-color\\:--bq-stroke--tertiary\\]{--bq-tag--border-color:var(--bq-stroke--tertiary)}.\\[--bq-tag--border-color\\:--bq-tag--border-success\\]{--bq-tag--border-color:var(--bq-tag--border-success)}@-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-tag--background-color:var(--bq-ui--secondary);--bq-tag--border-color:transparent;--bq-tag--border-radius:var(--bq-radius--s);--bq-tag--border-style:solid;--bq-tag--border-width:var(--bq-stroke-s);--bq-tag--small-border-radius:var(--bq-radius--xs);--bq-tag--small-gap:var(--bq-spacing-xs2);--bq-tag--small-padding-x:calc(var(--bq-spacing-xs) - var(--bq-tag--border-width));--bq-tag--small-padding-y:calc(var(--bq-spacing-xs3) - var(--bq-tag--border-width));--bq-tag--medium-gap:var(--bq-spacing-xs);--bq-tag--medium-padding-x:calc(var(--bq-spacing-s) - var(--bq-tag--border-width));--bq-tag--medium-padding-y:calc(var(--bq-spacing-xs2) - var(--bq-tag--border-width));display:inline-block;position:relative}:host([hidden]){display:none}.bq-tag{align-items:center;background-color:var(--bq-tag--background-color);border-color:var(--bq-tag--border-color);border-radius:var(--bq-tag--border-radius);border-style:var(--bq-tag--border-style);border-width:var(--bq-tag--border-width);box-sizing:border-box;color:var(--bq-text--primary);display:inline-flex;flex-direction:row;font-weight:var(--bq-font-weight--medium);gap:var(--bq-tag--medium-gap);justify-content:center;line-height:var(--bq-font-line-height--regular);padding-block:var(--bq-tag--medium-padding-y);padding-inline:var(--bq-tag--medium-padding-x);transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-tag__small,.bq-tag__xsmall{gap:var(--bq-tag--small-gap);padding-block:var(--bq-tag--small-padding-y);padding-inline:var(--bq-tag--small-padding-x)}.bq-tag__small:not(.has-border),.bq-tag__xsmall:not(.has-border){border-radius:var(--bq-tag--small-border-radius)}.bq-tag__default.is-clickable{cursor:pointer}.bq-tag__default.is-clickable: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)}.bq-tag__default.is-clickable:enabled:hover{background-color:color-mix(in srgb,var(--bq-tag--background-color),var(--bq-hover) 20%)}.bq-tag__default.is-clickable.active{--bq-tag--background-color:var(--bq-ui--brand);color:var(--bq-text--alt)}.bq-tag__default.is-clickable:disabled{border-style:none;cursor:not-allowed;opacity:.6}.bq-tag__error.bq-tag__filled{background-color:var(--bq-ui--danger);color:var(--bq-text--alt)}.bq-tag__error.bq-tag__outline{--bq-tag--border-color:var(--bq-stroke--danger);background-color:var(--bq-ui--danger-alt);color:var(--bq-text--danger)}.bq-tag__gray.bq-tag__filled{background-color:var(--bq-ui--tertiary);color:var(--bq-text--alt)}.bq-tag__gray.bq-tag__outline{--bq-tag--border-color:var(--bq-stroke--tertiary);background-color:var(--bq-ui--primary);color:var(--bq-text--primary)}.bq-tag__info.bq-tag__filled{background-color:var(--bq-ui--brand);color:var(--bq-text--alt)}.bq-tag__info.bq-tag__outline{--bq-tag--border-color:var(--bq-stroke--brand);background-color:var(--bq-ui--brand-alt);color:var(--bq-text--brand)}.bq-tag__success.bq-tag__filled{background-color:var(--bq-ui--success);color:var(--bq-text--alt)}.bq-tag__success.bq-tag__outline{--bq-tag--border-color:var(--bq-tag--border-success);background-color:var(--bq-ui--success-alt);color:var(--bq-text--success)}.bq-tag__warning.bq-tag__filled{background-color:var(--bq-ui--warning);color:var(--bq-text--alt)}.bq-tag__warning.bq-tag__outline{background-color:var(--bq-ui--warning-alt);border-color:var(--bq-stroke--warning);color:var(--bq-text--warning)}.bq-tag__prefix ::slotted(bq-icon){--bq-icon--size:var(--bq-tag--icon-prefix-size)!important}.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)}.hover\\:enabled\\:bg-\\[color-mix\\(in_srgb\\2c _var\\(--bq-tag--background-color\\)\\2c _var\\(--bq-hover\\)_20\\%\\)\\]:enabled:hover{background-color:color-mix(in srgb,var(--bq-tag--background-color),var(--bq-hover) 20%)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:border-none:disabled{border-style:none}.disabled\\:opacity-60:disabled{opacity:.6}.\\[\\&\\.active\\]\\:text-alt.active{color:var(--bq-text--alt)}.\\[\\&\\.active\\]\\:\\[--bq-tag--background-color\\:--bq-ui--brand\\].active{--bq-tag--background-color:var(--bq-ui--brand)}.static{position:static}.\\!hidden{display:none!important}.text-m{font-size:var(--bq-font-size--m)}.text-s{font-size:var(--bq-font-size--s)}.text-xs{font-size:var(--bq-font-size--xs)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-none::part(button){border-style:none}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}`;const h=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.bqClose=e(this,"bqClose");this.bqOpen=e(this,"bqOpen");this.bqBlur=e(this,"bqBlur");this.bqClick=e(this,"bqClick");this.bqFocus=e(this,"bqFocus")}prefixElem;get el(){return this}hasPrefix=false;border;clickable=false;color;disabled=false;hidden;removable=false;selected=false;size="medium";variant="filled";checkPropValues(){i(l,"medium",this.el,"size");i(g,"filled",this.el,"variant")}bqClose;bqOpen;bqBlur;bqClick;bqFocus;componentWillLoad(){this.checkPropValues()}componentDidLoad(){this.handleSlotChange()}async hide(){this.handleClose()}async show(){this.handleShow()}handleClose=a=>{a?.stopPropagation();if(!this.isRemovable)return;const r=this.bqClose.emit(this.el);if(!r.defaultPrevented){this.hidden=true}};handleShow=()=>{if(!this.isRemovable)return;const a=this.bqOpen.emit(this.el);if(!a.defaultPrevented){this.hidden=false}};handleClick=()=>{if(!this.isClickable||this.disabled)return;const a=this.bqClick.emit(this.el);if(!a.defaultPrevented){this.selected=!this.selected}};handleBlur=()=>{if(!this.isClickable)return;this.bqBlur.emit(this.el)};handleFocus=()=>{if(!this.isClickable)return;this.bqFocus.emit(this.el)};handleSlotChange=()=>{this.hasPrefix=o(this.prefixElem,"prefix")};get isClickable(){return this.clickable&&!this.color&&!this.hasCustomColor&&!this.removable}get isRemovable(){return this.removable&&!this.isClickable}get hasCustomColor(){return this.color!==undefined?!c.includes(this.color):false}get computedHostClasses(){return{"--bq-tag--icon-prefix-size":`${u(this.size)}px`,...this.border&&{"--bq-tag--border-radius":`var(--bq-radius--${this.border})`},...this.color&&{"--bq-tag--background-color":q(this.color)??this.color},...this.hasCustomColor&&{"--bq-text--primary":`var(--bq-text--alt)`}}}get computeWrapperClasses(){return{[`bq-tag bq-tag__${this.size}`]:true,[`bq-tag__${this.color||"default"} bq-tag__${this.variant}`]:!this.hasCustomColor,"is-clickable":this.isClickable,"is-removable":this.removable,active:this.isClickable&&this.selected,"has-border":!!this.border}}get computeButtonInteractiveProps(){if(!this.isClickable)return{};return{onClick:this.handleClick,onBlur:this.handleBlur,onFocus:this.handleFocus,tabindex:0,type:"button"}}render(){const a=this.isClickable?"button":"div";const r=this.hidden?"true":"false";return b(t,{key:"48cce67427cc8b61e7dee105d46894547a5a7975","aria-hidden":r,hidden:this.hidden||undefined,style:this.computedHostClasses},b(a,{key:"3c8134b4354f497a3c665906c4d91c05e5d67034",class:this.computeWrapperClasses,disabled:this.isClickable?this.disabled:undefined,part:"wrapper",...this.computeButtonInteractiveProps},b("span",{key:"c9cfdcb208165fb305e6a1c71469942b1284f13a",class:{"bq-tag__prefix inline-flex":true,"!hidden":!this.hasPrefix},part:"prefix",ref:a=>{this.prefixElem=a}},b("slot",{key:"7454aefdd8a19d6d3fd24398c357030b6c2818ff",name:"prefix",onSlotchange:this.handleSlotChange})),b("div",{key:"045d8a76324bf56636f14c3e7f2244dbe0c0e14d",class:{"text-xs":this.size==="xsmall","text-s":this.size==="small","text-m":this.size==="medium"},part:"text"},b("slot",{key:"f41039c96ed3f8e9c61b0ae8d392d30decc80a2f"})),this.isRemovable&&!this.disabled&&b("bq-button",{key:"9afeeee50e8d84e710ab3e7e48dcf017210d4076",appearance:"text",border:"s",class:"bq-tag__close [&::part(button)]:border-none [&::part(button)]:p-0",label:"Close",onClick:this.handleClose,onlyIcon:true,part:"btn-close",size:"small"},b("bq-icon",{key:"e88683b1f2808ae172fb3f88b214a87007996a5e","aria-hidden":"true",color:this.color&&!this.hasCustomColor?v(this.color)[this.variant]:"text--primary",name:"x-circle",size:u(this.size)}))))}static get delegatesFocus(){return true}static get watchers(){return{size:[{checkPropValues:0}],variant:[{checkPropValues:0}]}}static get style(){return f()}},[785,"bq-tag",{border:[513],clickable:[516],color:[513],disabled:[516],hidden:[1540],removable:[516],selected:[1540],size:[513],variant:[513],hasPrefix:[32],hide:[64],show:[64]},undefined,{size:[{checkPropValues:0}],variant:[{checkPropValues:0}]}]);function m(){if(typeof customElements==="undefined"){return}const a=["bq-tag","bq-button","bq-icon"];a.forEach((a=>{switch(a){case"bq-tag":if(!customElements.get(n(a))){customElements.define(n(a),h)}break;case"bq-button":if(!customElements.get(n(a))){s()}break;case"bq-icon":if(!customElements.get(n(a))){d()}break}}))}export{h as B,m as d};
+//# sourceMappingURL=p-4z5qnOaY.js.map

package/dist/components/p-4z5qnOaY.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TAG_SIZE","TAG_COLOR","TAG_VARIANT","iconSize","size","xsmall","small","medium","SIZE","textColor","color","typeError","typeGray","typeInfo","typeSuccess","typeWarning","variantOutline","variantFilled","COLORS","bqTagCss","BqTag","__stencil_proxyCustomElement","HTMLElement","prefixElem","hasPrefix","border","clickable","disabled","hidden","removable","selected","variant","checkPropValues","validatePropValue","this","el","bqClose","bqOpen","bqBlur","bqClick","bqFocus","componentWillLoad","componentDidLoad","handleSlotChange","hide","handleClose","show","handleShow","event","stopPropagation","isRemovable","ev","emit","defaultPrevented","handleClick","isClickable","handleBlur","handleFocus","hasSlotContent","hasCustomColor","undefined","includes","computedHostClasses","getColorCSSVariable","computeWrapperClasses","active","computeButtonInteractiveProps","onClick","onBlur","onFocus","tabindex","type","render","TagElement","ariaHidden","h","Host","key","style","class","part","ref","spanElem","name","onSlotchange","appearance","label","onlyIcon"],"sources":["../../packages/beeq/src/components/tag/bq-tag.types.ts","../../packages/beeq/src/components/tag/helper/index.ts","../../packages/beeq/src/components/tag/scss/bq-tag.scss?tag=bq-tag&encapsulation=shadow","../../packages/beeq/src/components/tag/bq-tag.tsx"],"sourcesContent":["export const TAG_SIZE = ['xsmall', 'small', 'medium'] as const;\nexport type TTagSize = (typeof TAG_SIZE)[number];\n\nexport const TAG_COLOR = ['error', 'gray', 'info', 'success', 'warning'] as const;\nexport type TTagColor = (typeof TAG_COLOR)[number];\n\nexport const TAG_VARIANT = ['outline', 'filled'] as const;\nexport type TTagVariant = (typeof TAG_VARIANT)[number];\n\nexport const TAG_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TTagBorderRadius = (typeof TAG_BORDER_RADIUS)[number];\n","import { TAG_COLOR, TAG_SIZE, TAG_VARIANT, type TTagColor, type TTagSize, type TTagVariant } from '../bq-tag.types';\n\n/**\n * Function to determine the icon size based on the provided tag size.\n *\n * @param {TTagSize} size - The size of the tag.\n * @returns {number} The corresponding icon size. If the provided size does not match any predefined sizes, the function returns the size for 'medium'.\n */\nexport const iconSize = (size: TTagSize): number => {\n  const xsmall = TAG_SIZE[0];\n  const small = TAG_SIZE[1];\n  const medium = TAG_SIZE[2];\n\n  const SIZE = {\n    [xsmall]: 16,\n    [small]: 20,\n    [medium]: 24,\n  };\n\n  return SIZE[size] || SIZE[medium];\n};\n\n/**\n * Function to determine the tag text color scheme for a given tag type.\n *\n * @param {TTagType} color - The color of the tag.\n * @returns {Object} An object containing the color scheme for the given tag type. If the provided type does not match any predefined types, the function returns the color scheme for 'default'.\n */\nexport const textColor = (color: TTagColor): Partial<{ [K in TTagVariant]: string }> => {\n  const typeError = TAG_COLOR[0];\n  const typeGray = TAG_COLOR[1];\n  const typeInfo = TAG_COLOR[2];\n  const typeSuccess = TAG_COLOR[3];\n  const typeWarning = TAG_COLOR[4];\n\n  const variantOutline = TAG_VARIANT[0];\n  const variantFilled = TAG_VARIANT[1];\n\n  const COLORS = {\n    [typeError]: {\n      [variantOutline]: 'text--danger',\n      [variantFilled]: 'text--alt',\n    },\n    [typeGray]: {\n      [variantOutline]: 'text--primary',\n      [variantFilled]: 'text--alt',\n    },\n    [typeInfo]: {\n      [variantOutline]: 'text--brand',\n      [variantFilled]: 'text--alt',\n    },\n    [typeSuccess]: {\n      [variantOutline]: 'text--success',\n      [variantFilled]: 'text--alt',\n    },\n    [typeWarning]: {\n      [variantOutline]: 'text--warning',\n      [variantFilled]: 'text--alt',\n    },\n  };\n\n  return COLORS[color];\n};\n","/* -------------------------------------------------------------------------- */\n/*                        Tag styles                        */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-tag.variables';\n\n:host {\n  @apply relative inline-block;\n}\n\n:host([hidden]) {\n  @apply hidden;\n}\n\n.bq-tag {\n  @apply box-border inline-flex select-none flex-row items-center justify-center bg-[--bq-tag--background-color];\n  @apply gap-[--bq-tag--medium-gap] font-medium leading-regular text-primary p-b-[--bq-tag--medium-padding-y] p-i-[--bq-tag--medium-padding-x];\n  @apply rounded-[--bq-tag--border-radius] border-[length:--bq-tag--border-width] border-[color:--bq-tag--border-color];\n  @apply transition-colors duration-300 ease-in-out;\n\n  border-style: var(--bq-tag--border-style);\n}\n\n/* ---------------------------------- Size ---------------------------------- */\n\n.bq-tag__xsmall,\n.bq-tag__small {\n  @apply gap-[--bq-tag--small-gap] p-b-[--bq-tag--small-padding-y] p-i-[--bq-tag--small-padding-x];\n\n  /* Apply predefined border radius only if the border property have NO VALUE */\n  &:not(.has-border) {\n    @apply rounded-[--bq-tag--small-border-radius];\n  }\n}\n\n/* --------------------------------- Action --------------------------------- */\n\n.bq-tag__default.is-clickable {\n  @apply cursor-pointer;\n  // Focus\n  @apply focus-visible:focus;\n  // Hover\n  @apply hover:enabled:bg-[color-mix(in_srgb,_var(--bq-tag--background-color),_var(--bq-hover)_20%)];\n  // Active/Selected\n  @apply [&.active]:text-alt [&.active]:[--bq-tag--background-color:--bq-ui--brand];\n  // Disabled\n  @apply disabled:cursor-not-allowed disabled:border-none disabled:opacity-60;\n}\n\n/* ------------------------------ Color styles ------------------------------ */\n\n.bq-tag__error {\n  &.bq-tag__filled {\n    @apply bg-ui-danger text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-danger-alt text-danger [--bq-tag--border-color:--bq-stroke--danger];\n  }\n}\n\n.bq-tag__gray {\n  &.bq-tag__filled {\n    @apply bg-ui-tertiary text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-primary text-primary [--bq-tag--border-color:--bq-stroke--tertiary];\n  }\n}\n\n.bq-tag__info {\n  &.bq-tag__filled {\n    @apply bg-ui-brand text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-brand-alt text-brand [--bq-tag--border-color:--bq-stroke--brand];\n  }\n}\n\n.bq-tag__success {\n  &.bq-tag__filled {\n    @apply bg-ui-success text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply bg-ui-success-alt text-success [--bq-tag--border-color:--bq-tag--border-success];\n  }\n}\n\n.bq-tag__warning {\n  &.bq-tag__filled {\n    @apply bg-ui-warning text-alt;\n  }\n\n  &.bq-tag__outline {\n    @apply border-warning bg-ui-warning-alt text-warning;\n  }\n}\n\n/* --------------- Apply the right size to the bq-icon prefix --------------- */\n\n.bq-tag__prefix ::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-tag--icon-prefix-size) !important;\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { Component, Element, Event, Host, h, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { getColorCSSVariable, hasSlotContent, validatePropValue } from '../../shared/utils';\nimport type { TTagBorderRadius, TTagColor, TTagSize, TTagVariant } from './bq-tag.types';\nimport { TAG_COLOR, TAG_SIZE, TAG_VARIANT } from './bq-tag.types';\nimport { iconSize, textColor } from './helper';\n\n/**\n * The Tag Component is a UI element used to label and categorize content within an application.\n * Tags are commonly used to label items with keywords or categories, making it easier to find and organize content.\n *\n * @example How to use it\n * ```html\n * <bq-tag color=\"success\" size=\"medium\" variant=\"filled\">Success</bq-tag>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/42f8c9-tag\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n *\n * @attr {string} border - The corner radius of the Tag (will override size's predefined border)\n * @attr {boolean} clickable - If `true`, the Tag can be clickable\n * @attr {\"error\" | \"gray\" | \"info\" | \"success\" | \"warning\"} color - The color style of the Tag\n * @attr {boolean} disabled - If `true`, the Tag will be disabled (only if clickable = `true`, no interaction allowed)\n * @attr {boolean} hidden - If `true`, the Tag component will be hidden\n * @attr {boolean} removable - If `true`, the Tag component can be removed\n * @attr {boolean} selected - If `true`, the Tag is selected (only if clickable = `true`)\n * @attr {\"xsmall\" | \"small\" | \"medium\"} size - The size of the Tag component\n * @attr {\"outline\" | \"filled\"} variant - The variant of Tag to apply on top of the variant\n *\n * @method hide - Method to be called to remove the tag component\n * @method show - Method to be called to show the tag component\n *\n * @event bqClose - Callback handler to be called when the tag is close/hidden\n * @event bqOpen - Callback handler to be called when the tag is not open/shown\n * @event bqBlur - Handler to be called when tag loses focus\n * @event bqClick - Handler to be called when tag is clicked\n * @event bqFocus - Handler to be called when tag is focused\n *\n * @slot prefix - The prefix slot to add an icon or any other content before the text\n * @slot - The text content of the tag\n *\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM.\n * @part prefix - The `<span>` tag element that acts as prefix container (when icon exists in front of tag).\n * @part text - The `<div>` element containing the text of the tag component.\n * @part btn-close - The close button element to remove the tag component.\n *\n * @cssprop --bq-tag--background-color - Tag background color\n * @cssprop --bq-tag--border-color - Tag border color\n * @cssprop --bq-tag--border-radius - Tag border radius\n * @cssprop --bq-tag--border-style - Tag border style\n * @cssprop --bq-tag--border-width - Tag border width\n * @cssprop --bq-tag--small-border-radius - Tag small border radius\n * @cssprop --bq-tag--small-gap - Tag small gap between content\n * @cssprop --bq-tag--small-padding-x - Tag small padding horizontal\n * @cssprop --bq-tag--small-padding-y - Tag small padding vertical\n * @cssprop --bq-tag--medium-gap - Tag medium gap between content\n * @cssprop --bq-tag--medium-padding-x - Tag medium padding horizontal\n * @cssprop --bq-tag--medium-padding-y - Tag medium padding vertical\n */\n@Component({\n  tag: 'bq-tag',\n  styleUrl: './scss/bq-tag.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqTag {\n  // Own Properties\n  // ====================\n\n  private prefixElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqTagElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasPrefix = false;\n\n  // Public Property API\n  // ========================\n\n  /** The corner radius of the Tag (will override size's predefined border) */\n  @Prop({ reflect: true }) border: TTagBorderRadius;\n\n  /** If true, the Tag can be clickable */\n  @Prop({ reflect: true }) clickable: boolean = false;\n\n  /** The color style of the Tag */\n  @Prop({ reflect: true }) color: TTagColor;\n\n  /** If true, the Tag will be disabled (only if clickable = `true`, no interaction allowed) */\n  @Prop({ reflect: true }) disabled?: boolean = false;\n\n  /** If true, the Tag component will be hidden */\n  @Prop({ reflect: true, mutable: true }) hidden: boolean;\n\n  /** If true, the Tag component can be removed */\n  @Prop({ reflect: true }) removable: boolean = false;\n\n  /** If true, the Tag is selected (only if clickable = `true`) */\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n\n  /** The size of the Tag component */\n  @Prop({ reflect: true }) size: TTagSize = 'medium';\n\n  /** The variant of Tag to apply on top of the variant */\n  @Prop({ reflect: true }) variant: TTagVariant = 'filled';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  @Watch('variant')\n  checkPropValues() {\n    validatePropValue(TAG_SIZE, 'medium', this.el, 'size');\n    validatePropValue(TAG_VARIANT, 'filled', this.el, 'variant');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the tag is close/hidden  */\n  @Event() bqClose: EventEmitter;\n\n  /** Callback handler to be called when the tag is not open/shown */\n  @Event() bqOpen: EventEmitter;\n\n  /** Handler to be called when tag loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqTagElement>;\n\n  /** Handler to be called when tag is clicked */\n  @Event() bqClick: EventEmitter<HTMLBqTagElement>;\n\n  /** Handler to be called when tag is focused */\n  @Event() bqFocus: EventEmitter<HTMLBqTagElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Method to be called to remove the tag component */\n  @Method()\n  async hide(): Promise<void> {\n    this.handleClose();\n  }\n\n  /** Method to be called to show the tag component */\n  @Method()\n  async show(): Promise<void> {\n    this.handleShow();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClose = (event?: MouseEvent) => {\n    event?.stopPropagation();\n    // Only allow closing/hiding if the tag is removable (have the close button)\n    if (!this.isRemovable) return;\n\n    const ev = this.bqClose.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.hidden = true;\n    }\n  };\n\n  private handleShow = () => {\n    // Only allow showing after closing if the tag is removable (have the close button)\n    if (!this.isRemovable) return;\n\n    const ev = this.bqOpen.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.hidden = false;\n    }\n  };\n\n  private handleClick = () => {\n    // If the tag is not clickable or the tag is disabled, we don't want to handle the click\n    if (!this.isClickable || this.disabled) return;\n\n    // Emit a click event on the element\n    const ev = this.bqClick.emit(this.el);\n    // If the event was not prevented, toggle the clickable state\n    if (!ev.defaultPrevented) {\n      this.selected = !this.selected;\n    }\n  };\n\n  private handleBlur = () => {\n    if (!this.isClickable) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (!this.isClickable) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem, 'prefix');\n  };\n\n  private get isClickable(): boolean {\n    return this.clickable && !this.color && !this.hasCustomColor && !this.removable;\n  }\n\n  private get isRemovable(): boolean {\n    return this.removable && !this.isClickable;\n  }\n\n  private get hasCustomColor(): boolean {\n    return this.color !== undefined ? !TAG_COLOR.includes(this.color) : false;\n  }\n\n  private get computedHostClasses() {\n    return {\n      '--bq-tag--icon-prefix-size': `${iconSize(this.size)}px`,\n      ...(this.border && { '--bq-tag--border-radius': `var(--bq-radius--${this.border})` }),\n      ...(this.color && { '--bq-tag--background-color': getColorCSSVariable(this.color) ?? this.color }),\n      ...(this.hasCustomColor && { '--bq-text--primary': `var(--bq-text--alt)` }),\n    };\n  }\n\n  private get computeWrapperClasses() {\n    return {\n      [`bq-tag bq-tag__${this.size}`]: true,\n      [`bq-tag__${this.color || 'default'} bq-tag__${this.variant}`]: !this.hasCustomColor,\n      'is-clickable': this.isClickable,\n      'is-removable': this.removable,\n      active: this.isClickable && this.selected,\n      'has-border': !!this.border,\n    };\n  }\n\n  private get computeButtonInteractiveProps() {\n    if (!this.isClickable) return {};\n\n    return {\n      onClick: this.handleClick,\n      onBlur: this.handleBlur,\n      onFocus: this.handleFocus,\n      tabindex: 0,\n      type: 'button',\n    };\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    // Decide the tag element based on whether it's clickable or not for better semantics and accessibility\n    const TagElement = this.isClickable ? 'button' : 'div';\n    const ariaHidden = this.hidden ? 'true' : 'false';\n\n    return (\n      <Host aria-hidden={ariaHidden} hidden={this.hidden || undefined} style={this.computedHostClasses}>\n        <TagElement\n          class={this.computeWrapperClasses}\n          disabled={this.isClickable ? this.disabled : undefined}\n          part=\"wrapper\"\n          {...this.computeButtonInteractiveProps}\n        >\n          <span\n            class={{ 'bq-tag__prefix inline-flex': true, '!hidden': !this.hasPrefix }}\n            part=\"prefix\"\n            ref={(spanElem) => {\n              this.prefixElem = spanElem;\n            }}\n          >\n            <slot name=\"prefix\" onSlotchange={this.handleSlotChange} />\n          </span>\n          <div\n            class={{\n              'text-xs': this.size === 'xsmall',\n              'text-s': this.size === 'small',\n              'text-m': this.size === 'medium',\n            }}\n            part=\"text\"\n          >\n            <slot />\n          </div>\n          {this.isRemovable && !this.disabled && (\n            // biome-ignore lint/a11y/noStaticElementInteractions: `onClick` will behave better than the custom `bqClick` inside the shadow DOM\n            <bq-button\n              appearance=\"text\"\n              border=\"s\"\n              class=\"bq-tag__close [&::part(button)]:border-none [&::part(button)]:p-0\"\n              label=\"Close\"\n              onClick={this.handleClose}\n              onlyIcon\n              part=\"btn-close\"\n              size=\"small\"\n            >\n              <bq-icon\n                aria-hidden=\"true\"\n                color={this.color && !this.hasCustomColor ? textColor(this.color)[this.variant] : 'text--primary'}\n                name=\"x-circle\"\n                size={iconSize(this.size)}\n              />\n            </bq-button>\n          )}\n        </TagElement>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;sPAAO,MAAMA,EAAW,CAAC,SAAU,QAAS,UAGrC,MAAMC,EAAY,CAAC,QAAS,OAAQ,OAAQ,UAAW,WAGvD,MAAMC,EAAc,CAAC,UAAW,UCEhC,MAAMC,EAAYC,IACvB,MAAMC,EAASL,EAAS,GACxB,MAAMM,EAAQN,EAAS,GACvB,MAAMO,EAASP,EAAS,GAExB,MAAMQ,EAAO,CACXH,CAACA,GAAS,GACVC,CAACA,GAAQ,GACTC,CAACA,GAAS,IAGZ,OAAOC,EAAKJ,IAASI,EAAKD,EAAO,EAS5B,MAAME,EAAaC,IACxB,MAAMC,EAAYV,EAAU,GAC5B,MAAMW,EAAWX,EAAU,GAC3B,MAAMY,EAAWZ,EAAU,GAC3B,MAAMa,EAAcb,EAAU,GAC9B,MAAMc,EAAcd,EAAU,GAE9B,MAAMe,EAAiBd,EAAY,GACnC,MAAMe,EAAgBf,EAAY,GAElC,MAAMgB,EAAS,CACbP,CAACA,GAAY,CACXK,CAACA,GAAiB,eAClBC,CAACA,GAAgB,aAEnBL,CAACA,GAAW,CACVI,CAACA,GAAiB,gBAClBC,CAACA,GAAgB,aAEnBJ,CAACA,GAAW,CACVG,CAACA,GAAiB,cAClBC,CAACA,GAAgB,aAEnBH,CAACA,GAAc,CACbE,CAACA,GAAiB,gBAClBC,CAACA,GAAgB,aAEnBF,CAACA,GAAc,CACbC,CAACA,GAAiB,gBAClBC,CAACA,GAAgB,cAIrB,OAAOC,EAAOR,EAAM,EC7DtB,MAAMS,EAAW,IAAM,8u0B,MCsEVC,EAAKC,EAAA,MAAAD,UAAAE,E,wOAIRC,W,qBAWSC,UAAY,MAMJC,OAGAC,UAAqB,MAGrBhB,MAGAiB,SAAqB,MAGNC,OAGfC,UAAqB,MAGNC,SAAoB,MAGnC1B,KAAiB,SAGjB2B,QAAuB,SAOhD,eAAAC,GACEC,EAAkBjC,EAAU,SAAUkC,KAAKC,GAAI,QAC/CF,EAAkB/B,EAAa,SAAUgC,KAAKC,GAAI,U,CAQ3CC,QAGAC,OAGAC,OAGAC,QAGAC,QAMT,iBAAAC,GACEP,KAAKF,iB,CAGP,gBAAAU,GACER,KAAKS,kB,CAeP,UAAMC,GACJV,KAAKW,a,CAKP,UAAMC,GACJZ,KAAKa,Y,CAQCF,YAAeG,IACrBA,GAAOC,kBAEP,IAAKf,KAAKgB,YAAa,OAEvB,MAAMC,EAAKjB,KAAKE,QAAQgB,KAAKlB,KAAKC,IAClC,IAAKgB,EAAGE,iBAAkB,CACxBnB,KAAKN,OAAS,I,GAIVmB,WAAa,KAEnB,IAAKb,KAAKgB,YAAa,OAEvB,MAAMC,EAAKjB,KAAKG,OAAOe,KAAKlB,KAAKC,IACjC,IAAKgB,EAAGE,iBAAkB,CACxBnB,KAAKN,OAAS,K,GAIV0B,YAAc,KAEpB,IAAKpB,KAAKqB,aAAerB,KAAKP,SAAU,OAGxC,MAAMwB,EAAKjB,KAAKK,QAAQa,KAAKlB,KAAKC,IAElC,IAAKgB,EAAGE,iBAAkB,CACxBnB,KAAKJ,UAAYI,KAAKJ,Q,GAIlB0B,WAAa,KACnB,IAAKtB,KAAKqB,YAAa,OAEvBrB,KAAKI,OAAOc,KAAKlB,KAAKC,GAAG,EAGnBsB,YAAc,KACpB,IAAKvB,KAAKqB,YAAa,OAEvBrB,KAAKM,QAAQY,KAAKlB,KAAKC,GAAG,EAGpBQ,iBAAmB,KACzBT,KAAKV,UAAYkC,EAAexB,KAAKX,WAAY,SAAS,EAG5D,eAAYgC,GACV,OAAOrB,KAAKR,YAAcQ,KAAKxB,QAAUwB,KAAKyB,iBAAmBzB,KAAKL,S,CAGxE,eAAYqB,GACV,OAAOhB,KAAKL,YAAcK,KAAKqB,W,CAGjC,kBAAYI,GACV,OAAOzB,KAAKxB,QAAUkD,WAAa3D,EAAU4D,SAAS3B,KAAKxB,OAAS,K,CAGtE,uBAAYoD,GACV,MAAO,CACL,6BAA8B,GAAG3D,EAAS+B,KAAK9B,aAC3C8B,KAAKT,QAAU,CAAE,0BAA2B,oBAAoBS,KAAKT,cACrES,KAAKxB,OAAS,CAAE,6BAA8BqD,EAAoB7B,KAAKxB,QAAUwB,KAAKxB,UACtFwB,KAAKyB,gBAAkB,CAAE,qBAAsB,uB,CAIvD,yBAAYK,GACV,MAAO,CACL,CAAC,kBAAkB9B,KAAK9B,QAAS,KACjC,CAAC,WAAW8B,KAAKxB,OAAS,qBAAqBwB,KAAKH,YAAaG,KAAKyB,eACtE,eAAgBzB,KAAKqB,YACrB,eAAgBrB,KAAKL,UACrBoC,OAAQ/B,KAAKqB,aAAerB,KAAKJ,SACjC,eAAgBI,KAAKT,O,CAIzB,iCAAYyC,GACV,IAAKhC,KAAKqB,YAAa,MAAO,GAE9B,MAAO,CACLY,QAASjC,KAAKoB,YACdc,OAAQlC,KAAKsB,WACba,QAASnC,KAAKuB,YACda,SAAU,EACVC,KAAM,S,CAQV,MAAAC,GAEE,MAAMC,EAAavC,KAAKqB,YAAc,SAAW,MACjD,MAAMmB,EAAaxC,KAAKN,OAAS,OAAS,QAE1C,OACE+C,EAACC,EAAI,CAAAC,IAAA,yDAAcH,EAAY9C,OAAQM,KAAKN,QAAUgC,UAAWkB,MAAO5C,KAAK4B,qBAC3Ea,EAACF,EAAU,CAAAI,IAAA,2CACTE,MAAO7C,KAAK8B,sBACZrC,SAAUO,KAAKqB,YAAcrB,KAAKP,SAAWiC,UAC7CoB,KAAK,aACD9C,KAAKgC,+BAETS,EACE,QAAAE,IAAA,2CAAAE,MAAO,CAAE,6BAA8B,KAAM,WAAY7C,KAAKV,WAC9DwD,KAAK,SACLC,IAAMC,IACJhD,KAAKX,WAAa2D,CAAQ,GAG5BP,EAAM,QAAAE,IAAA,2CAAAM,KAAK,SAASC,aAAclD,KAAKS,oBAEzCgC,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,UAAW7C,KAAK9B,OAAS,SACzB,SAAU8B,KAAK9B,OAAS,QACxB,SAAU8B,KAAK9B,OAAS,UAE1B4E,KAAK,QAELL,EAAA,QAAAE,IAAA,8CAED3C,KAAKgB,cAAgBhB,KAAKP,UAEzBgD,EAAA,aAAAE,IAAA,2CACEQ,WAAW,OACX5D,OAAO,IACPsD,MAAM,oEACNO,MAAM,QACNnB,QAASjC,KAAKW,YACd0C,SACA,KAAAP,KAAK,YACL5E,KAAK,SAELuE,EACc,WAAAE,IAAA,gEACZnE,MAAOwB,KAAKxB,QAAUwB,KAAKyB,eAAiBlD,EAAUyB,KAAKxB,OAAOwB,KAAKH,SAAW,gBAClFoD,KAAK,WACL/E,KAAMD,EAAS+B,KAAK9B,U","ignoreList":[]}

package/dist/components/p-8mobOXPw.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{p as a,H as r,h as e,t as b}from"./p-DDVIIUm1.js";import{F as n}from"./p-CmKvDWiL.js";import{i as q}from"./p-B4sM1t6Z.js";const t={lockCount:0,config:{debug:false,bodyClassName:"bq-body--scroll-lock"}};const i=a=>{if(!t.config.debug)return;console.log(`[BEEQ ScrollLock] ${a}`)};const o=a=>{const r=a?"add":"remove";document.body.classList[r](t.config.bodyClassName)};const d=a=>{t.config={...t.config,...a}};const s=()=>t.lockCount;const l=()=>t.lockCount>0;const v=()=>{if(!q())return;t.lockCount++;if(t.lockCount!==1)return;o(true);i(`Body scroll locked (count: ${t.lockCount})`)};const c=()=>{if(!q())return;if(t.lockCount===0)return;t.lockCount=Math.max(0,t.lockCount-1);if(t.lockCount!==0)return;o(false);i(`Body scroll unlocked (count: ${t.lockCount})`)};const g=()=>{if(!q())return;if(t.lockCount===0)return;t.lockCount=0;o(false);i("All body scroll locks forcefully removed")};const u=()=>`.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-panel,.shadow-\\[shadow\\:--bq-panel--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.fixed{position:fixed}.z-\\[--bq-panel-z-index\\]{z-index:var(--bq-panel-z-index)}.block{display:block}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-\\[--bq-panel--border-radius\\]{border-radius:var(--bq-panel--border-radius)}.border-\\[length\\:--bq-panel--border-width\\]{border-width:var(--bq-panel--border-width)}.border-\\[color\\:--bq-panel--border-color\\]{border-color:var(--bq-panel--border-color)}.bg-\\[--bq-panel--background\\]{background-color:var(--bq-panel--background)}.pe-\\[--bq-panel--padding-end\\]{padding-inline-end:var(--bq-panel--padding-end)}.ps-\\[--bq-panel--padding-start\\]{padding-inline-start:var(--bq-panel--padding-start)}.shadow-\\[shadow\\:--bq-panel--box-shadow\\]{--tw-shadow:var(--bq-panel--box-shadow);--tw-shadow-colored:var(--bq-panel--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.is-\\[--bq-panel--width\\]{inline-size:var(--bq-panel--width)}.max-bs-\\[--bq-panel--height\\]{max-block-size:var(--bq-panel--height)}.p-b-\\[--bq-panel--paddingY\\]{padding-block:var(--bq-panel--paddingY)}@-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-panel--background:var(--bq-ui--primary);--bq-panel--border-color:transparent;--bq-panel--border-radius:var(--bq-radius--s);--bq-panel--border-style:none;--bq-panel--border-width:unset;--bq-panel--box-shadow:var(--bq-box-shadow--m);--bq-panel--paddingY:var(--bq-spacing-xs);--bq-panel--padding-start:var(--bq-spacing-xs);--bq-panel--padding-end:var(--bq-spacing-xs);--bq-panel--height:50vh;--bq-panel--width:320px;--bq-panel-z-index:10;display:block}.bq-panel{--tw-shadow:var(--bq-panel--box-shadow);--tw-shadow-colored:var(--bq-panel--box-shadow);-webkit-animation:fade-in .3s ease 0s;animation:fade-in .3s ease 0s;background-color:var(--bq-panel--background);border-color:var(--bq-panel--border-color);border-radius:var(--bq-panel--border-radius);border-style:var(--bq-panel--border-style);border-width:var(--bq-panel--border-width);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);inline-size:var(--bq-panel--width);max-block-size:var(--bq-panel--height);overflow-x:hidden;overflow-y:auto;padding-block:var(--bq-panel--paddingY);padding-inline-end:var(--bq-panel--padding-end);padding-inline-start:var(--bq-panel--padding-start);position:fixed;z-index:var(--bq-panel-z-index)}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.hidden{display:none}`;const f=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}panel;floatingUI;trigger;get el(){return this}disableScrollLock=false;distance=4;placement="bottom-start";open=false;sameWidth=false;skidding=0;strategy="fixed";handleOpenChange(){if(!this.open){this.hidePanel();return}this.showPanel()}onPropChange(){if(!q())return;this.floatingUI?.init({...this.options})}componentDidLoad(){if(!q())return;const a=this.el.parentElement.querySelector('div[part="trigger"]');if(!a)return;this.trigger={getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a};this.floatingUI=new n(this.trigger,this.panel,{...this.options});this.handleOpenChange()}disconnectedCallback(){if(!q())return;this.floatingUI?.destroy();if(this.open&&!this.disableScrollLock){c()}}showPanel(){if(!q())return;this.floatingUI?.update();if(!this.disableScrollLock){v()}}async hidePanel(){this.open=false;if(q()&&!this.disableScrollLock){c()}}get options(){return{distance:this.distance,placement:this.placement,sameWidth:this.sameWidth,skidding:this.skidding,strategy:this.strategy}}render(){return e("div",{key:"7682fbe1b1f2532ab3e067719c1f13de4963d929","aria-hidden":!this.open?"true":"false",class:"bq-panel",hidden:!this.open,part:"panel",ref:a=>{this.panel=a}},e("slot",{key:"052cc8005930e58afa9d4c8e83e550a20cdc4f1b"}))}static get watchers(){return{open:[{handleOpenChange:0}],distance:[{onPropChange:0}],placement:[{onPropChange:0}],sameWidth:[{onPropChange:0}],skidding:[{onPropChange:0}],strategy:[{onPropChange:0}]}}static get style(){return u()}},[769,"bq-panel",{disableScrollLock:[516,"disable-scroll-lock"],distance:[514],placement:[513],open:[1540],sameWidth:[516,"same-width"],skidding:[514],strategy:[513]},undefined,{open:[{handleOpenChange:0}],distance:[{onPropChange:0}],placement:[{onPropChange:0}],sameWidth:[{onPropChange:0}],skidding:[{onPropChange:0}],strategy:[{onPropChange:0}]}]);function p(){if(typeof customElements==="undefined"){return}const a=["bq-panel"];a.forEach((a=>{switch(a){case"bq-panel":if(!customElements.get(b(a))){customElements.define(b(a),f)}break}}))}export{f as B,d as c,p as d,g as f,s as g,l as i,v as l,c as u};
+//# sourceMappingURL=p-8mobOXPw.js.map

package/dist/components/p-8mobOXPw.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["state","lockCount","config","debug","bodyClassName","logDebug","message","console","log","toggleScrollLockClass","shouldLock","action","document","body","classList","configureScrollLock","getScrollLockCount","isBodyScrollLocked","lockBodyScroll","isClient","unlockBodyScroll","Math","max","forceUnlockAllBodyScroll","bqPanelCss","BqPanel","__stencil_proxyCustomElement","HTMLElement","panel","floatingUI","trigger","disableScrollLock","distance","placement","open","sameWidth","skidding","strategy","handleOpenChange","this","hidePanel","showPanel","onPropChange","init","options","componentDidLoad","parentTrigger","el","parentElement","querySelector","getBoundingClientRect","contextElement","FloatingUI","disconnectedCallback","destroy","update","render","h","key","class","hidden","part","ref"],"sources":["../../packages/beeq/src/shared/utils/scrollLock.ts","../../packages/beeq/src/components/panel/scss/bq-panel.scss?tag=bq-panel&encapsulation=shadow","../../packages/beeq/src/components/panel/bq-panel.tsx"],"sourcesContent":["import { isClient } from './isClient';\n\ninterface ScrollLockConfig {\n  /** Enable debug logging */\n  debug?: boolean;\n  /** CSS class name to apply to body when locked */\n  bodyClassName?: string;\n}\n\n/**\n * Global state for scroll lock management\n */\nconst state = {\n  lockCount: 0, // The lockCount tracks how many components or floating overlays currently need the scroll to be locked.\n  config: {\n    debug: false,\n    bodyClassName: 'bq-body--scroll-lock',\n  } as Required<ScrollLockConfig>,\n};\n\n/**\n * Logs debug messages when debug mode is enabled\n *\n * @param message - The debug message to log\n */\nconst logDebug = (message: string): void => {\n  if (!state.config.debug) return;\n\n  console.log(`[BEEQ ScrollLock] ${message}`);\n};\n\n/**\n * Applies or removes scroll lock CSS class\n *\n * @param shouldLock - Whether to apply or remove the scroll lock class\n */\nconst toggleScrollLockClass = (shouldLock: boolean): void => {\n  const action = shouldLock ? 'add' : 'remove';\n  document.body.classList[action](state.config.bodyClassName);\n};\n\n/**\n * Configure the scroll lock behavior\n *\n * @param config - Partial configuration object to override defaults\n */\nexport const configureScrollLock = (config: Partial<ScrollLockConfig>): void => {\n  state.config = { ...state.config, ...config };\n};\n\n/**\n * Gets current scroll lock count\n */\nexport const getScrollLockCount = (): number => {\n  return state.lockCount;\n};\n\n/**\n * Check if body scroll is currently locked\n */\nexport const isBodyScrollLocked = (): boolean => {\n  return state.lockCount > 0;\n};\n\n/**\n * Locks body scroll with reference counting\n * Multiple calls require the same number of unlockBodyScroll() calls\n */\nexport const lockBodyScroll = (): void => {\n  if (!isClient()) return;\n\n  state.lockCount++;\n\n  // Only apply lock on first request\n  if (state.lockCount !== 1) return;\n\n  toggleScrollLockClass(true);\n  logDebug(`Body scroll locked (count: ${state.lockCount})`);\n};\n\n/**\n * Unlocks body scroll with reference counting\n * Safe to call even when not locked\n */\nexport const unlockBodyScroll = (): void => {\n  if (!isClient()) return;\n  if (state.lockCount === 0) return;\n\n  state.lockCount = Math.max(0, state.lockCount - 1);\n\n  // Only remove lock when all requests are cleared\n  if (state.lockCount !== 0) return;\n\n  toggleScrollLockClass(false);\n  logDebug(`Body scroll unlocked (count: ${state.lockCount})`);\n};\n\n/**\n * Force unlock all body scroll locks (cleanup utility)\n * Useful for cleanup scenarios or error recovery\n */\nexport const forceUnlockAllBodyScroll = (): void => {\n  if (!isClient()) return;\n  if (state.lockCount === 0) return;\n\n  state.lockCount = 0;\n  toggleScrollLockClass(false);\n  logDebug('All body scroll locks forcefully removed');\n};\n","/* -------------------------------------------------------------------------- */\n/*                                Panel styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-panel.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-panel {\n  @include animation-fade-in;\n  @apply fixed z-[--bq-panel-z-index] overflow-y-auto overflow-x-hidden is-[--bq-panel--width] max-bs-[--bq-panel--height];\n  @apply rounded-[--bq-panel--border-radius] bg-[--bq-panel--background] shadow-[shadow:--bq-panel--box-shadow];\n  @apply pe-[--bq-panel--padding-end] ps-[--bq-panel--padding-start] p-b-[--bq-panel--paddingY];\n  @apply border-[length:--bq-panel--border-width] border-[color:--bq-panel--border-color];\n\n  border-style: var(--bq-panel--border-style);\n}\n","import type { ReferenceElement } from '@floating-ui/dom';\nimport { Component, Element, h, Prop, Watch } from '@stencil/core';\n\nimport type { Placement } from '../../services/interfaces';\nimport { FloatingUI } from '../../services/libraries';\nimport { isClient, lockBodyScroll, unlockBodyScroll } from '../../shared/utils';\n\n/**\n * The Panel component is a versatile and essential element used to wrap and display content in a floating panel.\n *\n * @example How to use it\n * ```html\n * <bq-panel open>\n *   <div>Panel content</div>\n * </bq-panel>\n * ```\n *\n * @status stable\n *\n * @attr {number} distance - Represents the distance (gutter or margin) between the panel and the trigger element.\n * @attr {\"top\" | \"bottom\" | \"left\" | \"right\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"left-start\" | \"left-end\" | \"right-start\" | \"right-end\"} placement - Position of the panel.\n * @attr {boolean} open - If true, the panel will be visible.\n * @attr {boolean} same-width - Whether the panel should have the same width as the trigger element.\n * @attr {number} skidding - Represents the skidding between the panel and the trigger element.\n * @attr {\"fixed\" | \"absolute\"} strategy - Defines the strategy to position the panel.\n *\n * @slot - The content of the panel.\n *\n * @part panel - The `<div>` element used to display and style the panel\n *\n * @prop --bq-panel--background - Panel background color\n * @prop --bq-panel--border-color - Panel border color\n * @prop --bq-panel--border-radius - Panel border radius\n * @prop --bq-panel--border-style - Panel border style\n * @prop --bq-panel--border-width - Panel border width\n * @prop --bq-panel--box-shadow - Panel box shadow\n * @prop --bq-panel--padding - Panel padding\n * @prop --bq-panel--height - Panel height\n * @prop --bq-panel--width - Panel width\n * @prop --bq-panel-z-index - Panel z-index applied when opened\n */\n@Component({\n  tag: 'bq-panel',\n  styleUrl: './scss/bq-panel.scss',\n  shadow: true,\n})\nexport class BqPanel {\n  // Own Properties\n  // ====================\n\n  private panel: HTMLElement;\n  private floatingUI: FloatingUI;\n  private trigger: ReferenceElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqPanelElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true, the panel will not lock the page body scroll when open. */\n  @Prop({ reflect: true }) disableScrollLock?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the panel and the trigger element. */\n  @Prop({ reflect: true }) distance?: number = 4;\n\n  /** Position of the panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-start';\n\n  /** If true, the panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** Whether the panel should have the same width as the trigger element */\n  @Prop({ reflect: true }) sameWidth?: boolean = false;\n\n  /**  Represents the skidding between the panel and the trigger element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Defines the strategy to position the panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('open')\n  handleOpenChange() {\n    if (!this.open) {\n      this.hidePanel();\n      return;\n    }\n\n    this.showPanel();\n  }\n\n  @Watch('distance')\n  @Watch('placement')\n  @Watch('sameWidth')\n  @Watch('skidding')\n  @Watch('strategy')\n  onPropChange() {\n    if (!isClient()) return;\n\n    this.floatingUI?.init({ ...this.options });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    if (!isClient()) return;\n\n    // We need to find the trigger element from the parent to position the panel relative to it.\n    const parentTrigger = this.el.parentElement.querySelector('div[part=\"trigger\"]');\n\n    if (!parentTrigger) return;\n\n    this.trigger = {\n      getBoundingClientRect: () => parentTrigger.getBoundingClientRect(),\n      contextElement: parentTrigger,\n    };\n\n    this.floatingUI = new FloatingUI(this.trigger, this.panel, { ...this.options });\n    this.handleOpenChange();\n  }\n\n  disconnectedCallback() {\n    if (!isClient()) return;\n\n    this.floatingUI?.destroy();\n\n    // Ensure scroll lock is removed if the component is disconnected while the panel is open.\n    if (this.open && !this.disableScrollLock) {\n      unlockBodyScroll();\n    }\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private showPanel() {\n    if (!isClient()) return;\n\n    this.floatingUI?.update();\n\n    // Lock the body scroll if the disableScrollLock prop is not true.\n    if (!this.disableScrollLock) {\n      lockBodyScroll();\n    }\n  }\n\n  private async hidePanel() {\n    this.open = false;\n\n    // Unlock the body scroll if the disableScrollLock prop is not true.\n    if (isClient() && !this.disableScrollLock) {\n      unlockBodyScroll();\n    }\n  }\n\n  private get options() {\n    return {\n      distance: this.distance,\n      placement: this.placement,\n      sameWidth: this.sameWidth,\n      skidding: this.skidding,\n      strategy: this.strategy,\n    };\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        aria-hidden={!this.open ? 'true' : 'false'}\n        class=\"bq-panel\"\n        hidden={!this.open}\n        part=\"panel\"\n        ref={(el) => {\n          this.panel = el;\n        }}\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;iIAYA,MAAMA,EAAQ,CACZC,UAAW,EACXC,OAAQ,CACNC,MAAO,MACPC,cAAe,yBASnB,MAAMC,EAAYC,IAChB,IAAKN,EAAME,OAAOC,MAAO,OAEzBI,QAAQC,IAAI,qBAAqBF,IAAU,EAQ7C,MAAMG,EAAyBC,IAC7B,MAAMC,EAASD,EAAa,MAAQ,SACpCE,SAASC,KAAKC,UAAUH,GAAQX,EAAME,OAAOE,cAAc,EAQhD,MAAAW,EAAuBb,IAClCF,EAAME,OAAS,IAAKF,EAAME,UAAWA,EAAQ,EAMxC,MAAMc,EAAqB,IACzBhB,EAAMC,UAMR,MAAMgB,EAAqB,IACzBjB,EAAMC,UAAY,EAOpB,MAAMiB,EAAiB,KAC5B,IAAKC,IAAY,OAEjBnB,EAAMC,YAGN,GAAID,EAAMC,YAAc,EAAG,OAE3BQ,EAAsB,MACtBJ,EAAS,8BAA8BL,EAAMC,aAAa,EAOrD,MAAMmB,EAAmB,KAC9B,IAAKD,IAAY,OACjB,GAAInB,EAAMC,YAAc,EAAG,OAE3BD,EAAMC,UAAYoB,KAAKC,IAAI,EAAGtB,EAAMC,UAAY,GAGhD,GAAID,EAAMC,YAAc,EAAG,OAE3BQ,EAAsB,OACtBJ,EAAS,gCAAgCL,EAAMC,aAAa,EAOvD,MAAMsB,EAA2B,KACtC,IAAKJ,IAAY,OACjB,GAAInB,EAAMC,YAAc,EAAG,OAE3BD,EAAMC,UAAY,EAClBQ,EAAsB,OACtBJ,EAAS,2CAA2C,EC3GtD,MAAMmB,EAAa,IAAM,w5qB,MC8CZC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAIVC,MACAC,WACAC,Q,qBAeiBC,kBAA8B,MAG9BC,SAAoB,EAGpBC,UAAwB,eAGTC,KAAiB,MAGhCC,UAAsB,MAGtBC,SAAoB,EAGpBC,SAAkC,QAM3D,gBAAAC,GACE,IAAKC,KAAKL,KAAM,CACdK,KAAKC,YACL,M,CAGFD,KAAKE,W,CAQP,YAAAC,GACE,IAAKvB,IAAY,OAEjBoB,KAAKV,YAAYc,KAAK,IAAKJ,KAAKK,S,CAWlC,gBAAAC,GACE,IAAK1B,IAAY,OAGjB,MAAM2B,EAAgBP,KAAKQ,GAAGC,cAAcC,cAAc,uBAE1D,IAAKH,EAAe,OAEpBP,KAAKT,QAAU,CACboB,sBAAuB,IAAMJ,EAAcI,wBAC3CC,eAAgBL,GAGlBP,KAAKV,WAAa,IAAIuB,EAAWb,KAAKT,QAASS,KAAKX,MAAO,IAAKW,KAAKK,UACrEL,KAAKD,kB,CAGP,oBAAAe,GACE,IAAKlC,IAAY,OAEjBoB,KAAKV,YAAYyB,UAGjB,GAAIf,KAAKL,OAASK,KAAKR,kBAAmB,CACxCX,G,EAmBI,SAAAqB,GACN,IAAKtB,IAAY,OAEjBoB,KAAKV,YAAY0B,SAGjB,IAAKhB,KAAKR,kBAAmB,CAC3Bb,G,EAII,eAAMsB,GACZD,KAAKL,KAAO,MAGZ,GAAIf,MAAeoB,KAAKR,kBAAmB,CACzCX,G,EAIJ,WAAYwB,GACV,MAAO,CACLZ,SAAUO,KAAKP,SACfC,UAAWM,KAAKN,UAChBE,UAAWI,KAAKJ,UAChBC,SAAUG,KAAKH,SACfC,SAAUE,KAAKF,S,CAQnB,MAAAmB,GACE,OACEC,EAAA,OAAAC,IAAA,0DACgBnB,KAAKL,KAAO,OAAS,QACnCyB,MAAM,WACNC,QAASrB,KAAKL,KACd2B,KAAK,QACLC,IAAMf,IACJR,KAAKX,MAAQmB,CAAE,GAGjBU,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/components/p-B4sM1t6Z.js

@@ -2,12 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-/**
- * Checks if the code is running on the client side.
- * @returns {boolean} True if running on the client side, false otherwise.
- */
-const isClient = () => typeof window !== "undefined" && typeof document !== "undefined";
-
-export { isClient as i };
-//# sourceMappingURL=p-B4sM1t6Z.js.map
+const e=()=>typeof window!=="undefined"&&typeof document!=="undefined";export{e as i};
 //# sourceMappingURL=p-B4sM1t6Z.js.map

package/dist/components/p-B4sM1t6Z.js.map

@@ -1 +1 @@
-{"version":3,"names":["isClient","window","document"],"sources":["../../packages/beeq/src/shared/utils/isClient.ts"],"sourcesContent":["/**\n * Checks if the code is running on the client side.\n * @returns {boolean} True if running on the client side, false otherwise.\n */\nexport const isClient = (): boolean => {\n  return typeof window !== 'undefined' && typeof document !== 'undefined';\n};\n"],"mappings":";;;;;;;;AAIO,MAAMA,WAAW,aACRC,WAAW,sBAAsBC,aAAa","ignoreList":[]}
+{"version":3,"names":["isClient","window","document"],"sources":["../../packages/beeq/src/shared/utils/isClient.ts"],"sourcesContent":["/**\n * Checks if the code is running on the client side.\n * @returns {boolean} True if running on the client side, false otherwise.\n */\nexport const isClient = (): boolean => {\n  return typeof window !== 'undefined' && typeof document !== 'undefined';\n};\n"],"mappings":";;;;AAIO,MAAMA,EAAW,WACRC,SAAW,oBAAsBC,WAAa,mB","ignoreList":[]}

package/dist/components/p-BHxv_w2i.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{p as a,H as r,c as e,h as b,d as n,t as q}from"./p-DDVIIUm1.js";import{i as t}from"./p-B4sM1t6Z.js";import{g as i}from"./p-_RvVpeh2.js";import{i as o}from"./p-BcPwGxIn.js";let s;const c="data-beeq";const l="svg";const d=a=>{s=a};const v=(a="")=>{if(!s){const a=u();const r=a?.getAttribute(c);const e=g();const b=e?`${f(e)}/${l}`:"";d(r||b)}const r=a?`/${a.replace(/^\//,"")}`:"";return s.replace(/\/$/,"")+r};const u=()=>{if(!t())return null;return document.querySelector(`script[${c}]`)};const g=()=>{if(!t())return null;return document.querySelector(`script[src*="beeq"]`)};const f=a=>{if(!t())return"";const r=a.getAttribute("src");return r?r.substring(0,r.lastIndexOf("/")):""};const y="svg";const h="bq-icon__svg";const m={requests:new Map,content:new Map};const w=a=>{const r=a.getAttribute("class")||"";a.setAttribute("class",`${r} ${h}`.trim());a.setAttribute("part",y);a.removeAttribute("height");a.removeAttribute("width")};const k=a=>{if(!a||a.nodeType!==Node.ELEMENT_NODE)return false;if(a.nodeName.toLowerCase()==="script")return false;const r=Array.from(a.attributes).some((a=>{const r=a.value?.toLowerCase()||"";const e=a.name.toLowerCase();if(e.startsWith("on"))return true;if(r.includes("javascript:"))return true;return false}));if(r)return false;return Array.from(a.children).every((a=>k(a)))};const p=a=>{if(!t()||o(a))return"";try{const r=new DOMParser;const e=r.parseFromString(a,"image/svg+xml");const b=e.querySelector(y);if(!b||!k(b)){console.warn("[BqIcon] SVG content failed security validation");return""}w(b);return(new XMLSerializer).serializeToString(b)}catch(a){console.error("[BqIcon] Error processing SVG content:",a);return""}};const x=async(a,r=true)=>{if(!t())return"";try{const e=await fetch(a);if(!e.ok){throw new Error(`HTTP ${e.status}: ${e.statusText}`)}const b=await e.text();if(!b.trim()){console.warn(`[BqIcon] Empty SVG content received from ${a}`);return""}return r?p(b):b}catch(r){console.error(`[BqIcon] Failed to fetch SVG from ${a}:`,r);return""}};const z=async(a,r=true)=>{if(!t()||o(a))return undefined;if(m.content.has(a)){const r=m.content.get(a);return r}if(!m.requests.has(a)){const e=x(a,r).then((r=>{m.content.set(a,r);m.requests.delete(a);return r}));m.requests.set(a,e)}return m.requests.get(a)};const $=()=>`.bq-icon__svg,.scale-x-\\[--bq-icon--direction\\],.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}::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}.inline-block{display:inline-block}.scale-x-\\[--bq-icon--direction\\]{--tw-scale-x:var(--bq-icon--direction)}.scale-x-\\[--bq-icon--direction\\],.transform{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))}@-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-icon--color:currentColor;--bq-icon--size:24px;display:inline-block}.bq-icon__svg{--tw-scale-x:var(--bq-icon--direction);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.static{position:static}.flex{display:flex}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}`;const C=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.svgLoaded=e(this,"svgLoaded")}svgContent;label;color;name;size=24;src;weight=undefined;handlePropsChange(){this.loadIcon(this.name)}handleWeightChange(){if(this.name.includes(this.weight))return;console.warn(`❗️ [bq-icon]: the 'weight' property is deprecated, you should add the weight to the icon name.\n\n       For example, '<bq-icon name="bell-fill"></bq-icon>' instead of '<bq-icon name="bell" weight="fill"></bq-icon>'`);const a="regular";const r=!o(this.weight)&&this.weight!==a;const e=r?`-${this.weight}`:"";const b=`${this.name}${e}`;this.loadIcon(b)}svgLoaded;connectedCallback(){this.setupIconComponent()}componentWillLoad(){this.setupIconComponent()}setupIconComponent=()=>{this.loadIcon(this.name);if(!o(this.weight))this.handleWeightChange()};getIconSource=a=>{if(!this.name&&!this.src)return undefined;if(this.src)return this.src;const r=".svg";const e=`${a}${r}`;return v(e)};loadIcon=async a=>{const r=this.getIconSource(a);if(!r)return;try{const a=await z(r,true);if(!a)return;this.svgContent=a;this.svgLoaded.emit(this.svgContent)}catch(a){console.error("[BEEQ] Failed to load the icon SVG content",a)}};render(){const{color:a,label:r,name:e,size:q}=this;const t={...a&&{"--bq-icon--color":i(a)},...q&&{"--bq-icon--size":`${q}px`}};return b(n,{key:"7d609e95807e9a4cd6be72e467b674ac9a0fef24",style:t},b("div",{key:"95452929fe794238458d65447e2b57c39e67c4cf","aria-label":r??`${e} icon`,class:"bs-[--bq-icon--size] is-[--bq-icon--size] flex text-[--bq-icon--color]",innerHTML:this.svgContent,part:"base",role:"img"}))}static get assetsDirs(){return["svg"]}static get watchers(){return{color:[{handlePropsChange:0}],name:[{handlePropsChange:0}],size:[{handlePropsChange:0}],weight:[{handleWeightChange:0}]}}static get style(){return $()}},[513,"bq-icon",{label:[513],color:[513],name:[513],size:[520],src:[513],weight:[513],svgContent:[32]},undefined,{color:[{handlePropsChange:0}],name:[{handlePropsChange:0}],size:[{handlePropsChange:0}],weight:[{handleWeightChange:0}]}]);function P(){if(typeof customElements==="undefined"){return}const a=["bq-icon"];a.forEach((a=>{switch(a){case"bq-icon":if(!customElements.get(q(a))){customElements.define(q(a),C)}break}}))}export{C as B,P as d,v as g,d as s};
+//# sourceMappingURL=p-BHxv_w2i.js.map

package/dist/components/p-BHxv_w2i.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["beeqBasePath","DATA_BEEQ_ATTRIBUTE","DEFAULT_SVG_PATH","setBasePath","path","getBasePath","subpath","configScript","findConfigScript","configPath","getAttribute","fallbackScript","findFallbackScript","fallbackPath","getScriptPath","formattedSubpath","replace","isClient","document","querySelector","script","src","substring","lastIndexOf","SVG_TAG","ICON_CSS_CLASS","cache","requests","Map","content","sanitizeSvgElement","svg","currentClass","setAttribute","trim","removeAttribute","validateElement","element","nodeType","Node","ELEMENT_NODE","nodeName","toLowerCase","hasUnsafeAttribute","Array","from","attributes","some","attr","value","name","startsWith","includes","children","every","child","processSvgContent","isNil","domParser","DOMParser","doc","parseFromString","console","warn","XMLSerializer","serializeToString","error","fetchAndProcessSvg","async","url","shouldSanitize","response","fetch","ok","Error","status","statusText","text","getSvgContent","sanitize","undefined","has","cachedContent","get","request","then","set","delete","bqIconCss","BqIcon","__stencil_proxyCustomElement","HTMLElement","svgContent","label","color","size","weight","handlePropsChange","this","loadIcon","handleWeightChange","REGULAR","isWeightedIcon","weightSuffix","iconName","svgLoaded","connectedCallback","setupIconComponent","componentWillLoad","getIconSource","SVG_EXTENSION","iconFileName","emit","render","styles","getColorCSSVariable","h","Host","key","style","class","innerHTML","part","role"],"sources":["../../packages/beeq/src/shared/utils/assetsPath.ts","../../packages/beeq/src/components/icon/helper/request.ts","../../packages/beeq/src/components/icon/scss/bq-icon.scss?tag=bq-icon&encapsulation=shadow","../../packages/beeq/src/components/icon/bq-icon.tsx"],"sourcesContent":["/**\n * Inspired by Shoelace's `getBasePath` and `setBasePath` functions.\n * https://github.com/shoelace-style/shoelace/blob/next/src/utilities/base-path.ts\n */\nimport { isClient } from './isClient';\n\nlet beeqBasePath: string | undefined;\nconst DATA_BEEQ_ATTRIBUTE = 'data-beeq';\nconst DEFAULT_SVG_PATH = 'svg';\n\n/**\n * Sets the base path for the assets.\n * @param {string} path - The base path to set.\n */\nexport const setBasePath = (path: string): void => {\n  beeqBasePath = path;\n};\n\n/**\n * Gets the base path for the assets.\n * @param {string} subpath - An optional subpath to append to the base path.\n * @returns {string} The base path of the assets.\n */\nexport const getBasePath = (subpath: string = ''): string => {\n  if (!beeqBasePath) {\n    const configScript = findConfigScript();\n    // Get the path from the config script that uses the data-beeq attribute\n    const configPath = configScript?.getAttribute(DATA_BEEQ_ATTRIBUTE);\n\n    const fallbackScript = findFallbackScript();\n    // If no data-beeq attribute is found, use the script path\n    const fallbackPath = fallbackScript ? `${getScriptPath(fallbackScript)}/${DEFAULT_SVG_PATH}` : '';\n\n    setBasePath(configPath || fallbackPath);\n  }\n\n  // Return the base path without a trailing slash. If one exists, append the subpath separated by a slash.\n  const formattedSubpath = subpath ? `/${subpath.replace(/^\\//, '')}` : '';\n  return beeqBasePath.replace(/\\/$/, '') + formattedSubpath;\n};\n\n/**\n * Finds the configuration script element.\n * @returns The configuration script element or null if not found.\n */\nconst findConfigScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[${DATA_BEEQ_ATTRIBUTE}]`);\n};\n\n/**\n * Finds the fallback script element.\n * @returns The fallback script element or null if not found.\n */\nconst findFallbackScript = (): HTMLScriptElement | null => {\n  if (!isClient()) return null;\n\n  return document.querySelector(`script[src*=\"beeq\"]`);\n};\n\n/**\n * Gets the path of a script element.\n * @param {HTMLScriptElement} script - The script element.\n * @returns The path of the script element.\n */\nconst getScriptPath = (script: HTMLScriptElement): string => {\n  if (!isClient()) return '';\n\n  const src = script.getAttribute('src');\n  return src ? src.substring(0, src.lastIndexOf('/')) : '';\n};\n","/* -------------------------------------------------------------------------- */\n/*                             Icon request helper                            */\n/* -------------------------------------------------------------------------- */\n\nimport { isClient, isNil } from '../../../shared/utils';\n\nconst SVG_TAG = 'svg';\nconst ICON_CSS_CLASS = 'bq-icon__svg';\n\ninterface IconCache {\n  requests: Map<string, Promise<string>>;\n  content: Map<string, string>;\n}\n\nconst cache: IconCache = {\n  requests: new Map(),\n  content: new Map(),\n};\n\n/**\n * Sanitizes SVG element by setting required attributes and removing unwanted ones\n * @param svg - The SVG element to sanitize\n */\nconst sanitizeSvgElement = (svg: SVGElement): void => {\n  const currentClass = svg.getAttribute('class') || '';\n\n  svg.setAttribute('class', `${currentClass} ${ICON_CSS_CLASS}`.trim());\n  svg.setAttribute('part', SVG_TAG);\n  svg.removeAttribute('height');\n  svg.removeAttribute('width');\n};\n\n/**\n * Validates element security (no scripts or event handlers)\n * @param element - The element to validate\n * @returns True if the element is valid, false otherwise\n */\nconst validateElement = (element: Element): boolean => {\n  if (!element || element.nodeType !== Node.ELEMENT_NODE) return false;\n  if (element.nodeName.toLowerCase() === 'script') return false;\n\n  // Check for malicious attributes using modern array methods\n  const hasUnsafeAttribute = Array.from(element.attributes).some((attr) => {\n    const value = attr.value?.toLowerCase() || '';\n    const name = attr.name.toLowerCase();\n\n    // Check for event handlers\n    if (name.startsWith('on')) return true;\n    // Check for javascript: URLs\n    if (value.includes('javascript:')) return true;\n\n    return false;\n  });\n\n  if (hasUnsafeAttribute) return false;\n\n  // Recursively validate children\n  return Array.from(element.children).every((child) => validateElement(child));\n};\n\n/**\n * Processes SVG content with security checks and sanitization\n * @param content - The SVG content to process\n * @returns The processed and sanitized SVG content\n */\nconst processSvgContent = (content: string): string => {\n  if (!isClient() || isNil(content)) return '';\n\n  try {\n    const domParser = new DOMParser();\n    const doc = domParser.parseFromString(content, 'image/svg+xml');\n    const svg = doc.querySelector(SVG_TAG);\n\n    if (!svg || !validateElement(svg)) {\n      console.warn('[BqIcon] SVG content failed security validation');\n      return '';\n    }\n\n    sanitizeSvgElement(svg);\n    return new XMLSerializer().serializeToString(svg);\n  } catch (error) {\n    console.error('[BqIcon] Error processing SVG content:', error);\n    return '';\n  }\n};\n\n/**\n * Fetches and processes SVG content from URL\n * @param url - The URL of the SVG to fetch\n * @param shouldSanitize - Whether to sanitize the SVG content\n * @returns Promise that resolves to the processed SVG content\n */\nconst fetchAndProcessSvg = async (url: string, shouldSanitize = true): Promise<string> => {\n  if (!isClient()) return '';\n\n  try {\n    const response = await fetch(url);\n\n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n    }\n\n    const content = await response.text();\n\n    if (!content.trim()) {\n      console.warn(`[BqIcon] Empty SVG content received from ${url}`);\n      return '';\n    }\n\n    return shouldSanitize ? processSvgContent(content) : content;\n  } catch (error) {\n    console.error(`[BqIcon] Failed to fetch SVG from ${url}:`, error);\n    return '';\n  }\n};\n\n/**\n * Retrieves SVG content with caching, security validation, and sanitization\n * @param url - The URL of the SVG to fetch\n * @param sanitize - Whether to sanitize the SVG content (default: true)\n * @returns Promise that resolves to the processed SVG content or undefined\n */\nexport const getSvgContent = async (url?: string, sanitize = true): Promise<string> => {\n  if (!isClient() || isNil(url)) return undefined;\n\n  // Return cached content if available\n  if (cache.content.has(url)) {\n    const cachedContent = cache.content.get(url);\n    return cachedContent;\n  }\n\n  // Check if the request is already in the cache\n  if (!cache.requests.has(url)) {\n    // Create new request with proper cleanup\n    const request = fetchAndProcessSvg(url, sanitize).then((content) => {\n      // Cache the result (including empty strings for failed requests)\n      cache.content.set(url, content);\n      // Clean up the pending request\n      cache.requests.delete(url);\n      return content;\n    });\n\n    cache.requests.set(url, request);\n  }\n\n  return cache.requests.get(url);\n};\n\n/**\n * Clears the icon cache - useful for testing or memory management\n */\nexport const clearIconCache = (): void => {\n  cache.requests.clear();\n  cache.content.clear();\n};\n\n/**\n * Gets cache statistics for debugging\n */\nexport const getCacheStats = () => ({\n  pendingRequests: cache.requests.size,\n  cachedContent: cache.content.size,\n  urls: Array.from(cache.content.keys()),\n});\n\n// Export cache for external access if needed\nexport { cache as iconCache };\n","/* -------------------------------------------------------------------------- */\n/*                                 Icon styles                                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-icon.variables';\n\n:host {\n  @apply inline-block;\n}\n\n/**\n * This class is added on packages/beeq/src/components/icon/helper/request.ts\n * See lines 42 and 58 for details.\n */\n.bq-icon__svg {\n  @apply scale-x-[--bq-icon--direction];\n}\n","import type { EventEmitter } from '@stencil/core';\nimport { Component, Event, Host, h, Prop, State, Watch } from '@stencil/core';\n\nimport { getBasePath, getColorCSSVariable, isNil } from '../../shared/utils';\nimport type { TIconWeight } from './bq-icon.types';\nimport { getSvgContent } from './helper/request';\n\n/**\n * The Icon component is an image that provides a visual representation of an object, action, or concept displayed on the screen.\n * It is a small graphical element that is used to enhance the user interface and improve user experience.\n *\n * @example How to use it\n * ```html\n * <bq-icon color=\"text--brand\" name=\"bell-ringing\" size=\"24\"></bq-icon>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/675fad-icon\n * @status stable\n *\n * @attr {string} color - Set the stroke color of the SVG. The value should be a valid value of the palette color.\n * @attr {string} label - Label for the icon, used for accessibility.\n * @attr {string} name - Icon name to load. Please check all available icons [here](https://phosphoricons.com/).\n * @attr {string | number} size - Set the size of the SVG.\n * @attr {string} src - Set the source of the SVG. If the source is set, the name property will be ignored.\n *\n * @event svgLoaded - Callback handler to be called when the SVG has loaded.\n *\n * @part base - The component's internal wrapper that holds the icon SVG content.\n * @part svg - The `<svg>` tag element inside the component.\n *\n * @cssprop --bq-icon--color - The stroke color of the SVG.\n * @cssprop --bq-icon--size - The size of the SVG.\n */\n@Component({\n  assetsDirs: ['svg'],\n  tag: 'bq-icon',\n  styleUrl: './scss/bq-icon.scss',\n  shadow: true,\n})\nexport class BqIcon {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private svgContent: string;\n\n  // Public Property API\n  // ========================\n\n  /** Label for the icon, used for accessibility */\n  @Prop({ reflect: true }) label?: string;\n\n  /** Set the stroke color of the SVG. The value should be a valid value of the palette color */\n  @Prop({ reflect: true }) color?: string;\n\n  /** Icon name to load. Please check all available icons [here](https://phosphoricons.com/) */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Set the size of the SVG */\n  @Prop({ reflect: true }) size?: string | number = 24;\n\n  /** Set the source of the SVG. If the source is set, the name property will be ignored */\n  @Prop({ reflect: true }) src?: string;\n\n  /** @deprecated It set the icon weight/style */\n  @Prop({ reflect: true }) weight?: TIconWeight = undefined;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('color')\n  @Watch('name')\n  @Watch('size')\n  handlePropsChange() {\n    this.loadIcon(this.name);\n  }\n\n  /**\n   * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `weight` property is removed\n   * We need to maintain retro-compatibility until the next major release\n   */\n  @Watch('weight')\n  handleWeightChange() {\n    if (this.name.includes(this.weight)) return;\n\n    console.warn(\n      `❗️ [bq-icon]: the 'weight' property is deprecated, you should add the weight to the icon name.\\n\n       For example, '<bq-icon name=\"bell-fill\"></bq-icon>' instead of '<bq-icon name=\"bell\" weight=\"fill\"></bq-icon>'`,\n    );\n    // Check if the icon is weighted. An icon is considered weighted if its weight is not 'regular' and ENV_SVG_PATH is not set.\n    // Eg: if the weight is 'bold' and ENV_SVG_PATH is not set, isWeightedIcon will be true.\n    const REGULAR = 'regular';\n    const isWeightedIcon = !isNil(this.weight) && this.weight !== REGULAR;\n    // If the icon is weighted, append the weight to the icon name. Otherwise, append nothing.\n    // Eg: if isWeightedIcon is true and the weight is 'bold', weightSuffix will be '-bold'.\n    const weightSuffix = isWeightedIcon ? `-${this.weight}` : '';\n    // Construct the icon name by appending the weight suffix (if any) and the file extension.\n    // Eg: if the name is 'my-icon' and weightSuffix is '-bold', iconName will be 'my-icon-bold.svg'.\n    const iconName = `${this.name}${weightSuffix}`;\n    this.loadIcon(iconName);\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the SVG has loaded */\n  @Event() svgLoaded: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.setupIconComponent();\n  }\n\n  componentWillLoad() {\n    this.setupIconComponent();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private setupIconComponent = () => {\n    this.loadIcon(this.name);\n    // !TO BE REMOVED: Delete this once the deprecated `weight` property is removed\n    if (!isNil(this.weight)) this.handleWeightChange();\n  };\n\n  private getIconSource = (name: string) => {\n    if (!this.name && !this.src) return undefined;\n    // Return the src if it is set\n    if (this.src) return this.src;\n\n    const SVG_EXTENSION = '.svg';\n    const iconFileName = `${name}${SVG_EXTENSION}`;\n\n    return getBasePath(iconFileName);\n  };\n\n  private loadIcon = async (name: string) => {\n    const url = this.getIconSource(name);\n    if (!url) return;\n\n    try {\n      const content = await getSvgContent(url, true);\n      if (!content) return;\n\n      this.svgContent = content;\n      this.svgLoaded.emit(this.svgContent);\n    } catch (error) {\n      console.error('[BEEQ] Failed to load the icon SVG content', error);\n    }\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const { color, label, name, size } = this;\n    const styles = {\n      ...(color && { '--bq-icon--color': getColorCSSVariable(color) }),\n      ...(size && { '--bq-icon--size': `${size}px` }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          aria-label={label ?? `${name} icon`}\n          class=\"bs-[--bq-icon--size] is-[--bq-icon--size] flex text-[--bq-icon--color]\"\n          innerHTML={this.svgContent}\n          part=\"base\"\n          role=\"img\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-BRMw_HGf.js

@@ -2,12 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-const o = [ "numeric", "icon", "dot" ];
-
-const a = [ "medium", "small" ];
-
-const s = [ "horizontal", "vertical" ];
-
-export { s as S, a, o as b };
-//# sourceMappingURL=p-BRMw_HGf.js.map
+const o=["numeric","icon","dot"];const a=["medium","small"];const s=["horizontal","vertical"];export{s as S,a,o as b};
 //# sourceMappingURL=p-BRMw_HGf.js.map

package/dist/components/p-BRMw_HGf.js.map

@@ -1 +1 @@
-{"version":3,"names":["STEPS_TYPE","STEPS_SIZE","STEPS_ORIENTATION"],"sources":["../../packages/beeq/src/components/steps/bq-steps.types.ts"],"sourcesContent":["export const STEPS_TYPE = ['numeric', 'icon', 'dot'] as const;\nexport type TStepsType = (typeof STEPS_TYPE)[number];\n\nexport const STEPS_SIZE = ['medium', 'small'] as const;\nexport type TStepsSize = (typeof STEPS_SIZE)[number];\n\nexport const STEPS_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TStepsOrientation = (typeof STEPS_ORIENTATION)[number];\n"],"mappings":";;;;AAAa,MAAAA,IAAa,EAAC,WAAW,QAAQ;;MAGjCC,IAAa,EAAC,UAAU;;MAGxBC,IAAoB,EAAC,cAAc","ignoreList":[]}
+{"version":3,"names":["STEPS_TYPE","STEPS_SIZE","STEPS_ORIENTATION"],"sources":["../../packages/beeq/src/components/steps/bq-steps.types.ts"],"sourcesContent":["export const STEPS_TYPE = ['numeric', 'icon', 'dot'] as const;\nexport type TStepsType = (typeof STEPS_TYPE)[number];\n\nexport const STEPS_SIZE = ['medium', 'small'] as const;\nexport type TStepsSize = (typeof STEPS_SIZE)[number];\n\nexport const STEPS_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TStepsOrientation = (typeof STEPS_ORIENTATION)[number];\n"],"mappings":";;;;AAAa,MAAAA,EAAa,CAAC,UAAW,OAAQ,O,MAGjCC,EAAa,CAAC,SAAU,S,MAGxBC,EAAoB,CAAC,aAAc,mB","ignoreList":[]}