@scouterna/ui-webc 0.2.10 → 2.0.0

package/dist/components/{p-CMd0pUms.js → p-MfRr-Vl1.js}

@@ -1,7 +1,7 @@
-const globalStyles = ":root{--misc-color-annotations:#ff00ff;--color-blue-50:#e6eeff;--color-blue-100:#d0e0ff;--color-blue-200:#9cc3ff;--color-blue-300:#58a6ff;--color-blue-400:#0087e3;--color-blue-500:#006bb5;--color-blue-600:#00508a;--color-blue-700:#003660;--color-blue-800:#002748;--color-blue-900:#00162d;--color-blue-950:#000f21;--color-neutral-50:#ebf1f7;--color-neutral-100:#d7e4f0;--color-neutral-200:#b1cde3;--color-neutral-300:#87b3d4;--color-neutral-400:#749bb7;--color-neutral-500:#608199;--color-neutral-600:#4c667a;--color-neutral-700:#374b5a;--color-neutral-800:#25343f;--color-neutral-900:#131d24;--color-neutral-950:#0a1217;--color-white:#ffffff;--color-challengerpink-50:#fff0f2;--color-challengerpink-100:#ffdde3;--color-challengerpink-200:#ffbac7;--color-challengerpink-300:#ff93ab;--color-challengerpink-400:#ff668e;--color-challengerpink-500:#ff1271;--color-challengerpink-600:#da005e;--color-challengerpink-700:#a60046;--color-challengerpink-800:#72002e;--color-challengerpink-900:#470019;--color-challengerpink-950:#30000f;--color-orange-50:#fffbeb;--color-orange-100:#fef3c7;--color-orange-200:#fde68a;--color-orange-300:#fcd34d;--color-orange-400:#fbbf24;--color-orange-500:#f59e0b;--color-orange-600:#d97706;--color-orange-700:#b45309;--color-orange-800:#92400e;--color-orange-900:#78350f;--color-orange-950:#451a03;--color-gray-50:#f3f3f4;--color-gray-100:#e5e5e6;--color-gray-200:#cbccce;--color-gray-300:#b2b3b6;--color-gray-400:#9c9ea1;--color-gray-500:#85868a;--color-gray-600:#6e7073;--color-gray-700:#585a5c;--color-gray-800:#444547;--color-gray-900:#252627;--color-gray-950:#151616;--color-discovererblue-50:#eaf5ff;--color-discovererblue-100:#cde9ff;--color-discovererblue-200:#92d4ff;--color-discovererblue-300:#1ec0ff;--color-discovererblue-400:#00a8e1;--color-discovererblue-500:#008bbb;--color-discovererblue-600:#006d94;--color-discovererblue-700:#01516f;--color-discovererblue-800:#00394f;--color-discovererblue-900:#00202f;--color-discovererblue-950:#00131d;--color-trackergreen-50:#ccfec6;--color-trackergreen-100:#85fd72;--color-trackergreen-200:#5be23d;--color-trackergreen-300:#4ec333;--color-trackergreen-400:#41a629;--color-trackergreen-500:#348821;--color-trackergreen-600:#286c18;--color-trackergreen-700:#1c5110;--color-trackergreen-800:#113808;--color-trackergreen-900:#072103;--color-trackergreen-950:#031501;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c950;--color-green-600:#00a63e;--color-green-700:#008236;--color-green-800:#016630;--color-green-900:#0d542b;--color-green-950:#032e15;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffc9c9;--color-red-300:#ffa2a2;--color-red-400:#ff6467;--color-red-500:#fb2c36;--color-red-600:#e7000b;--color-red-700:#c10007;--color-red-800:#9f0712;--color-red-900:#82181a;--color-red-950:#460809;--color-black:#000000;--color-roveryellow-50:#fffd62;--color-roveryellow-100:#f4f203;--color-roveryellow-200:#e2e000;--color-roveryellow-300:#c3c100;--color-roveryellow-400:#a4a300;--color-roveryellow-500:#878500;--color-roveryellow-600:#6a6900;--color-roveryellow-700:#515000;--color-roveryellow-800:#373700;--color-roveryellow-900:#1f1f00;--color-roveryellow-950:#121200;--color-adventurerorange-50:#fff1ee;--color-adventurerorange-100:#fee2dd;--color-adventurerorange-200:#fec0b4;--color-adventurerorange-300:#fda18b;--color-adventurerorange-400:#fd7a4c;--color-adventurerorange-500:#e95f13;--color-adventurerorange-600:#b94a0d;--color-adventurerorange-700:#8e3708;--color-adventurerorange-800:#622303;--color-adventurerorange-900:#3c1301;--color-adventurerorange-950:#280a01;--fontsize-base:16px;--fontfamily-sans:\"Source Sans 3 Variable\", sans-serif;--spacing-base:4px;--color-text-caution-base:var(--color-orange-700);--color-text-caution-bold-base:var(--color-orange-50);--color-text-brand-base:var(--color-blue-700);--color-text-brand-inverse:var(--color-white);--color-text-danger-base:var(--color-red-700);--color-text-danger-bold-base:var(--color-red-50);--color-text-positive-bold-base:var(--color-green-50);--color-text-positive-base:var(--color-green-700);--color-text-base:var(--color-neutral-800);--color-background-danger-base:var(--color-red-100);--color-background-danger-bold-base:var(--color-red-700);--color-background-danger-bold-hovered:var(--color-red-800);--color-background-danger-bold-pressed:var(--color-red-900);--color-background-brand-subtle-hovered:var(--color-blue-50);--color-background-brand-subtle-pressed:var(--color-blue-100);--color-background-brand-subtle-base:var(--color-blue-700);--color-background-brand-hovered:var(--color-blue-800);--color-background-brand-pressed:var(--color-blue-900);--color-background-brand-base:var(--color-blue-700);--color-background-positive-base:var(--color-green-100);--color-background-positive-bold-base:var(--color-green-700);--color-background-positive-bold-hovered:var(--color-green-800);--color-background-positive-bold-pressed:var(--color-green-900);--color-background-caution-base:var(--color-orange-100);--color-background-caution-bold-base:var(--color-orange-700);--color-background-caution-bold-hovered:var(--color-orange-800);--color-background-caution-bold-pressed:var(--color-orange-900);--fontsize-lg:calc(var(--fontsize-base)*1.125);--fontsize-sm:calc(var(--fontsize-base)*0.875);--fontsize-xs:calc(var(--fontsize-base)*0.75);--fontsize-3xl:calc(var(--fontsize-base)*1.875);--fontsize-4xl:calc(var(--fontsize-base)*2.25);--fontsize-2xl:calc(var(--fontsize-base)*1.5);--fontsize-xl:calc(var(--fontsize-base)*1.25);--fontsize-6xl:calc(var(--fontsize-base)*3.75);--fontsize-5xl:calc(var(--fontsize-base)*3);--spacing-1:calc(var(--spacing-base)*1);--spacing-2:calc(var(--spacing-base)*2);--spacing-3:calc(var(--spacing-base)*3);--spacing-4:calc(var(--spacing-base)*4);--spacing-5:calc(var(--spacing-base)*5);--spacing-6:calc(var(--spacing-base)*6);--spacing-7:calc(var(--spacing-base)*7);--spacing-8:calc(var(--spacing-base)*8);--spacing-10:calc(var(--spacing-base)*10);--spacing-11:calc(var(--spacing-base)*11);--spacing-12:calc(var(--spacing-base)*12);--spacing-14:calc(var(--spacing-base)*14);--spacing-16:calc(var(--spacing-base)*16);--spacing-17:calc(var(--spacing-base)*17);--spacing-18:calc(var(--spacing-base)*18);--spacing-20:calc(var(--spacing-base)*20);--spacing-24:calc(var(--spacing-base)*24);--spacing-28:calc(var(--spacing-base)*28);--spacing-32:calc(var(--spacing-base)*32);--spacing-36:calc(var(--spacing-base)*36);--spacing-40:calc(var(--spacing-base)*40);--spacing-48:calc(var(--spacing-base)*48);--spacing-52:calc(var(--spacing-base)*52);--spacing-56:calc(var(--spacing-base)*56);--spacing-60:calc(var(--spacing-base)*60);--spacing-64:calc(var(--spacing-base)*64);--spacing-72:calc(var(--spacing-base)*72);--spacing-80:calc(var(--spacing-base)*80);--spacing-96:calc(var(--spacing-base)*96);--spacing-180:calc(var(--spacing-base)*180);--spacing-195:calc(var(--spacing-base)*195);--spacing-212:calc(var(--spacing-base)*212);--spacing-380:calc(var(--spacing-base)*380);--type-body-base:400 var(--fontsize-base)/1.5 var(--fontfamily-sans);--type-body-sm:400 var(--fontsize-sm)/1.5 var(--fontfamily-sans);--type-body-lg:400 var(--fontsize-lg)/1.5 var(--fontfamily-sans);--type-body-xl:400 var(--fontsize-xl)/1.5 var(--fontfamily-sans);--type-body-2xl:400 var(--fontsize-2xl)/1.5 var(--fontfamily-sans);--type-heading-xl:600 var(--fontsize-6xl)/1.2 var(--fontfamily-sans);--type-heading-lg:600 var(--fontsize-5xl)/1.2 var(--fontfamily-sans);--type-heading-base:600 var(--fontsize-4xl)/1.2 var(--fontfamily-sans);--type-heading-sm:600 var(--fontsize-3xl)/1.2 var(--fontfamily-sans);--type-heading-xs:600 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-base:400 var(--fontsize-base)/1.2 var(--fontfamily-sans);--type-label-2xl:400 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-lg:400 var(--fontsize-lg)/1.2 var(--fontfamily-sans);--type-label-sm:400 var(--fontsize-sm)/1.2 var(--fontfamily-sans);--type-label-xl:400 var(--fontsize-xl)/1.2 var(--fontfamily-sans)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.scout-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(4px*3);gap:var(--spacing-3);height:calc(4px*10);height:var(--spacing-10);padding:0 calc(4px*4);padding:0 var(--spacing-4);font:400 16px/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-base);border-radius:calc(4px*2);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer}.scout-button svg{width:calc(4px*5);width:var(--spacing-5);height:calc(4px*5);height:var(--spacing-5);margin:0 calc((4px*1) * -1);margin:0 calc(calc(4px*1) * -1);margin:0 calc(var(--spacing-1) * -1)}.scout-button.primary{background-color:#003660;background-color:var(--color-background-brand-base);color:#ffffff;color:var(--color-text-brand-inverse)}.scout-button.primary:hover{background-color:#002748;background-color:var(--color-background-brand-hovered)}.scout-button.primary:active{background-color:#00162d;background-color:var(--color-background-brand-pressed)}.scout-button.outlined{background-color:transparent;border-color:#003660;border-color:var(--color-background-brand-subtle-base);color:#003660;color:var(--color-text-brand-base)}.scout-button.outlined:hover{background-color:#e6eeff;background-color:var(--color-background-brand-subtle-hovered)}.scout-button.outlined:active{background-color:#d0e0ff;background-color:var(--color-background-brand-subtle-pressed)}.scout-button.text{background-color:transparent;border-color:transparent;color:#003660;color:var(--color-text-brand-base)}.scout-button.text:hover{background-color:#e6eeff;background-color:var(--color-background-brand-subtle-hovered)}.scout-button.text:active{background-color:#d0e0ff;background-color:var(--color-background-brand-subtle-pressed)}.scout-button.caution{background-color:#b45309;background-color:var(--color-background-caution-bold-base);color:#fffbeb;color:var(--color-text-caution-bold-base)}.scout-button.caution:hover{background-color:#92400e;background-color:var(--color-background-caution-bold-hovered)}.scout-button.caution:active{background-color:#78350f;background-color:var(--color-background-caution-bold-pressed)}.scout-button.danger{background-color:#c10007;background-color:var(--color-background-danger-bold-base);color:#fef2f2;color:var(--color-text-danger-bold-base)}.scout-button.danger:hover{background-color:#9f0712;background-color:var(--color-background-danger-bold-hovered)}.scout-button.danger:active{background-color:#82181a;background-color:var(--color-background-danger-bold-pressed)}.scout-type-body-base{font:400 16px/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-base)}.scout-type-body-sm{font:400 calc(16px*0.875)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-sm)}.scout-type-body-lg{font:400 calc(16px*1.125)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-lg)}.scout-type-body-xl{font:400 calc(16px*1.25)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-xl)}.scout-type-body-2xl{font:400 calc(16px*1.5)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-2xl)}.scout-type-heading-xl{font:600 calc(16px*3.75)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xl)}.scout-type-heading-lg{font:600 calc(16px*3)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-lg)}.scout-type-heading-base{font:600 calc(16px*2.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-base)}.scout-type-heading-sm{font:600 calc(16px*1.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-sm)}.scout-type-heading-xs{font:600 calc(16px*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xs)}.scout-type-label-base{font:400 16px/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-base)}.scout-type-label-2xl{font:400 calc(16px*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-2xl)}.scout-type-label-lg{font:400 calc(16px*1.125)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-lg)}.scout-type-label-sm{font:400 calc(16px*0.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-sm)}.scout-type-label-xl{font:400 calc(16px*1.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-xl)}:root{font-family:\"Source Sans 3 Variable\", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}";
+const globalStyles = ":root{--misc-color-annotations:#ff00ff;--color-blue-50:#e6eeff;--color-blue-100:#d0e0ff;--color-blue-200:#9cc3ff;--color-blue-300:#58a6ff;--color-blue-400:#0087e3;--color-blue-500:#006bb5;--color-blue-600:#00508a;--color-blue-700:#003660;--color-blue-800:#002748;--color-blue-900:#00162d;--color-blue-950:#000f21;--color-neutral-50:#ebf1f7;--color-neutral-100:#d7e4f0;--color-neutral-200:#b1cde3;--color-neutral-300:#87b3d4;--color-neutral-400:#749bb7;--color-neutral-500:#608199;--color-neutral-600:#4c667a;--color-neutral-700:#374b5a;--color-neutral-800:#25343f;--color-neutral-900:#131d24;--color-neutral-950:#0a1217;--color-white:#ffffff;--color-challengerpink-50:#fff0f2;--color-challengerpink-100:#ffdde3;--color-challengerpink-200:#ffbac7;--color-challengerpink-300:#ff93ab;--color-challengerpink-400:#ff668e;--color-challengerpink-500:#ff1271;--color-challengerpink-600:#da005e;--color-challengerpink-700:#a60046;--color-challengerpink-800:#72002e;--color-challengerpink-900:#470019;--color-challengerpink-950:#30000f;--color-orange-50:#fffbeb;--color-orange-100:#fef3c7;--color-orange-200:#fde68a;--color-orange-300:#fcd34d;--color-orange-400:#fbbf24;--color-orange-500:#f59e0b;--color-orange-600:#d97706;--color-orange-700:#b45309;--color-orange-800:#92400e;--color-orange-900:#78350f;--color-orange-950:#451a03;--color-gray-50:#f3f3f4;--color-gray-100:#e5e5e6;--color-gray-200:#cbccce;--color-gray-300:#b2b3b6;--color-gray-400:#9c9ea1;--color-gray-500:#85868a;--color-gray-600:#6e7073;--color-gray-700:#585a5c;--color-gray-800:#444547;--color-gray-900:#252627;--color-gray-950:#151616;--color-discovererblue-50:#eaf5ff;--color-discovererblue-100:#cde9ff;--color-discovererblue-200:#92d4ff;--color-discovererblue-300:#1ec0ff;--color-discovererblue-400:#00a8e1;--color-discovererblue-500:#008bbb;--color-discovererblue-600:#006d94;--color-discovererblue-700:#01516f;--color-discovererblue-800:#00394f;--color-discovererblue-900:#00202f;--color-discovererblue-950:#00131d;--color-trackergreen-50:#ccfec6;--color-trackergreen-100:#85fd72;--color-trackergreen-200:#5be23d;--color-trackergreen-300:#4ec333;--color-trackergreen-400:#41a629;--color-trackergreen-500:#348821;--color-trackergreen-600:#286c18;--color-trackergreen-700:#1c5110;--color-trackergreen-800:#113808;--color-trackergreen-900:#072103;--color-trackergreen-950:#031501;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-400:#05df72;--color-green-500:#00c950;--color-green-600:#00a63e;--color-green-700:#008236;--color-green-800:#016630;--color-green-900:#0d542b;--color-green-950:#032e15;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffc9c9;--color-red-300:#ffa2a2;--color-red-400:#ff6467;--color-red-500:#fb2c36;--color-red-600:#e7000b;--color-red-700:#c10007;--color-red-800:#9f0712;--color-red-900:#82181a;--color-red-950:#460809;--color-black:#000000;--color-roveryellow-50:#fffd62;--color-roveryellow-100:#f4f203;--color-roveryellow-200:#e2e000;--color-roveryellow-300:#c3c100;--color-roveryellow-400:#a4a300;--color-roveryellow-500:#878500;--color-roveryellow-600:#6a6900;--color-roveryellow-700:#515000;--color-roveryellow-800:#373700;--color-roveryellow-900:#1f1f00;--color-roveryellow-950:#121200;--color-adventurerorange-50:#fff1ee;--color-adventurerorange-100:#fee2dd;--color-adventurerorange-200:#fec0b4;--color-adventurerorange-300:#fda18b;--color-adventurerorange-400:#fd7a4c;--color-adventurerorange-500:#e95f13;--color-adventurerorange-600:#b94a0d;--color-adventurerorange-700:#8e3708;--color-adventurerorange-800:#622303;--color-adventurerorange-900:#3c1301;--color-adventurerorange-950:#280a01;--fontsize-base:16px;--fontfamily-sans:\"Source Sans 3 Variable\", sans-serif;--spacing-base:4px;--color-text-caution-base:var(--color-orange-700);--color-text-caution-bold-base:var(--color-orange-50);--color-text-brand-base:var(--color-blue-700);--color-text-brand-inverse:var(--color-white);--color-text-danger-base:var(--color-red-700);--color-text-danger-bold-base:var(--color-red-50);--color-text-positive-bold-base:var(--color-green-50);--color-text-positive-base:var(--color-green-700);--color-text-base:var(--color-neutral-800);--color-background-danger-base:var(--color-red-100);--color-background-danger-bold-base:var(--color-red-700);--color-background-danger-bold-hovered:var(--color-red-800);--color-background-danger-bold-pressed:var(--color-red-900);--color-background-brand-subtle-hovered:var(--color-blue-50);--color-background-brand-subtle-pressed:var(--color-blue-100);--color-background-brand-subtle-base:var(--color-blue-700);--color-background-brand-hovered:var(--color-blue-800);--color-background-brand-pressed:var(--color-blue-900);--color-background-brand-base:var(--color-blue-700);--color-background-positive-base:var(--color-green-100);--color-background-positive-bold-base:var(--color-green-700);--color-background-positive-bold-hovered:var(--color-green-800);--color-background-positive-bold-pressed:var(--color-green-900);--color-background-caution-base:var(--color-orange-100);--color-background-caution-bold-base:var(--color-orange-700);--color-background-caution-bold-hovered:var(--color-orange-800);--color-background-caution-bold-pressed:var(--color-orange-900);--fontsize-lg:calc(var(--fontsize-base)*1.125);--fontsize-sm:calc(var(--fontsize-base)*0.875);--fontsize-xs:calc(var(--fontsize-base)*0.75);--fontsize-3xl:calc(var(--fontsize-base)*1.875);--fontsize-4xl:calc(var(--fontsize-base)*2.25);--fontsize-2xl:calc(var(--fontsize-base)*1.5);--fontsize-xl:calc(var(--fontsize-base)*1.25);--fontsize-6xl:calc(var(--fontsize-base)*3.75);--fontsize-5xl:calc(var(--fontsize-base)*3);--spacing-1:calc(var(--spacing-base)*1);--spacing-2:calc(var(--spacing-base)*2);--spacing-3:calc(var(--spacing-base)*3);--spacing-4:calc(var(--spacing-base)*4);--spacing-5:calc(var(--spacing-base)*5);--spacing-6:calc(var(--spacing-base)*6);--spacing-7:calc(var(--spacing-base)*7);--spacing-8:calc(var(--spacing-base)*8);--spacing-10:calc(var(--spacing-base)*10);--spacing-11:calc(var(--spacing-base)*11);--spacing-12:calc(var(--spacing-base)*12);--spacing-14:calc(var(--spacing-base)*14);--spacing-16:calc(var(--spacing-base)*16);--spacing-17:calc(var(--spacing-base)*17);--spacing-18:calc(var(--spacing-base)*18);--spacing-20:calc(var(--spacing-base)*20);--spacing-24:calc(var(--spacing-base)*24);--spacing-28:calc(var(--spacing-base)*28);--spacing-32:calc(var(--spacing-base)*32);--spacing-36:calc(var(--spacing-base)*36);--spacing-40:calc(var(--spacing-base)*40);--spacing-48:calc(var(--spacing-base)*48);--spacing-52:calc(var(--spacing-base)*52);--spacing-56:calc(var(--spacing-base)*56);--spacing-60:calc(var(--spacing-base)*60);--spacing-64:calc(var(--spacing-base)*64);--spacing-72:calc(var(--spacing-base)*72);--spacing-80:calc(var(--spacing-base)*80);--spacing-96:calc(var(--spacing-base)*96);--spacing-180:calc(var(--spacing-base)*180);--spacing-195:calc(var(--spacing-base)*195);--spacing-212:calc(var(--spacing-base)*212);--spacing-380:calc(var(--spacing-base)*380);--type-body-base:400 var(--fontsize-base)/1.5 var(--fontfamily-sans);--type-body-sm:400 var(--fontsize-sm)/1.5 var(--fontfamily-sans);--type-body-lg:400 var(--fontsize-lg)/1.5 var(--fontfamily-sans);--type-body-xl:400 var(--fontsize-xl)/1.5 var(--fontfamily-sans);--type-body-2xl:400 var(--fontsize-2xl)/1.5 var(--fontfamily-sans);--type-heading-xl:600 var(--fontsize-6xl)/1.2 var(--fontfamily-sans);--type-heading-lg:600 var(--fontsize-5xl)/1.2 var(--fontfamily-sans);--type-heading-base:600 var(--fontsize-4xl)/1.2 var(--fontfamily-sans);--type-heading-sm:600 var(--fontsize-3xl)/1.2 var(--fontfamily-sans);--type-heading-xs:600 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-base:400 var(--fontsize-base)/1.2 var(--fontfamily-sans);--type-label-2xl:400 var(--fontsize-2xl)/1.2 var(--fontfamily-sans);--type-label-lg:400 var(--fontsize-lg)/1.2 var(--fontfamily-sans);--type-label-sm:400 var(--fontsize-sm)/1.2 var(--fontfamily-sans);--type-label-xl:400 var(--fontsize-xl)/1.2 var(--fontfamily-sans)}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,\n    'Segoe UI',\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    'Apple Color Emoji',\n    'Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    'Liberation Mono',\n    Menlo,\n    monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}.scout-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(4px*3);gap:var(--spacing-3);height:calc(4px*10);height:var(--spacing-10);padding:0 calc(4px*4);padding:0 var(--spacing-4);font:400 16px/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-base);border-radius:calc(4px*2);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer}.scout-button svg{width:calc(4px*5);width:var(--spacing-5);height:calc(4px*5);height:var(--spacing-5);margin:0 calc((4px*1) * -1);margin:0 calc(calc(4px*1) * -1);margin:0 calc(var(--spacing-1) * -1)}.scout-button.primary{background-color:#003660;background-color:var(--color-background-brand-base);color:#ffffff;color:var(--color-text-brand-inverse)}.scout-button.primary:hover{background-color:#002748;background-color:var(--color-background-brand-hovered)}.scout-button.primary:active{background-color:#00162d;background-color:var(--color-background-brand-pressed)}.scout-button.outlined{background-color:transparent;border-color:#003660;border-color:var(--color-background-brand-subtle-base);color:#003660;color:var(--color-text-brand-base)}.scout-button.outlined:hover{background-color:#e6eeff;background-color:var(--color-background-brand-subtle-hovered)}.scout-button.outlined:active{background-color:#d0e0ff;background-color:var(--color-background-brand-subtle-pressed)}.scout-button.text{background-color:transparent;border-color:transparent;color:#003660;color:var(--color-text-brand-base)}.scout-button.text:hover{background-color:#e6eeff;background-color:var(--color-background-brand-subtle-hovered)}.scout-button.text:active{background-color:#d0e0ff;background-color:var(--color-background-brand-subtle-pressed)}.scout-button.caution{background-color:#b45309;background-color:var(--color-background-caution-bold-base);color:#fffbeb;color:var(--color-text-caution-bold-base)}.scout-button.caution:hover{background-color:#92400e;background-color:var(--color-background-caution-bold-hovered)}.scout-button.caution:active{background-color:#78350f;background-color:var(--color-background-caution-bold-pressed)}.scout-button.danger{background-color:#c10007;background-color:var(--color-background-danger-bold-base);color:#fef2f2;color:var(--color-text-danger-bold-base)}.scout-button.danger:hover{background-color:#9f0712;background-color:var(--color-background-danger-bold-hovered)}.scout-button.danger:active{background-color:#82181a;background-color:var(--color-background-danger-bold-pressed)}.scout-type-body-base{font:400 16px/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-base)}.scout-type-body-sm{font:400 calc(16px*0.875)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-sm)}.scout-type-body-lg{font:400 calc(16px*1.125)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-lg)}.scout-type-body-xl{font:400 calc(16px*1.25)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-xl)}.scout-type-body-2xl{font:400 calc(16px*1.5)/1.5 \"Source Sans 3 Variable\", sans-serif;font:var(--type-body-2xl)}.scout-type-heading-xl{font:600 calc(16px*3.75)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xl)}.scout-type-heading-lg{font:600 calc(16px*3)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-lg)}.scout-type-heading-base{font:600 calc(16px*2.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-base)}.scout-type-heading-sm{font:600 calc(16px*1.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-sm)}.scout-type-heading-xs{font:600 calc(16px*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-heading-xs)}.scout-type-label-base{font:400 16px/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-base)}.scout-type-label-2xl{font:400 calc(16px*1.5)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-2xl)}.scout-type-label-lg{font:400 calc(16px*1.125)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-lg)}.scout-type-label-sm{font:400 calc(16px*0.875)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-sm)}.scout-type-label-xl{font:400 calc(16px*1.25)/1.2 \"Source Sans 3 Variable\", sans-serif;font:var(--type-label-xl)}:root{font-family:\"Source Sans 3 Variable\", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}";
 
 const NAMESPACE = 'ui-webc';
-const BUILD = /* ui-webc */ { hydratedSelectorName: "hydrated", lazyLoad: false, propChangeCallback: false, updatable: true};
+const BUILD = /* ui-webc */ { hydratedSelectorName: "hydrated", lazyLoad: false, propChangeCallback: false, slotRelocation: true, updatable: true};
 
 /*
  Stencil Client Platform v4.38.1 | MIT Licensed | https://stenciljs.com
@@ -92,6 +92,23 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
+var supportsListenerOptions = /* @__PURE__ */ (() => {
+  var _a;
+  let supportsListenerOptions2 = false;
+  try {
+    (_a = win.document) == null ? void 0 : _a.addEventListener(
+      "e",
+      null,
+      Object.defineProperty({}, "passive", {
+        get() {
+          supportsListenerOptions2 = true;
+        }
+      })
+    );
+  } catch (e) {
+  }
+  return supportsListenerOptions2;
+})();
 var promiseResolve = (v) => Promise.resolve(v);
 var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
   try {
@@ -144,6 +161,9 @@ var getAssetPath = (path) => {
   return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
 };
 var setAssetPath = (path) => plt.$resourcesUrl$ = path;
+
+// src/utils/helpers.ts
+var isDef = (v) => v != null && v !== void 0;
 var isComplexType = (o) => {
   o = typeof o;
   return o === "object" || o === "function";
@@ -221,7 +241,10 @@ function createStyleSheetIfNeededAndSupported(styles2) {
 var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
   var _a;
-  const shadowRoot = this.attachShadow({ mode: "open" });
+  const shadowRoot = this.attachShadow({
+    mode: "open",
+    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
+  }) ;
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
   if (globalStyleSheet) {
     if (supportsMutableAdoptedStyleSheets) {
@@ -231,6 +254,112 @@ function createShadowRoot(cmpMeta) {
     }
   }
 }
+var updateFallbackSlotVisibility = (elm) => {
+  const childNodes = internalCall(elm, "childNodes");
+  if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
+    getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
+      if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
+        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
+          slotNode.hidden = true;
+        } else {
+          slotNode.hidden = false;
+        }
+      }
+    });
+  }
+  let i2 = 0;
+  for (i2 = 0; i2 < childNodes.length; i2++) {
+    const childNode = childNodes[i2];
+    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
+      updateFallbackSlotVisibility(childNode);
+    }
+  }
+};
+var getSlottedChildNodes = (childNodes) => {
+  const result = [];
+  for (let i2 = 0; i2 < childNodes.length; i2++) {
+    const slottedNode = childNodes[i2]["s-nr"] || void 0;
+    if (slottedNode && slottedNode.isConnected) {
+      result.push(slottedNode);
+    }
+  }
+  return result;
+};
+function getHostSlotNodes(childNodes, hostName, slotName) {
+  let i2 = 0;
+  let slottedNodes = [];
+  let childNode;
+  for (; i2 < childNodes.length; i2++) {
+    childNode = childNodes[i2];
+    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0)) {
+      slottedNodes.push(childNode);
+    }
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+  }
+  return slottedNodes;
+}
+var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
+  const childNodes = [];
+  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
+  let node = slot;
+  while (node = node.nextSibling) {
+    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
+  }
+  return childNodes;
+};
+var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
+  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+    if (nodeToRelocate.getAttribute("slot") === null && slotName === "") {
+      return true;
+    }
+    if (nodeToRelocate.getAttribute("slot") === slotName) {
+      return true;
+    }
+    return false;
+  }
+  if (nodeToRelocate["s-sn"] === slotName) {
+    return true;
+  }
+  return slotName === "";
+};
+var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
+function patchSlotNode(node) {
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
+  const assignedFactory = (elementsOnly) => (function(opts) {
+    const toReturn = [];
+    const slotName = this["s-sn"];
+    if (opts == null ? void 0 : opts.flatten) {
+      console.error(`
+          Flattening is not supported for Stencil non-shadow slots.
+          You can use \`.childNodes\` to nested slot fallback content.
+          If you have a particular use case, please open an issue on the Stencil repo.
+        `);
+    }
+    const parent = this["s-cr"].parentElement;
+    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    slottedNodes.forEach((n) => {
+      if (slotName === getSlotName(n)) {
+        toReturn.push(n);
+      }
+    });
+    if (elementsOnly) {
+      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
+    }
+    return toReturn;
+  }).bind(node);
+  node.assignedElements = assignedFactory(true);
+  node.assignedNodes = assignedFactory(false);
+}
+function internalCall(node, method) {
+  if ("__" + method in node) {
+    const toReturn = node["__" + method];
+    if (typeof toReturn !== "function") return toReturn;
+    return toReturn.bind(node);
+  } else {
+    if (typeof node[method] !== "function") return node[method];
+    return node[method].bind(node);
+  }
+}
 var createTime = (fnName, tagName = "") => {
   {
     return () => {
@@ -345,6 +474,7 @@ var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
+  let slotName = null;
   let simple = false;
   let lastSimple = false;
   const vNodeChildren = [];
@@ -371,6 +501,9 @@ var h = (nodeName, vnodeData, ...children) => {
     if (vnodeData.key) {
       key = vnodeData.key;
     }
+    if (vnodeData.name) {
+      slotName = vnodeData.name;
+    }
     {
       const classData = vnodeData.className || vnodeData.class;
       if (classData) {
@@ -393,6 +526,9 @@ var h = (nodeName, vnodeData, ...children) => {
   {
     vnode.$key$ = key;
   }
+  {
+    vnode.$name$ = slotName;
+  }
   return vnode;
 };
 var newVNode = (tag, text) => {
@@ -409,6 +545,9 @@ var newVNode = (tag, text) => {
   {
     vnode.$key$ = null;
   }
+  {
+    vnode.$name$ = null;
+  }
   return vnode;
 };
 var Host = {};
@@ -645,15 +784,44 @@ function sortedAttrNames(attrNames) {
     attrNames
   );
 }
+
+// src/runtime/vdom/vdom-render.ts
+var scopeId;
+var contentRef;
 var hostTagName;
+var useNativeShadowDom = false;
+var checkSlotFallbackVisibility = false;
+var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
+  var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
   let childNode;
+  let oldVNode;
+  if (!useNativeShadowDom) {
+    checkSlotRelocate = true;
+    if (newVNode2.$tag$ === "slot") {
+      newVNode2.$flags$ |= newVNode2.$children$ ? (
+        // slot element has fallback content
+        // still create an element that "mocks" the slot element
+        2 /* isSlotFallback */
+      ) : (
+        // slot element does not have fallback content
+        // create an html comment we'll use to always reference
+        // where actual slot content should sit next to
+        1 /* isSlotReference */
+      );
+    }
+  }
   if (newVNode2.$text$ !== null) {
     elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
+  } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
+    elm = newVNode2.$elm$ = win.document.createTextNode("");
+    {
+      updateElement(null, newVNode2, isSvgMode);
+    }
   } else {
     if (!win.document) {
       throw new Error(
@@ -661,11 +829,14 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       );
     }
     elm = newVNode2.$elm$ = win.document.createElement(
-      newVNode2.$tag$
+      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     );
     {
       updateElement(null, newVNode2, isSvgMode);
     }
+    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
+      elm.classList.add(elm["s-si"] = scopeId);
+    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2);
@@ -676,10 +847,46 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   elm["s-hn"] = hostTagName;
+  {
+    if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
+      elm["s-sr"] = true;
+      elm["s-cr"] = contentRef;
+      elm["s-sn"] = newVNode2.$name$ || "";
+      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+      patchSlotNode(elm);
+      oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
+      if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
+        {
+          putBackInOriginalLocation(oldParentVNode.$elm$, false);
+        }
+      }
+      {
+        addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
+      }
+    }
+  }
   return elm;
 };
+var putBackInOriginalLocation = (parentElm, recursive) => {
+  plt.$flags$ |= 1 /* isTmpDisconnected */;
+  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
+  for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
+    const childNode = oldSlotChildNodes[i2];
+    if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
+      insertBefore(referenceNode(childNode).parentNode, childNode, referenceNode(childNode));
+      childNode["s-ol"].remove();
+      childNode["s-ol"] = void 0;
+      childNode["s-sh"] = void 0;
+      checkSlotRelocate = true;
+    }
+    if (recursive) {
+      putBackInOriginalLocation(childNode, recursive);
+    }
+  }
+  plt.$flags$ &= -2 /* isTmpDisconnected */;
+};
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-  let containerElm = parentElm;
+  let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
   let childNode;
   if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
@@ -689,7 +896,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        insertBefore(containerElm, childNode, before);
+        insertBefore(containerElm, childNode, referenceNode(before) );
       }
     }
   }
@@ -701,6 +908,14 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
       const elm = vnode.$elm$;
       nullifyVNodeRefs(vnode);
       if (elm) {
+        {
+          checkSlotFallbackVisibility = true;
+          if (elm["s-ol"]) {
+            elm["s-ol"].remove();
+          } else {
+            putBackInOriginalLocation(elm, true);
+          }
+        }
         elm.remove();
       }
     }
@@ -737,11 +952,17 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       oldEndVnode = oldCh[--oldEndIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
+      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
+      }
       patch(oldStartVnode, newEndVnode, isInitialRender);
       insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
+      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
+      }
       patch(oldEndVnode, newStartVnode, isInitialRender);
       insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
@@ -772,7 +993,11 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       }
       if (node) {
         {
-          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
+          insertBefore(
+            referenceNode(oldStartVnode.$elm$).parentNode,
+            node,
+            referenceNode(oldStartVnode.$elm$)
+          );
         }
       }
     }
@@ -792,6 +1017,9 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
 };
 var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   if (leftVNode.$tag$ === rightVNode.$tag$) {
+    if (leftVNode.$tag$ === "slot") {
+      return leftVNode.$name$ === rightVNode.$name$;
+    }
     if (!isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
@@ -802,11 +1030,13 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   }
   return false;
 };
+var referenceNode = (node) => node && node["s-ol"] || node;
 var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const elm = newVNode2.$elm$ = oldVNode.$elm$;
   const oldChildren = oldVNode.$children$;
   const newChildren = newVNode2.$children$;
   const text = newVNode2.$text$;
+  let defaultHolder;
   if (text === null) {
     {
       updateElement(oldVNode, newVNode2, isSvgMode);
@@ -824,10 +1054,62 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     } else ;
+  } else if ((defaultHolder = elm["s-cr"])) {
+    defaultHolder.parentNode.textContent = text;
   } else if (oldVNode.$text$ !== text) {
     elm.data = text;
   }
 };
+var relocateNodes = [];
+var markSlotContentForRelocation = (elm) => {
+  let node;
+  let hostContentNodes;
+  let j;
+  const children = elm.__childNodes || elm.childNodes;
+  for (const childNode of children) {
+    if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
+      hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
+      const slotName = childNode["s-sn"];
+      for (j = hostContentNodes.length - 1; j >= 0; j--) {
+        node = hostContentNodes[j];
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (true)) {
+          if (isNodeLocatedInSlot(node, slotName)) {
+            let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+            checkSlotFallbackVisibility = true;
+            node["s-sn"] = node["s-sn"] || slotName;
+            if (relocateNodeData) {
+              relocateNodeData.$nodeToRelocate$["s-sh"] = childNode["s-hn"];
+              relocateNodeData.$slotRefNode$ = childNode;
+            } else {
+              node["s-sh"] = childNode["s-hn"];
+              relocateNodes.push({
+                $slotRefNode$: childNode,
+                $nodeToRelocate$: node
+              });
+            }
+            if (node["s-sr"]) {
+              relocateNodes.map((relocateNode) => {
+                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node["s-sn"])) {
+                  relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
+                  if (relocateNodeData && !relocateNode.$slotRefNode$) {
+                    relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
+                  }
+                }
+              });
+            }
+          } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
+            relocateNodes.push({
+              $nodeToRelocate$: node
+            });
+          }
+        }
+      }
+    }
+    if (childNode.nodeType === 1 /* ElementNode */) {
+      markSlotContentForRelocation(childNode);
+    }
+  }
+};
 var nullifyVNodeRefs = (vNode) => {
   {
     vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
@@ -835,12 +1117,38 @@ var nullifyVNodeRefs = (vNode) => {
   }
 };
 var insertBefore = (parent, newNode, reference) => {
+  if (typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
+    addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
+  }
   {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
   }
 };
+function addRemoveSlotScopedClass(reference, slotNode, newParent, oldParent) {
+  var _a, _b;
+  let scopeId2;
+  if (reference && typeof slotNode["s-sn"] === "string" && !!slotNode["s-sr"] && reference.parentNode && reference.parentNode["s-sc"] && (scopeId2 = slotNode["s-si"] || reference.parentNode["s-sc"])) {
+    const scopeName = slotNode["s-sn"];
+    const hostName = slotNode["s-hn"];
+    (_a = newParent.classList) == null ? void 0 : _a.add(scopeId2 + "-s");
+    if (oldParent && ((_b = oldParent.classList) == null ? void 0 : _b.contains(scopeId2 + "-s"))) {
+      let child = (oldParent.__childNodes || oldParent.childNodes)[0];
+      let found = false;
+      while (child) {
+        if (child["s-sn"] !== scopeName && child["s-hn"] === hostName && !!child["s-sr"]) {
+          found = true;
+          break;
+        }
+        child = child.nextSibling;
+      }
+      if (!found) oldParent.classList.remove(scopeId2 + "-s");
+    }
+  }
+}
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
+  var _a, _b, _c, _d;
   const hostElm = hostRef.$hostElement$;
+  const cmpMeta = hostRef.$cmpMeta$;
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const isHostElement = isHost(renderFnResults);
   const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
@@ -856,7 +1164,81 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
   rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
+  {
+    scopeId = hostElm["s-sc"];
+  }
+  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
+  {
+    contentRef = hostElm["s-cr"];
+    checkSlotFallbackVisibility = false;
+  }
   patch(oldVNode, rootVnode, isInitialLoad);
+  {
+    plt.$flags$ |= 1 /* isTmpDisconnected */;
+    if (checkSlotRelocate) {
+      markSlotContentForRelocation(rootVnode.$elm$);
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        if (!nodeToRelocate["s-ol"] && win.document) {
+          const orgLocationNode = win.document.createTextNode("");
+          orgLocationNode["s-nr"] = nodeToRelocate;
+          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+        }
+      }
+      for (const relocateData of relocateNodes) {
+        const nodeToRelocate = relocateData.$nodeToRelocate$;
+        const slotRefNode = relocateData.$slotRefNode$;
+        if (slotRefNode) {
+          const parentNodeRef = slotRefNode.parentNode;
+          let insertBeforeNode = slotRefNode.nextSibling;
+          {
+            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
+            while (orgLocationNode) {
+              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
+              if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
+                refNode = refNode.nextSibling;
+                while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
+                  refNode = refNode == null ? void 0 : refNode.nextSibling;
+                }
+                if (!refNode || !refNode["s-nr"]) {
+                  insertBeforeNode = refNode;
+                  break;
+                }
+              }
+              orgLocationNode = orgLocationNode.previousSibling;
+            }
+          }
+          const parent = nodeToRelocate.__parentNode || nodeToRelocate.parentNode;
+          const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
+          if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
+            if (nodeToRelocate !== insertBeforeNode) {
+              if (!nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              }
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
+              if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
+                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
+              }
+            }
+          }
+          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
+        } else {
+          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
+            if (isInitialLoad) {
+              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
+            }
+            nodeToRelocate.hidden = true;
+          }
+        }
+      }
+    }
+    if (checkSlotFallbackVisibility) {
+      updateFallbackSlotVisibility(rootVnode.$elm$);
+    }
+    plt.$flags$ &= -2 /* isTmpDisconnected */;
+    relocateNodes.length = 0;
+  }
+  contentRef = void 0;
 };
 
 // src/runtime/update-component.ts
@@ -1194,6 +1576,12 @@ var connectedCallback = (elm) => {
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       hostRef.$flags$ |= 1 /* hasConnected */;
+      {
+        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
+          setContentReference(elm);
+        }
+      }
       {
         let ancestorComponent = elm;
         while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
@@ -1216,6 +1604,7 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
+      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
       }
@@ -1223,9 +1612,25 @@ var connectedCallback = (elm) => {
     endConnected();
   }
 };
+var setContentReference = (elm) => {
+  if (!win.document) {
+    return;
+  }
+  const contentRefElm = elm["s-cr"] = win.document.createComment(
+    ""
+  );
+  contentRefElm["s-cn"] = true;
+  insertBefore(elm, contentRefElm, elm.firstChild);
+};
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
-    getHostRef(elm);
+    const hostRef = getHostRef(elm);
+    {
+      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
+        hostRef.$rmListeners$.map((rmListener) => rmListener());
+        hostRef.$rmListeners$ = void 0;
+      }
+    }
   }
   if (rootAppliedStyles.has(elm)) {
     rootAppliedStyles.delete(elm);
@@ -1242,6 +1647,9 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   {
     cmpMeta.$members$ = compactMeta[2];
   }
+  {
+    cmpMeta.$listeners$ = compactMeta[3];
+  }
   const originalConnectedCallback = Cstr.prototype.connectedCallback;
   const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
   Object.assign(Cstr.prototype, {
@@ -1255,6 +1663,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         if (!hostRef) {
           return;
         }
+        addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
         this.__hasHostListenerAttached = true;
       }
       connectedCallback(this);
@@ -1285,6 +1694,30 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   Cstr.is = cmpMeta.$tagName$;
   return proxyComponent(Cstr, cmpMeta);
 };
+var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
+  if (listeners && win.document) {
+    listeners.map(([flags, name, method]) => {
+      const target = elm;
+      const handler = hostListenerProxy(hostRef, method);
+      const opts = hostListenerOpts(flags);
+      plt.ael(target, name, handler, opts);
+      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
+    });
+  }
+};
+var hostListenerProxy = (hostRef, methodName) => (ev) => {
+  try {
+    {
+      hostRef.$hostElement$[methodName](ev);
+    }
+  } catch (e) {
+    consoleError(e, hostRef.$hostElement$);
+  }
+};
+var hostListenerOpts = (flags) => supportsListenerOptions ? {
+  passive: (flags & 1 /* Passive */) !== 0,
+  capture: (flags & 2 /* Capture */) !== 0
+} : (flags & 2 /* Capture */) !== 0;
 
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
@@ -1294,13 +1727,18 @@ var setPlatformOptions = (opts) => Object.assign(plt, opts);
 
 // src/runtime/render.ts
 function render(vnode, container) {
+  const cmpMeta = {
+    $flags$: 0,
+    $tagName$: container.tagName
+  };
   const ref = {
+    $cmpMeta$: cmpMeta,
     $hostElement$: container
   };
   renderVdom(ref, vnode);
 }
 
 export { H, setNonce as a, setPlatformOptions as b, createEvent as c, getAssetPath as g, h, proxyCustomElement as p, render as r, setAssetPath as s };
-//# sourceMappingURL=p-CMd0pUms.js.map
+//# sourceMappingURL=p-MfRr-Vl1.js.map
 
-//# sourceMappingURL=p-CMd0pUms.js.map
+//# sourceMappingURL=p-MfRr-Vl1.js.map