@beeq/core 1.7.0 → 1.8.0-beta.1

package/dist/beeq/p-81f1c3ba.entry.js

@@ -0,0 +1,121 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import { r as a, c as e, h as r, g as b } from "./p-0c42c08a.js";
+
+import "./p-bef53750.js";
+
+import { a as t } from "./p-d7a88b16.js";
+
+const n = '::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.bq-side-menu__item--label,.bq-side-menu__item--suffix,.scale-0,.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}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.block{display:block}.flex{display:flex}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.gap-x-s{column-gap:var(--bq-spacing-s)}.rounded-s{border-radius:var(--bq-radius--s)}.bg-\\[var\\(--bq-side-menu-item--bg-active\\)\\]{background-color:var(--bq-side-menu-item--bg-active)}.bg-\\[var\\(--bq-side-menu-item--bg-default\\)\\]{background-color:var(--bq-side-menu-item--bg-default)}.px-\\[var\\(--bq-side-menu-item--paddingX\\)\\]{padding-left:var(--bq-side-menu-item--paddingX);padding-right:var(--bq-side-menu-item--paddingX)}.py-\\[var\\(--bq-side-menu-item--paddingY\\)\\]{padding-bottom:var(--bq-side-menu-item--paddingY);padding-top:var(--bq-side-menu-item--paddingY)}.text-m{font-size:var(--bq-font-size--m)}.text-\\[color\\:var\\(--bq-side-menu-item--text-active\\)\\]{color:var(--bq-side-menu-item--text-active)}.text-\\[color\\:var\\(--bq-side-menu-item--text-default\\)\\]{color:var(--bq-side-menu-item--text-default)}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-side-menu-item--bg-default:transparent;--bq-side-menu-item--bg-hover:color-mix(in srgb,var(--bq-ui--alt),var(--bq-hover) 20%);--bq-side-menu-item--bg-active:var(--bq-ui--brand-alt);--bq-side-menu-item--text-default:var(--bq-text--primary);--bq-side-menu-item--text-hover:var(--bq-text--primary);--bq-side-menu-item--text-active:var(--bq-text--brand);--bq-side-menu-item--paddingX:var(--bq-spacing-l);--bq-side-menu-item--paddingY:var(--bq-spacing-m);display:block}.bq-side-menu__item{align-items:center;background-color:var(--bq-side-menu-item--bg-default);border-radius:var(--bq-radius--s);color:var(--bq-side-menu-item--text-default);column-gap:var(--bq-spacing-s);display:flex;font-size:var(--bq-font-size--m);padding:var(--bq-side-menu-item--paddingY) var(--bq-side-menu-item--paddingX);text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bq-side-menu__item:focus-visible:not(.disabled){outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-side-menu__item:hover:not(.disabled){cursor:pointer}.bq-side-menu__item:not(.disabled,.active):hover:hover{background-color:var(--bq-side-menu-item--bg-hover);color:var(--bq-side-menu-item--text-hover);font-size:var(--bq-font-size--m)}.bq-side-menu__item.active{background-color:var(--bq-side-menu-item--bg-active);color:var(--bq-side-menu-item--text-active);font-size:var(--bq-font-size--m)}.bq-side-menu__item.disabled{opacity:.6}.bq-side-menu__item.disabled:hover{cursor:not-allowed}.bq-side-menu__item.is-collapsed{gap:0;justify-content:center}.bq-side-menu__item.is-collapsed .bq-side-menu__item--label,.bq-side-menu__item.is-collapsed .bq-side-menu__item--suffix{clip:rect(0,0,0,0);--tw-scale-x:0;--tw-scale-y:0;border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;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));white-space:nowrap;width:1px}.bq-side-menu__item--label,.bq-side-menu__item--suffix{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&\\:not\\(\\.disabled\\)\\]\\:focus-visible\\:focus:focus-visible:not(.disabled){outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.hover\\:cursor-not-allowed:hover{cursor:not-allowed}.hover\\:bg-\\[var\\(--bq-side-menu-item--bg-hover\\)\\]:hover{background-color:var(--bq-side-menu-item--bg-hover)}.hover\\:text-m:hover{font-size:var(--bq-font-size--m)}.hover\\:text-\\[color\\:var\\(--bq-side-menu-item--text-hover\\)\\]:hover{color:var(--bq-side-menu-item--text-hover)}.collapse{visibility:collapse}.static{position:static}.ml-auto{margin-left:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.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}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.hidden{display:none}';
+
+const i = n;
+
+const q = class {
+  constructor(b) {
+    a(this, b);
+    this.bqBlur = e(this, "bqBlur", 7);
+    this.bqFocus = e(this, "bqFocus", 7);
+    this.bqClick = e(this, "bqClick", 7);
+    // Listeners
+    // ==============
+    // Public methods API
+    // These methods are exposed on the host element.
+    // Always use two lines.
+    // Public Methods must be async.
+    // Requires JSDocs for public API documentation.
+    // ===============================================
+    // Local methods
+    // Internal business logic.
+    // These methods cannot be called from the host element.
+    // =======================================================
+        this.handleSlotChange = () => {
+      if (!this.labelElem) return;
+      this.textContent = t(this.labelElem.querySelector("slot"));
+    };
+    this.handleBlur = a => {
+      if (this.disabled) {
+        a.preventDefault();
+        a.stopPropagation();
+        return;
+      }
+      this.bqBlur.emit(this.el);
+    };
+    this.handleFocus = a => {
+      if (this.disabled) {
+        a.preventDefault();
+        a.stopPropagation();
+        return;
+      }
+      this.bqFocus.emit(this.el);
+    };
+    this.handleClick = a => {
+      if (this.disabled) {
+        a.preventDefault();
+        a.stopPropagation();
+        return;
+      }
+      this.bqClick.emit(this.el);
+    };
+    // render() function
+    // Always the last one in the class.
+    // ===================================
+        this.menuItem = () => r("a", {
+      class: {
+        "bq-side-menu__item": true,
+        active: this.active,
+        disabled: this.disabled,
+        "is-collapsed": this.collapse
+      },
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      onClick: this.handleClick,
+      "aria-disabled": this.disabled ? "true" : "false",
+      role: "menuitem",
+      tabindex: this.disabled ? -1 : 0,
+      slot: "trigger",
+      part: "base"
+    }, r("div", {
+      class: "bq-side-menu__item--prefix flex items-center",
+      part: "prefix"
+    }, r("slot", {
+      name: "prefix"
+    })), r("div", {
+      class: "bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap",
+      ref: a => this.labelElem = a
+    }, r("slot", {
+      onSlotchange: this.handleSlotChange
+    })), r("div", {
+      class: "bq-side-menu__item--suffix ml-auto flex items-center",
+      part: "suffix"
+    }, r("slot", {
+      name: "suffix"
+    })));
+    this.textContent = undefined;
+    this.active = false;
+    this.collapse = false;
+    this.disabled = false;
+  }
+  // Component lifecycle events
+  // Ordered by their natural call order
+  // =====================================
+  componentDidLoad() {
+    this.handleSlotChange();
+  }
+  render() {
+    return !this.collapse ? this.menuItem() : r("bq-tooltip", {
+      class: "bq-side-menu__item--tooltip block",
+      placement: "right",
+      exportparts: "trigger, panel"
+    }, this.textContent, this.menuItem());
+  }
+  get el() {
+    return b(this);
+  }
+};
+
+q.style = i;
+
+export { q as bq_side_menu_item };
+//# sourceMappingURL=p-81f1c3ba.entry.js.map

package/dist/beeq/{p-819acf02.entry.js.map → p-81f1c3ba.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["bqSideMenuItemCss","BqSideMenuItemStyle0","BqSideMenuItem","this","handleSlotChange","labelElem","textContent","getTextContent","querySelector","handleBlur","ev","disabled","preventDefault","stopPropagation","bqBlur","emit","el","handleFocus","bqFocus","handleClick","bqClick","menuItem","h","class","active","collapse","onBlur","onFocus","onClick","role","tabindex","slot","part","name","ref","onSlotchange","componentDidLoad","render","placement","exportparts"],"sources":["../../packages/beeq/src/components/side-menu-item/scss/bq-side-menu-item.scss?tag=bq-side-menu-item&encapsulation=shadow","../../packages/beeq/src/components/side-menu-item/bq-side-menu-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Side menu item styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu-item.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-side-menu__item {\n  @apply flex items-center gap-x-s rounded-s px-[var(--bq-side-menu-item--paddingX)] py-[var(--bq-side-menu-item--paddingY)] no-underline transition-colors duration-150;\n\n  // Default state\n  @apply bg-[var(--bq-side-menu-item--bg-default)] text-m text-[color:var(--bq-side-menu-item--text-default)];\n\n  // Focus state\n  @apply [&:not(.disabled)]:focus-visible:focus;\n\n  // Hover state\n  @apply [&:not(.disabled)]:hover:cursor-pointer;\n\n  &:not(.disabled, .active):hover {\n    @apply hover:bg-[var(--bq-side-menu-item--bg-hover)] hover:text-m hover:text-[color:var(--bq-side-menu-item--text-hover)];\n  }\n}\n\n.bq-side-menu__item.active {\n  // Active state\n  @apply bg-[var(--bq-side-menu-item--bg-active)] text-m text-[color:var(--bq-side-menu-item--text-active)];\n}\n\n.bq-side-menu__item.disabled {\n  @apply opacity-60 hover:cursor-not-allowed;\n}\n\n.bq-side-menu__item.is-collapsed {\n  @apply justify-center gap-0;\n\n  .bq-side-menu__item--label,\n  .bq-side-menu__item--suffix {\n    @apply sr-only scale-0;\n  }\n}\n\n.bq-side-menu__item--label,\n.bq-side-menu__item--suffix {\n  @apply transition-all duration-300 ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\nimport { getTextContent } from '../../shared/utils';\n\n/**\n * @part base - The component wrapper container inside the shadow DOM\n * @part label - The label slot\n * @part prefix - The prefix slot\n * @part suffix - The suffix slot\n * @part panel - The `<div>` container that holds the tooltip content (when the side menu is collapsed)\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)\n */\n@Component({\n  tag: 'bq-side-menu-item',\n  styleUrl: './scss/bq-side-menu-item.scss',\n  shadow: true,\n})\nexport class BqSideMenuItem {\n  // Own Properties\n  // ====================\n\n  private labelElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSideMenuItemElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() textContent: string;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the menu item will be shown as active/selected. */\n  @Prop() active: boolean = false;\n\n  /** If true, the item label and suffix will be hidden and the with will be reduce according to its parent */\n  @Prop() collapse: boolean = false;\n\n  /** If true, the menu item will be disabled (no interaction allowed) */\n  @Prop() disabled: boolean = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the button loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  /** Handler to be called when the button is clicked */\n  @Event() bqFocus: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  /** Handler to be called when button gets focus */\n  @Event() bqClick: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleSlotChange = () => {\n    if (!this.labelElem) return;\n    this.textContent = getTextContent(this.labelElem.querySelector('slot'));\n  };\n\n  handleBlur = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqBlur.emit(this.el);\n  };\n\n  handleFocus = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqFocus.emit(this.el);\n  };\n\n  handleClick = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqClick.emit(this.el);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  private menuItem = () => (\n    <a\n      class={{\n        'bq-side-menu__item': true,\n        active: this.active,\n        disabled: this.disabled,\n        'is-collapsed': this.collapse,\n      }}\n      onBlur={this.handleBlur}\n      onFocus={this.handleFocus}\n      onClick={this.handleClick}\n      aria-disabled={this.disabled ? 'true' : 'false'}\n      role=\"menuitem\"\n      tabindex={this.disabled ? -1 : 0}\n      slot=\"trigger\"\n      part=\"base\"\n    >\n      <div class=\"bq-side-menu__item--prefix flex items-center\" part=\"prefix\">\n        <slot name=\"prefix\" />\n      </div>\n      <div\n        class=\"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap\"\n        ref={(labelElem) => (this.labelElem = labelElem)}\n      >\n        <slot onSlotchange={this.handleSlotChange} />\n      </div>\n      <div class=\"bq-side-menu__item--suffix ml-auto flex items-center\" part=\"suffix\">\n        <slot name=\"suffix\" />\n      </div>\n    </a>\n  );\n\n  render() {\n    return !this.collapse ? (\n      this.menuItem()\n    ) : (\n      <bq-tooltip class=\"bq-side-menu__item--tooltip block\" placement=\"right\" exportparts=\"trigger, panel\">\n        {this.textContent}\n        {this.menuItem()}\n      </bq-tooltip>\n    );\n  }\n}\n"],"mappings":";;;;qHAAA,MAAMA,EAAoB,osvBAC1B,MAAAC,EAAeD,E,MCgBFE,EAAc,M,0HAoEjBC,KAAAC,iBAAmB,KACzB,IAAKD,KAAKE,UAAW,OACrBF,KAAKG,YAAcC,EAAeJ,KAAKE,UAAUG,cAAc,QAAQ,EAGzEL,KAAAM,WAAcC,IACZ,GAAIP,KAAKQ,SAAU,CACjBD,EAAGE,iBACHF,EAAGG,kBACH,M,CAGFV,KAAKW,OAAOC,KAAKZ,KAAKa,GAAG,EAG3Bb,KAAAc,YAAeP,IACb,GAAIP,KAAKQ,SAAU,CACjBD,EAAGE,iBACHF,EAAGG,kBACH,M,CAGFV,KAAKe,QAAQH,KAAKZ,KAAKa,GAAG,EAG5Bb,KAAAgB,YAAeT,IACb,GAAIP,KAAKQ,SAAU,CACjBD,EAAGE,iBACHF,EAAGG,kBACH,M,CAGFV,KAAKiB,QAAQL,KAAKZ,KAAKa,GAAG,EAOpBb,KAAAkB,SAAW,IACjBC,EAAA,KACEC,MAAO,CACL,qBAAsB,KACtBC,OAAQrB,KAAKqB,OACbb,SAAUR,KAAKQ,SACf,eAAgBR,KAAKsB,UAEvBC,OAAQvB,KAAKM,WACbkB,QAASxB,KAAKc,YACdW,QAASzB,KAAKgB,YAAW,gBACVhB,KAAKQ,SAAW,OAAS,QACxCkB,KAAK,WACLC,SAAU3B,KAAKQ,UAAY,EAAI,EAC/BoB,KAAK,UACLC,KAAK,QAELV,EAAA,OAAKC,MAAM,+CAA+CS,KAAK,UAC7DV,EAAA,QAAMW,KAAK,YAEbX,EAAA,OACEC,MAAM,4EACNW,IAAM7B,GAAeF,KAAKE,UAAYA,GAEtCiB,EAAA,QAAMa,aAAchC,KAAKC,oBAE3BkB,EAAA,OAAKC,MAAM,uDAAuDS,KAAK,UACrEV,EAAA,QAAMW,KAAK,a,uCAjHS,M,cAGE,M,cAGA,K,CAsB5B,gBAAAG,GACEjC,KAAKC,kB,CAyFP,MAAAiC,GACE,OAAQlC,KAAKsB,SACXtB,KAAKkB,WAELC,EAAA,cAAYC,MAAM,oCAAoCe,UAAU,QAAQC,YAAY,kBACjFpC,KAAKG,YACLH,KAAKkB,W","ignoreList":[]}
+{"version":3,"names":["bqSideMenuItemCss","BqSideMenuItemStyle0","BqSideMenuItem","this","handleSlotChange","labelElem","textContent","getTextContent","querySelector","handleBlur","ev","disabled","preventDefault","stopPropagation","bqBlur","emit","el","handleFocus","bqFocus","handleClick","bqClick","menuItem","h","class","active","collapse","onBlur","onFocus","onClick","role","tabindex","slot","part","name","ref","onSlotchange","componentDidLoad","render","placement","exportparts"],"sources":["../../packages/beeq/src/components/side-menu-item/scss/bq-side-menu-item.scss?tag=bq-side-menu-item&encapsulation=shadow","../../packages/beeq/src/components/side-menu-item/bq-side-menu-item.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Side menu item styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-side-menu-item.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-side-menu__item {\n  @apply flex items-center gap-x-s rounded-s px-[var(--bq-side-menu-item--paddingX)] py-[var(--bq-side-menu-item--paddingY)] no-underline transition-colors duration-150;\n\n  // Default state\n  @apply bg-[var(--bq-side-menu-item--bg-default)] text-m text-[color:var(--bq-side-menu-item--text-default)];\n\n  // Focus state\n  @apply [&:not(.disabled)]:focus-visible:focus;\n\n  // Hover state\n  @apply [&:not(.disabled)]:hover:cursor-pointer;\n\n  &:not(.disabled, .active):hover {\n    @apply hover:bg-[var(--bq-side-menu-item--bg-hover)] hover:text-m hover:text-[color:var(--bq-side-menu-item--text-hover)];\n  }\n}\n\n.bq-side-menu__item.active {\n  // Active state\n  @apply bg-[var(--bq-side-menu-item--bg-active)] text-m text-[color:var(--bq-side-menu-item--text-active)];\n}\n\n.bq-side-menu__item.disabled {\n  @apply opacity-60 hover:cursor-not-allowed;\n}\n\n.bq-side-menu__item.is-collapsed {\n  @apply justify-center gap-0;\n\n  .bq-side-menu__item--label,\n  .bq-side-menu__item--suffix {\n    @apply sr-only scale-0;\n  }\n}\n\n.bq-side-menu__item--label,\n.bq-side-menu__item--suffix {\n  @apply transition-all duration-300 ease-in-out;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\nimport { getTextContent } from '../../shared/utils';\n\n/**\n * @part base - The component wrapper container inside the shadow DOM\n * @part label - The label slot\n * @part prefix - The prefix slot\n * @part suffix - The suffix slot\n * @part panel - The `<div>` container that holds the tooltip content (when the side menu is collapsed)\n * @part trigger - The `<div>` container that holds the element which displays tooltip on hover (when the side menu is collapsed)\n */\n@Component({\n  tag: 'bq-side-menu-item',\n  styleUrl: './scss/bq-side-menu-item.scss',\n  shadow: true,\n})\nexport class BqSideMenuItem {\n  // Own Properties\n  // ====================\n\n  private labelElem: HTMLElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSideMenuItemElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() textContent: string;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the menu item will be shown as active/selected. */\n  @Prop() active: boolean = false;\n\n  /** If true, the item label and suffix will be hidden and the with will be reduce according to its parent */\n  @Prop() collapse: boolean = false;\n\n  /** If true, the menu item will be disabled (no interaction allowed) */\n  @Prop() disabled: boolean = false;\n\n  // Prop lifecycle events\n  // =======================\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the button loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  /** Handler to be called when the button is clicked */\n  @Event() bqFocus: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  /** Handler to be called when button gets focus */\n  @Event() bqClick: EventEmitter<HTMLBqSideMenuItemElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentDidLoad() {\n    this.handleSlotChange();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleSlotChange = () => {\n    if (!this.labelElem) return;\n    this.textContent = getTextContent(this.labelElem.querySelector('slot'));\n  };\n\n  handleBlur = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqBlur.emit(this.el);\n  };\n\n  handleFocus = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqFocus.emit(this.el);\n  };\n\n  handleClick = (ev: Event) => {\n    if (this.disabled) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return;\n    }\n\n    this.bqClick.emit(this.el);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  private menuItem = () => (\n    <a\n      class={{\n        'bq-side-menu__item': true,\n        active: this.active,\n        disabled: this.disabled,\n        'is-collapsed': this.collapse,\n      }}\n      onBlur={this.handleBlur}\n      onFocus={this.handleFocus}\n      onClick={this.handleClick}\n      aria-disabled={this.disabled ? 'true' : 'false'}\n      role=\"menuitem\"\n      tabindex={this.disabled ? -1 : 0}\n      slot=\"trigger\"\n      part=\"base\"\n    >\n      <div class=\"bq-side-menu__item--prefix flex items-center\" part=\"prefix\">\n        <slot name=\"prefix\" />\n      </div>\n      <div\n        class=\"bq-side-menu__item--label overflow-hidden text-ellipsis whitespace-nowrap\"\n        ref={(labelElem) => (this.labelElem = labelElem)}\n      >\n        <slot onSlotchange={this.handleSlotChange} />\n      </div>\n      <div class=\"bq-side-menu__item--suffix ml-auto flex items-center\" part=\"suffix\">\n        <slot name=\"suffix\" />\n      </div>\n    </a>\n  );\n\n  render() {\n    return !this.collapse ? (\n      this.menuItem()\n    ) : (\n      <bq-tooltip class=\"bq-side-menu__item--tooltip block\" placement=\"right\" exportparts=\"trigger, panel\">\n        {this.textContent}\n        {this.menuItem()}\n      </bq-tooltip>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAoB;;AAC1B,MAAAC,IAAeD;;MCgBFE,IAAc;;;;;;;;;;;;;;;;;;QAoEjBC,KAAAC,mBAAmB;MACzB,KAAKD,KAAKE,WAAW;MACrBF,KAAKG,cAAcC,EAAeJ,KAAKE,UAAUG,cAAc;AAAQ;IAGzEL,KAAAM,aAAcC;MACZ,IAAIP,KAAKQ,UAAU;QACjBD,EAAGE;QACHF,EAAGG;QACH;;MAGFV,KAAKW,OAAOC,KAAKZ,KAAKa;AAAG;IAG3Bb,KAAAc,cAAeP;MACb,IAAIP,KAAKQ,UAAU;QACjBD,EAAGE;QACHF,EAAGG;QACH;;MAGFV,KAAKe,QAAQH,KAAKZ,KAAKa;AAAG;IAG5Bb,KAAAgB,cAAeT;MACb,IAAIP,KAAKQ,UAAU;QACjBD,EAAGE;QACHF,EAAGG;QACH;;MAGFV,KAAKiB,QAAQL,KAAKZ,KAAKa;AAAG;;;;QAOpBb,KAAAkB,WAAW,MACjBC,EAAA;MACEC,OAAO;QACL,sBAAsB;QACtBC,QAAQrB,KAAKqB;QACbb,UAAUR,KAAKQ;QACf,gBAAgBR,KAAKsB;;MAEvBC,QAAQvB,KAAKM;MACbkB,SAASxB,KAAKc;MACdW,SAASzB,KAAKgB;MAAW,iBACVhB,KAAKQ,WAAW,SAAS;MACxCkB,MAAK;MACLC,UAAU3B,KAAKQ,YAAY,IAAI;MAC/BoB,MAAK;MACLC,MAAK;OAELV,EAAA;MAAKC,OAAM;MAA+CS,MAAK;OAC7DV,EAAA;MAAMW,MAAK;SAEbX,EAAA;MACEC,OAAM;MACNW,KAAM7B,KAAeF,KAAKE,YAAYA;OAEtCiB,EAAA;MAAMa,cAAchC,KAAKC;SAE3BkB,EAAA;MAAKC,OAAM;MAAuDS,MAAK;OACrEV,EAAA;MAAMW,MAAK;;;kBAjHS;oBAGE;oBAGA;;;;;EAsB5B,gBAAAG;IACEjC,KAAKC;;EAyFP,MAAAiC;IACE,QAAQlC,KAAKsB,WACXtB,KAAKkB,aAELC,EAAA;MAAYC,OAAM;MAAoCe,WAAU;MAAQC,aAAY;OACjFpC,KAAKG,aACLH,KAAKkB","ignoreList":[]}

package/dist/beeq/p-822773ae.entry.js

@@ -0,0 +1,195 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import { r as a, h as r, g as e } from "./p-0c42c08a.js";
+
+import "./p-bef53750.js";
+
+import { a as b } from "./p-0ab0b58d.js";
+
+import { i as n } from "./p-99829fc7.js";
+
+import { i as t } from "./p-57621be1.js";
+
+import { v as q } from "./p-687da041.js";
+
+import { b as i, a as s } from "./p-d7a88b16.js";
+
+const o = [ "none", "left", "right", "above", "bellow" ];
+
+const l = [ "small", "medium", "large" ];
+
+const d = '::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.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))}.relative{position:relative}.order-1{order:1}.order-2{order:2}.inline-block{display:inline-block}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-x-m{column-gap:var(--bq-spacing-m)}.gap-y-m{row-gap:var(--bq-spacing-m)}.text-left{text-align:left}.text-right{text-align:right}.bs-\\[--bq-spinner--size-large\\]{block-size:var(--bq-spinner--size-large)}.bs-\\[--bq-spinner--size-medium\\]{block-size:var(--bq-spinner--size-medium)}.bs-\\[--bq-spinner--size-small\\]{block-size:var(--bq-spinner--size-small)}.is-\\[--bq-spinner--size-large\\]{inline-size:var(--bq-spinner--size-large)}.is-\\[--bq-spinner--size-medium\\]{inline-size:var(--bq-spinner--size-medium)}.is-\\[--bq-spinner--size-small\\]{inline-size:var(--bq-spinner--size-small)}@-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-spinner--color:var(--bq-ui--brand);--bq-spinner--size-large:56px;--bq-spinner--size-medium:48px;--bq-spinner--size-small:32px;--bq-spinner--large-text-fontSize:var(--bq-font-size--m);--bq-spinner--medium-text-fontSize:var(--bq-font-size--s);--bq-spinner--small-text-fontSize:var(--bq-font-size--xs);--bq-spinner--text-lineHeight:var(--bq-font-line-height--large);display:inline-block;position:relative}.bq-spinner{display:flex}.bq-spinner--loader.large{block-size:var(--bq-spinner--size-large);inline-size:var(--bq-spinner--size-large)}.bq-spinner--loader.medium{block-size:var(--bq-spinner--size-medium);inline-size:var(--bq-spinner--size-medium)}.bq-spinner--loader.small{block-size:var(--bq-spinner--size-small);inline-size:var(--bq-spinner--size-small)}.text-left,.text-right{align-items:center;flex-direction:row}.text-left.has-text,.text-right.has-text{column-gap:var(--bq-spacing-m)}.text-left .bq-spinner--icon,.text-left .bq-spinner--loader{order:2}.text-left .bq-spinner--text,.text-right .bq-spinner--icon,.text-right .bq-spinner--loader{order:1}.text-right .bq-spinner--text{order:2}.text-above,.text-bellow{align-items:center;flex-direction:column}.text-above.has-text,.text-bellow.has-text{row-gap:var(--bq-spacing-m)}.text-above .bq-spinner--icon,.text-above .bq-spinner--loader{order:2}.text-above .bq-spinner--text,.text-bellow .bq-spinner--icon,.text-bellow .bq-spinner--loader{order:1}.text-bellow .bq-spinner--text{order:2}.is-animated .bq-spinner--icon,.is-animated .bq-spinner--loader>svg{-webkit-animation:spin 1s linear 0s infinite;animation:spin 1s linear 0s infinite}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.static{position:static}.\\!hidden{display:none!important}.font-medium{font-weight:var(--bq-font-weight--medium)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.text-\\[--bq-spinner--color\\]{color:var(--bq-spinner--color)}.text-text-primary{color:var(--bq-text--primary)}.bs-full{block-size:100%}.is-full{inline-size:100%}.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 c = d;
+
+const v = class {
+  constructor(r) {
+    a(this, r);
+    this.observer = new MutationObserver((a => {
+      const [r] = a;
+      this.slotContentLength = r.target.textContent.length;
+    }));
+    // Listeners
+    // ==============
+    // Public methods API
+    // These methods are exposed on the host element.
+    // Always use two lines.
+    // Public Methods must be async.
+    // Requires JSDocs for public API documentation.
+    // ===============================================
+    // Local methods
+    // Internal business logic.
+    // These methods cannot be called from the host element.
+    // =======================================================
+        this.handleSlotChange = () => {
+      var a;
+      if (!this.slotElem) return;
+      this.hasSlot = i(this.slotElem);
+      if (!this.hasSlot) return;
+      const r = (a = this.slotElem.querySelector("slot")) !== null && a !== void 0 ? a : null;
+      if (n(r)) return;
+      this.slotContentLength = s(r, {
+        recurse: true
+      }).length;
+      const e = r.assignedNodes({
+        flatten: true
+      });
+      e.forEach((a => {
+        this.observer.observe(a, {
+          characterData: true,
+          childList: true,
+          subtree: true
+        });
+      }));
+    };
+    this.handleIconSlotChange = () => {
+      this.hasIconSlot = i(this.iconSlotElem, "icon");
+    };
+    this.checkPropValues = () => {
+      q(o, "none", this.el, "textPosition");
+      q(l, "medium", this.el, "size");
+    };
+    this.hasIconSlot = false;
+    this.hasSlot = false;
+    this.slotContentLength = 0;
+    this.animation = true;
+    this.textPosition = "none";
+    this.size = "medium";
+  }
+  // Prop lifecycle events
+  // =======================
+  handleTextPositionProp() {
+    q(o, "none", this.el, "textPosition");
+  }
+  handleSizeProp() {
+    q(l, "medium", this.el, "size");
+    this.setIconSize();
+  }
+  handleHasIconSlot() {
+    this.setIconSize();
+  }
+  // Events section
+  // Requires JSDocs for public API documentation
+  // ==============================================
+  // Component lifecycle events
+  // Ordered by their natural call order
+  // =====================================
+  componentWillLoad() {
+    this.checkPropValues();
+  }
+  componentDidLoad() {
+    this.setIconSize();
+  }
+  disconnectedCallback() {
+    var a;
+    (a = this.observer) === null || a === void 0 ? void 0 : a.disconnect();
+  }
+  get isTextDisplayed() {
+    return this.textPosition !== "none";
+  }
+  setIconSize() {
+    if (!this.hasIconSlot || !this.bqIcon) return;
+    this.bqIcon.size = parseInt(b(`bq-spinner--size-${this.size}`, this.el)).toString();
+  }
+  get bqIcon() {
+    if (!this.hasIconSlot) return null;
+    const a = this.iconSlotElem.querySelector("slot");
+    return [ ...a.assignedElements({
+      flatten: true
+    }) ].filter((a => t(a, "bq-icon")))[0];
+  }
+  // render() function
+  // Always the last one in the class.
+  // ===================================
+  render() {
+    return r("div", {
+      key: "9f62c61c9d882bd9d520059a62b1d7859b21a2a9",
+      class: {
+        [`bq-spinner ${this.size} text-${this.textPosition}`]: true,
+        "is-animated": this.animation,
+        "has-text": !!this.slotContentLength
+      },
+      part: "base"
+    }, !this.hasIconSlot && r("div", {
+      key: "665458605918883f5749b9c65faed2d4b35d8590",
+      class: `bq-spinner--loader ${this.size} relative text-[--bq-spinner--color]`,
+      "aria-label": "Loading...",
+      role: "status"
+    }, r("svg", {
+      key: "7dfbc336f3cdeb12140676ebf8cf9515b91a122c",
+      class: "bs-full is-full",
+      fill: "currentColor",
+      viewBox: "0 0 48 48"
+    }, r("path", {
+      key: "bbe8fe1d60e547818ce6848fd90aa5a373a2671f",
+      fill: "currentColor",
+      d: "M10.27 7.637c-.937-1.117-.798-2.796.415-3.605a24 24 0 0 1 37.09 23.249c-.2 1.444-1.65 2.301-3.064 1.944-1.414-.356-2.25-1.793-2.096-3.242A18.72 18.72 0 0 0 14.102 8.11c-1.237.77-2.895.643-3.832-.474Z"
+    }), r("path", {
+      key: "265cd94b7686bb5f540d249f1e2496db71959ca9",
+      fill: "currentColor",
+      d: "M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24ZM5.28 24c0 10.339 8.381 18.72 18.72 18.72 10.339 0 18.72-8.381 18.72-18.72 0-10.339-8.381-18.72-18.72-18.72C13.661 5.28 5.28 13.661 5.28 24Z",
+      opacity: ".1"
+    }))), r("span", {
+      key: "9f291abf7feaeef7a3852e8f596822a31a08b722",
+      class: {
+        "bq-spinner--icon": true,
+        flex: this.hasIconSlot,
+        "!hidden": !this.hasIconSlot
+      },
+      ref: a => this.iconSlotElem = a,
+      part: "custom-icon"
+    }, r("slot", {
+      key: "375fdfab3b73437e23d54254b6d2c22ec82d73db",
+      name: "icon",
+      onSlotchange: this.handleIconSlotChange
+    })), r("span", {
+      key: "be19259971375900430935d01fb0f9f464cf693c",
+      class: {
+        "bq-spinner--text font-medium leading-regular text-text-primary": true,
+        "!hidden": !this.isTextDisplayed
+      },
+      part: "text",
+      ref: a => this.slotElem = a
+    }, r("slot", {
+      key: "10d45af6dcfa7f97e3ac12020940e756db93a64a",
+      onSlotchange: this.handleSlotChange
+    })));
+  }
+  get el() {
+    return e(this);
+  }
+  static get watchers() {
+    return {
+      textPosition: [ "handleTextPositionProp" ],
+      size: [ "handleSizeProp" ],
+      hasIconSlot: [ "handleHasIconSlot" ]
+    };
+  }
+};
+
+v.style = c;
+
+export { v as bq_spinner };
+//# sourceMappingURL=p-822773ae.entry.js.map

package/dist/beeq/{p-b2c55a62.entry.js.map → p-822773ae.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["SPINNER_TEXT_POSITION","SPINNER_SIZE","bqSpinnerCss","BqSpinnerStyle0","BqSpinner","this","observer","MutationObserver","mutations","mutation","slotContentLength","target","textContent","length","handleSlotChange","slotElem","hasSlot","hasSlotContent","slot","_a","querySelector","isNil","getTextContent","recurse","nodes","assignedNodes","flatten","forEach","node","observe","characterData","childList","subtree","handleIconSlotChange","hasIconSlot","iconSlotElem","checkPropValues","validatePropValue","el","handleTextPositionProp","handleSizeProp","setIconSize","handleHasIconSlot","componentWillLoad","componentDidLoad","disconnectedCallback","disconnect","isTextDisplayed","textPosition","bqIcon","size","parseInt","getCSSVariableValue","toString","assignedElements","filter","isHTMLElement","render","h","key","class","animation","part","role","fill","viewBox","d","opacity","flex","ref","spanElem","name","onSlotchange"],"sources":["../../packages/beeq/src/components/spinner/bq-spinner.types.ts","../../packages/beeq/src/components/spinner/scss/bq-spinner.scss?tag=bq-spinner&encapsulation=shadow","../../packages/beeq/src/components/spinner/bq-spinner.tsx"],"sourcesContent":["export const SPINNER_TEXT_POSITION = ['none', 'left', 'right', 'above', 'bellow'] as const;\nexport const SPINNER_SIZE = ['small', 'medium', 'large'] as const;\nexport type TSpinnerTextPosition = (typeof SPINNER_TEXT_POSITION)[number];\nexport type TSpinnerSize = (typeof SPINNER_SIZE)[number];\n","/* -------------------------------------------------------------------------- */\n/*                               Spinner styles                               */\n/* -------------------------------------------------------------------------- */\n@import './bq-spinner.variables';\n\n:host {\n  @apply relative inline-block;\n}\n\n.bq-spinner {\n  @apply flex;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                             Spinner loader size                            */\n/* -------------------------------------------------------------------------- */\n\n.bq-spinner--loader.large {\n  @apply bs-[--bq-spinner--size-large] is-[--bq-spinner--size-large];\n}\n\n.bq-spinner--loader.medium {\n  @apply bs-[--bq-spinner--size-medium] is-[--bq-spinner--size-medium];\n}\n\n.bq-spinner--loader.small {\n  @apply bs-[--bq-spinner--size-small] is-[--bq-spinner--size-small];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Text position                               */\n/* -------------------------------------------------------------------------- */\n\n.text-left,\n.text-right {\n  @apply flex-row items-center;\n\n  &.has-text {\n    @apply gap-x-m;\n  }\n}\n\n.text-left {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-2;\n  }\n\n  .bq-spinner--text {\n    @apply order-1;\n  }\n}\n\n.text-right {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-1;\n  }\n\n  .bq-spinner--text {\n    @apply order-2;\n  }\n}\n\n.text-above,\n.text-bellow {\n  @apply flex-col items-center;\n\n  &.has-text {\n    @apply gap-y-m;\n  }\n}\n\n.text-above {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-2;\n  }\n\n  .bq-spinner--text {\n    @apply order-1;\n  }\n}\n\n.text-bellow {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-1;\n  }\n\n  .bq-spinner--text {\n    @apply order-2;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                      Animate slotted icon if provided                      */\n/* -------------------------------------------------------------------------- */\n\n.is-animated {\n  .bq-spinner--icon,\n  .bq-spinner--loader > svg {\n    @include animation-spin;\n  }\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\nimport { SPINNER_SIZE, SPINNER_TEXT_POSITION, TSpinnerSize, TSpinnerTextPosition } from './bq-spinner.types';\nimport {\n  getCSSVariableValue,\n  getTextContent,\n  hasSlotContent,\n  isHTMLElement,\n  isNil,\n  validatePropValue,\n} from '../../shared/utils';\n\n/**\n * Spinners are designed for users to display data loading.\n *\n * @part base - The div wrapper container used under the hood.\n * @part icon - The `<svg>` icon element used to spin/animate.\n * @part custom-icon - The `<span>` tag element that holds the custom icon element passed.\n * @part text - The `<span>` tag element that renders the label text inside the component.\n */\n@Component({\n  tag: 'bq-spinner',\n  styleUrl: './scss/bq-spinner.scss',\n  shadow: true,\n})\nexport class BqSpinner {\n  // Own Properties\n  // ====================\n\n  private iconSlotElem: HTMLElement;\n  private slotElem: HTMLElement;\n  private observer: MutationObserver = new MutationObserver((mutations) => {\n    const [mutation] = mutations;\n    this.slotContentLength = mutation.target.textContent.length;\n  });\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSpinnerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasIconSlot = false;\n  @State() private hasSlot = false;\n  @State() private slotContentLength = 0;\n\n  // Public Property API\n  // ========================\n\n  /** If `false`, the animation on the icon element will be stopped */\n  @Prop({ reflect: true }) animation? = true;\n\n  /** It defines the position of the label text */\n  @Prop({ reflect: true }) textPosition: TSpinnerTextPosition = 'none';\n\n  /** It defines the size of the icon element displayed */\n  @Prop({ reflect: true }) size: TSpinnerSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('textPosition')\n  handleTextPositionProp() {\n    validatePropValue(SPINNER_TEXT_POSITION, 'none', this.el, 'textPosition');\n  }\n\n  @Watch('size')\n  handleSizeProp() {\n    validatePropValue(SPINNER_SIZE, 'medium', this.el, 'size');\n    this.setIconSize();\n  }\n\n  @Watch('hasIconSlot')\n  handleHasIconSlot() {\n    this.setIconSize();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.setIconSize();\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleSlotChange = () => {\n    if (!this.slotElem) return;\n\n    this.hasSlot = hasSlotContent(this.slotElem);\n    if (!this.hasSlot) return;\n\n    const slot = this.slotElem.querySelector('slot') ?? null;\n    if (isNil(slot)) return;\n\n    this.slotContentLength = getTextContent(slot, { recurse: true }).length;\n    const nodes = slot.assignedNodes({ flatten: true });\n    nodes.forEach((node) => {\n      this.observer.observe(node, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n      });\n    });\n  };\n\n  private handleIconSlotChange = (): void => {\n    this.hasIconSlot = hasSlotContent(this.iconSlotElem, 'icon');\n  };\n\n  private checkPropValues = (): void => {\n    validatePropValue(SPINNER_TEXT_POSITION, 'none', this.el, 'textPosition');\n    validatePropValue(SPINNER_SIZE, 'medium', this.el, 'size');\n  };\n\n  private get isTextDisplayed(): boolean {\n    return this.textPosition !== 'none';\n  }\n\n  private setIconSize(): void {\n    if (!this.hasIconSlot || !this.bqIcon) return;\n\n    this.bqIcon.size = parseInt(getCSSVariableValue(`bq-spinner--size-${this.size}`, this.el)).toString();\n  }\n\n  private get bqIcon(): HTMLBqIconElement | null {\n    if (!this.hasIconSlot) return null;\n\n    const slot = this.iconSlotElem.querySelector('slot');\n\n    return [...slot.assignedElements({ flatten: true })].filter((el: Element) =>\n      isHTMLElement(el, 'bq-icon'),\n    )[0] as HTMLBqIconElement;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class={{\n          [`bq-spinner ${this.size} text-${this.textPosition}`]: true,\n          'is-animated': this.animation,\n          'has-text': !!this.slotContentLength,\n        }}\n        part=\"base\"\n      >\n        {!this.hasIconSlot && (\n          <div\n            class={`bq-spinner--loader ${this.size} relative text-[--bq-spinner--color]`}\n            aria-label=\"Loading...\"\n            role=\"status\"\n          >\n            <svg class=\"bs-full is-full\" fill=\"currentColor\" viewBox=\"0 0 48 48\">\n              <path\n                fill=\"currentColor\"\n                d=\"M10.27 7.637c-.937-1.117-.798-2.796.415-3.605a24 24 0 0 1 37.09 23.249c-.2 1.444-1.65 2.301-3.064 1.944-1.414-.356-2.25-1.793-2.096-3.242A18.72 18.72 0 0 0 14.102 8.11c-1.237.77-2.895.643-3.832-.474Z\"\n              />\n              <path\n                fill=\"currentColor\"\n                d=\"M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24ZM5.28 24c0 10.339 8.381 18.72 18.72 18.72 10.339 0 18.72-8.381 18.72-18.72 0-10.339-8.381-18.72-18.72-18.72C13.661 5.28 5.28 13.661 5.28 24Z\"\n                opacity=\".1\"\n              />\n            </svg>\n          </div>\n        )}\n        <span\n          class={{\n            'bq-spinner--icon': true,\n            flex: this.hasIconSlot,\n            '!hidden': !this.hasIconSlot,\n          }}\n          ref={(spanElem) => (this.iconSlotElem = spanElem)}\n          part=\"custom-icon\"\n        >\n          <slot name=\"icon\" onSlotchange={this.handleIconSlotChange} />\n        </span>\n        <span\n          class={{\n            'bq-spinner--text font-medium leading-regular text-text-primary': true,\n            '!hidden': !this.isTextDisplayed,\n          }}\n          part=\"text\"\n          ref={(spanElem) => (this.slotElem = spanElem)}\n        >\n          <slot onSlotchange={this.handleSlotChange} />\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;qQAAO,MAAMA,EAAwB,CAAC,OAAQ,OAAQ,QAAS,QAAS,UACjE,MAAMC,EAAe,CAAC,QAAS,SAAU,SCDhD,MAAMC,EAAe,qyrBACrB,MAAAC,EAAeD,E,MCwBFE,EAAS,M,yBAMZC,KAAAC,SAA6B,IAAIC,kBAAkBC,IACzD,MAAOC,GAAYD,EACnBH,KAAKK,kBAAoBD,EAASE,OAAOC,YAAYC,MAAM,IAkFrDR,KAAAS,iBAAmB,K,MACzB,IAAKT,KAAKU,SAAU,OAEpBV,KAAKW,QAAUC,EAAeZ,KAAKU,UACnC,IAAKV,KAAKW,QAAS,OAEnB,MAAME,GAAOC,EAAAd,KAAKU,SAASK,cAAc,WAAO,MAAAD,SAAA,EAAAA,EAAI,KACpD,GAAIE,EAAMH,GAAO,OAEjBb,KAAKK,kBAAoBY,EAAeJ,EAAM,CAAEK,QAAS,OAAQV,OACjE,MAAMW,EAAQN,EAAKO,cAAc,CAAEC,QAAS,OAC5CF,EAAMG,SAASC,IACbvB,KAAKC,SAASuB,QAAQD,EAAM,CAC1BE,cAAe,KACfC,UAAW,KACXC,QAAS,MACT,GACF,EAGI3B,KAAA4B,qBAAuB,KAC7B5B,KAAK6B,YAAcjB,EAAeZ,KAAK8B,aAAc,OAAO,EAGtD9B,KAAA+B,gBAAkB,KACxBC,EAAkBrC,EAAuB,OAAQK,KAAKiC,GAAI,gBAC1DD,EAAkBpC,EAAc,SAAUI,KAAKiC,GAAI,OAAO,E,iBAhG7B,M,aACJ,M,uBACU,E,eAMC,K,kBAGwB,O,UAGhB,Q,CAM9C,sBAAAC,GACEF,EAAkBrC,EAAuB,OAAQK,KAAKiC,GAAI,e,CAI5D,cAAAE,GACEH,EAAkBpC,EAAc,SAAUI,KAAKiC,GAAI,QACnDjC,KAAKoC,a,CAIP,iBAAAC,GACErC,KAAKoC,a,CAWP,iBAAAE,GACEtC,KAAK+B,iB,CAGP,gBAAAQ,GACEvC,KAAKoC,a,CAGP,oBAAAI,G,OACE1B,EAAAd,KAAKC,YAAQ,MAAAa,SAAA,SAAAA,EAAE2B,Y,CA+CjB,mBAAYC,GACV,OAAO1C,KAAK2C,eAAiB,M,CAGvB,WAAAP,GACN,IAAKpC,KAAK6B,cAAgB7B,KAAK4C,OAAQ,OAEvC5C,KAAK4C,OAAOC,KAAOC,SAASC,EAAoB,oBAAoB/C,KAAK6C,OAAQ7C,KAAKiC,KAAKe,U,CAG7F,UAAYJ,GACV,IAAK5C,KAAK6B,YAAa,OAAO,KAE9B,MAAMhB,EAAOb,KAAK8B,aAAaf,cAAc,QAE7C,MAAO,IAAIF,EAAKoC,iBAAiB,CAAE5B,QAAS,QAAS6B,QAAQjB,GAC3DkB,EAAclB,EAAI,aAClB,E,CAOJ,MAAAmB,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,CAAC,cAAcvD,KAAK6C,aAAa7C,KAAK2C,gBAAiB,KACvD,cAAe3C,KAAKwD,UACpB,aAAcxD,KAAKK,mBAErBoD,KAAK,SAEHzD,KAAK6B,aACLwB,EAAA,OAAAC,IAAA,2CACEC,MAAO,sBAAsBvD,KAAK6C,2CAA0C,aACjE,aACXa,KAAK,UAELL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,kBAAkBI,KAAK,eAAeC,QAAQ,aACvDP,EAAA,QAAAC,IAAA,2CACEK,KAAK,eACLE,EAAE,4MAEJR,EAAA,QAAAC,IAAA,2CACEK,KAAK,eACLE,EAAE,2NACFC,QAAQ,SAKhBT,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,mBAAoB,KACpBQ,KAAM/D,KAAK6B,YACX,WAAY7B,KAAK6B,aAEnBmC,IAAMC,GAAcjE,KAAK8B,aAAemC,EACxCR,KAAK,eAELJ,EAAA,QAAAC,IAAA,2CAAMY,KAAK,OAAOC,aAAcnE,KAAK4B,wBAEvCyB,EAAA,QAAAC,IAAA,2CACEC,MAAO,CACL,iEAAkE,KAClE,WAAYvD,KAAK0C,iBAEnBe,KAAK,OACLO,IAAMC,GAAcjE,KAAKU,SAAWuD,GAEpCZ,EAAA,QAAAC,IAAA,2CAAMa,aAAcnE,KAAKS,oB","ignoreList":[]}
+{"version":3,"names":["SPINNER_TEXT_POSITION","SPINNER_SIZE","bqSpinnerCss","BqSpinnerStyle0","BqSpinner","this","observer","MutationObserver","mutations","mutation","slotContentLength","target","textContent","length","handleSlotChange","slotElem","hasSlot","hasSlotContent","slot","_a","querySelector","isNil","getTextContent","recurse","nodes","assignedNodes","flatten","forEach","node","observe","characterData","childList","subtree","handleIconSlotChange","hasIconSlot","iconSlotElem","checkPropValues","validatePropValue","el","handleTextPositionProp","handleSizeProp","setIconSize","handleHasIconSlot","componentWillLoad","componentDidLoad","disconnectedCallback","disconnect","isTextDisplayed","textPosition","bqIcon","size","parseInt","getCSSVariableValue","toString","assignedElements","filter","isHTMLElement","render","h","key","class","animation","part","role","fill","viewBox","d","opacity","flex","ref","spanElem","name","onSlotchange"],"sources":["../../packages/beeq/src/components/spinner/bq-spinner.types.ts","../../packages/beeq/src/components/spinner/scss/bq-spinner.scss?tag=bq-spinner&encapsulation=shadow","../../packages/beeq/src/components/spinner/bq-spinner.tsx"],"sourcesContent":["export const SPINNER_TEXT_POSITION = ['none', 'left', 'right', 'above', 'bellow'] as const;\nexport const SPINNER_SIZE = ['small', 'medium', 'large'] as const;\nexport type TSpinnerTextPosition = (typeof SPINNER_TEXT_POSITION)[number];\nexport type TSpinnerSize = (typeof SPINNER_SIZE)[number];\n","/* -------------------------------------------------------------------------- */\n/*                               Spinner styles                               */\n/* -------------------------------------------------------------------------- */\n@import './bq-spinner.variables';\n\n:host {\n  @apply relative inline-block;\n}\n\n.bq-spinner {\n  @apply flex;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                             Spinner loader size                            */\n/* -------------------------------------------------------------------------- */\n\n.bq-spinner--loader.large {\n  @apply bs-[--bq-spinner--size-large] is-[--bq-spinner--size-large];\n}\n\n.bq-spinner--loader.medium {\n  @apply bs-[--bq-spinner--size-medium] is-[--bq-spinner--size-medium];\n}\n\n.bq-spinner--loader.small {\n  @apply bs-[--bq-spinner--size-small] is-[--bq-spinner--size-small];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Text position                               */\n/* -------------------------------------------------------------------------- */\n\n.text-left,\n.text-right {\n  @apply flex-row items-center;\n\n  &.has-text {\n    @apply gap-x-m;\n  }\n}\n\n.text-left {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-2;\n  }\n\n  .bq-spinner--text {\n    @apply order-1;\n  }\n}\n\n.text-right {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-1;\n  }\n\n  .bq-spinner--text {\n    @apply order-2;\n  }\n}\n\n.text-above,\n.text-bellow {\n  @apply flex-col items-center;\n\n  &.has-text {\n    @apply gap-y-m;\n  }\n}\n\n.text-above {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-2;\n  }\n\n  .bq-spinner--text {\n    @apply order-1;\n  }\n}\n\n.text-bellow {\n  .bq-spinner--loader,\n  .bq-spinner--icon {\n    @apply order-1;\n  }\n\n  .bq-spinner--text {\n    @apply order-2;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                      Animate slotted icon if provided                      */\n/* -------------------------------------------------------------------------- */\n\n.is-animated {\n  .bq-spinner--icon,\n  .bq-spinner--loader > svg {\n    @include animation-spin;\n  }\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\n\nimport { SPINNER_SIZE, SPINNER_TEXT_POSITION, TSpinnerSize, TSpinnerTextPosition } from './bq-spinner.types';\nimport {\n  getCSSVariableValue,\n  getTextContent,\n  hasSlotContent,\n  isHTMLElement,\n  isNil,\n  validatePropValue,\n} from '../../shared/utils';\n\n/**\n * Spinners are designed for users to display data loading.\n *\n * @part base - The div wrapper container used under the hood.\n * @part icon - The `<svg>` icon element used to spin/animate.\n * @part custom-icon - The `<span>` tag element that holds the custom icon element passed.\n * @part text - The `<span>` tag element that renders the label text inside the component.\n */\n@Component({\n  tag: 'bq-spinner',\n  styleUrl: './scss/bq-spinner.scss',\n  shadow: true,\n})\nexport class BqSpinner {\n  // Own Properties\n  // ====================\n\n  private iconSlotElem: HTMLElement;\n  private slotElem: HTMLElement;\n  private observer: MutationObserver = new MutationObserver((mutations) => {\n    const [mutation] = mutations;\n    this.slotContentLength = mutation.target.textContent.length;\n  });\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqSpinnerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasIconSlot = false;\n  @State() private hasSlot = false;\n  @State() private slotContentLength = 0;\n\n  // Public Property API\n  // ========================\n\n  /** If `false`, the animation on the icon element will be stopped */\n  @Prop({ reflect: true }) animation? = true;\n\n  /** It defines the position of the label text */\n  @Prop({ reflect: true }) textPosition: TSpinnerTextPosition = 'none';\n\n  /** It defines the size of the icon element displayed */\n  @Prop({ reflect: true }) size: TSpinnerSize = 'medium';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('textPosition')\n  handleTextPositionProp() {\n    validatePropValue(SPINNER_TEXT_POSITION, 'none', this.el, 'textPosition');\n  }\n\n  @Watch('size')\n  handleSizeProp() {\n    validatePropValue(SPINNER_SIZE, 'medium', this.el, 'size');\n    this.setIconSize();\n  }\n\n  @Watch('hasIconSlot')\n  handleHasIconSlot() {\n    this.setIconSize();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\n  }\n\n  componentDidLoad() {\n    this.setIconSize();\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleSlotChange = () => {\n    if (!this.slotElem) return;\n\n    this.hasSlot = hasSlotContent(this.slotElem);\n    if (!this.hasSlot) return;\n\n    const slot = this.slotElem.querySelector('slot') ?? null;\n    if (isNil(slot)) return;\n\n    this.slotContentLength = getTextContent(slot, { recurse: true }).length;\n    const nodes = slot.assignedNodes({ flatten: true });\n    nodes.forEach((node) => {\n      this.observer.observe(node, {\n        characterData: true,\n        childList: true,\n        subtree: true,\n      });\n    });\n  };\n\n  private handleIconSlotChange = (): void => {\n    this.hasIconSlot = hasSlotContent(this.iconSlotElem, 'icon');\n  };\n\n  private checkPropValues = (): void => {\n    validatePropValue(SPINNER_TEXT_POSITION, 'none', this.el, 'textPosition');\n    validatePropValue(SPINNER_SIZE, 'medium', this.el, 'size');\n  };\n\n  private get isTextDisplayed(): boolean {\n    return this.textPosition !== 'none';\n  }\n\n  private setIconSize(): void {\n    if (!this.hasIconSlot || !this.bqIcon) return;\n\n    this.bqIcon.size = parseInt(getCSSVariableValue(`bq-spinner--size-${this.size}`, this.el)).toString();\n  }\n\n  private get bqIcon(): HTMLBqIconElement | null {\n    if (!this.hasIconSlot) return null;\n\n    const slot = this.iconSlotElem.querySelector('slot');\n\n    return [...slot.assignedElements({ flatten: true })].filter((el: Element) =>\n      isHTMLElement(el, 'bq-icon'),\n    )[0] as HTMLBqIconElement;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div\n        class={{\n          [`bq-spinner ${this.size} text-${this.textPosition}`]: true,\n          'is-animated': this.animation,\n          'has-text': !!this.slotContentLength,\n        }}\n        part=\"base\"\n      >\n        {!this.hasIconSlot && (\n          <div\n            class={`bq-spinner--loader ${this.size} relative text-[--bq-spinner--color]`}\n            aria-label=\"Loading...\"\n            role=\"status\"\n          >\n            <svg class=\"bs-full is-full\" fill=\"currentColor\" viewBox=\"0 0 48 48\">\n              <path\n                fill=\"currentColor\"\n                d=\"M10.27 7.637c-.937-1.117-.798-2.796.415-3.605a24 24 0 0 1 37.09 23.249c-.2 1.444-1.65 2.301-3.064 1.944-1.414-.356-2.25-1.793-2.096-3.242A18.72 18.72 0 0 0 14.102 8.11c-1.237.77-2.895.643-3.832-.474Z\"\n              />\n              <path\n                fill=\"currentColor\"\n                d=\"M48 24c0 13.255-10.745 24-24 24S0 37.255 0 24 10.745 0 24 0s24 10.745 24 24ZM5.28 24c0 10.339 8.381 18.72 18.72 18.72 10.339 0 18.72-8.381 18.72-18.72 0-10.339-8.381-18.72-18.72-18.72C13.661 5.28 5.28 13.661 5.28 24Z\"\n                opacity=\".1\"\n              />\n            </svg>\n          </div>\n        )}\n        <span\n          class={{\n            'bq-spinner--icon': true,\n            flex: this.hasIconSlot,\n            '!hidden': !this.hasIconSlot,\n          }}\n          ref={(spanElem) => (this.iconSlotElem = spanElem)}\n          part=\"custom-icon\"\n        >\n          <slot name=\"icon\" onSlotchange={this.handleIconSlotChange} />\n        </span>\n        <span\n          class={{\n            'bq-spinner--text font-medium leading-regular text-text-primary': true,\n            '!hidden': !this.isTextDisplayed,\n          }}\n          part=\"text\"\n          ref={(spanElem) => (this.slotElem = spanElem)}\n        >\n          <slot onSlotchange={this.handleSlotChange} />\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,MAAMA,IAAwB,EAAC,QAAQ,QAAQ,SAAS,SAAS;;AACjE,MAAMC,IAAe,EAAC,SAAS,UAAU;;ACDhD,MAAMC,IAAe;;AACrB,MAAAC,IAAeD;;MCwBFE,IAAS;;;IAMZC,KAAAC,WAA6B,IAAIC,kBAAkBC;MACzD,OAAOC,KAAYD;MACnBH,KAAKK,oBAAoBD,EAASE,OAAOC,YAAYC;AAAM;;;;;;;;;;;;;QAkFrDR,KAAAS,mBAAmB;;MACzB,KAAKT,KAAKU,UAAU;MAEpBV,KAAKW,UAAUC,EAAeZ,KAAKU;MACnC,KAAKV,KAAKW,SAAS;MAEnB,MAAME,KAAOC,IAAAd,KAAKU,SAASK,cAAc,aAAO,QAAAD,WAAA,IAAAA,IAAI;MACpD,IAAIE,EAAMH,IAAO;MAEjBb,KAAKK,oBAAoBY,EAAeJ,GAAM;QAAEK,SAAS;SAAQV;MACjE,MAAMW,IAAQN,EAAKO,cAAc;QAAEC,SAAS;;MAC5CF,EAAMG,SAASC;QACbvB,KAAKC,SAASuB,QAAQD,GAAM;UAC1BE,eAAe;UACfC,WAAW;UACXC,SAAS;;AACT;AACF;IAGI3B,KAAA4B,uBAAuB;MAC7B5B,KAAK6B,cAAcjB,EAAeZ,KAAK8B,cAAc;AAAO;IAGtD9B,KAAA+B,kBAAkB;MACxBC,EAAkBrC,GAAuB,QAAQK,KAAKiC,IAAI;MAC1DD,EAAkBpC,GAAc,UAAUI,KAAKiC,IAAI;AAAO;uBAhG7B;mBACJ;6BACU;qBAMC;wBAGwB;gBAGhB;;;;EAM9C,sBAAAC;IACEF,EAAkBrC,GAAuB,QAAQK,KAAKiC,IAAI;;EAI5D,cAAAE;IACEH,EAAkBpC,GAAc,UAAUI,KAAKiC,IAAI;IACnDjC,KAAKoC;;EAIP,iBAAAC;IACErC,KAAKoC;;;;;;;;EAWP,iBAAAE;IACEtC,KAAK+B;;EAGP,gBAAAQ;IACEvC,KAAKoC;;EAGP,oBAAAI;;KACE1B,IAAAd,KAAKC,cAAQ,QAAAa,WAAA,aAAAA,EAAE2B;;EA+CjB,mBAAYC;IACV,OAAO1C,KAAK2C,iBAAiB;;EAGvB,WAAAP;IACN,KAAKpC,KAAK6B,gBAAgB7B,KAAK4C,QAAQ;IAEvC5C,KAAK4C,OAAOC,OAAOC,SAASC,EAAoB,oBAAoB/C,KAAK6C,QAAQ7C,KAAKiC,KAAKe;;EAG7F,UAAYJ;IACV,KAAK5C,KAAK6B,aAAa,OAAO;IAE9B,MAAMhB,IAAOb,KAAK8B,aAAaf,cAAc;IAE7C,OAAO,KAAIF,EAAKoC,iBAAiB;MAAE5B,SAAS;SAAS6B,QAAQjB,KAC3DkB,EAAclB,GAAI,aAClB;;;;;EAOJ,MAAAmB;IACE,OACEC,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,CAAC,cAAcvD,KAAK6C,aAAa7C,KAAK2C,iBAAiB;QACvD,eAAe3C,KAAKwD;QACpB,cAAcxD,KAAKK;;MAErBoD,MAAK;QAEHzD,KAAK6B,eACLwB,EAAA;MAAAC,KAAA;MACEC,OAAO,sBAAsBvD,KAAK6C;MAA0C,cACjE;MACXa,MAAK;OAELL,EAAA;MAAAC,KAAA;MAAKC,OAAM;MAAkBI,MAAK;MAAeC,SAAQ;OACvDP,EAAA;MAAAC,KAAA;MACEK,MAAK;MACLE,GAAE;QAEJR,EAAA;MAAAC,KAAA;MACEK,MAAK;MACLE,GAAE;MACFC,SAAQ;UAKhBT,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,oBAAoB;QACpBQ,MAAM/D,KAAK6B;QACX,YAAY7B,KAAK6B;;MAEnBmC,KAAMC,KAAcjE,KAAK8B,eAAemC;MACxCR,MAAK;OAELJ,EAAA;MAAAC,KAAA;MAAMY,MAAK;MAAOC,cAAcnE,KAAK4B;SAEvCyB,EAAA;MAAAC,KAAA;MACEC,OAAO;QACL,kEAAkE;QAClE,YAAYvD,KAAK0C;;MAEnBe,MAAK;MACLO,KAAMC,KAAcjE,KAAKU,WAAWuD;OAEpCZ,EAAA;MAAAC,KAAA;MAAMa,cAAcnE,KAAKS","ignoreList":[]}

package/dist/beeq/p-951ba558.js

@@ -2,5 +2,68 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-import{i as t}from"./p-99829fc7.js";const e=(t,e,...n)=>{const o=()=>t(...n);if(e===0){const t=setTimeout(o,e);return()=>clearTimeout(t)}else{let t;const n=performance.now();const s=()=>cancelAnimationFrame(t);const i=c=>{const r=c-n;s();if(r<e){t=requestAnimationFrame(i)}else{o()}};t=requestAnimationFrame(i);return s}};const n=(n,o=0,s=false)=>{let i;function c(...c){i===null||i===void 0?void 0:i();const r=this;function a(t,e,...n){t.apply(e,n)}if(s&&t(i)){n.apply(r,c)}i=e(a,o,n,r,...c)}return Object.assign(c,{cancel:()=>{i===null||i===void 0?void 0:i()}})};export{n as d,e as s};
+import { i as e } from "./p-99829fc7.js";
+
+/**
+ * Implements setTimeout using requestAnimationFrame. Uses setTimeout if wait is 0.
+ *
+ * @param {Function} func - The function to timeout.
+ * @param {Number} wait - The number of milliseconds to delay.
+ * @param {Any[]} args - The arguments of func.
+ * @returns {void}
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const setRafTimeout = (e, n, ...t) => {
+  const invokeFunc = () => e(...t);
+  if (n === 0) {
+    const e = setTimeout(invokeFunc, n);
+    return () => clearTimeout(e);
+  } else {
+    let e;
+    const t = performance.now();
+    const cancel = () => cancelAnimationFrame(e);
+    const handleRequestAnimationFrame = o => {
+      const i = o - t;
+      cancel();
+      if (i < n) {
+        e = requestAnimationFrame(handleRequestAnimationFrame);
+      } else {
+        invokeFunc();
+      }
+    };
+    e = requestAnimationFrame(handleRequestAnimationFrame);
+    return cancel;
+  }
+};
+
+/**
+ * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed
+ * since the last time the debounced function was invoked.
+ *
+ * @param {Function} func - The function to debounce.
+ * @param {Number} wait - The number of milliseconds to delay.
+ * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.
+ * @return {Function} The new debounced function.
+ */ const debounce = (n, t = 0, o = false) => {
+  let i;
+  function debounceHandler(...c) {
+    i === null || i === void 0 ? void 0 : i();
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+        const r = this;
+    function timeoutHandler(e, n, ...t) {
+      e.apply(n, t);
+    }
+    if (o && e(i)) {
+      n.apply(r, c);
+    }
+    i = setRafTimeout(timeoutHandler, t, n, r, ...c);
+  }
+  return Object.assign(debounceHandler, {
+    cancel: () => {
+      i === null || i === void 0 ? void 0 : i();
+    }
+  });
+};
+
+export { debounce as d, setRafTimeout as s };
 //# sourceMappingURL=p-951ba558.js.map

package/dist/beeq/p-951ba558.js.map

@@ -1 +1 @@
-{"version":3,"names":["setRafTimeout","func","wait","args","invokeFunc","timeoutId","setTimeout","clearTimeout","rafId","currentTime","performance","now","cancel","cancelAnimationFrame","handleRequestAnimationFrame","time","delta","requestAnimationFrame","debounce","immediate","debounceHandler","context","this","timeoutHandler","fn","apply","isNil","Object","assign"],"sources":["../../packages/beeq/src/shared/utils/setRafTimeout.ts","../../packages/beeq/src/shared/utils/debounce.ts"],"sourcesContent":["/**\n * Implements setTimeout using requestAnimationFrame. Uses setTimeout if wait is 0.\n *\n * @param {Function} func - The function to timeout.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Any[]} args - The arguments of func.\n * @returns {void}\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const setRafTimeout = <TFunc extends (...args: any[]) => void>(\n  func: TFunc,\n  wait: number,\n  ...args: Parameters<TFunc>\n): (() => void) => {\n  const invokeFunc = () => func(...args);\n\n  if (wait === 0) {\n    const timeoutId = setTimeout(invokeFunc, wait);\n    return () => clearTimeout(timeoutId);\n  } else {\n    let rafId: number;\n    const currentTime = performance.now();\n\n    const cancel = () => cancelAnimationFrame(rafId);\n\n    const handleRequestAnimationFrame: FrameRequestCallback = (time) => {\n      const delta = time - currentTime;\n\n      cancel();\n\n      if (delta < wait) {\n        rafId = requestAnimationFrame(handleRequestAnimationFrame);\n      } else {\n        invokeFunc();\n      }\n    };\n\n    rafId = requestAnimationFrame(handleRequestAnimationFrame);\n\n    return cancel;\n  }\n};\n","import { isNil } from './isNil';\nimport { setRafTimeout } from './setRafTimeout';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TFunction = (...args: any[]) => unknown;\n\ntype TDebounceFnReturn<T> = T extends unknown[] ? (...params: T) => void : (param: T) => void;\nexport type TDebounce<T> = TDebounceFnReturn<T> & { cancel: () => void } extends infer U ? U : never;\n\n/**\n * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} func - The function to debounce.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.\n * @return {Function} The new debounced function.\n */\nexport const debounce = <TFunc extends TFunction>(func: TFunc, wait = 0, immediate = false) => {\n  let cancel: () => void | undefined;\n\n  function debounceHandler(...args: Parameters<typeof func>) {\n    cancel?.();\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n\n    function timeoutHandler(fn: TFunc, context: unknown, ...args: Parameters<typeof fn>) {\n      fn.apply(context, args);\n    }\n\n    if (immediate && isNil(cancel)) {\n      func.apply(context, args);\n    }\n\n    cancel = setRafTimeout(timeoutHandler, wait, func, context, ...args);\n  }\n\n  return Object.assign(debounceHandler, {\n    cancel: () => {\n      cancel?.();\n    },\n  });\n};\n"],"mappings":";;;;0CASaA,EAAgB,CAC3BC,EACAC,KACGC,KAEH,MAAMC,EAAa,IAAMH,KAAQE,GAEjC,GAAID,IAAS,EAAG,CACd,MAAMG,EAAYC,WAAWF,EAAYF,GACzC,MAAO,IAAMK,aAAaF,E,KACrB,CACL,IAAIG,EACJ,MAAMC,EAAcC,YAAYC,MAEhC,MAAMC,EAAS,IAAMC,qBAAqBL,GAE1C,MAAMM,EAAqDC,IACzD,MAAMC,EAAQD,EAAON,EAErBG,IAEA,GAAII,EAAQd,EAAM,CAChBM,EAAQS,sBAAsBH,E,KACzB,CACLV,G,GAIJI,EAAQS,sBAAsBH,GAE9B,OAAOF,C,SCrBEM,EAAW,CAA0BjB,EAAaC,EAAO,EAAGiB,EAAY,SACnF,IAAIP,EAEJ,SAASQ,KAAmBjB,GAC1BS,IAAM,MAANA,SAAM,SAANA,IAGA,MAAMS,EAAUC,KAEhB,SAASC,EAAeC,EAAWH,KAAqBlB,GACtDqB,EAAGC,MAAMJ,EAASlB,E,CAGpB,GAAIgB,GAAaO,EAAMd,GAAS,CAC9BX,EAAKwB,MAAMJ,EAASlB,E,CAGtBS,EAASZ,EAAcuB,EAAgBrB,EAAMD,EAAMoB,KAAYlB,E,CAGjE,OAAOwB,OAAOC,OAAOR,EAAiB,CACpCR,OAAQ,KACNA,IAAM,MAANA,SAAM,SAANA,GAAU,GAEZ,S","ignoreList":[]}
+{"version":3,"names":["setRafTimeout","func","wait","args","invokeFunc","timeoutId","setTimeout","clearTimeout","rafId","currentTime","performance","now","cancel","cancelAnimationFrame","handleRequestAnimationFrame","time","delta","requestAnimationFrame","debounce","immediate","debounceHandler","context","this","timeoutHandler","fn","apply","isNil","Object","assign"],"sources":["../../packages/beeq/src/shared/utils/setRafTimeout.ts","../../packages/beeq/src/shared/utils/debounce.ts"],"sourcesContent":["/**\n * Implements setTimeout using requestAnimationFrame. Uses setTimeout if wait is 0.\n *\n * @param {Function} func - The function to timeout.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Any[]} args - The arguments of func.\n * @returns {void}\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const setRafTimeout = <TFunc extends (...args: any[]) => void>(\n  func: TFunc,\n  wait: number,\n  ...args: Parameters<TFunc>\n): (() => void) => {\n  const invokeFunc = () => func(...args);\n\n  if (wait === 0) {\n    const timeoutId = setTimeout(invokeFunc, wait);\n    return () => clearTimeout(timeoutId);\n  } else {\n    let rafId: number;\n    const currentTime = performance.now();\n\n    const cancel = () => cancelAnimationFrame(rafId);\n\n    const handleRequestAnimationFrame: FrameRequestCallback = (time) => {\n      const delta = time - currentTime;\n\n      cancel();\n\n      if (delta < wait) {\n        rafId = requestAnimationFrame(handleRequestAnimationFrame);\n      } else {\n        invokeFunc();\n      }\n    };\n\n    rafId = requestAnimationFrame(handleRequestAnimationFrame);\n\n    return cancel;\n  }\n};\n","import { isNil } from './isNil';\nimport { setRafTimeout } from './setRafTimeout';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TFunction = (...args: any[]) => unknown;\n\ntype TDebounceFnReturn<T> = T extends unknown[] ? (...params: T) => void : (param: T) => void;\nexport type TDebounce<T> = TDebounceFnReturn<T> & { cancel: () => void } extends infer U ? U : never;\n\n/**\n * Creates a debounced function that delays invoking func until after wait milliseconds have elapsed\n * since the last time the debounced function was invoked.\n *\n * @param {Function} func - The function to debounce.\n * @param {Number} wait - The number of milliseconds to delay.\n * @param {Boolean} immediate - If `true`, the function triggers immediately and then waits for the interval before being called again.\n * @return {Function} The new debounced function.\n */\nexport const debounce = <TFunc extends TFunction>(func: TFunc, wait = 0, immediate = false) => {\n  let cancel: () => void | undefined;\n\n  function debounceHandler(...args: Parameters<typeof func>) {\n    cancel?.();\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n\n    function timeoutHandler(fn: TFunc, context: unknown, ...args: Parameters<typeof fn>) {\n      fn.apply(context, args);\n    }\n\n    if (immediate && isNil(cancel)) {\n      func.apply(context, args);\n    }\n\n    cancel = setRafTimeout(timeoutHandler, wait, func, context, ...args);\n  }\n\n  return Object.assign(debounceHandler, {\n    cancel: () => {\n      cancel?.();\n    },\n  });\n};\n"],"mappings":";;;;;;;;;;;;;;;MASaA,gBAAgB,CAC3BC,GACAC,MACGC;EAEH,MAAMC,aAAa,MAAMH,KAAQE;EAEjC,IAAID,MAAS,GAAG;IACd,MAAMG,IAAYC,WAAWF,YAAYF;IACzC,OAAO,MAAMK,aAAaF;SACrB;IACL,IAAIG;IACJ,MAAMC,IAAcC,YAAYC;IAEhC,MAAMC,SAAS,MAAMC,qBAAqBL;IAE1C,MAAMM,8BAAqDC;MACzD,MAAMC,IAAQD,IAAON;MAErBG;MAEA,IAAII,IAAQd,GAAM;QAChBM,IAAQS,sBAAsBH;aACzB;QACLV;;;IAIJI,IAAQS,sBAAsBH;IAE9B,OAAOF;;;;;;;;;;;;UCrBEM,WAAW,CAA0BjB,GAAaC,IAAO,GAAGiB,IAAY;EACnF,IAAIP;EAEJ,SAASQ,mBAAmBjB;IAC1BS,MAAM,QAANA,WAAM,aAANA;;QAGA,MAAMS,IAAUC;IAEhB,SAASC,eAAeC,GAAWH,MAAqBlB;MACtDqB,EAAGC,MAAMJ,GAASlB;;IAGpB,IAAIgB,KAAaO,EAAMd,IAAS;MAC9BX,EAAKwB,MAAMJ,GAASlB;;IAGtBS,IAASZ,cAAcuB,gBAAgBrB,GAAMD,GAAMoB,MAAYlB;;EAGjE,OAAOwB,OAAOC,OAAOR,iBAAiB;IACpCR,QAAQ;MACNA,MAAM,QAANA,WAAM,aAANA;AAAU;;AAEZ","ignoreList":[]}