npm - @beeq/core - Versions diffs - 1.3.2 → 1.4.0 - Mend

@beeq/core 1.3.2 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (320) hide show

package/dist/components/bq-drawer.js CHANGED Viewed

@@ -13,7 +13,7 @@ import { d as defineCustomElement$2 } from './bq-icon2.js';
 const DRAWER_PLACEMENT = ['left', 'right'];
-const bqDrawerCss = "::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-drawer,.shadow-m{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.inset-y-0{bottom:0;top:0}.z-10{z-index:10}.flex{display:flex}.w-\\[--bq-drawer--width\\]{width:var(--bq-drawer--width)}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.gap-\\[--bq-drawer--gap\\]{gap:var(--bq-drawer--gap)}.bg-bg-primary{background-color:var(--bq-background--primary)}.px-\\[--bq-drawer--paddingX\\]{padding-left:var(--bq-drawer--paddingX);padding-right:var(--bq-drawer--paddingX)}.py-\\[--bq-drawer--paddingY\\]{padding-bottom:var(--bq-drawer--paddingY);padding-top:var(--bq-drawer--paddingY)}.shadow-m{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-drawer--backgroundBackdrop:var(--bq-grey-900);--bq-drawer--gap:var(--bq-spacing-l);--bq-drawer--width:320px;--bq-drawer--paddingX:var(--bq-spacing-l);--bq-drawer--paddingY:var(--bq-spacing-m);--bq-drawer--zIndex:9999;visibility:hidden!important}:host(.bq-drawer--open){visibility:visible!important}.bq-drawer{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);background-color:var(--bq-background--primary);bottom:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:var(--bq-drawer--gap);max-width:100%;padding:var(--bq-drawer--paddingY) var(--bq-drawer--paddingX);position:fixed;top:0;width:var(--bq-drawer--width);z-index:10}.-translate-x-full,.translate-x-full{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pointer-events-none{pointer-events:none}.static{position:static}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.mb-m{margin-bottom:var(--bq-spacing-m)}.block{display:block}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.-translate-x-full{--tw-translate-x:-100%}.translate-x-full{--tw-translate-x:100%}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-\\[--bq-drawer--backgroundBackdrop\\]{background-color:var(--bq-drawer--backgroundBackdrop)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-text-primary{color:var(--bq-text--primary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.\\[\\&\\:\\:part\\(button\\)\\]\\:h-fit::part(button){height:fit-content}.\\[\\&\\:\\:part\\(button\\)\\]\\:rounded-s::part(button){border-radius:var(--bq-radius--s)}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-0::part(button){border-width:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.h-\\[var\\(--bq-icon--size\\)\\]{height:var(--bq-icon--size)}.w-\\[var\\(--bq-icon--size\\)\\]{width:var(--bq-icon--size)}.text-\\[color\\:var\\(--bq-icon--color\\)\\]{color:var(--bq-icon--color)}.gap-0{gap:0}.border{border-width:1px}.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 bqDrawerCss = "::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:\"Outfit\",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:\"Poppins\",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-drawer,.shadow-m{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.inset-y-0{bottom:0;top:0}.z-10{z-index:10}.flex{display:flex}.w-\\[--bq-drawer--width\\]{width:var(--bq-drawer--width)}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.gap-\\[--bq-drawer--gap\\]{gap:var(--bq-drawer--gap)}.bg-bg-primary{background-color:var(--bq-background--primary)}.px-\\[--bq-drawer--paddingX\\]{padding-left:var(--bq-drawer--paddingX);padding-right:var(--bq-drawer--paddingX)}.py-\\[--bq-drawer--paddingY\\]{padding-bottom:var(--bq-drawer--paddingY);padding-top:var(--bq-drawer--paddingY)}.shadow-m{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-drawer--backgroundBackdrop:var(--bq-grey-900);--bq-drawer--gap:var(--bq-spacing-l);--bq-drawer--width:320px;--bq-drawer--paddingX:var(--bq-spacing-l);--bq-drawer--paddingY:var(--bq-spacing-m);--bq-drawer--zIndex:9999;visibility:hidden!important}:host(.bq-drawer--open){visibility:visible!important}.bq-drawer{--tw-shadow:var(--bq-box-shadow--m);--tw-shadow-colored:var(--bq-box-shadow--m);background-color:var(--bq-background--primary);bottom:0;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:var(--bq-drawer--gap);max-width:100%;padding:var(--bq-drawer--paddingY) var(--bq-drawer--paddingX);position:fixed;top:0;width:var(--bq-drawer--width);z-index:10}.-translate-x-full,.translate-x-full{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pointer-events-none{pointer-events:none}.static{position:static}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.mb-m{margin-bottom:var(--bq-spacing-m)}.block{display:block}.\\!hidden{display:none!important}.hidden{display:none}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.-translate-x-full{--tw-translate-x:-100%}.translate-x-full{--tw-translate-x:100%}.items-center{align-items:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.bg-\\[--bq-drawer--backgroundBackdrop\\]{background-color:var(--bq-drawer--backgroundBackdrop)}.font-bold{font-weight:var(--bq-font-weight--bold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-text-primary{color:var(--bq-text--primary)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.\\[\\&\\:\\:part\\(button\\)\\]\\:h-fit::part(button){height:fit-content}.\\[\\&\\:\\:part\\(button\\)\\]\\:rounded-s::part(button){border-radius:var(--bq-radius--s)}.\\[\\&\\:\\:part\\(button\\)\\]\\:border-0::part(button){border-width:0}.\\[\\&\\:\\:part\\(button\\)\\]\\:p-0::part(button){padding:0}.gap-0{gap:0}.h-\\[var\\(--bq-icon--size\\)\\]{height:var(--bq-icon--size)}.w-\\[var\\(--bq-icon--size\\)\\]{width:var(--bq-icon--size)}.text-\\[color\\:var\\(--bq-icon--color\\)\\]{color:var(--bq-icon--color)}.border{border-width:1px}.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 BqDrawerStyle0 = bqDrawerCss;
 const BqDrawer$1 = /*@__PURE__*/ proxyCustomElement(class BqDrawer extends HTMLElement {
@@ -136,18 +136,18 @@ const BqDrawer$1 = /*@__PURE__*/ proxyCustomElement(class BqDrawer extends HTMLE
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h(Host, { key: '82733585ea5347fb16c416ef31b19ca4f9379377' }, this.enableBackdrop && (h("div", { key: '737e79800344795f359496f1d68f9fe8043727bc', class: {
+        return (h(Host, { key: '5f7adcac68149e4257bade9091257d30b487c72a' }, this.enableBackdrop && (h("div", { key: 'c74f8cc2e8b1073707f98046c3ba12a998341fee', class: {
                 'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300 ': true,
                 'pointer-events-none': !this.open,
                 'opacity-60': this.open,
-            }, tabIndex: -1, part: "backdrop" })), h("div", { key: '0455d0009c314331eaabe79478a34594da1f117f', class: {
+            }, tabIndex: -1, part: "backdrop" })), h("div", { key: '164e204328217be65719248ec331b47abf935a66', class: {
                 [`bq-drawer ${this.placement}`]: true,
                 'left-0': this.placement === 'left',
                 'right-0': this.placement === 'right',
-            }, "data-transition-enter": "transition-transform ease-in duration-300", "data-transition-enter-start": this.getMoveTranslate(), "data-transition-enter-end": "opacity-100", "data-transition-leave": "transition-transform ease-in duration-300", "data-transition-leave-start": "opacity-100", "data-transition-leave-end": this.getMoveTranslate(), ref: (div) => (this.drawerElem = div), "aria-hidden": !this.open ? 'true' : 'false', "aria-labelledby": "bq-drawer__title", "aria-modal": "true", hidden: !this.open, part: "panel", role: "dialog" }, h("header", { key: '6266f6e564b06e41fce2dc823d5e090a590eab7b', class: "flex", part: "header" }, h("h2", { key: '0a6fca0b666db64fa81298a021294fa0f6947025', class: "flex-1 items-center justify-between font-bold leading-regular text-text-primary", id: "bq-drawer__title", part: "title" }, h("slot", { key: 'a49d567935b950940eade89bffa69d3964226a76', name: "title" })), h("div", { key: '617d8988ee3d3f1a851327f612d27dca5c311786', class: "flex", part: "button-close" }, h("slot", { key: '7b67f6b3d50970adbcc37f11944d3552250a2ec5', name: "button-close" }, h("bq-button", { key: 'de3131a0f35242a8a3ca73fd64c57e128e53174d', class: "[&::part(button)]:h-fit [&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:p-0", appearance: "text", size: "small", slot: "button-close", onClick: () => this.hide() }, h("bq-icon", { key: '4d187ab4f5b6cea1192cfadb240109ead5005a12', weight: "bold", name: "x", role: "img", title: "Close" }))))), h("main", { key: '19daa6051c61744f1f7b19c19b1570baff880a5f', class: "block flex-auto overflow-auto", part: "body" }, h("slot", { key: '863c58f12bac1f22a20e809431c1610a2477e0e6' })), h("footer", { key: 'c621587e68e16673cde97d147a47231233399b2e', class: {
+            }, "data-transition-enter": "transition-transform ease-in duration-300", "data-transition-enter-start": this.getMoveTranslate(), "data-transition-enter-end": "opacity-100", "data-transition-leave": "transition-transform ease-in duration-300", "data-transition-leave-start": "opacity-100", "data-transition-leave-end": this.getMoveTranslate(), ref: (div) => (this.drawerElem = div), "aria-hidden": !this.open ? 'true' : 'false', "aria-labelledby": "bq-drawer__title", "aria-modal": "true", hidden: !this.open, part: "panel", role: "dialog" }, h("header", { key: 'face1d72e135c42cfbdc67789c5cf1f232c3c2f7', class: "flex", part: "header" }, h("h2", { key: 'cb95ed4725aa55d12d70aaeeffa16199ad9a83cf', class: "flex-1 items-center justify-between font-bold leading-regular text-text-primary", id: "bq-drawer__title", part: "title" }, h("slot", { key: '34f62aeacfc12ebf9ce175f95e28ac99298e689e', name: "title" })), h("div", { key: '1911d6f88d3af62ee978e76ea247ac2fcf2fb642', class: "flex", part: "button-close" }, h("slot", { key: '9f4ed3ba6d66948d6370f7e82e27c33df765dc64', name: "button-close" }, h("bq-button", { key: '0ee307b301e4323313888b1f1752bbcead0ada46', class: "[&::part(button)]:h-fit [&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:p-0", appearance: "text", size: "small", slot: "button-close", onClick: () => this.hide() }, h("bq-icon", { key: 'de69f0ff72028402f827d05959d6c22284cf82b3', weight: "bold", name: "x", role: "img", title: "Close" }))))), h("main", { key: 'b6ac8179f06d94287cc1460ef0cabe78184859b7', class: "block flex-auto overflow-auto", part: "body" }, h("slot", { key: 'd78e5a444b1d6a8bea7904103b35339f128f2933' })), h("footer", { key: 'd0e71f577d3a6da9e97a7a64bceb1b12ff6ea011', class: {
                 block: true,
                 '!hidden': !this.hasFooter,
-            }, ref: (footerElem) => (this.footerElem = footerElem), part: "footer" }, h("bq-divider", { key: '45173ddc3b1a94fe38d7d9d202de9bf6f8942ffd', class: "mb-m block", "stroke-color": "ui--secondary", dashed: true }), h("slot", { key: 'aee371d7ac916d28de154f83b029325283bf00c3', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
+            }, ref: (footerElem) => (this.footerElem = footerElem), part: "footer" }, h("slot", { key: 'cd04731f5f0f2bfcb536fabae5ef28bf673c9ec8', name: "footer-divider" }, h("bq-divider", { key: '3713fb78df2052271fd3cc88fd2079444211f773', class: "mb-m block", "stroke-color": "ui--secondary", dashed: true })), h("slot", { key: 'ee2505dbdf853b0b960136792f1346edb9af74ef', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"bq-drawer.js","mappings":"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","names":["BqDrawer"],"sources":["../../packages/beeq/src/components/drawer/bq-drawer.types.ts","../../packages/beeq/src/components/drawer/scss/bq-drawer.scss?tag=bq-drawer&encapsulation=shadow","../../packages/beeq/src/components/drawer/bq-drawer.tsx"],"sourcesContent":["export const DRAWER_PLACEMENT = ['left', 'right'] as const;\nexport type TDrawerPlacement = (typeof DRAWER_PLACEMENT)[number];\n","/* -------------------------------------------------------------------------- /\n/ Drawer styles /\n/ -------------------------------------------------------------------------- /\n\n@import './bq-drawer.variables';\n\n:host {\n @apply invisible #{!important};\n}\n\n:host(.bq-drawer--open) {\n @apply visible #{!important};\n}\n\n.bq-drawer {\n @apply fixed inset-y-0 z-10 flex w-[--bq-drawer--width] max-w-full flex-col gap-[--bq-drawer--gap] bg-bg-primary px-[--bq-drawer--paddingX] py-[--bq-drawer--paddingY] shadow-m;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { DRAWER_PLACEMENT, TDrawerPlacement } from './bq-drawer.types';\nimport { enter, hasSlotContent, leave, validatePropValue } from '../../shared/utils';\n\n/\n @part backdrop - The `<div>` that holds the backdrop overlay\n * @part button-close - The button that close the dialog on click\n * @part panel - The `<div>` that holds the drawer entire content\n * @part header - The `<header>` that holds the icon, title, and close button\n * @part title - The `<div>` that holds the title content\n * @part body - The `<main>` that holds the drawer body content\n * @part footer - The `<footer>` that holds footer content\n /\n\n@Component({\n tag: 'bq-drawer',\n styleUrl: './scss/bq-drawer.scss',\n shadow: true,\n})\nexport class BqDrawer {\n // Own Properties\n // ====================\n\n private footerElem: HTMLElement;\n private drawerElem: HTMLDivElement;\n private OPEN_CSS_CLASS = 'bq-drawer--open';\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqDrawerElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasFooter = false;\n @State() hasIcon: boolean = false;\n\n // Public Property API\n // ========================\n\n /* If true, the drawer component will be shown /\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /* Defines the position of the drawer /\n @Prop({ reflect: true, mutable: true }) placement: TDrawerPlacement = 'left';\n\n /* If true, the backdrop overlay will be shown when the drawer opens /\n @Prop({ reflect: true }) enableBackdrop = false;\n\n /* If true, the dialog will not close when the [Esc] key is pressed /\n @Prop({ reflect: true }) closeOnEsc = false;\n\n /* If true, the drawer will not close when clicking outside the panel /\n @Prop({ reflect: true }) closeOnClickOutside = false;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('open')\n async handleOpenChange() {\n if (!this.open) {\n await this.handleHide();\n return;\n }\n\n await this.handleShow();\n }\n\n @Watch('placement')\n checkPropValues() {\n validatePropValue(DRAWER_PLACEMENT, 'left', this.el, 'placement');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /* Callback handler to be called when the drawer is closed /\n @Event() bqClose!: EventEmitter;\n\n /* Callback handler to be called when the drawer is opened /\n @Event() bqOpen!: EventEmitter;\n\n /* Callback handler to be called after the drawer has been opened /\n @Event() bqAfterOpen!: EventEmitter;\n\n /* Callback handler to be called after the drawer has been closed /\n @Event() bqAfterClose!: EventEmitter;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleOpenChange();\n }\n\n // Listeners\n // ==============\n\n @Listen('mousedown', { target: 'window', capture: true })\n async handleMouseClick(event: MouseEvent) {\n if (!this.open) return;\n if (!this.drawerElem \|\| this.closeOnClickOutside) return;\n // Skip if the mouse button is not the main button\n if (event.button !== 0) return;\n\n const rect = this.drawerElem.getBoundingClientRect();\n if (event.clientX < rect.left \|\| event.clientX > rect.right) {\n await this.hide();\n }\n }\n\n @Listen('keydown', { target: 'window', capture: true })\n async handleKeyDown(event: KeyboardEvent) {\n if (!this.open) return;\n if (!this.drawerElem \|\| this.closeOnEsc \|\| !(event.key === 'Escape' \|\| event.key === 'Esc')) return;\n\n await this.hide();\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /* Method to be called to hide the drawer component /\n @Method()\n async hide(): Promise<void> {\n this.open = false;\n }\n\n /* Method to be called to show the drawer component /\n @Method()\n async show(): Promise<void> {\n this.open = true;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private handleHide = async () => {\n if (!this.drawerElem) return;\n\n const ev = this.bqClose.emit();\n if (ev.defaultPrevented) return;\n\n await leave(this.drawerElem);\n this.handleTransitionEnd();\n };\n\n private handleShow = async () => {\n if (!this.drawerElem) return;\n\n const ev = this.bqOpen.emit();\n if (ev.defaultPrevented) return;\n\n this.el.classList.add(this.OPEN_CSS_CLASS);\n await enter(this.drawerElem);\n this.handleTransitionEnd();\n };\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.bqAfterOpen.emit();\n return;\n }\n\n this.bqAfterClose.emit();\n this.el.classList.remove(this.OPEN_CSS_CLASS);\n };\n\n private getMoveTranslate = (): string => {\n const placementMap = {\n right: 'translate-x-full',\n left: '-translate-x-full',\n };\n\n return placementMap[this.placement] \|\| '';\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <Host>\n {/ BACKDROP /}\n {this.enableBackdrop && (\n <div\n class={{\n 'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300 ':\n true,\n 'pointer-events-none': !this.open,\n 'opacity-60': this.open,\n }}\n tabIndex={-1}\n part=\"backdrop\"\n />\n )}\n {/ DRAWER PANEL */}\n <div\n class={{\n [`bq-drawer ${this.placement}`]: true,\n 'left-0': this.placement === 'left',\n 'right-0': this.placement === 'right',\n }}\n data-transition-enter=\"transition-transform ease-in duration-300\"\n data-transition-enter-start={this.getMoveTranslate()}\n data-transition-enter-end=\"opacity-100\"\n data-transition-leave=\"transition-transform ease-in duration-300\"\n data-transition-leave-start=\"opacity-100\"\n data-transition-leave-end={this.getMoveTranslate()}\n ref={(div) => (this.drawerElem = div)}\n aria-hidden={!this.open ? 'true' : 'false'}\n aria-labelledby=\"bq-drawer__title\"\n aria-modal=\"true\"\n hidden={!this.open}\n part=\"panel\"\n role=\"dialog\"\n >\n <header class=\"flex\" part=\"header\">\n <h2\n class=\"flex-1 items-center justify-between font-bold leading-regular text-text-primary\"\n id=\"bq-drawer__title\"\n part=\"title\"\n >\n <slot name=\"title\" />\n </h2>\n <div class=\"flex\" part=\"button-close\">\n <slot name=\"button-close\">\n <bq-button\n class=\"[&::part(button)]:h-fit [&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:p-0\"\n appearance=\"text\"\n size=\"small\"\n slot=\"button-close\"\n onClick={() => this.hide()}\n >\n <bq-icon weight=\"bold\" name=\"x\" role=\"img\" title=\"Close\" />\n </bq-button>\n </slot>\n </div>\n </header>\n <main class=\"block flex-auto overflow-auto\" part=\"body\">\n <slot />\n </main>\n <footer\n class={{\n block: true,\n '!hidden': !this.hasFooter,\n }}\n ref={(footerElem) => (this.footerElem = footerElem)}\n part=\"footer\"\n >\n <bq-divider class=\"mb-m block\" stroke-color=\"ui--secondary\" dashed />\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </footer>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"bq-drawer.js","mappings":";;;;;;;;;;;;;AAAO,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU;;ACA1D,MAAM,WAAW,GAAG,0+sBAA0+sB,CAAC;AAC//sB,uBAAe,WAAW;;MCmBbA,UAAQ;;;;;;;;;QAMX,mBAAc,GAAG,iBAAiB,CAAC;;;;;QA8HnC,2BAAsB,GAAG;YAC/B,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SAC5D,CAAC;QAEM,eAAU,GAAG;YACnB,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAE7B,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC/B,IAAI,EAAE,CAAC,gBAAgB;gBAAE,OAAO;YAEhC,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC7B,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B,CAAC;QAEM,eAAU,GAAG;YACnB,IAAI,CAAC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAE7B,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAC9B,IAAI,EAAE,CAAC,gBAAgB;gBAAE,OAAO;YAEhC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC3C,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC7B,IAAI,CAAC,mBAAmB,EAAE,CAAC;SAC5B,CAAC;QAEM,wBAAmB,GAAG;YAC5B,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;gBACxB,OAAO;aACR;YAED,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAC/C,CAAC;QAEM,qBAAgB,GAAG;YACzB,MAAM,YAAY,GAAG;gBACnB,KAAK,EAAE,kBAAkB;gBACzB,IAAI,EAAE,mBAAmB;aAC1B,CAAC;YAEF,OAAO,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;SAC3C,CAAC;yBA7J2B,KAAK;uBACN,KAAK;;yBASqC,MAAM;8BAGlC,KAAK;0BAGT,KAAK;mCAGI,KAAK;;;;IAMpD,MAAM,gBAAgB;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,OAAO;SACR;QAED,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;KACzB;IAGD,eAAe;QACb,iBAAiB,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;KACnE;;;;IAsBD,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;;;IAMD,MAAM,gBAAgB,CAAC,KAAiB;QACtC,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB;YAAE,OAAO;;QAEzD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAE/B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC;QACrD,IAAI,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE;YAC3D,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;SACnB;KACF;IAGD,MAAM,aAAa,CAAC,KAAoB;QACtC,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO;QACvB,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,EAAE,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC;YAAE,OAAO;QAEpG,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;KACnB;;;;;;;;IAWD,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;;IAID,MAAM,IAAI;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;KAClB;;;;IAuDD,MAAM;QACJ,QACE,EAAC,IAAI,uDAEF,IAAI,CAAC,cAAc,KAClB,4DACE,KAAK,EAAE;gBACL,qGAAqG,EACnG,IAAI;gBACN,qBAAqB,EAAE,CAAC,IAAI,CAAC,IAAI;gBACjC,YAAY,EAAE,IAAI,CAAC,IAAI;aACxB,EACD,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,UAAU,GACf,CACH,EAED,4DACE,KAAK,EAAE;gBACL,CAAC,aAAa,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI;gBACrC,QAAQ,EAAE,IAAI,CAAC,SAAS,KAAK,MAAM;gBACnC,SAAS,EAAE,IAAI,CAAC,SAAS,KAAK,OAAO;aACtC,2BACqB,2CAA2C,iCACpC,IAAI,CAAC,gBAAgB,EAAE,+BAC1B,aAAa,2BACjB,2CAA2C,iCACrC,aAAa,+BACd,IAAI,CAAC,gBAAgB,EAAE,EAClD,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,iBACxB,CAAC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,qBAC1B,kBAAkB,gBACvB,MAAM,EACjB,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,IAEb,+DAAQ,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,IAChC,2DACE,KAAK,EAAC,iFAAiF,EACvF,EAAE,EAAC,kBAAkB,EACrB,IAAI,EAAC,OAAO,IAEZ,6DAAM,IAAI,EAAC,OAAO,GAAG,CAClB,EACL,4DAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,IACnC,6DAAM,IAAI,EAAC,cAAc,IACvB,kEACE,KAAK,EAAC,sGAAsG,EAC5G,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,IAE1B,gEAAS,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,OAAO,GAAG,CACjD,CACP,CACH,CACC,EACT,6DAAM,KAAK,EAAC,+BAA+B,EAAC,IAAI,EAAC,MAAM,IACrD,8DAAQ,CACH,EACP,+DACE,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI;gBACX,SAAS,EAAE,CAAC,IAAI,CAAC,SAAS;aAC3B,EACD,GAAG,EAAE,CAAC,UAAU,MAAM,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC,EACnD,IAAI,EAAC,QAAQ,IAEb,6DAAM,IAAI,EAAC,gBAAgB,IACzB,mEAAY,KAAK,EAAC,YAAY,kBAAc,eAAe,EAAC,MAAM,SAAG,CAChE,EACP,6DAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,IAAI,CAAC,sBAAsB,GAAI,CAC1D,CACL,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BqDrawer"],"sources":["../../packages/beeq/src/components/drawer/bq-drawer.types.ts","../../packages/beeq/src/components/drawer/scss/bq-drawer.scss?tag=bq-drawer&encapsulation=shadow","../../packages/beeq/src/components/drawer/bq-drawer.tsx"],"sourcesContent":["export const DRAWER_PLACEMENT = ['left', 'right'] as const;\nexport type TDrawerPlacement = (typeof DRAWER_PLACEMENT)[number];\n","/* -------------------------------------------------------------------------- /\n/ Drawer styles /\n/ -------------------------------------------------------------------------- /\n\n@import './bq-drawer.variables';\n\n:host {\n @apply invisible #{!important};\n}\n\n:host(.bq-drawer--open) {\n @apply visible #{!important};\n}\n\n.bq-drawer {\n @apply fixed inset-y-0 z-10 flex w-[--bq-drawer--width] max-w-full flex-col gap-[--bq-drawer--gap] bg-bg-primary px-[--bq-drawer--paddingX] py-[--bq-drawer--paddingY] shadow-m;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { DRAWER_PLACEMENT, TDrawerPlacement } from './bq-drawer.types';\nimport { enter, hasSlotContent, leave, validatePropValue } from '../../shared/utils';\n\n/\n @part backdrop - The `<div>` that holds the backdrop overlay\n * @part button-close - The button that close the dialog on click\n * @part panel - The `<div>` that holds the drawer entire content\n * @part header - The `<header>` that holds the icon, title, and close button\n * @part title - The `<div>` that holds the title content\n * @part body - The `<main>` that holds the drawer body content\n * @part footer - The `<footer>` that holds footer content\n /\n\n@Component({\n tag: 'bq-drawer',\n styleUrl: './scss/bq-drawer.scss',\n shadow: true,\n})\nexport class BqDrawer {\n // Own Properties\n // ====================\n\n private footerElem: HTMLElement;\n private drawerElem: HTMLDivElement;\n private OPEN_CSS_CLASS = 'bq-drawer--open';\n\n // Reference to host HTML element\n // ===================================\n\n @Element() el!: HTMLBqDrawerElement;\n\n // State() variables\n // Inlined decorator, alphabetical order\n // =======================================\n\n @State() private hasFooter = false;\n @State() hasIcon: boolean = false;\n\n // Public Property API\n // ========================\n\n /* If true, the drawer component will be shown /\n @Prop({ reflect: true, mutable: true }) open: boolean;\n\n /* Defines the position of the drawer /\n @Prop({ reflect: true, mutable: true }) placement: TDrawerPlacement = 'left';\n\n /* If true, the backdrop overlay will be shown when the drawer opens /\n @Prop({ reflect: true }) enableBackdrop = false;\n\n /* If true, the dialog will not close when the [Esc] key is pressed /\n @Prop({ reflect: true }) closeOnEsc = false;\n\n /* If true, the drawer will not close when clicking outside the panel /\n @Prop({ reflect: true }) closeOnClickOutside = false;\n\n // Prop lifecycle events\n // =======================\n\n @Watch('open')\n async handleOpenChange() {\n if (!this.open) {\n await this.handleHide();\n return;\n }\n\n await this.handleShow();\n }\n\n @Watch('placement')\n checkPropValues() {\n validatePropValue(DRAWER_PLACEMENT, 'left', this.el, 'placement');\n }\n\n // Events section\n // Requires JSDocs for public API documentation\n // ==============================================\n\n /* Callback handler to be called when the drawer is closed /\n @Event() bqClose!: EventEmitter;\n\n /* Callback handler to be called when the drawer is opened /\n @Event() bqOpen!: EventEmitter;\n\n /* Callback handler to be called after the drawer has been opened /\n @Event() bqAfterOpen!: EventEmitter;\n\n /* Callback handler to be called after the drawer has been closed /\n @Event() bqAfterClose!: EventEmitter;\n\n // Component lifecycle events\n // Ordered by their natural call order\n // =====================================\n\n componentWillLoad() {\n this.checkPropValues();\n }\n\n componentDidLoad() {\n this.handleOpenChange();\n }\n\n // Listeners\n // ==============\n\n @Listen('mousedown', { target: 'window', capture: true })\n async handleMouseClick(event: MouseEvent) {\n if (!this.open) return;\n if (!this.drawerElem \|\| this.closeOnClickOutside) return;\n // Skip if the mouse button is not the main button\n if (event.button !== 0) return;\n\n const rect = this.drawerElem.getBoundingClientRect();\n if (event.clientX < rect.left \|\| event.clientX > rect.right) {\n await this.hide();\n }\n }\n\n @Listen('keydown', { target: 'window', capture: true })\n async handleKeyDown(event: KeyboardEvent) {\n if (!this.open) return;\n if (!this.drawerElem \|\| this.closeOnEsc \|\| !(event.key === 'Escape' \|\| event.key === 'Esc')) return;\n\n await this.hide();\n }\n\n // Public methods API\n // These methods are exposed on the host element.\n // Always use two lines.\n // Public Methods must be async.\n // Requires JSDocs for public API documentation.\n // ===============================================\n\n /* Method to be called to hide the drawer component /\n @Method()\n async hide(): Promise<void> {\n this.open = false;\n }\n\n /* Method to be called to show the drawer component /\n @Method()\n async show(): Promise<void> {\n this.open = true;\n }\n\n // Local methods\n // Internal business logic.\n // These methods cannot be called from the host element.\n // =======================================================\n\n private handleFooterSlotChange = () => {\n this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n };\n\n private handleHide = async () => {\n if (!this.drawerElem) return;\n\n const ev = this.bqClose.emit();\n if (ev.defaultPrevented) return;\n\n await leave(this.drawerElem);\n this.handleTransitionEnd();\n };\n\n private handleShow = async () => {\n if (!this.drawerElem) return;\n\n const ev = this.bqOpen.emit();\n if (ev.defaultPrevented) return;\n\n this.el.classList.add(this.OPEN_CSS_CLASS);\n await enter(this.drawerElem);\n this.handleTransitionEnd();\n };\n\n private handleTransitionEnd = () => {\n if (this.open) {\n this.bqAfterOpen.emit();\n return;\n }\n\n this.bqAfterClose.emit();\n this.el.classList.remove(this.OPEN_CSS_CLASS);\n };\n\n private getMoveTranslate = (): string => {\n const placementMap = {\n right: 'translate-x-full',\n left: '-translate-x-full',\n };\n\n return placementMap[this.placement] \|\| '';\n };\n\n // render() function\n // Always the last one in the class.\n // ===================================\n\n render() {\n return (\n <Host>\n {/ BACKDROP /}\n {this.enableBackdrop && (\n <div\n class={{\n 'fixed inset-0 block bg-[--bq-drawer--backgroundBackdrop] opacity-0 transition-opacity duration-300 ':\n true,\n 'pointer-events-none': !this.open,\n 'opacity-60': this.open,\n }}\n tabIndex={-1}\n part=\"backdrop\"\n />\n )}\n {/ DRAWER PANEL */}\n <div\n class={{\n [`bq-drawer ${this.placement}`]: true,\n 'left-0': this.placement === 'left',\n 'right-0': this.placement === 'right',\n }}\n data-transition-enter=\"transition-transform ease-in duration-300\"\n data-transition-enter-start={this.getMoveTranslate()}\n data-transition-enter-end=\"opacity-100\"\n data-transition-leave=\"transition-transform ease-in duration-300\"\n data-transition-leave-start=\"opacity-100\"\n data-transition-leave-end={this.getMoveTranslate()}\n ref={(div) => (this.drawerElem = div)}\n aria-hidden={!this.open ? 'true' : 'false'}\n aria-labelledby=\"bq-drawer__title\"\n aria-modal=\"true\"\n hidden={!this.open}\n part=\"panel\"\n role=\"dialog\"\n >\n <header class=\"flex\" part=\"header\">\n <h2\n class=\"flex-1 items-center justify-between font-bold leading-regular text-text-primary\"\n id=\"bq-drawer__title\"\n part=\"title\"\n >\n <slot name=\"title\" />\n </h2>\n <div class=\"flex\" part=\"button-close\">\n <slot name=\"button-close\">\n <bq-button\n class=\"[&::part(button)]:h-fit [&::part(button)]:rounded-s [&::part(button)]:border-0 [&::part(button)]:p-0\"\n appearance=\"text\"\n size=\"small\"\n slot=\"button-close\"\n onClick={() => this.hide()}\n >\n <bq-icon weight=\"bold\" name=\"x\" role=\"img\" title=\"Close\" />\n </bq-button>\n </slot>\n </div>\n </header>\n <main class=\"block flex-auto overflow-auto\" part=\"body\">\n <slot />\n </main>\n <footer\n class={{\n block: true,\n '!hidden': !this.hasFooter,\n }}\n ref={(footerElem) => (this.footerElem = footerElem)}\n part=\"footer\"\n >\n <slot name=\"footer-divider\">\n <bq-divider class=\"mb-m block\" stroke-color=\"ui--secondary\" dashed />\n </slot>\n <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n </footer>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/bq-dropdown2.js CHANGED Viewed

@@ -101,7 +101,7 @@ const BqDropdown = /*@__PURE__*/ proxyCustomElement(class BqDropdown extends HTM
         const style = {
             ...(this.panelHeight && { '--bq-panel--height': this.panelHeight }),
         };
-        return (h("div", { key: 'b28c0cf29e70e36890b7f475700325f2d69be93f', class: "bq-dropdown", part: "base" }, h("div", { key: 'd1cb7e405c1ce6aad4c04405c5d48662a3fdfd6d', class: "bq-dropdown__trigger block", "aria-controls": this.dropdownPanelId, "aria-haspopup": "true", onClick: this.togglePanel, part: "trigger" }, h("slot", { key: '2bccd3db14aa05d4bd4360a55499004d2eda0d02', name: "trigger" })), h("bq-panel", { key: 'f56fb53adb87f31ddbced4a2398ba36366b676b4', style: style, id: this.dropdownPanelId, class: "bq-dropdown__panel", distance: this.distance, placement: this.placement, open: this.open, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, role: "group", part: "dropdown", exportparts: "panel" }, h("slot", { key: 'a2fd06fe2f247e87686b54bb8fe175db25452fd1' }))));
+        return (h("div", { key: '38d2453fadda16bb2e2f3e7a703cbd465e7a335f', class: "bq-dropdown", part: "base" }, h("div", { key: 'a099e2b3cb7439212512a7e2fc61ba67b36a1b4b', class: "bq-dropdown__trigger block", "aria-controls": this.dropdownPanelId, "aria-haspopup": "true", onClick: this.togglePanel, part: "trigger" }, h("slot", { key: '8003b4593620876325b3c5eddd4da1e93d4f7ac0', name: "trigger" })), h("bq-panel", { key: 'c33eb240ca768ef1d9f125b710ef08826e76a638', style: style, id: this.dropdownPanelId, class: "bq-dropdown__panel", distance: this.distance, placement: this.placement, open: this.open, sameWidth: this.sameWidth, skidding: this.skidding, strategy: this.strategy, role: "group", part: "dropdown", exportparts: "panel" }, h("slot", { key: 'd526999a3be3f7e8084306a91f89b0516aef3b04' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-empty-state.js CHANGED Viewed

@@ -66,11 +66,11 @@ const BqEmptyState$1 = /*@__PURE__*/ proxyCustomElement(class BqEmptyState exten
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: '8b8f1b057650626436e28647a99136ffbe04dab1', class: "inline-flex flex-col items-center", part: "wrapper" }, h("div", { key: '3de1e6d9065839a71e336353f51bead063c72e09', class: {
+        return (h("div", { key: 'edbbd39b9a17ead9e468197c44baade22dc48e94', class: "inline-flex flex-col items-center", part: "wrapper" }, h("div", { key: '66645d751d8403b82217963107fa5244cee78458', class: {
                 'mb-m': this.size === 'small',
                 'mb-xl': this.size === 'medium',
                 'mb-xxl': this.size === 'large',
-            }, part: "thumbnail" }, h("slot", { key: 'ed2ad9f591ec1748e198840d6a4b0a21ff527be0', name: "thumbnail" }, h("bq-icon", { key: '131d1dbbcf994f53098ff4f5c998f004eb6ce080', size: this.iconSize, name: "database", part: "icon", exportparts: "base,svg" }))), h("div", { key: '5a5326c4dfff74e615137627ca8759598653ab2e', class: {
+            }, part: "thumbnail" }, h("slot", { key: '04ea8283687cb7e24ba89f5b47143851a14306ac', name: "thumbnail" }, h("bq-icon", { key: 'a57215d4a465899fd3403a8bac0b51a6d54cc1b0', size: this.iconSize, name: "database", part: "icon", exportparts: "base,svg" }))), h("div", { key: 'fac0ae4940684113e4c3d04f3dfdf53d38e0d9c3', class: {
                 'title-font font-bold leading-regular text-text-primary': true,
                 'text-m': this.size === 'small',
                 'text-l': this.size === 'medium',
@@ -78,7 +78,7 @@ const BqEmptyState$1 = /*@__PURE__*/ proxyCustomElement(class BqEmptyState exten
                 'mb-xs': this.size === 'small' && this.hasBody,
                 'mb-m': this.size === 'medium' && this.hasBody,
                 'mb-l': this.size === 'large' && this.hasBody,
-            }, part: "title" }, h("slot", { key: '41b9c44e79fbfcfca46f2380f8a81a08329b6a98' })), h("div", { key: '56bc709fc2c9cad24e0fecad2e602bfc03f7ec35', class: {
+            }, part: "title" }, h("slot", { key: '1afa0501b640093a098939bbdc0e838f18becb87' })), h("div", { key: '429434aa0896d173fe9834eb9d8e2e7be5dfbe95', class: {
                 'font-normal leading-regular': true,
                 'text-s': this.size === 'small',
                 'text-m': this.size === 'medium',
@@ -86,7 +86,7 @@ const BqEmptyState$1 = /*@__PURE__*/ proxyCustomElement(class BqEmptyState exten
                 'mb-m': this.size === 'small' && this.hasFooter,
                 'mb-l': this.size === 'medium' && this.hasFooter,
                 'mb-xl': this.size === 'large' && this.hasFooter,
-            }, ref: (div) => (this.bodyElem = div), part: "body" }, h("slot", { key: '34b52f0fbe390e0f6658688b4e05f432df76ae3a', name: "body", onSlotchange: this.handleContentSlotChange })), h("div", { key: '8b09b135ed2783f2442517751083fe9707a1a7bd', class: { 'flex items-start gap-xs': true }, ref: (div) => (this.footerElem = div), part: "footer" }, h("slot", { key: '812adff36a857b30e2172dd3f1c3d0322efaabb5', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
+            }, ref: (div) => (this.bodyElem = div), part: "body" }, h("slot", { key: '71d52302fb3946444b00e05e33e3516ae723de71', name: "body", onSlotchange: this.handleContentSlotChange })), h("div", { key: '3a5a63d57cb745e925fa74b9c8d55113b257bf54', class: { 'flex items-start gap-xs': true }, ref: (div) => (this.footerElem = div), part: "footer" }, h("slot", { key: 'ae4575006a4a27557efa2b9a84d0aa83e7e25419', name: "footer", onSlotchange: this.handleFooterSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-icon2.js CHANGED Viewed

@@ -167,7 +167,7 @@ const BqIcon = /*@__PURE__*/ proxyCustomElement(class BqIcon extends HTMLElement
             ...(this.color && { '--bq-icon--color': getColorCSSVariable(this.color) }),
             ...(this.size && { '--bq-icon--size': `${this.size}px` }),
         };
-        return (h(Host, { key: '93064986f0beaecc9b96e85a0f4fb1b86ea35f35', style: styles }, h("div", { key: '2d9320d4cfcd0ca171bfd0bcef6459ee369503c4', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : `${this.name} icon`, class: "flex h-[var(--bq-icon--size)] w-[var(--bq-icon--size)] text-[color:var(--bq-icon--color)]", innerHTML: this._svgContent, part: "base", role: "img" })));
+        return (h(Host, { key: '7fa8cf7f67c69f44815595fa053412f8dc519adb', style: styles }, h("div", { key: 'cbbaf77019eeed1efc82bb2dd383bdc8f3135ad2', "aria-label": (_a = this.label) !== null && _a !== void 0 ? _a : `${this.name} icon`, class: "flex h-[var(--bq-icon--size)] w-[var(--bq-icon--size)] text-[color:var(--bq-icon--color)]", innerHTML: this._svgContent, part: "base", role: "img" })));
     }
     static get assetsDirs() { return ["svg"]; }
     static get watchers() { return {

package/dist/components/bq-input.js CHANGED Viewed

@@ -139,19 +139,19 @@ const BqInput$1 = /*@__PURE__*/ proxyCustomElement(class BqInput extends HTMLEle
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: 'ce836dfa531ebcf95c43d81fbdf8db6907ea711e', class: "bq-input", part: "base" }, h("label", { key: 'c3b53e40a91e70eaf8c69cb64dd330ef5532a532', class: { 'bq-input--label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, ref: (labelElem) => (this.labelElem = labelElem), part: "label" }, h("slot", { key: 'cad4548287110796c756160c79a43ea0eb3f22d3', name: "label", onSlotchange: this.handleLabelSlotChange })), h("div", { key: '33069f95f27ccc3da70b430cab9a998d9dd0c5a5', class: {
+        return (h("div", { key: '9efbdd5e7035fe32507cd46f5e43167aca324667', class: "bq-input", part: "base" }, h("label", { key: '3920c4f4ad09dcf907ae54ca04570fa76204a238', class: { 'bq-input--label': true, '!hidden': !this.hasLabel }, htmlFor: this.name || this.fallbackInputId, ref: (labelElem) => (this.labelElem = labelElem), part: "label" }, h("slot", { key: 'd47f864b555c72558554c240f90468e30b502e02', name: "label", onSlotchange: this.handleLabelSlotChange })), h("div", { key: '17c08a50111b09dadf3fd4f02f6ee1c34fa44a89', class: {
                 'bq-input--control': true,
                 [`validation-${this.validationStatus}`]: true,
                 disabled: this.disabled,
-            }, part: "control" }, h("span", { key: '94d9b84993332f29e554a0b1f8707ab8f3f7ef7d', class: { 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }, ref: (spanElem) => (this.prefixElem = spanElem), part: "prefix" }, h("slot", { key: '200e296a221411cc3fd8372b29dc39f2f5e273aa', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), h("input", { key: 'dff609fe832e7b1af45917237e829f6b2fe15c06', 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, autoFocus: this.autofocus, 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: (inputElem) => (this.inputElem = inputElem), readOnly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, part: "input",
+            }, part: "control" }, h("span", { key: '60e3cb187f1d65f9906903174422b9e3760da24b', class: { 'bq-input--control__prefix': true, '!hidden': !this.hasPrefix }, ref: (spanElem) => (this.prefixElem = spanElem), part: "prefix" }, h("slot", { key: '835dcb2d94543639d62b17fd3adb3f6cb617fb79', name: "prefix", onSlotchange: this.handlePrefixSlotChange })), h("input", { key: '417282481cceea2dc7035f5837b28066252adf7b', 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, autoFocus: this.autofocus, 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: (inputElem) => (this.inputElem = inputElem), readOnly: this.readonly, required: this.required, step: this.step, type: this.type, value: this.value, part: "input",
             // Events
             onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput }), this.hasValue && !this.disabled && !this.disableClear && (
         // The clear button will be visible as long as the input has a value
         // and the parent group is hovered or has focus-within
-        h("bq-button", { key: 'c7a0e3959eda623c90e3cda6738bb81045e73640', 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" }, h("slot", { key: '7c87ec5a2386bc2ebf3c3d98f9a3d71c09a94c23', name: "clear-icon" }, h("bq-icon", { key: 'a8fff83d88912f232a79746a309c28fa25f29956', name: "x-circle", class: "flex" })))), h("span", { key: 'e5797b8efc7a2671c7a7a119fdadf52e08fa6fe8', class: { 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }, ref: (spanElem) => (this.suffixElem = spanElem), part: "suffix" }, h("slot", { key: '59c0ef2ef72dd8ce836b620ed493d2f4937689d2', name: "suffix", onSlotchange: this.handleSuffixSlotChange }))), h("div", { key: 'a1d0be1f535bcaa80e4c886637296305a1dffa8e', class: {
+        h("bq-button", { key: '89b4557f5ca1629a2c01e504912cb37f8d9af6aa', 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" }, h("slot", { key: 'b96a04a64814fc3ee17b02e632ee19ed58794a98', name: "clear-icon" }, h("bq-icon", { key: 'fd5ae21b59cfb25b82b045a0298d96360693c073', name: "x-circle", class: "flex" })))), h("span", { key: '45880e5109f178d72492699adb85fbb83474f638', class: { 'bq-input--control__suffix': true, '!hidden': !this.hasSuffix }, ref: (spanElem) => (this.suffixElem = spanElem), part: "suffix" }, h("slot", { key: '3fcb60547b9c44f9f6997b019a71f15364807e11', name: "suffix", onSlotchange: this.handleSuffixSlotChange }))), h("div", { key: 'd6f86d41ddcded0b2ab86e69ccaf00b143ef9690', class: {
                 [`bq-input--helper-text validation-${this.validationStatus}`]: true,
                 '!hidden': !this.hasHelperText,
-            }, ref: (divElem) => (this.helperTextElem = divElem), part: "helper-text" }, h("slot", { key: '21ad9631a62549ec920e040e1ad34cefac07bb49', name: "helper-text", onSlotchange: this.handleHelperTextSlotChange }))));
+            }, ref: (divElem) => (this.helperTextElem = divElem), part: "helper-text" }, h("slot", { key: 'ea4724a4390335e6686bdb0f424a6b210d6559db', name: "helper-text", onSlotchange: this.handleHelperTextSlotChange }))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/bq-notification.js CHANGED Viewed

@@ -163,11 +163,11 @@ const BqNotification$1 = /*@__PURE__*/ proxyCustomElement(class BqNotification e
         const style = {
             ...(this.border && { '--bq-notification--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (h(Host, { key: 'c9bd30f95e0467fbc4ee15d2d904aeaf553acad9', style: style, class: { 'is-hidden': !this.open }, "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open ? 'true' : 'false', role: "alert" }, h("div", { key: '1745c49b78708ebdc866918e3ea4afdaca52596f', class: "bq-notification", "data-transition-enter": "transform transition ease-out duration-300", "data-transition-enter-start": "translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-enter-end": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-leave": "transform transition ease-in duration-100", "data-transition-leave-start": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-leave-end": "-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", ref: (div) => (this.notificationElem = div), part: "wrapper" }, !this.disableClose && (h("bq-button", { key: '294365079563ee8010a89d029c9dafe88ddf91d3', class: "notification--close absolute right-5", appearance: "text", size: "small", onClick: () => this.hide(), part: "btn-close" }, h("bq-icon", { key: 'ffea4d271fc8c9c4a42935839197dbf95fb644ee', name: "x" }))), h("div", { key: 'ac2e55de7b9da2d52c3bd3ee852afd8754848d41', class: {
+        return (h(Host, { key: '9c3a5c4c1207a1c767c7ae6f441da4c11775004c', style: style, class: { 'is-hidden': !this.open }, "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open ? 'true' : 'false', role: "alert" }, h("div", { key: '443ba9a870f76a510862fbe546551813a965e105', class: "bq-notification", "data-transition-enter": "transform transition ease-out duration-300", "data-transition-enter-start": "translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", "data-transition-enter-end": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-leave": "transform transition ease-in duration-100", "data-transition-leave-start": "translate-y-0 opacity-100 sm:translate-x-0", "data-transition-leave-end": "-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s", ref: (div) => (this.notificationElem = div), part: "wrapper" }, !this.disableClose && (h("bq-button", { key: '71b35ee5f5360de902e087e91c02d7aedb7111ab', class: "notification--close absolute right-5", appearance: "text", size: "small", onClick: () => this.hide(), part: "btn-close" }, h("bq-icon", { key: 'e957e2f798f1cf86d0dc2cf6de6102aebd36f2de', name: "x" }))), h("div", { key: '15702ecc10be5f36445f39c7f57c1748d2b6320d', class: {
                 '!hidden': this.hideIcon,
                 [`color-${this.type}`]: true, // The icon color will be based on the type (info, success, warning, error)
                 'notification--icon mr-xs flex text-left align-top': true,
-            }, part: "icon-outline" }, h("slot", { key: 'f92581a608e16da414537b270763040a448817b1', name: "icon" }, h("bq-icon", { key: 'f59b2042587cf34b841a068cd379884b1d9f7c62', name: this.iconName, part: "icon", exportparts: "base,svg" }))), h("div", { key: 'df6bb608ea91521528eabe9ea8910404e85a5ae7', class: "flex flex-col items-start gap-[var(--bq-notification--content-footer-gap)]", part: "main" }, h("div", { key: 'b7f36a194fab22903ae4a40fa11fece712e1962d', class: "flex flex-col gap-[var(--bq-notification--title-body-gap)]", part: "content" }, h("div", { key: '72ba3195a50fa8ce08987ea4d0f90608a334db85', class: "title-font font-semibold leading-regular", part: "title" }, h("slot", { key: '68fef6d8b2ffdd97bb54f0d90ae182eddd04935b' })), h("div", { key: '660be4b8562c5511dc0897cde5340cb92a1f09c0', class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, ref: (div) => (this.bodyElem = div), part: "body" }, h("slot", { key: '9611af9778d0db9edff8dd2b1e270a9127516d9f', name: "body", onSlotchange: this.handleContentSlotChange }))), h("div", { key: '732186214a0ab1518676f3bcc5b38265eec97556', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, ref: (div) => (this.footerElem = div), part: "footer" }, h("slot", { key: '44a3d77def812f896f880c43d959a8a106582c4b', name: "footer", onSlotchange: this.handleFooterSlotChange }))))));
+            }, part: "icon-outline" }, h("slot", { key: '1ad9e86b5863ccec2b8523fd5ea5647ca66a46a8', name: "icon" }, h("bq-icon", { key: '506a99304d2a28b89047249e7a1e1e9ad28fefd3', name: this.iconName, part: "icon", exportparts: "base,svg" }))), h("div", { key: '1fa0b2a3b217aaf1277611f681fb95412a88f765', class: "flex flex-col items-start gap-[var(--bq-notification--content-footer-gap)]", part: "main" }, h("div", { key: 'b5cd2f9b43f42d005a147b9e79d2c31c54676b03', class: "flex flex-col gap-[var(--bq-notification--title-body-gap)]", part: "content" }, h("div", { key: '25f99709fb86298a8c16f4c7dbf048d00877b63c', class: "title-font font-semibold leading-regular", part: "title" }, h("slot", { key: 'd313c6a926bd80e7a1be4ff323018732379e3de9' })), h("div", { key: '0143d405d1deb0471a2750e66b83f69a5e48e2bf', class: { 'text-s leading-regular': true, '!hidden': !this.hasContent }, ref: (div) => (this.bodyElem = div), part: "body" }, h("slot", { key: '4883c00ad1eb8f79c5cc32f71d0df31629f2ede0', name: "body", onSlotchange: this.handleContentSlotChange }))), h("div", { key: 'ca9cd152d64d6bd4015a99424be91b9082bd4870', class: { 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }, ref: (div) => (this.footerElem = div), part: "footer" }, h("slot", { key: '2fa17515cf6692bb611cb08d8f289f114cf6c037', name: "footer", onSlotchange: this.handleFooterSlotChange }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-option-group.js CHANGED Viewed

@@ -42,7 +42,7 @@ const BqOptionGroup$1 = /*@__PURE__*/ proxyCustomElement(class BqOptionGroup ext
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: 'bc1abe312cf84a64b53f64d7c35e04e54a944102', class: "bg-ui-primary" }, h("legend", { key: 'a9a68d64b6a7391cded200ea0123f3e4bf90ed2d', class: "bq-option-group mb-[--bq-option-group--gapY-list]", part: "label" }, h("span", { key: '3ca4d5afc0c7969ba01fd16121688f812fd48837', class: "option-group__prefix flex items-center", part: "prefix" }, h("slot", { key: '9de37b1b919f3d1f8464c4ba39fafc85dfc77c75', name: "header-prefix" })), h("span", { key: 'df4fa7a756da080651934a99c8708842f2d68dca', class: "bq-option-group__label inline-block w-auto overflow-hidden text-ellipsis whitespace-nowrap", part: "label" }, h("slot", { key: '88d52b1f873d8179735be8b47800adcc7b587812', name: "header-label" })), h("span", { key: '70428a09d2d3f8a8f3b1c22e14ce7a335303b3bc', class: "bq-option-group__suffix", part: "suffix" }, h("slot", { key: '0a8acab94d662e1359f2a9f0f04c1b95493ae327', name: "header-suffix" }))), h("div", { key: 'c75dd42512e367c0475feaf8bfee3e09b4767300', class: "bq-option-group__container flex flex-col gap-[--bq-option-group--gapY-list]", role: "group", "aria-label": "Options", part: "group" }, h("slot", { key: 'a18ceb25a9dabc06eb8843274c7e09340d5a13cb' }))));
+        return (h("div", { key: 'd69ed7db27fd2873cd725a9a19168834beea9c2b', class: "bg-ui-primary" }, h("legend", { key: '98997fa20e40e2f9ec0cf335c11199dd3bc4e8f4', class: "bq-option-group mb-[--bq-option-group--gapY-list]", part: "label" }, h("span", { key: 'ee3ec6fd5b6fce57e3c4d2ce922ebf3d63a34be0', class: "option-group__prefix flex items-center", part: "prefix" }, h("slot", { key: 'b97cacbc9b85d7245496865c971273c08923c283', name: "header-prefix" })), h("span", { key: '7747b06d907fbfa0d7ef0bf40f14b368a3ce8832', class: "bq-option-group__label inline-block w-auto overflow-hidden text-ellipsis whitespace-nowrap", part: "label" }, h("slot", { key: '0f282e2a67cd63ea80f44b9185bff317e0839d89', name: "header-label" })), h("span", { key: '5171ccd5f683ecfb5dff54d5c4bf6a72f1bda0d9', class: "bq-option-group__suffix", part: "suffix" }, h("slot", { key: '2615132deff274b2e9b510bc7eda8899ba51e0e1', name: "header-suffix" }))), h("div", { key: '6f7ce589622871c8f5441cc6aba6ac352f855201', class: "bq-option-group__container flex flex-col gap-[--bq-option-group--gapY-list]", role: "group", "aria-label": "Options", part: "group" }, h("slot", { key: 'daa6323ba9f711f0f31ef721a22fcfe5e5fac8a9' }))));
     }
     get el() { return this; }
     static get style() { return BqOptionGroupStyle0; }

package/dist/components/bq-option-list2.js CHANGED Viewed

@@ -56,7 +56,7 @@ const BqOptionList = /*@__PURE__*/ proxyCustomElement(class BqOptionList extends
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: '2b4958dff7c427fb0a4692bb4c084e56d0ad1a90', class: "bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]", part: "base" }, h("slot", { key: 'fc0f254fe94e47f43a6762dae45c3abeade13aad' })));
+        return (h("div", { key: '08baf7e992318efd1907bd9b166ab89156af5764', class: "bq-option__list flex flex-col gap-y-[--bq-option-group--gapY-list]", part: "base" }, h("slot", { key: 'a0a36551f1ff0331a0fceea0cae1297e47cf6d2e' })));
     }
     get el() { return this; }
     static get style() { return BqOptionListStyle0; }

package/dist/components/bq-option.js CHANGED Viewed

@@ -82,17 +82,17 @@ const BqOption$1 = /*@__PURE__*/ proxyCustomElement(class BqOption extends HTMLE
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h(Host, { key: '18236f8d4be353450e6a352ac85e8b856baae6ce', "aria-disabled": this.isDisabledOrHidden ? 'true' : 'false', "aria-hidden": this.hidden ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option" }, h("div", { key: '81418246522dd60c31ba241caebe9b007dd5f473', class: {
+        return (h(Host, { key: 'eb09c23092a18415da3a2ea52881f35f053ac1ad', "aria-disabled": this.isDisabledOrHidden ? 'true' : 'false', "aria-hidden": this.hidden ? 'true' : 'false', "aria-selected": this.selected ? 'true' : 'false', role: "option" }, h("div", { key: '9b476af9321e7b6378bb822ad19a62d83e1d47b2', class: {
                 'bq-option': true,
                 disabled: this.disabled,
                 active: !this.disabled && this.selected,
-            }, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.onClick, tabindex: this.isDisabledOrHidden ? '-1' : '0', role: "button", part: "base" }, h("span", { key: '3a82fa5094d64056fd89358afe70eae281acfda8', class: {
+            }, onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.onClick, tabindex: this.isDisabledOrHidden ? '-1' : '0', role: "button", part: "base" }, h("span", { key: '4c32b5fe44389969470a520f253fd9f10b6054f1', class: {
                 'bq-option__prefix me-[--bq-option--gap-start] flex items-center': true,
                 '!hidden': !this.hasPrefix,
-            }, ref: (elem) => (this.prefixElem = elem), part: "prefix" }, h("slot", { key: '7a1b65eed00102ed323ab95730b1aae84dafdb85', name: "prefix", onSlotchange: this.onSlotChange })), h("span", { key: '2210a5858e073c04aad4cad2eb99abb8bfb04d1c', class: "bq-option__label", part: "label" }, h("slot", { key: 'd5a8f8d3e37936208423d65636e89006083be103' })), h("span", { key: 'eab610f02a1f351a1809a90bbe29e8086b2afd57', class: {
+            }, ref: (elem) => (this.prefixElem = elem), part: "prefix" }, h("slot", { key: '7127ee917572699bf09e0028a92f4c247218ca58', name: "prefix", onSlotchange: this.onSlotChange })), h("span", { key: '7d731452d47333e74c3a39aabf8b8d054b880ab7', class: "bq-option__label", part: "label" }, h("slot", { key: '024a8f72a2ff34a58747058515d908f70d5f5f71' })), h("span", { key: 'f3ec19890b07c174b9fc90a2244f556bf6b360de', class: {
                 'bq-option__suffix ml-auto ms-[--bq-option--gap-end] flex items-center': true,
                 '!hidden': !this.hasSuffix,
-            }, ref: (elem) => (this.suffixElem = elem), part: "suffix" }, h("slot", { key: '41ffcd7ac967366d3fe6e013b26a314b2cbfc40f', name: "suffix", onSlotchange: this.handleSuffixSlotChange })))));
+            }, ref: (elem) => (this.suffixElem = elem), part: "suffix" }, h("slot", { key: 'c224374478a25ac7ff5748af0a3b6cbae44d9551', name: "suffix", onSlotchange: this.handleSuffixSlotChange })))));
     }
     get el() { return this; }
     static get style() { return BqOptionStyle0; }

package/dist/components/bq-panel2.js CHANGED Viewed

@@ -87,7 +87,7 @@ const BqPanel = /*@__PURE__*/ proxyCustomElement(class BqPanel extends HTMLEleme
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: '65151be2aa2568a82308af2ea74cd87b29f4b9e8', class: "bq-panel", ref: (el) => (this.panel = el), "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open, part: "panel" }, h("slot", { key: '357e19a06d630e1eee4324177bd0b407957a0866' })));
+        return (h("div", { key: 'a79508fc6847e7d4019e265f86be5ef4e6c427c2', class: "bq-panel", ref: (el) => (this.panel = el), "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open, part: "panel" }, h("slot", { key: '5d00900dd8dd6b3575c713e72210a84f170d4581' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-progress.js CHANGED Viewed

@@ -74,17 +74,17 @@ const BqProgress$1 = /*@__PURE__*/ proxyCustomElement(class BqProgress extends H
             ...(this.thickness === 'large' && { '--bq-progress-bar--height': 'var(--bq-spacing-xs)' }),
             ...(this.type === 'error' && { '--bq-progress-bar--indicatorColor': 'var(--bq-ui--danger)' }),
         };
-        return (h(Host, { key: '435c6721e6974d57b26c637a60cb84c51f72ad55', style: style }, h("div", { key: '69f260056b86fd6fbab645664688776469dae4ce', class: "flex items-center", part: "wrapper" }, h("div", { key: 'a643c68f453131f706bb9806109f2fdfd20f14e3', class: "relative flex w-full items-center", part: "progress" }, h("progress", { key: 'dc0c35416fb9a80c2f4fb90be5c81ad321fab26e', class: {
+        return (h(Host, { key: '491468e2ec617d9247ade923f79376c55c3a532f', style: style }, h("div", { key: 'c5cbb0c0cba6a5240190f1bbd3dac431b8a010df', class: "flex items-center", part: "wrapper" }, h("div", { key: '0afd29ec526ee0bdeec99b7de59fff06fe391d98', class: "relative flex w-full items-center", part: "progress" }, h("progress", { key: '5fe73beca888e673f1c302dd6ab79f337aaecaf7', class: {
                 [`progress-bar progress-bar__${this.type} ${this.thickness}`]: true,
                 'progress-bar__border-shape rounded-full': this.borderShape === 'rounded',
-            }, value: this.indeterminate ? undefined : this.value, max: "100", part: "progress-bar" }), this.enableTooltip && !this.indeterminate && (h("bq-tooltip", { key: '943788ac670daa1f03770fd87b794bb35fc00633', class: "absolute [&::part(panel)]:absolute", exportparts: "base,trigger,panel", alwaysVisible: true, distance: 16, style: { left: `${this.value}%`, fontVariant: 'tabular-nums' } }, h("div", { key: '3f89414a6eb87dfbb92a74f14cd1467acd62ea16', class: "absolute h-1 w-1", slot: "trigger" }), this.value)), this.indeterminate && (h("div", { key: 'd43393f77707219386ffa4256c209d4bc101efe8', class: {
+            }, value: this.indeterminate ? undefined : this.value, max: "100", part: "progress-bar" }), this.enableTooltip && !this.indeterminate && (h("bq-tooltip", { key: '6f931901d1bc5a6124d29c06ae937d146d42297d', class: "absolute [&::part(panel)]:absolute", exportparts: "base,trigger,panel", alwaysVisible: true, distance: 16, style: { left: `${this.value}%`, fontVariant: 'tabular-nums' } }, h("div", { key: 'ea8ac5c9bf4831f76e1edd893f308ba30aeee625', class: "absolute h-1 w-1", slot: "trigger" }), this.value)), this.indeterminate && (h("div", { key: '3e30348c13ddebf0b5edc69190715fd64a7187c8', class: {
                 'progress-bar__indeterminate absolute h-[--bq-progress-bar--height] w-[--bq-progress-bar--indeterminateWidth] bg-[--bq-progress-bar--indicatorColor]': true,
                 'rounded-full': this.borderShape === 'rounded',
-            }, part: "indeterminate" }))), h("div", { key: '8175b363f6ac46aefab61da9aa1a7094999d33de', "aria-hidden": !this.label || this.indeterminate ? 'true' : 'false', class: {
+            }, part: "indeterminate" }))), h("div", { key: '923c9ff7da5fc84e8aea081fdbefe00c8b99e316', "aria-hidden": !this.label || this.indeterminate ? 'true' : 'false', class: {
                 'ms-xs font-medium leading-regular text-text-primary': true,
                 'text-ui-danger': this.type === 'error',
                 'invisible ms-0 w-0': !this.label || this.indeterminate,
-            }, style: { fontVariant: 'tabular-nums' }, part: "label" }, h("span", { key: '670f5bde0591cad8961fd7b74bc964dfd246ae87' }, this.value, "%")))));
+            }, style: { fontVariant: 'tabular-nums' }, part: "label" }, h("span", { key: '0747e295d0311afc051c5dc2a40e82e3da3e08e7' }, this.value, "%")))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-radio-group.js CHANGED Viewed

@@ -157,7 +157,7 @@ const BqRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class BqRadioGroup exten
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("fieldset", { key: '0f0092b9ce506a8b7d8dba19177bb3acd9736fb0', class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, role: "radiogroup", part: "base" }, h("legend", { key: 'e187f819474bb6731fb435b154366d9168e57b6c', part: "label" }, h("slot", { key: '2a92f76a2db4475b6c91bfca4cf6c09c8ce0aa9b', name: "label" })), h("div", { key: 'd9b72d0f99cab36090b9503bfbd231f86b6280b8', class: `bq-radio-group--${this.orientation}`, part: "group" }, h("slot", { key: '71b5a7e7bc4a0921d1d97cea15167afd08870adc' }))));
+        return (h("fieldset", { key: '2baf3ae2e074b55a78edfa62153c7879c1467ac4', class: { 'bq-radio-group': true, 'has-fieldset': this.fieldset }, role: "radiogroup", part: "base" }, h("legend", { key: 'f5ffc1cfd168195b1089c39c107153171bfd13a7', part: "label" }, h("slot", { key: 'ddbeed94dcce5e9f64c217b2886e686add85d7f7', name: "label" })), h("div", { key: 'bfe8ba42cf2f38e54aa868c740063699fa568c0e', class: `bq-radio-group--${this.orientation}`, part: "group" }, h("slot", { key: '174d8b331b3a0ce2fa7103832ccdc367409d65ec' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-radio.js CHANGED Viewed

@@ -92,12 +92,12 @@ const BqRadio$1 = /*@__PURE__*/ proxyCustomElement(class BqRadio extends HTMLEle
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("label", { key: 'd424a819e089f6f722b35539fe50a2de4bc17050', class: {
+        return (h("label", { key: '5ee32636f3c95f7fd73dbd2dbc14f34030b5d839', class: {
                 'bq-radio group': true,
                 'is-disabled !cursor-not-allowed': this.disabled,
                 'is-checked': this.checked,
                 'has-background': this.backgroundOnHover,
-            }, part: "base", onMouseDown: this.onLabelMouseDown }, h("div", { key: '8cdb3ab40add80f268bc201f501ed27b075af32b', class: "bq-radio__control" }, h("input", { key: 'd4d28437788286dda59285459d5f2bb2f36c0eea', class: "bq-radio__input", ref: (element) => (this.inputElement = element), type: "radio", form: this.formId, name: this.name, value: this.value, required: this.required, disabled: this.disabled, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.tabindex, part: "input" }), h("div", { key: 'be368069002aed0bdbe9d399bbd02ecd2a020133', class: "bq-radio__circle", part: "radio" }, h("div", { key: '4beb97def6fc94567bd3bbb1d3f5efa9b4f6ce0d', class: "bq-radio__checked" }))), h("span", { key: '46ce8c5e15e434bfff49fba0bf33935847198965', class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label" }, h("slot", { key: 'cd7c8e582e08cb784e41c910190e07750761b194' }))));
+            }, part: "base", onMouseDown: this.onLabelMouseDown }, h("div", { key: '5060cb4109574b517ed6ca82bf3e53fef55ee499', class: "bq-radio__control" }, h("input", { key: '4a8a103c518663f5ec12c705342ead43ceb6cb6e', class: "bq-radio__input", ref: (element) => (this.inputElement = element), type: "radio", form: this.formId, name: this.name, value: this.value, required: this.required, disabled: this.disabled, onBlur: this.handleOnBlur, onClick: this.handleClick, onFocus: this.handleOnFocus, onKeyDown: this.handleOnKeyDown, "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', tabindex: this.tabindex, part: "input" }), h("div", { key: '34bbe596229a3a3d1306bd892fe31e49eb2afbef', class: "bq-radio__circle", part: "radio" }, h("div", { key: '84418b82ff53b274c8f67cb2eef1eda18e802114', class: "bq-radio__checked" }))), h("span", { key: 'e6aefc0377715f23483e9049b91a9d0870786323', class: "bq-radio__label group-hover:text-text-primary-hover group-[.is-disabled]:text-text-primary-disabled", part: "label" }, h("slot", { key: 'aaee53a38d4058309f4ab5ccab9e3e10d4fc10c8' }))));
     }
     get el() { return this; }
     static get style() { return BqRadioStyle0; }