@beeq/core 1.10.0-beta.6 → 1.10.0

package/dist/beeq/{p-ea1244cc.entry.js → p-def3bd26.entry.js}

@@ -2,5 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{r as a,c as r,a as e,h as b,d as t}from"./p-C4jSqdYP.js";import{i as n}from"./p-BcPwGxIn.js";import{v as q}from"./p-zh4P02Kn.js";import{b as i}from"./p-uqkxeAeG.js";import{l as o,e as s}from"./p-DdvbF5yL.js";const d=["start","end"];const l=["left","right"];const c='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-drawer,.shadow-m{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.z-\\[--bq-drawer--zIndex\\]{z-index:var(--bq-drawer--zIndex)}.flex{display:flex}.flex-col{flex-direction:column}.gap-\\[--bq-drawer--gap\\]{gap:var(--bq-drawer--gap)}.bg-ui-primary{background-color:var(--bq-ui--primary)}.shadow-m{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.is-\\[--bq-drawer--width\\]{inline-size:var(--bq-drawer--width)}.max-is-full{max-inline-size:100%}.p-b-\\[--bq-drawer--paddingY\\]{padding-block:var(--bq-drawer--paddingY)}.p-i-\\[--bq-drawer--paddingX\\]{padding-inline:var(--bq-drawer--paddingX)}.inset-b-0{inset-block:0}@-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-drawer--backgroundBackdrop:var(--bq-background--overlay);--bq-drawer--gap:var(--bq-spacing-l);--bq-drawer--width:320px;--bq-drawer--paddingX:var(--bq-spacing-l);--bq-drawer--paddingY:var(--bq-spacing-m);--bq-drawer--zIndex:10;visibility:hidden!important}:host(.bq-drawer--open){visibility:visible!important}.bq-drawer{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);background-color:var(--bq-ui--primary);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:var(--bq-drawer--gap);inline-size:var(--bq-drawer--width);inset-block:0;max-inline-size:100%;padding-block:var(--bq-drawer--paddingY);padding-inline:var(--bq-drawer--paddingX);position:fixed;z-index:var(--bq-drawer--zIndex)}.pointer-events-none{pointer-events:none}.static{position:static}.inset-0{inset:0}.-end-\\[--bq-drawer--width\\]{inset-inline-end:calc(var(--bq-drawer--width)*-1)}.-start-\\[--bq-drawer--width\\]{inset-inline-start:calc(var(--bq-drawer--width)*-1)}.end-0{inset-inline-end:0}.start-0{inset-inline-start:0}.mb-m{margin-bottom:var(--bq-spacing-m)}.block{display:block}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-\\[--bq-drawer--backgroundBackdrop\\]{background-color:var(--bq-drawer--backgroundBackdrop)}.text-xl{font-size:var(--bq-font-size--xl)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-primary{color:var(--bq-text--primary)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&\\:\\:part\\(button\\)\\]\\:rounded-s::part(button){border-radius:var(--bq-radius--s)}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-0::part(button){border-width:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:bs-fit::part(button){block-size:fit-content}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-b-0::part(button){padding-block:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-i-0::part(button){padding-inline:0}.\\[\\&\\:\\:part\\(label\\)\\]\\:inline-flex::part(label){display:inline-flex}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.gap-0{gap:0}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}';const v=class{constructor(e){a(this,e);this.bqClose=r(this,"bqClose");this.bqOpen=r(this,"bqOpen");this.bqAfterOpen=r(this,"bqAfterOpen");this.bqAfterClose=r(this,"bqAfterClose")}footerElem;drawerElem;OPEN_CSS_CLASS="bq-drawer--open";get el(){return e(this)}hasFooter=false;hasIcon=false;enableBackdrop=false;closeOnClickOutside=false;closeOnEsc=false;open;placement="right";position="end";async handleOpenChange(){if(!this.open){await this.handleAfterHide();return}await this.handleAfterShow()}handlePlacementChange(){if(!n(this.placement)){console.warn(`❗️ [bq-drawer]: the 'placement' prop is deprecated and it will be removed in the future. Please use 'position' instead.`)}q(l,"right",this.el,"placement");const a={right:"end",left:"start"};this.position=a[this.placement]||this.position}handlePositionChange(){q(d,"start",this.el,"position");const a={end:"right",start:"left"};this.placement=a[this.position]||this.placement}bqClose;bqOpen;bqAfterOpen;bqAfterClose;componentWillLoad(){this.handlePositionChange();this.handlePlacementChange()}componentDidLoad(){this.handleFooterSlotChange()}async handleMouseClick(a){if(!this.open)return;if(!this.drawerElem||this.closeOnClickOutside)return;if(a.button!==0)return;const r=this.drawerElem.getBoundingClientRect();if(a.clientX<r.left||a.clientX>r.right){await this.hide()}}async handleKeyDown(a){if(!this.open)return;if(!this.drawerElem||this.closeOnEsc||!(a.key==="Escape"||a.key==="Esc"))return;await this.hide()}async hide(){const a=this.bqClose.emit();if(a.defaultPrevented)return;this.open=false}async show(){const a=this.bqOpen.emit();if(a.defaultPrevented)return;this.open=true}handleFooterSlotChange=()=>{this.hasFooter=i(this.footerElem,"footer")};handleAfterHide=async()=>{if(!this.drawerElem)return;await o(this.drawerElem);this.handleTransitionEnd()};handleAfterShow=async()=>{if(!this.drawerElem)return;this.el.classList.add(this.OPEN_CSS_CLASS);await s(this.drawerElem);this.handleTransitionEnd()};handleTransitionEnd=()=>{if(this.open){this.bqAfterOpen.emit();return}this.bqAfterClose.emit();this.el.classList.remove(this.OPEN_CSS_CLASS)};get isPositionStart(){return this.position==="start"||this.placement==="left"}get isPositionEnd(){return this.position==="end"||this.placement==="right"}render(){return b(t,{key:"efb946ee8385eb53479a2775b0374a0545d19e2d"},this.enableBackdrop&&b("div",{key:"b3afc7c855f826110f59af39118ec0677f1d878b",class:{"fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300":true,"pointer-events-none":!this.open,"opacity-60":this.open},tabIndex:-1,part:"backdrop"}),b("div",{key:"204c2fca8240c6848316a74e480081a5d28b0e4a",class:{[`bq-drawer transition-all duration-300 ease-in-out ${this.position||this.placement}`]:true,"-start-[--bq-drawer--width]":this.isPositionStart,"-end-[--bq-drawer--width]":this.isPositionEnd,"start-0":this.open&&this.isPositionStart,"end-0":this.open&&this.isPositionEnd},ref:a=>this.drawerElem=a,"aria-hidden":!this.open?"true":"false","aria-labelledby":"bq-drawer__title","aria-modal":"true",hidden:!this.open,part:"panel",role:"dialog"},b("header",{key:"a59c6f950bfdae3bf0da80d51f49c93fb774b3c6",class:"flex items-center",part:"header"},b("h2",{key:"07f3aca6df1e484ef1e0047073ce1c434f05d844",class:"flex-1 items-center justify-between text-xl font-bold leading-regular text-primary",id:"bq-drawer__title",part:"title"},b("slot",{key:"93de20cd61525bf7194835e0413caa2185ed1b33",name:"title"})),b("div",{key:"7d9b574274bce2a20ce820b2d0850c7c3f8a492c",class:"flex",part:"button-close"},b("bq-button",{key:"6fbce660e16967c75381222af1f471f7001d30ea",class:"[&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:bs-fit [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex",appearance:"text",size:"small",slot:"button-close",exportparts:"button:button-close__btn,label:button-close__label",onClick:this.hide.bind(this)},b("slot",{key:"b6ff8569dd3ba1f01e3066228afa9c471f7cb998",name:"button-close"},b("bq-icon",{key:"d9077480e3c8f6410a8e9b945bdec4fdf6baf8e3",name:"x-bold",role:"img",title:"Close"}))))),b("main",{key:"01c3edefe9e342fa02696082cad2f2ad687fdedb",class:"block flex-auto overflow-auto",part:"body"},b("slot",{key:"b8b7ae730e44c3cb7fe6d8ead86e21e77f70e961"})),b("footer",{key:"8c44431db4c4d5790a61d2b0b617c9a3c58fc982",class:{block:true,"!hidden":!this.hasFooter},ref:a=>this.footerElem=a,part:"footer"},b("slot",{key:"64e241cb7e0665e9615ef791c6b24f7f22cb095a",name:"footer-divider"},b("bq-divider",{key:"0fde4e73d472af52ab17346d3722ab53d074e65d",class:"mb-m block",dashed:true})),b("slot",{key:"c0d4af5d801bfe83afbbe54c37e5c61363123184",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}static get watchers(){return{open:["handleOpenChange"],placement:["handlePlacementChange"],position:["handlePositionChange"]}}};v.style=c;export{v as bq_drawer};
-//# sourceMappingURL=p-ea1244cc.entry.js.map
+import{r as a,c as r,a as e,h as b,d as t}from"./p-C4jSqdYP.js";import{i as n}from"./p-BcPwGxIn.js";import{v as i}from"./p-zh4P02Kn.js";import{b as q}from"./p-uqkxeAeG.js";import{l as o,e as d}from"./p-DdvbF5yL.js";const s=["start","end"];const l=["left","right"];const c='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-drawer,.shadow-m{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.z-\\[--bq-drawer--zIndex\\]{z-index:var(--bq-drawer--zIndex)}.flex{display:flex}.flex-col{flex-direction:column}.gap-\\[--bq-drawer--gap\\]{gap:var(--bq-drawer--gap)}.bg-ui-primary{background-color:var(--bq-ui--primary)}.shadow-m{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.is-\\[--bq-drawer--width\\]{inline-size:var(--bq-drawer--width)}.max-is-full{max-inline-size:100%}.p-b-\\[--bq-drawer--paddingY\\]{padding-block:var(--bq-drawer--paddingY)}.p-i-\\[--bq-drawer--paddingX\\]{padding-inline:var(--bq-drawer--paddingX)}.inset-b-0{inset-block:0}@-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-drawer--backgroundBackdrop:var(--bq-background--overlay);--bq-drawer--gap:var(--bq-spacing-l);--bq-drawer--width:320px;--bq-drawer--paddingX:var(--bq-spacing-l);--bq-drawer--paddingY:var(--bq-spacing-m);--bq-drawer--zIndex:10;visibility:hidden!important}:host(.bq-drawer--open){visibility:visible!important}.bq-drawer{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);background-color:var(--bq-ui--primary);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:var(--bq-drawer--gap);inline-size:var(--bq-drawer--width);inset-block:0;max-inline-size:100%;padding-block:var(--bq-drawer--paddingY);padding-inline:var(--bq-drawer--paddingX);position:fixed;z-index:var(--bq-drawer--zIndex)}.pointer-events-none{pointer-events:none}.static{position:static}.inset-0{inset:0}.-end-\\[--bq-drawer--width\\]{inset-inline-end:calc(var(--bq-drawer--width)*-1)}.-start-\\[--bq-drawer--width\\]{inset-inline-start:calc(var(--bq-drawer--width)*-1)}.end-0{inset-inline-end:0}.start-0{inset-inline-start:0}.mb-m{margin-bottom:var(--bq-spacing-m)}.block{display:block}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--bq-spacing-xs)}.overflow-auto{overflow:auto}.bg-\\[--bq-drawer--backgroundBackdrop\\]{background-color:var(--bq-drawer--backgroundBackdrop)}.text-xl{font-size:var(--bq-font-size--xl)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-primary{color:var(--bq-text--primary)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&\\:\\:part\\(button\\)\\]\\:rounded-s::part(button){border-radius:var(--bq-radius--s)}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-0::part(button){border-width:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:bs-fit::part(button){block-size:fit-content}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-b-0::part(button){padding-block:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-i-0::part(button){padding-inline:0}.\\[\\&\\:\\:part\\(label\\)\\]\\:inline-flex::part(label){display:inline-flex}.inline{display:inline}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.gap-0{gap:0}.text-\\[--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}';const v=class{constructor(e){a(this,e);this.bqClose=r(this,"bqClose");this.bqOpen=r(this,"bqOpen");this.bqAfterOpen=r(this,"bqAfterOpen");this.bqAfterClose=r(this,"bqAfterClose")}footerElem;drawerElem;OPEN_CSS_CLASS="bq-drawer--open";get el(){return e(this)}hasFooter=false;hasIcon=false;enableBackdrop=false;closeOnClickOutside=false;closeOnEsc=false;open;placement="right";position="end";async handleOpenChange(){if(!this.open){await this.handleAfterHide();return}await this.handleAfterShow()}handlePlacementChange(){if(!n(this.placement)){console.warn(`❗️ [bq-drawer]: the 'placement' prop is deprecated and it will be removed in the future. Please use 'position' instead.`)}i(l,"right",this.el,"placement");const a={right:"end",left:"start"};this.position=a[this.placement]||this.position}handlePositionChange(){i(s,"start",this.el,"position");const a={end:"right",start:"left"};this.placement=a[this.position]||this.placement}bqClose;bqOpen;bqAfterOpen;bqAfterClose;componentWillLoad(){this.handlePositionChange();this.handlePlacementChange()}componentDidLoad(){this.handleFooterSlotChange()}async handleMouseClick(a){if(!this.open)return;if(!this.drawerElem||this.closeOnClickOutside)return;if(a.button!==0)return;const r=this.drawerElem.getBoundingClientRect();if(a.clientX<r.left||a.clientX>r.right){await this.hide()}}async handleKeyDown(a){if(!this.open)return;if(!this.drawerElem||this.closeOnEsc||!(a.key==="Escape"||a.key==="Esc"))return;await this.hide()}async hide(){const a=this.bqClose.emit();if(a.defaultPrevented)return;this.open=false}async show(){const a=this.bqOpen.emit();if(a.defaultPrevented)return;this.open=true}handleFooterSlotChange=()=>{this.hasFooter=q(this.footerElem,"footer")};handleAfterHide=async()=>{if(!this.drawerElem)return;await o(this.drawerElem);this.handleTransitionEnd()};handleAfterShow=async()=>{if(!this.drawerElem)return;this.el.classList.add(this.OPEN_CSS_CLASS);await d(this.drawerElem);this.handleTransitionEnd()};handleTransitionEnd=()=>{if(this.open){this.bqAfterOpen.emit();return}this.bqAfterClose.emit();this.el.classList.remove(this.OPEN_CSS_CLASS)};get isPositionStart(){return this.position==="start"||this.placement==="left"}get isPositionEnd(){return this.position==="end"||this.placement==="right"}render(){return b(t,{key:"efb946ee8385eb53479a2775b0374a0545d19e2d"},this.enableBackdrop&&b("div",{key:"b3afc7c855f826110f59af39118ec0677f1d878b",class:{"fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300":true,"pointer-events-none":!this.open,"opacity-60":this.open},tabIndex:-1,part:"backdrop"}),b("div",{key:"204c2fca8240c6848316a74e480081a5d28b0e4a",class:{[`bq-drawer transition-all duration-300 ease-in-out ${this.position||this.placement}`]:true,"-start-[--bq-drawer--width]":this.isPositionStart,"-end-[--bq-drawer--width]":this.isPositionEnd,"start-0":this.open&&this.isPositionStart,"end-0":this.open&&this.isPositionEnd},ref:a=>this.drawerElem=a,"aria-hidden":!this.open?"true":"false","aria-labelledby":"bq-drawer__title","aria-modal":"true",hidden:!this.open,part:"panel",role:"dialog"},b("header",{key:"a59c6f950bfdae3bf0da80d51f49c93fb774b3c6",class:"flex items-center",part:"header"},b("h2",{key:"07f3aca6df1e484ef1e0047073ce1c434f05d844",class:"flex-1 items-center justify-between text-xl font-bold leading-regular text-primary",id:"bq-drawer__title",part:"title"},b("slot",{key:"93de20cd61525bf7194835e0413caa2185ed1b33",name:"title"})),b("div",{key:"7d9b574274bce2a20ce820b2d0850c7c3f8a492c",class:"flex",part:"button-close"},b("bq-button",{key:"6fbce660e16967c75381222af1f471f7001d30ea",class:"[&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:bs-fit [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex",appearance:"text",size:"small",slot:"button-close",exportparts:"button:button-close__btn,label:button-close__label",onClick:this.hide.bind(this)},b("slot",{key:"b6ff8569dd3ba1f01e3066228afa9c471f7cb998",name:"button-close"},b("bq-icon",{key:"d9077480e3c8f6410a8e9b945bdec4fdf6baf8e3",name:"x-bold",role:"img",title:"Close"}))))),b("main",{key:"01c3edefe9e342fa02696082cad2f2ad687fdedb",class:"block flex-auto overflow-auto",part:"body"},b("slot",{key:"b8b7ae730e44c3cb7fe6d8ead86e21e77f70e961"})),b("footer",{key:"8c44431db4c4d5790a61d2b0b617c9a3c58fc982",class:{block:true,"!hidden":!this.hasFooter},ref:a=>this.footerElem=a,part:"footer"},b("slot",{key:"64e241cb7e0665e9615ef791c6b24f7f22cb095a",name:"footer-divider"},b("bq-divider",{key:"0fde4e73d472af52ab17346d3722ab53d074e65d",class:"mb-m block",dashed:true})),b("slot",{key:"c0d4af5d801bfe83afbbe54c37e5c61363123184",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}static get watchers(){return{open:["handleOpenChange"],placement:["handlePlacementChange"],position:["handlePositionChange"]}}};v.style=c;export{v as bq_drawer};
+//# sourceMappingURL=p-def3bd26.entry.js.map

package/dist/beeq/{p-ea1244cc.entry.js.map → p-def3bd26.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DRAWER_POSITIONS","DRAWER_PLACEMENT","bqDrawerCss","BqDrawer","footerElem","drawerElem","OPEN_CSS_CLASS","hasFooter","hasIcon","enableBackdrop","closeOnClickOutside","closeOnEsc","open","placement","position","handleOpenChange","this","handleAfterHide","handleAfterShow","handlePlacementChange","isNil","console","warn","validatePropValue","el","synPositionMap","right","left","handlePositionChange","syncPlacementMap","end","start","bqClose","bqOpen","bqAfterOpen","bqAfterClose","componentWillLoad","componentDidLoad","handleFooterSlotChange","handleMouseClick","event","button","rect","getBoundingClientRect","clientX","hide","handleKeyDown","key","ev","emit","defaultPrevented","show","hasSlotContent","async","leave","handleTransitionEnd","classList","add","enter","remove","isPositionStart","isPositionEnd","render","h","Host","class","tabIndex","part","ref","div","hidden","role","id","name","appearance","size","slot","exportparts","onClick","bind","title","block","dashed","onSlotchange"],"sources":["../../packages/beeq/src/components/drawer/bq-drawer.types.ts","../../packages/beeq/src/components/drawer/scss/bq-drawer.scss?tag=bq-drawer&encapsulation=shadow","../../packages/beeq/src/components/drawer/bq-drawer.tsx"],"sourcesContent":["export const DRAWER_POSITIONS = ['start', 'end'] as const;\nexport type TDrawerPosition = (typeof DRAWER_POSITIONS)[number];\n// !TO BE REMOVED: `placement` is deprecated and it will be removed in the future\nexport const DRAWER_PLACEMENT = ['left', 'right'] as const;\nexport type TDrawerPlacement = (typeof DRAWER_PLACEMENT)[number];\n","/* -------------------------------------------------------------------------- */\n/*                        Drawer styles                        */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-drawer.variables';\n\n:host {\n  @apply invisible #{!important};\n}\n\n:host(.bq-drawer--open) {\n  @apply visible #{!important};\n}\n\n.bq-drawer {\n  @apply fixed z-[--bq-drawer--zIndex] flex flex-col gap-[--bq-drawer--gap] bg-ui-primary shadow-m is-[--bq-drawer--width] max-is-full p-b-[--bq-drawer--paddingY] p-i-[--bq-drawer--paddingX] inset-b-0;\n}\n","import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { DRAWER_PLACEMENT, DRAWER_POSITIONS } from './bq-drawer.types';\nimport type { TDrawerPlacement, TDrawerPosition } from './bq-drawer.types';\nimport { enter, hasSlotContent, isNil, leave, validatePropValue } from '../../shared/utils';\n\n/**\n * The Drawer component provides a sliding panel interface commonly used for navigation or presenting additional content without taking up significant screen space.\n *\n * @example How to use it\n * ```html\n * <bq-drawer position=\"end\">\n *   <div class=\"flex gap-xs\" slot=\"title\">Title</div>\n *   <div class=\"...\">\n *     Content\n *   </div>\n *   <div class=\"flex flex-1 justify-center gap-xs\" slot=\"footer\">\n *     <bq-button appearance=\"primary\" block=\"\" size=\"small\">Button</bq-button>\n *     <bq-button appearance=\"link\" block=\"\" size=\"small\">Button</bq-button>\n *   </div>\n * </bq-drawer>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/871139-drawer\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n * @dependency bq-divider\n *\n * @attr {boolean} enable-backdrop - If true, the backdrop overlay will be shown when the drawer opens.\n * @attr {boolean} close-on-click-outside - If true, the drawer will not close when clicking outside the panel.\n * @attr {boolean} close-on-esc - If true, the drawer will not close when the [Esc] key is pressed.\n * @attr {boolean} open - If true, the drawer component will be shown.\n * @attr {\"start\" | \"end\"} position - Defines the position of the drawer.\n *\n * @method show - Method to be called to show the drawer component.\n * @method hide - Method to be called to hide the drawer component.\n *\n * @event bqClose - Callback handler to be called when the drawer is closed.\n * @event bqOpen - Callback handler to be called when the drawer is opened.\n * @event bqAfterOpen - Callback handler to be called after the drawer has been opened.\n * @event bqAfterClose - Callback handler to be called after the drawer has been closed.\n *\n * @slot title - The title content of the drawer.\n * @slot - The body content of the drawer.\n * @slot footer - The footer content of the drawer.\n * @slot button-close - The close button content of the drawer.\n * @slot footer-divider - The footer divider content of the drawer.\n *\n * @part backdrop - The `<div>` that holds the backdrop overlay.\n * @part button-close - The BqButton that closes the drawer.\n * @part button-close__btn - The native button used under the hood that closes the drawer.\n * @part button-close__label - The text inside the native button that closes the drawer.\n * @part panel - The `<div>` that holds the drawer entire content.\n * @part header - The `<header>` that holds the icon, title, and close button.\n * @part title - The `<div>` that holds the title content.\n * @part body - The `<main>` that holds the drawer body content.\n * @part footer - The `<footer>` that holds footer content.\n *\n * @cssprop --bq-drawer--backgroundBackdrop - Background color of the backdrop\n * @cssprop --bq-drawer--gap - Gap between the drawer and the viewport\n * @cssprop --bq-drawer--width - Width of the drawer\n * @cssprop --bq-drawer--paddingX - Padding left and right of the drawer\n * @cssprop --bq-drawer--paddingY - Padding top and bottom of the drawer\n * @cssprop --bq-drawer--zIndex - Z-index of the drawer component\n */\n@Component({\n  tag: 'bq-drawer',\n  styleUrl: './scss/bq-drawer.scss',\n  shadow: true,\n})\nexport class BqDrawer {\n  // Own Properties\n  // ====================\n\n  private footerElem: HTMLElement;\n  private drawerElem: HTMLDivElement;\n  private OPEN_CSS_CLASS = 'bq-drawer--open';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqDrawerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasFooter = false;\n  @State() hasIcon: boolean = false;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the backdrop overlay will be shown when the drawer opens */\n  @Prop({ reflect: true }) enableBackdrop = false;\n\n  /** If true, the drawer will not close when clicking outside the panel */\n  @Prop({ reflect: true }) closeOnClickOutside = false;\n\n  /** If true, the dialog will not close when the [Esc] key is pressed */\n  @Prop({ reflect: true }) closeOnEsc = false;\n\n  /** If true, the drawer component will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** @deprecated Defines the position of the drawer */\n  @Prop({ reflect: true, mutable: true }) placement: TDrawerPlacement = 'right';\n\n  /** Defines the position of the drawer */\n  @Prop({ reflect: true, mutable: true }) position: TDrawerPosition = 'end';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('open')\n  async handleOpenChange() {\n    if (!this.open) {\n      await this.handleAfterHide();\n      return;\n    }\n\n    await this.handleAfterShow();\n  }\n\n  /**\n   * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed\n   * We need to maintain retro-compatibility with the deprecated `placement` property\n   */\n  @Watch('placement')\n  handlePlacementChange() {\n    if (!isNil(this.placement)) {\n      console.warn(\n        `❗️ [bq-drawer]: the 'placement' prop is deprecated and it will be removed in the future. Please use 'position' instead.`,\n      );\n    }\n    validatePropValue(DRAWER_PLACEMENT, 'right', this.el, 'placement');\n    // Sync 'position' property\n    const synPositionMap = {\n      right: 'end',\n      left: 'start',\n    };\n    this.position = (synPositionMap[this.placement] as TDrawerPosition) || this.position;\n  }\n\n  @Watch('position')\n  handlePositionChange() {\n    validatePropValue(DRAWER_POSITIONS, 'start', this.el, 'position');\n    /**\n     * Sync 'placement' property\n     * !TO BE REMOVED: Delete the code below once the deprecated `placement` property is removed\n     */\n    const syncPlacementMap = {\n      end: 'right',\n      start: 'left',\n    };\n    this.placement = (syncPlacementMap[this.position] as TDrawerPlacement) || this.placement;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the drawer is closed */\n  @Event() bqClose!: EventEmitter;\n\n  /** Callback handler to be called when the drawer is opened */\n  @Event() bqOpen!: EventEmitter;\n\n  /** Callback handler to be called after the drawer has been opened */\n  @Event() bqAfterOpen!: EventEmitter;\n\n  /** Callback handler to be called after the drawer has been closed */\n  @Event() bqAfterClose!: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.handlePositionChange();\n    // !TO BE REMOVED: Delete this once the deprecated `placement` property is removed\n    this.handlePlacementChange();\n  }\n\n  componentDidLoad() {\n    this.handleFooterSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('mousedown', { target: 'window', capture: true })\n  async handleMouseClick(event: MouseEvent) {\n    if (!this.open) return;\n    if (!this.drawerElem || this.closeOnClickOutside) return;\n    // Skip if the mouse button is not the main button\n    if (event.button !== 0) return;\n\n    const rect = this.drawerElem.getBoundingClientRect();\n    if (event.clientX < rect.left || event.clientX > rect.right) {\n      await this.hide();\n    }\n  }\n\n  @Listen('keydown', { target: 'window', capture: true })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) return;\n    if (!this.drawerElem || this.closeOnEsc || !(event.key === 'Escape' || event.key === 'Esc')) return;\n\n    await this.hide();\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Method to be called to hide the drawer component */\n  @Method()\n  async hide(): Promise<void> {\n    const ev = this.bqClose.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = false;\n  }\n\n  /** Method to be called to show the drawer component */\n  @Method()\n  async show(): Promise<void> {\n    const ev = this.bqOpen.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = true;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleFooterSlotChange = () => {\n    this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n  };\n\n  private handleAfterHide = async () => {\n    if (!this.drawerElem) return;\n\n    await leave(this.drawerElem);\n    this.handleTransitionEnd();\n  };\n\n  private handleAfterShow = async () => {\n    if (!this.drawerElem) return;\n\n    this.el.classList.add(this.OPEN_CSS_CLASS);\n    await enter(this.drawerElem);\n    this.handleTransitionEnd();\n  };\n\n  private handleTransitionEnd = () => {\n    if (this.open) {\n      this.bqAfterOpen.emit();\n      return;\n    }\n\n    this.bqAfterClose.emit();\n    this.el.classList.remove(this.OPEN_CSS_CLASS);\n  };\n\n  private get isPositionStart() {\n    // !TO BE REMOVED: `placement` is deprecated and will be removed in the future\n    return this.position === 'start' || this.placement === 'left';\n  }\n\n  private get isPositionEnd() {\n    // !TO BE REMOVED: `placement` is deprecated and will be removed in the future\n    return this.position === 'end' || this.placement === 'right';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        {/* BACKDROP */}\n        {this.enableBackdrop && (\n          <div\n            class={{\n              'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300': true,\n              'pointer-events-none': !this.open,\n              'opacity-60': this.open,\n            }}\n            tabIndex={-1}\n            part=\"backdrop\"\n          />\n        )}\n        {/* DRAWER PANEL */}\n        <div\n          class={{\n            [`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,\n            '-start-[--bq-drawer--width]': this.isPositionStart,\n            '-end-[--bq-drawer--width]': this.isPositionEnd,\n            'start-0': this.open && this.isPositionStart,\n            'end-0': this.open && this.isPositionEnd,\n          }}\n          ref={(div) => (this.drawerElem = div)}\n          aria-hidden={!this.open ? 'true' : 'false'}\n          aria-labelledby=\"bq-drawer__title\"\n          aria-modal=\"true\"\n          hidden={!this.open}\n          part=\"panel\"\n          role=\"dialog\"\n        >\n          <header class=\"flex items-center\" part=\"header\">\n            <h2\n              class=\"flex-1 items-center justify-between text-xl font-bold leading-regular text-primary\"\n              id=\"bq-drawer__title\"\n              part=\"title\"\n            >\n              <slot name=\"title\" />\n            </h2>\n            <div class=\"flex\" part=\"button-close\">\n              <bq-button\n                class=\"[&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:bs-fit [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex\"\n                appearance=\"text\"\n                size=\"small\"\n                slot=\"button-close\"\n                exportparts=\"button:button-close__btn,label:button-close__label\"\n                onClick={this.hide.bind(this)}\n              >\n                <slot name=\"button-close\">\n                  <bq-icon name=\"x-bold\" role=\"img\" title=\"Close\" />\n                </slot>\n              </bq-button>\n            </div>\n          </header>\n          <main class=\"block flex-auto overflow-auto\" part=\"body\">\n            <slot />\n          </main>\n          <footer\n            class={{\n              block: true,\n              '!hidden': !this.hasFooter,\n            }}\n            ref={(footerElem) => (this.footerElem = footerElem)}\n            part=\"footer\"\n          >\n            <slot name=\"footer-divider\">\n              <bq-divider class=\"mb-m block\" dashed />\n            </slot>\n            <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n          </footer>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;uNAAO,MAAMA,EAAmB,CAAC,QAAS,OAGnC,MAAMC,EAAmB,CAAC,OAAQ,SCHzC,MAAMC,EAAc,09sB,MCyEPC,EAAQ,M,qKAIXC,WACAC,WACAC,eAAiB,kB,wBAWRC,UAAY,MACpBC,QAAmB,MAMHC,eAAiB,MAGjBC,oBAAsB,MAGtBC,WAAa,MAGEC,KAGAC,UAA8B,QAG9BC,SAA4B,MAMpE,sBAAMC,GACJ,IAAKC,KAAKJ,KAAM,OACRI,KAAKC,kBACX,M,OAGID,KAAKE,iB,CAQb,qBAAAC,GACE,IAAKC,EAAMJ,KAAKH,WAAY,CAC1BQ,QAAQC,KACN,0H,CAGJC,EAAkBtB,EAAkB,QAASe,KAAKQ,GAAI,aAEtD,MAAMC,EAAiB,CACrBC,MAAO,MACPC,KAAM,SAERX,KAAKF,SAAYW,EAAeT,KAAKH,YAAkCG,KAAKF,Q,CAI9E,oBAAAc,GACEL,EAAkBvB,EAAkB,QAASgB,KAAKQ,GAAI,YAKtD,MAAMK,EAAmB,CACvBC,IAAK,QACLC,MAAO,QAETf,KAAKH,UAAagB,EAAiBb,KAAKF,WAAkCE,KAAKH,S,CAQxEmB,QAGAC,OAGAC,YAGAC,aAMT,iBAAAC,GACEpB,KAAKY,uBAELZ,KAAKG,uB,CAGP,gBAAAkB,GACErB,KAAKsB,wB,CAOP,sBAAMC,CAAiBC,GACrB,IAAKxB,KAAKJ,KAAM,OAChB,IAAKI,KAAKX,YAAcW,KAAKN,oBAAqB,OAElD,GAAI8B,EAAMC,SAAW,EAAG,OAExB,MAAMC,EAAO1B,KAAKX,WAAWsC,wBAC7B,GAAIH,EAAMI,QAAUF,EAAKf,MAAQa,EAAMI,QAAUF,EAAKhB,MAAO,OACrDV,KAAK6B,M,EAKf,mBAAMC,CAAcN,GAClB,IAAKxB,KAAKJ,KAAM,OAChB,IAAKI,KAAKX,YAAcW,KAAKL,cAAgB6B,EAAMO,MAAQ,UAAYP,EAAMO,MAAQ,OAAQ,aAEvF/B,KAAK6B,M,CAYb,UAAMA,GACJ,MAAMG,EAAKhC,KAAKgB,QAAQiB,OACxB,GAAID,EAAGE,iBAAkB,OAEzBlC,KAAKJ,KAAO,K,CAKd,UAAMuC,GACJ,MAAMH,EAAKhC,KAAKiB,OAAOgB,OACvB,GAAID,EAAGE,iBAAkB,OAEzBlC,KAAKJ,KAAO,I,CAQN0B,uBAAyB,KAC/BtB,KAAKT,UAAY6C,EAAepC,KAAKZ,WAAY,SAAS,EAGpDa,gBAAkBoC,UACxB,IAAKrC,KAAKX,WAAY,aAEhBiD,EAAMtC,KAAKX,YACjBW,KAAKuC,qBAAqB,EAGpBrC,gBAAkBmC,UACxB,IAAKrC,KAAKX,WAAY,OAEtBW,KAAKQ,GAAGgC,UAAUC,IAAIzC,KAAKV,sBACrBoD,EAAM1C,KAAKX,YACjBW,KAAKuC,qBAAqB,EAGpBA,oBAAsB,KAC5B,GAAIvC,KAAKJ,KAAM,CACbI,KAAKkB,YAAYe,OACjB,M,CAGFjC,KAAKmB,aAAac,OAClBjC,KAAKQ,GAAGgC,UAAUG,OAAO3C,KAAKV,eAAe,EAG/C,mBAAYsD,GAEV,OAAO5C,KAAKF,WAAa,SAAWE,KAAKH,YAAc,M,CAGzD,iBAAYgD,GAEV,OAAO7C,KAAKF,WAAa,OAASE,KAAKH,YAAc,O,CAOvD,MAAAiD,GACE,OACEC,EAACC,EAAI,CAAAjB,IAAA,4CAEF/B,KAAKP,gBACJsD,EAAA,OAAAhB,IAAA,2CACEkB,MAAO,CACL,qGAAsG,KACtG,uBAAwBjD,KAAKJ,KAC7B,aAAcI,KAAKJ,MAErBsD,UAAU,EACVC,KAAK,aAITJ,EAAA,OAAAhB,IAAA,2CACEkB,MAAO,CACL,CAAC,qDAAqDjD,KAAKF,UAAYE,KAAKH,aAAc,KAC1F,8BAA+BG,KAAK4C,gBACpC,4BAA6B5C,KAAK6C,cAClC,UAAW7C,KAAKJ,MAAQI,KAAK4C,gBAC7B,QAAS5C,KAAKJ,MAAQI,KAAK6C,eAE7BO,IAAMC,GAASrD,KAAKX,WAAagE,EACpB,eAACrD,KAAKJ,KAAO,OAAS,QAAO,kBAC1B,mBACL,oBACX0D,QAAStD,KAAKJ,KACduD,KAAK,QACLI,KAAK,UAELR,EAAA,UAAAhB,IAAA,2CAAQkB,MAAM,oBAAoBE,KAAK,UACrCJ,EACE,MAAAhB,IAAA,2CAAAkB,MAAM,qFACNO,GAAG,mBACHL,KAAK,SAELJ,EAAA,QAAAhB,IAAA,2CAAM0B,KAAK,WAEbV,EAAA,OAAAhB,IAAA,2CAAKkB,MAAM,OAAOE,KAAK,gBACrBJ,EAAA,aAAAhB,IAAA,2CACEkB,MAAM,+JACNS,WAAW,OACXC,KAAK,QACLC,KAAK,eACLC,YAAY,qDACZC,QAAS9D,KAAK6B,KAAKkC,KAAK/D,OAExB+C,EAAM,QAAAhB,IAAA,2CAAA0B,KAAK,gBACTV,EAAA,WAAAhB,IAAA,2CAAS0B,KAAK,SAASF,KAAK,MAAMS,MAAM,cAKhDjB,EAAA,QAAAhB,IAAA,2CAAMkB,MAAM,gCAAgCE,KAAK,QAC/CJ,EAAA,QAAAhB,IAAA,8CAEFgB,EAAA,UAAAhB,IAAA,2CACEkB,MAAO,CACLgB,MAAO,KACP,WAAYjE,KAAKT,WAEnB6D,IAAMhE,GAAgBY,KAAKZ,WAAaA,EACxC+D,KAAK,UAELJ,EAAM,QAAAhB,IAAA,2CAAA0B,KAAK,kBACTV,EAAA,cAAAhB,IAAA,2CAAYkB,MAAM,aAAaiB,OAAM,QAEvCnB,EAAA,QAAAhB,IAAA,2CAAM0B,KAAK,SAASU,aAAcnE,KAAKsB,2B","ignoreList":[]}
+{"version":3,"names":["DRAWER_POSITIONS","DRAWER_PLACEMENT","bqDrawerCss","BqDrawer","footerElem","drawerElem","OPEN_CSS_CLASS","hasFooter","hasIcon","enableBackdrop","closeOnClickOutside","closeOnEsc","open","placement","position","handleOpenChange","this","handleAfterHide","handleAfterShow","handlePlacementChange","isNil","console","warn","validatePropValue","el","synPositionMap","right","left","handlePositionChange","syncPlacementMap","end","start","bqClose","bqOpen","bqAfterOpen","bqAfterClose","componentWillLoad","componentDidLoad","handleFooterSlotChange","handleMouseClick","event","button","rect","getBoundingClientRect","clientX","hide","handleKeyDown","key","ev","emit","defaultPrevented","show","hasSlotContent","async","leave","handleTransitionEnd","classList","add","enter","remove","isPositionStart","isPositionEnd","render","h","Host","class","tabIndex","part","ref","div","hidden","role","id","name","appearance","size","slot","exportparts","onClick","bind","title","block","dashed","onSlotchange"],"sources":["../../packages/beeq/src/components/drawer/bq-drawer.types.ts","../../packages/beeq/src/components/drawer/scss/bq-drawer.scss?tag=bq-drawer&encapsulation=shadow","../../packages/beeq/src/components/drawer/bq-drawer.tsx"],"sourcesContent":["export const DRAWER_POSITIONS = ['start', 'end'] as const;\nexport type TDrawerPosition = (typeof DRAWER_POSITIONS)[number];\n// !TO BE REMOVED: `placement` is deprecated and it will be removed in the future\nexport const DRAWER_PLACEMENT = ['left', 'right'] as const;\nexport type TDrawerPlacement = (typeof DRAWER_PLACEMENT)[number];\n","/* -------------------------------------------------------------------------- */\n/*                        Drawer styles                        */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-drawer.variables';\n\n:host {\n  @apply invisible #{!important};\n}\n\n:host(.bq-drawer--open) {\n  @apply visible #{!important};\n}\n\n.bq-drawer {\n  @apply fixed z-[--bq-drawer--zIndex] flex flex-col gap-[--bq-drawer--gap] bg-ui-primary shadow-m is-[--bq-drawer--width] max-is-full p-b-[--bq-drawer--paddingY] p-i-[--bq-drawer--paddingX] inset-b-0;\n}\n","import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\nimport { DRAWER_PLACEMENT, DRAWER_POSITIONS } from './bq-drawer.types';\nimport type { TDrawerPlacement, TDrawerPosition } from './bq-drawer.types';\nimport { enter, hasSlotContent, isNil, leave, validatePropValue } from '../../shared/utils';\n\n/**\n * The Drawer component provides a sliding panel interface commonly used for navigation or presenting additional content without taking up significant screen space.\n *\n * @example How to use it\n * ```html\n * <bq-drawer position=\"end\">\n *   <div class=\"flex gap-xs\" slot=\"title\">Title</div>\n *   <div class=\"...\">\n *     Content\n *   </div>\n *   <div class=\"flex flex-1 justify-center gap-xs\" slot=\"footer\">\n *     <bq-button appearance=\"primary\" block=\"\" size=\"small\">Button</bq-button>\n *     <bq-button appearance=\"link\" block=\"\" size=\"small\">Button</bq-button>\n *   </div>\n * </bq-drawer>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/871139-drawer\n * @status stable\n *\n * @dependency bq-button\n * @dependency bq-icon\n * @dependency bq-divider\n *\n * @attr {boolean} enable-backdrop - If true, the backdrop overlay will be shown when the drawer opens.\n * @attr {boolean} close-on-click-outside - If true, the drawer will not close when clicking outside the panel.\n * @attr {boolean} close-on-esc - If true, the drawer will not close when the [Esc] key is pressed.\n * @attr {boolean} open - If true, the drawer component will be shown.\n * @attr {\"start\" | \"end\"} position - Defines the position of the drawer.\n *\n * @method show - Method to be called to show the drawer component.\n * @method hide - Method to be called to hide the drawer component.\n *\n * @event bqClose - Callback handler to be called when the drawer is closed.\n * @event bqOpen - Callback handler to be called when the drawer is opened.\n * @event bqAfterOpen - Callback handler to be called after the drawer has been opened.\n * @event bqAfterClose - Callback handler to be called after the drawer has been closed.\n *\n * @slot title - The title content of the drawer.\n * @slot - The body content of the drawer.\n * @slot footer - The footer content of the drawer.\n * @slot button-close - The close button content of the drawer.\n * @slot footer-divider - The footer divider content of the drawer.\n *\n * @part backdrop - The `<div>` that holds the backdrop overlay.\n * @part button-close - The BqButton that closes the drawer.\n * @part button-close__btn - The native button used under the hood that closes the drawer.\n * @part button-close__label - The text inside the native button that closes the drawer.\n * @part panel - The `<div>` that holds the drawer entire content.\n * @part header - The `<header>` that holds the icon, title, and close button.\n * @part title - The `<div>` that holds the title content.\n * @part body - The `<main>` that holds the drawer body content.\n * @part footer - The `<footer>` that holds footer content.\n *\n * @cssprop --bq-drawer--backgroundBackdrop - Background color of the backdrop\n * @cssprop --bq-drawer--gap - Gap between the drawer and the viewport\n * @cssprop --bq-drawer--width - Width of the drawer\n * @cssprop --bq-drawer--paddingX - Padding left and right of the drawer\n * @cssprop --bq-drawer--paddingY - Padding top and bottom of the drawer\n * @cssprop --bq-drawer--zIndex - Z-index of the drawer component\n */\n@Component({\n  tag: 'bq-drawer',\n  styleUrl: './scss/bq-drawer.scss',\n  shadow: true,\n})\nexport class BqDrawer {\n  // Own Properties\n  // ====================\n\n  private footerElem: HTMLElement;\n  private drawerElem: HTMLDivElement;\n  private OPEN_CSS_CLASS = 'bq-drawer--open';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqDrawerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasFooter = false;\n  @State() hasIcon: boolean = false;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the backdrop overlay will be shown when the drawer opens */\n  @Prop({ reflect: true }) enableBackdrop = false;\n\n  /** If true, the drawer will not close when clicking outside the panel */\n  @Prop({ reflect: true }) closeOnClickOutside = false;\n\n  /** If true, the dialog will not close when the [Esc] key is pressed */\n  @Prop({ reflect: true }) closeOnEsc = false;\n\n  /** If true, the drawer component will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** @deprecated Defines the position of the drawer */\n  @Prop({ reflect: true, mutable: true }) placement: TDrawerPlacement = 'right';\n\n  /** Defines the position of the drawer */\n  @Prop({ reflect: true, mutable: true }) position: TDrawerPosition = 'end';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('open')\n  async handleOpenChange() {\n    if (!this.open) {\n      await this.handleAfterHide();\n      return;\n    }\n\n    await this.handleAfterShow();\n  }\n\n  /**\n   * !TO BE REMOVED: Delete this `@Watch()` once the deprecated `placement` property is removed\n   * We need to maintain retro-compatibility with the deprecated `placement` property\n   */\n  @Watch('placement')\n  handlePlacementChange() {\n    if (!isNil(this.placement)) {\n      console.warn(\n        `❗️ [bq-drawer]: the 'placement' prop is deprecated and it will be removed in the future. Please use 'position' instead.`,\n      );\n    }\n    validatePropValue(DRAWER_PLACEMENT, 'right', this.el, 'placement');\n    // Sync 'position' property\n    const synPositionMap = {\n      right: 'end',\n      left: 'start',\n    };\n    this.position = (synPositionMap[this.placement] as TDrawerPosition) || this.position;\n  }\n\n  @Watch('position')\n  handlePositionChange() {\n    validatePropValue(DRAWER_POSITIONS, 'start', this.el, 'position');\n    /**\n     * Sync 'placement' property\n     * !TO BE REMOVED: Delete the code below once the deprecated `placement` property is removed\n     */\n    const syncPlacementMap = {\n      end: 'right',\n      start: 'left',\n    };\n    this.placement = (syncPlacementMap[this.position] as TDrawerPlacement) || this.placement;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the drawer is closed */\n  @Event() bqClose!: EventEmitter;\n\n  /** Callback handler to be called when the drawer is opened */\n  @Event() bqOpen!: EventEmitter;\n\n  /** Callback handler to be called after the drawer has been opened */\n  @Event() bqAfterOpen!: EventEmitter;\n\n  /** Callback handler to be called after the drawer has been closed */\n  @Event() bqAfterClose!: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.handlePositionChange();\n    // !TO BE REMOVED: Delete this once the deprecated `placement` property is removed\n    this.handlePlacementChange();\n  }\n\n  componentDidLoad() {\n    this.handleFooterSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('mousedown', { target: 'window', capture: true })\n  async handleMouseClick(event: MouseEvent) {\n    if (!this.open) return;\n    if (!this.drawerElem || this.closeOnClickOutside) return;\n    // Skip if the mouse button is not the main button\n    if (event.button !== 0) return;\n\n    const rect = this.drawerElem.getBoundingClientRect();\n    if (event.clientX < rect.left || event.clientX > rect.right) {\n      await this.hide();\n    }\n  }\n\n  @Listen('keydown', { target: 'window', capture: true })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) return;\n    if (!this.drawerElem || this.closeOnEsc || !(event.key === 'Escape' || event.key === 'Esc')) return;\n\n    await this.hide();\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Method to be called to hide the drawer component */\n  @Method()\n  async hide(): Promise<void> {\n    const ev = this.bqClose.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = false;\n  }\n\n  /** Method to be called to show the drawer component */\n  @Method()\n  async show(): Promise<void> {\n    const ev = this.bqOpen.emit();\n    if (ev.defaultPrevented) return;\n\n    this.open = true;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleFooterSlotChange = () => {\n    this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n  };\n\n  private handleAfterHide = async () => {\n    if (!this.drawerElem) return;\n\n    await leave(this.drawerElem);\n    this.handleTransitionEnd();\n  };\n\n  private handleAfterShow = async () => {\n    if (!this.drawerElem) return;\n\n    this.el.classList.add(this.OPEN_CSS_CLASS);\n    await enter(this.drawerElem);\n    this.handleTransitionEnd();\n  };\n\n  private handleTransitionEnd = () => {\n    if (this.open) {\n      this.bqAfterOpen.emit();\n      return;\n    }\n\n    this.bqAfterClose.emit();\n    this.el.classList.remove(this.OPEN_CSS_CLASS);\n  };\n\n  private get isPositionStart() {\n    // !TO BE REMOVED: `placement` is deprecated and will be removed in the future\n    return this.position === 'start' || this.placement === 'left';\n  }\n\n  private get isPositionEnd() {\n    // !TO BE REMOVED: `placement` is deprecated and will be removed in the future\n    return this.position === 'end' || this.placement === 'right';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        {/* BACKDROP */}\n        {this.enableBackdrop && (\n          <div\n            class={{\n              'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300': true,\n              'pointer-events-none': !this.open,\n              'opacity-60': this.open,\n            }}\n            tabIndex={-1}\n            part=\"backdrop\"\n          />\n        )}\n        {/* DRAWER PANEL */}\n        <div\n          class={{\n            [`bq-drawer transition-all duration-300 ease-in-out ${this.position || this.placement}`]: true,\n            '-start-[--bq-drawer--width]': this.isPositionStart,\n            '-end-[--bq-drawer--width]': this.isPositionEnd,\n            'start-0': this.open && this.isPositionStart,\n            'end-0': this.open && this.isPositionEnd,\n          }}\n          ref={(div) => (this.drawerElem = div)}\n          aria-hidden={!this.open ? 'true' : 'false'}\n          aria-labelledby=\"bq-drawer__title\"\n          aria-modal=\"true\"\n          hidden={!this.open}\n          part=\"panel\"\n          role=\"dialog\"\n        >\n          <header class=\"flex items-center\" part=\"header\">\n            <h2\n              class=\"flex-1 items-center justify-between text-xl font-bold leading-regular text-primary\"\n              id=\"bq-drawer__title\"\n              part=\"title\"\n            >\n              <slot name=\"title\" />\n            </h2>\n            <div class=\"flex\" part=\"button-close\">\n              <bq-button\n                class=\"[&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:bs-fit [&::part(button)]:p-b-0 [&::part(button)]:p-i-0 [&::part(label)]:inline-flex\"\n                appearance=\"text\"\n                size=\"small\"\n                slot=\"button-close\"\n                exportparts=\"button:button-close__btn,label:button-close__label\"\n                onClick={this.hide.bind(this)}\n              >\n                <slot name=\"button-close\">\n                  <bq-icon name=\"x-bold\" role=\"img\" title=\"Close\" />\n                </slot>\n              </bq-button>\n            </div>\n          </header>\n          <main class=\"block flex-auto overflow-auto\" part=\"body\">\n            <slot />\n          </main>\n          <footer\n            class={{\n              block: true,\n              '!hidden': !this.hasFooter,\n            }}\n            ref={(footerElem) => (this.footerElem = footerElem)}\n            part=\"footer\"\n          >\n            <slot name=\"footer-divider\">\n              <bq-divider class=\"mb-m block\" dashed />\n            </slot>\n            <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n          </footer>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;uNAAO,MAAMA,EAAmB,CAAC,QAAS,OAGnC,MAAMC,EAAmB,CAAC,OAAQ,SCHzC,MAAMC,EAAc,81tB,MCyEPC,EAAQ,M,qKAIXC,WACAC,WACAC,eAAiB,kB,wBAWRC,UAAY,MACpBC,QAAmB,MAMHC,eAAiB,MAGjBC,oBAAsB,MAGtBC,WAAa,MAGEC,KAGAC,UAA8B,QAG9BC,SAA4B,MAMpE,sBAAMC,GACJ,IAAKC,KAAKJ,KAAM,OACRI,KAAKC,kBACX,M,OAGID,KAAKE,iB,CAQb,qBAAAC,GACE,IAAKC,EAAMJ,KAAKH,WAAY,CAC1BQ,QAAQC,KACN,0H,CAGJC,EAAkBtB,EAAkB,QAASe,KAAKQ,GAAI,aAEtD,MAAMC,EAAiB,CACrBC,MAAO,MACPC,KAAM,SAERX,KAAKF,SAAYW,EAAeT,KAAKH,YAAkCG,KAAKF,Q,CAI9E,oBAAAc,GACEL,EAAkBvB,EAAkB,QAASgB,KAAKQ,GAAI,YAKtD,MAAMK,EAAmB,CACvBC,IAAK,QACLC,MAAO,QAETf,KAAKH,UAAagB,EAAiBb,KAAKF,WAAkCE,KAAKH,S,CAQxEmB,QAGAC,OAGAC,YAGAC,aAMT,iBAAAC,GACEpB,KAAKY,uBAELZ,KAAKG,uB,CAGP,gBAAAkB,GACErB,KAAKsB,wB,CAOP,sBAAMC,CAAiBC,GACrB,IAAKxB,KAAKJ,KAAM,OAChB,IAAKI,KAAKX,YAAcW,KAAKN,oBAAqB,OAElD,GAAI8B,EAAMC,SAAW,EAAG,OAExB,MAAMC,EAAO1B,KAAKX,WAAWsC,wBAC7B,GAAIH,EAAMI,QAAUF,EAAKf,MAAQa,EAAMI,QAAUF,EAAKhB,MAAO,OACrDV,KAAK6B,M,EAKf,mBAAMC,CAAcN,GAClB,IAAKxB,KAAKJ,KAAM,OAChB,IAAKI,KAAKX,YAAcW,KAAKL,cAAgB6B,EAAMO,MAAQ,UAAYP,EAAMO,MAAQ,OAAQ,aAEvF/B,KAAK6B,M,CAYb,UAAMA,GACJ,MAAMG,EAAKhC,KAAKgB,QAAQiB,OACxB,GAAID,EAAGE,iBAAkB,OAEzBlC,KAAKJ,KAAO,K,CAKd,UAAMuC,GACJ,MAAMH,EAAKhC,KAAKiB,OAAOgB,OACvB,GAAID,EAAGE,iBAAkB,OAEzBlC,KAAKJ,KAAO,I,CAQN0B,uBAAyB,KAC/BtB,KAAKT,UAAY6C,EAAepC,KAAKZ,WAAY,SAAS,EAGpDa,gBAAkBoC,UACxB,IAAKrC,KAAKX,WAAY,aAEhBiD,EAAMtC,KAAKX,YACjBW,KAAKuC,qBAAqB,EAGpBrC,gBAAkBmC,UACxB,IAAKrC,KAAKX,WAAY,OAEtBW,KAAKQ,GAAGgC,UAAUC,IAAIzC,KAAKV,sBACrBoD,EAAM1C,KAAKX,YACjBW,KAAKuC,qBAAqB,EAGpBA,oBAAsB,KAC5B,GAAIvC,KAAKJ,KAAM,CACbI,KAAKkB,YAAYe,OACjB,M,CAGFjC,KAAKmB,aAAac,OAClBjC,KAAKQ,GAAGgC,UAAUG,OAAO3C,KAAKV,eAAe,EAG/C,mBAAYsD,GAEV,OAAO5C,KAAKF,WAAa,SAAWE,KAAKH,YAAc,M,CAGzD,iBAAYgD,GAEV,OAAO7C,KAAKF,WAAa,OAASE,KAAKH,YAAc,O,CAOvD,MAAAiD,GACE,OACEC,EAACC,EAAI,CAAAjB,IAAA,4CAEF/B,KAAKP,gBACJsD,EAAA,OAAAhB,IAAA,2CACEkB,MAAO,CACL,qGAAsG,KACtG,uBAAwBjD,KAAKJ,KAC7B,aAAcI,KAAKJ,MAErBsD,UAAU,EACVC,KAAK,aAITJ,EAAA,OAAAhB,IAAA,2CACEkB,MAAO,CACL,CAAC,qDAAqDjD,KAAKF,UAAYE,KAAKH,aAAc,KAC1F,8BAA+BG,KAAK4C,gBACpC,4BAA6B5C,KAAK6C,cAClC,UAAW7C,KAAKJ,MAAQI,KAAK4C,gBAC7B,QAAS5C,KAAKJ,MAAQI,KAAK6C,eAE7BO,IAAMC,GAASrD,KAAKX,WAAagE,EACpB,eAACrD,KAAKJ,KAAO,OAAS,QAAO,kBAC1B,mBACL,oBACX0D,QAAStD,KAAKJ,KACduD,KAAK,QACLI,KAAK,UAELR,EAAA,UAAAhB,IAAA,2CAAQkB,MAAM,oBAAoBE,KAAK,UACrCJ,EACE,MAAAhB,IAAA,2CAAAkB,MAAM,qFACNO,GAAG,mBACHL,KAAK,SAELJ,EAAA,QAAAhB,IAAA,2CAAM0B,KAAK,WAEbV,EAAA,OAAAhB,IAAA,2CAAKkB,MAAM,OAAOE,KAAK,gBACrBJ,EAAA,aAAAhB,IAAA,2CACEkB,MAAM,+JACNS,WAAW,OACXC,KAAK,QACLC,KAAK,eACLC,YAAY,qDACZC,QAAS9D,KAAK6B,KAAKkC,KAAK/D,OAExB+C,EAAM,QAAAhB,IAAA,2CAAA0B,KAAK,gBACTV,EAAA,WAAAhB,IAAA,2CAAS0B,KAAK,SAASF,KAAK,MAAMS,MAAM,cAKhDjB,EAAA,QAAAhB,IAAA,2CAAMkB,MAAM,gCAAgCE,KAAK,QAC/CJ,EAAA,QAAAhB,IAAA,8CAEFgB,EAAA,UAAAhB,IAAA,2CACEkB,MAAO,CACLgB,MAAO,KACP,WAAYjE,KAAKT,WAEnB6D,IAAMhE,GAAgBY,KAAKZ,WAAaA,EACxC+D,KAAK,UAELJ,EAAM,QAAAhB,IAAA,2CAAA0B,KAAK,kBACTV,EAAA,cAAAhB,IAAA,2CAAYkB,MAAM,aAAaiB,OAAM,QAEvCnB,EAAA,QAAAhB,IAAA,2CAAM0B,KAAK,SAASU,aAAcnE,KAAKsB,2B","ignoreList":[]}

package/dist/beeq/{p-d88394b9.entry.js → p-ef64ddbc.entry.js}

@@ -2,5 +2,5 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{r as a,a as r,h as b}from"./p-C4jSqdYP.js";import{S as e,a as q}from"./p-DEUOprS4.js";import{v as n}from"./p-zh4P02Kn.js";const t='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.block{display:block}.ps-\\[--bq-steps--gap\\]{padding-inline-start:var(--bq-steps--gap)}@-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-steps--divider-color:var(--bq-ui--secondary);--bq-steps--gap:var(--bq-spacing-m);display:block}::slotted(bq-step-item:not(:first-child)){padding-inline-start:var(--bq-steps--gap)}.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)}.static{position:static}.absolute{position:absolute}.relative{position:relative}.-z-10{z-index:-10}.flex{display:flex}.w-full{width:100%}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.p-bs-5{padding-block-start:1.25rem}.p-bs-m{padding-block-start:var(--bq-spacing-m)}.p-i-s{padding-inline:var(--bq-spacing-s)}.inset-ie-0{inset-inline-end:0}.inset-is-0{inset-inline-start:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}';const i=class{constructor(r){a(this,r)}stepElem;get el(){return r(this)}dividerColor="stroke--primary";size="medium";type;checkPropValues(){n(e,"medium",this.el,"size");n(q,"numeric",this.el,"type");this.setStepItemProps()}componentDidLoad(){this.setStepItemProps()}async setCurrentStepItem(a){const r=this.bqSteps.find((a=>a.status==="current"));if(r)r.status="default";a.status="current"}get bqSteps(){if(!this.stepElem)return[];const a=this.stepElem.querySelector("slot");return[...a.assignedElements({flatten:true})].filter((a=>a.tagName.toLowerCase()==="bq-step-item"))}setStepItemProps=()=>{this.bqSteps.forEach((a=>{a.size=this.size;a.type=this.type}))};render(){const a=this.size==="small"?"p-bs-m":"p-bs-5";return b("div",{key:"02cdbd550a34b08e77f545c1888325def940a8f2",class:"relative flex w-full items-start justify-between",ref:a=>this.stepElem=a,part:"container"},b("slot",{key:"3e1d178d25191cc5779ab0d840dbcdcfe2dbde9b"}),b("bq-divider",{key:"dc74beb4138bb5d249441187f4c927835fe4469f",class:`absolute -z-10 p-i-s inset-ie-0 inset-is-0 ${a}`,strokeColor:this.dividerColor,strokeThickness:2,exportparts:"base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end"}))}static get watchers(){return{type:["checkPropValues"],size:["checkPropValues"]}}};i.style=t;export{i as bq_steps};
-//# sourceMappingURL=p-d88394b9.entry.js.map
+import{r as a,a as r,h as b}from"./p-C4jSqdYP.js";import{S as e,a as q}from"./p-DEUOprS4.js";import{v as n}from"./p-zh4P02Kn.js";const t='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{text-size-adjust:none;font-family:var(--bq-font-family);font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);line-height:var(--bq-font-line-height--regular);min-height:100vb;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:where(:root){--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq:not([bq-mode]),.light,:root:not([bq-theme]):not([bq-mode]),:root[bq-theme=beeq]:not([bq-mode]),[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}:where(.endava),:where([bq-theme=endava]){--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,.endava:not([bq-mode]),[bq-theme=endava]:not([bq-mode]),[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-100);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-950);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.block{display:block}.ps-\\[--bq-steps--gap\\]{padding-inline-start:var(--bq-steps--gap)}@-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-steps--divider-color:var(--bq-ui--secondary);--bq-steps--gap:var(--bq-spacing-m);display:block}::slotted(bq-step-item:not(:first-child)){padding-inline-start:var(--bq-steps--gap)}.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)}.static{position:static}.absolute{position:absolute}.relative{position:relative}.-z-10{z-index:-10}.flex{display:flex}.w-full{width:100%}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.p-bs-5{padding-block-start:1.25rem}.p-bs-m{padding-block-start:var(--bq-spacing-m)}.p-i-s{padding-inline:var(--bq-spacing-s)}.inset-ie-0{inset-inline-end:0}.inset-is-0{inset-inline-start:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\\!hidden{display:none!important}.gap-0{gap:0}';const i=class{constructor(r){a(this,r)}stepElem;get el(){return r(this)}dividerColor="stroke--primary";size="medium";type;checkPropValues(){n(e,"medium",this.el,"size");n(q,"numeric",this.el,"type");this.setStepItemProps()}componentDidLoad(){this.setStepItemProps()}async setCurrentStepItem(a){const r=this.bqSteps.find((a=>a.status==="current"));if(r)r.status="default";a.status="current"}get bqSteps(){if(!this.stepElem)return[];const a=this.stepElem.querySelector("slot");return[...a.assignedElements({flatten:true})].filter((a=>a.tagName.toLowerCase()==="bq-step-item"))}setStepItemProps=()=>{this.bqSteps.forEach((a=>{a.size=this.size;a.type=this.type}))};render(){const a=this.size==="small"?"p-bs-m":"p-bs-5";return b("div",{key:"02cdbd550a34b08e77f545c1888325def940a8f2",class:"relative flex w-full items-start justify-between",ref:a=>this.stepElem=a,part:"container"},b("slot",{key:"3e1d178d25191cc5779ab0d840dbcdcfe2dbde9b"}),b("bq-divider",{key:"dc74beb4138bb5d249441187f4c927835fe4469f",class:`absolute -z-10 p-i-s inset-ie-0 inset-is-0 ${a}`,strokeColor:this.dividerColor,strokeThickness:2,exportparts:"base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end"}))}static get watchers(){return{type:["checkPropValues"],size:["checkPropValues"]}}};i.style=t;export{i as bq_steps};
+//# sourceMappingURL=p-ef64ddbc.entry.js.map

package/dist/beeq/{p-d88394b9.entry.js.map → p-ef64ddbc.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["bqStepsCss","BqSteps","stepElem","dividerColor","size","type","checkPropValues","validatePropValue","STEPS_SIZE","this","el","STEPS_TYPE","setStepItemProps","componentDidLoad","setCurrentStepItem","newCurrentStep","currentStep","bqSteps","find","step","status","slot","querySelector","assignedElements","flatten","filter","tagName","toLowerCase","forEach","bqStepElem","render","dividerPaddingTop","h","key","class","ref","div","part","strokeColor","strokeThickness","exportparts"],"sources":["../../packages/beeq/src/components/steps/scss/bq-steps.scss?tag=bq-steps&encapsulation=shadow","../../packages/beeq/src/components/steps/bq-steps.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Steps styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-steps.variables';\n\n:host {\n  @apply block;\n}\n\n::slotted(bq-step-item:not(:first-child)) {\n  @apply ps-[--bq-steps--gap];\n}\n","import { Component, Element, h, Method, Prop, Watch } from '@stencil/core';\n\nimport { STEPS_SIZE, STEPS_TYPE } from './bq-steps.types';\nimport type { TStepsSize, TStepsType } from './bq-steps.types';\nimport { validatePropValue } from '../../shared/utils';\n\n/**\n * The Steps Component is a UI element used to display a series of steps or stages in a process or task.\n * It is used to guide users through a process or task and to indicate their progress.\n *\n * @example How to use it\n * ```html\n * <bq-steps divider-color=\"stroke--primary\" type=\"dot\" size=\"medium\">\n *   <bq-step-item status=\"completed\"> ... </bq-step-item>\n *   <bq-step-item status=\"error\"> ... </bq-step-item>\n *   <bq-step-item status=\"current\"> ... </bq-step-item>\n *   <bq-step-item status=\"default\"> ... </bq-step-item>\n * </bq-steps>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/896b66-stepper\n * @status stable\n *\n * @dependency bq-divider\n *\n * @attr {string} divider-color - The color of the line that connects the steps. It should be a valid declarative color token.\n * @attr {\"medium\" | \"small\"} size - The size of the steps\n * @attr {\"numeric\" | \"icon\" | \"dot\"} type - The type of prefix element to use on the step items\n *\n * @slot - The step items\n *\n * @part container - The container wrapper of the Steps component\n * @part divider-base - The base wrapper of the divider component\n * @part divider-dash-start - The dash start wrapper of the divider component\n * @part divider-dash-end - The dash end wrapper of the divider component\n *\n * @cssprop --bq-steps--divider-color - Divider color\n * @cssprop --bq-steps--gap - Gap between steps\n */\n@Component({\n  tag: 'bq-steps',\n  styleUrl: './scss/bq-steps.scss',\n  shadow: true,\n})\nexport class BqSteps {\n  // Own Properties\n  // ====================\n\n  private stepElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqStepsElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The color of the line that connects the steps. It should be a valid declarative color token. */\n  @Prop({ reflect: true }) dividerColor: string = 'stroke--primary';\n\n  /** The size of the steps */\n  @Prop({ reflect: true }) size: TStepsSize = 'medium';\n\n  /** The type of prefix element to use on the step items */\n  @Prop({ reflect: true }) type: TStepsType;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('type')\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n    validatePropValue(STEPS_TYPE, 'numeric', this.el, 'type');\n\n    this.setStepItemProps();\n  }\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.setStepItemProps();\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  /**\n   * Set the current step item.\n   * @param newCurrentStep - The step item to set as current.\n   */\n  @Method()\n  async setCurrentStepItem(newCurrentStep: HTMLBqStepItemElement): Promise<void> {\n    // Ideally, only one step item should be current.\n    // So we change the status of the current step item to default.\n    const currentStep = this.bqSteps.find((step) => step.status === 'current');\n    if (currentStep) currentStep.status = 'default';\n    // And then we set the status of the new current step item to current.\n    newCurrentStep.status = 'current';\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get bqSteps(): HTMLBqStepItemElement[] {\n    if (!this.stepElem) return [];\n\n    const slot = this.stepElem.querySelector('slot');\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el: HTMLBqSideMenuItemElement) => el.tagName.toLowerCase() === 'bq-step-item',\n    ) as [HTMLBqSideMenuItemElement];\n  }\n\n  private setStepItemProps = () => {\n    this.bqSteps.forEach((bqStepElem: HTMLBqStepItemElement) => {\n      bqStepElem.size = this.size;\n      bqStepElem.type = this.type;\n    });\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    // !Note: We use a custom padding value for the medium size to avoid misalignment between the steps and the divider.\n    const dividerPaddingTop = this.size === 'small' ? 'p-bs-m' : 'p-bs-5';\n\n    return (\n      <div\n        class=\"relative flex w-full items-start justify-between\"\n        ref={(div) => (this.stepElem = div)}\n        part=\"container\"\n      >\n        <slot />\n        <bq-divider\n          class={`absolute -z-10 p-i-s inset-ie-0 inset-is-0 ${dividerPaddingTop}`}\n          strokeColor={this.dividerColor}\n          strokeThickness={2}\n          exportparts=\"base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end\"\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;iIAAA,MAAMA,EAAa,87nB,MC4CNC,EAAO,M,yBAIVC,S,wBAeiBC,aAAuB,kBAGvBC,KAAmB,SAGnBC,KAOzB,eAAAC,GACEC,EAAkBC,EAAY,SAAUC,KAAKC,GAAI,QACjDH,EAAkBI,EAAY,UAAWF,KAAKC,GAAI,QAElDD,KAAKG,kB,CAUP,gBAAAC,GACEJ,KAAKG,kB,CAkBP,wBAAME,CAAmBC,GAGvB,MAAMC,EAAcP,KAAKQ,QAAQC,MAAMC,GAASA,EAAKC,SAAW,YAChE,GAAIJ,EAAaA,EAAYI,OAAS,UAEtCL,EAAeK,OAAS,S,CAQ1B,WAAYH,GACV,IAAKR,KAAKP,SAAU,MAAO,GAE3B,MAAMmB,EAAOZ,KAAKP,SAASoB,cAAc,QACzC,MAAO,IAAID,EAAKE,iBAAiB,CAAEC,QAAS,QAASC,QAClDf,GAAkCA,EAAGgB,QAAQC,gBAAkB,gB,CAI5Df,iBAAmB,KACzBH,KAAKQ,QAAQW,SAASC,IACpBA,EAAWzB,KAAOK,KAAKL,KACvByB,EAAWxB,KAAOI,KAAKJ,IAAI,GAC3B,EAOJ,MAAAyB,GAEE,MAAMC,EAAoBtB,KAAKL,OAAS,QAAU,SAAW,SAE7D,OACE4B,EAAA,OAAAC,IAAA,2CACEC,MAAM,mDACNC,IAAMC,GAAS3B,KAAKP,SAAWkC,EAC/BC,KAAK,aAELL,EAAQ,QAAAC,IAAA,6CACRD,EACE,cAAAC,IAAA,2CAAAC,MAAO,8CAA8CH,IACrDO,YAAa7B,KAAKN,aAClBoC,gBAAiB,EACjBC,YAAY,8E","ignoreList":[]}
+{"version":3,"names":["bqStepsCss","BqSteps","stepElem","dividerColor","size","type","checkPropValues","validatePropValue","STEPS_SIZE","this","el","STEPS_TYPE","setStepItemProps","componentDidLoad","setCurrentStepItem","newCurrentStep","currentStep","bqSteps","find","step","status","slot","querySelector","assignedElements","flatten","filter","tagName","toLowerCase","forEach","bqStepElem","render","dividerPaddingTop","h","key","class","ref","div","part","strokeColor","strokeThickness","exportparts"],"sources":["../../packages/beeq/src/components/steps/scss/bq-steps.scss?tag=bq-steps&encapsulation=shadow","../../packages/beeq/src/components/steps/bq-steps.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Steps styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-steps.variables';\n\n:host {\n  @apply block;\n}\n\n::slotted(bq-step-item:not(:first-child)) {\n  @apply ps-[--bq-steps--gap];\n}\n","import { Component, Element, h, Method, Prop, Watch } from '@stencil/core';\n\nimport { STEPS_SIZE, STEPS_TYPE } from './bq-steps.types';\nimport type { TStepsSize, TStepsType } from './bq-steps.types';\nimport { validatePropValue } from '../../shared/utils';\n\n/**\n * The Steps Component is a UI element used to display a series of steps or stages in a process or task.\n * It is used to guide users through a process or task and to indicate their progress.\n *\n * @example How to use it\n * ```html\n * <bq-steps divider-color=\"stroke--primary\" type=\"dot\" size=\"medium\">\n *   <bq-step-item status=\"completed\"> ... </bq-step-item>\n *   <bq-step-item status=\"error\"> ... </bq-step-item>\n *   <bq-step-item status=\"current\"> ... </bq-step-item>\n *   <bq-step-item status=\"default\"> ... </bq-step-item>\n * </bq-steps>\n * ```\n *\n * @documentation https://www.beeq.design/3d466e231/p/896b66-stepper\n * @status stable\n *\n * @dependency bq-divider\n *\n * @attr {string} divider-color - The color of the line that connects the steps. It should be a valid declarative color token.\n * @attr {\"medium\" | \"small\"} size - The size of the steps\n * @attr {\"numeric\" | \"icon\" | \"dot\"} type - The type of prefix element to use on the step items\n *\n * @slot - The step items\n *\n * @part container - The container wrapper of the Steps component\n * @part divider-base - The base wrapper of the divider component\n * @part divider-dash-start - The dash start wrapper of the divider component\n * @part divider-dash-end - The dash end wrapper of the divider component\n *\n * @cssprop --bq-steps--divider-color - Divider color\n * @cssprop --bq-steps--gap - Gap between steps\n */\n@Component({\n  tag: 'bq-steps',\n  styleUrl: './scss/bq-steps.scss',\n  shadow: true,\n})\nexport class BqSteps {\n  // Own Properties\n  // ====================\n\n  private stepElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqStepsElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The color of the line that connects the steps. It should be a valid declarative color token. */\n  @Prop({ reflect: true }) dividerColor: string = 'stroke--primary';\n\n  /** The size of the steps */\n  @Prop({ reflect: true }) size: TStepsSize = 'medium';\n\n  /** The type of prefix element to use on the step items */\n  @Prop({ reflect: true }) type: TStepsType;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('type')\n  @Watch('size')\n  checkPropValues() {\n    validatePropValue(STEPS_SIZE, 'medium', this.el, 'size');\n    validatePropValue(STEPS_TYPE, 'numeric', this.el, 'type');\n\n    this.setStepItemProps();\n  }\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.setStepItemProps();\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  /**\n   * Set the current step item.\n   * @param newCurrentStep - The step item to set as current.\n   */\n  @Method()\n  async setCurrentStepItem(newCurrentStep: HTMLBqStepItemElement): Promise<void> {\n    // Ideally, only one step item should be current.\n    // So we change the status of the current step item to default.\n    const currentStep = this.bqSteps.find((step) => step.status === 'current');\n    if (currentStep) currentStep.status = 'default';\n    // And then we set the status of the new current step item to current.\n    newCurrentStep.status = 'current';\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get bqSteps(): HTMLBqStepItemElement[] {\n    if (!this.stepElem) return [];\n\n    const slot = this.stepElem.querySelector('slot');\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el: HTMLBqSideMenuItemElement) => el.tagName.toLowerCase() === 'bq-step-item',\n    ) as [HTMLBqSideMenuItemElement];\n  }\n\n  private setStepItemProps = () => {\n    this.bqSteps.forEach((bqStepElem: HTMLBqStepItemElement) => {\n      bqStepElem.size = this.size;\n      bqStepElem.type = this.type;\n    });\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    // !Note: We use a custom padding value for the medium size to avoid misalignment between the steps and the divider.\n    const dividerPaddingTop = this.size === 'small' ? 'p-bs-m' : 'p-bs-5';\n\n    return (\n      <div\n        class=\"relative flex w-full items-start justify-between\"\n        ref={(div) => (this.stepElem = div)}\n        part=\"container\"\n      >\n        <slot />\n        <bq-divider\n          class={`absolute -z-10 p-i-s inset-ie-0 inset-is-0 ${dividerPaddingTop}`}\n          strokeColor={this.dividerColor}\n          strokeThickness={2}\n          exportparts=\"base:divider-base,dash-start:divider-dash-start,dash-end:divider-dash-end\"\n        />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;iIAAA,MAAMA,EAAa,6+nB,MC4CNC,EAAO,M,yBAIVC,S,wBAeiBC,aAAuB,kBAGvBC,KAAmB,SAGnBC,KAOzB,eAAAC,GACEC,EAAkBC,EAAY,SAAUC,KAAKC,GAAI,QACjDH,EAAkBI,EAAY,UAAWF,KAAKC,GAAI,QAElDD,KAAKG,kB,CAUP,gBAAAC,GACEJ,KAAKG,kB,CAkBP,wBAAME,CAAmBC,GAGvB,MAAMC,EAAcP,KAAKQ,QAAQC,MAAMC,GAASA,EAAKC,SAAW,YAChE,GAAIJ,EAAaA,EAAYI,OAAS,UAEtCL,EAAeK,OAAS,S,CAQ1B,WAAYH,GACV,IAAKR,KAAKP,SAAU,MAAO,GAE3B,MAAMmB,EAAOZ,KAAKP,SAASoB,cAAc,QACzC,MAAO,IAAID,EAAKE,iBAAiB,CAAEC,QAAS,QAASC,QAClDf,GAAkCA,EAAGgB,QAAQC,gBAAkB,gB,CAI5Df,iBAAmB,KACzBH,KAAKQ,QAAQW,SAASC,IACpBA,EAAWzB,KAAOK,KAAKL,KACvByB,EAAWxB,KAAOI,KAAKJ,IAAI,GAC3B,EAOJ,MAAAyB,GAEE,MAAMC,EAAoBtB,KAAKL,OAAS,QAAU,SAAW,SAE7D,OACE4B,EAAA,OAAAC,IAAA,2CACEC,MAAM,mDACNC,IAAMC,GAAS3B,KAAKP,SAAWkC,EAC/BC,KAAK,aAELL,EAAQ,QAAAC,IAAA,6CACRD,EACE,cAAAC,IAAA,2CAAAC,MAAO,8CAA8CH,IACrDO,YAAa7B,KAAKN,aAClBoC,gBAAiB,EACjBC,YAAY,8E","ignoreList":[]}

package/dist/beeq/p-y49NXy_H.js

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