@beeq/core 1.3.0 → 1.3.2

package/dist/beeq/p-533aaa93.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import{r as a,c as r,h as b,a as e,E as q}from"./p-50709b47.js";import{g as n}from"./p-da31e531.js";import{i as t}from"./p-ecd27cf2.js";import{g as i}from"./p-0ab0b58d.js";const o=new Map;const s=async(a,r)=>{let b;if(typeof fetch!=="undefined"&&typeof document!=="undefined"){const e=await fetch(a);if(e.ok){return e.text().then((b=>{if(b&&r!==false)b=l(b);d.set(a,b||"")}))}d.set(a,"");o.set(a,b);return b}d.set(a,"");return Promise.resolve()};const d=new Map;const c=async(a,r)=>{const b=await o.get(a);if(!b)return s(a,r);return b};const l=a=>{const r="svg";const b="bq-icon__svg";const e=document.createElement("div");e.innerHTML=a;for(let a=e.childNodes.length-1;a>=0;a--){if(e.childNodes[a].nodeName.toLowerCase()!==r){e.removeChild(e.childNodes[a])}}const q=e.firstElementChild;if(q&&q.nodeName.toLowerCase()===r){const a=q.getAttribute("class")||"";q.setAttribute("class",`${a} ${b}`.trim());q.setAttribute("part",r);q.removeAttribute("height");q.removeAttribute("width");if(v(q))return e.innerHTML}return""};const v=a=>{if(a.nodeType===Node.ELEMENT_NODE){if(a.nodeName.toLowerCase()==="script")return false;for(const r of Array.from(a.attributes)){const a=r.value;if(t(a)&&a.toLowerCase().startsWith("on")){return false}}for(const r of Array.from(a.children)){if(!v(r))return false}}return true};const u='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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}.beeq.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.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))}.inline-block{display:inline-block}.fill-current{fill:currentColor}@-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:inherit;--bq-icon--size:24px;display:inline-block}.bq-icon__svg{fill:currentColor}.static{position:static}.flex{display:flex}.h-\\[var\\(--bq-icon--size\\)\\]{height:var(--bq-icon--size)}.w-\\[var\\(--bq-icon--size\\)\\]{width:var(--bq-icon--size)}.text-\\[color\\:var\\(--bq-icon--color\\)\\]{color:var(--bq-icon--color)}';const g=u;const f=class{constructor(b){a(this,b);this.svgLoaded=r(this,"svgLoaded",7);this.getIconSource=()=>{if(!this.name&&!this.src)return;if(this.src)return this.src;const{iconPath:a}=this.getIconDetails();return n(a)};this.loadIcon=()=>{const a=this.getIconSource();c(a,true).then((()=>{this._svgContent=d.get(a);this.svgLoaded.emit(this._svgContent)}))};this.getIconDetails=()=>{const a="regular";const r=".svg";const b="./svg/";const e=q.ICONS_SVG_PATH;const n=this.weight!==a&&!e;const t=n?`-${this.weight}`:"";const i=`${this.name}${t}${r}`;const o=!e?`${b}${i}`:`${e}/${i}`;return{iconName:i,iconPath:o}};this._svgContent=undefined;this.label=undefined;this.color=undefined;this.name=undefined;this.size=24;this.src=undefined;this.weight="regular"}handlePropsChange(){this.loadIcon()}componentWillLoad(){this.handlePropsChange()}render(){var a;const r={...this.color&&{"--bq-icon--color":i(this.color)},...this.size&&{"--bq-icon--size":`${this.size}px`}};return b(e,{key:"581f1bdb9b5777e36cef4f4939cb6a99791e65fc",style:r},b("div",{key:"e099c40a9a1b494ef6f4b3c59c3151370f25b036","aria-label":(a=this.label)!==null&&a!==void 0?a:`${this.name} icon`,class:"flex h-[var(--bq-icon--size)] w-[var(--bq-icon--size)] text-[color:var(--bq-icon--color)]",innerHTML:this._svgContent,part:"base",role:"img"}))}static get assetsDirs(){return["svg"]}static get watchers(){return{color:["handlePropsChange"],name:["handlePropsChange"],size:["handlePropsChange"],weight:["handlePropsChange"]}}};f.style=g;export{f as bq_icon};
-//# sourceMappingURL=p-533aaa93.entry.js.map

package/dist/beeq/p-533aaa93.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["requests","Map","fetchSvg","async","url","sanitize","req","fetch","document","rsp","ok","text","then","svgContent","validateContent","iconContent","set","Promise","resolve","getSvgContent","get","svgTag","iconCssClass","div","createElement","innerHTML","i","childNodes","length","nodeName","toLowerCase","removeChild","svgElm","firstElementChild","othersCssClasses","getAttribute","setAttribute","trim","removeAttribute","isValid","elm","nodeType","Node","ELEMENT_NODE","attribute","Array","from","attributes","value","isString","startsWith","childNode","children","bqIconCss","BqIconStyle0","BqIcon","this","getIconSource","name","src","iconPath","getIconDetails","getBasePath","loadIcon","_svgContent","svgLoaded","emit","REGULAR","SVG_EXTENSION","LOCAL_SVG_PATH","ENV_SVG_PATH","Env","ICONS_SVG_PATH","isWeightedIcon","weight","weightSuffix","iconName","handlePropsChange","componentWillLoad","render","styles","color","getColorCSSVariable","size","h","Host","key","style","_a","label","class","part","role"],"sources":["../../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/*                             Icon request helper                            */\n/* -------------------------------------------------------------------------- */\n\nimport { Env } from '@stencil/core';\n\nimport { isString } from '../../../shared/utils';\n\nconst requests = new Map<string, Promise<unknown>>();\n\nconst fetchSvg = async (url: string, sanitize: boolean): Promise<unknown> => {\n  let req: Promise<unknown>;\n\n  if (typeof fetch !== 'undefined' && typeof document !== 'undefined') {\n    const rsp = await fetch(url);\n    if (rsp.ok) {\n      return rsp.text().then((svgContent) => {\n        if (svgContent && sanitize !== false) svgContent = validateContent(svgContent);\n        iconContent.set(url, svgContent || '');\n      });\n    }\n    iconContent.set(url, '');\n    // cache for the same requests\n    requests.set(url, req);\n    return req;\n  }\n\n  iconContent.set(url, '');\n  return Promise.resolve();\n};\n\nexport const iconContent = new Map<string, string>();\n\nexport const getSvgContent = async (url: string, sanitize: boolean) => {\n  // see if we already have a request for this SVG file\n  const req = await requests.get(url);\n  if (!req) return fetchSvg(url, sanitize);\n\n  return req;\n};\n\nexport const validateContent = (svgContent: string): string => {\n  const svgTag = 'svg';\n  const iconCssClass = !Env.ICONS_SVG_PATH ? 'bq-icon__svg' : '';\n\n  const div = document.createElement('div');\n  div.innerHTML = svgContent;\n\n  for (let i = div.childNodes.length - 1; i >= 0; i--) {\n    if (div.childNodes[i].nodeName.toLowerCase() !== svgTag) {\n      div.removeChild(div.childNodes[i]);\n    }\n  }\n\n  // must only have 1 root element\n  const svgElm = div.firstElementChild;\n  if (svgElm && svgElm.nodeName.toLowerCase() === svgTag) {\n    // keep other CSS classes (if there's any) and add the `bq-icon__svg` CSS class\n    const othersCssClasses = svgElm.getAttribute('class') || '';\n    svgElm.setAttribute('class', `${othersCssClasses} ${iconCssClass}`.trim());\n    // set the shadow DOM part for the SVG element\n    svgElm.setAttribute('part', svgTag);\n\n    // remove height and width attribute, if for some reason they are still present in the SVG tag\n    svgElm.removeAttribute('height');\n    svgElm.removeAttribute('width');\n\n    // root element must be an svg\n    // lets double check we've got valid elements\n    // do not allow scripts\n    if (isValid(svgElm as HTMLElement)) return div.innerHTML;\n  }\n\n  return '';\n};\n\nexport const isValid = (elm: HTMLElement): boolean => {\n  if (elm.nodeType === Node.ELEMENT_NODE) {\n    if (elm.nodeName.toLowerCase() === 'script') return false;\n\n    for (const attribute of Array.from(elm.attributes)) {\n      const value = attribute.value;\n      if (isString(value) && value.toLowerCase().startsWith('on')) {\n        return false;\n      }\n    }\n\n    for (const childNode of Array.from(elm.children) as HTMLElement[]) {\n      if (!isValid(childNode)) return false;\n    }\n  }\n  return true;\n};\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 fill-current;\n}\n","import { Component, Env, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { TIconWeight } from './bq-icon.types';\nimport { getSvgContent, iconContent } from './helper/request';\nimport { getBasePath, getColorCSSVariable } from '../../shared/utils';\n\n/**\n * Icons are simplified images that graphically explain the meaning of an object on the screen.\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@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  /** It set the icon weight/style */\n  @Prop({ reflect: true }) weight?: TIconWeight = 'regular';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('color')\n  @Watch('name')\n  @Watch('size')\n  @Watch('weight')\n  handlePropsChange() {\n    this.loadIcon();\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  componentWillLoad() {\n    this.handlePropsChange();\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 getIconSource = () => {\n    if (!this.name && !this.src) return;\n    // Return the src if it is set\n    if (this.src) return this.src;\n\n    const { iconPath } = this.getIconDetails();\n    return getBasePath(iconPath);\n  };\n\n  private loadIcon = () => {\n    const url = this.getIconSource();\n    getSvgContent(url, true).then(() => {\n      this._svgContent = iconContent.get(url);\n      this.svgLoaded.emit(this._svgContent);\n    });\n  };\n\n  private getIconDetails = (): { iconName: string; iconPath: string } => {\n    const REGULAR = 'regular';\n    const SVG_EXTENSION = '.svg';\n    const LOCAL_SVG_PATH = './svg/';\n    const ENV_SVG_PATH = Env.ICONS_SVG_PATH;\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 isWeightedIcon = this.weight !== REGULAR && !ENV_SVG_PATH;\n\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\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}${SVG_EXTENSION}`;\n\n    // Construct the path to the icon file.\n    // Eg: if iconName is 'my-icon-bold.svg', iconPath will be './svg/my-icon-bold.svg'.\n    // Eg: if iconName is 'my-icon-bold.svg' and ENV_SVG_PATH is 'https://mycdn.com/icons', iconPath will be 'https://mycdn.com/icons/my-icon-bold.svg'.\n    const iconPath = !ENV_SVG_PATH ? `${LOCAL_SVG_PATH}${iconName}` : `${ENV_SVG_PATH}/${iconName}`;\n\n    // Return the icon name and path.\n    return { iconName, iconPath };\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const styles = {\n      ...(this.color && { '--bq-icon--color': getColorCSSVariable(this.color) }),\n      ...(this.size && { '--bq-icon--size': `${this.size}px` }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          aria-label={this.label ?? `${this.name} icon`}\n          class=\"flex h-[var(--bq-icon--size)] w-[var(--bq-icon--size)] text-[color:var(--bq-icon--color)]\"\n          innerHTML={this._svgContent}\n          part=\"base\"\n          role=\"img\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;4KAQA,MAAMA,EAAW,IAAIC,IAErB,MAAMC,EAAWC,MAAOC,EAAaC,KACnC,IAAIC,EAEJ,UAAWC,QAAU,oBAAsBC,WAAa,YAAa,CACnE,MAAMC,QAAYF,MAAMH,GACxB,GAAIK,EAAIC,GAAI,CACV,OAAOD,EAAIE,OAAOC,MAAMC,IACtB,GAAIA,GAAcR,IAAa,MAAOQ,EAAaC,EAAgBD,GACnEE,EAAYC,IAAIZ,EAAKS,GAAc,GAAG,G,CAG1CE,EAAYC,IAAIZ,EAAK,IAErBJ,EAASgB,IAAIZ,EAAKE,GAClB,OAAOA,C,CAGTS,EAAYC,IAAIZ,EAAK,IACrB,OAAOa,QAAQC,SAAS,EAGnB,MAAMH,EAAc,IAAId,IAExB,MAAMkB,EAAgBhB,MAAOC,EAAaC,KAE/C,MAAMC,QAAYN,EAASoB,IAAIhB,GAC/B,IAAKE,EAAK,OAAOJ,EAASE,EAAKC,GAE/B,OAAOC,CAAG,EAGL,MAAMQ,EAAmBD,IAC9B,MAAMQ,EAAS,MACf,MAAMC,EAAqC,eAE3C,MAAMC,EAAMf,SAASgB,cAAc,OACnCD,EAAIE,UAAYZ,EAEhB,IAAK,IAAIa,EAAIH,EAAII,WAAWC,OAAS,EAAGF,GAAK,EAAGA,IAAK,CACnD,GAAIH,EAAII,WAAWD,GAAGG,SAASC,gBAAkBT,EAAQ,CACvDE,EAAIQ,YAAYR,EAAII,WAAWD,G,EAKnC,MAAMM,EAAST,EAAIU,kBACnB,GAAID,GAAUA,EAAOH,SAASC,gBAAkBT,EAAQ,CAEtD,MAAMa,EAAmBF,EAAOG,aAAa,UAAY,GACzDH,EAAOI,aAAa,QAAS,GAAGF,KAAoBZ,IAAee,QAEnEL,EAAOI,aAAa,OAAQf,GAG5BW,EAAOM,gBAAgB,UACvBN,EAAOM,gBAAgB,SAKvB,GAAIC,EAAQP,GAAwB,OAAOT,EAAIE,S,CAGjD,MAAO,EAAE,EAGJ,MAAMc,EAAWC,IACtB,GAAIA,EAAIC,WAAaC,KAAKC,aAAc,CACtC,GAAIH,EAAIX,SAASC,gBAAkB,SAAU,OAAO,MAEpD,IAAK,MAAMc,KAAaC,MAAMC,KAAKN,EAAIO,YAAa,CAClD,MAAMC,EAAQJ,EAAUI,MACxB,GAAIC,EAASD,IAAUA,EAAMlB,cAAcoB,WAAW,MAAO,CAC3D,OAAO,K,EAIX,IAAK,MAAMC,KAAaN,MAAMC,KAAKN,EAAIY,UAA4B,CACjE,IAAKb,EAAQY,GAAY,OAAO,K,EAGpC,OAAO,IAAI,EC3Fb,MAAME,EAAY,8+lBAClB,MAAAC,EAAeD,E,MCiBFE,EAAM,M,8DA2ETC,KAAAC,cAAgB,KACtB,IAAKD,KAAKE,OAASF,KAAKG,IAAK,OAE7B,GAAIH,KAAKG,IAAK,OAAOH,KAAKG,IAE1B,MAAMC,SAAEA,GAAaJ,KAAKK,iBAC1B,OAAOC,EAAYF,EAAS,EAGtBJ,KAAAO,SAAW,KACjB,MAAM3D,EAAMoD,KAAKC,gBACjBtC,EAAcf,EAAK,MAAMQ,MAAK,KAC5B4C,KAAKQ,YAAcjD,EAAYK,IAAIhB,GACnCoD,KAAKS,UAAUC,KAAKV,KAAKQ,YAAY,GACrC,EAGIR,KAAAK,eAAiB,KACvB,MAAMM,EAAU,UAChB,MAAMC,EAAgB,OACtB,MAAMC,EAAiB,SACvB,MAAMC,EAAeC,EAAIC,eAIzB,MAAMC,EAAiBjB,KAAKkB,SAAWP,IAAYG,EAInD,MAAMK,EAAeF,EAAiB,IAAIjB,KAAKkB,SAAW,GAI1D,MAAME,EAAW,GAAGpB,KAAKE,OAAOiB,IAAeP,IAK/C,MAAMR,GAAYU,EAAe,GAAGD,IAAiBO,IAAa,GAAGN,KAAgBM,IAGrF,MAAO,CAAEA,WAAUhB,WAAU,E,mGA1FmB,G,+BAMF,S,CAShD,iBAAAiB,GACErB,KAAKO,U,CAcP,iBAAAe,GACEtB,KAAKqB,mB,CAkEP,MAAAE,G,MACE,MAAMC,EAAS,IACTxB,KAAKyB,OAAS,CAAE,mBAAoBC,EAAoB1B,KAAKyB,WAC7DzB,KAAK2B,MAAQ,CAAE,kBAAmB,GAAG3B,KAAK2B,WAGhD,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOP,GACXI,EAAA,OAAAE,IAAA,yDACcE,EAAAhC,KAAKiC,SAAK,MAAAD,SAAA,EAAAA,EAAI,GAAGhC,KAAKE,YAClCgC,MAAM,4FACNjE,UAAW+B,KAAKQ,YAChB2B,KAAK,OACLC,KAAK,Q"}

package/dist/beeq/p-6a04c912.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import{r as e,c as r,h as a,g as t}from"./p-50709b47.js";import"./p-da31e531.js";import{d as b}from"./p-951ba558.js";import{i as n}from"./p-f33d1c98.js";import{i}from"./p-57621be1.js";import{b as o,a as s}from"./p-d7a88b16.js";import"./p-99829fc7.js";import"./p-ecd27cf2.js";const q='::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{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);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;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}}: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}.beeq.light,.light,:root,[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-200);--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}.beeq.dark,.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-800);--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}.endava,[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,[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-200);--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-800);--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}.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))}.pointer-events-none{pointer-events:none}.m-0{margin:0}.mb-\\[--bq-select--label-margin-bottom\\]{margin-bottom:var(--bq-select--label-margin-bottom)}.me-\\[--bq-select--gap\\]{margin-inline-end:var(--bq-select--gap)}.ms-\\[--bq-select--gap\\]{margin-inline-start:var(--bq-select--gap)}.mt-\\[--bq-select--helper-margin-top\\]{margin-top:var(--bq-select--helper-margin-top)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.h-auto{height:auto}.min-h-\\[--bq-select--icon-size\\]{min-height:var(--bq-select--icon-size)}.w-full{width:100%}.min-w-\\[0\\]{min-width:0}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.gap-\\[--var\\(--bq-select--gap-label\\)\\]{gap:var(--var(--bq-select--gap-label))}.rounded-\\[--bq-select--border-radius\\]{border-radius:var(--bq-select--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.border-\\[length\\:--bq-select--border-width\\]{border-width:var(--bq-select--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-select--border-color-focus\\]{border-color:var(--bq-select--border-color-focus)}.border-\\[color\\:--bq-select--border-color\\]{border-color:var(--bq-select--border-color)}.border-stroke-danger{border-color:var(--bq-stroke--danger)}.border-stroke-success{border-color:var(--bq-stroke--success)}.border-stroke-warning{border-color:var(--bq-stroke--warning)}.bg-\\[inherit\\]{background-color:inherit}.p-0{padding:0}.py-\\[--bq-select--paddingY\\]{padding-bottom:var(--bq-select--paddingY);padding-top:var(--bq-select--paddingY)}.pe-\\[--bq-select--padding-end\\]{padding-inline-end:var(--bq-select--padding-end)}.ps-\\[--bq-select--padding-start\\]{padding-inline-start:var(--bq-select--padding-start)}.font-\\[inherit\\]{font-family:inherit}.text-\\[length\\:--bq-select--helper-text-size\\]{font-size:var(--bq-select--helper-text-size)}.text-\\[length\\:--bq-select--label-text-size\\]{font-size:var(--bq-select--label-text-size)}.text-\\[length\\:--bq-select--text-size\\]{font-size:var(--bq-select--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[color\\:--bq-select--helper-text-color\\]{color:var(--bq-select--helper-text-color)}.text-\\[color\\:--bq-select--label-text-color\\]{color:var(--bq-select--label-text-color)}.text-\\[color\\:--bq-select--text-color\\]{color:var(--bq-select--text-color)}.text-\\[color\\:inherit\\]{color:inherit}.text-\\[color\\:var\\(--bq-select--text-color\\)\\]{color:var(--bq-select--text-color)}.text-text-danger{color:var(--bq-text--danger)}.text-text-success{color:var(--bq-text--success)}.text-text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-stroke-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-stroke-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-stroke-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-select--background-color:var(--bq-ui--primary);--bq-select--border-color:var(--bq-stroke--tertiary);--bq-select--border-color-focus:var(--bq-stroke--brand);--bq-select--border-radius:var(--bq-radius--s);--bq-select--border-width:1px;--bq-select--border-style:solid;--bq-select--gap:var(--bq-spacing-xs);--bq-select--helper-margin-top:var(--bq-spacing-xs);--bq-select--helper-text-size:var(--bq-font-size--s);--bq-select--helper-text-color:var(--bq-text--primary);--bq-select--icon-size:24px;--bq-select--label-margin-bottom:var(--bq-spacing-xs);--bq-select--label-text-size:var(--bq-font-size--s);--bq-select--label-text-color:var(--bq-text--primary);--bq-select--padding-start:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--padding-end:calc(var(--bq-spacing-m) - var(--bq-select--border-width));--bq-select--paddingY:calc(var(--bq-spacing-s) - var(--bq-select--border-width));--bq-select--text-color:var(--bq-text--primary);--bq-select--text-size:var(--bq-font-size--m);--bq-select--text-placeholder-color:var(--bq-text--secondary);display:block;width:100%}.bq-select__label{align-items:center;color:var(--bq-select--label-text-color);display:flex;flex-grow:1;font-size:var(--bq-select--label-text-size);gap:var(--var(--bq-select--gap-label));margin-bottom:var(--bq-select--label-margin-bottom)}.bq-select__helper-text{color:var(--bq-select--helper-text-color);font-size:var(--bq-select--helper-text-size);margin-top:var(--bq-select--helper-margin-top)}.bq-select__helper-text.validation-error{color:var(--bq-text--danger)}.bq-select__helper-text.validation-success{color:var(--bq-text--success)}.bq-select__helper-text.validation-warning{color:var(--bq-text--warning)}.bq-select__dropdown:has(:focus-within,:focus-visible) .bq-select__control{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-select--border-color-focus);border-color:var(--bq-select--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-select__control{align-items:center;border-color:var(--bq-select--border-color);border-radius:var(--bq-select--border-radius);border-style:var(--bq-select--border-style);border-width:var(--bq-select--border-width);color:var(--bq-select--text-color);display:flex;font-size:var(--bq-select--text-size);padding-bottom:var(--bq-select--paddingY);padding-inline-end:var(--bq-select--padding-end);padding-top:var(--bq-select--paddingY);padding-inline-start:var(--bq-select--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none;width:100%}.bq-select__control::placeholder{color:var(--bq-select--text-placeholder-color)}.bq-select__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-select__control:not(.disabled):focus-within .bq-select__control--clear,.bq-select__control:not(.disabled):hover .bq-select__control--clear{display:inline-block}.bq-select__control.disabled{cursor:not-allowed;opacity:.6}.bq-select__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-select__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-select__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-select__control.validation-success{border-color:var(--bq-stroke--success)}.bq-select__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-select__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-select__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-select__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-select__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-select__control--input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;min-height:var(--bq-select--icon-size);min-width:0;padding:0;user-select:none}.bq-select__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-select__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-select__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial;border-radius:var(--bq-radius--xs);border-style:none;height:auto;padding:0}.bq-select__control--prefix,.bq-select__control--suffix{align-items:center;color:var(--bq-select--text-color);display:flex;pointer-events:none}.bq-select__control--prefix{margin-inline-end:var(--bq-select--gap)}.bq-select__control--suffix{margin-inline-start:var(--bq-select--gap);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-select--icon-size)!important}.placeholder\\:text-\\[color\\:--bq-select--text-placeholder-color\\]::placeholder{color:var(--bq-select--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.rotate-0,.rotate-180{--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))}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.me-xs2{margin-inline-end:var(--bq-spacing-xs2)}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.gap-xs2{gap:var(--bq-spacing-xs2)}.overflow-x-auto{overflow-x:auto}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\[\\&\\>bq-tag\\:\\:part\\(text\\)\\]\\:text-nowrap>bq-tag::part(text){text-wrap:nowrap}.\\[\\&\\>bq-tag\\:\\:part\\(text\\)\\]\\:leading-small>bq-tag::part(text){line-height:var(--bq-font-line-height--small)}.\\[\\&\\>bq-tag\\]\\:inline-flex>bq-tag,.inline-flex{display:inline-flex}.border{border-width:1px}.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)}.h-\\[var\\(--bq-icon--size\\)\\]{height:var(--bq-icon--size)}.w-\\[var\\(--bq-icon--size\\)\\]{width:var(--bq-icon--size)}.text-\\[color\\:var\\(--bq-icon--color\\)\\]{color:var(--bq-icon--color)}.flex-col{flex-direction:column}.gap-y-\\[--bq-option-group--gapY-list\\]{row-gap:var(--bq-option-group--gapY-list)}.relative{position:relative}';const l=q;const c=class{constructor(a){e(this,a);this.bqBlur=r(this,"bqBlur",7);this.bqClear=r(this,"bqClear",7);this.bqFocus=r(this,"bqFocus",7);this.bqSelect=r(this,"bqSelect",7);this.fallbackInputId="select";this.handleBlur=()=>{if(this.disabled)return;this.bqBlur.emit(this.el)};this.handleFocus=()=>{if(this.disabled)return;this.bqFocus.emit(this.el)};this.handleSelect=e=>{if(this.disabled)return;if(this.multiple){e.stopPropagation()}const{value:r,item:a}=e.detail;if(this.multiple){this.handleMultipleSelection(a);this.inputElem.value="";this.bqSelect.emit({value:this.value,item:a})}else{this.value=r}this.resetOptionsVisibility();this.inputElem.focus()};this.handleMultipleSelection=e=>{const r=new Set(this.selectedOptions);if(r.has(e)){r.delete(e)}else{r.add(e)}this.selectedOptions=Array.from(r);this.value=this.selectedOptions.map((e=>e.value))};this.handleSearchFilter=e=>{var r,a;if(this.disabled)return;(r=this.debounceQuery)===null||r===void 0?void 0:r.cancel();const t=(a=e.target.value)===null||a===void 0?void 0:a.toLowerCase().trim();if(!n(t)){this.clear()}else{this.debounceQuery=b((()=>{this.options.forEach((e=>{const r=this.getOptionLabel(e).toLowerCase();e.hidden=!r.includes(t)}))}),this.debounceTime);this.debounceQuery()}this.open=true};this.handleClearClick=e=>{(async()=>{await this.clear()})();this.inputElem.focus();e.stopPropagation()};this.handleTagRemove=e=>{if(this.disabled)return;this.handleMultipleSelection(e);this.bqSelect.emit({value:this.value,item:e})};this.handleLabelSlotChange=()=>{this.hasLabel=o(this.labelElem)};this.handlePrefixSlotChange=()=>{this.hasPrefix=o(this.prefixElem)};this.handleSuffixSlotChange=()=>{this.hasSuffix=o(this.suffixElem)};this.handleHelperTextSlotChange=()=>{this.hasHelperText=o(this.helperTextElem)};this.resetOptionsVisibility=()=>{this.options.forEach((e=>e.hidden=false))};this.syncItemsFromValue=()=>{var e;const r=this.options;if(!r.length)return;this.options.forEach((e=>{if(this.multiple&&Array.isArray(this.value)){e.selected=this.value.includes(e.value)}else{e.selected=e.value.toLowerCase()===String(this.value).toLowerCase()}}));if(!this.multiple){const a=r.filter((e=>e.value===this.value))[0];this.displayValue=a?this.getOptionLabel(a):"";this.inputElem.value=(e=this.displayValue)!==null&&e!==void 0?e:""}};this.getOptionLabel=e=>{const r=e.shadowRoot.querySelector("slot:not([name])");if(!r)return;return s(r)};this.displayValue=undefined;this.hasHelperText=false;this.selectedOptions=[];this.hasLabel=false;this.hasPrefix=false;this.hasSuffix=false;this.hasValue=false;this.autofocus=undefined;this.clearButtonLabel="Clear value";this.debounceTime=0;this.disabled=false;this.disableClear=false;this.distance=8;this.form=undefined;this.keepOpenOnSelect=false;this.name=undefined;this.maxTagsVisible=2;this.multiple=false;this.open=false;this.panelHeight=undefined;this.placeholder=undefined;this.placement="bottom";this.readonly=undefined;this.required=undefined;this.sameWidth=true;this.skidding=0;this.strategy="fixed";this.validationStatus="none";this.value=undefined}handleValueChange(){this.syncItemsFromValue()}connectedCallback(){if(this.multiple){this.value=Array.isArray(this.value)?this.value:Array.from(JSON.parse(String(this.value)))}}componentDidLoad(){if(this.multiple&&Array.isArray(this.value)){this.selectedOptions=this.options.filter((e=>this.value.includes(e.value)))}this.handleValueChange()}componentDidRender(){this.syncItemsFromValue()}handleOpenChange(e){if(!e.composedPath().includes(this.el))return;this.open=e.detail.open}stopOptionFocusBlurPropagation(e){if(i(e.target,"bq-select"))return;e.stopPropagation()}async clear(){if(this.disabled)return;this.value=undefined;this.selectedOptions=[];if(!this.multiple){this.displayValue=undefined;this.inputElem.value=undefined}this.resetOptionsVisibility();this.bqClear.emit(this.el)}get options(){return Array.from(this.el.querySelectorAll("bq-option"))}get displayPlaceholder(){return this.multiple&&this.selectedOptions.length!==0?undefined:this.placeholder}get displayTags(){return this.selectedOptions.map(((e,r)=>{if(r<this.maxTagsVisible||this.maxTagsVisible<0){return a("bq-tag",{key:e.value,removable:true,size:"xsmall",variant:"filled",onBqClose:()=>this.handleTagRemove(e),onClick:e=>e.stopPropagation(),exportparts:"wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close",part:"tag"},this.getOptionLabel(e))}else if(r===this.maxTagsVisible){return a("bq-tag",{key:"more",size:"xsmall",variant:"filled",exportparts:"wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close",part:"tag"},"+",this.selectedOptions.length-r)}return null}))}get hasClearIcon(){if(this.disableClear||this.disabled){return false}if(this.multiple){return this.selectedOptions.length>0}return n(this.displayValue)}render(){const e=`bq-select__label-${this.name||this.fallbackInputId}`;return a("div",{key:"02f9d50d197ecd012e03c270405457dbf14f9144",class:"bq-select",part:"base"},a("label",{key:"7d57662924ea12872edaf0b769c42f680f16d2dd",id:e,class:{"bq-select__label":true,"!hidden":!this.hasLabel},htmlFor:this.name||this.fallbackInputId,ref:e=>this.labelElem=e,part:"label"},a("slot",{key:"95fd243c08024aa5ec821282b1a648e42b1ae4fc",name:"label",onSlotchange:this.handleLabelSlotChange})),a("bq-dropdown",{key:"93b96ada984d062715c4a1cee51c950d7655e710",class:"bq-select__dropdown w-full",disabled:this.disabled,distance:this.distance,keepOpenOnSelect:this.keepOpenOnSelect,open:this.open,panelHeight:this.panelHeight,placement:this.placement,sameWidth:this.sameWidth,skidding:this.skidding,strategy:this.strategy,exportparts:"panel"},a("div",{key:"990ba26e0d8f88ecc2d4a789c5917bba6e4aa87d",class:{"bq-select__control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control",slot:"trigger"},a("span",{key:"26009add5f23f3b33e6912b804428e67da347fef",class:{"bq-select__control--prefix":true,"!hidden":!this.hasPrefix},ref:e=>this.prefixElem=e,part:"prefix"},a("slot",{key:"03d70e1cd969c7c26b95b94af36958a84fb5c52d",name:"prefix",onSlotchange:this.handlePrefixSlotChange})),a("div",{key:"5ac3eb995b5d5dc6fab0ac73962b260cd7834303",class:"flex flex-1 overflow-x-auto",part:"input-outline"},this.multiple&&a("span",{key:"732309cc836b6363c1dd4e30014fe19d790489e4",class:"me-xs2 flex flex-1 gap-xs2 [&>bq-tag::part(text)]:text-nowrap [&>bq-tag::part(text)]:leading-small [&>bq-tag]:inline-flex",part:"tags"},this.displayTags),a("input",{key:"17461304fab0315baec7afaa053b80c54d234b68",id:this.name||this.fallbackInputId,class:"bq-select__control--input w-full flex-grow",autoComplete:"off",autoCapitalize:"off",autoFocus:this.autofocus,"aria-disabled":this.disabled?"true":"false","aria-controls":`bq-options-${this.name}`,"aria-expanded":this.open?"true":"false","aria-haspopup":"listbox",disabled:this.disabled,form:this.form,name:this.name,placeholder:this.displayPlaceholder,ref:e=>this.inputElem=e,readOnly:this.readonly,required:this.required,role:"combobox",spellcheck:false,type:"text",value:this.displayValue,part:"input",onBlur:this.handleBlur,onFocus:this.handleFocus,onInput:this.handleSearchFilter})),this.hasClearIcon&&a("bq-button",{key:"bcb8c3f5fad488f98abcd0ce6d650309ae579ef9",class:"bq-select__control--clear ms-[--bq-select--gap]",appearance:"text","aria-label":this.clearButtonLabel,size:"small",onBqClick:this.handleClearClick,part:"clear-btn",exportparts:"button",tabIndex:-1},a("slot",{key:"014f8b03b759e8834896d1ef3b97de5be36cff61",name:"clear-icon"},a("bq-icon",{key:"09b481745b2c21fa3e7e025ab65d6ec65c6799ad",name:"x-circle",class:"flex"}))),a("span",{key:"3a472bb44053d4db6bd23a8903e3cf2302ba8175",class:{"bq-select__control--suffix":true,"rotate-180":this.open,"rotate-0":!this.open},ref:e=>this.suffixElem=e,part:"suffix"},a("slot",{key:"7ab67db44451d26e47025141562f4964a959cebd",name:"suffix",onSlotchange:this.handleSuffixSlotChange},a("bq-icon",{key:"a275bc3592809db0400d4997347215cfcbe1c7ea",name:"caret-down",class:"flex"})))),a("bq-option-list",{key:"f35debbc5f66029cbb4e629f121cdd07d9f8d7d1",id:`bq-options-${this.name}`,onBqSelect:this.handleSelect,"aria-expanded":this.open?"true":"false",exportparts:"base:option-list",role:"listbox"},a("slot",{key:"d3f0221adf2f45de44c2ac8c5b015ff9db45ee87"}))),a("div",{key:"acacde82dfed85687cfa8b443992f79cc3f2f145",class:{[`bq-select__helper-text validation-${this.validationStatus}`]:true,"!hidden":!this.hasHelperText},ref:e=>this.helperTextElem=e,part:"helper-text"},a("slot",{key:"b94d5f1dc8769ba3f06794c2648351695887152f",name:"helper-text",onSlotchange:this.handleHelperTextSlotChange})))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{value:["handleValueChange"]}}};c.style=l;export{c as bq_select};
-//# sourceMappingURL=p-6a04c912.entry.js.map

package/dist/beeq/p-6a04c912.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqSelectCss","BqSelectStyle0","BqSelect","this","fallbackInputId","handleBlur","disabled","bqBlur","emit","el","handleFocus","bqFocus","handleSelect","ev","multiple","stopPropagation","value","item","detail","handleMultipleSelection","inputElem","bqSelect","resetOptionsVisibility","focus","selectedOptionsSet","Set","selectedOptions","has","delete","add","Array","from","map","handleSearchFilter","_a","debounceQuery","cancel","query","_b","target","toLowerCase","trim","isDefined","clear","debounce","options","forEach","itemLabel","getOptionLabel","hidden","includes","debounceTime","open","handleClearClick","handleTagRemove","handleLabelSlotChange","hasLabel","hasSlotContent","labelElem","handlePrefixSlotChange","hasPrefix","prefixElem","handleSuffixSlotChange","hasSuffix","suffixElem","handleHelperTextSlotChange","hasHelperText","helperTextElem","syncItemsFromValue","items","length","option","isArray","selected","String","checkedItem","filter","displayValue","slot","shadowRoot","querySelector","getTextContent","handleValueChange","connectedCallback","JSON","parse","componentDidLoad","componentDidRender","handleOpenChange","composedPath","stopOptionFocusBlurPropagation","isHTMLElement","undefined","bqClear","querySelectorAll","displayPlaceholder","placeholder","displayTags","index","maxTagsVisible","h","key","removable","size","variant","onBqClose","onClick","exportparts","part","hasClearIcon","disableClear","render","labelId","name","class","id","htmlFor","ref","onSlotchange","distance","keepOpenOnSelect","panelHeight","placement","sameWidth","skidding","strategy","validationStatus","spanElem","autoComplete","autoCapitalize","autoFocus","autofocus","form","readOnly","readonly","required","role","spellcheck","type","onBlur","onFocus","onInput","appearance","clearButtonLabel","onBqClick","tabIndex","onBqSelect","divElem"],"sources":["../../packages/beeq/src/components/select/scss/bq-select.scss?tag=bq-select&encapsulation=shadow","../../packages/beeq/src/components/select/bq-select.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Select styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-select.variables';\n\n:host {\n  @apply block w-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                            Label and Helper text                           */\n/* -------------------------------------------------------------------------- */\n\n.bq-select__label {\n  @apply mb-[--bq-select--label-margin-bottom] flex flex-grow items-center gap-[--var(--bq-select--gap-label)];\n  @apply text-[length:--bq-select--label-text-size] text-[color:--bq-select--label-text-color];\n}\n\n.bq-select__helper-text {\n  @apply mt-[--bq-select--helper-margin-top] text-[length:--bq-select--helper-text-size] text-[color:--bq-select--helper-text-color];\n}\n\n.bq-select__helper-text.validation-error {\n  @apply text-text-danger;\n}\n\n.bq-select__helper-text.validation-success {\n  @apply text-text-success;\n}\n\n.bq-select__helper-text.validation-warning {\n  @apply text-text-warning;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Select input group control                         */\n/* -------------------------------------------------------------------------- */\n\n.bq-select__dropdown:has(:focus-within, :focus-visible) {\n  // The focus state will be controlled by the dropdown element\n  // if any of its children has focus, the dropdown will set the focus state to the .bq-select__control\n  .bq-select__control {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n    --bq-ring-color-focus: var(--bq-select--border-color-focus);\n\n    @apply focus border-[color:--bq-select--border-color-focus];\n  }\n}\n\n.bq-select__control {\n  @apply flex w-full items-center transition-[border-color,box-shadow];\n  // Border\n  @apply rounded-[--bq-select--border-radius] border-[length:--bq-select--border-width] border-[color:--bq-select--border-color];\n  // Padding\n  @apply py-[--bq-select--paddingY] pe-[--bq-select--padding-end] ps-[--bq-select--padding-start];\n  // Text\n  @apply select-none text-[length:--bq-select--text-size] text-[color:--bq-select--text-color] placeholder:text-[color:--bq-select--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-brand;\n\n  border-style: var(--bq-select--border-style);\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-select__control--clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-select__control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-select__control.validation-error {\n  @apply border-stroke-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme('colors.stroke.danger');\n\n    @apply border-active-stroke-danger;\n  }\n}\n\n.bq-select__control.validation-success {\n  @apply border-stroke-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme('colors.stroke.success');\n\n    @apply border-active-stroke-success;\n  }\n}\n\n.bq-select__control.validation-warning {\n  @apply border-stroke-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-stroke-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme('colors.stroke.warning');\n\n    @apply border-active-stroke-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-select__control--input {\n  @apply flex-auto cursor-[inherit] select-none appearance-none bg-[inherit] font-[inherit] text-[length:inherit] text-[color:inherit];\n  @apply m-0 min-h-[--bq-select--icon-size] min-w-[0] border-none p-0 focus:outline-none focus-visible:outline-none;\n\n  box-shadow: none;\n  font-weight: inherit;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-select__control--clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply h-auto rounded-xs border-none p-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-select__control--prefix,\n.bq-select__control--suffix {\n  @apply pointer-events-none flex items-center text-[color:var(--bq-select--text-color)];\n}\n\n.bq-select__control--prefix {\n  @apply me-[--bq-select--gap];\n}\n\n.bq-select__control--suffix {\n  @apply ms-[--bq-select--gap] transition-transform duration-300 ease-in-out;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-select--icon-size) !important;\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { FloatingUIPlacement } from '../../services/interfaces';\nimport { debounce, getTextContent, hasSlotContent, isDefined, isHTMLElement, TDebounce } from '../../shared/utils';\nimport { TInputValidation } from '../input/bq-input.types';\n\nexport type TSelectValue = string | string[];\n\n/**\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part input-outline - The input outline wrapper that holds the tags container and the native HTML input used under the hood.\n * @part helper-text - The helper text slot container.\n * @part input - The native HTML input element used under the hood.\n * @part label - The label slot container.\n * @part panel - The select panel container\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n * @part tags - The tags container of the BqTags for multiple selection.\n * @part tag - The tag container of the BqTag for multiple selection.\n * @part tag__base - The base wrapper of the BqTag for multiple selection.\n * @part tag__prefix - The prefix slot container of the BqTag for multiple selection.\n * @part tag__text - The text slot container of the BqTag for multiple selection.\n * @part tag__btn-close - The close button of the BqTag for multiple selection.\n * @part option-list - The option list container.\n */\n@Component({\n  tag: 'bq-select',\n  styleUrl: './scss/bq-select.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqSelect {\n  // Own Properties\n  // ====================\n\n  private helperTextElem?: HTMLElement;\n  private inputElem?: HTMLInputElement;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n\n  private debounceQuery: TDebounce<void>;\n\n  private fallbackInputId = 'select';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSelectElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() displayValue?: string;\n  @State() hasHelperText = false;\n  @State() selectedOptions: HTMLBqOptionElement[] = [];\n\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the Select input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /**\n   * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\n   * A value of 0 means no debouncing will occur.\n   */\n  @Prop({ reflect: true, mutable: true }) debounceTime? = 0;\n\n  /**\n   * Indicates whether the Select input is disabled or not.\n   * If `true`, the Select is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** If true, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /** Represents the distance (gutter or margin) between the Select panel and the input element. */\n  @Prop({ reflect: true }) distance?: number = 8;\n\n  /** The ID of the form that the Select input belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** If true, the Select panel will remain open after a selection is made. */\n  @Prop({ reflect: true }) keepOpenOnSelect?: boolean = false;\n\n  /** The Select input name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** The maximum number of tags to display when multiple selection is enabled */\n  @Prop({ mutable: true }) maxTagsVisible: number = 2;\n\n  /** If true, the Select input will allow multiple selections. */\n  @Prop({ reflect: true }) multiple?: boolean = false;\n\n  /** If true, the Select panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the Select panel. */\n  @Prop({ reflect: true }) panelHeight?: string;\n\n  /** The Select input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** Position of the Select panel */\n  @Prop({ reflect: true }) placement?: FloatingUIPlacement = 'bottom';\n\n  /** If true, the list of options cannot be filtered (searching won't be available) */\n  @Prop({ reflect: true }) readonly?: boolean;\n\n  /** Indicates whether or not the Select input is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** Whether the panel should have the Select same width as the input element */\n  @Prop({ reflect: true }) sameWidth?: boolean = true;\n\n  /**  Represents the skidding between the Select panel and the input element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Defines the strategy to position the Select panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  /**\n   * The validation status of the Select input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the select input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The select input value, it can be used to reset the field to a previous value */\n  @Prop({ reflect: true, mutable: true }) value: TSelectValue;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange() {\n    this.syncItemsFromValue();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the Select input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqSelectElement>;\n\n  /** Callback handler emitted when the selected value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqSelectElement>;\n\n  /** Callback handler emitted when the Select input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqSelectElement>;\n\n  /** Callback handler emitted when the selected value has changed */\n  @Event() bqSelect!: EventEmitter<{ value: string | number | string[]; item: HTMLBqOptionElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    if (this.multiple) {\n      this.value = Array.isArray(this.value) ? this.value : Array.from(JSON.parse(String(this.value)));\n    }\n  }\n\n  componentDidLoad() {\n    if (this.multiple && Array.isArray(this.value)) {\n      this.selectedOptions = this.options.filter((item) => this.value.includes(item.value));\n    }\n\n    this.handleValueChange();\n  }\n\n  componentDidRender() {\n    this.syncItemsFromValue();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqOpen', { capture: true })\n  handleOpenChange(ev: CustomEvent<{ open: boolean }>) {\n    if (!ev.composedPath().includes(this.el)) return;\n\n    this.open = ev.detail.open;\n  }\n\n  @Listen('bqFocus', { capture: true })\n  @Listen('bqBlur', { capture: true })\n  stopOptionFocusBlurPropagation(ev: CustomEvent) {\n    // Stop propagation of focus and blur events coming from the `bq-option` elements\n    if (isHTMLElement(ev.target, 'bq-select')) return;\n\n    ev.stopPropagation();\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Clears the selected value.\n   *\n   * @return {Promise<void>}\n   * @memberof BqSelect\n   */\n  @Method()\n  async clear(): Promise<void> {\n    if (this.disabled) return;\n\n    this.value = undefined;\n    this.selectedOptions = [];\n    if (!this.multiple) {\n      this.displayValue = undefined;\n      this.inputElem.value = undefined;\n    }\n\n    this.resetOptionsVisibility();\n    this.bqClear.emit(this.el);\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleSelect = (ev: CustomEvent<{ value: TSelectValue; item: HTMLBqOptionElement }>) => {\n    if (this.disabled) return;\n\n    if (this.multiple) {\n      ev.stopPropagation();\n    }\n\n    const { value, item } = ev.detail;\n\n    if (this.multiple) {\n      this.handleMultipleSelection(item);\n      // Clear the input value after selecting an item\n      this.inputElem.value = '';\n      // If multiple selection is enabled, emit the selected items array instead of relying on\n      // the option list to emit the value of the selected item\n      this.bqSelect.emit({ value: this.value, item });\n    } else {\n      this.value = value;\n    }\n\n    this.resetOptionsVisibility();\n    this.inputElem.focus();\n  };\n\n  private handleMultipleSelection = (item: HTMLBqOptionElement) => {\n    // Set has O(1) complexity for insertion, deletion, and search operations, compared to an Array's O(n)\n    const selectedOptionsSet = new Set(this.selectedOptions);\n\n    if (selectedOptionsSet.has(item)) {\n      selectedOptionsSet.delete(item);\n    } else {\n      selectedOptionsSet.add(item);\n    }\n\n    this.selectedOptions = Array.from(selectedOptionsSet);\n    this.value = this.selectedOptions.map((item) => item.value);\n  };\n\n  private handleSearchFilter = (ev: Event) => {\n    if (this.disabled) return;\n\n    this.debounceQuery?.cancel();\n\n    const query = (ev.target as HTMLInputElement).value?.toLowerCase().trim();\n\n    if (!isDefined(query)) {\n      this.clear();\n    } else {\n      this.debounceQuery = debounce(() => {\n        this.options.forEach((item: HTMLBqOptionElement) => {\n          const itemLabel = this.getOptionLabel(item).toLowerCase();\n          item.hidden = !itemLabel.includes(query);\n        });\n      }, this.debounceTime);\n\n      this.debounceQuery();\n    }\n\n    // The panel will close once a selection is made\n    // so we need to make sure it's open when the user is typing and the query is not empty\n    this.open = true;\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    (async () => {\n      await this.clear();\n    })();\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  private handleTagRemove = (item: HTMLBqOptionElement) => {\n    if (this.disabled) return;\n\n    this.handleMultipleSelection(item);\n    this.bqSelect.emit({ value: this.value, item });\n  };\n\n  private handleLabelSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n  };\n\n  private handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private handleHelperTextSlotChange = () => {\n    this.hasHelperText = hasSlotContent(this.helperTextElem);\n  };\n\n  private resetOptionsVisibility = () => {\n    this.options.forEach((item: HTMLBqOptionElement) => (item.hidden = false));\n  };\n\n  private syncItemsFromValue = () => {\n    const items = this.options;\n    if (!items.length) return;\n\n    // Sync selected state of the BqOption elements\n    this.options.forEach((option: HTMLBqOptionElement) => {\n      if (this.multiple && Array.isArray(this.value)) {\n        option.selected = this.value.includes(option.value);\n      } else {\n        option.selected = option.value.toLowerCase() === String(this.value).toLowerCase();\n      }\n    });\n\n    if (!this.multiple) {\n      // Sync display label\n      const checkedItem = items.filter((item) => item.value === this.value)[0];\n      this.displayValue = checkedItem ? this.getOptionLabel(checkedItem) : '';\n      this.inputElem.value = this.displayValue ?? '';\n    }\n  };\n\n  private getOptionLabel = (item: HTMLBqOptionElement) => {\n    const slot = item.shadowRoot.querySelector('slot:not([name])');\n    if (!slot) return;\n\n    return getTextContent(slot as HTMLSlotElement);\n  };\n\n  private get options() {\n    return Array.from(this.el.querySelectorAll('bq-option'));\n  }\n\n  private get displayPlaceholder() {\n    // Hide the placeholder when multiple selection is enabled and there are selected items\n    return this.multiple && this.selectedOptions.length !== 0 ? undefined : this.placeholder;\n  }\n\n  private get displayTags() {\n    return this.selectedOptions.map((item, index) => {\n      if (index < this.maxTagsVisible || this.maxTagsVisible < 0) {\n        return (\n          <bq-tag\n            key={item.value}\n            removable\n            size=\"xsmall\"\n            variant=\"filled\"\n            onBqClose={() => this.handleTagRemove(item)}\n            // Prevent the tag from closing the panel when clicked\n            onClick={(ev: MouseEvent) => ev.stopPropagation()}\n            exportparts=\"wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close\"\n            part=\"tag\"\n          >\n            {this.getOptionLabel(item)}\n          </bq-tag>\n        );\n      } else if (index === this.maxTagsVisible) {\n        return (\n          <bq-tag\n            key=\"more\"\n            size=\"xsmall\"\n            variant=\"filled\"\n            exportparts=\"wrapper:tag__base,prefix:tag__prefix,text:tag__text,btn-close:tag__btn-close\"\n            part=\"tag\"\n          >\n            +{this.selectedOptions.length - index}\n          </bq-tag>\n        );\n      }\n\n      return null;\n    });\n  }\n\n  private get hasClearIcon() {\n    if (this.disableClear || this.disabled) {\n      return false;\n    }\n\n    if (this.multiple) {\n      return this.selectedOptions.length > 0;\n    }\n\n    return isDefined(this.displayValue);\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const labelId = `bq-select__label-${this.name || this.fallbackInputId}`;\n\n    return (\n      <div class=\"bq-select\" part=\"base\">\n        {/* Label */}\n        <label\n          id={labelId}\n          class={{ 'bq-select__label': true, '!hidden': !this.hasLabel }}\n          htmlFor={this.name || this.fallbackInputId}\n          ref={(labelElem: HTMLSpanElement) => (this.labelElem = labelElem)}\n          part=\"label\"\n        >\n          <slot name=\"label\" onSlotchange={this.handleLabelSlotChange} />\n        </label>\n        {/* Select dropdown */}\n        <bq-dropdown\n          class=\"bq-select__dropdown w-full\"\n          disabled={this.disabled}\n          distance={this.distance}\n          keepOpenOnSelect={this.keepOpenOnSelect}\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          sameWidth={this.sameWidth}\n          skidding={this.skidding}\n          strategy={this.strategy}\n          exportparts=\"panel\"\n        >\n          {/* Input control group */}\n          <div\n            class={{\n              'bq-select__control': true,\n              [`validation-${this.validationStatus}`]: true,\n              disabled: this.disabled,\n            }}\n            part=\"control\"\n            slot=\"trigger\"\n          >\n            {/* Prefix */}\n            <span\n              class={{ 'bq-select__control--prefix': true, '!hidden': !this.hasPrefix }}\n              ref={(spanElem: HTMLSpanElement) => (this.prefixElem = spanElem)}\n              part=\"prefix\"\n            >\n              <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n            </span>\n            <div class=\"flex flex-1 overflow-x-auto\" part=\"input-outline\">\n              {/* Display selected values using BqTags for multiple selection */}\n              {this.multiple && (\n                <span\n                  class=\"me-xs2 flex flex-1 gap-xs2 [&>bq-tag::part(text)]:text-nowrap [&>bq-tag::part(text)]:leading-small [&>bq-tag]:inline-flex\"\n                  part=\"tags\"\n                >\n                  {this.displayTags}\n                </span>\n              )}\n              {/* HTML Input */}\n              <input\n                id={this.name || this.fallbackInputId}\n                class=\"bq-select__control--input w-full flex-grow\"\n                autoComplete=\"off\"\n                autoCapitalize=\"off\"\n                autoFocus={this.autofocus}\n                aria-disabled={this.disabled ? 'true' : 'false'}\n                aria-controls={`bq-options-${this.name}`}\n                aria-expanded={this.open ? 'true' : 'false'}\n                aria-haspopup=\"listbox\"\n                disabled={this.disabled}\n                form={this.form}\n                name={this.name}\n                placeholder={this.displayPlaceholder}\n                ref={(inputElem: HTMLInputElement) => (this.inputElem = inputElem)}\n                readOnly={this.readonly}\n                required={this.required}\n                role=\"combobox\"\n                spellcheck={false}\n                type=\"text\"\n                value={this.displayValue}\n                part=\"input\"\n                // Events\n                onBlur={this.handleBlur}\n                onFocus={this.handleFocus}\n                onInput={this.handleSearchFilter}\n              />\n            </div>\n            {/* Clear Button */}\n            {this.hasClearIcon && (\n              // The clear button will be visible as long as the input has a value\n              // and the parent group is hovered or has focus-within\n              <bq-button\n                class=\"bq-select__control--clear ms-[--bq-select--gap]\"\n                appearance=\"text\"\n                aria-label={this.clearButtonLabel}\n                size=\"small\"\n                onBqClick={this.handleClearClick}\n                part=\"clear-btn\"\n                exportparts=\"button\"\n                tabIndex={-1}\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon name=\"x-circle\" class=\"flex\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class={{ 'bq-select__control--suffix': true, 'rotate-180': this.open, 'rotate-0': !this.open }}\n              ref={(spanElem: HTMLSpanElement) => (this.suffixElem = spanElem)}\n              part=\"suffix\"\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange}>\n                <bq-icon name=\"caret-down\" class=\"flex\" />\n              </slot>\n            </span>\n          </div>\n          <bq-option-list\n            id={`bq-options-${this.name}`}\n            onBqSelect={this.handleSelect}\n            aria-expanded={this.open ? 'true' : 'false'}\n            exportparts=\"base:option-list\"\n            role=\"listbox\"\n          >\n            <slot />\n          </bq-option-list>\n        </bq-dropdown>\n        {/* Helper text */}\n        <div\n          class={{\n            [`bq-select__helper-text validation-${this.validationStatus}`]: true,\n            '!hidden': !this.hasHelperText,\n          }}\n          ref={(divElem: HTMLDivElement) => (this.helperTextElem = divElem)}\n          part=\"helper-text\"\n        >\n          <slot name=\"helper-text\" onSlotchange={this.handleHelperTextSlotChange} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/beeq/p-c5d2619c.js

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