@beeq/core 1.8.0-beta.1 → 1.8.0-beta.11

package/dist/beeq/p-b8416ead.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{r as a,c as r,g as b,h as e,a as q}from"./p-16340dba.js";import{i as n}from"./p-57621be1.js";const t='::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.block{display:block}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{display:block}.static{position:static}.flex{display:flex}.hidden{display:none}.items-center{align-items:center}.justify-center{justify-content:center}.is-3{inline-size:.75rem}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}';const i=t;const o=class{constructor(b){a(this,b);this.bqBreadcrumbBlur=r(this,"bqBreadcrumbBlur",7);this.bqBreadcrumbFocus=r(this,"bqBreadcrumbFocus",7);this.bqBreadcrumbClick=r(this,"bqBreadcrumbClick",7);this.ariaLabel="Breadcrumbs"}spanElem;get el(){return b(this)}bqBreadcrumbBlur;bqBreadcrumbFocus;bqBreadcrumbClick;onBlur(a){if(n(a.detail,"bq-breadcrumb-item"))this.bqBreadcrumbBlur.emit(a.detail)}onFocus(a){if(n(a.detail,"bq-breadcrumb-item"))this.bqBreadcrumbFocus.emit(a.detail)}onClick(a){if(n(a.detail,"bq-breadcrumb-item"))this.bqBreadcrumbClick.emit(a.detail)}setSeparator=()=>{this.breadcrumbItems.forEach(((a,r,b)=>{a.isLastItem=r===b.length-1;if(!a.isLastItem){a.append(this.getSeparatorElem())}}))};getSeparatorElem=()=>{const a=this.separatorFromSlot.cloneNode(true);a.slot="separator";return a};get breadcrumbItems(){return Array.from(this.el.querySelectorAll("bq-breadcrumb-item"))}get separatorFromSlot(){return this.spanElem.querySelector('slot[name="separator"]').assignedElements({flatten:true})[0]}render(){return e(q,{key:"8b19fb3ed3eab3ef129c39df0c958cb96b8ec372"},e("nav",{key:"b86de627c4fe184004e5d97e3a54066b8570d379",class:"flex items-center","aria-label":this.ariaLabel,part:"navigation"},e("slot",{key:"26e61864a66be926c76a3e5e87f5f76adcac30f7",onSlotchange:this.setSeparator})),e("span",{key:"a3c5daf93d836651b8eed3e73c61821eef800023",hidden:true,"aria-hidden":"true",ref:a=>this.spanElem=a},e("slot",{key:"920c61d131686209e9184015fa84c5b806ecc188",name:"separator"},e("span",{key:"3628f9a4a990227ad86b7a5ee100a7ee819d6e6e",class:"flex items-center justify-center is-3"},"/"))))}};o.style=i;export{o as bq_breadcrumb};
+//# sourceMappingURL=p-b8416ead.entry.js.map

package/dist/beeq/{p-548b45b7.entry.js.map → p-b8416ead.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["bqBreadcrumbCss","BqBreadcrumbStyle0","BqBreadcrumb","this","setSeparator","breadcrumbItems","forEach","item","index","arr","isLastItem","length","append","getSeparatorElem","clone","separatorFromSlot","cloneNode","slot","onBlur","event","isHTMLElement","detail","bqBreadcrumbBlur","emit","onFocus","bqBreadcrumbFocus","onClick","bqBreadcrumbClick","Array","from","el","querySelectorAll","spanElem","querySelector","assignedElements","flatten","render","h","Host","key","class","ariaLabel","part","onSlotchange","hidden","ref","element","name"],"sources":["../../packages/beeq/src/components/breadcrumb/scss/bq-breadcrumb.scss?tag=bq-breadcrumb&encapsulation=shadow","../../packages/beeq/src/components/breadcrumb/bq-breadcrumb.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Breadcrumb styles                */\n/* -------------------------------------------------------------------------- */\n\n:host {\n  @apply block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core';\n\nimport { isHTMLElement } from '../../shared/utils';\n\n/**\n * @part navigation - The `nav` tag that loads the breadcrumb items\n */\n@Component({\n  tag: 'bq-breadcrumb',\n  styleUrl: './scss/bq-breadcrumb.scss',\n  shadow: true,\n})\nexport class BqBreadcrumb {\n  // Own Properties\n  // ====================\n\n  private spanElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqBreadcrumbElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The `aria-label` attribute to describe the type of navigation */\n  @Prop({ reflect: true }) ariaLabel: string = 'Breadcrumbs';\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when `bq-breadcrumb-item` item loses focus. */\n  @Event() bqBreadcrumbBlur: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n  /** Handler to be called when `bq-breadcrumb-item` item gets focus. */\n  @Event() bqBreadcrumbFocus: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n  /** Handler to be called when `bq-breadcrumb-item` is selected (on click/enter press). */\n  @Event() bqBreadcrumbClick: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  // Listeners\n  // ==============\n\n  @Listen('bqBlur', { passive: true })\n  onBlur(event: CustomEvent<HTMLElement>) {\n    if (isHTMLElement(event.detail, 'bq-breadcrumb-item')) this.bqBreadcrumbBlur.emit(event.detail);\n  }\n\n  @Listen('bqFocus', { passive: true })\n  onFocus(event: CustomEvent<HTMLElement>) {\n    if (isHTMLElement(event.detail, 'bq-breadcrumb-item')) this.bqBreadcrumbFocus.emit(event.detail);\n  }\n\n  @Listen('bqClick', { passive: true })\n  onClick(event: CustomEvent<HTMLElement>) {\n    if (isHTMLElement(event.detail, 'bq-breadcrumb-item')) this.bqBreadcrumbClick.emit(event.detail);\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private setSeparator = (): void => {\n    this.breadcrumbItems.forEach((item, index, arr) => {\n      item.isLastItem = index === arr.length - 1;\n      !item.isLastItem && item.append(this.getSeparatorElem());\n    });\n  };\n\n  /**\n   * clone original element and add slot attr\n   * @returns cloned separator element\n   */\n  private getSeparatorElem = (): HTMLElement => {\n    const clone = this.separatorFromSlot.cloneNode(true) as HTMLElement;\n    clone.slot = 'separator';\n\n    return clone;\n  };\n\n  private get breadcrumbItems(): HTMLBqBreadcrumbItemElement[] {\n    return Array.from(this.el.querySelectorAll('bq-breadcrumb-item'));\n  }\n\n  private get separatorFromSlot() {\n    return this.spanElem\n      .querySelector<HTMLSlotElement>('slot[name=\"separator\"]')\n      .assignedElements({ flatten: true })[0] as HTMLElement;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"flex items-center\" aria-label={this.ariaLabel} part=\"navigation\">\n          <slot onSlotchange={this.setSeparator}></slot>\n        </nav>\n\n        <span hidden aria-hidden=\"true\" ref={(element) => (this.spanElem = element)}>\n          <slot name=\"separator\">\n            <span class=\"flex items-center justify-center is-3\">/</span>\n          </slot>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAkB;;AACxB,MAAAC,IAAeD;;MCWFE,IAAY;;;;;;;;;;;;;;;;QAuEfC,KAAAC,eAAe;MACrBD,KAAKE,gBAAgBC,SAAQ,CAACC,GAAMC,GAAOC;QACzCF,EAAKG,aAAaF,MAAUC,EAAIE,SAAS;SACxCJ,EAAKG,cAAcH,EAAKK,OAAOT,KAAKU;AAAmB;AACxD;;;;eAOIV,KAAAU,mBAAmB;MACzB,MAAMC,IAAQX,KAAKY,kBAAkBC,UAAU;MAC/CF,EAAMG,OAAO;MAEb,OAAOH;AAAK;qBAnE+B;;;;;;;EA0B7C,MAAAI,CAAOC;IACL,IAAIC,EAAcD,EAAME,QAAQ,uBAAuBlB,KAAKmB,iBAAiBC,KAAKJ,EAAME;;EAI1F,OAAAG,CAAQL;IACN,IAAIC,EAAcD,EAAME,QAAQ,uBAAuBlB,KAAKsB,kBAAkBF,KAAKJ,EAAME;;EAI3F,OAAAK,CAAQP;IACN,IAAIC,EAAcD,EAAME,QAAQ,uBAAuBlB,KAAKwB,kBAAkBJ,KAAKJ,EAAME;;EAiC3F,mBAAYhB;IACV,OAAOuB,MAAMC,KAAK1B,KAAK2B,GAAGC,iBAAiB;;EAG7C,qBAAYhB;IACV,OAAOZ,KAAK6B,SACTC,cAA+B,0BAC/BC,iBAAiB;MAAEC,SAAS;OAAQ;;;;;EAOzC,MAAAC;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAmB,cAAarC,KAAKsC;MAAWC,MAAK;OAC9DL,EAAA;MAAAE,KAAA;MAAMI,cAAcxC,KAAKC;SAG3BiC,EAAA;MAAAE,KAAA;MAAMK,QAAM;MAAA,eAAa;MAAOC,KAAMC,KAAa3C,KAAK6B,WAAWc;OACjET,EAAA;MAAAE,KAAA;MAAMQ,MAAK;OACTV,EAAA;MAAAE,KAAA;MAAMC,OAAM;OAAuC","ignoreList":[]}
+{"version":3,"names":["bqBreadcrumbCss","BqBreadcrumbStyle0","BqBreadcrumb","spanElem","bqBreadcrumbBlur","bqBreadcrumbFocus","bqBreadcrumbClick","onBlur","event","isHTMLElement","detail","this","emit","onFocus","onClick","setSeparator","breadcrumbItems","forEach","item","index","arr","isLastItem","length","append","getSeparatorElem","clone","separatorFromSlot","cloneNode","slot","Array","from","el","querySelectorAll","querySelector","assignedElements","flatten","render","h","Host","key","class","ariaLabel","part","onSlotchange","hidden","ref","element","name"],"sources":["../../packages/beeq/src/components/breadcrumb/scss/bq-breadcrumb.scss?tag=bq-breadcrumb&encapsulation=shadow","../../packages/beeq/src/components/breadcrumb/bq-breadcrumb.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Breadcrumb styles                */\n/* -------------------------------------------------------------------------- */\n\n:host {\n  @apply block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core';\n\nimport { isHTMLElement } from '../../shared/utils';\n\n/**\n * @part navigation - The `nav` tag that loads the breadcrumb items\n */\n@Component({\n  tag: 'bq-breadcrumb',\n  styleUrl: './scss/bq-breadcrumb.scss',\n  shadow: true,\n})\nexport class BqBreadcrumb {\n  // Own Properties\n  // ====================\n\n  private spanElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqBreadcrumbElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** The `aria-label` attribute to describe the type of navigation */\n  @Prop({ reflect: true }) ariaLabel: string = 'Breadcrumbs';\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when `bq-breadcrumb-item` item loses focus. */\n  @Event() bqBreadcrumbBlur: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n  /** Handler to be called when `bq-breadcrumb-item` item gets focus. */\n  @Event() bqBreadcrumbFocus: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n  /** Handler to be called when `bq-breadcrumb-item` is selected (on click/enter press). */\n  @Event() bqBreadcrumbClick: EventEmitter<HTMLBqBreadcrumbItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  // Listeners\n  // ==============\n\n  @Listen('bqBlur', { passive: true })\n  onBlur(event: CustomEvent<HTMLElement>) {\n    if (isHTMLElement(event.detail, 'bq-breadcrumb-item')) this.bqBreadcrumbBlur.emit(event.detail);\n  }\n\n  @Listen('bqFocus', { passive: true })\n  onFocus(event: CustomEvent<HTMLElement>) {\n    if (isHTMLElement(event.detail, 'bq-breadcrumb-item')) this.bqBreadcrumbFocus.emit(event.detail);\n  }\n\n  @Listen('bqClick', { passive: true })\n  onClick(event: CustomEvent<HTMLElement>) {\n    if (isHTMLElement(event.detail, 'bq-breadcrumb-item')) this.bqBreadcrumbClick.emit(event.detail);\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private setSeparator = (): void => {\n    this.breadcrumbItems.forEach((item, index, arr) => {\n      item.isLastItem = index === arr.length - 1;\n      if (!item.isLastItem) {\n        item.append(this.getSeparatorElem());\n      }\n    });\n  };\n\n  /**\n   * clone original element and add slot attr\n   * @returns cloned separator element\n   */\n  private getSeparatorElem = (): HTMLElement => {\n    const clone = this.separatorFromSlot.cloneNode(true) as HTMLElement;\n    clone.slot = 'separator';\n\n    return clone;\n  };\n\n  private get breadcrumbItems(): HTMLBqBreadcrumbItemElement[] {\n    return Array.from(this.el.querySelectorAll('bq-breadcrumb-item'));\n  }\n\n  private get separatorFromSlot() {\n    return this.spanElem\n      .querySelector<HTMLSlotElement>('slot[name=\"separator\"]')\n      .assignedElements({ flatten: true })[0] as HTMLElement;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <Host>\n        <nav class=\"flex items-center\" aria-label={this.ariaLabel} part=\"navigation\">\n          <slot onSlotchange={this.setSeparator}></slot>\n        </nav>\n\n        <span hidden aria-hidden=\"true\" ref={(element) => (this.spanElem = element)}>\n          <slot name=\"separator\">\n            <span class=\"flex items-center justify-center is-3\">/</span>\n          </slot>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAkB,mqlBACxB,MAAAC,EAAeD,E,MCWFE,EAAY,M,qMAmBsB,a,CAfrCC,S,wBAyBCC,iBAGAC,kBAGAC,kBAUT,MAAAC,CAAOC,GACL,GAAIC,EAAcD,EAAME,OAAQ,sBAAuBC,KAAKP,iBAAiBQ,KAAKJ,EAAME,O,CAI1F,OAAAG,CAAQL,GACN,GAAIC,EAAcD,EAAME,OAAQ,sBAAuBC,KAAKN,kBAAkBO,KAAKJ,EAAME,O,CAI3F,OAAAI,CAAQN,GACN,GAAIC,EAAcD,EAAME,OAAQ,sBAAuBC,KAAKL,kBAAkBM,KAAKJ,EAAME,O,CAenFK,aAAe,KACrBJ,KAAKK,gBAAgBC,SAAQ,CAACC,EAAMC,EAAOC,KACzCF,EAAKG,WAAaF,IAAUC,EAAIE,OAAS,EACzC,IAAKJ,EAAKG,WAAY,CACpBH,EAAKK,OAAOZ,KAAKa,mB,IAEnB,EAOIA,iBAAmB,KACzB,MAAMC,EAAQd,KAAKe,kBAAkBC,UAAU,MAC/CF,EAAMG,KAAO,YAEb,OAAOH,CAAK,EAGd,mBAAYT,GACV,OAAOa,MAAMC,KAAKnB,KAAKoB,GAAGC,iBAAiB,sB,CAG7C,qBAAYN,GACV,OAAOf,KAAKR,SACT8B,cAA+B,0BAC/BC,iBAAiB,CAAEC,QAAS,OAAQ,E,CAOzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBAAmB,aAAa7B,KAAK8B,UAAWC,KAAK,cAC9DL,EAAA,QAAAE,IAAA,2CAAMI,aAAchC,KAAKI,gBAG3BsB,EAAA,QAAAE,IAAA,2CAAMK,OAAM,mBAAa,OAAOC,IAAMC,GAAanC,KAAKR,SAAW2C,GACjET,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,aACTV,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yCAAuC,O","ignoreList":[]}

package/dist/beeq/p-bb21df71.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{r,c as a,g as e,h as b}from"./p-16340dba.js";import{c as t}from"./p-1f3a4359.js";import{d as n}from"./p-1defeea3.js";import{i}from"./p-99829fc7.js";import{i as s}from"./p-ecd27cf2.js";const o='.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{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-auto{pointer-events:auto}.box-content{box-sizing:content-box}.block{display:block}.size-\\[--bq-slider--thumb-size\\]{height:var(--bq-slider--thumb-size);width:var(--bq-slider--thumb-size)}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.rounded-full{border-radius:var(--bq-radius--full)}.border-m{border-width:var(--bq-stroke-m)}.border-solid{border-style:solid}.border-brand{border-color:var(--bq-stroke--brand)}.transition-\\[background-color\\2c border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.bg-active-ui-brand{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%)}.border-active-brand{border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-active) 20%)}.border-hover-brand{border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.is-full{inline-size:100%}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.thumb{appearance:none;background-color:var(--bq-ui--primary);border-color:var(--bq-stroke--brand);border-radius:var(--bq-radius--full);border-style:solid;border-width:var(--bq-stroke-m);box-sizing:content-box;cursor:pointer;height:var(--bq-slider--thumb-size);pointer-events:auto;transition-duration:.3s;transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--bq-slider--thumb-size)}.thumb-focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.thumb-hover{border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.thumb-active{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%);border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-active) 20%);cursor:grabbing}@-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-slider--size:4px;--bq-slider--border-radius:var(--bq-radius--xs);--bq-slider--thumb-size:13px;--bq-slider--progress-color:var(--bq-ui--brand);--bq-slider--trackarea-color:var(--bq-ui--secondary);display:block;inline-size:100%}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--bq-ui--primary);border-color:var(--bq-stroke--brand);border-radius:var(--bq-radius--full);border-style:solid;border-width:var(--bq-stroke-m);box-sizing:content-box;cursor:pointer;height:var(--bq-slider--thumb-size);pointer-events:auto;transition-duration:.3s;transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--bq-slider--thumb-size)}input[type=range]::-webkit-slider-runnable-track{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1)}input[type=range]:focus-visible::-webkit-slider-thumb{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}input[type=range]:hover::-webkit-slider-thumb{border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}input[type=range]:active::-webkit-slider-thumb{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%);border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-active) 20%);cursor:grabbing}input[type=range][disabled]::-webkit-slider-thumb{cursor:not-allowed}input[type=range]::-moz-range-thumb{appearance:none;background-color:var(--bq-ui--primary);border-color:var(--bq-stroke--brand);border-radius:var(--bq-radius--full);border-style:solid;border-width:var(--bq-stroke-m);box-sizing:content-box;cursor:pointer;height:var(--bq-slider--thumb-size);pointer-events:auto;transition-duration:.3s;transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--bq-slider--thumb-size)}input[type=range]::-moz-range-track{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,1,1)}input[type=range]:focus-visible::-moz-range-thumb{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}input[type=range]:hover::-moz-range-thumb{border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}input[type=range]:active::-moz-range-thumb{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-active) 20%);border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-active) 20%);cursor:grabbing}input[type=range][disabled]::-moz-range-thumb{cursor:not-allowed}.-translate-y-1\\/2{--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;--tw-translate-y:-50%;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))}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.start-0{inset-inline-start:0}.me-xs{margin-inline-end:var(--bq-spacing-xs)}.ms-xs{margin-inline-start:var(--bq-spacing-xs)}.flex{display:flex}.hidden{display:none}.rounded-xs{border-radius:var(--bq-radius--xs)}.bg-\\[--bq-slider--progress-color\\]{background-color:var(--bq-slider--progress-color)}.bg-\\[--bq-slider--trackarea-color\\]{background-color:var(--bq-slider--trackarea-color)}.bg-transparent{background-color:transparent}.text-start{text-align:start}.text-end{text-align:end}.text-s{font-size:var(--bq-font-size--s)}.font-medium{font-weight:var(--bq-font-weight--medium)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-primary{color:var(--bq-text--primary)}.opacity-60{opacity:.6}.outline-none{outline:2px solid transparent;outline-offset:2px}.bs-1{block-size:.25rem}.is-1{inline-size:.25rem}.is-\\[50\\%\\]{inline-size:50%}.is-fit{inline-size:fit-content}.min-is-8{min-inline-size:2rem}.inset-bs-\\[50\\%\\]{inset-block-start:50%}.\\[font-variant\\:tabular-nums\\]{font-variant:tabular-nums}.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}}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.\\[\\&\\:\\:part\\(panel\\)\\]\\:absolute::part(panel){position:absolute}.visible{visibility:visible}.fixed{position:fixed}';const q=o;const d=class{constructor(e){r(this,e);this.bqChange=a(this,"bqChange",7);this.bqBlur=a(this,"bqBlur",7);this.bqFocus=a(this,"bqFocus",7);this.minValue=undefined;this.maxValue=undefined;this.minThumbPosition=undefined;this.maxThumbPosition=undefined;this.debounceTime=0;this.disabled=false;this.enableValueIndicator=false;this.gap=0;this.max=100;this.min=0;this.step=1;this.type="single";this.value=undefined;this.enableTooltip=false;this.tooltipAlwaysVisible=false}inputMinElem;inputMaxElem;minTooltipElem;maxTooltipElem;progressElem;trackElem;debounceBqChange;get el(){return e(this)}handleValuePropChange(r){this.setState(r);this.emitBqChange()}handleStepPropChange(){this.minValue=Math.round(this.minValue/this.step)*this.step;this.maxValue=Math.round(this.maxValue/this.step)*this.step}handleGapChange(r){if(!this.isRangeType)return;const a=!i(this.min)&&!i(this.max)?[this.min,this.max]:this.stringToObject(this.value);this.gap=r<a[0]||r>a[1]?0:r}bqChange;bqBlur;bqFocus;connectedCallback(){this.init()}componentWillLoad(){this.init()}componentDidLoad(){this.runUpdates()}componentDidUpdate(){this.runUpdates()}init=()=>{this.handleGapChange(this.gap);this.setState(this.value);this.handleStepPropChange()};runUpdates=()=>{this.updateProgressTrack();this.syncInputsValue();this.setThumbPosition()};setState=r=>{const a=this.isRangeType;const e=this.stringToObject(r);this.minValue=a?t(e[0],this.min,this.max-this.gap):e;this.maxValue=a?t(e[1],this.minValue+this.gap,this.max):this.minValue};setThumbPosition=()=>{if(!this.enableTooltip)return;({minThumbPosition:this.minThumbPosition,maxThumbPosition:this.maxThumbPosition}=this.thumbPosition())};syncInputsValue=()=>{this.inputMinElem?.setAttribute("value",this.minValue.toString());this.inputMaxElem?.setAttribute("value",this.maxValue.toString())};stringToObject=r=>s(r)?JSON.parse(r):r;handleInputChange=(r,a)=>{const e=a.target;const b=parseFloat(e.value);if(r==="min"){this.minValue=this.isRangeType?Math.min(b,this.maxValue-this.gap):b}else if(r==="max"){this.maxValue=this.isRangeType?Math.max(b,this.minValue+this.gap):b}const t=(r==="min"?this.minValue:this.maxValue).toString();e.value=t;e.setAttribute("value",t);this.value=this.isRangeType?[this.minValue,this.maxValue]:this.minValue};calculatePercent=r=>{const a=Number(this.max)-Number(this.min);return r/a*100};updateProgressTrack=()=>{if(!this.progressElem)return;const r=this.isRangeType?this.calculatePercent(this.minValue):0;const a=this.isRangeType?this.calculatePercent(Number(this.maxValue)-Number(this.minValue)):this.calculatePercent(this.minValue);this.progressElem.style.insetInlineStart=`${r}%`;this.progressElem.style.inlineSize=`${a}%`};calculateThumbPosition=r=>{if(!this.progressElem)return;const a=this.trackElem.getBoundingClientRect().width;const e=parseInt(getComputedStyle(this.el).getPropertyValue("--bq-slider--thumb-size"),10)+4;const b=a-e;return(r-this.min)/(this.max-this.min)*b+e/2};thumbPosition=()=>{const r=this.calculateThumbPosition(this.minValue);const a=this.isRangeType?this.calculateThumbPosition(this.maxValue):undefined;return{minThumbPosition:r,maxThumbPosition:a}};emitBqChange=()=>{this.debounceBqChange?.cancel();const r=this.isRangeType?[this.minValue,this.maxValue]:this.minValue;this.debounceBqChange=n((()=>this.bqChange.emit({value:r,el:this.el})),this.debounceTime);this.debounceBqChange()};handleBlur=()=>{this.bqBlur.emit(this.el)};handleFocus=()=>{this.bqFocus.emit(this.el)};handleMouseDown=r=>{this.handleTooltipVisibility(r,"remove")};handleMouseUp=r=>{this.handleTooltipVisibility(r,"add")};handleTooltipVisibility=(r,a)=>{if(!this.enableTooltip||this.tooltipAlwaysVisible)return;const e=r.target;const b=e===this.inputMinElem?this.minTooltipElem:this.maxTooltipElem;b.classList[a]("hidden")};get decimalCount(){return(this.step%1).toFixed(10).split(".")[1].replace(/0+$/,"").length}get isRangeType(){return this.type==="range"}get isTooltipAlwaysVisible(){return this.tooltipAlwaysVisible&&this.enableTooltip}renderLabel=(r,a,e)=>b("span",{class:{[`${e} box-content block text-s font-medium leading-regular text-primary is-fit min-is-8 [font-variant:tabular-nums]`]:true,hidden:a==="start"?!this.enableValueIndicator:!this.enableValueIndicator||!this.isRangeType},part:`label-${a}`},r.toFixed(this.decimalCount));renderInput=(r,a,e)=>{const t=r=>{const a={min:this.minValue===this.min&&this.maxValue===this.minValue,max:this.maxValue===this.max&&this.minValue===this.maxValue};return a[r]?"-1":"0"};return b("input",{type:"range",class:{"absolute start-0 -translate-y-1/2 cursor-pointer appearance-none bg-transparent outline-none is-full inset-bs-[50%] disabled:cursor-not-allowed":true,"pointer-events-none":this.isRangeType},style:this.isRangeType?{zIndex:t(r)}:undefined,disabled:this.disabled,min:this.min,max:this.max,step:this.step,ref:e,onInput:a=>this.handleInputChange(r,a),onBlur:this.handleBlur,onFocus:this.handleFocus,onMouseDown:this.handleMouseDown,onMouseUp:this.handleMouseUp,value:a,part:`input-${r}`})};renderTooltip=(r,a,e)=>b("bq-tooltip",{class:{"absolute [&::part(panel)]:absolute":true,hidden:!this.isTooltipAlwaysVisible},exportparts:"base,trigger,panel",alwaysVisible:true,distance:this.enableValueIndicator?6:16,style:{insetInlineStart:`${a}px`,fontVariant:"tabular-nums"},ref:e},b("div",{class:"absolute bs-1 is-1",slot:"trigger"}),r.toFixed(this.decimalCount));render(){return b("div",{key:"b1a7ed6996e58caeedad0b01e40d35b2c965c538","aria-disabled":this.disabled?"true":"false",class:{"flex is-full":true,"cursor-not-allowed opacity-60":this.disabled},part:"base"},this.renderLabel(this.minValue,"start","me-xs text-end"),b("div",{key:"26a02fe059a4574ace3351aa40c2988ed2ac7ccc",class:"relative is-full",part:"container"},b("span",{key:"cb54afa2b95756d9453d44c6eaf6b4410002cdbe",class:"absolute start-0 -translate-y-1/2 rounded-xs bg-[--bq-slider--trackarea-color] bs-1 is-full inset-bs-[50%]",ref:r=>this.trackElem=r,part:"track-area"}),b("span",{key:"f65177846f32e3a2e8d6fa057685b25561587706",class:"absolute -translate-y-1/2 rounded-xs bg-[--bq-slider--progress-color] bs-1 is-[50%] inset-bs-[50%]",ref:r=>this.progressElem=r,part:"progress-area"}),this.enableTooltip&&this.renderTooltip(this.minValue,this.minThumbPosition,(r=>this.minTooltipElem=r)),this.renderInput("min",this.minValue,(r=>this.inputMinElem=r)),this.enableTooltip&&this.isRangeType&&this.renderTooltip(this.maxValue,this.maxThumbPosition,(r=>this.maxTooltipElem=r)),this.isRangeType&&this.renderInput("max",this.maxValue,(r=>this.inputMaxElem=r))),this.renderLabel(this.maxValue,"end","ms-xs text-start"))}static get delegatesFocus(){return true}static get watchers(){return{value:["handleValuePropChange"],step:["handleStepPropChange"],gap:["handleGapChange"]}}};d.style=q;export{d as bq_slider};
+//# sourceMappingURL=p-bb21df71.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["bqSliderCss","BqSliderStyle0","BqSlider","inputMinElem","inputMaxElem","minTooltipElem","maxTooltipElem","progressElem","trackElem","debounceBqChange","handleValuePropChange","newValue","this","setState","emitBqChange","handleStepPropChange","minValue","Math","round","step","maxValue","handleGapChange","isRangeType","value","isNil","min","max","stringToObject","gap","bqChange","bqBlur","bqFocus","connectedCallback","init","componentWillLoad","componentDidLoad","runUpdates","componentDidUpdate","updateProgressTrack","syncInputsValue","setThumbPosition","clamp","enableTooltip","minThumbPosition","maxThumbPosition","thumbPosition","setAttribute","toString","isString","JSON","parse","handleInputChange","type","event","target","parseFloat","reflectedValue","calculatePercent","totalRange","Number","left","width","style","insetInlineStart","inlineSize","calculateThumbPosition","trackAreaWidth","getBoundingClientRect","inputThumbSize","parseInt","getComputedStyle","el","getPropertyValue","totalWidth","undefined","cancel","debounce","emit","debounceTime","handleBlur","handleFocus","handleMouseDown","handleTooltipVisibility","handleMouseUp","action","tooltipAlwaysVisible","tooltipElem","classList","decimalCount","toFixed","split","replace","length","isTooltipAlwaysVisible","renderLabel","position","css","h","class","hidden","enableValueIndicator","part","renderInput","refCallback","zIndexValue","zIndex","disabled","ref","onInput","ev","onBlur","onFocus","onMouseDown","onMouseUp","renderTooltip","exportparts","alwaysVisible","distance","fontVariant","slot","render","key","elem","input"],"sources":["../../packages/beeq/src/components/slider/scss/bq-slider.scss?tag=bq-slider&encapsulation=shadow","../../packages/beeq/src/components/slider/bq-slider.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                               Slider styles                                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-slider.variables';\n\n@layer components {\n  .thumb {\n    @apply pointer-events-auto box-content size-[--bq-slider--thumb-size] cursor-pointer appearance-none rounded-full border-m border-solid border-brand bg-ui-primary;\n    @apply transition-[background-color,border-color,box-shadow] duration-300;\n  }\n\n  .thumb-focus {\n    @apply focus;\n  }\n\n  .thumb-hover {\n    @apply border-hover-brand;\n  }\n\n  .thumb-active {\n    @apply cursor-grabbing bg-active-ui-brand border-active-brand;\n  }\n}\n\n:host {\n  @apply block is-full;\n}\n\n/* ---------------------- Webkit (Chrome, Safari, Edge) --------------------- */\n\ninput[type='range']::-webkit-slider-thumb {\n  @apply thumb;\n}\n\ninput[type='range']::-webkit-slider-runnable-track {\n  @apply transition-all duration-300 ease-in;\n}\n\ninput[type='range']:focus-visible::-webkit-slider-thumb {\n  @apply thumb-focus;\n}\n\ninput[type='range']:hover::-webkit-slider-thumb {\n  @apply thumb-hover;\n}\n\ninput[type='range']:active::-webkit-slider-thumb {\n  @apply thumb-active;\n}\n\ninput[type='range'][disabled]::-webkit-slider-thumb {\n  @apply cursor-not-allowed;\n}\n\n/* ---------------------------- Mozilla (Firefox) --------------------------- */\n\ninput[type='range']::-moz-range-thumb {\n  @apply thumb;\n}\n\ninput[type='range']::-moz-range-track {\n  @apply transition-all duration-300 ease-in;\n}\n\ninput[type='range']:focus-visible::-moz-range-thumb {\n  @apply thumb-focus;\n}\n\ninput[type='range']:hover::-moz-range-thumb {\n  @apply thumb-hover;\n}\n\ninput[type='range']:active::-moz-range-thumb {\n  @apply thumb-active;\n}\n\ninput[type='range'][disabled]::-moz-range-thumb {\n  @apply cursor-not-allowed;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\n\nimport { TSliderType, TSliderValue } from './bq-slider.types';\nimport { clamp, debounce, isNil, isString, TDebounce } from '../../shared/utils';\n\n/**\n * @part base - The component's base wrapper.\n * @part container - The container of the slider.\n * @part track-area - The track area of the slider.\n * @part progress-area - The progress area of the slider.\n * @part input-min - The input element for the value when the slider type is `single` or the minimum value when the slider type is `range`.\n * @part input-max - The input element for the maximum value.\n * @part label-start - The label for the value when the slider type is `single` or the minimum value when the slider type is `range`.\n * @part label-end - The label for maximum value when the slider type is `range`.\n */\n@Component({\n  tag: 'bq-slider',\n  styleUrl: './scss/bq-slider.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqSlider {\n  // Own Properties\n  // ====================\n\n  private inputMinElem: HTMLInputElement;\n  private inputMaxElem: HTMLInputElement;\n  private minTooltipElem: HTMLBqTooltipElement;\n  private maxTooltipElem: HTMLBqTooltipElement;\n  private progressElem: HTMLSpanElement;\n  private trackElem: HTMLSpanElement;\n  private debounceBqChange: TDebounce<void>;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSliderElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  /**\n   * The `minValue` state is the only value when the slider type is `single`\n   * and the minimum value when the slider type is `range`.\n   */\n  @State() minValue: number;\n  /** The `maxValue` state is only used when the slider type is `range`. */\n  @State() maxValue: number;\n  /** It hold the left position of the Thumb for the value or the minimum value (if the slider type is `range`) */\n  @State() minThumbPosition: number;\n  /** It hold the left position of the Thumb for the maximum value (if the slider type is `range`) */\n  @State() maxThumbPosition: number;\n\n  // Public Property API\n  // ========================\n\n  /** The amount of time, in milliseconds, to wait to trigger the `bqChange` event after each value change. */\n  @Prop({ reflect: true }) debounceTime = 0;\n\n  /** If `true` the slider is disabled. */\n  @Prop({ reflect: true }) disabled? = false;\n\n  /** If `true` it will show the value label on a side of the slider track area */\n  @Prop({ reflect: true }) enableValueIndicator? = false;\n\n  /** A number representing the amount to remain between the minimum and maximum values (only for range type). */\n  @Prop({ reflect: true, mutable: true }) gap = 0;\n\n  /** A number representing the max value of the slider. */\n  @Prop({ reflect: true }) max = 100;\n\n  /** A number representing the min value of the slider. */\n  @Prop({ reflect: true }) min = 0;\n\n  /**\n   * A number representing the step of the slider.\n   * ⚠️ Please notice that the value (or list of values if the slider type is `range`) will be rounded to the nearest multiple of `step`.\n   */\n  @Prop({ reflect: true }) step = 1;\n\n  /** It defines the type of slider to display  */\n  @Prop({ reflect: true }) type: TSliderType = 'single';\n\n  /**\n   * The value of the slider.\n   * - If the slider type is `single`, the value is a number.\n   * - If the slider type is `range`, the value is an array of two numbers (the first number represents the `min` value and the second number represents the `max` value).\n   */\n  @Prop({ reflect: true, mutable: true }) value: TSliderValue;\n\n  /** If `true`, a tooltip will be shown displaying the progress value */\n  @Prop({ reflect: true }) enableTooltip: boolean = false;\n\n  /**\n   * If `true`, a tooltip will always display the progress value.\n   * It relies on enableTooltip and if enableTooltip is false, tooltipAlwaysVisible cannot be true.\n   */\n  @Prop({ reflect: true }) tooltipAlwaysVisible: boolean = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValuePropChange(newValue: TSliderValue) {\n    this.setState(newValue);\n    this.emitBqChange();\n  }\n\n  @Watch('step')\n  handleStepPropChange() {\n    this.minValue = Math.round(this.minValue / this.step) * this.step;\n    this.maxValue = Math.round(this.maxValue / this.step) * this.step;\n  }\n\n  @Watch('gap')\n  handleGapChange(newValue: number) {\n    if (!this.isRangeType) return;\n    // Use the this.value prop value when the component is initialized\n    // Otherwise, use the current this.min and this.max state values\n    const value = !isNil(this.min) && !isNil(this.max) ? [this.min, this.max] : this.stringToObject(this.value);\n    // If the gap is less than the min or greater than the max, set it to 0\n    this.gap = newValue < value[0] || newValue > value[1] ? 0 : newValue;\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when change the value on range inputs */\n  @Event() bqChange: EventEmitter<{ value: Exclude<TSliderValue, string>; el: HTMLBqSliderElement }>;\n\n  /** Handler to be called when the slider loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqSliderElement>;\n\n  /** Handler to be called when the slider gets focused */\n  @Event() bqFocus: EventEmitter<HTMLBqSliderElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.init();\n  }\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  componentDidLoad() {\n    this.runUpdates();\n  }\n\n  componentDidUpdate() {\n    this.runUpdates();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private init = () => {\n    this.handleGapChange(this.gap);\n    this.setState(this.value);\n    this.handleStepPropChange();\n  };\n\n  private runUpdates = () => {\n    this.updateProgressTrack();\n    this.syncInputsValue();\n    this.setThumbPosition();\n  };\n\n  private setState = (newValue: TSliderValue) => {\n    const isRangeType = this.isRangeType;\n    const value = this.stringToObject(newValue);\n\n    this.minValue = isRangeType ? clamp(value[0], this.min, this.max - this.gap) : value;\n    this.maxValue = isRangeType ? clamp(value[1], this.minValue + this.gap, this.max) : this.minValue;\n  };\n\n  private setThumbPosition = () => {\n    if (!this.enableTooltip) return;\n\n    // Destructure the returned object from this.thumbPosition() and assign the properties to this.minThumbPosition and this.maxThumbPosition\n    ({ minThumbPosition: this.minThumbPosition, maxThumbPosition: this.maxThumbPosition } = this.thumbPosition());\n  };\n\n  private syncInputsValue = () => {\n    this.inputMinElem?.setAttribute('value', this.minValue.toString());\n    this.inputMaxElem?.setAttribute('value', this.maxValue.toString());\n  };\n\n  private stringToObject = (value: TSliderValue) => (isString(value) ? JSON.parse(value) : value);\n\n  private handleInputChange = (type: 'min' | 'max', event: InputEvent) => {\n    const target = event.target as HTMLInputElement;\n    const value = parseFloat(target.value);\n\n    if (type === 'min') {\n      this.minValue = this.isRangeType ? Math.min(value, this.maxValue - this.gap) : value;\n    } else if (type === 'max') {\n      this.maxValue = this.isRangeType ? Math.max(value, this.minValue + this.gap) : value;\n    }\n\n    // Update the input value to reflect the clamped value\n    const reflectedValue = (type === 'min' ? this.minValue : this.maxValue).toString();\n    target.value = reflectedValue;\n    target.setAttribute('value', reflectedValue);\n\n    // Sync the prop value.\n    // This will trigger the `@Watch('value')` method and emit the `bqChange` event.\n    this.value = this.isRangeType ? [this.minValue, this.maxValue] : this.minValue;\n  };\n\n  private calculatePercent = (value: number) => {\n    const totalRange = Number(this.max) - Number(this.min);\n    return (value / totalRange) * 100;\n  };\n\n  private updateProgressTrack = () => {\n    if (!this.progressElem) return;\n\n    // For range type, left starts from the `min` value and width is the difference between `max` and `min`.\n    // For non-range type, left starts from 0 and width is the `min` value.\n    const left = this.isRangeType ? this.calculatePercent(this.minValue) : 0;\n    const width = this.isRangeType\n      ? this.calculatePercent(Number(this.maxValue) - Number(this.minValue))\n      : this.calculatePercent(this.minValue);\n\n    this.progressElem.style.insetInlineStart = `${left}%`;\n    this.progressElem.style.inlineSize = `${width}%`;\n  };\n\n  private calculateThumbPosition = (value: number): number => {\n    if (!this.progressElem) return;\n\n    // Get the width of the track area and the size of the input range thumb\n    const trackAreaWidth = this.trackElem.getBoundingClientRect().width;\n    // We need to also add 4px to the thumb size,\n    // this is because the thumb is 2px border (`border-m`)\n    const inputThumbSize = parseInt(getComputedStyle(this.el).getPropertyValue('--bq-slider--thumb-size'), 10) + 4;\n    const totalWidth = trackAreaWidth - inputThumbSize;\n\n    return ((value - this.min) / (this.max - this.min)) * totalWidth + inputThumbSize / 2;\n  };\n\n  private thumbPosition = (): { minThumbPosition: number; maxThumbPosition?: number } => {\n    const minThumbPosition = this.calculateThumbPosition(this.minValue);\n    const maxThumbPosition = this.isRangeType ? this.calculateThumbPosition(this.maxValue) : undefined;\n\n    return { minThumbPosition, maxThumbPosition };\n  };\n\n  private emitBqChange = () => {\n    this.debounceBqChange?.cancel();\n\n    const value: Exclude<TSliderValue, string> = this.isRangeType ? [this.minValue, this.maxValue] : this.minValue;\n    this.debounceBqChange = debounce(() => this.bqChange.emit({ value, el: this.el }), this.debounceTime);\n\n    this.debounceBqChange();\n  };\n\n  private handleBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleMouseDown = (event: MouseEvent) => {\n    this.handleTooltipVisibility(event, 'remove');\n  };\n\n  private handleMouseUp = (event: MouseEvent) => {\n    this.handleTooltipVisibility(event, 'add');\n  };\n\n  private handleTooltipVisibility = (event: MouseEvent, action: 'add' | 'remove') => {\n    if (!this.enableTooltip || this.tooltipAlwaysVisible) return;\n\n    const target = event.target as HTMLElement;\n    const tooltipElem = target === this.inputMinElem ? this.minTooltipElem : this.maxTooltipElem;\n    tooltipElem.classList[action]('hidden');\n  };\n\n  private get decimalCount(): number {\n    // Return the length of the decimal part of the step value.\n    return (this.step % 1).toFixed(10).split('.')[1].replace(/0+$/, '').length;\n  }\n\n  private get isRangeType() {\n    return this.type === 'range';\n  }\n\n  private get isTooltipAlwaysVisible(): boolean {\n    return this.tooltipAlwaysVisible && this.enableTooltip;\n  }\n\n  private renderLabel = (value: number, position: 'start' | 'end', css?: string) => {\n    return (\n      <span\n        class={{\n          [`${css} box-content block text-s font-medium leading-regular text-primary is-fit min-is-8 [font-variant:tabular-nums]`]:\n            true,\n          hidden: position === 'start' ? !this.enableValueIndicator : !this.enableValueIndicator || !this.isRangeType,\n        }}\n        part={`label-${position}`}\n      >\n        {value.toFixed(this.decimalCount)}\n      </span>\n    );\n  };\n\n  private renderInput = (type: 'max' | 'min', value: number, refCallback: (input: HTMLInputElement) => void) => {\n    // Determine the zIndex value based on the type and the current min and max values.\n    const zIndexValue = (type: 'min' | 'max'): string => {\n      const zIndex = {\n        min: this.minValue === this.min && this.maxValue === this.minValue,\n        max: this.maxValue === this.max && this.minValue === this.maxValue,\n      };\n\n      // If the value of both thumbs is the same as the min or max value, set the zIndex to -1\n      return zIndex[type] ? '-1' : '0';\n    };\n\n    return (\n      <input\n        type=\"range\"\n        class={{\n          'absolute start-0 -translate-y-1/2 cursor-pointer appearance-none bg-transparent outline-none is-full inset-bs-[50%] disabled:cursor-not-allowed':\n            true,\n          'pointer-events-none': this.isRangeType,\n        }}\n        style={this.isRangeType ? { zIndex: zIndexValue(type) } : undefined}\n        disabled={this.disabled}\n        min={this.min}\n        max={this.max}\n        step={this.step}\n        ref={refCallback}\n        onInput={(ev) => this.handleInputChange(type, ev)}\n        onBlur={this.handleBlur}\n        onFocus={this.handleFocus}\n        onMouseDown={this.handleMouseDown}\n        onMouseUp={this.handleMouseUp}\n        value={value}\n        part={`input-${type}`}\n      />\n    );\n  };\n\n  private renderTooltip = (\n    value: number,\n    thumbPosition: number,\n    refCallback: (elem: HTMLBqTooltipElement) => void,\n  ): HTMLBqTooltipElement => (\n    <bq-tooltip\n      class={{\n        'absolute [&::part(panel)]:absolute': true,\n        hidden: !this.isTooltipAlwaysVisible,\n      }}\n      exportparts=\"base,trigger,panel\"\n      alwaysVisible={true}\n      distance={this.enableValueIndicator ? 6 : 16}\n      style={{ insetInlineStart: `${thumbPosition}px`, fontVariant: 'tabular-nums' }}\n      ref={refCallback}\n    >\n      <div class=\"absolute bs-1 is-1\" slot=\"trigger\" />\n      {value.toFixed(this.decimalCount)}\n    </bq-tooltip>\n  );\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        aria-disabled={this.disabled ? 'true' : 'false'}\n        class={{ 'flex is-full': true, 'cursor-not-allowed opacity-60': this.disabled }}\n        part=\"base\"\n      >\n        {/* LABEL (start) */}\n        {this.renderLabel(this.minValue, 'start', 'me-xs text-end')}\n        {/* SLIDER */}\n        <div class=\"relative is-full\" part=\"container\">\n          {/* TRACK AREA */}\n          <span\n            class=\"absolute start-0 -translate-y-1/2 rounded-xs bg-[--bq-slider--trackarea-color] bs-1 is-full inset-bs-[50%]\"\n            ref={(elem) => (this.trackElem = elem)}\n            part=\"track-area\"\n          />\n          {/* PROGRESS AREA */}\n          <span\n            class=\"absolute -translate-y-1/2 rounded-xs bg-[--bq-slider--progress-color] bs-1 is-[50%] inset-bs-[50%]\"\n            ref={(elem) => (this.progressElem = elem)}\n            part=\"progress-area\"\n          />\n          {/* TOOLTIP on top of the value or min value (if the slider type is `range`) */}\n          {this.enableTooltip &&\n            this.renderTooltip(this.minValue, this.minThumbPosition, (elem) => (this.minTooltipElem = elem))}\n          {/* INPUT (Min), used on single type */}\n          {this.renderInput('min', this.minValue, (input) => (this.inputMinElem = input))}\n          {/* TOOLTIP on top of the max value (if the slider type is `range`) */}\n          {this.enableTooltip &&\n            this.isRangeType &&\n            this.renderTooltip(this.maxValue, this.maxThumbPosition, (elem) => (this.maxTooltipElem = elem))}\n          {/* INPUT (Max) */}\n          {this.isRangeType && this.renderInput('max', this.maxValue, (input) => (this.inputMaxElem = input))}\n        </div>\n        {/* LABEL (end) */}\n        {this.renderLabel(this.maxValue, 'end', 'ms-xs text-start')}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-bdbc5548.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{r,c as e,g as a,h as b}from"./p-16340dba.js";import{d as t}from"./p-1defeea3.js";import{i as n}from"./p-fe8d5dea.js";import{i}from"./p-57621be1.js";import{i as o}from"./p-99829fc7.js";import{b as q}from"./p-d7ce7165.js";import"./p-ecd27cf2.js";const s='.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{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.me-\\[--bq-input--gap\\]{margin-inline-end:var(--bq-input--gap)}.ms-\\[--bq-input--gap\\]{margin-inline-start:var(--bq-input--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.rounded-\\[--bq-input--border-radius\\]{border-radius:var(--bq-input--border-radius)}.rounded-xs{border-radius:var(--bq-radius--xs)}.border-\\[length\\:--bq-input--border-width\\]{border-width:var(--bq-input--border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-input--border-color-focus\\]{border-color:var(--bq-input--border-color-focus)}.border-\\[color\\:--bq-input--border-color\\]{border-color:var(--bq-input--border-color)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-inherit{background-color:inherit}.pe-\\[--bq-input--padding-end\\]{padding-inline-end:var(--bq-input--padding-end)}.ps-\\[--bq-input--padding-start\\]{padding-inline-start:var(--bq-input--padding-start)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-input--helper-text-size\\]{font-size:var(--bq-input--helper-text-size)}.text-\\[length\\:--bq-input--label-text-size\\]{font-size:var(--bq-input--label-text-size)}.text-\\[length\\:--bq-input--text-size\\]{font-size:var(--bq-input--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[color\\:--bq-input--helper-text-color\\]{color:var(--bq-input--helper-text-color)}.text-\\[color\\:--bq-input--label-text-color\\]{color:var(--bq-input--label-text-color)}.text-\\[color\\:--bq-input--text-color\\]{color:var(--bq-input--text-color)}.text-danger{color:var(--bq-text--danger)}.text-success{color:var(--bq-text--success)}.text-warning{color:var(--bq-text--warning)}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bs-auto{block-size:auto}.is-full{inline-size:100%}.min-bs-\\[--bq-input--icon-size\\]{min-block-size:var(--bq-input--icon-size)}.min-is-0{min-inline-size:0}.p-b-0{padding-block:0}.p-b-\\[--bq-input--paddingY\\]{padding-block:var(--bq-input--paddingY)}.p-i-0{padding-inline:0}.m-b-0{margin-block:0}.m-be-\\[--bq-input--label-margin-bottom\\]{margin-block-end:var(--bq-input--label-margin-bottom)}.m-bs-\\[--bq-input--helper-margin-top\\]{margin-block-start:var(--bq-input--helper-margin-top)}.m-i-0{margin-inline:0}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-input--background-color:var(--bq-ui--primary);--bq-input--border-color:var(--bq-stroke--tertiary);--bq-input--border-color-focus:var(--bq-stroke--brand);--bq-input--border-radius:var(--bq-radius--s);--bq-input--border-width:var(--bq-stroke-s);--bq-input--border-style:solid;--bq-input--gap:var(--bq-spacing-xs);--bq-input--helper-margin-top:var(--bq-spacing-xs);--bq-input--helper-text-size:var(--bq-font-size--s);--bq-input--helper-text-color:var(--bq-text--primary);--bq-input--icon-size:24px;--bq-input--label-margin-bottom:var(--bq-spacing-xs);--bq-input--label-text-size:var(--bq-font-size--s);--bq-input--label-text-color:var(--bq-text--primary);--bq-input--padding-start:var(--bq-spacing-m);--bq-input--padding-end:var(--bq-spacing-m);--bq-input--paddingY:var(--bq-spacing-s);--bq-input--text-color:var(--bq-text--primary);--bq-input--text-size:var(--bq-font-size--m);--bq-input--text-placeholder-color:var(--bq-text--secondary);display:block;inline-size:100%}.bq-input--label{align-items:center;color:var(--bq-input--label-text-color);display:flex;flex-grow:1;font-size:var(--bq-input--label-text-size);margin-block-end:var(--bq-input--label-margin-bottom)}.bq-input--helper-text{color:var(--bq-input--helper-text-color);font-size:var(--bq-input--helper-text-size);margin-block-start:var(--bq-input--helper-margin-top)}.bq-input--helper-text.validation-error{color:var(--bq-text--danger)}.bq-input--helper-text.validation-success{color:var(--bq-text--success)}.bq-input--helper-text.validation-warning{color:var(--bq-text--warning)}.bq-input--control{align-items:center;border-color:var(--bq-input--border-color);border-radius:var(--bq-input--border-radius);border-style:var(--bq-input--border-style);border-width:var(--bq-input--border-width);color:var(--bq-input--text-color);display:flex;font-size:var(--bq-input--text-size);inline-size:100%;padding-block:var(--bq-input--paddingY);padding-inline-end:var(--bq-input--padding-end);padding-inline-start:var(--bq-input--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-input--control::placeholder{color:var(--bq-input--text-placeholder-color)}.bq-input--control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-input--control:not(.disabled):focus-within{--bq-ring-width:1px;--bq-ring-offset-width:0;--bq-ring-color-focus:var(--bq-input--border-color-focus);border-color:var(--bq-input--border-color-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-input--control:not(.disabled):focus-within .bq-input--control__clear,.bq-input--control:not(.disabled):hover .bq-input--control__clear{display:inline-block}.bq-input--control.disabled{cursor:not-allowed;opacity:.6}.bq-input--control.validation-error{border-color:var(--bq-stroke--danger)}.bq-input--control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-input--control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-input--control.validation-success{border-color:var(--bq-stroke--success)}.bq-input--control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-input--control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-input--control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-input--control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-input--control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-input--control__input{appearance:none;background-color:inherit;border-style:none;-webkit-box-shadow:none;box-shadow:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;font-weight:inherit;margin-block:0;margin-inline:0;min-block-size:var(--bq-input--icon-size);min-inline-size:0;padding-block:0;padding-inline:0}.bq-input--control__input:focus{outline:2px solid transparent;outline-offset:2px}.bq-input--control__input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-input--control__clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial;block-size:auto;border-radius:var(--bq-radius--xs);border-style:none;padding-block:0;padding-inline:0}.bq-input--control__prefix,.bq-input--control__suffix{align-items:center;color:var(--bq-input--text-color);display:flex;pointer-events:none}.bq-input--control__prefix{margin-inline-end:var(--bq-input--gap)}.bq-input--control__suffix{margin-inline-start:var(--bq-input--gap)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-input--icon-size)!important}.bq-input--control__input::-moz-search-cancel{appearance:none;display:none}.bq-input--control__input::-webkit-search-cancel-button,.bq-input--control__input::-webkit-search-decoration,.bq-input--control__input::-webkit-search-results-button,.bq-input--control__input::-webkit-search-results-decoration{appearance:none;display:none}.bq-input--control__input::-webkit-datetime-edit,.bq-input--control__input::-webkit-datetime-edit-day-field,.bq-input--control__input::-webkit-datetime-edit-fields-wrapper,.bq-input--control__input::-webkit-datetime-edit-hour-field,.bq-input--control__input::-webkit-datetime-edit-meridiem-field,.bq-input--control__input::-webkit-datetime-edit-millisecond-field,.bq-input--control__input::-webkit-datetime-edit-minute-field,.bq-input--control__input::-webkit-datetime-edit-month-field,.bq-input--control__input::-webkit-datetime-edit-second-field,.bq-input--control__input::-webkit-datetime-edit-year-field{padding-block:0;padding-inline:0}.placeholder\\:text-\\[color\\:--bq-input--text-placeholder-color\\]::placeholder{color:var(--bq-input--text-placeholder-color)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.visible{visibility:visible}.static{position:static}.\\!hidden{display:none!important}.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}}.text-\\[color\\:--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 l=s;const d=class{constructor(a){r(this,a);this.bqBlur=e(this,"bqBlur",7);this.bqChange=e(this,"bqChange",7);this.bqClear=e(this,"bqClear",7);this.bqFocus=e(this,"bqFocus",7);this.bqInput=e(this,"bqInput",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.hasHelperText=false;this.hasLabel=false;this.hasPrefix=false;this.hasSuffix=false;this.hasValue=false;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=undefined;this.clearButtonLabel="Clear value";this.debounceTime=0;this.disabled=false;this.disableClear=false;this.form=undefined;this.inputmode=undefined;this.max=undefined;this.maxlength=undefined;this.min=undefined;this.minlength=undefined;this.name=undefined;this.pattern=undefined;this.placeholder=undefined;this.readonly=undefined;this.required=undefined;this.step=undefined;this.type="text";this.validationStatus="none";this.value=undefined}helperTextElem;inputElem;labelElem;prefixElem;suffixElem;debounceBqInput;fallbackInputId="input";get el(){return a(this)}internals;handleValueChange(){if(Array.isArray(this.value)){this.hasValue=this.value.some((r=>r.length>0));this.internals.setFormValue(this.value.join(","));return}this.hasValue=n(this.value);this.internals.setFormValue(`${this.value}`)}bqBlur;bqChange;bqClear;bqFocus;bqInput;componentWillLoad(){this.handleValueChange()}formResetCallback(){if(o(this.value))return;this.handleClear()}handleBlur=()=>{if(this.disabled)return;this.bqBlur.emit(this.el)};handleFocus=()=>{if(this.disabled)return;this.bqFocus.emit(this.el)};handleInput=r=>{if(this.disabled)return;this.debounceBqInput?.cancel();if(!i(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.internals.setFormValue(`${this.value}`);this.debounceBqInput=t((()=>{this.bqInput.emit({value:this.value,el:this.el})}),this.debounceTime);this.debounceBqInput()};handleChange=r=>{if(this.disabled)return;if(!i(r.target,"input"))return;this.value=this.type==="number"?Number(r.target.value):r.target.value;this.internals.setFormValue(`${this.value}`);this.bqChange.emit({value:this.value,el:this.el})};handleClear=()=>{if(this.disabled)return;const{inputElem:r,internals:e}=this;r.value="";this.value=r.value;e.setFormValue(undefined)};handleClearClick=r=>{r.stopPropagation();this.handleClear();const{bqClear:e,bqChange:a,bqInput:b,el:t,inputElem:n}=this;e.emit(t);b.emit({value:this.value,el:t});a.emit({value:this.value,el:t});n.focus()};handleLabelSlotChange=()=>{this.hasLabel=q(this.labelElem)};handlePrefixSlotChange=()=>{this.hasPrefix=q(this.prefixElem)};handleSuffixSlotChange=()=>{this.hasSuffix=q(this.suffixElem)};handleHelperTextSlotChange=()=>{this.hasHelperText=q(this.helperTextElem)};render(){return b("div",{key:"6456eb631d27ddd492c0d91d0b694f51694f2c76",class:"bq-input",part:"base"},b("label",{key:"99261b13e0b8e16bb43d94b216e90668adb6ac06",class:{"bq-input--label":true,"!hidden":!this.hasLabel},"aria-label":this.name||this.fallbackInputId,htmlFor:this.name||this.fallbackInputId,ref:r=>this.labelElem=r,part:"label"},b("slot",{key:"3723c9a8f0aecbf621a4f198f7d4f738b35c3384",name:"label",onSlotchange:this.handleLabelSlotChange})),b("div",{key:"3fe4343a4e09f1fcdd70b6af6ff2e2eebe112534",class:{"bq-input--control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control"},b("span",{key:"4e64970f78b42b4bcf44f6de7073db2324d38765",class:{"bq-input--control__prefix":true,"!hidden":!this.hasPrefix},ref:r=>this.prefixElem=r,part:"prefix"},b("slot",{key:"fc2e6bb67df93c3a87fe6dad685820232d7246ec",name:"prefix",onSlotchange:this.handlePrefixSlotChange})),b("input",{key:"aa0c14e4ca2e93cde4b7f230b12f7db0b5bf2230",id:this.name||this.fallbackInputId,class:"bq-input--control__input","aria-disabled":this.disabled?"true":"false",autoCapitalize:this.autocapitalize,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,disabled:this.disabled,form:this.form,inputMode:this.inputmode,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,pattern:this.pattern,placeholder:this.placeholder,ref:r=>this.inputElem=r,readOnly:this.readonly,required:this.required,step:this.step,type:this.type,value:this.value,part:"input",onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput}),this.hasValue&&!this.disabled&&!this.disableClear&&b("bq-button",{key:"438ee180851fbe11732c1408a751fb010b6b58cd",class:"bq-input--control__clear ms-[--bq-input--gap] hidden",appearance:"text","aria-label":this.clearButtonLabel,size:"small",onBqClick:this.handleClearClick,part:"clear-btn",exportparts:"button"},b("slot",{key:"009efda0f6ae4ded256254418595ec3563af5784",name:"clear-icon"},b("bq-icon",{key:"9cdd1ec62e9affa29840f0c0981f962df1aa7827",name:"x-circle",class:"flex"}))),b("span",{key:"263c324984728cf8b4877eebf2256024afab618e",class:{"bq-input--control__suffix":true,"!hidden":!this.hasSuffix},ref:r=>this.suffixElem=r,part:"suffix"},b("slot",{key:"b35dde7b503e64d6e30847c47cbfadbeb52d591a",name:"suffix",onSlotchange:this.handleSuffixSlotChange}))),b("div",{key:"6e7ea829ab13d136fe457382b2d8d153de1b0d27",class:{[`bq-input--helper-text validation-${this.validationStatus}`]:true,"!hidden":!this.hasHelperText},ref:r=>this.helperTextElem=r,part:"helper-text"},b("slot",{key:"aefb690ab249d44658abbdd2b4e17bc578d76088",name:"helper-text",onSlotchange:this.handleHelperTextSlotChange})))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:["handleValueChange"]}}};d.style=l;export{d as bq_input};
+//# sourceMappingURL=p-bdbc5548.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["bqInputCss","BqInputStyle0","BqInput","helperTextElem","inputElem","labelElem","prefixElem","suffixElem","debounceBqInput","fallbackInputId","internals","handleValueChange","Array","isArray","this","value","hasValue","some","val","length","setFormValue","join","isDefined","bqBlur","bqChange","bqClear","bqFocus","bqInput","componentWillLoad","formResetCallback","isNil","handleClear","handleBlur","disabled","emit","el","handleFocus","handleInput","ev","cancel","isHTMLElement","target","type","Number","debounce","debounceTime","handleChange","undefined","handleClearClick","stopPropagation","focus","handleLabelSlotChange","hasLabel","hasSlotContent","handlePrefixSlotChange","hasPrefix","handleSuffixSlotChange","hasSuffix","handleHelperTextSlotChange","hasHelperText","render","h","key","class","part","name","htmlFor","ref","onSlotchange","validationStatus","spanElem","id","autoCapitalize","autocapitalize","autoComplete","autocomplete","autoCorrect","autocorrect","form","inputMode","inputmode","max","maxLength","maxlength","min","minLength","minlength","pattern","placeholder","readOnly","readonly","required","step","onBlur","onChange","onFocus","onInput","disableClear","appearance","clearButtonLabel","size","onBqClick","exportparts","divElem"],"sources":["../../packages/beeq/src/components/input/scss/bq-input.scss?tag=bq-input&encapsulation=shadow","../../packages/beeq/src/components/input/bq-input.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Input styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-input.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                            Label and Helper text                           */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--label {\n  @apply flex flex-grow items-center m-be-[--bq-input--label-margin-bottom];\n  @apply text-[length:--bq-input--label-text-size] text-[color:--bq-input--label-text-color];\n}\n\n.bq-input--helper-text {\n  @apply text-[length:--bq-input--helper-text-size] text-[color:--bq-input--helper-text-color] m-bs-[--bq-input--helper-margin-top];\n}\n\n.bq-input--helper-text.validation-error {\n  @apply text-danger;\n}\n\n.bq-input--helper-text.validation-success {\n  @apply text-success;\n}\n\n.bq-input--helper-text.validation-warning {\n  @apply text-warning;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                             Input group control                            */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control {\n  @apply flex items-center transition-[border-color,box-shadow] is-full;\n  // Border\n  @apply rounded-[--bq-input--border-radius] border-[length:--bq-input--border-width] border-[color:--bq-input--border-color];\n  // Padding\n  @apply pe-[--bq-input--padding-end] ps-[--bq-input--padding-start] p-b-[--bq-input--paddingY];\n  // Text\n  @apply text-[length:--bq-input--text-size] text-[color:--bq-input--text-color] placeholder:text-[color:--bq-input--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n  border-style: var(--bq-input--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n    --bq-ring-color-focus: var(--bq-input--border-color-focus);\n\n    @apply focus border-[color:--bq-input--border-color-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-input--control__clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-input--control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-input--control.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-input--control.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-input--control.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__input {\n  @apply flex-auto cursor-inherit appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n  @apply border-none min-bs-[--bq-input--icon-size] min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n\n  box-shadow: none;\n  font-weight: inherit;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply rounded-xs border-none bs-auto p-b-0 p-i-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-input--control__prefix,\n.bq-input--control__suffix {\n  @apply pointer-events-none flex items-center text-[color:--bq-input--text-color];\n}\n\n.bq-input--control__prefix {\n  @apply me-[--bq-input--gap];\n}\n\n.bq-input--control__suffix {\n  @apply ms-[--bq-input--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-input--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                          Hide webkit clear button                          */\n/* -------------------------------------------------------------------------- */\n\n/* Remove clear controls from search input */\n\n.bq-input--control__input::-moz-search-cancel {\n  @apply hidden appearance-none;\n}\n\n.bq-input--control__input::-webkit-search-decoration,\n.bq-input--control__input::-webkit-search-cancel-button,\n.bq-input--control__input::-webkit-search-results-button,\n.bq-input--control__input::-webkit-search-results-decoration {\n  @apply hidden appearance-none;\n}\n\n/* Remove native control extra padding from input date and datetime */\n\n.bq-input--control__input::-webkit-datetime-edit-fields-wrapper,\n.bq-input--control__input::-webkit-datetime-edit,\n.bq-input--control__input::-webkit-datetime-edit-year-field,\n.bq-input--control__input::-webkit-datetime-edit-month-field,\n.bq-input--control__input::-webkit-datetime-edit-day-field,\n.bq-input--control__input::-webkit-datetime-edit-hour-field,\n.bq-input--control__input::-webkit-datetime-edit-minute-field,\n.bq-input--control__input::-webkit-datetime-edit-second-field,\n.bq-input--control__input::-webkit-datetime-edit-millisecond-field,\n.bq-input--control__input::-webkit-datetime-edit-meridiem-field {\n  @apply p-b-0 p-i-0;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\n\nimport { TInputType, TInputValidation, TInputValue } from './bq-input.types';\nimport { debounce, hasSlotContent, isDefined, isHTMLElement, isNil, TDebounce } from '../../shared/utils';\n\n/**\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part helper-text - The helper text slot container.\n * @part label - The label slot container.\n * @part input - The native HTML input element used under the hood.\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n */\n@Component({\n  tag: 'bq-input',\n  styleUrl: './scss/bq-input.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqInput {\n  // Own Properties\n  // ====================\n\n  private helperTextElem?: HTMLElement;\n  private inputElem?: HTMLInputElement;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n\n  private debounceBqInput: TDebounce<void>;\n  private fallbackInputId = 'input';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqInputElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() hasHelperText = false;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /**\n   * Controls whether or not the input field should be capitalized and how.\n   * Possible values are 'off', 'none', 'on', 'sentences', 'words', and 'characters'.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize\n   */\n  @Prop({ reflect: true }) autocapitalize: string = 'off';\n\n  /**\n   * Specifies whether or not the input field should have autocomplete enabled.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\n   */\n  @Prop({ reflect: true }) autocomplete: string = 'off';\n\n  /**\n   * Controls whether or not the input field should have autocorrect enabled.\n   * Possible values are 'on' and 'off'.\n   */\n  @Prop({ reflect: true }) autocorrect: 'on' | 'off' = 'off';\n\n  /** If true, the input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /**\n   * The amount of time, in milliseconds, to wait before emitting the `bqInput` event after the input value changes.\n   * A value of 0 means no debouncing will occur.\n   */\n  @Prop({ reflect: true, mutable: true }) debounceTime? = 0;\n\n  /**\n   * Indicates whether the input is disabled or not.\n   * If `true`, the input is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** If true, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /** The ID of the form that the input field belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /**\n   * The inputmode attribute specifies what kind of input mechanism would be most helpful for users entering content into the input field.\n   * This allows a browser to display an appropriate virtual keyboard while editing.\n   * Possible values are 'none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url', and 'date'.\n   */\n  @Prop() inputmode?: string;\n\n  /**\n   * The maximum value that the input field can accept.\n   * Only applies to date and number input types.\n   */\n  @Prop({ reflect: true }) max?: number | string;\n\n  /** The maximum number of characters that the input field can accept. */\n  @Prop({ reflect: true }) maxlength: number;\n\n  /**\n   * The minimum value that the input field can accept.\n   * Only applies to date and number input types.\n   */\n  @Prop({ reflect: true }) min?: number | string;\n\n  /** The minimum number of characters that the input field can accept. */\n  @Prop({ reflect: true }) minlength: number;\n\n  /** The input field name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /**\n   * Specifies a regular expression the form control's value should match.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern\n   */\n  @Prop({ reflect: true }) pattern?: string;\n\n  /** The input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** If true, the input field cannot be modified. */\n  @Prop({ reflect: true }) readonly?: boolean;\n\n  /** Indicates whether or not the input field is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /**\n   * A number that specifies the granularity that the value must adhere to.\n   * Valid for date, month, week, time, datetime-local, number, and range.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#step\n   */\n  @Prop({ reflect: true }) step: number | 'any';\n\n  /**\n   * The type attribute specifies the type of input field to display.\n   * Possible values are 'text', 'password', 'email', 'number', 'tel', 'search', 'url', and more.\n   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types\n   */\n  @Prop({ reflect: true }) type: TInputType = 'text';\n\n  /**\n   * The validation status of the input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The input value, it can be used to reset the input to a previous value */\n  @Prop({ reflect: true, mutable: true }) value: TInputValue;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange() {\n    if (Array.isArray(this.value)) {\n      this.hasValue = this.value.some((val) => val.length > 0);\n      this.internals.setFormValue(this.value.join(','));\n      return;\n    }\n\n    this.hasValue = isDefined(this.value);\n    this.internals.setFormValue(`${this.value}`);\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqInputElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string | number | string[]; el: HTMLBqInputElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqInputElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqInputElement>;\n\n  /**\n   * Callback handler emitted when the input value changes.\n   * This handler is called whenever the user types or pastes text into the input field.\n   */\n  @Event() bqInput!: EventEmitter<{ value: string | number | string[]; el: HTMLBqInputElement }>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.handleValueChange();\n  }\n\n  formResetCallback() {\n    if (isNil(this.value)) return;\n\n    this.handleClear();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleInput = (ev: Event) => {\n    if (this.disabled) return;\n\n    this.debounceBqInput?.cancel();\n\n    if (!isHTMLElement(ev.target, 'input')) return;\n    this.value = this.type === 'number' ? Number(ev.target.value) : ev.target.value;\n    this.internals.setFormValue(`${this.value}`);\n\n    this.debounceBqInput = debounce(() => {\n      this.bqInput.emit({ value: this.value, el: this.el });\n    }, this.debounceTime);\n    this.debounceBqInput();\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled) return;\n\n    if (!isHTMLElement(ev.target, 'input')) return;\n    this.value = this.type === 'number' ? Number(ev.target.value) : ev.target.value;\n    this.internals.setFormValue(`${this.value}`);\n\n    this.bqChange.emit({ value: this.value, el: this.el });\n  };\n\n  private handleClear = () => {\n    if (this.disabled) return;\n\n    const { inputElem, internals } = this;\n\n    // Clear input element value\n    inputElem.value = '';\n    this.value = inputElem.value;\n\n    // Update associated form control value\n    internals.setFormValue(undefined);\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    ev.stopPropagation();\n    this.handleClear();\n\n    const { bqClear, bqChange, bqInput, el, inputElem } = this;\n    // Emit events\n    bqClear.emit(el);\n    bqInput.emit({ value: this.value, el });\n    bqChange.emit({ value: this.value, el });\n    // Refocus input element\n    inputElem.focus();\n  };\n\n  private handleLabelSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n  };\n\n  private handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private handleHelperTextSlotChange = () => {\n    this.hasHelperText = hasSlotContent(this.helperTextElem);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bq-input\" part=\"base\">\n        {/* Label */}\n        <label\n          class={{ 'bq-input--label': true, '!hidden': !this.hasLabel }}\n          aria-label={this.name || this.fallbackInputId}\n          htmlFor={this.name || this.fallbackInputId}\n          ref={(labelElem) => (this.labelElem = labelElem)}\n          part=\"label\"\n        >\n          <slot name=\"label\" onSlotchange={this.handleLabelSlotChange} />\n        </label>\n        {/* Input control group */}\n        <div\n          class={{\n            'bq-input--control': true,\n            [`validation-${this.validationStatus}`]: true,\n            disabled: this.disabled,\n          }}\n          part=\"control\"\n        >\n          {/* Prefix */}\n          <span\n            class={{ 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }}\n            ref={(spanElem) => (this.prefixElem = spanElem)}\n            part=\"prefix\"\n          >\n            <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n          </span>\n          {/* HTML Input */}\n          <input\n            id={this.name || this.fallbackInputId}\n            class=\"bq-input--control__input\"\n            aria-disabled={this.disabled ? 'true' : 'false'}\n            autoCapitalize={this.autocapitalize}\n            autoComplete={this.autocomplete}\n            autoCorrect={this.autocorrect}\n            disabled={this.disabled}\n            form={this.form}\n            inputMode={this.inputmode}\n            max={this.max}\n            maxLength={this.maxlength}\n            min={this.min}\n            minLength={this.minlength}\n            name={this.name}\n            pattern={this.pattern}\n            placeholder={this.placeholder}\n            ref={(inputElem) => (this.inputElem = inputElem)}\n            readOnly={this.readonly}\n            required={this.required}\n            step={this.step}\n            type={this.type}\n            value={this.value}\n            part=\"input\"\n            // Events\n            onBlur={this.handleBlur}\n            onChange={this.handleChange}\n            onFocus={this.handleFocus}\n            onInput={this.handleInput}\n          />\n          {/* Clear Button */}\n          {this.hasValue && !this.disabled && !this.disableClear && (\n            // The clear button will be visible as long as the input has a value\n            // and the parent group is hovered or has focus-within\n            <bq-button\n              class=\"bq-input--control__clear ms-[--bq-input--gap] hidden\"\n              appearance=\"text\"\n              aria-label={this.clearButtonLabel}\n              size=\"small\"\n              onBqClick={this.handleClearClick}\n              part=\"clear-btn\"\n              exportparts=\"button\"\n            >\n              <slot name=\"clear-icon\">\n                <bq-icon name=\"x-circle\" class=\"flex\" />\n              </slot>\n            </bq-button>\n          )}\n          {/* Suffix */}\n          <span\n            class={{ 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }}\n            ref={(spanElem) => (this.suffixElem = spanElem)}\n            part=\"suffix\"\n          >\n            <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange} />\n          </span>\n        </div>\n        {/* Helper text */}\n        <div\n          class={{\n            [`bq-input--helper-text validation-${this.validationStatus}`]: true,\n            '!hidden': !this.hasHelperText,\n          }}\n          ref={(divElem) => (this.helperTextElem = divElem)}\n          part=\"helper-text\"\n        >\n          <slot name=\"helper-text\" onSlotchange={this.handleHelperTextSlotChange} />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-c62189e6.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import{r as a,c as r,h as e}from"./p-16340dba.js";import{i as b}from"./p-57621be1.js";const n='.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{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.z-\\[1\\]{z-index:1}.box-content{box-sizing:content-box}.flex{display:flex}.hidden{display:none}.h-dynamic-vh{height:100dvh}.grow{flex-grow:1}.flex-col{flex-direction:column}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.border-0{border-width:0}.border-e-s{border-inline-end-width:var(--bq-stroke-s)}.border-solid{border-style:solid}.border-\\[color\\:--bq-side-menu--border-color\\]{border-color:var(--bq-side-menu--border-color)}.bg-\\[--bq-side-menu--bg-color\\]{background-color:var(--bq-side-menu--bg-color)}.text-\\[color\\:--bq-side-menu--brand-color\\]{color:var(--bq-side-menu--brand-color)}.transition-\\[background-color\\2c width\\]{transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.is-\\[--bq-side-menu--width-collapse\\]{inline-size:var(--bq-side-menu--width-collapse)}.is-\\[--bq-side-menu--width\\]{inline-size:var(--bq-side-menu--width)}.inset-bs-0{inset-block-start: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-side-menu--bg-color:var(--bq-ui--primary);--bq-side-menu--brand-color:var(--bq-ui--brand);--bq-side-menu--border-color:var(--bq-stroke--primary);display:flex;overflow:hidden}.bq-side-menu{-ms-overflow-style:none;background-color:var(--bq-side-menu--bg-color);border-color:var(--bq-side-menu--border-color);border-width:0;border-inline-end-width:var(--bq-stroke-s);border-style:solid;display:flex;flex-direction:column;flex-grow:1;height:100dvh;inline-size:var(--bq-side-menu--width);inset-block-start:0;inset-inline-start:0;position:fixed;scrollbar-width:none;transition-duration:.15s;transition-property:background-color,width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-side-menu::-webkit-scrollbar{display:none}.bq-side-menu.is-collapsed{inline-size:var(--bq-side-menu--width-collapse)}.bq-side-menu--logo{align-items:center;background-color:var(--bq-side-menu--bg-color);box-sizing:content-box;color:var(--bq-side-menu--brand-color);display:flex;padding:var(--bq-spacing-xs);position:sticky;top:0;z-index:1}:host([size=small]) ::slotted(bq-side-menu-item){--bq-side-menu-item--paddingY:var(--bq-spacing-s)}:host([appearance=brand]){--bq-focus:var(--bq-stroke--alt);--bq-side-menu--bg-color:var(--bq-ui--brand);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-stroke--brand)}:host([appearance=brand]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%);--bq-side-menu-item--text-default:var(--bq-text--alt);--bq-side-menu-item--text-hover:var(--bq-text--alt)}:host([appearance=brand]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-text--primary:var(--bq-text--inverse)}:host([appearance=inverse]){--bq-side-menu--bg-color:var(--bq-ui--inverse);--bq-side-menu--brand-color:var(--bq-stroke--inverse);--bq-side-menu--border-color:var(--bq-ui--inverse)}:host([appearance=inverse]) ::slotted(bq-side-menu-item){--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--inverse),var(--bq-hover) 20%);--bq-side-menu-item--bg-active:color-mix(in srgb,var(--bq-ui--alt),var(--bq-active) 20%);--bq-side-menu-item--text-default:var(--bq-text--inverse);--bq-side-menu-item--text-hover:var(--bq-text--inverse);--bq-side-menu-item--text-active:var(--bq-text--primary)}:host([appearance=inverse]) .bq-side-menu--footer ::slotted([slot=footer]){--bq-ui--secondary:transparent;--bq-text--primary:var(--bq-text--inverse)}.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)}.collapse{visibility:collapse}.static{position:static}.justify-center{justify-content:center}.gap-y-xs{row-gap:var(--bq-spacing-xs)}.overflow-y-auto{overflow-y:auto}.bg-\\[var\\(--bq-side-menu--bg-color\\)\\]{background-color:var(--bq-side-menu--bg-color)}.p-xs{padding:var(--bq-spacing-xs)}.px-xs{padding-left:var(--bq-spacing-xs);padding-right:var(--bq-spacing-xs)}.pt-xs2{padding-top:var(--bq-spacing-xs2)}.inset-be-0{inset-block-end:0}.m-bs-\\[auto\\]{margin-block-start:auto}.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 q=n;const t=class{constructor(e){a(this,e);this.bqCollapse=r(this,"bqCollapse",7);this.bqSelect=r(this,"bqSelect",7);this.documentBody=undefined;this.appearance="default";this.collapse=false;this.size="medium"}menuItemCssSelector="bq-side-menu-item";bodyCss="bq-body--side-menu";bodyCssExpand="bq-body--side-menu__expand";bodyCssCollapse="bq-body--side-menu__collapse";menuElem;onCollapsePropChange(){this.handleCollapse();this.bqCollapse.emit({collapse:this.collapse})}bqCollapse;bqSelect;componentDidLoad(){this.documentBody=document.querySelector("body");this.documentBody.classList.add(this.bodyCss);this.handleCollapse()}disconnectedCallback(){this.cleanDocumentBodyClass()}onMenuItemClick(a){const{target:r}=a;if(!b(r,"bq-side-menu-item"))return;this.menuItems.forEach((a=>a.active=!a.disabled&&a===r));this.bqSelect.emit(r)}async toggleCollapse(){this.collapse=!this.collapse}get menuItems(){if(!this.menuElem)return[];const a=this.menuElem.querySelector("slot");return[...a.assignedElements({flatten:true})].filter((a=>a.tagName.toLowerCase()===this.menuItemCssSelector))}handleCollapse=()=>{if(!this.menuItems.length)return;this.menuItems.forEach((a=>a.collapse=this.collapse));if(this.collapse){this.collapseDocumentBody()}else{this.expandDocumentBody()}};collapseDocumentBody=()=>{if(!this.collapse)return;this.documentBody.classList.remove(this.bodyCssExpand);this.documentBody.classList.add(this.bodyCssCollapse)};expandDocumentBody=()=>{if(this.collapse)return;this.documentBody.classList.remove(this.bodyCssCollapse);this.documentBody.classList.add(this.bodyCssExpand)};cleanDocumentBodyClass=()=>{this.documentBody.classList.remove(this.bodyCss,this.bodyCssCollapse,this.bodyCssExpand)};render(){return e("aside",{key:"6b9b70d549a2fd19b32ef2f0ab367e61b818b112",class:{"bq-side-menu overflow-y-auto":true,"is-collapsed":this.collapse},part:"base"},e("div",{key:"48cc468552ac2e9b1fe05c8e12164894ac21c70b",class:{"bq-side-menu--logo":true,"is-collapsed":this.collapse},part:"logo"},e("slot",{key:"76915db8b5e43de19b98eb1455596da1552c1abd",name:"logo"})),e("nav",{key:"12f920b6403642d0cc7b12e93f655c7b76ed8db8",class:"bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2",ref:a=>this.menuElem=a,role:"menu",part:"nav"},e("slot",{key:"1c3c3a54716f2682cede96fc951c488ae99e259f"})),e("div",{key:"ec11a043441529487b46c9d79c2fe921914b17a1",class:"bq-side-menu--footer sticky flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs inset-be-0 m-bs-[auto]",part:"footer"},e("slot",{key:"767399bb44187023a853e52e926207b3622f685f",name:"footer"})))}static get watchers(){return{collapse:["onCollapsePropChange"]}}};t.style=q;export{t as bq_side_menu};
+//# sourceMappingURL=p-c62189e6.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["bqSideMenuCss","BqSideMenuStyle0","BqSideMenu","menuItemCssSelector","bodyCss","bodyCssExpand","bodyCssCollapse","menuElem","onCollapsePropChange","this","handleCollapse","bqCollapse","emit","collapse","bqSelect","componentDidLoad","documentBody","document","querySelector","classList","add","disconnectedCallback","cleanDocumentBodyClass","onMenuItemClick","event","target","item","isHTMLElement","menuItems","forEach","menuItem","active","disabled","toggleCollapse","slot","assignedElements","flatten","filter","el","tagName","toLowerCase","length","collapseDocumentBody","expandDocumentBody","remove","render","h","key","class","part","name","ref","navElem","role"],"sources":["../../packages/beeq/src/components/side-menu/scss/bq-side-menu.scss?tag=bq-side-menu&encapsulation=shadow","../../packages/beeq/src/components/side-menu/bq-side-menu.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Side menu styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu.variables';\n\n:host {\n  @apply flex overflow-hidden;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                               Aside container                              */\n/* -------------------------------------------------------------------------- */\n\n.bq-side-menu {\n  @apply fixed flex h-dynamic-vh grow flex-col bg-[--bq-side-menu--bg-color] is-[--bq-side-menu--width] inset-bs-0 inset-is-0;\n  @apply border-0 border-e-s border-solid border-[color:--bq-side-menu--border-color];\n  @apply transition-[background-color,width] duration-150;\n  @include hide-scrollbar;\n}\n\n.bq-side-menu.is-collapsed {\n  @apply is-[--bq-side-menu--width-collapse];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                               Logo container                               */\n/* -------------------------------------------------------------------------- */\n\n.bq-side-menu--logo {\n  @apply sticky top-0 z-[1] p-xs;\n  @apply box-content flex items-center bg-[--bq-side-menu--bg-color] text-[color:--bq-side-menu--brand-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                 APPEARANCE                                 */\n/* -------------------------------------------------------------------------- */\n\n/**\n * The following change the default values of some CSS custom properties\n * to make it complain with the side menu appearance selected\n */\n\n:host([size='small']) {\n  ::slotted(bq-side-menu-item) {\n    --bq-side-menu-item--paddingY: theme(space.s);\n  }\n}\n\n:host([appearance='brand']) {\n  --bq-focus: theme(stroke.alt);\n  --bq-side-menu--bg-color: theme(backgroundColor.ui.brand);\n  --bq-side-menu--brand-color: theme(stroke.inverse);\n  --bq-side-menu--border-color: theme(stroke.brand);\n\n  ::slotted(bq-side-menu-item) {\n    --bq-side-menu-item--bg-hover: color-mix(in srgb, var(--bq-ui--brand), var(--bq-hover) 20%);\n\n    --bq-side-menu-item--text-default: theme(textColor.alt);\n    --bq-side-menu-item--text-hover: theme(textColor.alt);\n  }\n\n  .bq-side-menu--footer ::slotted([slot='footer']) {\n    --bq-ui--secondary: theme(colors.transparent);\n    --bq-text--primary: theme(textColor.inverse);\n  }\n}\n\n:host([appearance='inverse']) {\n  --bq-side-menu--bg-color: theme(backgroundColor.ui.inverse);\n  --bq-side-menu--brand-color: theme(stroke.inverse);\n  --bq-side-menu--border-color: theme(backgroundColor.ui.inverse);\n\n  ::slotted(bq-side-menu-item) {\n    --bq-side-menu-item--bg-hover: color-mix(in srgb, var(--bq-ui--inverse), var(--bq-hover) 20%);\n    --bq-side-menu-item--bg-active: color-mix(in srgb, var(--bq-ui--alt), var(--bq-active) 20%);\n\n    --bq-side-menu-item--text-default: theme(textColor.inverse);\n    --bq-side-menu-item--text-hover: theme(textColor.inverse);\n    --bq-side-menu-item--text-active: theme(textColor.primary);\n  }\n\n  .bq-side-menu--footer ::slotted([slot='footer']) {\n    --bq-ui--secondary: theme(colors.transparent);\n    --bq-text--primary: theme(textColor.inverse);\n  }\n}\n","import { Component, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { TSideMenuAppearance, TSideMenuSize } from './bq-side-menu.types';\nimport { isHTMLElement } from '../../shared/utils';\n\n/**\n * @part base - HTML `<aside>` root container\n * @part footer - HTML `<div>` element that holds the footer\n * @part logo - HTML `<div>` element that holds the logo\n * @part nav - HTML `<nav>` element that holds the navigation items\n */\n@Component({\n  tag: 'bq-side-menu',\n  styleUrl: './scss/bq-side-menu.scss',\n  shadow: true,\n})\nexport class BqSideMenu {\n  // Own Properties\n  // ====================\n\n  private menuItemCssSelector = 'bq-side-menu-item';\n\n  private bodyCss = 'bq-body--side-menu';\n  private bodyCssExpand = 'bq-body--side-menu__expand';\n  private bodyCssCollapse = 'bq-body--side-menu__collapse';\n\n  private menuElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private documentBody: HTMLBodyElement;\n\n  // Public Property API\n  // ========================\n\n  /** It sets a predefined appearance of the side menu */\n  @Prop({ reflect: true }) appearance: TSideMenuAppearance = 'default';\n\n  /** If true, the container will reduce its width */\n  @Prop({ reflect: true }) collapse: boolean = false;\n\n  /** It sets the size of the navigation menu items */\n  @Prop({ reflect: true }) size: TSideMenuSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('collapse')\n  onCollapsePropChange() {\n    this.handleCollapse();\n    this.bqCollapse.emit({ collapse: this.collapse });\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the Side menu changes its width from expanded to collapse and vice versa */\n  @Event() bqCollapse: EventEmitter<{ collapse: boolean }>;\n\n  /** Callback handler to be called when the active/selected menu item changes */\n  @Event() bqSelect: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.documentBody = document.querySelector('body');\n    this.documentBody.classList.add(this.bodyCss);\n    this.handleCollapse();\n  }\n\n  disconnectedCallback() {\n    this.cleanDocumentBodyClass();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqClick', { passive: true })\n  onMenuItemClick(event: Event) {\n    const { target: item } = event;\n    if (!isHTMLElement(item, 'bq-side-menu-item')) return;\n\n    this.menuItems.forEach(\n      (menuItem: HTMLBqSideMenuItemElement) => (menuItem.active = !menuItem.disabled && menuItem === item),\n    );\n    this.bqSelect.emit(item);\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  /** Toggle the collapse state of the side menu */\n  @Method()\n  async toggleCollapse() {\n    this.collapse = !this.collapse;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private get menuItems() {\n    if (!this.menuElem) return [];\n\n    const slot = this.menuElem.querySelector('slot');\n    return [...slot.assignedElements({ flatten: true })].filter(\n      (el: HTMLBqSideMenuItemElement) => el.tagName.toLowerCase() === this.menuItemCssSelector,\n    ) as [HTMLBqSideMenuItemElement];\n  }\n\n  private handleCollapse = () => {\n    if (!this.menuItems.length) return;\n\n    this.menuItems.forEach((menuItem: HTMLBqSideMenuItemElement) => (menuItem.collapse = this.collapse));\n    if (this.collapse) {\n      this.collapseDocumentBody();\n    } else {\n      this.expandDocumentBody();\n    }\n  };\n\n  private collapseDocumentBody = () => {\n    if (!this.collapse) return;\n\n    this.documentBody.classList.remove(this.bodyCssExpand);\n    this.documentBody.classList.add(this.bodyCssCollapse);\n  };\n\n  private expandDocumentBody = () => {\n    if (this.collapse) return;\n\n    this.documentBody.classList.remove(this.bodyCssCollapse);\n    this.documentBody.classList.add(this.bodyCssExpand);\n  };\n\n  private cleanDocumentBodyClass = () => {\n    this.documentBody.classList.remove(this.bodyCss, this.bodyCssCollapse, this.bodyCssExpand);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <aside class={{ 'bq-side-menu overflow-y-auto': true, 'is-collapsed': this.collapse }} part=\"base\">\n        {/* Company logo and name */}\n        <div class={{ 'bq-side-menu--logo': true, 'is-collapsed': this.collapse }} part=\"logo\">\n          <slot name=\"logo\" />\n        </div>\n        {/* Navigation content */}\n        <nav\n          class=\"bq-side-menu--nav flex flex-col gap-y-xs px-xs pt-xs2\"\n          ref={(navElem) => (this.menuElem = navElem)}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n          role=\"menu\"\n          part=\"nav\"\n        >\n          <slot />\n        </nav>\n        {/* Footer */}\n        <div\n          class=\"bq-side-menu--footer sticky flex justify-center bg-[var(--bq-side-menu--bg-color)] p-xs inset-be-0 m-bs-[auto]\"\n          part=\"footer\"\n        >\n          <slot name=\"footer\"></slot>\n        </div>\n      </aside>\n    );\n  }\n}\n"],"mappings":";;;;sFAAA,MAAMA,EAAgB,+/tBACtB,MAAAC,EAAeD,E,MCeFE,EAAU,M,+IAyBsC,U,cAGd,M,UAGE,Q,CA3BvCC,oBAAsB,oBAEtBC,QAAU,qBACVC,cAAgB,6BAChBC,gBAAkB,+BAElBC,SA2BR,oBAAAC,GACEC,KAAKC,iBACLD,KAAKE,WAAWC,KAAK,CAAEC,SAAUJ,KAAKI,U,CAQ/BF,WAGAG,SAMT,gBAAAC,GACEN,KAAKO,aAAeC,SAASC,cAAc,QAC3CT,KAAKO,aAAaG,UAAUC,IAAIX,KAAKL,SACrCK,KAAKC,gB,CAGP,oBAAAW,GACEZ,KAAKa,wB,CAOP,eAAAC,CAAgBC,GACd,MAAQC,OAAQC,GAASF,EACzB,IAAKG,EAAcD,EAAM,qBAAsB,OAE/CjB,KAAKmB,UAAUC,SACZC,GAAyCA,EAASC,QAAUD,EAASE,UAAYF,IAAaJ,IAEjGjB,KAAKK,SAASF,KAAKc,E,CAYrB,oBAAMO,GACJxB,KAAKI,UAAYJ,KAAKI,Q,CAQxB,aAAYe,GACV,IAAKnB,KAAKF,SAAU,MAAO,GAE3B,MAAM2B,EAAOzB,KAAKF,SAASW,cAAc,QACzC,MAAO,IAAIgB,EAAKC,iBAAiB,CAAEC,QAAS,QAASC,QAClDC,GAAkCA,EAAGC,QAAQC,gBAAkB/B,KAAKN,qB,CAIjEO,eAAiB,KACvB,IAAKD,KAAKmB,UAAUa,OAAQ,OAE5BhC,KAAKmB,UAAUC,SAASC,GAAyCA,EAASjB,SAAWJ,KAAKI,WAC1F,GAAIJ,KAAKI,SAAU,CACjBJ,KAAKiC,sB,KACA,CACLjC,KAAKkC,oB,GAIDD,qBAAuB,KAC7B,IAAKjC,KAAKI,SAAU,OAEpBJ,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKJ,eACxCI,KAAKO,aAAaG,UAAUC,IAAIX,KAAKH,gBAAgB,EAG/CqC,mBAAqB,KAC3B,GAAIlC,KAAKI,SAAU,OAEnBJ,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKH,iBACxCG,KAAKO,aAAaG,UAAUC,IAAIX,KAAKJ,cAAc,EAG7CiB,uBAAyB,KAC/Bb,KAAKO,aAAaG,UAAUyB,OAAOnC,KAAKL,QAASK,KAAKH,gBAAiBG,KAAKJ,cAAc,EAO5F,MAAAwC,GACE,OACEC,EAAA,SAAAC,IAAA,2CAAOC,MAAO,CAAE,+BAAgC,KAAM,eAAgBvC,KAAKI,UAAYoC,KAAK,QAE1FH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,qBAAsB,KAAM,eAAgBvC,KAAKI,UAAYoC,KAAK,QAC9EH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,UAGbJ,EAAA,OAAAC,IAAA,2CACEC,MAAM,wDACNG,IAAMC,GAAa3C,KAAKF,SAAW6C,EAEnCC,KAAK,OACLJ,KAAK,OAELH,EAAA,QAAAC,IAAA,8CAGFD,EAAA,OAAAC,IAAA,2CACEC,MAAM,iHACNC,KAAK,UAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,Y","ignoreList":[]}

package/dist/beeq/p-c78ae3c2.js

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