@beeq/core 1.8.0-beta.0 → 1.8.0-beta.2

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

@@ -0,0 +1,279 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+import { r as a, c as r, h as e, a as t, g as n } from "./p-0c42c08a.js";
+
+import "./p-e5afdf8c.js";
+
+import { d as b } from "./p-951ba558.js";
+
+import { v as i } from "./p-687da041.js";
+
+import { b as o } from "./p-d7a88b16.js";
+
+import { l as q, e as s } from "./p-a5dc1c94.js";
+
+import "./p-99829fc7.js";
+
+const c = [ "error", "info", "neutral", "success", "warning" ];
+
+const l = '::backdrop,:root{--bq-blue-100:#e7f0fd;--bq-blue-200:#d0e2fb;--bq-blue-300:#a1c5f7;--bq-blue-400:#73a8f3;--bq-blue-500:#448bef;--bq-blue-600:#156eeb;--bq-blue-700:#1158bc;--bq-blue-800:#0d428d;--bq-blue-900:#082c5e;--bq-blue-1000:#04162f;--bq-corai-100:#fff2f2;--bq-corai-200:#ffe6e6;--bq-corai-300:#ffccce;--bq-corai-400:#ffb3b5;--bq-corai-500:#ff999d;--bq-corai-600:#ff8084;--bq-corai-700:#cc666a;--bq-corai-800:#994d4f;--bq-corai-900:#663335;--bq-corai-1000:#331a1a;--bq-cyan-100:#e8f7fb;--bq-cyan-200:#d2f0f8;--bq-cyan-300:#a5e1f1;--bq-cyan-400:#78d1e9;--bq-cyan-500:#4bc2e2;--bq-cyan-600:#1eb3db;--bq-cyan-700:#188faf;--bq-cyan-800:#126b83;--bq-cyan-900:#0c4858;--bq-cyan-1000:#06242c;--bq-gold-100:#fbf4ec;--bq-gold-200:#f7e9da;--bq-gold-300:#f0d3b6;--bq-gold-400:#e8bc91;--bq-gold-500:#e1a66d;--bq-gold-600:#d99048;--bq-gold-700:#ae733a;--bq-gold-800:#82562b;--bq-gold-900:#573a1d;--bq-gold-1000:#2b1d0e;--bq-green-100:#e8f8ef;--bq-green-200:#d2f1e0;--bq-green-300:#a5e3c1;--bq-green-400:#78d5a1;--bq-green-500:#4bc782;--bq-green-600:#1eb963;--bq-green-700:#18944f;--bq-green-800:#126f3b;--bq-green-900:#0c4a28;--bq-green-1000:#062514;--bq-grey-100:#f1f2f4;--bq-grey-200:#e7e8eb;--bq-grey-300:#caccd2;--bq-grey-400:#a6aab3;--bq-grey-50:#f6f6f8;--bq-grey-500:#898e99;--bq-grey-600:#646a77;--bq-grey-700:#3f4350;--bq-grey-800:#2a2c35;--bq-grey-900:#1c1d23;--bq-grey-950:#15161a;--bq-grey-1000:#0d0e11;--bq-indigo-100:#edecfc;--bq-indigo-200:#dcdafa;--bq-indigo-300:#b9b5f5;--bq-indigo-400:#9590ef;--bq-indigo-500:#726bea;--bq-indigo-600:#4f46e5;--bq-indigo-700:#3f38b7;--bq-indigo-800:#2f2a89;--bq-indigo-900:#201c5c;--bq-indigo-1000:#100e2e;--bq-iris-100:#e9f0ff;--bq-iris-200:#d6e0ff;--bq-iris-300:#b2c0fe;--bq-iris-400:#8691f8;--bq-iris-500:#6061ee;--bq-iris-600:#4f46e5;--bq-iris-700:#413abd;--bq-iris-800:#332e95;--bq-iris-900:#26216d;--bq-iris-1000:#181545;--bq-lime-100:#f5fae8;--bq-lime-200:#ecf6d2;--bq-lime-300:#d9eda5;--bq-lime-400:#c5e379;--bq-lime-500:#b2da4c;--bq-lime-600:#9fd11f;--bq-lime-700:#7fa719;--bq-lime-800:#5f7d13;--bq-lime-900:#40540c;--bq-lime-1000:#202a06;--bq-magenta-100:#fce7f4;--bq-magenta-200:#f9cfea;--bq-magenta-300:#f39fd6;--bq-magenta-400:#ee6fbf;--bq-magenta-500:#e83fab;--bq-magenta-600:#de1395;--bq-magenta-700:#b20f77;--bq-magenta-800:#850c59;--bq-magenta-900:#58083c;--bq-magenta-1000:#2c041e;--bq-neutral-white:#fbfbfc;--bq-neutral-black:#060708;--bq-orange-100:#fbf0e9;--bq-orange-200:#f8e1d4;--bq-orange-300:#f1c2a8;--bq-orange-400:#eaa47d;--bq-orange-500:#e38551;--bq-orange-600:#dc6726;--bq-orange-700:#b0521e;--bq-orange-800:#843e17;--bq-orange-900:#58290f;--bq-orange-1000:#2c1508;--bq-purple-100:#efebf8;--bq-purple-200:#e0d7f2;--bq-purple-300:#c1afe5;--bq-purple-400:#a388d8;--bq-purple-500:#8460cb;--bq-purple-600:#6538be;--bq-purple-700:#512d98;--bq-purple-800:#3d2272;--bq-purple-900:#28164c;--bq-purple-1000:#140b26;--bq-red-100:#fce7ea;--bq-red-200:#f9d1d5;--bq-red-300:#f3a2ac;--bq-red-400:#ed7482;--bq-red-500:#e74559;--bq-red-600:#e1172f;--bq-red-700:#b41226;--bq-red-800:#870e1c;--bq-red-900:#5a0913;--bq-red-1000:#2d0509;--bq-sky-100:#eff4fb;--bq-sky-200:#dfeaf8;--bq-sky-300:#bfd5f1;--bq-sky-400:#9ec1e9;--bq-sky-500:#7eace2;--bq-sky-600:#5e97db;--bq-sky-700:#4b79af;--bq-sky-800:#385b83;--bq-sky-900:#263c58;--bq-sky-1000:#131e2c;--bq-teal-100:#e5f7f5;--bq-teal-200:#ccf0eb;--bq-teal-300:#99e1d8;--bq-teal-400:#66d2c4;--bq-teal-500:#33c3b1;--bq-teal-600:#00b49d;--bq-teal-700:#00907e;--bq-teal-800:#006c5e;--bq-teal-900:#00483f;--bq-teal-1000:#00241f;--bq-volcano-100:#feede7;--bq-volcano-200:#fddbd1;--bq-volcano-300:#fbb8a3;--bq-volcano-400:#fa9474;--bq-volcano-500:#f87146;--bq-volcano-600:#f64d18;--bq-volcano-700:#c53e13;--bq-volcano-800:#942e0e;--bq-volcano-900:#621f0a;--bq-volcano-1000:#310f05;--bq-yellow-100:#fefbe7;--bq-yellow-200:#fcf6d0;--bq-yellow-300:#faeea0;--bq-yellow-400:#f7e571;--bq-yellow-500:#f5dd41;--bq-yellow-600:#f2d412;--bq-yellow-700:#c2aa0e;--bq-yellow-800:#917f0b;--bq-yellow-900:#615507;--bq-yellow-1000:#302a04;--bq-endava-grey-50:#f7f7f8;--bq-endava-grey-100:#e4e6e7;--bq-endava-grey-200:#b5babe;--bq-endava-grey-300:#949ca1;--bq-endava-grey-400:#737d84;--bq-endava-grey-500:#525f67;--bq-endava-grey-600:#30404b;--bq-endava-grey-700:#2b3942;--bq-endava-grey-800:#263139;--bq-endava-grey-900:#192b37;--bq-endava-grey-950:#151b1e;--bq-endava-grey-1000:#0f1316;--bq-endava-neutral-white:#fafbfb;--bq-endava-neutral-black:#060708;--bq-endava-orange-100:#fef3f1;--bq-endava-orange-200:#fbd6d1;--bq-endava-orange-300:#fab7af;--bq-endava-orange-400:#fa988b;--bq-endava-orange-500:#fc7866;--bq-endava-orange-600:#ff5640;--bq-endava-orange-700:#ce4a39;--bq-endava-orange-800:#a03d30;--bq-endava-orange-900:#722e25;--bq-endava-orange-1000:#471e19}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0}ol[role=list],ul[role=list]{list-style-type:none}html{font-size:var(--bq-font-size--m)}html:focus-within{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bq-background--primary);color:var(--bq-text--primary);font-family:var(--bq-font-family);line-height:var(--bq-font-line-height--regular);min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}:root{--bq-white:#fff;--bq-black:#060708;--bq-neutral-50:var(--bq-grey-50);--bq-neutral-100:var(--bq-grey-100);--bq-neutral-200:var(--bq-grey-200);--bq-neutral-300:var(--bq-grey-300);--bq-neutral-400:var(--bq-grey-400);--bq-neutral-500:var(--bq-grey-500);--bq-neutral-600:var(--bq-grey-600);--bq-neutral-700:var(--bq-grey-700);--bq-neutral-800:var(--bq-grey-800);--bq-neutral-900:var(--bq-grey-900);--bq-neutral-950:var(--bq-grey-950);--bq-neutral-1000:var(--bq-grey-1000);--bq-brand-light:var(--bq-iris-100);--bq-brand:var(--bq-iris-600);--bq-brand-dark:var(--bq-iris-1000);--bq-accent-light:var(--bq-purple-100);--bq-accent:var(--bq-purple-600);--bq-accent-dark:var(--bq-purple-1000);--bq-success-light:var(--bq-teal-100);--bq-success:var(--bq-teal-600);--bq-success-dark:var(--bq-teal-1000);--bq-danger-light:var(--bq-red-100);--bq-danger:var(--bq-red-600);--bq-danger-dark:var(--bq-red-1000);--bq-warning-light:var(--bq-gold-100);--bq-warning:var(--bq-gold-600);--bq-warning-dark:var(--bq-gold-1000);--bq-info-light:var(--bq-iris-100);--bq-info:var(--bq-iris-600);--bq-info-dark:var(--bq-iris-1000);--bq-focus:var(--bq-iris-600);--bq-data-01:var(--bq-brand);--bq-data-02:var(--bq-purple-600);--bq-data-03:var(--bq-magenta-600);--bq-data-04:var(--bq-cyan-600);--bq-data-05:var(--bq-teal-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-yellow-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-blue-600);--bq-data-10:var(--bq-grey-600);--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white);--bq-radius--none:0;--bq-radius--xs2:0.125rem;--bq-radius--xs:0.25rem;--bq-radius--s:0.5rem;--bq-radius--m:0.75rem;--bq-radius--l:1.5rem;--bq-radius--full:9999px;--bq-box-shadow--xs:0 2px 0 rgba(0,0,0,.016);--bq-box-shadow--s:0 8px 24px rgba(0,0,0,.04);--bq-box-shadow--m:0 10px 48px -16px rgba(0,0,0,.12);--bq-box-shadow--l:0 20px 58px -16px rgba(0,0,0,.16);--bq-font-family:"Outfit",sans-serif;--bq-font-size--xs:0.75rem;--bq-font-size--s:0.875rem;--bq-font-size--m:1rem;--bq-font-size--l:1.125rem;--bq-font-size--xl:1.5rem;--bq-font-size--xxl:2rem;--bq-font-size--xxl2:2.5rem;--bq-font-size--xxl3:3rem;--bq-font-size--xxl4:3.5rem;--bq-font-size--xxl5:4rem;--bq-font-weight--thin:100;--bq-font-weight--light:300;--bq-font-weight--regular:400;--bq-font-weight--medium:500;--bq-font-weight--semibold:600;--bq-font-weight--bold:700;--bq-font-line-height--small:1.2;--bq-font-line-height--regular:1.5;--bq-font-line-height--large:1.5;--bq-spacing-xs3:0.125rem;--bq-spacing-xs2:0.25rem;--bq-spacing-xs:0.5rem;--bq-spacing-s:0.75rem;--bq-spacing-m:1rem;--bq-spacing-l:1.5rem;--bq-spacing-xl:2rem;--bq-spacing-xxl:2.5rem;--bq-spacing-xxl2:3.5rem;--bq-spacing-xxl3:4rem;--bq-spacing-xxl4:4.5rem;--bq-stroke-s:1px;--bq-stroke-m:2px;--bq-stroke-l:3px}.beeq.light,.light,:root,[bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--alt:var(--bq-white);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-light);--bq-hover:#bcbfc5;--bq-active:#444546}.beeq.dark,.dark,[bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-950);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-brand);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-brand);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-brand);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-brand);--bq-ui--info-alt:var(--bq-brand-dark);--bq-hover:#444546;--bq-active:#1f2026}.endava,[bq-theme=endava]{--bq-font-family:"Poppins",sans-serif;--bq-white:#fafbfb;--bq-black:#030406;--bq-neutral-50:var(--bq-endava-grey-50);--bq-neutral-100:var(--bq-endava-grey-100);--bq-neutral-200:var(--bq-endava-grey-200);--bq-neutral-300:var(--bq-endava-grey-300);--bq-neutral-400:var(--bq-endava-grey-400);--bq-neutral-500:var(--bq-endava-grey-500);--bq-neutral-600:var(--bq-endava-grey-600);--bq-neutral-700:var(--bq-endava-grey-700);--bq-neutral-800:var(--bq-endava-grey-800);--bq-neutral-900:var(--bq-endava-grey-900);--bq-neutral-950:var(--bq-endava-grey-950);--bq-neutral-1000:var(--bq-endava-grey-1000);--bq-brand-light:var(--bq-endava-orange-100);--bq-brand:var(--bq-endava-orange-600);--bq-brand-dark:var(--bq-endava-orange-1000);--bq-accent-light:var(--bq-endava-orange-100);--bq-accent:var(--bq-endava-orange-600);--bq-accent-dark:var(--bq-endava-orange-1000);--bq-success-light:var(--bq-green-100);--bq-success:var(--bq-green-600);--bq-success-dark:var(--bq-green-1000);--bq-danger-light:var(--bq-corai-100);--bq-danger:var(--bq-corai-600);--bq-danger-dark:var(--bq-corai-1000);--bq-warning-light:var(--bq-yellow-100);--bq-warning:var(--bq-yellow-600);--bq-warning-dark:var(--bq-yellow-1000);--bq-info-light:var(--bq-blue-100);--bq-info:var(--bq-blue-600);--bq-info-dark:var(--bq-blue-1000);--bq-focus:var(--bq-endava-orange-600);--bq-data-01:var(--bq-brand);--bq-data-02:#af0cd8;--bq-data-03:#0ca8d8;--bq-data-04:var(--bq-teal-600);--bq-data-05:var(--bq-yellow-600);--bq-data-06:var(--bq-orange-600);--bq-data-07:var(--bq-blue-600);--bq-data-08:var(--bq-red-600);--bq-data-09:var(--bq-purple-600);--bq-data-10:#394b56;--bq-data-11:var(--bq-black);--bq-data-12:var(--bq-white)}.endava.light,[bq-theme=endava][bq-mode=light]{--bq-background--primary:var(--bq-white);--bq-background--secondary:var(--bq-neutral-100);--bq-background--tertiary:var(--bq-neutral-200);--bq-background--alt:var(--bq-neutral-300);--bq-background--inverse:var(--bq-neutral-900);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-800);--bq-icon--secondary:var(--bq-neutral-600);--bq-icon--inverse:var(--bq-neutral-50);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-200);--bq-stroke--secondary:var(--bq-neutral-600);--bq-stroke--tertiary:var(--bq-neutral-900);--bq-stroke--inverse:var(--bq-white);--bq-stroke--brand:var(--bq-brand);--bq-stroke--alt:var(--bq-neutral-50);--bq-stroke--brand-alt:var(--bq-brand-light);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-800);--bq-text--secondary:var(--bq-neutral-600);--bq-text--inverse:var(--bq-neutral-50);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-white);--bq-ui--secondary:var(--bq-neutral-200);--bq-ui--tertiary:var(--bq-neutral-500);--bq-ui--inverse:var(--bq-neutral-900);--bq-ui--alt:var(--bq-neutral-50);--bq-ui--brand-alt:var(--bq-brand-light);--bq-ui--brand:var(--bq-brand);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-light);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-light);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-light);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-light);--bq-hover:#444546;--bq-active:#1f2026}.endava.dark,[bq-theme=endava][bq-mode=dark]{--bq-background--primary:var(--bq-neutral-1000);--bq-background--secondary:var(--bq-neutral-900);--bq-background--tertiary:var(--bq-neutral-800);--bq-background--alt:var(--bq-neutral-700);--bq-background--inverse:var(--bq-neutral-600);--bq-background--brand:var(--bq-brand);--bq-background--overlay:var(--bq-neutral-900);--bq-icon--primary:var(--bq-neutral-100);--bq-icon--secondary:var(--bq-neutral-400);--bq-icon--inverse:var(--bq-neutral-800);--bq-icon--brand:var(--bq-brand);--bq-icon--alt:var(--bq-white);--bq-icon--info:var(--bq-info);--bq-icon--success:var(--bq-success);--bq-icon--warning:var(--bq-warning);--bq-icon--danger:var(--bq-danger);--bq-stroke--primary:var(--bq-neutral-900);--bq-stroke--secondary:var(--bq-neutral-700);--bq-stroke--tertiary:var(--bq-neutral-400);--bq-stroke--inverse:var(--bq-neutral-950);--bq-stroke--brand:var(--bq-brand);--bq-stroke--brand-alt:var(--bq-brand-dark);--bq-stroke--alt:var(--bq-neutral-1000);--bq-stroke--success:var(--bq-success);--bq-stroke--warning:var(--bq-warning);--bq-stroke--danger:var(--bq-danger);--bq-stroke--info:var(--bq-info);--bq-text--primary:var(--bq-neutral-100);--bq-text--secondary:var(--bq-neutral-400);--bq-text--inverse:var(--bq-neutral-800);--bq-text--brand:var(--bq-brand);--bq-text--alt:var(--bq-neutral-white);--bq-text--info:var(--bq-info);--bq-text--success:var(--bq-success);--bq-text--warning:var(--bq-warning);--bq-text--danger:var(--bq-danger);--bq-ui--primary:var(--bq-neutral-900);--bq-ui--secondary:var(--bq-neutral-800);--bq-ui--tertiary:var(--bq-neutral-700);--bq-ui--inverse:var(--bq-neutral-100);--bq-ui--brand:var(--bq-brand);--bq-ui--brand-alt:var(--bq-brand-dark);--bq-ui--alt:var(--bq-neutral-950);--bq-ui--success:var(--bq-success);--bq-ui--success-alt:var(--bq-success-dark);--bq-ui--warning:var(--bq-warning);--bq-ui--warning-alt:var(--bq-warning-dark);--bq-ui--danger:var(--bq-danger);--bq-ui--danger-alt:var(--bq-danger-dark);--bq-ui--info:var(--bq-info);--bq-ui--info-alt:var(--bq-info-dark);--bq-hover:#444546;--bq-active:#1f2026}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.bq-notification,.shadow-\\[shadow\\:--bq-notification--box-shadow\\]{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.items-start{align-items:flex-start}.gap-xs{gap:var(--bq-spacing-xs)}.rounded-\\[--bq-notification--border-radius\\]{border-radius:var(--bq-notification--border-radius)}.rounded-s{border-radius:var(--bq-radius--s)}.border-0{border-width:0}.bg-\\[--bq-notification--background\\]{background-color:var(--bq-notification--background)}.text-\\[color\\:--bq-notification--icon-color-error\\]{color:var(--bq-notification--icon-color-error)}.text-\\[color\\:--bq-notification--icon-color-info\\]{color:var(--bq-notification--icon-color-info)}.text-\\[color\\:--bq-notification--icon-color-neutral\\]{color:var(--bq-notification--icon-color-neutral)}.text-\\[color\\:--bq-notification--icon-color-success\\]{color:var(--bq-notification--icon-color-success)}.text-\\[color\\:--bq-notification--icon-color-warning\\]{color:var(--bq-notification--icon-color-warning)}.shadow-\\[shadow\\:--bq-notification--box-shadow\\]{--tw-shadow:var(--bq-notification--box-shadow);--tw-shadow-colored:var(--bq-notification--box-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bs-fit{block-size:fit-content}.min-is-\\[--bq-notification--min-width\\]{min-inline-size:var(--bq-notification--min-width)}.p-b-0{padding-block:0}.p-b-\\[--bq-notification--padding\\]{padding-block:var(--bq-notification--padding)}.p-i-0{padding-inline:0}.p-i-\\[--bq-notification--padding\\]{padding-inline:var(--bq-notification--padding)}.m-bs-m{margin-block-start:var(--bq-spacing-m)}@-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-notification--background:var(--bq-ui--primary);--bq-notification--box-shadow:var(--bq-box-shadow--l);--bq-notification--border-color:transparent;--bq-notification--border-radius:var(--bq-radius--s);--bq-notification--border-style:none;--bq-notification--border-width:unset;--bq-notification--content-footer-gap:var(--bq-spacing-m);--bq-notification--title-body-gap:var(--bq-spacing-s);--bq-notification--icon-color-error:var(--bq-icon--danger);--bq-notification--icon-color-info:var(--bq-icon--brand);--bq-notification--icon-color-neutral:var(--bq-icon--primary);--bq-notification--icon-color-success:var(--bq-icon--success);--bq-notification--icon-color-warning:var(--bq-icon--warning);--bq-notification--padding:var(--bq-spacing-m);--bq-notification--min-width:320px;display:block}:host(.is-hidden){display:none}.bq-notification{--tw-shadow:var(--bq-notification--box-shadow);--tw-shadow-colored:var(--bq-notification--box-shadow);background-color:var(--bq-notification--background);border-radius:var(--bq-notification--border-radius);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;min-inline-size:var(--bq-notification--min-width);padding-block:var(--bq-notification--padding);padding-inline:var(--bq-notification--padding);position:relative;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.notification--icon.color-error{color:var(--bq-notification--icon-color-error)}.notification--icon.color-info{color:var(--bq-notification--icon-color-info)}.notification--icon.color-neutral{color:var(--bq-notification--icon-color-neutral)}.notification--icon.color-success{color:var(--bq-notification--icon-color-success)}.notification--icon.color-warning{color:var(--bq-notification--icon-color-warning)}.notification--close::part(button){block-size:fit-content;border-radius:var(--bq-radius--s);border-width:0;padding-block:0;padding-inline:0}[part=footer] ::slotted(*){align-items:flex-start;display:flex;gap:var(--bq-spacing-xs)}[part=body] ::slotted(*),[part=footer] ::slotted(*){display:block;margin-block-start:var(--bq-spacing-m)}.-translate-y-xs,.sm\\:translate-x-0,.sm\\:translate-x-s,.sm\\:translate-y-0,.transform,.translate-y-0,.translate-y-xs{--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}.static{position:static}.absolute{position:absolute}.me-xs{margin-inline-end:var(--bq-spacing-xs)}.\\!hidden{display:none!important}.-translate-y-xs{--tw-translate-y:calc(var(--bq-spacing-xs)*-1)}.-translate-y-xs,.translate-y-0{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))}.translate-y-0{--tw-translate-y:0px}.translate-y-xs{--tw-translate-y:var(--bq-spacing-xs)}.transform,.translate-y-xs{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))}.flex-col{flex-direction:column}.gap-\\[--bq-notification--content-footer-gap\\]{gap:var(--bq-notification--content-footer-gap)}.gap-\\[--bq-notification--title-body-gap\\]{gap:var(--bq-notification--title-body-gap)}.text-left{text-align:left}.align-top{vertical-align:top}.text-s{font-size:var(--bq-font-size--s)}.font-semibold{font-weight:var(--bq-font-weight--semibold)}.leading-regular{line-height:var(--bq-font-line-height--regular)}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.inset-ie-5{inset-inline-end:1.25rem}.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}}@media (min-width:640px){.sm\\:translate-x-0{--tw-translate-x:0px}.sm\\:translate-x-0,.sm\\:translate-x-s{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))}.sm\\:translate-x-s{--tw-translate-x:var(--bq-spacing-s)}.sm\\:translate-y-0{--tw-translate-y:0px;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))}}.\\[\\&\\:\\:part\\(label\\)\\]\\:inline-flex::part(label){display:inline-flex}.text-\\[color\\:--bq-icon--color\\]{color:var(--bq-icon--color)}.bs-\\[--bq-icon--size\\]{block-size:var(--bq-icon--size)}.is-\\[--bq-icon--size\\]{inline-size:var(--bq-icon--size)}';
+
+const d = l;
+
+const v = "bq-notification-portal";
+
+const f = class {
+  constructor(e) {
+    a(this, e);
+    this.bqHide = r(this, "bqHide", 7);
+    this.bqShow = r(this, "bqShow", 7);
+    this.bqAfterOpen = r(this, "bqAfterOpen", 7);
+    this.bqAfterClose = r(this, "bqAfterClose", 7);
+    // Local methods
+    // Internal business logic.
+    // These methods cannot be called from the host element.
+    // =======================================================
+        this.handleHide = async () => {
+      const a = this.bqHide.emit(this.el);
+      if (!a.defaultPrevented) {
+        await q(this.notificationElem);
+        this.open = false;
+        this.handleTransitionEnd();
+      }
+    };
+    this.handleShow = async () => {
+      const a = this.bqShow.emit(this.el);
+      if (!a.defaultPrevented) {
+        this.open = true;
+        await s(this.notificationElem);
+        this.handleTransitionEnd();
+      }
+    };
+    this.handleTransitionEnd = () => {
+      if (this.open) {
+        this.bqAfterOpen.emit();
+        return;
+      }
+      this.bqAfterClose.emit();
+    };
+    this.handleContentSlotChange = () => {
+      this.hasContent = o(this.bodyElem);
+    };
+    this.handleFooterSlotChange = () => {
+      this.hasFooter = o(this.footerElem, "footer");
+    };
+    this.hasContent = false;
+    this.hasFooter = false;
+    this.notificationPortal = document.querySelector(`.${v}`);
+    this.autoDismiss = undefined;
+    this.border = "s";
+    this.disableClose = undefined;
+    this.hideIcon = undefined;
+    this.open = undefined;
+    this.time = 3e3;
+    this.type = "info";
+  }
+  // Prop lifecycle events
+  // =======================
+  handleTimeout() {
+    var a;
+    (a = this.autoDismissDebounce) === null || a === void 0 ? void 0 : a.cancel();
+    if (!this.autoDismiss) return;
+    this.autoDismissDebounce = b((() => {
+      this.hide();
+    }), this.time);
+    // Make sure to autodismiss the notification if the `auto-dismiss` value changed while open
+        if (this.open) this.autoDismissDebounce();
+  }
+  handleOpenChange() {
+    var a;
+    (a = this.autoDismissDebounce) === null || a === void 0 ? void 0 : a.cancel();
+    if (!(this.autoDismiss && this.open)) return;
+    this.autoDismissDebounce();
+  }
+  checkPropValues() {
+    i(c, "info", this.el, "type");
+  }
+  // Component lifecycle events
+  // Ordered by their natural call order
+  // =====================================
+  connectedCallback() {
+    const {notificationPortal: a} = this;
+    if (!a) {
+      this.notificationPortal = Object.assign(document.createElement("div"), {
+        className: v
+      });
+    }
+  }
+  componentWillLoad() {
+    this.checkPropValues();
+    this.handleTimeout();
+  }
+  // Listeners
+  // ==============
+  afterNotificationClose() {
+    try {
+      const {notificationPortal: a} = this;
+      a.removeChild(this.el);
+      // Remove the notification portal from the DOM when there are no more notifications
+            if (a.querySelector(this.el.tagName.toLowerCase()) === null) {
+        a.remove();
+      }
+    } catch (a) {
+      /**
+             * Skip DOMException error since it could be possible that
+             * in some situations the notification portal is missing
+             */
+      if (a instanceof DOMException) return;
+      throw a;
+    }
+  }
+  // Public methods API
+  // These methods are exposed on the host element.
+  // Always use two lines.
+  // Public Methods must be async.
+  // Requires JSDocs for public API documentation.
+  // ===============================================
+  /** Method to be called to hide the notification component */
+  async hide() {
+    await this.handleHide();
+  }
+  /** Method to be called to show the notification component */  async show() {
+    await this.handleShow();
+  }
+  /** This method can be used to display notifications in a fixed-position element that allows for stacking multiple notifications vertically */  async toast() {
+    const {notificationPortal: a} = this;
+    if ((a === null || a === void 0 ? void 0 : a.parentElement) === null) {
+      document.body.append(a);
+    }
+    a === null || a === void 0 ? void 0 : a.appendChild(this.el);
+    requestAnimationFrame((() => {
+      this.show();
+    }));
+  }
+  get iconName() {
+    const a = {
+      error: "x-circle",
+      success: "check-circle",
+      warning: "warning-circle"
+    };
+    return a[this.type] || "info";
+  }
+  // render() function
+  // Always the last one in the class.
+  // ===================================
+  render() {
+    const a = {
+      ...this.border && {
+        "--bq-notification--border-radius": `var(--bq-radius--${this.border})`
+      }
+    };
+    return e(t, {
+      key: "4f0f1bb7d3b014811a0fba39de5779ccffcb1662",
+      style: a,
+      class: {
+        "is-hidden": !this.open
+      },
+      "aria-hidden": !this.open ? "true" : "false",
+      hidden: !this.open ? "true" : "false",
+      role: "alert"
+    }, e("div", {
+      key: "8a98766cf1c67154a6c9640dc86f6df41fbaa382",
+      class: "bq-notification",
+      "data-transition-enter": "transform transition ease-out duration-300",
+      "data-transition-enter-start": "translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s",
+      "data-transition-enter-end": "translate-y-0 opacity-100 sm:translate-x-0",
+      "data-transition-leave": "transform transition ease-in duration-100",
+      "data-transition-leave-start": "translate-y-0 opacity-100 sm:translate-x-0",
+      "data-transition-leave-end": "-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s",
+      ref: a => this.notificationElem = a,
+      part: "wrapper"
+    }, !this.disableClose && e("bq-button", {
+      key: "727c5255aa20c84716e42ee1f46f40266fbb3762",
+      class: "notification--close absolute inset-ie-5 [&::part(label)]:inline-flex",
+      appearance: "text",
+      size: "small",
+      onClick: () => this.hide(),
+      part: "btn-close"
+    }, e("slot", {
+      key: "d0b86246fca4af363efe8c356c2c8d25e528d940",
+      name: "btn-close"
+    }, e("bq-icon", {
+      key: "033d5aa584962f83442f3c3738ff8d559e5076a4",
+      name: "x"
+    }))), e("div", {
+      key: "3ecbf91961be74c3cbf373faac6c5e5acc283f4a",
+      class: {
+        "!hidden": this.hideIcon,
+        [`color-${this.type}`]: true,
+        // The icon color will be based on the type (info, success, warning, error)
+        "notification--icon me-xs flex text-left align-top": true
+      },
+      part: "icon-outline"
+    }, e("slot", {
+      key: "b253eb56bbeda313ba734bc50295165c295fc6d7",
+      name: "icon"
+    }, e("bq-icon", {
+      key: "3f67f0070f5a0ea679ab8e6a12389ec13dbe3f06",
+      name: this.iconName,
+      part: "icon",
+      exportparts: "base,svg"
+    }))), e("div", {
+      key: "3af243d4711a1c6b26ea715d5697fd5143865400",
+      class: "flex flex-col items-start gap-[--bq-notification--content-footer-gap]",
+      part: "main"
+    }, e("div", {
+      key: "0230a3c19b9175b49634484bf119074023cccb80",
+      class: "flex flex-col gap-[--bq-notification--title-body-gap]",
+      part: "content"
+    }, e("div", {
+      key: "af66909c83a639a775785f73d5a8868c6950e3a3",
+      class: "title-font font-semibold leading-regular",
+      part: "title"
+    }, e("slot", {
+      key: "1772d3848388ab66f810d94e4eab0fe6098761f2"
+    })), e("div", {
+      key: "c43b1ebffed06675104d9005993ef3bcf693868f",
+      class: {
+        "text-s leading-regular": true,
+        "!hidden": !this.hasContent
+      },
+      ref: a => this.bodyElem = a,
+      part: "body"
+    }, e("slot", {
+      key: "bd11c03f62ccf2c87142ab426a8e6bb698fbd95d",
+      name: "body",
+      onSlotchange: this.handleContentSlotChange
+    }))), e("div", {
+      key: "5dad8a74c5a851e686df40a6e21fbe629728a480",
+      class: {
+        "flex items-start gap-xs": true,
+        "!hidden": !this.hasFooter
+      },
+      ref: a => this.footerElem = a,
+      part: "footer"
+    }, e("slot", {
+      key: "a5a182734b5c50527f3460918a351f95f88f8964",
+      name: "footer",
+      onSlotchange: this.handleFooterSlotChange
+    })))));
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      autoDismiss: [ "handleTimeout" ],
+      time: [ "handleTimeout" ],
+      open: [ "handleOpenChange" ],
+      type: [ "checkPropValues" ]
+    };
+  }
+};
+
+f.style = d;
+
+export { f as bq_notification };
+//# sourceMappingURL=p-d3008f60.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NOTIFICATION_TYPE","bqNotificationCss","BqNotificationStyle0","NOTIFICATION_PORTAL_SELECTOR","BqNotification","this","handleHide","async","ev","bqHide","emit","el","defaultPrevented","leave","notificationElem","open","handleTransitionEnd","handleShow","bqShow","enter","bqAfterOpen","bqAfterClose","handleContentSlotChange","hasContent","hasSlotContent","bodyElem","handleFooterSlotChange","hasFooter","footerElem","document","querySelector","handleTimeout","_a","autoDismissDebounce","cancel","autoDismiss","debounce","hide","time","handleOpenChange","checkPropValues","validatePropValue","connectedCallback","notificationPortal","Object","assign","createElement","className","componentWillLoad","afterNotificationClose","removeChild","tagName","toLowerCase","remove","error","DOMException","show","toast","parentElement","body","append","appendChild","requestAnimationFrame","iconName","typeMap","success","warning","type","render","style","border","h","Host","key","class","hidden","role","ref","div","part","disableClose","appearance","size","onClick","name","hideIcon","exportparts","onSlotchange"],"sources":["../../packages/beeq/src/components/notification/bq-notification.types.ts","../../packages/beeq/src/components/notification/scss/bq-notification.scss?tag=bq-notification&encapsulation=shadow","../../packages/beeq/src/components/notification/bq-notification.tsx"],"sourcesContent":["export const NOTIFICATION_TYPE = ['error', 'info', 'neutral', 'success', 'warning'] as const;\nexport type TNotificationType = (typeof NOTIFICATION_TYPE)[number];\n\nexport const NOTIFICATION_BORDER_RADIUS = ['none', 'xs2', 'xs', 's', 'm', 'l', 'full'] as const;\nexport type TNotificationBorderRadius = (typeof NOTIFICATION_BORDER_RADIUS)[number];\n","/* -------------------------------------------------------------------------- */\n/*                             Notification styles                            */\n/* -------------------------------------------------------------------------- */\n\n@import './bq-notification.variables';\n\n:host {\n  @apply block;\n}\n\n:host(.is-hidden) {\n  @apply hidden;\n}\n\n.bq-notification {\n  @apply relative flex transition-all min-is-[--bq-notification--min-width] p-b-[--bq-notification--padding] p-i-[--bq-notification--padding];\n  @apply rounded-[--bq-notification--border-radius] bg-[--bq-notification--background] shadow-[shadow:--bq-notification--box-shadow];\n}\n\n/**\n * Set the notification icon color based on the type value selected\n */\n.notification--icon.color {\n  &-error {\n    @apply text-[color:--bq-notification--icon-color-error];\n  }\n\n  &-info {\n    @apply text-[color:--bq-notification--icon-color-info];\n  }\n\n  &-neutral {\n    @apply text-[color:--bq-notification--icon-color-neutral];\n  }\n\n  &-success {\n    @apply text-[color:--bq-notification--icon-color-success];\n  }\n\n  &-warning {\n    @apply text-[color:--bq-notification--icon-color-warning];\n  }\n}\n\n/**\n * Tweak the close bq-button styles so it remain small without extra padding\n */\n.notification--close::part(button) {\n  @apply rounded-s border-0 bs-fit p-b-0 p-i-0;\n}\n\n/**\n * Here we guarantee that if the footer actions are wrapped in a div container from the consumer side,\n * the styles get applied to the that wrapping container directly\n */\n[part='footer'] ::slotted(*) {\n  @apply flex items-start gap-xs;\n}\n\n[part='body'],\n[part='footer'] {\n  ::slotted(*) {\n    @apply block m-bs-m;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { NOTIFICATION_TYPE, TNotificationBorderRadius, TNotificationType } from './bq-notification.types';\nimport { debounce, enter, hasSlotContent, leave, TDebounce, validatePropValue } from '../../shared/utils';\n\nconst NOTIFICATION_PORTAL_SELECTOR = 'bq-notification-portal';\n\n/**\n * @part base - The `<div>` container of the predefined bq-icon component.\n * @part body - The container `<div>` that wraps the notification description content\n * @part btn-close - The `bq-button` used to close the notification\n * @part content - The container `<div>` that wraps all the notification content (title, description, footer)\n * @part footer - The container `<div>` that wraps the notification footer content\n * @part icon - The `<bq-icon>` element used to render a predefined icon based on the notification type\n * @part icon-outline - The container `<div>` that wraps the icon element\n * @part main - The container `<div>` that wraps the notification main content (title, description)\n * @part svg - The `<svg>` element of the predefined bq-icon component.\n * @part title - The container `<div>` that wraps the notification title content\n * @part wrapper - The wrapper container `<div>` of the element inside the shadow DOM\n *\n * @slot - The notification title content\n * @slot body - The notification description content\n * @slot footer - The notification footer content\n * @slot icon - The icon to be displayed in the notification\n * @slot btn-close - The close button of the notification\n */\n\n@Component({\n  tag: 'bq-notification',\n  styleUrl: './scss/bq-notification.scss',\n  shadow: true,\n})\nexport class BqNotification {\n  // Own Properties\n  // ====================\n\n  private autoDismissDebounce: TDebounce<void>;\n  private bodyElem: HTMLDivElement;\n  private footerElem: HTMLDivElement;\n  private notificationElem: HTMLDivElement;\n\n  // Reference to host HTML element\n  // ===================================\n\n  @Element() el!: HTMLBqNotificationElement;\n\n  // State() variables\n  // Inlined decorator, alphabetical order\n  // =======================================\n\n  @State() private hasContent = false;\n  @State() private hasFooter = false;\n  @State() private notificationPortal = document.querySelector(`.${NOTIFICATION_PORTAL_SELECTOR}`);\n\n  // Public Property API\n  // ========================\n\n  /** If true, the notification will automatically hide after the specified amount of time */\n  @Prop({ reflect: true }) autoDismiss: boolean;\n\n  /** The corder radius of the notification component */\n  @Prop({ reflect: true }) border: TNotificationBorderRadius = 's';\n\n  /** If true, the close button at the top right of the notification won't be shown */\n  @Prop({ reflect: true }) disableClose: boolean;\n\n  /** If true, the notification icon won't be shown */\n  @Prop({ reflect: true }) hideIcon: boolean;\n\n  /** If true, the notification will be shown */\n  @Prop({ reflect: true, mutable: true }) open: boolean;\n\n  /** The length of time, in milliseconds, after which the notification will close itself. Only valid if `autoDismiss=\"true\"` */\n  @Prop({ reflect: true }) time: number = 3000;\n\n  /** Type of Notification */\n  @Prop({ reflect: true }) type: TNotificationType = 'info';\n\n  // Prop lifecycle events\n  // =======================\n  @Watch('autoDismiss')\n  @Watch('time')\n  handleTimeout() {\n    this.autoDismissDebounce?.cancel();\n    if (!this.autoDismiss) return;\n\n    this.autoDismissDebounce = debounce(() => {\n      this.hide();\n    }, this.time);\n    // Make sure to autodismiss the notification if the `auto-dismiss` value changed while open\n    if (this.open) this.autoDismissDebounce();\n  }\n\n  @Watch('open')\n  handleOpenChange() {\n    this.autoDismissDebounce?.cancel();\n\n    if (!(this.autoDismiss && this.open)) return;\n    this.autoDismissDebounce();\n  }\n\n  @Watch('type')\n  checkPropValues() {\n    validatePropValue(NOTIFICATION_TYPE, 'info', this.el, 'type');\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;\n\n  /** Callback handler to be called when the notification is shown */\n  @Event() bqShow!: EventEmitter;\n\n  /** Callback handler to be called after the notification has been opened */\n  @Event() bqAfterOpen!: EventEmitter;\n\n  /** Callback handler to be called after the notification has been closed */\n  @Event() bqAfterClose!: EventEmitter;\n\n  // Component lifecycle events\n  // Ordered by their natural call order\n  // =====================================\n\n  connectedCallback() {\n    const { notificationPortal } = this;\n    if (!notificationPortal) {\n      this.notificationPortal = Object.assign(document.createElement('div'), {\n        className: NOTIFICATION_PORTAL_SELECTOR,\n      });\n    }\n  }\n\n  componentWillLoad() {\n    this.checkPropValues();\n    this.handleTimeout();\n  }\n\n  // Listeners\n  // ==============\n\n  @Listen('bqAfterClose')\n  afterNotificationClose() {\n    try {\n      const { notificationPortal } = this;\n      notificationPortal.removeChild(this.el);\n      // Remove the notification portal from the DOM when there are no more notifications\n      if (notificationPortal.querySelector(this.el.tagName.toLowerCase()) === null) {\n        notificationPortal.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 hide the notification component */\n  @Method()\n  async hide(): Promise<void> {\n    await this.handleHide();\n  }\n\n  /** Method to be called to show the notification component */\n  @Method()\n  async show(): Promise<void> {\n    await this.handleShow();\n  }\n\n  /** This method can be used to display notifications in a fixed-position element that allows for stacking multiple notifications vertically */\n  @Method()\n  async toast() {\n    const { notificationPortal } = this;\n    if (notificationPortal?.parentElement === null) {\n      document.body.append(notificationPortal);\n    }\n\n    notificationPortal?.appendChild(this.el);\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 handleHide = async () => {\n    const ev = this.bqHide.emit(this.el);\n    if (!ev.defaultPrevented) {\n      await leave(this.notificationElem);\n      this.open = false;\n      this.handleTransitionEnd();\n    }\n  };\n\n  private handleShow = async () => {\n    const ev = this.bqShow.emit(this.el);\n    if (!ev.defaultPrevented) {\n      this.open = true;\n      await enter(this.notificationElem);\n      this.handleTransitionEnd();\n    }\n  };\n\n  private handleTransitionEnd = () => {\n    if (this.open) {\n      this.bqAfterOpen.emit();\n      return;\n    }\n\n    this.bqAfterClose.emit();\n  };\n\n  private handleContentSlotChange = () => {\n    this.hasContent = hasSlotContent(this.bodyElem);\n  };\n\n  private handleFooterSlotChange = () => {\n    this.hasFooter = hasSlotContent(this.footerElem, 'footer');\n  };\n\n  private get iconName(): string {\n    const typeMap = {\n      error: 'x-circle',\n      success: 'check-circle',\n      warning: 'warning-circle',\n    };\n\n    return typeMap[this.type] || 'info';\n  }\n\n  // render() function\n  // Always the last one in the class.\n  // ===================================\n\n  render() {\n    const style = {\n      ...(this.border && { '--bq-notification--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=\"alert\"\n      >\n        <div\n          class=\"bq-notification\"\n          data-transition-enter=\"transform transition ease-out duration-300\"\n          data-transition-enter-start=\"translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s\"\n          data-transition-enter-end=\"translate-y-0 opacity-100 sm:translate-x-0\"\n          data-transition-leave=\"transform transition ease-in duration-100\"\n          data-transition-leave-start=\"translate-y-0 opacity-100 sm:translate-x-0\"\n          data-transition-leave-end=\"-translate-y-xs opacity-0 sm:translate-y-0 sm:translate-x-s\"\n          ref={(div) => (this.notificationElem = div)}\n          part=\"wrapper\"\n        >\n          {/* CLOSE BUTTON */}\n          {!this.disableClose && (\n            <bq-button\n              class=\"notification--close absolute inset-ie-5 [&::part(label)]:inline-flex\"\n              appearance=\"text\"\n              size=\"small\"\n              onClick={() => this.hide()}\n              part=\"btn-close\"\n            >\n              <slot name=\"btn-close\">\n                <bq-icon name=\"x\" />\n              </slot>\n            </bq-button>\n          )}\n          {/* ICON */}\n          <div\n            class={{\n              '!hidden': this.hideIcon,\n              [`color-${this.type}`]: true, // The icon color will be based on the type (info, success, warning, error)\n              'notification--icon me-xs flex text-left align-top': true,\n            }}\n            part=\"icon-outline\"\n          >\n            <slot name=\"icon\">\n              <bq-icon name={this.iconName} part=\"icon\" exportparts=\"base,svg\" />\n            </slot>\n          </div>\n          {/* MAIN */}\n          <div class=\"flex flex-col items-start gap-[--bq-notification--content-footer-gap]\" part=\"main\">\n            <div class=\"flex flex-col gap-[--bq-notification--title-body-gap]\" part=\"content\">\n              {/* TITLE */}\n              <div class=\"title-font font-semibold leading-regular\" part=\"title\">\n                <slot />\n              </div>\n              {/* BODY */}\n              <div\n                class={{ 'text-s leading-regular': true, '!hidden': !this.hasContent }}\n                ref={(div) => (this.bodyElem = div)}\n                part=\"body\"\n              >\n                <slot name=\"body\" onSlotchange={this.handleContentSlotChange} />\n              </div>\n            </div>\n            {/* FOOTER */}\n            <div\n              class={{ 'flex items-start gap-xs': true, '!hidden': !this.hasFooter }}\n              ref={(div) => (this.footerElem = div)}\n              part=\"footer\"\n            >\n              <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAO,MAAMA,IAAoB,EAAC,SAAS,QAAQ,WAAW,WAAW;;ACAzE,MAAMC,IAAoB;;AAC1B,MAAAC,IAAeD;;ACIf,MAAME,IAA+B;;MA2BxBC,IAAc;;;;;;;;;;;QAwKjBC,KAAAC,aAAaC;MACnB,MAAMC,IAAKH,KAAKI,OAAOC,KAAKL,KAAKM;MACjC,KAAKH,EAAGI,kBAAkB;cAClBC,EAAMR,KAAKS;QACjBT,KAAKU,OAAO;QACZV,KAAKW;;;IAIDX,KAAAY,aAAaV;MACnB,MAAMC,IAAKH,KAAKa,OAAOR,KAAKL,KAAKM;MACjC,KAAKH,EAAGI,kBAAkB;QACxBP,KAAKU,OAAO;cACNI,EAAMd,KAAKS;QACjBT,KAAKW;;;IAIDX,KAAAW,sBAAsB;MAC5B,IAAIX,KAAKU,MAAM;QACbV,KAAKe,YAAYV;QACjB;;MAGFL,KAAKgB,aAAaX;AAAM;IAGlBL,KAAAiB,0BAA0B;MAChCjB,KAAKkB,aAAaC,EAAenB,KAAKoB;AAAS;IAGzCpB,KAAAqB,yBAAyB;MAC/BrB,KAAKsB,YAAYH,EAAenB,KAAKuB,YAAY;AAAS;sBAtL9B;qBACD;8BACSC,SAASC,cAAc,IAAI3B;;kBASJ;;;;gBAYrB;gBAGW;;;;EAMnD,aAAA4B;;KACEC,IAAA3B,KAAK4B,yBAAmB,QAAAD,WAAA,aAAAA,EAAEE;IAC1B,KAAK7B,KAAK8B,aAAa;IAEvB9B,KAAK4B,sBAAsBG,GAAS;MAClC/B,KAAKgC;AAAM,QACVhC,KAAKiC;;QAER,IAAIjC,KAAKU,MAAMV,KAAK4B;;EAItB,gBAAAM;;KACEP,IAAA3B,KAAK4B,yBAAmB,QAAAD,WAAA,aAAAA,EAAEE;IAE1B,MAAM7B,KAAK8B,eAAe9B,KAAKU,OAAO;IACtCV,KAAK4B;;EAIP,eAAAO;IACEC,EAAkBzC,GAAmB,QAAQK,KAAKM,IAAI;;;;;EAuBxD,iBAAA+B;IACE,OAAMC,oBAAEA,KAAuBtC;IAC/B,KAAKsC,GAAoB;MACvBtC,KAAKsC,qBAAqBC,OAAOC,OAAOhB,SAASiB,cAAc,QAAQ;QACrEC,WAAW5C;;;;EAKjB,iBAAA6C;IACE3C,KAAKmC;IACLnC,KAAK0B;;;;EAOP,sBAAAkB;IACE;MACE,OAAMN,oBAAEA,KAAuBtC;MAC/BsC,EAAmBO,YAAY7C,KAAKM;;YAEpC,IAAIgC,EAAmBb,cAAczB,KAAKM,GAAGwC,QAAQC,mBAAmB,MAAM;QAC5ET,EAAmBU;;MAErB,OAAOC;;;;;MAKP,IAAIA,aAAiBC,cAAc;MACnC,MAAMD;;;;;;;;;;EAaV,UAAMjB;UACEhC,KAAKC;;iEAKb,UAAMkD;UACEnD,KAAKY;;kJAKb,WAAMwC;IACJ,OAAMd,oBAAEA,KAAuBtC;IAC/B,KAAIsC,MAAkB,QAAlBA,WAAkB,aAAlBA,EAAoBe,mBAAkB,MAAM;MAC9C7B,SAAS8B,KAAKC,OAAOjB;;IAGvBA,MAAkB,QAAlBA,WAAkB,aAAlBA,EAAoBkB,YAAYxD,KAAKM;IACrCmD,uBAAsB;MACpBzD,KAAKmD;AAAM;;EA4Cf,YAAYO;IACV,MAAMC,IAAU;MACdV,OAAO;MACPW,SAAS;MACTC,SAAS;;IAGX,OAAOF,EAAQ3D,KAAK8D,SAAS;;;;;EAO/B,MAAAC;IACE,MAAMC,IAAQ;SACRhE,KAAKiE,UAAU;QAAE,oCAAoC,oBAAoBjE,KAAKiE;;;IAGpF,OACEC,EAACC,GAAI;MAAAC,KAAA;MACHJ,OAAOA;MACPK,OAAO;QAAE,cAAcrE,KAAKU;;MAAM,gBACpBV,KAAKU,OAAO,SAAS;MACnC4D,SAAStE,KAAKU,OAAO,SAAS;MAC9B6D,MAAK;OAELL,EAAA;MAAAE,KAAA;MACEC,OAAM;MAAiB,yBACD;MAA4C,+BACtC;MAA4D,6BAC9D;MAA4C,yBAChD;MAA2C,+BACrC;MAA4C,6BAC9C;MAC1BG,KAAMC,KAASzE,KAAKS,mBAAmBgE;MACvCC,MAAK;QAGH1E,KAAK2E,gBACLT,EAAA;MAAAE,KAAA;MACEC,OAAM;MACNO,YAAW;MACXC,MAAK;MACLC,SAAS,MAAM9E,KAAKgC;MACpB0C,MAAK;OAELR,EAAA;MAAAE,KAAA;MAAMW,MAAK;OACTb,EAAA;MAAAE,KAAA;MAASW,MAAK;UAKpBb,EAAA;MAAAE,KAAA;MACEC,OAAO;QACL,WAAWrE,KAAKgF;QAChB,CAAC,SAAShF,KAAK8D,SAAS;;QACxB,qDAAqD;;MAEvDY,MAAK;OAELR,EAAA;MAAAE,KAAA;MAAMW,MAAK;OACTb,EAAA;MAAAE,KAAA;MAASW,MAAM/E,KAAK0D;MAAUgB,MAAK;MAAOO,aAAY;UAI1Df,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAwEK,MAAK;OACtFR,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAAwDK,MAAK;OAEtER,EAAA;MAAAE,KAAA;MAAKC,OAAM;MAA2CK,MAAK;OACzDR,EAAA;MAAAE,KAAA;SAGFF,EAAA;MAAAE,KAAA;MACEC,OAAO;QAAE,0BAA0B;QAAM,YAAYrE,KAAKkB;;MAC1DsD,KAAMC,KAASzE,KAAKoB,WAAWqD;MAC/BC,MAAK;OAELR,EAAA;MAAAE,KAAA;MAAMW,MAAK;MAAOG,cAAclF,KAAKiB;UAIzCiD,EAAA;MAAAE,KAAA;MACEC,OAAO;QAAE,2BAA2B;QAAM,YAAYrE,KAAKsB;;MAC3DkD,KAAMC,KAASzE,KAAKuB,aAAakD;MACjCC,MAAK;OAELR,EAAA;MAAAE,KAAA;MAAMW,MAAK;MAASG,cAAclF,KAAKqB","ignoreList":[]}

package/dist/beeq/p-d7a88b16.js

@@ -2,5 +2,91 @@
  * Built by Endavans
  * © https://beeq.design - Apache 2 License.
  */
-function t(t){return t.nodeType===Node.ELEMENT_NODE}function n(t){return t.nodeType===Node.TEXT_NODE}function e(r,o=1,u=Infinity){let f="";if(o<=u){if(n(r)){f+=r.textContent}else if(t(r)&&r.hasChildNodes()){const t=o+1;r.childNodes.forEach((n=>{f+=e(n,t,u)}))}}return f}function r(e){const r=e.assignedNodes({flatten:true});let o="";[...r].forEach((e=>{if(t(e)){o+=e.outerHTML}if(n(e)){o+=e.textContent}}));return o}function o(t,n){const r=t.assignedNodes({flatten:true});const{recurse:o=false,maxLevel:u}=n!==null&&n!==void 0?n:{};let f="";[...r].forEach((t=>{f+=e(t,1,o?u:1)}));return f.trim()}function u(t,n){return Array.from(t.querySelectorAll("[slot]")).filter((t=>t.slot===n)).length>0}function f(t,n){var e;const r=n?`[name='${n}']`:"";const o=(e=t.querySelector(`slot${r}`))===null||e===void 0?void 0:e.assignedElements({flatten:true});if(!o||!Array.isArray(o))return false;return!!o.length}export{o as a,f as b,r as g,u as h};
+/*=========================================================================================
+= Credit:                                                                                =
+= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts             =
+=========================================================================================*/
+function isElementNode(t) {
+  return t.nodeType === Node.ELEMENT_NODE;
+}
+
+function isTextNode(t) {
+  return t.nodeType === Node.TEXT_NODE;
+}
+
+function getText(t, e = 1, n = Infinity) {
+  let o = "";
+  if (e <= n) {
+    if (isTextNode(t)) {
+      o += t.textContent;
+    } else if (isElementNode(t) && t.hasChildNodes()) {
+      const r = e + 1;
+      t.childNodes.forEach((t => {
+        o += getText(t, r, n);
+      }));
+    }
+  }
+  return o;
+}
+
+/**
+ * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.
+ *
+ * @param {HTMLSlotElement} slot - Slot HTML element
+ * @return {string} The concatenated HTML as a string
+ */ function getInnerHTML(t) {
+  const e = t.assignedNodes({
+    flatten: true
+  });
+  let n = "";
+  [ ...e ].forEach((t => {
+    if (isElementNode(t)) {
+      n += t.outerHTML;
+    }
+    if (isTextNode(t)) {
+      n += t.textContent;
+    }
+  }));
+  return n;
+}
+
+function getTextContent(t, e) {
+  const n = t.assignedNodes({
+    flatten: true
+  });
+  const {recurse: o = false, maxLevel: r} = e !== null && e !== void 0 ? e : {};
+  let s = "";
+  [ ...n ].forEach((t => {
+    s += getText(t, 1, o ? r : 1);
+  }));
+  return s.trim();
+}
+
+/**
+ * Determines whether a slot with the given name exists in an element.
+ *
+ * @param {HTMLElement} el - The HTMl element to check
+ * @param {string} name - Name of the slot to check inside the HTML element
+ * @return {boolean} True or false if the given HTML element has slot
+ */ function hasSlot(t, e) {
+  return Array.from(t.querySelectorAll("[slot]")).filter((t => t.slot === e)).length > 0;
+}
+
+/**
+ * Will return whether if a given slot have HTML children elements or not.
+ *
+ * @param {HTMLElement} el - The HTML element that holds the slot
+ * @param {string} [name] - Optional slot name
+ * @return {boolean} True or false if the slot have HTML children elements
+ */ function hasSlotContent(t, e) {
+  var n;
+  const o = e ? `[name='${e}']` : "";
+  const r = (n = t.querySelector(`slot${o}`)) === null || n === void 0 ? void 0 : n.assignedElements({
+    flatten: true
+  });
+  if (!r || !Array.isArray(r)) return false;
+  return !!r.length;
+}
+
+export { getTextContent as a, hasSlotContent as b, getInnerHTML as g, hasSlot as h };
 //# sourceMappingURL=p-d7a88b16.js.map

package/dist/beeq/p-d7a88b16.js.map

@@ -1 +1 @@
-{"version":3,"names":["isElementNode","node","nodeType","Node","ELEMENT_NODE","isTextNode","TEXT_NODE","getText","currentLevel","maxLevel","Infinity","text","textContent","hasChildNodes","nextLevel","childNodes","forEach","getInnerHTML","slot","nodes","assignedNodes","flatten","html","outerHTML","getTextContent","options","recurse","trim","hasSlot","el","name","Array","from","querySelectorAll","filter","slottedEl","length","hasSlotContent","slotSelector","slotContent","_a","querySelector","assignedElements","isArray"],"sources":["../../packages/beeq/src/shared/utils/slot.ts"],"sourcesContent":["/*=========================================================================================\n= Credit:                                                                                =\n= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts             =\n=========================================================================================*/\n\nfunction isElementNode(node: Node): node is HTMLElement {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nfunction isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nfunction getText(node: Node, currentLevel = 1, maxLevel = Infinity): string {\n  let text = '';\n  if (currentLevel <= maxLevel) {\n    if (isTextNode(node)) {\n      text += node.textContent;\n    } else if (isElementNode(node) && node.hasChildNodes()) {\n      const nextLevel = currentLevel + 1;\n      node.childNodes.forEach((node) => {\n        text += getText(node, nextLevel, maxLevel);\n      });\n    }\n  }\n\n  return text;\n}\n\nexport interface IOptions {\n  recurse: boolean;\n  maxLevel?: number;\n}\n\n/**\n * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated HTML as a string\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].forEach((node) => {\n    if (isElementNode(node)) {\n      html += node.outerHTML;\n    }\n\n    if (isTextNode(node)) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement): string;\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @param {IOptions} options - Options to retrieve text\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement, options: IOptions): string;\nexport function getTextContent(slot: HTMLSlotElement, options?: IOptions): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  const { recurse = false, maxLevel } = options ?? {};\n  let text = '';\n\n  [...nodes].forEach((node) => {\n    text += getText(node, 1, recurse ? maxLevel : 1);\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether a slot with the given name exists in an element.\n *\n * @param {HTMLElement} el - The HTMl element to check\n * @param {string} name - Name of the slot to check inside the HTML element\n * @return {boolean} True or false if the given HTML element has slot\n */\nexport function hasSlot(el: HTMLElement, name: string): boolean {\n  return (\n    Array.from(el.querySelectorAll('[slot]')).filter((slottedEl: HTMLSlotElement) => slottedEl.slot === name).length > 0\n  );\n}\n\n/**\n * Will return whether if a given slot have HTML children elements or not.\n *\n * @param {HTMLElement} el - The HTML element that holds the slot\n * @param {string} [name] - Optional slot name\n * @return {boolean} True or false if the slot have HTML children elements\n */\nexport function hasSlotContent(el: HTMLElement, name?: string): boolean {\n  const slotSelector = name ? `[name='${name}']` : '';\n  const slotContent = el.querySelector<HTMLSlotElement>(`slot${slotSelector}`)?.assignedElements({ flatten: true });\n  if (!slotContent || !Array.isArray(slotContent)) return false;\n\n  return !!slotContent.length;\n}\n"],"mappings":";;;;AAKA,SAASA,EAAcC,GACrB,OAAOA,EAAKC,WAAaC,KAAKC,YAChC,CAEA,SAASC,EAAWJ,GAClB,OAAOA,EAAKC,WAAaC,KAAKG,SAChC,CAEA,SAASC,EAAQN,EAAYO,EAAe,EAAGC,EAAWC,UACxD,IAAIC,EAAO,GACX,GAAIH,GAAgBC,EAAU,CAC5B,GAAIJ,EAAWJ,GAAO,CACpBU,GAAQV,EAAKW,W,MACR,GAAIZ,EAAcC,IAASA,EAAKY,gBAAiB,CACtD,MAAMC,EAAYN,EAAe,EACjCP,EAAKc,WAAWC,SAASf,IACvBU,GAAQJ,EAAQN,EAAMa,EAAWL,EAAS,G,EAKhD,OAAOE,CACT,C,SAagBM,EAAaC,GAC3B,MAAMC,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,IAAIC,EAAO,GAEX,IAAIH,GAAOH,SAASf,IAClB,GAAID,EAAcC,GAAO,CACvBqB,GAAQrB,EAAKsB,S,CAGf,GAAIlB,EAAWJ,GAAO,CACpBqB,GAAQrB,EAAKW,W,KAIjB,OAAOU,CACT,C,SAiBgBE,EAAeN,EAAuBO,GACpD,MAAMN,EAAQD,EAAKE,cAAc,CAAEC,QAAS,OAC5C,MAAMK,QAAEA,EAAU,MAAKjB,SAAEA,GAAagB,IAAO,MAAPA,SAAO,EAAPA,EAAW,GACjD,IAAId,EAAO,GAEX,IAAIQ,GAAOH,SAASf,IAClBU,GAAQJ,EAAQN,EAAM,EAAGyB,EAAUjB,EAAW,EAAE,IAGlD,OAAOE,EAAKgB,MACd,C,SASgBC,EAAQC,EAAiBC,GACvC,OACEC,MAAMC,KAAKH,EAAGI,iBAAiB,WAAWC,QAAQC,GAA+BA,EAAUjB,OAASY,IAAMM,OAAS,CAEvH,C,SASgBC,EAAeR,EAAiBC,G,MAC9C,MAAMQ,EAAeR,EAAO,UAAUA,MAAW,GACjD,MAAMS,GAAcC,EAAAX,EAAGY,cAA+B,OAAOH,QAAe,MAAAE,SAAA,SAAAA,EAAEE,iBAAiB,CAAErB,QAAS,OAC1G,IAAKkB,IAAgBR,MAAMY,QAAQJ,GAAc,OAAO,MAExD,QAASA,EAAYH,MACvB,Q","ignoreList":[]}
+{"version":3,"names":["isElementNode","node","nodeType","Node","ELEMENT_NODE","isTextNode","TEXT_NODE","getText","currentLevel","maxLevel","Infinity","text","textContent","hasChildNodes","nextLevel","childNodes","forEach","getInnerHTML","slot","nodes","assignedNodes","flatten","html","outerHTML","getTextContent","options","recurse","trim","hasSlot","el","name","Array","from","querySelectorAll","filter","slottedEl","length","hasSlotContent","slotSelector","slotContent","_a","querySelector","assignedElements","isArray"],"sources":["../../packages/beeq/src/shared/utils/slot.ts"],"sourcesContent":["/*=========================================================================================\n= Credit:                                                                                =\n= https://github.com/shoelace-style/shoelace/blob/next/src/utilities/slot.ts             =\n=========================================================================================*/\n\nfunction isElementNode(node: Node): node is HTMLElement {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nfunction isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nfunction getText(node: Node, currentLevel = 1, maxLevel = Infinity): string {\n  let text = '';\n  if (currentLevel <= maxLevel) {\n    if (isTextNode(node)) {\n      text += node.textContent;\n    } else if (isElementNode(node) && node.hasChildNodes()) {\n      const nextLevel = currentLevel + 1;\n      node.childNodes.forEach((node) => {\n        text += getText(node, nextLevel, maxLevel);\n      });\n    }\n  }\n\n  return text;\n}\n\nexport interface IOptions {\n  recurse: boolean;\n  maxLevel?: number;\n}\n\n/**\n * Iterates over all of its assigned element and text nodes of a given slot and returns the concatenated HTML as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated HTML as a string\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].forEach((node) => {\n    if (isElementNode(node)) {\n      html += node.outerHTML;\n    }\n\n    if (isTextNode(node)) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement): string;\n/**\n * Iterates over all of its assigned text nodes of a given slot and returns the concatenated text as a string.\n *\n * @param {HTMLSlotElement} slot - Slot HTML element\n * @param {IOptions} options - Options to retrieve text\n * @return {string} The concatenated text as a string\n */\nexport function getTextContent(slot: HTMLSlotElement, options: IOptions): string;\nexport function getTextContent(slot: HTMLSlotElement, options?: IOptions): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  const { recurse = false, maxLevel } = options ?? {};\n  let text = '';\n\n  [...nodes].forEach((node) => {\n    text += getText(node, 1, recurse ? maxLevel : 1);\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether a slot with the given name exists in an element.\n *\n * @param {HTMLElement} el - The HTMl element to check\n * @param {string} name - Name of the slot to check inside the HTML element\n * @return {boolean} True or false if the given HTML element has slot\n */\nexport function hasSlot(el: HTMLElement, name: string): boolean {\n  return (\n    Array.from(el.querySelectorAll('[slot]')).filter((slottedEl: HTMLSlotElement) => slottedEl.slot === name).length > 0\n  );\n}\n\n/**\n * Will return whether if a given slot have HTML children elements or not.\n *\n * @param {HTMLElement} el - The HTML element that holds the slot\n * @param {string} [name] - Optional slot name\n * @return {boolean} True or false if the slot have HTML children elements\n */\nexport function hasSlotContent(el: HTMLElement, name?: string): boolean {\n  const slotSelector = name ? `[name='${name}']` : '';\n  const slotContent = el.querySelector<HTMLSlotElement>(`slot${slotSelector}`)?.assignedElements({ flatten: true });\n  if (!slotContent || !Array.isArray(slotContent)) return false;\n\n  return !!slotContent.length;\n}\n"],"mappings":";;;;;;;;AAKA,SAASA,cAAcC;EACrB,OAAOA,EAAKC,aAAaC,KAAKC;AAChC;;AAEA,SAASC,WAAWJ;EAClB,OAAOA,EAAKC,aAAaC,KAAKG;AAChC;;AAEA,SAASC,QAAQN,GAAYO,IAAe,GAAGC,IAAWC;EACxD,IAAIC,IAAO;EACX,IAAIH,KAAgBC,GAAU;IAC5B,IAAIJ,WAAWJ,IAAO;MACpBU,KAAQV,EAAKW;WACR,IAAIZ,cAAcC,MAASA,EAAKY,iBAAiB;MACtD,MAAMC,IAAYN,IAAe;MACjCP,EAAKc,WAAWC,SAASf;QACvBU,KAAQJ,QAAQN,GAAMa,GAAWL;AAAS;;;EAKhD,OAAOE;AACT;;;;;;;aAagBM,aAAaC;EAC3B,MAAMC,IAAQD,EAAKE,cAAc;IAAEC,SAAS;;EAC5C,IAAIC,IAAO;EAEX,KAAIH,IAAOH,SAASf;IAClB,IAAID,cAAcC,IAAO;MACvBqB,KAAQrB,EAAKsB;;IAGf,IAAIlB,WAAWJ,IAAO;MACpBqB,KAAQrB,EAAKW;;;EAIjB,OAAOU;AACT;;SAiBgBE,eAAeN,GAAuBO;EACpD,MAAMN,IAAQD,EAAKE,cAAc;IAAEC,SAAS;;EAC5C,OAAMK,SAAEA,IAAU,OAAKjB,UAAEA,KAAagB,MAAO,QAAPA,WAAO,IAAPA,IAAW;EACjD,IAAId,IAAO;EAEX,KAAIQ,IAAOH,SAASf;IAClBU,KAAQJ,QAAQN,GAAM,GAAGyB,IAAUjB,IAAW;AAAE;EAGlD,OAAOE,EAAKgB;AACd;;;;;;;;aASgBC,QAAQC,GAAiBC;EACvC,OACEC,MAAMC,KAAKH,EAAGI,iBAAiB,WAAWC,QAAQC,KAA+BA,EAAUjB,SAASY,IAAMM,SAAS;AAEvH;;;;;;;;aASgBC,eAAeR,GAAiBC;;EAC9C,MAAMQ,IAAeR,IAAO,UAAUA,QAAW;EACjD,MAAMS,KAAcC,IAAAX,EAAGY,cAA+B,OAAOH,UAAe,QAAAE,WAAA,aAAAA,EAAEE,iBAAiB;IAAErB,SAAS;;EAC1G,KAAKkB,MAAgBR,MAAMY,QAAQJ,IAAc,OAAO;EAExD,SAASA,EAAYH;AACvB","ignoreList":[]}

package/dist/beeq/p-e5afdf8c.js

@@ -0,0 +1,87 @@
+/*!
+ * Built by Endavans
+ * © https://beeq.design - Apache 2 License.
+ */
+/**
+ * Inspired by Shoelace's `getBasePath` and `setBasePath` functions.
+ * https://github.com/shoelace-style/shoelace/blob/next/src/utilities/base-path.ts
+ */
+/**
+ * Define the `bqSVGBasePath` property on the global window object, but only when the window object is available.
+ */
+if (typeof window !== "undefined") {
+  Object.defineProperty(window, "bqSVGBasePath", {
+    configurable: true,
+    enumerable: false,
+    writable: true
+  });
+}
+
+const n = "data-beeq";
+
+const e = "svg";
+
+const t = typeof document !== "undefined" && document ? [ ...document.getElementsByTagName("script") ] : [];
+
+/**
+ * Sets the `bqSVGBasePath` in the global window object,
+ * which is used to determine the SVG path in the BQIcon component.
+ * This method is the only way to update the base path.
+ *
+ * @param path - The new base path to set.
+ */ const setBasePath = n => {
+  if (typeof window !== "undefined") {
+    window.bqSVGBasePath = n;
+  }
+};
+
+/**
+ * Retrieves the `bqSVGBasePath`, optionally appending a subpath.
+ *
+ * @param subpath - The subpath to append to the base path.
+ * @returns The full base path including the subpath.
+ */ const getBasePath = (n = "") => {
+  if (typeof window === "undefined") return undefined;
+  const {bqSVGBasePath: e} = window;
+  if (!e) {
+    initializeBasePath();
+  }
+  return formatBasePath(n);
+};
+
+/**
+ * Initializes the `bqSVGBasePath` for the BEEQ assets by finding the appropriate script and setting the base path accordingly.
+ * 1. If a script with the attribute `data-beeq` exists, the base path will be set to the value of the `src` attribute.
+ * 2. If a script with the name `beeq.js` or `beeq.esm.js` exists, the base path will be set to the value of the `src` attribute.
+ * 3. If no scripts are found, the base path will be set to the default value `./svg`.
+ */ const initializeBasePath = () => {
+  const t = findConfigScript();
+  const o = t ? null : findFallbackScript();
+  const s = t || o;
+  if (s) {
+    const o = t ? s.getAttribute(n) : getScriptPath(s);
+    setBasePath(`${o}/${e}`);
+  } else {
+    setBasePath(`./${e}`);
+  }
+};
+
+/**
+ * Formats the `bqSVGBasePath` without a trailing slash.
+ * If one exists, append the subpath separated by a slash.
+ *
+ * @param subpath - The subpath to append to the base path.
+ * @returns The formatted base path.
+ */ const formatBasePath = n => {
+  const e = n ? `/${n.replace(/^\//, "")}` : "";
+  return window.bqSVGBasePath.replace(/\/$/, "") + e;
+};
+
+const findConfigScript = () => t.find((e => e.hasAttribute(n)));
+
+const findFallbackScript = () => t.find((n => /beeq(\.esm)?\.js($|\?)/.test(n.src)));
+
+const getScriptPath = n => n.getAttribute("src").split("/").slice(0, -1).join("/");
+
+export { getBasePath as g, setBasePath as s };
+//# sourceMappingURL=p-e5afdf8c.js.map

package/dist/beeq/p-e5afdf8c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["window","Object","defineProperty","configurable","enumerable","writable","DATA_BEEQ_ATTRIBUTE","DEFAULT_SVG_PATH","scripts","document","getElementsByTagName","setBasePath","path","bqSVGBasePath","getBasePath","subpath","undefined","initializeBasePath","formatBasePath","configScript","findConfigScript","fallbackScript","findFallbackScript","script","getAttribute","getScriptPath","formattedSubpath","replace","find","hasAttribute","test","src","split","slice","join"],"sources":["../../packages/beeq/src/shared/utils/assetsPath.ts"],"sourcesContent":["/**\n * Inspired by Shoelace's `getBasePath` and `setBasePath` functions.\n * https://github.com/shoelace-style/shoelace/blob/next/src/utilities/base-path.ts\n */\n\n/**\n * Extend the Window interface to include the `bqSVGBasePath` property and prevent it from being modified.\n * This is necessary to prevent the basePath from being modified by external scripts.\n */\ndeclare global {\n  interface Window {\n    bqSVGBasePath: string;\n  }\n}\n\n/**\n * Define the `bqSVGBasePath` property on the global window object, but only when the window object is available.\n */\nif (typeof window !== 'undefined') {\n  Object.defineProperty(window, 'bqSVGBasePath', {\n    configurable: true,\n    enumerable: false,\n    writable: true,\n  });\n}\n\nconst DATA_BEEQ_ATTRIBUTE = 'data-beeq';\nconst DEFAULT_SVG_PATH = 'svg';\nconst scripts: HTMLScriptElement[] =\n  typeof document !== 'undefined' && document\n    ? ([...document.getElementsByTagName('script')] as HTMLScriptElement[])\n    : [];\n\n/**\n * Sets the `bqSVGBasePath` in the global window object,\n * which is used to determine the SVG path in the BQIcon component.\n * This method is the only way to update the base path.\n *\n * @param path - The new base path to set.\n */\nexport const setBasePath = (path: string): void => {\n  if (typeof window !== 'undefined') {\n    window.bqSVGBasePath = path;\n  }\n};\n\n/**\n * Retrieves the `bqSVGBasePath`, optionally appending a subpath.\n *\n * @param subpath - The subpath to append to the base path.\n * @returns The full base path including the subpath.\n */\nexport const getBasePath = (subpath = ''): string | undefined => {\n  if (typeof window === 'undefined') return undefined;\n\n  const { bqSVGBasePath } = window;\n  if (!bqSVGBasePath) {\n    initializeBasePath();\n  }\n\n  return formatBasePath(subpath);\n};\n\n/**\n * Initializes the `bqSVGBasePath` for the BEEQ assets by finding the appropriate script and setting the base path accordingly.\n * 1. If a script with the attribute `data-beeq` exists, the base path will be set to the value of the `src` attribute.\n * 2. If a script with the name `beeq.js` or `beeq.esm.js` exists, the base path will be set to the value of the `src` attribute.\n * 3. If no scripts are found, the base path will be set to the default value `./svg`.\n */\nconst initializeBasePath = (): void => {\n  const configScript = findConfigScript();\n  const fallbackScript = configScript ? null : findFallbackScript();\n\n  const script = configScript || fallbackScript;\n  if (script) {\n    const path = configScript ? script.getAttribute(DATA_BEEQ_ATTRIBUTE) : getScriptPath(script);\n    setBasePath(`${path}/${DEFAULT_SVG_PATH}`);\n  } else {\n    setBasePath(`./${DEFAULT_SVG_PATH}`);\n  }\n};\n\n/**\n * Formats the `bqSVGBasePath` without a trailing slash.\n * If one exists, append the subpath separated by a slash.\n *\n * @param subpath - The subpath to append to the base path.\n * @returns The formatted base path.\n */\nconst formatBasePath = (subpath: string): string => {\n  const formattedSubpath = subpath ? `/${subpath.replace(/^\\//, '')}` : '';\n  return window.bqSVGBasePath.replace(/\\/$/, '') + formattedSubpath;\n};\n\nconst findConfigScript = (): HTMLScriptElement => scripts.find((script) => script.hasAttribute(DATA_BEEQ_ATTRIBUTE));\n\nconst findFallbackScript = (): HTMLScriptElement => scripts.find((script) => /beeq(\\.esm)?\\.js($|\\?)/.test(script.src));\n\nconst getScriptPath = (script: HTMLScriptElement): string =>\n  script.getAttribute('src').split('/').slice(0, -1).join('/');\n"],"mappings":";;;;;;;;;;;AAkBA,WAAWA,WAAW,aAAa;EACjCC,OAAOC,eAAeF,QAAQ,iBAAiB;IAC7CG,cAAc;IACdC,YAAY;IACZC,UAAU;;AAEd;;AAEA,MAAMC,IAAsB;;AAC5B,MAAMC,IAAmB;;AACzB,MAAMC,WACGC,aAAa,eAAeA,WAC9B,KAAIA,SAASC,qBAAqB,cACnC;;;;;;;;UASOC,cAAeC;EAC1B,WAAWZ,WAAW,aAAa;IACjCA,OAAOa,gBAAgBD;;;;;;;;;UAUdE,cAAc,CAACC,IAAU;EACpC,WAAWf,WAAW,aAAa,OAAOgB;EAE1C,OAAMH,eAAEA,KAAkBb;EAC1B,KAAKa,GAAe;IAClBI;;EAGF,OAAOC,eAAeH;AAAQ;;;;;;;GAShC,OAAME,qBAAqB;EACzB,MAAME,IAAeC;EACrB,MAAMC,IAAiBF,IAAe,OAAOG;EAE7C,MAAMC,IAASJ,KAAgBE;EAC/B,IAAIE,GAAQ;IACV,MAAMX,IAAOO,IAAeI,EAAOC,aAAalB,KAAuBmB,cAAcF;IACrFZ,YAAY,GAAGC,KAAQL;SAClB;IACLI,YAAY,KAAKJ;;;;;;;;;;GAWrB,OAAMW,iBAAkBH;EACtB,MAAMW,IAAmBX,IAAU,IAAIA,EAAQY,QAAQ,OAAO,QAAQ;EACtE,OAAO3B,OAAOa,cAAcc,QAAQ,OAAO,MAAMD;AAAgB;;AAGnE,MAAMN,mBAAmB,MAAyBZ,EAAQoB,MAAML,KAAWA,EAAOM,aAAavB;;AAE/F,MAAMgB,qBAAqB,MAAyBd,EAAQoB,MAAML,KAAW,yBAAyBO,KAAKP,EAAOQ;;AAElH,MAAMN,gBAAiBF,KACrBA,EAAOC,aAAa,OAAOQ,MAAM,KAAKC,MAAM,IAAI,GAAGC,KAAK","ignoreList":[]}