@beeq/core 1.8.0-beta.15 → 1.8.0-beta.16

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

@@ -1,6 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-import{r,c as a,g as e,h as t}from"./p-5da52049.js";import{i as n}from"./p-1c8b6eb4.js";import{i as b}from"./p-561ff182.js";import{i}from"./p-57621be1.js";import{v as o}from"./p-687da041.js";import{b as d}from"./p-d7ce7165.js";import"./p-ecd27cf2.js";const s=["single","multi","range"];const q='.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.pointer-events-none{pointer-events:none}.me-\\[--bq-date-picker--gap\\]{margin-inline-end:var(--bq-date-picker--gap)}.ms-\\[--bq-date-picker--gap\\]{margin-inline-start:var(--bq-date-picker--gap)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.size-\\[--bq-date-picker--day-size\\]{height:var(--bq-date-picker--day-size);width:var(--bq-date-picker--day-size)}.flex-auto{flex:1 1 auto}.flex-grow{flex-grow:1}.cursor-inherit{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[--bq-date-picker--gap\\]{gap:var(--bq-date-picker--gap)}.gap-s{gap:var(--bq-spacing-s)}.rounded-\\[--bq-date-picker--border-radius\\]{border-radius:var(--bq-date-picker--border-radius)}.rounded-none{border-radius:var(--bq-radius--none)}.rounded-s{border-radius:var(--bq-radius--s)}.rounded-xs{border-radius:var(--bq-radius--xs)}.rounded-ee-none{border-end-end-radius:var(--bq-radius--none)}.rounded-es-none{border-end-start-radius:var(--bq-radius--none)}.rounded-se-none{border-start-end-radius:var(--bq-radius--none)}.rounded-ss-none{border-start-start-radius:var(--bq-radius--none)}.border-0{border-width:0}.border-\\[length\\:--bq-date-picker--border-width\\]{border-width:var(--bq-date-picker--border-width)}.border-\\[length\\:--bq-date-picker--currentDate-border-width\\]{border-width:var(--bq-date-picker--currentDate-border-width)}.border-none{border-style:none}.border-\\[color\\:--bq-date-picker--border-color\\]{border-color:var(--bq-date-picker--border-color)}.border-\\[color\\:--bq-date-picker--currentDate-border-color\\]{border-color:var(--bq-date-picker--currentDate-border-color)}.border-\\[color\\:--bq-focus\\]{border-color:var(--bq-focus)}.border-danger{border-color:var(--bq-stroke--danger)}.border-success{border-color:var(--bq-stroke--success)}.border-warning{border-color:var(--bq-stroke--warning)}.bg-\\[--bq-date-picker--background-color\\]{background-color:var(--bq-date-picker--background-color)}.bg-\\[--bq-date-picker--range-background-color\\]{background-color:var(--bq-date-picker--range-background-color)}.bg-inherit{background-color:inherit}.bg-transparent{background-color:transparent}.pe-\\[--bq-date-picker--padding-end\\]{padding-inline-end:var(--bq-date-picker--padding-end)}.ps-\\[--bq-date-picker--padding-start\\]{padding-inline-start:var(--bq-date-picker--padding-start)}.font-default{font-family:var(--bq-font-family)}.font-inherit{font-family:inherit}.text-\\[length\\:--bq-date-picker--label-text-size\\]{font-size:var(--bq-date-picker--label-text-size)}.text-\\[length\\:--bq-date-picker--text-size\\]{font-size:var(--bq-date-picker--text-size)}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[color\\:--bq-date-picker--currentDate-text-color\\]{color:var(--bq-date-picker--currentDate-text-color)}.text-\\[color\\:--bq-date-picker--label-text-color\\]{color:var(--bq-date-picker--label-text-color)}.text-\\[color\\:--bq-date-picker--text-color\\]{color:var(--bq-date-picker--text-color)}.text-alt{color:var(--bq-text--alt)}.text-primary{color:var(--bq-text--primary)}.text-secondary{color:var(--bq-text--secondary)}.opacity-100{opacity:1}.opacity-60{opacity:.6}.transition-\\[border-color\\2c box-shadow\\]{transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-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-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.border-active-danger{border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.border-active-success{border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.border-active-warning{border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bs-auto{block-size:auto}.is-full{inline-size:100%}.min-bs-\\[--bq-date-picker--icon-size\\]{min-block-size:var(--bq-date-picker--icon-size)}.min-is-0{min-inline-size:0}.p-b-0{padding-block:0}.p-b-\\[--bq-date-picker--paddingY\\]{padding-block:var(--bq-date-picker--paddingY)}.p-b-xs2{padding-block:var(--bq-spacing-xs2)}.p-i-0{padding-inline:0}.p-i-xs{padding-inline:var(--bq-spacing-xs)}.m-b-0{margin-block:0}.m-be-\\[--bq-date-picker--label-margin-bottom\\]{margin-block-end:var(--bq-date-picker--label-margin-bottom)}.m-i-0{margin-inline:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}@-webkit-keyframes fade-in{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes slide-in{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:host{--bq-date-picker--background-color:var(--bq-ui--primary);--bq-date-picker--border-color:var(--bq-stroke--tertiary);--bq-date-picker--border-radius:var(--bq-radius--s);--bq-date-picker--border-width:var(--bq-stroke-s);--bq-date-picker--currentDate-border-width:var(--bq-stroke-m);--bq-date-picker--border-style:solid;--bq-date-picker--gap:var(--bq-spacing-xs);--bq-date-picker--icon-size:24px;--bq-date-picker--label-margin-bottom:var(--bq-spacing-xs);--bq-date-picker--label-text-size:var(--bq-font-size--s);--bq-date-picker--label-text-color:var(--bq-text--primary);--bq-date-picker--currentDate-text-color:var(--bq-text--brand);--bq-date-picker--padding-start:var(--bq-spacing-m);--bq-date-picker--padding-end:var(--bq-spacing-m);--bq-date-picker--paddingY:var(--bq-spacing-s);--bq-date-picker--day-size:var(--bq-spacing-xl);--bq-date-picker--text-color:var(--bq-text--primary);--bq-date-picker--text-size:var(--bq-font-size--m);--bq-date-picker--text-placeholder-color:var(--bq-text--secondary);--bq-date-picker--range-background-color:var(--bq-ui--brand);--bq-date-picker--currentDate-border-color:var(--bq-stroke--brand);display:block;inline-size:100%}.bq-date-picker__label{align-items:center;color:var(--bq-date-picker--label-text-color);display:flex;flex-grow:1;font-size:var(--bq-date-picker--label-text-size);gap:var(--bq-date-picker--gap);margin-block-end:var(--bq-date-picker--label-margin-bottom)}.bq-date-picker__control{align-items:center;border-color:var(--bq-date-picker--border-color);border-radius:var(--bq-date-picker--border-radius);border-style:var(--bq-date-picker--border-style);border-width:var(--bq-date-picker--border-width);color:var(--bq-date-picker--text-color);display:flex;font-size:var(--bq-date-picker--text-size);inline-size:100%;padding-block:var(--bq-date-picker--paddingY);padding-inline-end:var(--bq-date-picker--padding-end);padding-inline-start:var(--bq-date-picker--padding-start);transition-duration:.15s;transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);user-select:none}.bq-date-picker__control::placeholder{color:var(--bq-date-picker--text-placeholder-color)}.bq-date-picker__control:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--brand),var(--bq-hover) 20%)}.bq-date-picker__control:not(.disabled):focus-within{--bq-ring-width:1px;--bq-ring-offset-width:0;border-color:var(--bq-focus);outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.bq-date-picker__control:not(.disabled):focus-within .bq-date-picker__control--clear,.bq-date-picker__control:not(.disabled):hover .bq-date-picker__control--clear{display:inline-block}.bq-date-picker__control.disabled{cursor:not-allowed;opacity:.6}.bq-date-picker__control.validation-error{border-color:var(--bq-stroke--danger)}.bq-date-picker__control.validation-error:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-hover) 20%)}.bq-date-picker__control.validation-error:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--danger);border-color:color-mix(in srgb,var(--bq-stroke--danger),var(--bq-active) 20%)}.bq-date-picker__control.validation-success{border-color:var(--bq-stroke--success)}.bq-date-picker__control.validation-success:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-hover) 20%)}.bq-date-picker__control.validation-success:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--success);border-color:color-mix(in srgb,var(--bq-stroke--success),var(--bq-active) 20%)}.bq-date-picker__control.validation-warning{border-color:var(--bq-stroke--warning)}.bq-date-picker__control.validation-warning:hover:not(.disabled):not(:focus-within){border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-hover) 20%)}.bq-date-picker__control.validation-warning:not(.disabled):focus-within{--bq-ring-color-focus:var(--bq-stroke--warning);border-color:color-mix(in srgb,var(--bq-stroke--warning),var(--bq-active) 20%)}.bq-date-picker__control--input{appearance:none;background-color:inherit;border-style:none;color:inherit;cursor:inherit;flex:1 1 auto;font-family:inherit;font-size:inherit;margin-block:0;margin-inline:0;min-block-size:var(--bq-date-picker--icon-size);min-inline-size:0;padding-block:0;padding-inline:0;user-select:none}.bq-date-picker__control--input:focus{outline:2px solid transparent;outline-offset:2px}.bq-date-picker__control--input:focus-visible{outline:2px solid transparent;outline-offset:2px}.bq-date-picker__control--clear::part(button){--bq-ring-width:initial;--bq-ring-offset-width:initial;--bq-ring-color-focus:initial;block-size:auto;border-radius:var(--bq-radius--xs);border-style:none;padding-block:0;padding-inline:0}.bq-date-picker__control--prefix,.bq-date-picker__control--suffix{align-items:center;color:var(--bq-date-picker--text-color);display:flex;pointer-events:none}.bq-date-picker__control--prefix{margin-inline-end:var(--bq-date-picker--gap)}.bq-date-picker__control--suffix{margin-inline-start:var(--bq-date-picker--gap)}::slotted(bq-icon),bq-icon{--bq-icon--size:var(--bq-date-picker--icon-size)!important}calendar-date::part(header),calendar-multi::part(header),calendar-range::part(header){gap:var(--bq-spacing-s);justify-content:center}calendar-date::part(heading),calendar-multi::part(heading),calendar-range::part(heading){padding-block:var(--bq-spacing-xs2);padding-inline:var(--bq-spacing-xs)}calendar-date::part(button),calendar-multi::part(button),calendar-range::part(button){background-color:transparent;border-radius:var(--bq-radius--s);border-width:0;padding-block:var(--bq-spacing-xs2);padding-inline:var(--bq-spacing-xs2);transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}calendar-date::part(button):focus-visible,calendar-multi::part(button):focus-visible,calendar-range::part(button):focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}calendar-date::part(button):hover,calendar-multi::part(button):hover,calendar-range::part(button):hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}calendar-date::part(container),calendar-multi::part(container),calendar-range::part(container){background-color:var(--bq-date-picker--background-color);padding-block:0;padding-inline:0}calendar-month{--color-accent:var(--bq-ui--brand)}calendar-month::part(button){align-items:center;background-color:transparent;border-radius:var(--bq-radius--s);color:var(--bq-text--primary);display:flex;font-family:var(--bq-font-family);height:var(--bq-date-picker--day-size);justify-content:center;padding-block:0;padding-inline:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--bq-date-picker--day-size)}calendar-month::part(button):focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}calendar-month::part(button):hover{background-color:color-mix(in srgb,var(--bq-background--secondary),var(--bq-hover) 20%)}calendar-month::part(button day selected){background-color:var(--bq-date-picker--range-background-color)}calendar-month::part(button day selected):hover{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}calendar-month::part(outside){color:var(--bq-text--secondary);opacity:1}calendar-month::part(selected){border-radius:var(--bq-radius--s);color:var(--bq-text--alt)}calendar-month::part(range-inner){border-radius:var(--bq-radius--none)}calendar-month::part(today){border-color:var(--bq-date-picker--currentDate-border-color);border-radius:var(--bq-radius--s);border-style:var(--bq-date-picker--border-style);border-width:var(--bq-date-picker--currentDate-border-width);color:var(--bq-date-picker--currentDate-text-color)}calendar-month::part(today selected){color:var(--bq-text--alt)}calendar-month::part(today range-inner){border-radius:var(--bq-radius--none)}calendar-month::part(today range-start){border-end-start-radius:var(--bq-radius--none);border-radius:var(--bq-radius--s)}calendar-month::part(today range-end){border-end-end-radius:var(--bq-radius--none);border-radius:var(--bq-radius--s)}calendar-month::part(range-start){border-end-end-radius:var(--bq-radius--none);border-start-end-radius:var(--bq-radius--none)}calendar-month::part(range-end){border-end-start-radius:var(--bq-radius--none);border-start-start-radius:var(--bq-radius--none)}calendar-month::part(range-start range-end){border-radius:var(--bq-radius--s)}.focus-visible\\:focus:focus-visible{outline:var(--bq-ring-width,2px) solid var(--bq-ring-color-focus,var(--bq-focus));outline-offset:var(--bq-ring-offset-width,1px)}.placeholder\\:text-\\[color\\:--bq-date-picker--text-placeholder-color\\]::placeholder{color:var(--bq-date-picker--text-placeholder-color)}.hover\\:bg-hover-secondary:hover{background-color:color-mix(in srgb,var(--bq-background--secondary),var(--bq-hover) 20%)}.hover\\:bg-hover-ui-brand:hover{background-color:color-mix(in srgb,var(--bq-ui--brand),var(--bq-hover) 20%)}.hover\\:bg-hover-ui-primary:hover{background-color:color-mix(in srgb,var(--bq-ui--primary),var(--bq-hover) 20%)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.table{display:table}.grid{display:grid}.\\!hidden{display:none!important}.hidden{display:none}.flex-wrap{flex-wrap:wrap}.gap-\\[--bq-spacing-m\\]{gap:var(--bq-spacing-m)}@media (min-width:640px){.sm\\:block{display:block}}.\\[\\&\\:\\:part\\(panel\\)\\]\\:p-m::part(panel){padding:var(--bq-spacing-m)}.\\[\\&\\:\\:part\\(panel\\)\\]\\:is-auto::part(panel){inline-size:auto}.text-\\[color\\:--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}.relative{position:relative}';const c=q;const l=class{constructor(e){r(this,e);this.bqBlur=a(this,"bqBlur",7);this.bqChange=a(this,"bqChange",7);this.bqClear=a(this,"bqClear",7);this.bqFocus=a(this,"bqFocus",7);this.focusedDate=undefined;this.displayDate=undefined;this.hasLabel=false;this.hasPrefix=false;this.hasRangeEnd=false;this.hasSuffix=false;this.hasValue=false;this.autofocus=undefined;this.clearButtonLabel="Clear value";this.disableClear=false;this.disabled=false;this.distance=8;this.firstDayOfWeek=1;this.formatOptions={day:"numeric",month:"short",year:"numeric"};this.form=undefined;this.isDateDisallowed=undefined;this.locale="en-GB";this.max=undefined;this.min=undefined;this.months=undefined;this.monthsPerView="single";this.name=undefined;this.open=false;this.panelHeight="auto";this.placeholder=undefined;this.placement="bottom-end";this.required=undefined;this.skidding=0;this.showOutsideDays=false;this.strategy="fixed";this.tentative=undefined;this.type="single";this.validationStatus="none";this.value=undefined}callyElem;inputElem;labelElem;prefixElem;suffixElem;fallbackInputId="date-picker";COMMON_EXPORT_PARTS="calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td";BUTTON_EXPORT_PARTS="calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner";get el(){return e(this)}handleValueChange(){if(Array.isArray(this.value)){this.hasValue=this.value.some((r=>r.length>0));return}this.hasValue=b(this.value);this.displayDate=this.formatDisplayValue(this.value);this.setFocusedDate()}checkPropValues(){o(s,"single",this.el,"type")}bqBlur;bqChange;bqClear;bqFocus;connectedCallback(){this.handleValueChange()}componentWillLoad(){this.handleValueChange()}handleOpenChange(r){if(!r.composedPath().includes(this.el))return;this.open=r.detail.open;this.setFocusedDate()}handleClickOutside(r){const{open:a,type:e,hasRangeEnd:t}=this;if(!a||e!=="range"||r.button!==0)return;if(n(r,this.el)||t)return;if(n(r,this.el))return;if(!t){this.tentative=undefined;this.hasRangeEnd=false}}async clear(){if(this.disabled)return;this.value=undefined;this.bqClear.emit(this.el)}handleBlur=()=>{if(this.disabled)return;this.bqBlur.emit(this.el)};handleFocus=()=>{if(this.disabled)return;this.bqFocus.emit(this.el)};setFocusedDate=()=>{if(!this.callyElem)return;this.callyElem.focusedDate=this.value?this.formatFocusedDate(this.value):(new Date).toLocaleDateString("fr-CA")};handleChange=r=>{if(this.disabled)return;if(!i(r.target,"input"))return;const a=new Date(r.target.value);if(!isNaN(a.getTime())){this.value=a.toLocaleDateString("fr-CA");this.displayDate=this.formatDisplayValue(this.value);this.bqChange.emit({value:this.value,el:this.el})}};handleCalendarChange=r=>{const{value:a}=r.target;this.value=a;this.displayDate=this.formatDisplayValue(this.value);this.inputElem.value=this.displayDate;this.inputElem.focus();this.bqChange.emit({value:this.value,el:this.el});this.open=this.type==="multi"};handleCalendarRangeStart=r=>{this.hasRangeEnd=false;this.tentative=new Date(r.detail).toLocaleDateString("fr-CA")};handleCalendarRangeEnd=()=>{this.hasRangeEnd=true};handleClearClick=r=>{if(this.disabled)return;this.inputElem.value="";this.value=this.inputElem.value;this.hasRangeEnd=false;this.bqClear.emit(this.el);this.bqChange.emit({value:this.value,el:this.el});this.inputElem.focus();r.stopPropagation()};handleLabelSlotChange=()=>{this.hasLabel=d(this.labelElem)};handlePrefixSlotChange=()=>{this.hasPrefix=d(this.prefixElem)};handleSuffixSlotChange=()=>{this.hasSuffix=d(this.suffixElem)};generateCalendarMonth=(r,a="")=>t("calendar-month",{offset:r,class:a,exportparts:`${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`});generateCalendarMonths=()=>{if(this.type==="range"||this.type==="multi"&&this.months){return Array.from({length:this.months},((r,a)=>{const e=a>0?a:undefined;const t=e?"hidden sm:block":"";return this.generateCalendarMonth(e,t)}))}return[this.generateCalendarMonth()]};formatFocusedDate=r=>{if(!r)return;const a=/\b\d{4}-\d{2}-\d{2}\b/;const e=a.exec(r);return e?e[0]:null};formatDisplayValue=r=>{if(!r)return;const a=new Intl.DateTimeFormat(this.locale,this.formatOptions);if(this.type==="range"){const[e,t]=r.split("/").map((r=>new Date(r)));return a.formatRange(e,t)}if(this.type==="multi"){const e=r.split(" ").map((r=>new Date(r)));return e.map((r=>a.format(r))).join(", ")}return a.format(new Date(r))};get CalendarType(){const r={single:"calendar-date",multi:"calendar-multi",range:"calendar-range"};return r[this.type]||r.single}render(){const r=this.CalendarType;const a=`bq-date-picker__label-${this.name||this.fallbackInputId}`;return t("div",{key:"fecf008fc4d06999e00cf4c3934d74938532d6f2",class:"bq-date-picker",part:"base"},t("label",{key:"1d90b1bea164099d02a6f89565812b6a6a8a8b4f",id:a,class:{"bq-date-picker__label":true,"!hidden":!this.hasLabel},"aria-label":this.name||this.fallbackInputId,htmlFor:this.name||this.fallbackInputId,ref:r=>this.labelElem=r,part:"label"},t("slot",{key:"e87e7ba439ab6815aa511c77804cc1534b33f077",name:"label",onSlotchange:this.handleLabelSlotChange})),t("bq-dropdown",{key:"3133b6b891614878c705587ffc60c930f1f1289d",class:"bq-date-picker__dropdown is-full [&::part(panel)]:p-m [&::part(panel)]:is-auto",disabled:this.disabled,distance:this.distance,open:this.open,panelHeight:this.panelHeight,placement:this.placement,skidding:this.skidding,strategy:this.strategy,exportparts:"panel"},t("div",{key:"22acc32aebfa68babf19daff7b9996c44b8a6493",class:{"bq-date-picker__control":true,[`validation-${this.validationStatus}`]:true,disabled:this.disabled},part:"control",slot:"trigger"},t("span",{key:"4eedc11f668fd443ed43203c7351822578b57965",class:{"bq-date-picker__control--prefix":true,"!hidden":!this.hasPrefix},ref:r=>this.prefixElem=r,part:"prefix"},t("slot",{key:"a68aadcbf45fe56a97b214ef1de89956db7a30f5",name:"prefix",onSlotchange:this.handlePrefixSlotChange})),t("input",{key:"a76ac38f10cc2f5e0c9d0662d3bc1da8ac017234",id:this.name||this.fallbackInputId,class:"bq-date-picker__control--input",autoComplete:"off",autoCapitalize:"off","aria-disabled":this.disabled?"true":"false","aria-controls":`${this.name}`,"aria-haspopup":"dialog",disabled:this.disabled,form:this.form,name:this.name,placeholder:this.placeholder,readonly:this.type!=="single",ref:r=>this.inputElem=r,required:this.required,spellcheck:false,type:"text",value:this.displayDate,part:"input",onBlur:this.handleBlur,onFocus:this.handleFocus,onChange:this.handleChange}),this.hasValue&&!this.disabled&&!this.disableClear&&t("bq-button",{key:"959a737f939b2edb28e6f3ba49a2a2f2a7737ea0",class:"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden",appearance:"text","aria-label":this.clearButtonLabel,size:"small",onBqClick:this.handleClearClick,part:"clear-btn",exportparts:"button"},t("slot",{key:"268726c361f74822b7a203745a41d6c03a4592db",name:"clear-icon"},t("bq-icon",{key:"58af7f620e8f5899c73b97d225aa536a131296d6",name:"x-circle",class:"flex"}))),t("span",{key:"e1e5188ed4abb1f5aebff511c70fcf9f9276d976",class:"bq-date-picker__control--suffix",ref:r=>this.suffixElem=r,part:"suffix"},t("slot",{key:"d50b5a86358959510cce72d353b9b084f9fa3267",name:"suffix",onSlotchange:this.handleSuffixSlotChange},t("bq-icon",{key:"9f2160c13a3bd1a1b753cd293638f1b8d07f1bf2",name:"calendar-blank",class:"flex"})))),t(r,{key:"d7fa35597e662797de4984523957c3b22c8c9d60",isDateDisallowed:this.isDateDisallowed,locale:this.locale,value:this.value,min:this.min,max:this.max,months:this.months,tentative:this.tentative,pageBy:this.monthsPerView,firstDayOfWeek:this.firstDayOfWeek,showOutsideDays:this.showOutsideDays,onChange:this.handleCalendarChange,onRangestart:this.handleCalendarRangeStart,onRangeend:this.handleCalendarRangeEnd,exportparts:"container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading",ref:r=>this.callyElem=r},t("bq-icon",{key:"0dc6348a8f1a2e5447b498389edf4f7eb2e0b8e4",color:"text--primary",slot:"previous",name:"caret-left",label:"Previous"}),t("bq-icon",{key:"30404417e12ae0611a5a214f1432169f027eaf5d",color:"text--primary",slot:"next",name:"caret-right",label:"Next"}),t("div",{key:"9e0c618785d7a0f5ee71d68d2fcbc33ef98b9a2f",class:"flex flex-wrap justify-center gap-[--bq-spacing-m]"},this.generateCalendarMonths()))))}static get delegatesFocus(){return true}static get watchers(){return{value:["handleValueChange"],type:["checkPropValues"]}}};l.style=c;export{l as bq_date_picker};
-//# sourceMappingURL=p-34637682.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DATE_PICKER_TYPE","bqDatePickerCss","BqDatePickerStyle0","BqDatePicker","day","month","year","callyElem","inputElem","labelElem","prefixElem","suffixElem","fallbackInputId","COMMON_EXPORT_PARTS","BUTTON_EXPORT_PARTS","handleValueChange","Array","isArray","this","value","hasValue","some","val","length","isDefined","displayDate","formatDisplayValue","setFocusedDate","checkPropValues","validatePropValue","el","bqBlur","bqChange","bqClear","bqFocus","connectedCallback","componentWillLoad","handleOpenChange","ev","composedPath","includes","open","detail","handleClickOutside","type","hasRangeEnd","button","isEventTargetChildOfElement","tentative","undefined","clear","disabled","emit","handleBlur","handleFocus","focusedDate","formatFocusedDate","Date","toLocaleDateString","handleChange","isHTMLElement","target","dateValue","isNaN","getTime","handleCalendarChange","focus","handleCalendarRangeStart","handleCalendarRangeEnd","handleClearClick","stopPropagation","handleLabelSlotChange","hasLabel","hasSlotContent","handlePrefixSlotChange","hasPrefix","handleSuffixSlotChange","hasSuffix","generateCalendarMonth","offset","className","h","class","exportparts","generateCalendarMonths","months","from","_","i","dateRegex","match","exec","dateFormatter","Intl","DateTimeFormat","locale","formatOptions","start","end","split","map","dateStr","formatRange","dates","date","format","join","CalendarType","componentTypes","single","multi","range","render","CallyCalendar","labelId","name","key","part","id","htmlFor","ref","onSlotchange","distance","panelHeight","placement","skidding","strategy","validationStatus","slot","spanElem","autoComplete","autoCapitalize","form","placeholder","readonly","required","spellcheck","onBlur","onFocus","onChange","disableClear","appearance","clearButtonLabel","size","onBqClick","isDateDisallowed","min","max","pageBy","monthsPerView","firstDayOfWeek","showOutsideDays","onRangestart","onRangeend","elem","color","label"],"sources":["../../packages/beeq/src/components/date-picker/bq-date-picker.types.ts","../../packages/beeq/src/components/date-picker/scss/bq-date-picker.scss?tag=bq-date-picker&encapsulation=shadow","../../packages/beeq/src/components/date-picker/bq-date-picker.tsx"],"sourcesContent":["export type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport const DATE_PICKER_TYPE = ['single', 'multi', 'range'] as const;\nexport type TDatePickerType = (typeof DATE_PICKER_TYPE)[number];\n","/* -------------------------------------------------------------------------- */\n/*                        Date picker styles                                  */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-date-picker.variables';\n\n:host {\n  @apply block is-full;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                    Label                                   */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__label {\n  @apply flex flex-grow items-center gap-[--bq-date-picker--gap] m-be-[--bq-date-picker--label-margin-bottom];\n  @apply text-[length:--bq-date-picker--label-text-size] text-[color:--bq-date-picker--label-text-color];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Date picker input group control                    */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control {\n  @apply flex items-center transition-[border-color,box-shadow] is-full;\n  // Border\n  @apply rounded-[--bq-date-picker--border-radius] border-[length:--bq-date-picker--border-width] border-[color:--bq-date-picker--border-color];\n  // Padding\n  @apply pe-[--bq-date-picker--padding-end] ps-[--bq-date-picker--padding-start] p-b-[--bq-date-picker--paddingY];\n  // Text\n  @apply select-none text-[length:--bq-date-picker--text-size] text-[color:--bq-date-picker--text-color] placeholder:text-[color:--bq-date-picker--text-placeholder-color];\n  // Hover\n  @apply [&:not(.disabled):not(:focus-within)]:hover:border-hover-brand;\n\n  border-style: var(--bq-date-picker--border-style);\n\n  // Focus\n  &:not(.disabled):focus-within {\n    --bq-ring-width: 1px;\n    --bq-ring-offset-width: 0;\n\n    @apply focus border-[color:--bq-focus];\n  }\n\n  // Enable clear button whenever the input group control is hovered or has focus\n  &:not(.disabled):hover,\n  &:not(.disabled):focus-within {\n    .bq-date-picker__control--clear {\n      @apply inline-block;\n    }\n  }\n}\n\n.bq-date-picker__control.disabled {\n  @apply cursor-not-allowed opacity-60;\n}\n\n/* ------------------------------- Validation ------------------------------- */\n\n.bq-date-picker__control.validation-error {\n  @apply border-danger [&:not(.disabled):not(:focus-within)]:hover:border-hover-danger;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.danger);\n\n    @apply border-active-danger;\n  }\n}\n\n.bq-date-picker__control.validation-success {\n  @apply border-success [&:not(.disabled):not(:focus-within)]:hover:border-hover-success;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.success);\n\n    @apply border-active-success;\n  }\n}\n\n.bq-date-picker__control.validation-warning {\n  @apply border-warning [&:not(.disabled):not(:focus-within)]:hover:border-hover-warning;\n\n  &:not(.disabled):focus-within {\n    --bq-ring-color-focus: theme(stroke.warning);\n\n    @apply border-active-warning;\n  }\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Native HTML Input                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--input {\n  @apply flex-auto cursor-inherit select-none appearance-none bg-inherit font-inherit text-[length:inherit] text-inherit;\n  @apply border-none min-bs-[--bq-date-picker--icon-size] min-is-0 p-b-0 p-i-0 m-b-0 m-i-0 focus:outline-none focus-visible:outline-none;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                                Clear button                                */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--clear::part(button) {\n  // Since the clear button is inside the input group control,\n  // we need to reset the focus ring styles\n  --bq-ring-width: initial;\n  --bq-ring-offset-width: initial;\n  --bq-ring-color-focus: initial;\n\n  @apply rounded-xs border-none bs-auto p-b-0 p-i-0;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                              Prefix and suffix                             */\n/* -------------------------------------------------------------------------- */\n\n.bq-date-picker__control--prefix,\n.bq-date-picker__control--suffix {\n  @apply pointer-events-none flex items-center text-[color:--bq-date-picker--text-color];\n}\n\n.bq-date-picker__control--prefix {\n  @apply me-[--bq-date-picker--gap];\n}\n\n.bq-date-picker__control--suffix {\n  @apply ms-[--bq-date-picker--gap];\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Slotted and internal icons                         */\n/* -------------------------------------------------------------------------- */\n\nbq-icon,\n::slotted(bq-icon) {\n  --bq-icon--size: var(--bq-date-picker--icon-size) !important;\n}\n\n/* -------------------------------------------------------------------------- */\n/*                         Customize Cally date picker                         */\n/* -------------------------------------------------------------------------- */\n\ncalendar-date,\ncalendar-range,\ncalendar-multi {\n  &::part(header) {\n    @apply justify-center gap-s;\n  }\n\n  &::part(heading) {\n    @apply p-b-xs2 p-i-xs;\n  }\n\n  &::part(button) {\n    @apply rounded-s border-0 bg-transparent transition-colors duration-200 p-b-xs2 p-i-xs2;\n    @apply focus-visible:focus hover:bg-hover-ui-primary;\n  }\n\n  &::part(container) {\n    @apply bg-[--bq-date-picker--background-color] p-b-0 p-i-0;\n  }\n}\n\ncalendar-month {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --color-accent: var(--bq-ui--brand);\n\n  &::part(button) {\n    @apply flex items-center justify-center rounded-s bg-transparent font-default text-primary transition-colors duration-200 ease-in-out p-b-0 p-i-0;\n    @apply size-[--bq-date-picker--day-size] focus-visible:focus hover:bg-hover-secondary;\n  }\n\n  &::part(button day selected) {\n    @apply bg-[--bq-date-picker--range-background-color] hover:bg-hover-ui-brand;\n  }\n\n  &::part(outside) {\n    @apply text-secondary opacity-100;\n  }\n\n  &::part(selected) {\n    @apply rounded-s text-alt;\n  }\n\n  &::part(range-inner) {\n    @apply rounded-none;\n  }\n\n  &::part(today) {\n    @apply rounded-s border-[length:--bq-date-picker--currentDate-border-width] border-[color:--bq-date-picker--currentDate-border-color] text-[color:--bq-date-picker--currentDate-text-color];\n\n    border-style: var(--bq-date-picker--border-style);\n  }\n\n  &::part(today selected) {\n    @apply text-alt;\n  }\n\n  &::part(today range-inner) {\n    @apply rounded-none;\n  }\n\n  &::part(today range-start) {\n    @apply rounded-s rounded-es-none;\n  }\n\n  &::part(today range-end) {\n    @apply rounded-s rounded-ee-none;\n  }\n\n  &::part(range-start) {\n    @apply rounded-ee-none rounded-se-none;\n  }\n\n  &::part(range-end) {\n    @apply rounded-es-none rounded-ss-none;\n  }\n\n  &::part(range-start range-end) {\n    @apply rounded-s;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\nimport { CalendarDate } from 'cally';\n\nimport { DATE_PICKER_TYPE, DaysOfWeek, TDatePickerType } from './bq-date-picker.types';\nimport { Placement } from '../../services/interfaces';\nimport {\n  hasSlotContent,\n  isDefined,\n  isEventTargetChildOfElement,\n  isHTMLElement,\n  validatePropValue,\n} from '../../shared/utils';\nimport { TInputValidation } from '../input/bq-input.types';\n\n/**\n * @part base - The component's base wrapper.\n * @part button - The native HTML button used under the hood in the clear button.\n * @part clear-btn - The clear button.\n * @part control - The input control wrapper.\n * @part input - The native HTML input element used under the hood.\n * @part label - The label slot container.\n * @part panel - The date picker panel container\n * @part prefix - The prefix slot container.\n * @part suffix - The suffix slot container.\n\n// Parts from the Cally library for calendar-date and calendar-range components:\n * @part calendar__container - The container for the entire component.\n * @part calendar__header - The container for heading and button's.\n * @part calendar__button - Any button within the component.\n * @part calendar__previous - The previous page button.\n * @part calendar__next - The next page button.\n * @part calendar__disabled - A button that is disabled due to min/max.\n * @part calendar__heading - The heading containing the month and year.\n\n// Parts specific to the calendar-month component:\n * @part calendar__heading - The heading that labels the month.\n * @part calendar__table - The <table> element.\n * @part calendar__tr - Any row within the table.\n * @part calendar__head - The table's header row.\n * @part calendar__week - The table's body rows.\n * @part calendar__th - The table's header cells.\n * @part calendar__td - The table's body cells.\n * @part calendar__button - Any button used in the component.\n * @part calendar__day - The buttons corresponding to each day in the grid.\n * @part calendar__selected - Any days which are selected.\n * @part calendar__today - Today's day.\n * @part calendar__disallowed - Any day that has been disallowed via isDateDisallowed.\n * @part calendar__outside - Any days which are outside the current month.\n * @part calendar__range-start - The day at the start of a date range.\n * @part calendar__range-end - The day at the end of a date range.\n * @part calendar__range-inner - Any days between the start and end of a date range.\n */\n@Component({\n  tag: 'bq-date-picker',\n  styleUrl: './scss/bq-date-picker.scss',\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqDatePicker {\n  // Own Properties\n  // ====================\n\n  private callyElem?: InstanceType<typeof CalendarDate>;\n  private inputElem?: HTMLInputElement;\n  private labelElem?: HTMLElement;\n  private prefixElem?: HTMLElement;\n  private suffixElem?: HTMLElement;\n\n  private fallbackInputId = 'date-picker';\n\n  // Export parts of the calendar-month component\n  private readonly COMMON_EXPORT_PARTS =\n    'calendar__heading,calendar__table,calendar__tr,calendar__head,calendar__week,calendar__th,calendar__td';\n  private readonly BUTTON_EXPORT_PARTS =\n    'calendar__button,calendar__day,calendar__selected,calendar__today,calendar__disallowed,calendar__outside,calendar__range-start,calendar__range-end,calendar__range-inner';\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqDatePickerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() focusedDate: string;\n  @State() displayDate: string;\n  @State() hasLabel = false;\n  @State() hasPrefix = false;\n  @State() hasRangeEnd = false;\n  @State() hasSuffix = false;\n  @State() hasValue = false;\n\n  // Public Property API\n  // ========================\n\n  /** If `true`, the Date picker input will be focused on component render */\n  @Prop({ reflect: true }) autofocus: boolean;\n\n  /** The clear button aria label */\n  @Prop({ reflect: true }) clearButtonLabel? = 'Clear value';\n\n  /** If `true`, the clear button won't be displayed */\n  @Prop({ reflect: true }) disableClear? = false;\n\n  /**\n   * Indicates whether the Date picker input is disabled or not.\n   * If `true`, the Date picker is disabled and cannot be interacted with.\n   */\n  @Prop({ mutable: true }) disabled?: boolean = false;\n\n  /** Represents the distance (gutter or margin) between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) distance?: number = 8;\n\n  /** The first day of the week, where Sunday is 0, Monday is 1, etc */\n  @Prop({ reflect: true }) firstDayOfWeek?: DaysOfWeek = 1;\n\n  /** The options to use when formatting the displayed value.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat#using_options\n   */\n  @Prop() formatOptions: Intl.DateTimeFormatOptions = {\n    day: 'numeric',\n    month: 'short',\n    year: 'numeric',\n  };\n\n  /** The ID of the form that the Date picker input belongs to. */\n  @Prop({ reflect: true }) form?: string;\n\n  /** A function that takes a date and returns true if the date should not be selectable */\n  @Prop({ reflect: true }) isDateDisallowed?: (date: Date) => boolean;\n\n  /** The locale for formatting dates. If not set, will use the browser's locale.\n   * Details: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#locales_argument\n   */\n  @Prop({ reflect: true }) locale: Intl.LocalesArgument = 'en-GB';\n\n  /** The latest date that can be selected */\n  @Prop({ reflect: true }) max?: string;\n\n  /** The earliest date that can be selected */\n  @Prop({ reflect: true }) min?: string;\n\n  /** Number of months to show when range is `true` */\n  @Prop({ reflect: true }) months: number;\n\n  /**\n   * Specifies how the next/previous buttons should navigate the calendar.\n   * - single: The buttons will navigate by a single month at a time.\n   * - months: The buttons will navigate by the number of months displayed per view.\n   */\n  @Prop({ reflect: true }) monthsPerView: 'single' | 'months' = 'single';\n\n  /** The Date picker input name. */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, the Date picker panel will be visible. */\n  @Prop({ reflect: true, mutable: true }) open?: boolean = false;\n\n  /** When set, it will override the height of the Date picker panel. */\n  @Prop({ reflect: true, mutable: true }) panelHeight?: string = 'auto';\n\n  /** The Date picker input placeholder text value */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /** Position of the Date picker panel */\n  @Prop({ reflect: true }) placement?: Placement = 'bottom-end';\n\n  /** Indicates whether or not the Date picker input is required to be filled out before submitting the form. */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** Represents the skidding between the Date picker panel and the input element. */\n  @Prop({ reflect: true }) skidding?: number = 0;\n\n  /** Whether to show days outside the month */\n  @Prop({ reflect: true }) showOutsideDays: boolean = false;\n\n  /** Defines the strategy to position the Date picker panel */\n  @Prop({ reflect: true }) strategy?: 'fixed' | 'absolute' = 'fixed';\n\n  /** The date that is tentatively selected e.g. the start of a range selection  */\n  @Prop({ reflect: true, mutable: true }) tentative?: string;\n\n  /** It defines how the calendar will behave, allowing single date selection, range selection, or multiple date selection */\n  @Prop({ reflect: true }) type: TDatePickerType = 'single';\n\n  /**\n   * The validation status of the Select input.\n   *\n   * @remarks\n   * This property is used to indicate the validation status of the select input. It can be set to one of the following values:\n   * - `'none'`: No validation status is set.\n   * - `'error'`: The input has a validation error.\n   * - `'warning'`: The input has a validation warning.\n   * - `'success'`: The input has passed validation.\n   */\n  @Prop({ reflect: true }) validationStatus: TInputValidation = 'none';\n\n  /** The select input value represents the currently selected date or range and can be used to reset the field to a previous value.\n   * All dates are expected in ISO-8601 format (YYYY-MM-DD). */\n  @Prop({ reflect: true, mutable: true }) value: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('value')\n  handleValueChange() {\n    if (Array.isArray(this.value)) {\n      this.hasValue = this.value.some((val) => val.length > 0);\n      return;\n    }\n\n    this.hasValue = isDefined(this.value);\n    this.displayDate = this.formatDisplayValue(this.value);\n\n    this.setFocusedDate();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(DATE_PICKER_TYPE, 'single', this.el, 'type');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler emitted when the input loses focus */\n  @Event() bqBlur!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /**\n   * Callback handler emitted when the input value has changed and the input loses focus.\n   * This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.\n   */\n  @Event() bqChange!: EventEmitter<{ value: string; el: HTMLBqDatePickerElement }>;\n\n  /** Callback handler emitted when the input value has been cleared */\n  @Event() bqClear!: EventEmitter<HTMLBqDatePickerElement>;\n\n  /** Callback handler emitted when the input has received focus */\n  @Event() bqFocus!: EventEmitter<HTMLBqDatePickerElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    this.handleValueChange();\n  }\n\n  componentWillLoad() {\n    this.handleValueChange();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqOpen', { capture: true })\n  handleOpenChange(ev: CustomEvent<{ open: boolean }>) {\n    if (!ev.composedPath().includes(this.el)) return;\n\n    this.open = ev.detail.open;\n    this.setFocusedDate();\n  }\n\n  @Listen('click', { target: 'body', capture: true })\n  handleClickOutside(ev: MouseEvent) {\n    const { open, type, hasRangeEnd } = this;\n    if (!open || type !== 'range' || ev.button !== 0) return;\n    if (isEventTargetChildOfElement(ev, this.el) || hasRangeEnd) return;\n    if (isEventTargetChildOfElement(ev, this.el)) return;\n\n    if (!hasRangeEnd) {\n      this.tentative = undefined;\n      this.hasRangeEnd = false;\n    }\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Clears the selected value.\n   *\n   * @return {Promise<void>}\n   * @memberof BqInput\n   */\n  @Method()\n  async clear(): Promise<void> {\n    if (this.disabled) return;\n\n    this.value = undefined;\n\n    this.bqClear.emit(this.el);\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleBlur = () => {\n    if (this.disabled) return;\n\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleFocus = () => {\n    if (this.disabled) return;\n\n    this.bqFocus.emit(this.el);\n  };\n\n  private setFocusedDate = () => {\n    if (!this.callyElem) return;\n    // We need to set the focused date in the calendar component via a ref\n    // because it doesn't work when passed as a prop (the Cally element does not re-render)\n    this.callyElem.focusedDate = this.value\n      ? this.formatFocusedDate(this.value)\n      : new Date().toLocaleDateString('fr-CA');\n  };\n\n  private handleChange = (ev: Event) => {\n    if (this.disabled) return;\n\n    if (!isHTMLElement(ev.target, 'input')) return;\n\n    const dateValue = new Date(ev.target.value);\n    if (!isNaN(dateValue.getTime())) {\n      // We need to force the value to respect the format: yyyy-mm-dd, hence the hardcoded locale\n      this.value = dateValue.toLocaleDateString('fr-CA');\n      this.displayDate = this.formatDisplayValue(this.value);\n      this.bqChange.emit({ value: this.value, el: this.el });\n    }\n  };\n\n  private handleCalendarChange = (ev: Event) => {\n    const { value } = ev.target as unknown as { value: string };\n\n    this.value = value;\n    this.displayDate = this.formatDisplayValue(this.value);\n    this.inputElem.value = this.displayDate;\n    this.inputElem.focus();\n\n    this.bqChange.emit({ value: this.value, el: this.el });\n\n    this.open = this.type === 'multi';\n  };\n\n  private handleCalendarRangeStart = (ev: CustomEvent) => {\n    this.hasRangeEnd = false;\n    this.tentative = new Date(ev.detail).toLocaleDateString('fr-CA');\n  };\n\n  private handleCalendarRangeEnd = () => {\n    this.hasRangeEnd = true;\n  };\n\n  private handleClearClick = (ev: CustomEvent) => {\n    if (this.disabled) return;\n\n    this.inputElem.value = '';\n    this.value = this.inputElem.value;\n    this.hasRangeEnd = false;\n\n    this.bqClear.emit(this.el);\n    this.bqChange.emit({ value: this.value, el: this.el });\n    this.inputElem.focus();\n\n    ev.stopPropagation();\n  };\n\n  private handleLabelSlotChange = () => {\n    this.hasLabel = hasSlotContent(this.labelElem);\n  };\n\n  private handlePrefixSlotChange = () => {\n    this.hasPrefix = hasSlotContent(this.prefixElem);\n  };\n\n  private handleSuffixSlotChange = () => {\n    this.hasSuffix = hasSlotContent(this.suffixElem);\n  };\n\n  private generateCalendarMonth = (offset?: number, className = ''): JSX.Element => {\n    return (\n      <calendar-month\n        offset={offset}\n        class={className}\n        exportparts={`${this.COMMON_EXPORT_PARTS},${this.BUTTON_EXPORT_PARTS}`}\n      />\n    );\n  };\n\n  /**\n   * Generates an array of JSX.Element representing calendar months.\n   *\n   * If the type of the date picker is 'range' or 'multi' and the number of months is specified,\n   * it generates an array of calendar months with the specified length. Each month will have an offset\n   * and a class name based on its position in the array. The offset is used to determine the month to display,\n   * and the class name is used for responsive design.\n   *\n   * If the type of the date picker is not 'range' or 'multi', or if the number of months is not specified,\n   * it generates an array with a single calendar month.\n   *\n   * @returns {JSX.Element[]} An array of JSX.Element representing calendar months.\n   */\n  private generateCalendarMonths = (): JSX.Element[] => {\n    if (this.type === 'range' || (this.type === 'multi' && this.months)) {\n      return Array.from({ length: this.months }, (_, i) => {\n        const offset = i > 0 ? i : undefined;\n        const className = offset ? 'hidden sm:block' : '';\n        return this.generateCalendarMonth(offset, className);\n      });\n    }\n\n    return [this.generateCalendarMonth()];\n  };\n\n  /**\n   * Extracts and returns the first date part from a given string.\n   * When the type of the date picker is 'range' or 'multi', the first or initial date part of the value\n   * should be the focused date in the calendar.\n   *\n   * @param value - The value to be processed, can be a string.\n   * @returns The extracted last date portion of the value.\n   */\n  private formatFocusedDate = (value: string): string | null => {\n    if (!value) return;\n\n    const dateRegex = /\\b\\d{4}-\\d{2}-\\d{2}\\b/;\n    const match = dateRegex.exec(value);\n    return match ? match[0] : null;\n  };\n\n  private formatDisplayValue = (value: string): string | undefined => {\n    if (!value) return;\n\n    const dateFormatter = new Intl.DateTimeFormat(this.locale, this.formatOptions);\n\n    if (this.type === 'range') {\n      const [start, end] = value.split('/').map((dateStr) => new Date(dateStr));\n      return dateFormatter.formatRange(start, end);\n    }\n\n    if (this.type === 'multi') {\n      const dates = value.split(' ').map((dateStr) => new Date(dateStr));\n      return dates.map((date) => dateFormatter.format(date)).join(', ');\n    }\n\n    return dateFormatter.format(new Date(value));\n  };\n\n  private get CalendarType() {\n    const componentTypes = {\n      single: 'calendar-date',\n      multi: 'calendar-multi',\n      range: 'calendar-range',\n    } as const;\n\n    // Return the corresponding component type, based on the type prop value\n    return componentTypes[this.type] || componentTypes.single;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const CallyCalendar = this.CalendarType;\n    const labelId = `bq-date-picker__label-${this.name || this.fallbackInputId}`;\n\n    return (\n      <div class=\"bq-date-picker\" part=\"base\">\n        {/* Label */}\n        <label\n          id={labelId}\n          class={{ 'bq-date-picker__label': true, '!hidden': !this.hasLabel }}\n          aria-label={this.name || this.fallbackInputId}\n          htmlFor={this.name || this.fallbackInputId}\n          ref={(labelElem: HTMLSpanElement) => (this.labelElem = labelElem)}\n          part=\"label\"\n        >\n          <slot name=\"label\" onSlotchange={this.handleLabelSlotChange} />\n        </label>\n        {/* Select date picker dropdown */}\n        <bq-dropdown\n          class=\"bq-date-picker__dropdown is-full [&::part(panel)]:p-m [&::part(panel)]:is-auto\"\n          disabled={this.disabled}\n          distance={this.distance}\n          open={this.open}\n          panelHeight={this.panelHeight}\n          placement={this.placement}\n          skidding={this.skidding}\n          strategy={this.strategy}\n          exportparts=\"panel\"\n        >\n          {/* Input control group */}\n          <div\n            class={{\n              'bq-date-picker__control': true,\n              [`validation-${this.validationStatus}`]: true,\n              disabled: this.disabled,\n            }}\n            part=\"control\"\n            slot=\"trigger\"\n          >\n            {/* Prefix */}\n            <span\n              class={{ 'bq-date-picker__control--prefix': true, '!hidden': !this.hasPrefix }}\n              ref={(spanElem: HTMLSpanElement) => (this.prefixElem = spanElem)}\n              part=\"prefix\"\n            >\n              <slot name=\"prefix\" onSlotchange={this.handlePrefixSlotChange} />\n            </span>\n            {/* HTML Input */}\n            <input\n              id={this.name || this.fallbackInputId}\n              class=\"bq-date-picker__control--input\"\n              autoComplete=\"off\"\n              autoCapitalize=\"off\"\n              aria-disabled={this.disabled ? 'true' : 'false'}\n              aria-controls={`${this.name}`}\n              aria-haspopup=\"dialog\"\n              disabled={this.disabled}\n              form={this.form}\n              name={this.name}\n              placeholder={this.placeholder}\n              readonly={this.type !== 'single'}\n              ref={(inputElem: HTMLInputElement) => (this.inputElem = inputElem)}\n              required={this.required}\n              spellcheck={false}\n              type=\"text\"\n              value={this.displayDate}\n              part=\"input\"\n              // Events\n              onBlur={this.handleBlur}\n              onFocus={this.handleFocus}\n              onChange={this.handleChange}\n            />\n            {/* Clear Button */}\n            {this.hasValue && !this.disabled && !this.disableClear && (\n              // The clear button will be visible as long as the input has a value\n              // and the parent group is hovered or has focus-within\n              <bq-button\n                class=\"bq-date-picker__control--clear ms-[--bq-date-picker--gap] hidden\"\n                appearance=\"text\"\n                aria-label={this.clearButtonLabel}\n                size=\"small\"\n                onBqClick={this.handleClearClick}\n                part=\"clear-btn\"\n                exportparts=\"button\"\n              >\n                <slot name=\"clear-icon\">\n                  <bq-icon name=\"x-circle\" class=\"flex\" />\n                </slot>\n              </bq-button>\n            )}\n            {/* Suffix */}\n            <span\n              class=\"bq-date-picker__control--suffix\"\n              ref={(spanElem: HTMLSpanElement) => (this.suffixElem = spanElem)}\n              part=\"suffix\"\n            >\n              <slot name=\"suffix\" onSlotchange={this.handleSuffixSlotChange}>\n                <bq-icon name=\"calendar-blank\" class=\"flex\" />\n              </slot>\n            </span>\n          </div>\n          <CallyCalendar\n            isDateDisallowed={this.isDateDisallowed}\n            locale={this.locale as string}\n            value={this.value}\n            min={this.min}\n            max={this.max}\n            months={this.months}\n            tentative={this.tentative}\n            pageBy={this.monthsPerView}\n            firstDayOfWeek={this.firstDayOfWeek}\n            showOutsideDays={this.showOutsideDays}\n            onChange={this.handleCalendarChange}\n            onRangestart={this.handleCalendarRangeStart}\n            onRangeend={this.handleCalendarRangeEnd}\n            exportparts=\"container:calendar__container,header:calendar__header,button:calendar__button,previous:calendar__previous,next:calendar__next,disabled:calendar__disabled,heading:calendar__heading\"\n            ref={(elem) => (this.callyElem = elem as InstanceType<typeof CalendarDate>)}\n          >\n            <bq-icon color=\"text--primary\" slot=\"previous\" name=\"caret-left\" label=\"Previous\" />\n            <bq-icon color=\"text--primary\" slot=\"next\" name=\"caret-right\" label=\"Next\" />\n\n            <div class=\"flex flex-wrap justify-center gap-[--bq-spacing-m]\">{this.generateCalendarMonths()}</div>\n          </CallyCalendar>\n        </bq-dropdown>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-350cd07e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqCheckboxCss","BqCheckboxStyle0","BqCheckbox","inputElem","prevCheckedValue","internals","handleIndeterminatePropChange","this","indeterminate","checked","handleRequiredPropChange","updateFormValidity","bqChange","bqFocus","bqBlur","componentWillLoad","componentDidUpdate","emit","formAssociatedCallback","setFormValue","formResetCallback","clearSelection","undefined","setValidity","vClick","click","vFocus","focus","vBlur","blur","value","formValidationMessage","required","states","clear","add","valueMissing","handleChange","handleOnFocus","el","handleOnBlur","render","h","key","class","disabled","backgroundOnHover","name","part","type","isNil","form","formId","ref","input","onBlur","onChange","onFocus","tabindex","xmlns","viewBox","fill","d","stroke"],"sources":["../../packages/beeq/src/components/checkbox/scss/bq-checkbox.scss?tag=bq-checkbox&encapsulation=shadow","../../packages/beeq/src/components/checkbox/bq-checkbox.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Checkbox styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-checkbox.variables';\n\n:host {\n  @apply inline-block;\n}\n\n.bq-checkbox {\n  @apply box-border inline-flex cursor-pointer select-none rounded-s transition-colors duration-300 ease-in-out p-b-xs p-i-xs;\n\n  // Default hover state\n  &:not(.is-checked),\n  &:not(.is-indeterminate) {\n    &:not(.is-disabled):hover .bq-checkbox__checkbox {\n      @apply border-hover-brand;\n    }\n  }\n\n  // Display background on hover (if enabled)\n  &.has-background:not(.is-disabled):hover {\n    @apply bg-hover-ui-primary;\n  }\n\n  // Checked/Indeterminate hover state\n  &.is-checked,\n  &.is-indeterminate {\n    &:not(.is-disabled):hover .bq-checkbox__checkbox {\n      @apply bg-hover-ui-brand border-hover-brand;\n    }\n  }\n}\n\n.bq-checkbox__input {\n  // Checkbox square icon has `FOCUS`\n  &:focus-visible {\n    ~ .bq-checkbox__checkbox {\n      @apply focus border-brand;\n    }\n  }\n\n  // Checkbox square icon is `CHECKED/INDETERMINATE`\n  &:checked,\n  &:indeterminate {\n    ~ .bq-checkbox__checkbox {\n      @apply border-brand bg-ui-brand;\n    }\n  }\n\n  // Checkbox square icon is `CHECKED/INDETERMINATE` and `DISABLED`\n  &:checked:disabled,\n  &:indeterminate:disabled {\n    ~ .bq-checkbox__checkbox {\n      @apply opacity-60;\n    }\n  }\n\n  &:disabled {\n    ~ .bq-checkbox__checkbox {\n      @apply opacity-60;\n    }\n  }\n}\n\n// Checkbox square icon `DEFAULT` state (not checked/indeterminate, not hover, not disabled)\n.bq-checkbox__checkbox {\n  @apply rounded-[--bq-checkbox--border-radius] border-[length:--bq-checkbox--border-width] border-solid border-[color:--bq-icon--primary];\n}\n\n.bq-checkbox__checkbox,\n.bq-checkbox__label {\n  @apply transition-[color,background-color,border-color,box-shadow] duration-300;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, Watch } from '@stencil/core';\n\nimport { isNil } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper of the checkbox component.\n * @part control - The container `<div>` element that holds the custom checkbox.\n * @part input - The native HTML `<input type=\"checkbox\">` used under the hood.\n * @part checkbox - The `<span>` element that renders the custom checked/indeterminate state.\n * @part label - The `<span>` element that holds the text content.\n */\n@Component({\n  tag: 'bq-checkbox',\n  styleUrl: './scss/bq-checkbox.scss',\n  formAssociated: true,\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class BqCheckbox {\n  // Own Properties\n  // ====================\n\n  private inputElem: HTMLInputElement;\n  private prevCheckedValue: boolean;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqCheckboxElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  /** If true checkbox displays background on hover */\n  @Prop({ reflect: true }) backgroundOnHover? = false;\n\n  /** The form ID that the checkbox is associated with */\n  @Prop({ reflect: true }) formId?: string;\n\n  /** The native form validation message */\n  @Prop({ mutable: true }) formValidationMessage?: string;\n\n  /** If true checkbox is checked */\n  @Prop({ reflect: true, mutable: true }) checked?: boolean;\n\n  /** If true checkbox is disabled */\n  @Prop({ reflect: true }) disabled? = false;\n\n  /** A state that is neither checked nor unchecked */\n  @Prop({ reflect: true, mutable: true }) indeterminate? = false;\n\n  /** Name of the HTML input form control. Submitted with the form as part of a name/value pair.  */\n  @Prop({ reflect: true }) name!: string;\n\n  /** If `true`, it will indicate that the user must specify a value for the checkbox before the owning form can be submitted */\n  @Prop({ reflect: true }) required?: boolean;\n\n  /** A string representing the value of the checkbox. Primarily used to differentiate a list of related checkboxes that have the same name.  */\n  @Prop({ reflect: true }) value!: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('indeterminate')\n  handleIndeterminatePropChange() {\n    if (!this.inputElem) return;\n\n    this.inputElem.indeterminate = this.indeterminate;\n    if (this.indeterminate) {\n      this.checked = false;\n    }\n  }\n\n  @Watch('required')\n  handleRequiredPropChange() {\n    this.updateFormValidity();\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the checkbox state changes */\n  @Event() bqChange: EventEmitter<{ checked: boolean }>;\n\n  /** Handler to be called when the checkbox gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqCheckboxElement>;\n\n  /** Handler to be called when the checkbox loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqCheckboxElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.prevCheckedValue = this.checked;\n  }\n\n  componentDidUpdate() {\n    /**\n     * We need to trigger the `bqChange` immediately after the first update happens\n     * so the checked attribute get applied, otherwise, a delay will happen\n     * between the event emits and when the checked attribute value gets reflected in the element host.\n     */\n    if (this.checked !== this.prevCheckedValue) {\n      if (!this.indeterminate) {\n        this.bqChange.emit({ checked: this.checked });\n      }\n      this.prevCheckedValue = this.checked;\n    }\n  }\n\n  formAssociatedCallback() {\n    this.setFormValue(this.checked);\n    this.updateFormValidity();\n  }\n\n  formResetCallback() {\n    this.clearSelection();\n    // Reset the form value and validity state\n    this.internals.setFormValue(undefined);\n    this.internals.setValidity({});\n  }\n\n  // Listeners\n  // ==============\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /**\n   * Simulate a click event on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.click()`.\n   */\n  @Method()\n  async vClick() {\n    this.inputElem?.click();\n  }\n\n  /**\n   * Sets focus on the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.focus()`.\n   */\n  @Method()\n  async vFocus() {\n    this.inputElem?.focus();\n  }\n\n  /**\n   * Remove focus from the native `<input>` HTML element used under the hood.\n   * Use this method instead of the global `element.blur()`.\n   */\n  @Method()\n  async vBlur() {\n    this.inputElem?.blur();\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private setFormValue = (checked: boolean) => {\n    const value = checked ? 'on' : undefined;\n    // Set form value based on the checked state\n    // Here we also pass the state of the checkbox (2nd argument) as the state of the form control\n    // Details: https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue\n    this.internals?.setFormValue(value, `${this.checked}`);\n  };\n\n  private updateFormValidity = () => {\n    const { formValidationMessage, internals, required, checked, inputElem } = this;\n    // Clear the validity state\n    internals?.states.clear();\n\n    if (!(required && !checked)) {\n      // If the checkbox is not required or is checked, set the validity state to valid\n      internals?.states.add('valid');\n      internals?.setValidity({});\n      return;\n    }\n\n    // Set validity state based on the required property and checked state\n    internals?.states.add('invalid');\n    internals?.setValidity({ valueMissing: true }, formValidationMessage, inputElem);\n  };\n\n  private clearSelection = () => {\n    this.checked = false;\n    this.indeterminate = false;\n  };\n\n  private handleChange = () => {\n    this.checked = !this.checked;\n    this.indeterminate = false;\n\n    this.setFormValue(this.checked);\n    this.updateFormValidity();\n  };\n\n  private handleOnFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleOnBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <label\n        class={{\n          'bq-checkbox group': true,\n          'is-checked': this.checked,\n          'is-indeterminate': this.indeterminate,\n          'is-disabled !cursor-not-allowed': this.disabled,\n          'has-background': this.backgroundOnHover,\n        }}\n        aria-label={this.name || 'checkbox'}\n        part=\"base\"\n      >\n        <div\n          class=\"bq-checkbox__control relative box-border flex items-center justify-center bs-[--bq-checkbox--size] is-[--bq-checkbox--size] p-b-xs3 p-i-xs3\"\n          part=\"control\"\n        >\n          <input\n            type=\"checkbox\"\n            class=\"bq-checkbox__input pointer-events-none absolute opacity-0 p-b-0 p-i-0 m-b-0 m-i-0\"\n            name={!isNil(this.name) ? this.name : undefined}\n            checked={this.checked}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate}\n            form={this.formId}\n            required={this.required}\n            value={this.value}\n            aria-checked={this.checked ? 'true' : 'false'}\n            aria-disabled={this.disabled ? 'true' : 'false'}\n            ref={(input: HTMLInputElement) => (this.inputElem = input)}\n            onBlur={this.handleOnBlur}\n            onChange={this.handleChange}\n            onFocus={this.handleOnFocus}\n            part=\"input\"\n            tabindex=\"0\"\n          />\n          <span\n            class=\"bq-checkbox__checkbox relative box-border flex items-center justify-center bs-full is-[--bq-checkbox--size]\"\n            part=\"checkbox\"\n          >\n            {/*\n              We could move these SVGs to separated functional components, but it seems there's a weird issue with\n              Stencil and pure SVG components: https://stencil-worldwide.slack.com/archives/C79EANFL7/p1663779385026389\n             */}\n            {this.checked && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"absolute text-neutral-white bs-full is-full\"\n                viewBox=\"0 0 256 256\"\n              >\n                <path fill=\"none\" d=\"M0 0h256v256H0z\" />\n                <path\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"32\"\n                  d=\"M216 72 104 184l-56-56\"\n                />\n              </svg>\n            )}\n            {!this.checked && this.indeterminate && (\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"absolute text-neutral-white bs-full is-full\"\n                viewBox=\"0 0 256 256\"\n                fill=\"currentColor\"\n              >\n                <path fill=\"none\" d=\"M0 0h256v256H0z\" />\n                <path\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  stroke-width=\"32\"\n                  d=\"M40 128h176\"\n                />\n              </svg>\n            )}\n          </span>\n        </div>\n        <span\n          class=\"bq-checkbox__label ps-xs text-start font-medium leading-regular text-primary group-hover-[&:not(.is-disabled)]:text-hover-primary group-[.is-disabled]:opacity-60\"\n          part=\"label\"\n        >\n          <slot />\n        </span>\n      </label>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-42d22a31.entry.js.map

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

package/dist/beeq/p-439583bc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqTabCss","BqTabStyle0","BqTab","buttonElement","iconElement","checkPropValues","validatePropValue","TAB_SIZE","this","el","TAB_ORIENTATION","TAB_PLACEMENT","bqClick","bqFocus","bqBlur","bqKeyDown","componentWillLoad","vClick","click","vFocus","focus","vBlur","blur","enableFocus","value","tabIndex","handleClick","active","emit","handleOnFocus","handleOnBlur","handleOnKeyDown","event","handleIconSlotChange","hasIcon","hasSlotContent","tabindex","render","h","key","ref","class","size","orientation","placement","id","tabId","onBlur","onClick","onFocus","onKeyDown","disabled","role","controls","part","span","name","onSlotchange"],"sources":["../../packages/beeq/src/components/tab/scss/bq-tab.scss?tag=bq-tab&encapsulation=shadow","../../packages/beeq/src/components/tab/bq-tab.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Tab styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-tab.variables';\n\n:host {\n  @apply inline-block;\n}\n\n.bq-tab {\n  @apply relative flex cursor-pointer items-center justify-center rounded-s disabled:cursor-not-allowed disabled:opacity-60;\n  @apply text-[length:--bq-tab--font-size] font-[--bq-tab--font-weight] leading-[--bq-tab--line-height] [&:not([disabled])]:hover:bg-hover-ui-primary [&:not([disabled])]:hover:text-hover-brand;\n  @apply border-0 bg-transparent focus-visible:focus;\n  @apply transition-[color,background-color,border-color,box-shadow] duration-300;\n\n  &::after {\n    @apply absolute z-[1] block bg-brand opacity-0 content-empty -inset-be-1;\n    @apply transition-opacity duration-300 ease-linear;\n  }\n\n  &--horizontal-start,\n  &--horizontal-end {\n    &::after {\n      /**\n     * This hack will make the underline larger so it fits till the tab bar edges for the first and last tab button,\n     * because the parent container applies some padding to not cut the focus outline style.\n     */\n      @apply -start-xs3 bs-[2px] is-[calc(100%_+_var(--bq-spacing-xs2))];\n    }\n  }\n\n  &--vertical-start {\n    @apply justify-end is-full;\n\n    &::after {\n      @apply -end-xs2 bs-[calc(100%_+_var(--bq-spacing-xs2))] is-[2px];\n    }\n  }\n\n  &--vertical-end {\n    @apply justify-start is-full;\n\n    &::after {\n      @apply -start-xs2 bs-[calc(100%_+_var(--bq-spacing-xs2))] is-[2px];\n    }\n  }\n\n  &[aria-selected='true']::after {\n    @apply opacity-100;\n  }\n\n  &--small {\n    @apply p-b-[--bq-tab--padding-vertical-small] p-i-[--bq-tab--padding-horizontal-small];\n\n    ::slotted(bq-icon) {\n      --bq-icon--size: var(--bq-tab--icon-size-small) #{!important};\n    }\n  }\n\n  &--medium {\n    @apply p-b-[--bq-tab--padding-vertical-medium] p-i-[--bq-tab--padding-horizontal-medium];\n\n    ::slotted(bq-icon) {\n      --bq-icon--size: var(--bq-tab--icon-size-medium) #{!important};\n    }\n  }\n\n  &--large {\n    @apply text-l p-b-[--bq-tab--padding-vertical-large] p-i-[--bq-tab--padding-horizontal-large];\n\n    ::slotted(bq-icon) {\n      --bq-icon--size: var(--bq-tab--icon-size-large) #{!important};\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { TAB_ORIENTATION, TAB_PLACEMENT, TAB_SIZE, TTabOrientation, TTabPlacement, TTabSize } from './bq-tab.types';\nimport { hasSlotContent, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The HTML button used under the hood.\n * @part content - The HTML `<div>` element that holds the content.\n * @part icon - The HTML `<div>` element that holds the icon content.\n * @part text - The HTML `<div>` element that holds the text content.\n * @part underline - The HTML `<div>` element that display active state.\n */\n@Component({\n  tag: 'bq-tab',\n  styleUrl: './scss/bq-tab.scss',\n  shadow: true,\n})\nexport class BqTab {\n  // Own Properties\n  // ====================\n\n  private buttonElement: HTMLButtonElement;\n  private iconElement: HTMLSpanElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqTabElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() tabIndex: number | null = null;\n  @State() hasIcon: boolean = false;\n\n  // Public Property API\n  // ========================\n\n  /** If true tab is active */\n  @Prop({ reflect: true, mutable: true }) active?: boolean;\n\n  /** If true tab is disabled */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The size of the tab */\n  @Prop({ reflect: true }) size: TTabSize = 'medium';\n\n  /** The direction that tab should be render */\n  @Prop({ reflect: true }) orientation?: TTabOrientation = 'horizontal';\n\n  /** The placement that tab should be render */\n  @Prop({ reflect: true }) placement?: TTabPlacement = 'start';\n\n  /** The id of the tab */\n  @Prop({ reflect: true }) tabId!: string;\n\n  /** The tab panel id that the tab controls */\n  @Prop({ reflect: true }) controls!: string;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  @Watch('orientation')\n  @Watch('placement')\n  checkPropValues() {\n    validatePropValue(TAB_SIZE, 'medium', this.el, 'size');\n    validatePropValue(TAB_ORIENTATION, 'horizontal', this.el, 'orientation');\n    validatePropValue(TAB_PLACEMENT, 'start', this.el, 'placement');\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Handler to be called when the tab state changes */\n  @Event() bqClick: EventEmitter<HTMLBqTabElement>;\n\n  /** Handler to be called when the tab gets focus */\n  @Event() bqFocus: EventEmitter<HTMLBqTabElement>;\n\n  /** Handler to be called when the tab loses focus */\n  @Event() bqBlur: EventEmitter<HTMLBqTabElement>;\n\n  /** Handler to be called when the tab key is pressed */\n  @Event() bqKeyDown: EventEmitter<KeyboardEvent>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  componentWillLoad() {\n    this.checkPropValues();\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   * Simulate a click event on the native `<button>` HTML element used under the hood.\n   * Use this method instead of the global `element.click()`.\n   */\n  @Method()\n  async vClick() {\n    this.buttonElement?.click();\n  }\n\n  /**\n   * Sets focus on the native `<button>` HTML element used under the hood.\n   * Use this method instead of the global `element.focus()`.\n   */\n  @Method()\n  async vFocus() {\n    this.buttonElement?.focus();\n  }\n\n  /**\n   * Remove focus from the native `<button>` HTML element used under the hood.\n   * Use this method instead of the global `element.blur()`.\n   */\n  @Method()\n  async vBlur() {\n    this.buttonElement?.blur();\n  }\n\n  /**\n   * Sets tabindex on the native `<button>` HTML element used under the hood.\n   * This method is used inside `<bq-tab-group>` to make tab focusable after the active one is focused\n   */\n  @Method()\n  async enableFocus(value: boolean) {\n    this.tabIndex = value ? 0 : null;\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleClick = () => {\n    this.active = true;\n    this.bqClick.emit(this.el);\n  };\n\n  private handleOnFocus = () => {\n    this.bqFocus.emit(this.el);\n  };\n\n  private handleOnBlur = () => {\n    this.bqBlur.emit(this.el);\n  };\n\n  private handleOnKeyDown = (event: KeyboardEvent) => {\n    this.bqKeyDown.emit(event);\n  };\n\n  private handleIconSlotChange = () => {\n    this.hasIcon = hasSlotContent(this.iconElement, 'icon');\n  };\n\n  private get tabindex(): string {\n    // NOTE: this.active is undefined when is not part of bq-tab-group\n    return `${this.tabIndex ?? -1 + +(this.active ?? 1)}`;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <button\n        ref={(el) => (this.buttonElement = el)}\n        class={{\n          [`bq-tab bq-tab--${this.size} bq-tab--${this.orientation}-${this.placement}`]: true,\n          'text-brand': this.active,\n          'text-primary': !this.active,\n        }}\n        id={this.tabId}\n        onBlur={this.handleOnBlur}\n        onClick={this.handleClick}\n        onFocus={this.handleOnFocus}\n        onKeyDown={this.handleOnKeyDown}\n        disabled={this.disabled}\n        role=\"tab\"\n        aria-controls={this.controls}\n        aria-disabled={this.disabled ? 'true' : 'false'}\n        aria-selected={this.active ? 'true' : 'false'}\n        tabindex={this.tabindex}\n        part=\"base\"\n      >\n        <div class=\"flex items-center justify-center\" part=\"content\">\n          <div class=\"flex\" ref={(span: HTMLSpanElement) => (this.iconElement = span)} part=\"icon\">\n            <slot name=\"icon\" onSlotchange={this.handleIconSlotChange} />\n          </div>\n          <div class={{ 'line-clamp-1': true, 'ms-[--bq-tab--label-icon-gap]': this.hasIcon }} part=\"text\">\n            <slot />\n          </div>\n        </div>\n      </button>\n    );\n  }\n}\n"],"mappings":";;;;mLAAA,MAAMA,EAAW,m/xBACjB,MAAAC,EAAeD,E,MCgBFE,EAAK,M,6KAgBmB,K,aACP,M,oCASQ,M,UAGM,S,iBAGe,a,eAGJ,Q,6CA/B7CC,cACAC,Y,wBA4CR,eAAAC,GACEC,EAAkBC,EAAU,SAAUC,KAAKC,GAAI,QAC/CH,EAAkBI,EAAiB,aAAcF,KAAKC,GAAI,eAC1DH,EAAkBK,EAAe,QAASH,KAAKC,GAAI,Y,CAQ5CG,QAGAC,QAGAC,OAGAC,UAMT,iBAAAC,GACER,KAAKH,iB,CAiBP,YAAMY,GACJT,KAAKL,eAAee,O,CAQtB,YAAMC,GACJX,KAAKL,eAAeiB,O,CAQtB,WAAMC,GACJb,KAAKL,eAAemB,M,CAQtB,iBAAMC,CAAYC,GAChBhB,KAAKiB,SAAWD,EAAQ,EAAI,I,CAQtBE,YAAc,KACpBlB,KAAKmB,OAAS,KACdnB,KAAKI,QAAQgB,KAAKpB,KAAKC,GAAG,EAGpBoB,cAAgB,KACtBrB,KAAKK,QAAQe,KAAKpB,KAAKC,GAAG,EAGpBqB,aAAe,KACrBtB,KAAKM,OAAOc,KAAKpB,KAAKC,GAAG,EAGnBsB,gBAAmBC,IACzBxB,KAAKO,UAAUa,KAAKI,EAAM,EAGpBC,qBAAuB,KAC7BzB,KAAK0B,QAAUC,EAAe3B,KAAKJ,YAAa,OAAO,EAGzD,YAAYgC,GAEV,MAAO,GAAG5B,KAAKiB,WAAa,KAAMjB,KAAKmB,QAAU,I,CAOnD,MAAAU,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,IAAM/B,GAAQD,KAAKL,cAAgBM,EACnCgC,MAAO,CACL,CAAC,kBAAkBjC,KAAKkC,gBAAgBlC,KAAKmC,eAAenC,KAAKoC,aAAc,KAC/E,aAAcpC,KAAKmB,OACnB,gBAAiBnB,KAAKmB,QAExBkB,GAAIrC,KAAKsC,MACTC,OAAQvC,KAAKsB,aACbkB,QAASxC,KAAKkB,YACduB,QAASzC,KAAKqB,cACdqB,UAAW1C,KAAKuB,gBAChBoB,SAAU3C,KAAK2C,SACfC,KAAK,MAAK,gBACK5C,KAAK6C,SAAQ,gBACb7C,KAAK2C,SAAW,OAAS,QAAO,gBAChC3C,KAAKmB,OAAS,OAAS,QACtCS,SAAU5B,KAAK4B,SACfkB,KAAK,QAELhB,EAAA,OAAAC,IAAA,2CAAKE,MAAM,mCAAmCa,KAAK,WACjDhB,EAAA,OAAAC,IAAA,2CAAKE,MAAM,OAAOD,IAAMe,GAA2B/C,KAAKJ,YAAcmD,EAAOD,KAAK,QAChFhB,EAAA,QAAAC,IAAA,2CAAMiB,KAAK,OAAOC,aAAcjD,KAAKyB,wBAEvCK,EAAA,OAAAC,IAAA,2CAAKE,MAAO,CAAE,eAAgB,KAAM,gCAAiCjC,KAAK0B,SAAWoB,KAAK,QACxFhB,EAAA,QAAAC,IAAA,+C","ignoreList":[]}

package/dist/beeq/p-457ab863.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BADGE_SIZE","bqBadgeCss","BqBadgeStyle0","BqBadge","spanElement","observer","MutationObserver","mutations","mutation","this","contentLength","target","textContent","length","handleSizePropChange","validatePropValue","el","componentWillLoad","disconnectedCallback","disconnect","onSlotChange","slot","isNil","getTextContent","recurse","node","assignedNodes","flatten","takeRecords","observe","characterData","childList","subtree","querySelector","render","styles","backgroundColor","getColorCSSVariable","textColor","h","Host","key","style","class","size","digit","part","ref","element","onSlotchange"],"sources":["../../packages/beeq/src/components/badge/bq-badge.types.ts","../../packages/beeq/src/components/badge/scss/bq-badge.scss?tag=bq-badge&encapsulation=shadow","../../packages/beeq/src/components/badge/bq-badge.tsx"],"sourcesContent":["export const BADGE_SIZE = ['small', 'medium'] as const;\nexport type TBadgeSize = (typeof BADGE_SIZE)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Badge styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-badge.variables';\n\n:host {\n  @apply inline-block;\n}\n\n.bq-badge {\n  @apply flex items-center justify-center bg-[color:--bq-badge--background-color] text-[color:--bq-badge--text-color];\n  @apply rounded-[--bq-badge--border-radius] border-[length:--bq-badge--border-width] border-[color:--bq-badge--border-color];\n\n  border-style: var(--bq-badge--border-style);\n  box-shadow: var(--bq-badge--box-shadow);\n}\n\n.size {\n  &--small {\n    @apply bs-[--bq-badge--size-small] is-[--bq-badge--size-small];\n  }\n\n  &--medium {\n    @apply bs-[--bq-badge--size-medium] is-[--bq-badge--size-medium];\n  }\n}\n\n.digit {\n  @apply min-bs-[--bq-badge--size-large] min-is-[--bq-badge--size-large];\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { BADGE_SIZE, TBadgeSize } from './bq-badge.types';\nimport { getColorCSSVariable, getTextContent, isNil, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper that holds the count.\n * @part number - The component's internal wrapper that holds the slot.\n */\n@Component({\n  tag: 'bq-badge',\n  styleUrl: './scss/bq-badge.scss',\n  shadow: true,\n})\nexport class BqBadge {\n  // Own Properties\n  // ====================\n\n  private spanElement?: HTMLSpanElement;\n\n  private observer: MutationObserver = new MutationObserver((mutations) => {\n    const [mutation] = mutations;\n    this.contentLength = mutation.target.textContent.length;\n  });\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el: HTMLBqBadgeElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private contentLength = 0;\n\n  // Public Property API\n  // ========================\n\n  /** Badge background color. The value should be a valid value of the palette color */\n  @Prop({ mutable: true, reflect: true }) backgroundColor? = 'ui--danger';\n\n  /** Badge number color. The value should be a valid value of the palette color */\n  @Prop({ mutable: true, reflect: true }) textColor? = 'text--inverse';\n\n  /** The size of the badge. Relevant if badge has no content. */\n  @Prop({ reflect: true, mutable: true }) size?: TBadgeSize = 'small';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('size')\n  handleSizePropChange() {\n    validatePropValue(BADGE_SIZE, 'small', this.el, 'size');\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.handleSizePropChange();\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 onSlotChange = () => {\n    const slot = this.slot;\n\n    if (isNil(slot)) return;\n\n    this.contentLength = getTextContent(slot, { recurse: true }).length;\n    const [node] = slot.assignedNodes({ flatten: true });\n\n    if (isNil(node)) {\n      this.observer.takeRecords();\n      return;\n    }\n\n    this.observer.observe(node, {\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n  };\n\n  private get slot(): HTMLSlotElement | null {\n    return this.spanElement?.querySelector('slot') ?? null;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const styles = {\n      ...(this.backgroundColor && { '--bq-badge--background-color': getColorCSSVariable(this.backgroundColor) }),\n      ...(this.textColor && { '--bq-badge--text-color': getColorCSSVariable(this.textColor) }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          class={{\n            'bq-badge': true,\n            [`size--${this.size}`]: this.contentLength === 0,\n            digit: this.contentLength > 0,\n            'p-i-xs2': this.contentLength > 1,\n          }}\n          part=\"base\"\n        >\n          <span ref={(element) => (this.spanElement = element)} class=\"text-xs font-bold leading-small\" part=\"number\">\n            <slot onSlotchange={this.onSlotChange}></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;yMAAO,MAAMA,EAAa,CAAC,QAAS,UCApC,MAAMC,EAAa,q6pBACnB,MAAAC,EAAeD,E,MCaFE,EAAO,M,4CAoBe,E,qBAM0B,a,eAGN,gB,UAGO,O,CA5BpDC,YAEAC,SAA6B,IAAIC,kBAAkBC,IACzD,MAAOC,GAAYD,EACnBE,KAAKC,cAAgBF,EAASG,OAAOC,YAAYC,MAAM,I,wBA8BzD,oBAAAC,GACEC,EAAkBf,EAAY,QAASS,KAAKO,GAAI,O,CAWlD,iBAAAC,GACER,KAAKK,sB,CAGP,oBAAAI,GACET,KAAKJ,UAAUc,Y,CAkBTC,aAAe,KACrB,MAAMC,EAAOZ,KAAKY,KAElB,GAAIC,EAAMD,GAAO,OAEjBZ,KAAKC,cAAgBa,EAAeF,EAAM,CAAEG,QAAS,OAAQX,OAC7D,MAAOY,GAAQJ,EAAKK,cAAc,CAAEC,QAAS,OAE7C,GAAIL,EAAMG,GAAO,CACfhB,KAAKJ,SAASuB,cACd,M,CAGFnB,KAAKJ,SAASwB,QAAQJ,EAAM,CAC1BK,cAAe,KACfC,UAAW,KACXC,QAAS,MACT,EAGJ,QAAYX,GACV,OAAOZ,KAAKL,aAAa6B,cAAc,SAAW,I,CAOpD,MAAAC,GACE,MAAMC,EAAS,IACT1B,KAAK2B,iBAAmB,CAAE,+BAAgCC,EAAoB5B,KAAK2B,qBACnF3B,KAAK6B,WAAa,CAAE,yBAA0BD,EAAoB5B,KAAK6B,aAG7E,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOP,GACXI,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,WAAY,KACZ,CAAC,SAASlC,KAAKmC,QAASnC,KAAKC,gBAAkB,EAC/CmC,MAAOpC,KAAKC,cAAgB,EAC5B,UAAWD,KAAKC,cAAgB,GAElCoC,KAAK,QAELP,EAAA,QAAAE,IAAA,2CAAMM,IAAMC,GAAavC,KAAKL,YAAc4C,EAAUL,MAAM,kCAAkCG,KAAK,UACjGP,EAAA,QAAAE,IAAA,2CAAMQ,aAAcxC,KAAKW,iB","ignoreList":[]}

package/dist/beeq/p-47d41233.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DIVIDER_ORIENTATION","DIVIDER_ORIENTATION_ENUM","HORIZONTAL","VERTICAL","DIVIDER_TITLE_ALIGNMENT","DIVIDER_STROKE_LINECAP","bqDividerCss","BqDividerStyle0","BqDivider","titleElem","checkPropValues","validatePropValue","this","el","connectedCallback","componentWillLoad","componentDidLoad","handleSlotChange","hasTitle","hasSlotContent","getTextContent","querySelector","strokeAttributes","strokeDrawPositions","dashed","strokeDasharray","strokeLinecap","strokeThickness","drawOffset","x1","x2","y1","y2","orientationMap","Map","Object","entries","get","orientation","strokeDashWidth","strokeDashGap","render","styles","strokeColor","getColorCSSVariable","isNil","strokeBasis","h","Host","key","style","class","titleAlignment","part","ref","div","role","onSlotchange"],"sources":["../../packages/beeq/src/components/divider/bq-divider.types.ts","../../packages/beeq/src/components/divider/scss/bq-divider.scss?tag=bq-divider&encapsulation=shadow","../../packages/beeq/src/components/divider/bq-divider.tsx"],"sourcesContent":["export const DIVIDER_ORIENTATION = ['horizontal', 'vertical'] as const;\nexport type TDividerOrientation = (typeof DIVIDER_ORIENTATION)[number];\n\nexport const DIVIDER_ORIENTATION_ENUM = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n} as const;\n\nexport const DIVIDER_TITLE_ALIGNMENT = ['start', 'middle', 'end'] as const;\nexport type TDividerTitleAlignment = (typeof DIVIDER_TITLE_ALIGNMENT)[number];\n\nexport const DIVIDER_STROKE_LINECAP = ['square', 'round', 'butt'] as const;\nexport type TDividerStrokeLinecap = (typeof DIVIDER_STROKE_LINECAP)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Button styles                               */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-divider.variables';\n\n:host {\n  @apply block is-full;\n}\n\n:host([orientation='vertical']) {\n  @apply flex bs-full;\n}\n\n.bq-divider {\n  @apply flex items-center gap-[--bq-divider--title-marginX];\n}\n\n.bq-divider--stroke {\n  @apply flex-grow stroke-[color:--bq-divider--stroke-color] bs-[--bq-divider--stroke-thickness] is-full;\n\n  &.end {\n    @apply rotate-180;\n  }\n}\n\n.bq-divider--title__start .bq-divider--stroke.start,\n.bq-divider--title__end .bq-divider--stroke.end {\n  @apply flex-grow-0 basis-[--bq-divider--stroke-basis];\n}\n\n.bq-divider--vertical {\n  @apply flex-col items-center gap-[--bq-divider--title-marginX] is-full;\n\n  .bq-divider--stroke {\n    @apply bs-full is-[--bq-divider--stroke-thickness];\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport {\n  DIVIDER_ORIENTATION,\n  DIVIDER_ORIENTATION_ENUM,\n  DIVIDER_STROKE_LINECAP,\n  DIVIDER_TITLE_ALIGNMENT,\n  TDividerOrientation,\n  TDividerStrokeLinecap,\n  TDividerTitleAlignment,\n} from './bq-divider.types';\nimport { getColorCSSVariable, getTextContent, hasSlotContent, isNil, validatePropValue } from '../../shared/utils';\n\n/**\n * @part base - The component's internal wrapper.\n * @part dash-start - The component's internal svg wrapper for the start line of the divider's stroke\n * @part dash-end - The component's internal svg wrapper for the end line of the divider's stroke\n * @part dash-start-line - The component's internal line component of the divider's stroke\n * @part dash-end-line - The component's internal line component of the divider's stroke\n */\n@Component({\n  tag: 'bq-divider',\n  styleUrl: './scss/bq-divider.scss',\n  shadow: true,\n})\nexport class BqDivider {\n  // Own Properties\n  // ====================\n\n  private titleElem: HTMLDivElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqDividerElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasTitle: boolean;\n\n  // Public Property API\n  // ========================\n\n  /** If true, the divider has a dashed pattern */\n  @Prop() dashed = false;\n\n  /** The default orientation of the divider */\n  @Prop({ reflect: true }) orientation: TDividerOrientation = 'horizontal';\n\n  /** Set the stroke color of the divider. The value should be a valid value of the palette color */\n  @Prop({ reflect: true }) strokeColor?: string = 'stroke--primary';\n\n  /** Set the alignment of the title on the main axis of the divider (horizontal / vertical) */\n  @Prop({ reflect: true }) titleAlignment?: TDividerTitleAlignment = 'middle';\n\n  /** Set the width of each dash of the divider's stroke. This is applicable when the stroke is dashed */\n  @Prop({ reflect: true }) strokeDashWidth?: number = 12;\n\n  /** Set the gap of the divider's stroke. This is applicable when the stroke is dashed */\n  @Prop({ reflect: true }) strokeDashGap?: number = 7;\n\n  /** Set the thickness of the divider's stroke. Value expressed in px*/\n  @Prop({ reflect: true }) strokeThickness?: number = 1;\n\n  /** Set the min width of the divider's stroke when text is not centered. Value expressed in px */\n  @Prop({ reflect: true }) strokeBasis?: number = 0;\n\n  /** Set the line of the divider's stroke. This is applicable when the stroke is dashed */\n  @Prop({ reflect: true }) strokeLinecap?: TDividerStrokeLinecap = 'butt';\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('orientation')\n  @Watch('titleAlignment')\n  @Watch('strokeLinecap')\n  checkPropValues() {\n    validatePropValue(DIVIDER_ORIENTATION, 'horizontal', this.el, 'orientation');\n    validatePropValue(DIVIDER_TITLE_ALIGNMENT, 'middle', this.el, 'titleAlignment');\n    validatePropValue(DIVIDER_STROKE_LINECAP, 'butt', this.el, 'strokeLinecap');\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  connectedCallback() {\n    this.checkPropValues();\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\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    this.hasTitle = hasSlotContent(this.titleElem) || !!getTextContent(this.titleElem.querySelector('slot'));\n  };\n\n  private get strokeAttributes() {\n    return {\n      ...this.strokeDrawPositions,\n      ...(this.dashed && { 'stroke-dasharray': this.strokeDasharray }),\n      'stroke-linecap': this.strokeLinecap,\n      'stroke-width': this.strokeThickness,\n    };\n  }\n\n  private get strokeDrawPositions() {\n    const drawOffset = this.strokeThickness / 2;\n    const strokeDrawPositions = {\n      [DIVIDER_ORIENTATION_ENUM.HORIZONTAL]: { x1: drawOffset, x2: '100%', y1: drawOffset, y2: drawOffset },\n      [DIVIDER_ORIENTATION_ENUM.VERTICAL]: { x1: drawOffset, x2: drawOffset, y1: drawOffset, y2: '100%' },\n    };\n    const orientationMap = new Map(Object.entries(strokeDrawPositions));\n\n    return orientationMap.get(this.orientation);\n  }\n\n  private get strokeDasharray() {\n    return `${this.strokeDashWidth}, ${this.strokeDashGap}`;\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const styles = {\n      ...(this.strokeColor && { '--bq-divider--stroke-color': getColorCSSVariable(this.strokeColor) }),\n      ...(this.strokeThickness && { '--bq-divider--stroke-thickness': `${this.strokeThickness}px` }),\n      ...(!isNil(this.strokeBasis) && { '--bq-divider--stroke-basis': `${this.strokeBasis}px` }),\n    };\n\n    return (\n      <Host style={styles}>\n        <div\n          class={{\n            'bq-divider': true,\n            [`bq-divider--${this.orientation}`]: true,\n            [`bq-divider--title__${this.titleAlignment}`]: true,\n            'gap-0': !this.hasTitle,\n          }}\n          part=\"base\"\n          ref={(div) => (this.titleElem = div)}\n          role=\"separator\"\n          aria-orientation={this.orientation}\n        >\n          <svg\n            class={{\n              'bq-divider--stroke start': true,\n              '!hidden': this.strokeBasis === 0 && this.titleAlignment === 'start',\n            }}\n            part=\"dash-start\"\n          >\n            <line {...this.strokeAttributes} part=\"dash-start-line\" />\n          </svg>\n          <slot onSlotchange={this.handleSlotChange} />\n          <svg\n            class={{\n              'bq-divider--stroke end': true,\n              '!hidden': !this.hasTitle || (this.strokeBasis === 0 && this.titleAlignment === 'end'),\n            }}\n            part=\"dash-end\"\n          >\n            <line {...this.strokeAttributes} part=\"dash-end-line\" />\n          </svg>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;gNAAO,MAAMA,EAAsB,CAAC,aAAc,YAG3C,MAAMC,EAA2B,CACtCC,WAAY,aACZC,SAAU,YAGL,MAAMC,EAA0B,CAAC,QAAS,SAAU,OAGpD,MAAMC,EAAyB,CAAC,SAAU,QAAS,QCX1D,MAAMC,EAAe,m4oBACrB,MAAAC,EAAeD,E,MCwBFE,EAAS,M,6DAqBH,M,iBAG2C,a,iBAGZ,kB,oBAGmB,S,qBAGf,G,mBAGF,E,qBAGE,E,iBAGJ,E,mBAGiB,M,CAzCzDC,U,wBAiDR,eAAAC,GACEC,EAAkBX,EAAqB,aAAcY,KAAKC,GAAI,eAC9DF,EAAkBP,EAAyB,SAAUQ,KAAKC,GAAI,kBAC9DF,EAAkBN,EAAwB,OAAQO,KAAKC,GAAI,gB,CAW7D,iBAAAC,GACEF,KAAKF,iB,CAGP,iBAAAK,GACEH,KAAKF,iB,CAGP,gBAAAM,GACEJ,KAAKK,kB,CAkBCA,iBAAmB,KACzBL,KAAKM,SAAWC,EAAeP,KAAKH,cAAgBW,EAAeR,KAAKH,UAAUY,cAAc,QAAQ,EAG1G,oBAAYC,GACV,MAAO,IACFV,KAAKW,uBACJX,KAAKY,QAAU,CAAE,mBAAoBZ,KAAKa,iBAC9C,iBAAkBb,KAAKc,cACvB,eAAgBd,KAAKe,gB,CAIzB,uBAAYJ,GACV,MAAMK,EAAahB,KAAKe,gBAAkB,EAC1C,MAAMJ,EAAsB,CAC1B,CAACtB,EAAyBC,YAAa,CAAE2B,GAAID,EAAYE,GAAI,OAAQC,GAAIH,EAAYI,GAAIJ,GACzF,CAAC3B,EAAyBE,UAAW,CAAE0B,GAAID,EAAYE,GAAIF,EAAYG,GAAIH,EAAYI,GAAI,SAE7F,MAAMC,EAAiB,IAAIC,IAAIC,OAAOC,QAAQb,IAE9C,OAAOU,EAAeI,IAAIzB,KAAK0B,Y,CAGjC,mBAAYb,GACV,MAAO,GAAGb,KAAK2B,oBAAoB3B,KAAK4B,e,CAO1C,MAAAC,GACE,MAAMC,EAAS,IACT9B,KAAK+B,aAAe,CAAE,6BAA8BC,EAAoBhC,KAAK+B,iBAC7E/B,KAAKe,iBAAmB,CAAE,iCAAkC,GAAGf,KAAKe,yBACnEkB,EAAMjC,KAAKkC,cAAgB,CAAE,6BAA8B,GAAGlC,KAAKkC,kBAG1E,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOR,GACXK,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,aAAc,KACd,CAAC,eAAevC,KAAK0B,eAAgB,KACrC,CAAC,sBAAsB1B,KAAKwC,kBAAmB,KAC/C,SAAUxC,KAAKM,UAEjBmC,KAAK,OACLC,IAAMC,GAAS3C,KAAKH,UAAY8C,EAChCC,KAAK,YAAW,mBACE5C,KAAK0B,aAEvBS,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,2BAA4B,KAC5B,UAAWvC,KAAKkC,cAAgB,GAAKlC,KAAKwC,iBAAmB,SAE/DC,KAAK,cAELN,EAAA,QAAAE,IAAA,8CAAUrC,KAAKU,iBAAkB+B,KAAK,qBAExCN,EAAA,QAAAE,IAAA,2CAAMQ,aAAc7C,KAAKK,mBACzB8B,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,yBAA0B,KAC1B,WAAYvC,KAAKM,UAAaN,KAAKkC,cAAgB,GAAKlC,KAAKwC,iBAAmB,OAElFC,KAAK,YAELN,EAAA,QAAAE,IAAA,8CAAUrC,KAAKU,iBAAkB+B,KAAK,oB","ignoreList":[]}

package/dist/beeq/p-4f47130c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["bqOptionGroupCss","BqOptionGroupStyle0","BqOptionGroup","render","h","key","class","part","name","role"],"sources":["../../packages/beeq/src/components/option-group/scss/bq-option-group.scss?tag=bq-option-group&encapsulation=shadow","../../packages/beeq/src/components/option-group/bq-option-group.tsx"],"sourcesContent":["/* -------------------------------------------------------------------------- */\n/*                                Option group styles                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-option-group.variables';\n\n:host {\n  @apply block;\n}\n\n.bq-option-group {\n  @apply flex overflow-hidden overflow-ellipsis;\n  @apply bg-[--bq-option-group--background] text-[length:--bq-option-group--font-size] leading-[--bq-option-group--line-height];\n  @apply pe-[--bq-option-group--label-padding-end] ps-[--bq-option-group--label-padding-start] p-b-[--bq-option-group--label-paddingY] p-i-[--bq-option-group--label-paddingY];\n\n  &__child {\n    @apply flex items-center;\n  }\n}\n\n.bq-option-group__label {\n  @apply pe-[--bq-option-group--label-text-padding-end] ps-[--bq-option-group--label-text-padding-start];\n}\n\n.bq-option-group__container ::slotted(bq-option) {\n  @apply ps-[--bq-option-group--container-padding-start];\n}\n","import { Component, Element, h } from '@stencil/core';\n\n/**\n * @part label - The `legend` tag element which acts as a container for the label\n * @part prefix - The prefix of the label\n * @part label - The text of the label\n * @part suffix - The suffix of the label\n * @part group - The `div` element which holds the option items\n */\n@Component({\n  tag: 'bq-option-group',\n  styleUrl: './scss/bq-option-group.scss',\n  shadow: true,\n})\nexport class BqOptionGroup {\n  // Own Properties\n  // ====================\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  // Public Property API\n  // ========================\n\n  // Prop lifecycle events\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  // 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  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    return (\n      <div class=\"bg-ui-primary\">\n        <legend class=\"bq-option-group m-be-[--bq-option-group--gapY-list]\" part=\"label\">\n          <span class=\"option-group__prefix flex items-center\" part=\"prefix\">\n            <slot name=\"header-prefix\" />\n          </span>\n          <span\n            class=\"bq-option-group__label inline-block overflow-hidden text-ellipsis whitespace-nowrap is-auto\"\n            part=\"label\"\n          >\n            <slot name=\"header-label\" />\n          </span>\n          <span class=\"bq-option-group__suffix\" part=\"suffix\">\n            <slot name=\"header-suffix\" />\n          </span>\n        </legend>\n        <div\n          class=\"bq-option-group__container flex flex-col gap-[--bq-option-group--gapY-list]\"\n          role=\"group\"\n          aria-label=\"Options\"\n          part=\"group\"\n        >\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;kDAAA,MAAMA,EAAmB,oxrBACzB,MAAAC,EAAeD,E,MCaFE,EAAa,M,iDA8CxB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,UAAAC,IAAA,2CAAQC,MAAM,sDAAsDC,KAAK,SACvEH,EAAA,QAAAC,IAAA,2CAAMC,MAAM,yCAAyCC,KAAK,UACxDH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,mBAEbJ,EAAA,QAAAC,IAAA,2CACEC,MAAM,8FACNC,KAAK,SAELH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,kBAEbJ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,0BAA0BC,KAAK,UACzCH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,oBAGfJ,EAAA,OAAAC,IAAA,2CACEC,MAAM,8EACNG,KAAK,QAAO,aACD,UACXF,KAAK,SAELH,EAAA,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/beeq/p-5b5f9a2a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TOAST_TYPE","TOAST_PLACEMENT","bqToastCss","BqToastStyle0","TOAST_PORTAL_SELECTOR","BqToast","window","document","querySelector","autoDismissDebounce","checkPropValues","validatePropValue","this","el","toastPortal","classList","remove","add","placement","handleTimeChange","cancel","time","Math","max","debounce","hide","handleOpenChange","open","bqHide","bqShow","connectedCallback","Object","assign","createElement","className","componentWillLoad","disconnectedCallback","onNotificationHide","removeChild","tagName","toLowerCase","error","DOMException","show","handleShow","handleHide","toast","parentElement","body","append","appendChild","requestAnimationFrame","ev","emit","defaultPrevented","iconName","typeMap","success","loading","alert","info","type","render","style","border","h","Host","key","class","hidden","role","part","hideIcon","name","size","slot","exportparts"],"sources":["../../packages/beeq/src/components/toast/bq-toast.types.ts","../../packages/beeq/src/components/toast/scss/bq-toast.scss?tag=bq-toast&encapsulation=shadow","../../packages/beeq/src/components/toast/bq-toast.tsx"],"sourcesContent":["export const TOAST_TYPE = ['info', 'success', 'alert', 'error', 'loading', 'custom'] as const;\nexport type TToastType = (typeof TOAST_TYPE)[number];\n\nexport const TOAST_PLACEMENT = [\n  'top-center',\n  'top-right',\n  'bottom-right',\n  'bottom-center',\n  'bottom-left',\n  'top-left',\n] as const;\nexport type TToastPlacement = (typeof TOAST_PLACEMENT)[number];\n\nexport const TOAST_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TToastBorderRadius = (typeof TOAST_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                                Toast styles                                */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-toast.variables';\n\n:host {\n  @apply inline-block;\n}\n\n:host(.is-hidden) {\n  @apply hidden;\n}\n\n.bq-toast {\n  @include animation-slide-in;\n  @apply flex items-center gap-[--bq-toast--gap] p-b-[--bq-toast--padding-y] p-i-[--bq-toast--padding-x];\n  @apply rounded-[--bq-toast--border-radius] bg-[--bq-toast--background] shadow-[shadow:--bq-toast--box-shadow];\n  @apply border-[length:--bq-toast--border-width] border-[color:--bq-toast--border-color];\n\n  border-style: var(--bq-toast--border-style);\n}\n\n.bq-toast--icon {\n  @apply flex;\n\n  &.info {\n    @apply text-[--bq-toast--icon-color-info];\n  }\n\n  &.success {\n    @apply text-[--bq-toast--icon-color-success];\n  }\n\n  &.alert {\n    @apply text-[--bq-toast--icon-color-alert];\n  }\n\n  &.error {\n    @apply text-[--bq-toast--icon-color-error];\n  }\n\n  &.loading {\n    @include animation-spin;\n    @apply text-[--bq-toast--icon-color-loading];\n  }\n\n  &.custom {\n    @apply text-[--bq-toast--icon-color-custom];\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { TOAST_PLACEMENT, TOAST_TYPE, TToastBorderRadius, TToastPlacement, TToastType } from './bq-toast.types';\nimport { debounce, TDebounce, validatePropValue } from '../../shared/utils';\n\nconst TOAST_PORTAL_SELECTOR = 'bq-toast-portal';\n\n/**\n * @part wrapper - The component's internal wrapper inside the shadow DOM.\n * @part icon-info - The `<div>` container that holds the icon component.\n * @part base - The `<div>` container of the internal bq-icon component.\n * @part svg - The `<svg>` element of the internal bq-icon component.\n *\n * @slot - The content to be displayed in the toast component.\n * @slot icon - The icon to be displayed in the toast component.\n */\n@Component({\n  tag: 'bq-toast',\n  styleUrl: './scss/bq-toast.scss',\n  shadow: true,\n})\nexport class BqToast {\n  // Own Properties\n  // ====================\n\n  private autoDismissDebounce: TDebounce<void>;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqToastElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private toastPortal =\n    typeof window !== 'undefined' ? document.querySelector(`.${TOAST_PORTAL_SELECTOR}`) : null;\n\n  // Public Property API\n  // ========================\n\n  /** The corder radius of the toast component */\n  @Prop({ reflect: true }) border: TToastBorderRadius = 's';\n\n  /** Type of toast */\n  @Prop({ reflect: true, mutable: true }) type: TToastType = 'info';\n\n  /** Placement of toast */\n  @Prop({ reflect: true, mutable: true }) placement: TToastPlacement = 'bottom-center';\n\n  /** If true will hide toast icon */\n  @Prop({ reflect: true, mutable: true }) hideIcon = false;\n\n  /** If true, the toast will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** The length of time, in milliseconds, after which the toast will close itself */\n  @Prop({ reflect: true }) time: number = 3000;\n\n  // Prop lifecycle events\n  // =======================\n\n  @Watch('type')\n  @Watch('placement')\n  checkPropValues() {\n    validatePropValue(TOAST_TYPE, 'default', this.el, 'type');\n    validatePropValue(TOAST_PLACEMENT, 'bottom-center', this.el, 'placement');\n\n    const { toastPortal } = this;\n    toastPortal?.classList.remove(...TOAST_PLACEMENT);\n    toastPortal?.classList.add(this.placement);\n  }\n\n  @Watch('time')\n  handleTimeChange() {\n    this.autoDismissDebounce?.cancel();\n\n    this.time = Math.max(0, this.time);\n\n    this.autoDismissDebounce = debounce(() => {\n      this.hide();\n    }, this.time);\n  }\n\n  @Watch('open')\n  handleOpenChange() {\n    this.autoDismissDebounce?.cancel();\n\n    if (this.open) {\n      this.autoDismissDebounce?.();\n    }\n  }\n\n  // Events section\n  // Requires JSDocs for public API documentation\n  // ==============================================\n\n  /** Callback handler to be called when the notification is hidden */\n  @Event() bqHide: EventEmitter<HTMLBqToastElement>;\n\n  /** Callback handler to be called when the notification is shown */\n  @Event() bqShow: EventEmitter<HTMLBqToastElement>;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    const { toastPortal } = this;\n    if (!toastPortal && typeof window !== 'undefined') {\n      this.toastPortal = Object.assign(document.createElement('div'), { className: TOAST_PORTAL_SELECTOR });\n    }\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n    this.handleTimeChange();\n    this.handleOpenChange();\n  }\n\n  disconnectedCallback() {\n    this.autoDismissDebounce?.cancel();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqHide')\n  onNotificationHide() {\n    try {\n      const { toastPortal } = this;\n      toastPortal?.removeChild(this.el);\n      // Remove the toast portal from the DOM when there are no more toasts\n      if (toastPortal?.querySelector(this.el.tagName.toLowerCase()) === null) {\n        toastPortal?.remove();\n      }\n    } catch (error) {\n      /**\n       * Skip DOMException error since it could be possible that\n       * in some situations the notification portal is missing\n       */\n      if (error instanceof DOMException) return;\n      throw error;\n    }\n  }\n\n  // Public methods API\n  // These methods are exposed on the host element.\n  // Always use two lines.\n  // Public Methods must be async.\n  // Requires JSDocs for public API documentation.\n  // ===============================================\n\n  /** Method to be called to show the toast component */\n  @Method()\n  async show(): Promise<void> {\n    this.handleShow();\n  }\n\n  /** Method to be called to hide the toast component */\n  @Method()\n  async hide(): Promise<void> {\n    this.handleHide();\n  }\n\n  /** This method can be used to display toasts in a fixed-position element that allows for stacking multiple toasts vertically */\n  @Method()\n  async toast() {\n    const { toastPortal } = this;\n    if (toastPortal?.parentElement === null) {\n      document.body.append(toastPortal);\n    }\n\n    toastPortal?.appendChild(this.el);\n\n    requestAnimationFrame(() => {\n      this.show();\n    });\n  }\n\n  // Local methods\n  // Internal business logic.\n  // These methods cannot be called from the host element.\n  // =======================================================\n\n  private handleShow = () => {\n    const ev = this.bqShow.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = true;\n    }\n  };\n\n  private handleHide = () => {\n    const ev = this.bqHide.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = false;\n    }\n  };\n\n  private get iconName() {\n    const typeMap = {\n      success: 'check-circle-bold',\n      error: 'x-circle-bold',\n      loading: 'spinner-gap-bold',\n      alert: 'warning-bold',\n      info: 'info-bold',\n    };\n\n    return typeMap[this.type] || 'info-bold';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),\n    };\n\n    return (\n      <Host\n        style={style}\n        class={{ 'is-hidden': !this.open }}\n        aria-hidden={!this.open ? 'true' : 'false'}\n        hidden={!this.open ? 'true' : 'false'}\n        role=\"status\"\n      >\n        <output class=\"bq-toast\" part=\"wrapper\">\n          <div class={{ [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }} part=\"icon\">\n            <slot name=\"icon\">\n              <bq-icon name={this.iconName} size=\"24\" slot=\"icon\" exportparts=\"base,svg\" />\n            </slot>\n          </div>\n          <slot />\n        </output>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/beeq/p-5da52049.js

@@ -1,7 +0,0 @@
-/*!
- * Built by Endavans
- * © https://beeq.design - Apache 2 License.
- */
-const e="beeq";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:true,experimentalSlotFixes:true,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:true,slotRelocation:false,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var i=(e,t)=>l.set(t.t=e,t);var o=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,n)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const l=e.$;if(!l){return void 0}const s=c.get(l);if(s){return s[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[r]}),f)};var v=new Map;var d="r";var h="o";var p="s";var m="t";var $="s-id";var y="sty-id";var b="c-id";var w="{visibility:hidden}.hydrated{visibility:inherit}";var g="slot-fb{display:contents}slot-fb[hidden]{display:none}";var S="http://www.w3.org/1999/xlink";var k=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var C=typeof window!=="undefined"?window:{};var x=C.document||{head:{}};var j=C.HTMLElement||class{};var O={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var D=t.shadowDom;var E=(()=>{let e=false;try{x.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var L=e=>Promise.resolve(e);var T=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var A=false;var F=[];var M=[];var R=(e,t)=>n=>{e.push(n);if(!A){A=true;if(t&&O.l&4){N(U)}else{O.raf(U)}}};var P=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var U=()=>{P(F);{P(M);if(A=F.length>0){O.raf(U)}}};var N=e=>L().then(e);var W=R(M,true);var I={};var H="http://www.w3.org/2000/svg";var q="http://www.w3.org/1999/xhtml";var z=e=>e!=null;var B=e=>{e=typeof e;return e==="object"||e==="function"};function Q(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var G={};r(G,{err:()=>V,map:()=>X,ok:()=>K,unwrap:()=>_,unwrapErr:()=>J});var K=e=>({isOk:true,isErr:false,value:e});var V=e=>({isOk:false,isErr:true,value:e});function X(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>K(e)))}else{return K(n)}}if(e.isErr){const t=e.value;return V(t)}throw"should never get here"}var _=e=>{if(e.isOk){return e.value}else{throw e.value}};var J=e=>{if(e.isErr){return e.value}else{throw e.value}};var Y=(e,t="")=>{{return()=>{}}};var Z=(e,t)=>{{return()=>{}}};var ee=(e,t,...n)=>{let r=null;let l=null;let s=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!B(r)){r=String(r)}if(s&&i){o[o.length-1].k+=r}else{o.push(s?te(null,r):r)}i=s}}};a(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,le)}const f=te(e,null);f.C=t;if(o.length>0){f.j=o}{f.O=l}return f};var te=(e,t)=>{const n={l:0,D:e,k:t,L:null,j:null};{n.C=null}{n.O=null}return n};var ne={};var re=e=>e&&e.D===ne;var le={forEach:(e,t)=>e.map(se).forEach(t),map:(e,t)=>e.map(se).map(t).map(ie)};var se=e=>({vattrs:e.C,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.D,vtext:e.k});var ie=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return ee(e.vtag,t,...e.vchildren||[])}const t=te(e.vtag,e.vtext);t.C=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.T=e.vname;return t};var oe=(e,t,n,r)=>{const l=Y("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const a=s?[]:null;const f=r.A=te(t,null);if(!O.F){fe(x.body,O.F=new Map)}e[$]=n;e.removeAttribute($);ae(f,i,o,a,e,e,n);i.map((e=>{const n=e.M+"."+e.R;const r=O.F.get(n);const l=e.L;if(r&&D&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}if(!s){l["s-hn"]=t;if(r){l["s-ol"]=r;l["s-ol"]["s-nr"]=l}}O.F.delete(n)}));if(s){a.map((e=>{if(e){s.appendChild(e)}}))}l()};var ae=(e,t,n,r,l,s,i)=>{let o;let a;let f;let c;if(s.nodeType===1){o=s.getAttribute(b);if(o){a=o.split(".");if(a[0]===i||a[0]==="0"){f={l:0,M:a[0],R:a[1],P:a[2],U:a[3],D:s.tagName.toLowerCase(),L:s,C:null,j:null,O:null,T:null,k:null};t.push(f);s.removeAttribute(b);if(!e.j){e.j=[]}e.j[f.U]=f;e=f;if(r&&f.P==="0"){r[f.U]=f.L}}}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){ae(e,t,n,r,l,s.shadowRoot.childNodes[c],i)}}for(c=s.childNodes.length-1;c>=0;c--){ae(e,t,n,r,l,s.childNodes[c],i)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){o=a[0];f={l:0,M:a[1],R:a[2],P:a[3],U:a[4],L:s,C:null,j:null,O:null,T:null,D:null,k:null};if(o===m){f.L=s.nextSibling;if(f.L&&f.L.nodeType===3){f.k=f.L.textContent;t.push(f);s.remove();if(!e.j){e.j=[]}e.j[f.U]=f;if(r&&f.P==="0"){r[f.U]=f.L}}}else if(f.M===i){if(o===p){f.D="slot";if(a[5]){s["s-sn"]=f.T=a[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(r){f.L=x.createElement(f.D);if(f.T){f.L.setAttribute("name",f.T)}s.parentNode.insertBefore(f.L,s);s.remove();if(f.P==="0"){r[f.U]=f.L}}n.push(f);if(!e.j){e.j=[]}e.j[f.U]=f}else if(o===d){if(r){s.remove()}}}}}else if(e&&e.D==="style"){const t=te(null,s.textContent);t.L=s;t.U="0";e.j=[t]}};var fe=(e,t)=>{if(e.nodeType===1){let n=0;if(e.shadowRoot){for(;n<e.shadowRoot.childNodes.length;n++){fe(e.shadowRoot.childNodes[n],t)}}for(n=0;n<e.childNodes.length;n++){fe(e.childNodes[n],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===h){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var ce=(e,t)=>{if(e!=null&&!B(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var ue=e=>s(e).$hostElement$;var ve=(e,t,n)=>{const r=ue(e);return{emit:e=>de(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var de=(e,t,n)=>{const r=O.ce(t,n);e.dispatchEvent(r);return r};var he=new WeakMap;var pe=(e,t,n)=>{let r=v.get(e);if(T&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var me=(e,t,n)=>{var r;const l=ye(t);const s=v.get(l);e=e.nodeType===11?e:x;if(s){if(typeof s==="string"){e=e.head||e;let n=he.get(e);let i;if(!n){he.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${y}="${l}"]`))){i.innerHTML=s}else{i=x.createElement("style");i.innerHTML=s;const n=(r=O.N)!=null?r:Q(x);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,n)}else if("host"in e){if(T){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=g}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var $e=e=>{const t=e.i;const n=e.$hostElement$;const r=t.l;const l=Y("attachStyles",t.m);const s=me(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=s;n.classList.add(s+"-h")}l()};var ye=(e,t)=>"sc-"+e.m;var be=(e,t,n,r,l,s)=>{if(n!==r){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=ge(n);const s=ge(r);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(C,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const l=t.endsWith(Se);t=t.replace(ke,"");if(n){O.rel(e,t,n,l)}if(r){O.ael(e,t,r,l)}}}else{const a=B(r);if((i||a&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=r}}catch(e){}}let f=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;f=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(f){e.removeAttributeNS(S,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!a){r=r===true?"":r;if(f){e.setAttributeNS(S,t,r)}else{e.setAttribute(t,r)}}}}};var we=/\s/;var ge=e=>!e?[]:e.split(we);var Se="Capture";var ke=new RegExp(Se+"$");var Ce=(e,t,n)=>{const r=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const l=e&&e.C||I;const s=t.C||I;{for(const e of xe(Object.keys(l))){if(!(e in s)){be(r,e,l[e],void 0,n,t.l)}}}for(const e of xe(Object.keys(s))){be(r,e,l[e],s[e],n,t.l)}};function xe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var je;var Oe;var De=false;var Ee=false;var Le=(e,n,r,l)=>{const s=n.j[r];let i=0;let o;let a;if(s.k!==null){o=s.L=x.createTextNode(s.k)}else{if(!Ee){Ee=s.D==="svg"}o=s.L=x.createElementNS(Ee?H:q,!De&&t.slotRelocation&&s.l&2?"slot-fb":s.D);if(Ee&&s.D==="foreignObject"){Ee=false}{Ce(null,s,Ee)}const n=o.getRootNode();const r=!n.querySelector("body");if(!r&&t.scoped&&z(je)&&o["s-si"]!==je){o.classList.add(o["s-si"]=je)}if(s.j){for(i=0;i<s.j.length;++i){a=Le(e,s,i);if(a){o.appendChild(a)}}}{if(s.D==="svg"){Ee=false}else if(o.tagName==="foreignObject"){Ee=true}}}o["s-hn"]=Oe;return o};var Te=e=>{O.l|=1;const t=e.closest(Oe.toLowerCase());if(t!=null){const n=Array.from(t.childNodes).find((e=>e["s-cr"]));const r=Array.from(e.childNodes);for(const e of n?r.reverse():r){if(e["s-sh"]!=null){Ne(t,e,n!=null?n:null);e["s-sh"]=void 0}}}O.l&=~1};var Ae=(e,t,n,r,l,s)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===Oe){i=i.shadowRoot}for(;l<=s;++l){if(r[l]){o=Le(null,n,l);if(o){r[l].L=o;Ne(i,o,t)}}}};var Fe=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.L;Ue(t);if(e){e.remove()}}}};var Me=(e,t,n,r,l=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=r[++i]}else if(h==null){h=r[--v]}else if(Re(c,d,l)){Pe(c,d,l);c=t[++s];d=r[++i]}else if(Re(u,h,l)){Pe(u,h,l);u=t[--f];h=r[--v]}else if(Re(c,h,l)){Pe(c,h,l);Ne(e,c.L,u.L.nextSibling);c=t[++s];h=r[--v]}else if(Re(u,d,l)){Pe(u,d,l);Ne(e,u.L,c.L);u=t[--f];d=r[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){p=Le(t&&t[i],n,o)}else{Pe(m,d,l);t[o]=void 0;p=m.L}d=r[++i]}else{p=Le(t&&t[i],n,i);d=r[++i]}if(p){{Ne(c.L.parentNode,p,c.L)}}}}if(s>f){Ae(e,r[v+1]==null?null:r[v+1].L,n,r,i,v)}else if(i>v){Fe(t,s,f)}};var Re=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.O===t.O}return true}return false};var Pe=(e,n,r=false)=>{const l=n.L=e.L;const s=e.j;const i=n.j;const o=n.D;const a=n.k;if(a===null){{Ee=o==="svg"?true:o==="foreignObject"?false:Ee}{if(o==="slot"&&!De){if(e.T!==n.T){n.L["s-sn"]=n.T||"";Te(n.L.parentElement)}}else{Ce(e,n,Ee)}}if(s!==null&&i!==null){Me(l,s,n,i,r)}else if(i!==null){if(e.k!==null){l.textContent=""}Ae(l,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&s!==null){Fe(s,0,s.length-1)}if(Ee&&o==="svg"){Ee=false}}else if(e.k!==a){l.data=a}};var Ue=e=>{{e.C&&e.C.ref&&e.C.ref(null);e.j&&e.j.map(Ue)}};var Ne=(e,t,n)=>{const r=e==null?void 0:e.insertBefore(t,n);return r};var We=(e,t,n=false)=>{var r;const l=e.$hostElement$;const s=e.i;const i=e.A||te(null,null);const o=re(t)?t:ee(null,null,t);Oe=l.tagName;if(s.W){o.C=o.C||{};s.W.map((([e,t])=>o.C[t]=l[e]))}if(n&&o.C){for(const e of Object.keys(o.C)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.C[e]=l[e]}}}o.D=null;o.l|=4;e.A=o;o.L=i.L=l.shadowRoot||l;{je=l["s-sc"]}De=(s.l&1)!==0;Pe(i,o,n);if(s.l&2){for(const e of o.L.childNodes){if(e["s-hn"]!==Oe&&!e["s-sh"]){if(n&&e["s-ih"]==null){e["s-ih"]=(r=e.hidden)!=null?r:false}e.hidden=true}}}};var Ie=(e,t)=>{if(t&&!e.I&&t["s-p"]){t["s-p"].push(new Promise((t=>e.I=t)))}};var He=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Ie(e,e.H);const n=()=>qe(e,t);return W(n)};var qe=(e,t)=>{const n=e.$hostElement$;const r=Y("scheduleUpdate",e.i.m);const l=e.t;if(!l){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.q){e.q.map((([e,t])=>Xe(l,e,t)));e.q=void 0}}{s=Xe(l,"componentWillLoad")}}r();return ze(s,(()=>Qe(e,l,t)))};var ze=(e,t)=>Be(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Be=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Qe=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=Y("update",e.i.m);const i=l["s-rc"];if(n){$e(e)}const o=Y("render",e.i.m);{Ge(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}o();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>Ke(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var Ge=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{We(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var Ke=e=>{const t=e.i.m;const n=e.$hostElement$;const r=Y("postUpdate",t);const l=e.t;const s=e.H;if(!(e.l&64)){e.l|=64;{_e(n)}{Xe(l,"componentDidLoad")}r();{e.p(n);if(!s){Ve()}}}else{{Xe(l,"componentDidUpdate")}r()}{e.v(n)}{if(e.I){e.I();e.I=void 0}if(e.l&512){N((()=>He(e,false)))}e.l&=~(4|512)}};var Ve=t=>{{_e(x.documentElement)}N((()=>de(C,"appload",{detail:{namespace:e}})))};var Xe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e)}}return void 0};var _e=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Je=(e,t)=>s(e).o.get(t);var Ye=(e,t,n,r)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=l.$hostElement$;const o=l.o.get(t);const a=l.l;const c=l.t;n=ce(n,r.B[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(a&8)||o===void 0)&&v){l.o.set(t,n);if(c){if(r.G&&a&128){const e=r.G[t];if(e){e.map((e=>{try{c[e](n,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){He(l,false)}}}};var Ze=(e,t,n)=>{var r,l;const i=e.prototype;if(t.l&64&&n&1){k.forEach((e=>Object.defineProperty(i,e,{value(...t){const n=s(this);const r=n.t;if(!r){n.h.then((n=>{const r=n[e];typeof r==="function"&&r.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})))}if(t.B||(t.G||e.watchers)){if(e.watchers&&!t.G){t.G=e.watchers}const o=Object.entries((r=t.B)!=null?r:{});o.map((([e,[r]])=>{if(r&31||n&2&&r&32){Object.defineProperty(i,e,{get(){return Je(this,e)},set(n){Ye(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&r&64){Object.defineProperty(i,e,{value(...t){var n;const r=s(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;i.attributeChangedCallback=function(e,r,l){O.jmp((()=>{var o;const a=n.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const n=s(this);const i=n==null?void 0:n.l;if(i&&!(i&8)&&i&128&&l!==r){const s=n.t;const i=(o=t.G)==null?void 0:o[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,l,r,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.G)!=null?l:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,r])=>{var l;const s=r[1]||e;n.set(s,e);if(r[0]&512){(l=t.W)==null?void 0:l.push([e,s])}return s}))]))}}return e};var et=async(e,t,n,r)=>{let l;if((t.l&32)===0){t.l|=32;const r=n.$;if(r){const e=u(n);if(e&&"then"in e){const t=Z();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${n.m}#${t.K}" was not found`)}if(!l.isProxied){{n.G=l.watchers}Ze(l,n,2);l.isProxied=true}const r=Y("createInstance",n.m);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}r();tt(t.t)}else{l=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=ye(n);if(!v.has(t)){const r=Y("registerStyles",n.m);pe(t,e,!!(n.l&1));r()}}}const s=t.H;const i=()=>He(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var tt=e=>{{Xe(e,"connectedCallback")}};var nt=e=>{if((O.l&1)===0){const t=s(e);const n=t.i;const r=Y("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let r;{r=e.getAttribute($);if(r){if(n.l&1){const t=me(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}oe(e,n.m,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){Ie(t,t.H=n);break}}}if(n.B){Object.entries(n.B).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{et(e,t,n)}}else{ot(e,t,n.V);if(t==null?void 0:t.t){tt(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>tt(t.t)))}}r()}};var rt=e=>{{Xe(e,"disconnectedCallback")}};var lt=async e=>{if((O.l&1)===0){const t=s(e);{if(t.X){t.X.map((e=>e()));t.X=void 0}}if(t==null?void 0:t.t){rt(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>rt(t.t)))}}};var st=(e,t={})=>{var n;const r=Y();const l=[];const i=t.exclude||[];const a=C.customElements;const f=x.head;const c=f.querySelector("meta[charset]");const u=x.createElement("style");const v=[];let d;let h=true;Object.assign(O,t);O.S=new URL(t.resourcesUrl||"./",x.baseURI).href;{O.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],B:t[2],V:t[3]};if(r.l&4){p=true}{r.B=t[2]}{r.V=t[3]}{r.W=[]}{r.G=(n=t[4])!=null?n:{}}const f=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(r.l&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ot(this,e,r.V)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{O.jmp((()=>nt(this)))}}disconnectedCallback(){O.jmp((()=>lt(this)))}componentOnReady(){return s(this).h}};if(r.l&64){c.formAssociated=true}r.$=e[0];if(!i.includes(f)&&!a.get(f)){l.push(f);a.define(f,Ze(c,r,1))}}))}));if(l.length>0){if(p){u.textContent+=g}{u.textContent+=l.sort()+w}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=O.N)!=null?n:Q(x);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{O.jmp((()=>d=setTimeout(Ve,30)))}}r()};var it=(e,t)=>t;var ot=(e,t,n,r)=>{if(n){n.map((([n,r,l])=>{const s=ft(e,n);const i=at(t,l);const o=ct(n);O.ael(s,r,i,o);(t.X=t.X||[]).push((()=>O.rel(s,r,i,o)))}))}};var at=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.q=e.q||[]).push([t,n])}}}catch(e){f(e)}};var ft=(e,t)=>{if(t&4)return x;if(t&8)return C;if(t&16)return x.body;return e};var ct=e=>E?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ut=e=>O.N=e;export{it as F,j as H,ne as a,st as b,ve as c,ue as g,ee as h,L as p,i as r,ut as s};
-//# sourceMappingURL=p-5da52049.js.map