npm - @corto-ai/gds-angular - Versions diffs - 2.1.0 → 2.1.2-dev.1 - Mend

@corto-ai/gds-angular 2.1.0 → 2.1.2-dev.1

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

Files changed (806) hide show

package/fesm2022/corto-ai-gds-angular.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, signal, Injector, input, viewChild, effect, afterNextRender, ChangeDetectionStrategy, Component, model, booleanAttribute, computed, ElementRef, output, Directive, contentChild, DestroyRef, Renderer2, Input, ChangeDetectorRef, EventEmitter, NgZone, Output, DOCUMENT, HostBinding, InjectionToken, EnvironmentInjector, ApplicationRef, createComponent, Pipe, contentChildren, ViewEncapsulation, untracked, ViewContainerRef, TemplateRef, numberAttribute, HostListener, provideAppInitializer, NgModule } from '@angular/core';
+import { Injectable, inject, signal, Injector, input, viewChild, effect, afterNextRender, ChangeDetectionStrategy, Component, model, booleanAttribute, computed, ElementRef, output, Directive, contentChild, DestroyRef, Renderer2, Input, ChangeDetectorRef, EventEmitter, NgZone, Output, DOCUMENT, HostBinding, InjectionToken, EnvironmentInjector, ApplicationRef, createComponent, Pipe, contentChildren, ViewEncapsulation, untracked, ViewContainerRef, runInInjectionContext, TemplateRef, numberAttribute, HostListener, provideAppInitializer, NgModule } from '@angular/core';
 import { injectRegisterIcons, SvgIconRegistry, SvgIconComponent, provideSvgIconsConfig } from '@ngneat/svg-icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i1 from '@ngneat/helipopper';
@@ -66,10 +66,10 @@ class GdsAccountingService {
         }
         return 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAccountingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAccountingService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAccountingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAccountingService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAccountingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAccountingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -186,6 +186,10 @@ const gdsCheckboxUncheckedIcon = {
     data: `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" fill="transparent"/><rect x="0.5" y="0.5" width="15" height="15" rx="3.5" stroke="currentColor"/></svg>`,
     name: 'checkbox-unchecked'
 };
+const gdsCortoDevConsoleIconLightIcon = {
+    data: `<svg width="278" height="24" viewBox="0 0 278 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.4078 0.913446C8.86371 0.310389 10.4241 0 12 0H23.52C23.52 3.31371 20.8337 6 17.52 6H12C11.2121 6 10.4319 6.15519 9.7039 6.45672C8.97595 6.75825 8.31451 7.20021 7.75736 7.75736C7.20021 8.31451 6.75825 8.97595 6.45672 9.7039C6.15519 10.4319 6 11.2121 6 12C6 12.7879 6.15519 13.5681 6.45672 14.2961C6.75825 15.0241 7.20021 15.6855 7.75736 16.2426C8.31451 16.7998 8.97595 17.2417 9.7039 17.5433C10.4319 17.8448 11.2121 18 12 18L12 24C10.4241 24 8.86371 23.6896 7.4078 23.0866C5.95189 22.4835 4.62902 21.5996 3.51472 20.4853C2.40042 19.371 1.5165 18.0481 0.913446 16.5922C0.310389 15.1363 0 13.5759 0 12C0 10.4241 0.310389 8.86371 0.913446 7.4078C1.5165 5.95189 2.40042 4.62902 3.51472 3.51472C4.62902 2.40042 5.95189 1.5165 7.4078 0.913446ZM20.52 24C22.1769 24 23.52 22.6569 23.52 21C23.52 19.3431 22.1769 18 20.52 18C18.8631 18 17.52 19.3431 17.52 21C17.52 22.6569 18.8631 24 20.52 24ZM36.96 24C30.3326 24 24.96 18.6274 24.96 12C24.96 5.37258 30.3326 0 36.96 0C43.5874 0 48.96 5.37258 48.96 12C48.96 18.6274 43.5874 24 36.96 24ZM30.96 12C30.96 15.3137 33.6463 18 36.96 18C40.2737 18 42.96 15.3137 42.96 12C42.96 8.68629 40.2737 6 36.96 6C33.6463 6 30.96 8.68629 30.96 12ZM53.9147 3.51472C51.6643 5.76515 50.4 8.8174 50.4 12V24H56.4V12C56.4 10.4087 57.0321 8.88258 58.1574 7.75736C59.2826 6.63214 60.8087 6 62.4 6H63.6C66.9137 6 69.6 3.31371 69.6 0H62.4C59.2174 0 56.1652 1.26428 53.9147 3.51472ZM71.04 0H92.64C92.64 3.31371 89.9537 6 86.64 6H84.72V24H78.72V6L77.04 6C73.7263 6 71.04 3.31371 71.04 0ZM102.72 24C109.347 24 114.72 18.6274 114.72 12C114.72 5.37258 109.347 0 102.72 0C96.0926 0 90.72 5.37258 90.72 12C90.72 18.6274 96.0926 24 102.72 24ZM102.72 18C99.4063 18 96.72 15.3137 96.72 12C96.72 8.68629 99.4063 6 102.72 6C106.034 6 108.72 8.68629 108.72 12C108.72 15.3137 106.034 18 102.72 18Z" fill="#2F1973"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 6H11.8799H11.7599V6.00078C6.84463 6.06501 2.87988 10.0695 2.87988 15C2.87988 19.6944 6.474 23.5493 11.0606 23.9632C11.372 23.9876 11.6853 24 11.9999 24H17.2467C16.5221 23.2099 16.0799 22.1566 16.0799 21C16.0799 19.8434 16.5221 18.7901 17.2467 18H11.9999C10.4086 18 8.88246 17.3679 7.75724 16.2426C6.63202 15.1174 5.99988 13.5913 5.99988 12C5.99988 10.4087 6.63202 8.88258 7.75724 7.75736C8.88246 6.63214 10.4086 6 11.9999 6Z" fill="url(#paint0_linear_2301_3236)"/><path d="M132.669 19H128.745V6.112H132.633C136.521 6.112 139.113 8.704 139.113 12.556C139.113 16.408 136.539 19 132.669 19ZM132.579 7.3H130.041V17.812H132.615C135.765 17.812 137.781 15.76 137.781 12.556C137.781 9.334 135.765 7.3 132.579 7.3ZM144.838 19.216C142.282 19.216 140.572 17.38 140.572 14.644C140.572 11.926 142.264 10.054 144.748 10.054C147.106 10.054 148.708 11.728 148.708 14.194V14.806H141.778C141.868 16.93 142.984 18.154 144.856 18.154C146.278 18.154 147.196 17.542 147.52 16.39H148.708C148.24 18.226 146.89 19.216 144.838 19.216ZM144.748 11.116C143.11 11.116 142.03 12.196 141.814 13.906H147.466C147.466 12.232 146.386 11.116 144.748 11.116ZM152.895 19L149.331 10.288H150.663L152.913 15.904C153.147 16.534 153.381 17.128 153.543 17.704C153.705 17.11 153.939 16.534 154.191 15.904L156.477 10.288H157.755L154.137 19H152.895ZM162.486 19.216C159.93 19.216 158.22 17.38 158.22 14.644C158.22 11.926 159.912 10.054 162.396 10.054C164.754 10.054 166.356 11.728 166.356 14.194V14.806H159.426C159.516 16.93 160.632 18.154 162.504 18.154C163.926 18.154 164.844 17.542 165.168 16.39H166.356C165.888 18.226 164.538 19.216 162.486 19.216ZM162.396 11.116C160.758 11.116 159.678 12.196 159.462 13.906H165.114C165.114 12.232 164.034 11.116 162.396 11.116ZM169.638 19H168.396V5.878H169.638V19ZM171.668 14.644C171.668 11.98 173.54 10.054 176.096 10.054C178.652 10.054 180.524 11.98 180.524 14.644C180.524 17.29 178.652 19.216 176.096 19.216C173.54 19.216 171.668 17.29 171.668 14.644ZM172.928 14.626C172.928 16.678 174.224 18.1 176.096 18.1C177.95 18.1 179.264 16.678 179.264 14.626C179.264 12.61 177.95 11.17 176.096 11.17C174.224 11.17 172.928 12.61 172.928 14.626ZM182.51 22.798V10.288H183.59L183.716 12.052C184.328 10.702 185.552 10.054 187.01 10.054C189.53 10.054 191.042 11.98 191.042 14.608C191.042 17.236 189.584 19.216 187.01 19.216C185.534 19.216 184.364 18.586 183.752 17.326V22.798H182.51ZM183.77 14.644C183.77 16.642 184.886 18.1 186.794 18.1C188.684 18.1 189.782 16.642 189.782 14.644C189.782 12.628 188.684 11.188 186.794 11.188C184.886 11.188 183.77 12.628 183.77 14.644ZM196.676 19.216C194.12 19.216 192.41 17.38 192.41 14.644C192.41 11.926 194.102 10.054 196.586 10.054C198.944 10.054 200.546 11.728 200.546 14.194V14.806H193.616C193.706 16.93 194.822 18.154 196.694 18.154C198.116 18.154 199.034 17.542 199.358 16.39H200.546C200.078 18.226 198.728 19.216 196.676 19.216ZM196.586 11.116C194.948 11.116 193.868 12.196 193.652 13.906H199.304C199.304 12.232 198.224 11.116 196.586 11.116ZM207.086 10.18V11.296H206.402C204.8 11.296 203.774 12.376 203.774 14.032V19H202.532V10.288H203.702L203.792 11.638C204.134 10.702 205.052 10.09 206.276 10.09C206.546 10.09 206.78 10.108 207.086 10.18ZM219.255 19.198C215.655 19.198 213.207 16.516 213.207 12.556C213.207 8.596 215.691 5.896 219.327 5.896C222.099 5.896 224.277 7.57 224.799 10.126H223.413C222.873 8.272 221.289 7.138 219.273 7.138C216.447 7.138 214.557 9.298 214.557 12.556C214.557 15.796 216.447 17.956 219.273 17.956C221.307 17.956 222.927 16.858 223.485 15.13H224.871C224.277 17.56 222.027 19.198 219.255 19.198ZM226.23 14.644C226.23 11.98 228.102 10.054 230.658 10.054C233.214 10.054 235.086 11.98 235.086 14.644C235.086 17.29 233.214 19.216 230.658 19.216C228.102 19.216 226.23 17.29 226.23 14.644ZM227.49 14.626C227.49 16.678 228.786 18.1 230.658 18.1C232.512 18.1 233.826 16.678 233.826 14.626C233.826 12.61 232.512 11.17 230.658 11.17C228.786 11.17 227.49 12.61 227.49 14.626ZM238.315 19H237.073V10.288H238.153L238.333 11.8C238.909 10.684 240.061 10.054 241.321 10.054C243.715 10.054 244.705 11.476 244.705 13.672V19H243.463V13.942C243.463 11.908 242.545 11.188 241.105 11.188C239.323 11.188 238.315 12.484 238.315 14.446V19ZM246.337 16.552H247.525C247.525 17.56 248.281 18.19 249.505 18.19C250.855 18.19 251.647 17.614 251.647 16.678C251.647 15.958 251.287 15.544 250.261 15.292L248.767 14.914C247.255 14.536 246.517 13.744 246.517 12.556C246.517 11.026 247.795 10.054 249.667 10.054C251.503 10.054 252.691 11.062 252.745 12.682H251.539C251.503 11.674 250.801 11.08 249.631 11.08C248.407 11.08 247.723 11.602 247.723 12.538C247.723 13.204 248.191 13.672 249.145 13.906L250.639 14.284C252.151 14.662 252.835 15.364 252.835 16.624C252.835 18.19 251.503 19.216 249.523 19.216C247.561 19.216 246.337 18.172 246.337 16.552ZM254.267 14.644C254.267 11.98 256.139 10.054 258.695 10.054C261.251 10.054 263.123 11.98 263.123 14.644C263.123 17.29 261.251 19.216 258.695 19.216C256.139 19.216 254.267 17.29 254.267 14.644ZM255.527 14.626C255.527 16.678 256.823 18.1 258.695 18.1C260.549 18.1 261.863 16.678 261.863 14.626C261.863 12.61 260.549 11.17 258.695 11.17C256.823 11.17 255.527 12.61 255.527 14.626ZM266.406 19H265.164V5.878H266.406V19ZM272.701 19.216C270.145 19.216 268.435 17.38 268.435 14.644C268.435 11.926 270.127 10.054 272.611 10.054C274.969 10.054 276.571 11.728 276.571 14.194V14.806H269.641C269.731 16.93 270.847 18.154 272.719 18.154C274.141 18.154 275.059 17.542 275.383 16.39H276.571C276.103 18.226 274.753 19.216 272.701 19.216ZM272.611 11.116C270.973 11.116 269.893 12.196 269.677 13.906H275.329C275.329 12.232 274.249 11.116 272.611 11.116Z" fill="#999999"/><defs><linearGradient id="paint0_linear_2301_3236" x1="7.30328" y1="21.24" x2="19.1833" y2="33.12" gradientUnits="userSpaceOnUse"><stop stop-color="#FEC437"/><stop offset="1" stop-color="#2F1973"/></linearGradient></defs></svg>`,
+    name: 'corto-dev-console-icon-light'
+};
 const gdsCortoIconDarkDefaultIcon = {
     data: `<svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.8658 3.80602C37.9321 1.29329 44.4339 0 51 0H99C99 13.8071 87.8071 25 74 25H51C47.717 25 44.4661 25.6466 41.4329 26.903C38.3998 28.1594 35.6438 30.0009 33.3223 32.3223C31.0009 34.6438 29.1594 37.3998 27.903 40.4329C26.6466 43.4661 26 46.717 26 50C26 53.283 26.6466 56.5339 27.903 59.5671C29.1594 62.6002 31.0009 65.3562 33.3223 67.6777C35.6438 69.9991 38.3998 71.8406 41.4329 73.097C44.4661 74.3534 47.717 75 51 75L51 100C44.4339 100 37.9321 98.7067 31.8658 96.194C25.7996 93.6812 20.2876 89.9983 15.6447 85.3553C11.0017 80.7124 7.31876 75.2005 4.80602 69.1342C2.29329 63.0679 1 56.5661 1 50C1 43.4339 2.29329 36.9321 4.80602 30.8658C7.31876 24.7995 11.0017 19.2876 15.6447 14.6447C20.2876 10.0017 25.7995 6.31876 31.8658 3.80602ZM86.5 100C93.4036 100 99 94.4036 99 87.5C99 80.5964 93.4036 75 86.5 75C79.5964 75 74 80.5964 74 87.5C74 94.4036 79.5964 100 86.5 100Z" fill="#F2F2F2"/><path fill-rule="evenodd" clip-rule="evenodd" d="M51 25H50.5H50V25.0033C29.5198 25.2709 13 41.9562 13 62.5C13 82.06 27.9755 98.1223 47.0864 99.8467C48.3838 99.9485 49.6893 100 51 100H72.8617C69.8426 96.7077 68 92.3191 68 87.5C68 82.6809 69.8426 78.2923 72.8617 75H51C44.3696 75 38.0107 72.3661 33.3223 67.6777C28.6339 62.9893 26 56.6304 26 50C26 43.3696 28.6339 37.0107 33.3223 32.3223C38.0107 27.6339 44.3696 25 51 25Z" fill="url(#paint0_linear_42_3621)"/><defs><linearGradient id="paint0_linear_42_3621" x1="31.4308" y1="88.5" x2="80.9308" y2="138" gradientUnits="userSpaceOnUse"><stop stop-color="#FEC437"/><stop offset="1" stop-color="#2F1973"/></linearGradient></defs></svg>`,
     name: 'corto-icon-dark-default'
@@ -607,61 +611,17 @@ const gdsDocZyphtaIcon = {
     name: 'doc-zyphta'
 };
 const gdsEmailCheckmarkIcon = {
-    data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5ZM20.5 16C22.9853 16 25 13.9853 25 11.5C25 9.01472 22.9853 7 20.5 7C18.0147 7 16 9.01472 16 11.5C16 13.9853 18.0147 16 20.5 16ZM22.8536 10.3536L19.8536 13.3536C19.6583 13.5488 19.3417 13.5488 19.1464 13.3536L18.1464 12.3536C17.9512 12.1583 17.9512 11.8417 18.1464 11.6464C18.3417 11.4512 18.6583 11.4512 18.8536 11.6464L19.5 12.2929L22.1464 9.64645C22.3417 9.45118 22.6583 9.45118 22.8536 9.64645C23.0488 9.84171 23.0488 10.1583 22.8536 10.3536Z" fill="#3FB181"/></svg>`,
+    data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5ZM20.5 16C22.9853 16 25 13.9853 25 11.5C25 9.01472 22.9853 7 20.5 7C18.0147 7 16 9.01472 16 11.5C16 13.9853 18.0147 16 20.5 16ZM22.8536 10.3536L19.8536 13.3536C19.6583 13.5488 19.3417 13.5488 19.1464 13.3536L18.1464 12.3536C17.9512 12.1583 17.9512 11.8417 18.1464 11.6464C18.3417 11.4512 18.6583 11.4512 18.8536 11.6464L19.5 12.2929L22.1464 9.64645C22.3417 9.45118 22.6583 9.45118 22.8536 9.64645C23.0488 9.84171 23.0488 10.1583 22.8536 10.3536Z" fill="currentColor"/></svg>`,
     name: 'email-checkmark'
 };
 const gdsEmailDismissIcon = {
-    data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM22.3536 10.3536C22.5488 10.1583 22.5488 9.84171 22.3536 9.64645C22.1583 9.45118 21.8417 9.45118 21.6464 9.64645L20.5 10.7929L19.3536 9.64645C19.1583 9.45118 18.8417 9.45118 18.6464 9.64645C18.4512 9.84171 18.4512 10.1583 18.6464 10.3536L19.7929 11.5L18.6464 12.6464C18.4512 12.8417 18.4512 13.1583 18.6464 13.3536C18.8417 13.5488 19.1583 13.5488 19.3536 13.3536L20.5 12.2071L21.6464 13.3536C21.8417 13.5488 22.1583 13.5488 22.3536 13.3536C22.5488 13.1583 22.5488 12.8417 22.3536 12.6464L21.2071 11.5L22.3536 10.3536ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="#999999"/></svg>`,
+    data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM22.3536 10.3536C22.5488 10.1583 22.5488 9.84171 22.3536 9.64645C22.1583 9.45118 21.8417 9.45118 21.6464 9.64645L20.5 10.7929L19.3536 9.64645C19.1583 9.45118 18.8417 9.45118 18.6464 9.64645C18.4512 9.84171 18.4512 10.1583 18.6464 10.3536L19.7929 11.5L18.6464 12.6464C18.4512 12.8417 18.4512 13.1583 18.6464 13.3536C18.8417 13.5488 19.1583 13.5488 19.3536 13.3536L20.5 12.2071L21.6464 13.3536C21.8417 13.5488 22.1583 13.5488 22.3536 13.3536C22.5488 13.1583 22.5488 12.8417 22.3536 12.6464L21.2071 11.5L22.3536 10.3536ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4836 16.6186L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="currentColor"/></svg>`,
     name: 'email-dismiss'
 };
 const gdsEmailErrorIcon = {
-    data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM20.5 9C20.2239 9 20 9.22386 20 9.5V11.5C20 11.7761 20.2239 12 20.5 12C20.7761 12 21 11.7761 21 11.5V9.5C21 9.22386 20.7761 9 20.5 9ZM20.5 14.125C20.8452 14.125 21.125 13.8452 21.125 13.5C21.125 13.1548 20.8452 12.875 20.5 12.875C20.1548 12.875 19.875 13.1548 19.875 13.5C19.875 13.8452 20.1548 14.125 20.5 14.125ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4837 16.6187L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="#F69139"/></svg>`,
+    data: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25 11.5C25 13.9853 22.9853 16 20.5 16C18.0147 16 16 13.9853 16 11.5C16 9.01472 18.0147 7 20.5 7C22.9853 7 25 9.01472 25 11.5ZM20.5 9C20.2239 9 20 9.22386 20 9.5V11.5C20 11.7761 20.2239 12 20.5 12C20.7761 12 21 11.7761 21 11.5V9.5C21 9.22386 20.7761 9 20.5 9ZM20.5 14.125C20.8452 14.125 21.125 13.8452 21.125 13.5C21.125 13.1548 20.8452 12.875 20.5 12.875C20.1548 12.875 19.875 13.1548 19.875 13.5C19.875 13.8452 20.1548 14.125 20.5 14.125ZM23 20.5V16.4003C23.3578 16.2174 23.6929 15.9965 24 15.7428V20.5C24 21.8807 22.8807 23 21.5 23H10.5C9.11929 23 8 21.8807 8 20.5V12.5C8 11.1193 9.11929 10 10.5 10H15.207C15.1159 10.3223 15.0534 10.6566 15.0224 11H10.5C9.67157 11 9 11.6716 9 12.5V12.802L16 16.9199L17.4414 16.0718C17.766 16.2894 18.1151 16.4733 18.4837 16.6187L16.2535 17.931C16.1231 18.0077 15.9666 18.0205 15.8275 17.9693L15.7465 17.931L9 13.963V20.5C9 21.3284 9.67157 22 10.5 22H21.5C22.3284 22 23 21.3284 23 20.5Z" fill="currentColor"/></svg>`,
     name: 'email-error'
 };
-const gdsEmptyState404Icon = {
-    data: `<svg viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M263.299 191h3.612l8.21 30.983H255.09L263.299 191Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M263.299 191h3.612l3.315 12.512h-10.242L263.299 191Zm-4.262 16.087-1.211 4.569h14.558l-1.21-4.569h-12.137Zm-2.158 8.144h16.452l1.79 6.752H255.09l1.789-6.752Z" fill="url(#a)"/><path fill="url(#b)" d="M250 221.983h30.21v2.781H250z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m274.331 219.006.79 2.978H255.09l.789-2.978h18.452Z" fill="#000" fill-opacity=".2"/><mask id="d" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="250" y="191" width="31" height="34"><path fill-rule="evenodd" clip-rule="evenodd" d="M263.299 191h3.612l3.315 12.512h-10.242L263.299 191Zm-4.262 16.087-1.211 4.569h14.558l-1.21-4.569h-12.137Zm-2.158 8.144h16.452l1.79 6.752H255.09l1.789-6.752Z" fill="url(#c)"/><path fill="#1E365E" d="M250 221.983h30.21v2.781H250z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m274.331 219.006.79 2.978H255.09l.789-2.978h18.452Z" fill="#8E9AAE"/></mask><g mask="url(#d)"><ellipse cx="240.135" cy="187.758" rx="30.703" ry="37.14" fill="#fff" fill-opacity=".2"/></g><path d="M45 130.5a.5.5 0 0 0 0 1v-1Zm216.417.5a2.667 2.667 0 1 0 5.333 0 2.667 2.667 0 0 0-5.333 0ZM45 131.5h.996v-1H45v1Zm2.987 0h1.992v-1h-1.992v1Zm3.984 0h1.992v-1H51.97v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.992v1Zm3.983 0h1.992v-1H75.87v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1H87.82v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h1.991v-1h-1.991v1Zm3.983 0h1.992v-1h-1.992v1Zm3.983 0h1.992v-1h-1.992v1Zm3.984 0h.995v-1h-.995v1Z" fill="#8E9AAE"/><g clip-path="url(#e)" filter="url(#f)"><g filter="url(#g)"><path d="M50.5 129c0 6.903-5.597 12.5-12.5 12.5s-12.5-5.597-12.5-12.5 5.597-12.5 12.5-12.5 12.5 5.597 12.5 12.5Z" fill="#fff"/></g><path d="M31.75 129.625v-1.25c0-.345.28-.625.625-.625h11.25c.345 0 .625.28.625.625v1.25c0 .345-.28.625-.625.625h-11.25a.625.625 0 0 1-.625-.625Z" fill="#1E365E"/></g><path d="M270 121.6v12.8c0 .884.738 1.6 1.65 1.6h29.7c.912 0 1.65-.716 1.65-1.6v-12.8c0-.884-.738-1.6-1.65-1.6h-29.7c-.912 0-1.65.716-1.65 1.6Z" fill="url(#h)"/><circle cx="286" cy="132" r=".5" stroke="#fff"/><circle cx="289" cy="132" r=".5" stroke="#fff"/><path d="M279.464 125.138a.798.798 0 1 0-1.444-.68l-3.484 7.404a.798.798 0 1 0 1.444.68l3.484-7.404ZM284.464 125.138a.798.798 0 1 0-1.444-.68l-3.484 7.404a.798.798 0 1 0 1.444.68l3.484-7.404Z" fill="#fff"/><g filter="url(#i)"><path d="M74 211.92V119h167v92.92c0 4.444-3.758 8.08-8.35 8.08H82.35c-4.593 0-8.35-3.636-8.35-8.08Z" fill="#fff"/></g><path d="M116.249 180.827c-4.204 0-7.63-1.521-10.277-4.562-2.648-3.057-3.972-7.033-3.972-11.93 0-5.17 1.344-9.352 4.033-12.545 2.689-3.193 6.251-4.79 10.686-4.79 4.19 0 7.575 1.528 10.155 4.585 2.593 3.056 3.889 7.086 3.889 12.089 0 5.14-1.344 9.283-4.033 12.431-2.675 3.148-6.169 4.722-10.481 4.722Zm.286-27.486c-2.32 0-4.162.973-5.527 2.92-1.365 1.931-2.047 4.493-2.047 7.687 0 3.239.682 5.801 2.047 7.687 1.365 1.885 3.152 2.828 5.363 2.828 2.28 0 4.088-.912 5.426-2.737 1.337-1.84 2.006-4.387 2.006-7.642 0-3.391-.648-6.029-1.945-7.914-1.297-1.886-3.071-2.829-5.323-2.829Z" fill="url(#j)"/><path d="M145.012 180.827c-3.494 0-6.244-1.087-8.25-3.262-1.993-2.19-2.989-5.155-2.989-8.896 0-3.862 1.037-6.881 3.112-9.055 2.074-2.19 4.879-3.285 8.414-3.285 3.48 0 6.209 1.095 8.188 3.285 1.979 2.174 2.969 5.056 2.969 8.645 0 3.877-1.024 6.941-3.071 9.192-2.033 2.251-4.825 3.376-8.373 3.376Zm.164-18.978c-1.529 0-2.716.586-3.562 1.756-.847 1.171-1.27 2.829-1.27 4.973 0 4.486 1.624 6.729 4.873 6.729 3.098 0 4.647-2.304 4.647-6.911 0-4.365-1.563-6.547-4.688-6.547Z" fill="url(#k)"/><path d="M167.204 177.542h-.082V191h-6.469v-34.101h6.469v3.513h.082c1.597-2.722 3.842-4.083 6.735-4.083 2.716 0 4.811 1.042 6.285 3.125 1.488 2.068 2.232 4.889 2.232 8.463 0 3.892-.867 7.017-2.6 9.374-1.72 2.357-4.013 3.536-6.879 3.536-2.525 0-4.449-1.095-5.773-3.285Zm-.184-9.58v1.871c0 1.611.382 2.927 1.146 3.946.764 1.018 1.767 1.528 3.009 1.528 1.474 0 2.614-.631 3.419-1.893.819-1.278 1.229-3.08 1.229-5.406 0-4.106-1.433-6.159-4.3-6.159-1.323 0-2.408.563-3.255 1.688-.832 1.11-1.248 2.585-1.248 4.425Z" fill="url(#l)"/><path d="M185.281 179.641v-5.84c1.064.715 2.122 1.247 3.173 1.597 1.064.35 2.068.525 3.009.525 1.147 0 2.048-.175 2.703-.525.668-.35 1.003-.882 1.003-1.597 0-.456-.15-.836-.451-1.14-.3-.304-.689-.57-1.167-.798a11.627 11.627 0 0 0-1.535-.616 17.517 17.517 0 0 1-1.617-.616c-.833-.35-1.57-.722-2.211-1.118a6.996 6.996 0 0 1-1.597-1.414 5.944 5.944 0 0 1-.983-1.848c-.218-.699-.327-1.528-.327-2.486 0-1.308.252-2.433.757-3.376a6.733 6.733 0 0 1 2.047-2.303 8.639 8.639 0 0 1 2.928-1.323 13.54 13.54 0 0 1 3.439-.434c.928 0 1.87.084 2.825.251.956.152 1.897.38 2.826.684v5.566a9.371 9.371 0 0 0-2.641-1.186 9.659 9.659 0 0 0-2.744-.411c-.423 0-.825.046-1.207.137a3.227 3.227 0 0 0-.983.365 1.752 1.752 0 0 0-.676.616 1.474 1.474 0 0 0-.245.844c0 .426.122.791.368 1.095a3.4 3.4 0 0 0 .962.798c.396.213.833.411 1.311.593.491.167.975.342 1.453.525.86.334 1.638.699 2.334 1.095a7.31 7.31 0 0 1 1.781 1.391 5.316 5.316 0 0 1 1.146 1.87c.273.715.41 1.567.41 2.555 0 1.384-.273 2.57-.819 3.558a6.89 6.89 0 0 1-2.15 2.396c-.887.608-1.917 1.049-3.091 1.322-1.16.289-2.368.434-3.624.434-2.306 0-4.442-.396-6.407-1.186Z" fill="url(#m)"/><path d="m212.632 147.547-.799 22.536h-5.241l-.757-22.536h6.797Zm-3.358 33.234c-1.092 0-1.993-.365-2.702-1.095-.71-.745-1.065-1.642-1.065-2.691 0-1.095.355-1.992 1.065-2.692.723-.699 1.624-1.049 2.702-1.049 1.092 0 1.986.357 2.682 1.072.696.7 1.044 1.589 1.044 2.669 0 1.095-.348 1.999-1.044 2.714-.682.715-1.576 1.072-2.682 1.072Z" fill="url(#n)"/><path d="M241 99v20H74V99c0-4.4 3.757-8 8.35-8h150.3c4.593 0 8.35 3.6 8.35 8Z" fill="url(#o)"/><path d="M128.019 110.887h100.962c1.114 0 2.019-.888 2.019-1.981v-7.925c0-1.093-.905-1.981-2.019-1.981H128.019c-1.114 0-2.019.888-2.019 1.981v7.925c0 1.093.905 1.981 2.019 1.981Z" fill="url(#p)"/><path d="M88 111a6 6 0 1 0 0-12 6 6 0 0 0 0 12ZM110 111a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill="#fff"/><ellipse cx="24.889" cy="4.004" rx="24.889" ry="4.004" transform="matrix(-1 0 0 1 262.444 224.726)" fill="url(#q)"/><path d="m241.011 198.038-7.458-.798-2.824-8.177 2.303-.913 5.218.091 3.418.822-.657 8.975Z" fill="#FFCEBD"/><path d="M247.234 223.975H229.99v-10.456l15.891-.107 1.353 10.563Z" fill="#4D5068"/><path d="M238.897 188.422s3.185.705 4.265 1.141c0 0 3.456.326 4.535 4.997l2.663 12.095 5.615 6.156-2.16 1.667-7.205-4.923a2.051 2.051 0 0 1-.831-1.19l-1.989-7.865.431 5.158s2.248 6.051 3.507 10.122l-17.954-.94.503-9.054-1.943-8.763 1.152-7.532 3.546-1.341.297.658c.759 1.683 2.555 2.68 4.36 2.334 1.122-.215 1.919-.914 1.21-2.72h-.002Z" fill="url(#r)"/><path d="M227.255 223.975s-2.926-2.119-5.221-4.089c-1.74-1.494-2.472-3.64-2.201-5.925l.022-.084s.995-2.587 2.434-2.587c0 0 8.866 2.309 15.338 8.65l10.904 3.589-20.195 2.607-1.081-2.164v.003Z" fill="#4D5068"/><path opacity=".3" d="M231.43 225.052v.688l17.099-2.209-5.138-1.691-3.412-.975-8.549 4.187Z" fill="#191C3C"/><path d="M255.975 219.276s4.247.924 4.606 2.446c0 0 2.34 5.268-4.894 6.952h-21.882v-3.622l10.416-2.824 11.755-2.952h-.001Z" fill="#4D5068"/><path opacity=".3" d="M260.581 221.72c-.103-.433-.699-1.115-1.141-1.114.004.504.301.961.291 1.486-.013.676-.33 1.344-.776 1.839-.674.746-1.61 1.191-2.519 1.615l-1.646.768c-.502.235-1.009.47-1.547.602-1.78.439-3.658-.115-5.455.211-1.106.202-2.229.294-3.351.388-.878.072-10.632.697-10.632.508v.651h21.882c7.234-1.684 4.894-6.952 4.894-6.952v-.002Z" fill="#191C3C"/><path d="m233.805 225.21-1.53-1.168a2.427 2.427 0 0 0-1.742-.483l-7.554.85a2.123 2.123 0 0 0-2.116 2.124v.064a2.121 2.121 0 0 0 2.116 2.133h10.828v-3.52h-.002Z" fill="#1E365E"/><path d="M220.891 226.194a2.119 2.119 0 0 0 2.086 1.783h10.828v.753h-10.828a2.12 2.12 0 0 1-2.115-2.133v-.064c0-.115.013-.229.031-.339h-.002Z" fill="#0C4DA4"/><path d="m230.533 224.236-7.554.851a2.116 2.116 0 0 0-2.091 1.821 2.144 2.144 0 0 1-.025-.313v-.064a2.123 2.123 0 0 1 2.116-2.123l7.554-.851a2.417 2.417 0 0 1 1.742.484l1.53 1.168v.677l-1.53-1.168a2.427 2.427 0 0 0-1.742-.483v.001Z" fill="#fff"/><path d="m234.524 219.113 13.893-3.584 4.887 4.418-9.083 2.281-9.697-3.115Z" fill="url(#s)"/><path d="m236.743 219.113 12.789-3.331 3.772 3.941-7.379 1.852-9.182-2.462Z" fill="#E2E5EA"/><path d="m244.478 221.772-9.954-2.659v.192c0 .273.177.513.437.594l8.51 2.635a.578.578 0 0 0 .652-.232l.355-.53Z" fill="#C6CCD6"/><path opacity=".3" d="M229.99 214.451a42.617 42.617 0 0 0-4.133-1.926c.041.073.082.148.124.214 2.281 3.477 13.519 3.301 13.519 3.301l.703-1.547-.933-.974h-9.282v.932h.002Z" fill="#191C3C"/><path d="m238.358 190.443-4.268-.942v-3.469h4.268v4.411Z" fill="#FFCEBD"/><path d="M244.326 178.921a5.929 5.929 0 0 0-.008-.133 9.888 9.888 0 0 0-.188-1.248c-.058-.288-.079-.984-.278-1.196-.188-.201-.862-.222-1.122-.257a6.63 6.63 0 0 0-1.291-.039c-.656.044-1.301.187-1.942.337-.595.138-1.188.281-1.772.46-1.018.313-2.019.746-2.825 1.445-.806.699-1.401 1.694-1.443 2.763-.038.944-.523 2.237-.427 2.653.141.61.719 2.091 1.058 2.326.297.207 2.251.015 2.507.26.568.541 1.274.921 1.954 1.293.848.463 1.705.86 2.463.074 1.359-1.407 2.21-3.147 2.693-5.02.314-1.223.683-2.441.619-3.718h.002Z" fill="#FFCEBD"/><path opacity=".4" d="m238.358 187.479-1.025-.607 1.025 1.752v-1.145Z" fill="#A58877"/><g opacity=".49"><path d="M228.909 197.633c-.134.204-.082.423.028.635.023-.212-.16-.435-.028-.635Z" fill="#6C98E3" opacity=".3"/><path d="M237.083 215.238c.436-.668.451-1.57.279-2.367-.181-.844-.561-1.676-1.224-2.226-.603-.498-1.38-.722-2.063-1.102-.684-.38-1.324-1.041-1.275-1.824.026-.421.248-.844.119-1.245-.147-.454-.66-.647-1.058-.906-.725-.476-.977-1.269-1.299-2.02a12.972 12.972 0 0 1-.867-2.917c-.093-.542-.13-1.149-.34-1.664-.085-.209-.291-.453-.418-.701a.308.308 0 0 1-.039.125l-.017 1.097 1.396 6.297-.503 9.053 7.307.398.002.002Z" fill="#6C98E3" opacity=".3"/></g><path d="m239.979 213.519 3.495.821c.136.031.263.092.376.176l1.756 1.314c.276.207.49.485.619.804l.555.956.251 1.85a.502.502 0 0 1-.817-.352l-.083-.988c-.152-.313-.903-1.068-1.243-1.132l-.976-.212.8 1.362a.53.53 0 0 1-.43.799l-1.957-2.383-3.428-1.385 1.082-1.63Z" fill="#FFCEBD"/><path d="M231.309 188.802s-4.293 1.628-4.845 1.919c-.201.107-1.944.724-2.016 2.752-.072 2.028-.745 14.92 1.535 18.396 2.28 3.477 13.581 3.911 13.581 3.911l1.224-2.462-10.811-4.778-1.208-11.3 2.541-8.438h-.001Z" fill="url(#t)"/><path d="m245.086 217.986-.147-1.454.721-.074.219 2.181a.727.727 0 0 1-.795-.653h.002Z" fill="#FFCEBD"/><path d="m244.239 221.947 5.055-8.933a.135.135 0 0 1 .082-.064l15.116-4.121c.121-.034.219.099.153.206l-6.306 9.57a.135.135 0 0 1-.084.06l-13.862 3.483a.138.138 0 0 1-.152-.203l-.002.002Z" fill="url(#u)"/><path d="m260.527 216.654-1.744-.586a.565.565 0 0 1 .355-1.071l1.744.586a.565.565 0 0 1-.355 1.071Z" fill="#FFCEBD"/><path d="m260.334 217.557-2.009-.676a.565.565 0 0 1 .355-1.071l2.009.676a.565.565 0 0 1-.355 1.071Z" fill="#FFCEBD"/><path d="m259.928 218.392-1.601-.537a.564.564 0 0 1 .355-1.071l1.6.538a.564.564 0 0 1-.354 1.07Z" fill="#FFCEBD"/><path d="m259.393 218.955-1.002-.337a.565.565 0 0 1 .355-1.071l1.002.337a.564.564 0 0 1-.355 1.071Z" fill="#FFCEBD"/><path d="M255.56 215.784c-.265.623-.857 1.126-1.323 1.125-.466 0-.629-.508-.363-1.132.265-.623.857-1.127 1.323-1.125.466 0 .627.508.363 1.132Z" fill="#DFE2EC"/><path d="M233.411 181.514c.017-.111.03-.221.038-.326l.008-.135a3.256 3.256 0 0 1 .131-.785c.037-.126.081-.253.132-.375a4.343 4.343 0 0 1 1.032-1.468c.049-.047.098-.091.148-.135.806-.699 1.808-1.132 2.825-1.445.438-.134.881-.248 1.326-.355.149-.036.297-.071.446-.105.401-.092.803-.184 1.208-.25a7.534 7.534 0 0 1 1.058-.102 6.628 6.628 0 0 1 .968.053c.032.005.071.008.114.013.306.029.842.069 1.007.243a.637.637 0 0 1 .119.235c.015.05.03.104.041.16.007.028.012.057.017.085.047.262.068.553.101.714a20.987 20.987 0 0 1 .114.62c.033.208.059.417.074.627l.008.133c.003.079.007.158.007.237-.9.42-1.975.303-2.918-.026-.291-.102-.582-.222-.891-.244-1.681-.111-2.289 2.027-2.032 3.297.016.084.036.167.05.253.149.331.161.712.179 1.079.021.41.068.847.33 1.163.704.852 1.603-.38 2.355-.452a1.875 1.875 0 0 1 1.534.582 10.243 10.243 0 0 1-1.928 2.849c-.758.786-1.615.39-2.463-.074-.409-.224-.826-.451-1.218-.713-.198-.279-.433-.528-.753-.628a.984.984 0 0 0-.228-.041 4.8 4.8 0 0 0-.662-.049c-.096-.344.221-.775.584-.94.43-.195.951-.245 1.273-.595.363-.395.313-.985.187-1.526-.087-.224-.087-.533-.218-.747-.238-.393-.866-.331-1.195-.01-.86.836-.801 2.41-1.523 3.332-.224.287-.46.39-.688.374a.067.067 0 0 1-.02-.012c-.338-.235-.917-1.715-1.058-2.325.103-.688.291-1.561.381-2.193v.007Z" fill="#A58877" opacity=".2"/><path d="M239.754 178.071a4.766 4.766 0 0 0-.97.062c-.58.11-1.114.39-1.608.717-1.228.813-1.983 1.973-2.627 3.274-.144.291-.284.59-.515.819-.214.212-.562.396-.871.383-.46-.02-.38-.067-.424-.503-.083-.831-.039-1.698-.059-2.533a7.375 7.375 0 0 1 .561-3.015c.265-.642.571-1.273.997-1.82.427-.546.98-1.008 1.63-1.238.693-.244 1.445-.217 2.178-.186 1.651.069 3.295.184 4.945.242.66.023 1.325-.117 1.945.214.518.276.858.827.979 1.406.09.434.067.898-.108 1.304-.175.407-.507.752-.924.9-.384.137-.796.099-1.185.013-.381-.084-.564-.074-.938-.026-.816.102-1.649.026-2.467.005-.18-.005-.358-.012-.538-.015l-.001-.003Z" fill="#4D5068"/><g opacity=".5"><path d="M242.788 210.678c-.01-1.181.359-2.336.395-3.517.033-1.097-.227-2.186-.608-3.215-.178-.482-.385-.966-.405-1.479-.034-.906.603-1.795 1.469-2.048.068.469.156.936.26 1.398l.322 3.841s2.248 6.051 3.507 10.122l-4.394-.23c.189-1.554-.533-3.242-.546-4.874v.002Z" fill="#6C98E3" opacity=".3"/></g><ellipse cx="68.388" cy="221.653" rx="37.969" ry="8.743" fill="url(#v)" opacity=".5"/><path d="M66.126 192.902s-12.967-2.316-13.445-13.663c0 0 3.406 2.408 5.815 3.212 1.02.51 8.434 3.617 7.63 10.451ZM81.968 188.457s1.63 7.584-8.878 8.887c0 0-1.574-2.346 2.811-5.109.694-.436 1.48-.682 2.29-.814 1.044-.167 2.718-.79 3.777-2.964Z" fill="#80AFD4"/><path d="M75.901 192.618c.694-.437 1.48-.682 2.29-.814 1.044-.17 2.718-.793 3.777-2.967 0 0 .073.344.088.893.02-.77-.088-1.273-.088-1.273-1.059 2.174-2.736 2.797-3.777 2.966-.807.133-1.596.378-2.29.815-2.75 1.734-3.157 3.302-3.076 4.23.061-.947.669-2.334 3.076-3.85ZM58.901 182.502c-1.42-.533-4.023-2.202-6.257-3.945v.678c1.95 1.417 4.196 2.806 5.468 3.281 2.503.937 5.26 2.796 6.542 5.047 1.451 2.547 1.591 4.452 1.472 5.338-.179.014.175-.007 0 0 0 0 .617-2.163-1.33-5.576-1.284-2.25-3.391-3.886-5.895-4.823Z" fill="#80AFD4"/><path d="M67.356 172.004s-8.633 13.443 1.233 21.193c0 0 2.115-1.724 2.689-6.079.377-2.871-.24-5.776-1.584-8.342-.762-1.458-1.686-3.685-2.338-6.772Z" fill="#80AFD4"/><path d="M69.694 178.773c-.762-1.457-1.686-3.685-2.338-6.771 0 0 .002-.059-.324.542.633 2.603 1.368 4.389 2.052 5.692 1.343 2.566 2.324 6.119 1.944 8.989-.43 3.249-1.812 5.273-2.437 5.97-.144-.113.138.115 0 0 0 0 2.116-1.725 2.69-6.08.377-2.871-.244-5.775-1.587-8.342ZM54.63 190.253s-4.763-1.05-6.574 5.53c0 0 5.145-4.004 6.191-.763 0 0 2.383 3.815 6.097 3.624 0 0 .19-8.2-5.714-8.391Z" fill="#80AFD4"/><path d="M54.63 190.633c5.14.167 5.662 6.397 5.711 8.011h.005s.191-8.2-5.716-8.391c0 0-4.763-1.05-6.574 5.53 0 0 .059-.046.147-.11 1.907-6.031 6.427-5.04 6.427-5.04Z" fill="#80AFD4"/><path opacity=".5" d="M59.265 197.699c.807 1.092 1.912 1.666 2.983 2.459 2.312 1.712 2.408 4.917 2.616 7.559.044.547.87.564.865 0-.022-2.159-.346-4.983-1.654-6.772-1.138-1.555-3.163-2.107-4.46-3.518-.166-.181-.502.066-.35.272Z" fill="url(#w)"/><path opacity=".5" d="M63.839 190.555c3.362 2.824 3.11 5.967 2.583 9.951-.348 2.628-.23 5.449.895 7.881.174.375.691.093.627-.265-.407-2.23-.924-4.35-.765-6.644.128-1.845.716-3.639.523-5.501-.253-2.436-1.608-4.429-3.547-5.832-.238-.169-.542.221-.316.41Z" fill="url(#x)"/><path opacity=".5" d="M68.157 189.87c-.235 2.959.564 5.888.615 8.852.054 3.023-.735 5.852-1.03 8.823-.026.267.398.378.51.137 2.616-5.537.856-12.049.342-17.812-.027-.28-.415-.282-.437 0Z" fill="url(#y)"/><path opacity=".5" d="M75.693 195.467c-1.917 1.545-4.532 2.664-5.336 5.127-.508 1.558-2.192 5.427-.618 6.72.15.123.38.047.385-.159.068-2.23.394-5.366 1.61-7.277 1.03-1.619 3.042-2.591 4.229-4.2.127-.172-.13-.324-.27-.211Z" fill="url(#z)"/><path d="M72.459 222.602h-8.582c-1.002 0-1.85-.758-1.992-1.781L59.61 204.53h16.611l-1.764 16.229c-.113 1.05-.975 1.843-2 1.843Z" fill="#80AFD4"/><path d="M77.667 203.807h-19.5v2.892h19.5v-2.892Z" fill="#80AFD4"/><g filter="url(#A)"><path d="m265.5 68.094-12.563 11.72c-.718.697-1.937.197-1.937-.778V68.094h14.5Z" fill="url(#B)"/><path d="M244.058 75.12h39.884A3.056 3.056 0 0 0 287 72.07V46.05c0-1.683-1.37-3.05-3.058-3.05h-39.884A3.056 3.056 0 0 0 241 46.05v26.02c0 1.684 1.37 3.05 3.058 3.05Z" fill="url(#C)"/><path d="M263.972 64.569c-.888 0-1.595-.75-1.595-1.663v-.45a5.137 5.137 0 0 1 2.83-4.613c.971-.5 1.823-1.7 1.511-3.275-.216-1.087-1.067-1.975-2.111-2.2-.875-.188-1.714.012-2.386.587a2.96 2.96 0 0 0-1.031 2.263c0 .925-.72 1.663-1.595 1.663-.876 0-1.595-.75-1.595-1.663 0-1.888.803-3.663 2.218-4.85a5.88 5.88 0 0 1 5.061-1.263c2.278.5 4.125 2.425 4.593 4.788.563 2.838-.768 5.688-3.238 6.95-.636.326-1.031.938-1.031 1.613v.45c-.024.913-.744 1.663-1.631 1.663ZM263.97 69.393c-.42 0-.828-.174-1.14-.485a2.154 2.154 0 0 1-.191-.262c-.06-.087-.108-.187-.156-.286-.036-.112-.072-.212-.084-.312a1.488 1.488 0 0 1 0-.647c.012-.112.048-.212.084-.312.036-.1.084-.186.156-.286.06-.087.12-.174.191-.25.6-.622 1.667-.622 2.267 0 .084.076.144.163.204.25s.108.187.156.286c.036.112.06.212.084.312a1.487 1.487 0 0 1 0 .647 2.342 2.342 0 0 1-.084.312c-.036.1-.096.186-.156.286a1.94 1.94 0 0 1-.204.262 1.53 1.53 0 0 1-1.127.485Z" fill="#fff"/></g><defs><linearGradient id="a" x1="265.105" y1="191" x2="265.105" y2="221.983" gradientUnits="userSpaceOnUse"><stop stop-color="#004D87"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="b" x1="265.105" y1="221.983" x2="265.105" y2="224.763" gradientUnits="userSpaceOnUse"><stop stop-color="#004D87"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="c" x1="264.857" y1="205.732" x2="280.604" y2="215.765" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="h" x1="260.674" y1="115.775" x2="307.269" y2="108.47" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="j" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="k" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="l" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="m" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="n" x1="156.124" y1="167.921" x2="173.208" y2="210.397" gradientUnits="userSpaceOnUse"><stop stop-color="#66A0CB"/><stop offset="1" stop-color="#9DC0E4"/></linearGradient><linearGradient id="o" x1="26.804" y1="83.607" x2="227.209" y2="-7.247" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="p" x1="96.326" y1="95.861" x2="201.025" y2="25.563" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="r" x1="248.235" y1="212.741" x2="229.486" y2="195.872" gradientUnits="userSpaceOnUse"><stop stop-color="#F1F9FF"/><stop offset="0" stop-color="#F3FAFF"/><stop offset=".505" stop-color="#F1F7FC"/><stop offset="1" stop-color="#E3ECF4"/></linearGradient><linearGradient id="s" x1="237.529" y1="215.931" x2="240.175" y2="224.81" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="t" x1="236.172" y1="212.813" x2="220.63" y2="204.27" gradientUnits="userSpaceOnUse"><stop stop-color="#F1F9FF"/><stop offset="0" stop-color="#F3FAFF"/><stop offset=".505" stop-color="#F1F7FC"/><stop offset="1" stop-color="#E3ECF4"/></linearGradient><linearGradient id="u" x1="247.493" y1="209.623" x2="255.571" y2="224.458" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="w" x1="60.267" y1="198.01" x2="67.646" y2="203.343" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="x" x1="64.43" y1="191.211" x2="71.171" y2="193.043" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="y" x1="68.047" y1="190.749" x2="71.294" y2="191.158" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="z" x1="70.189" y1="196.144" x2="78.259" y2="201.737" gradientUnits="userSpaceOnUse"><stop stop-color="#12284E"/><stop offset=".5" stop-color="#1E365E"/><stop offset="1" stop-color="#36507C"/></linearGradient><linearGradient id="B" x1="246.902" y1="64.913" x2="267.705" y2="63.01" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><linearGradient id="C" x1="228" y1="34.519" x2="293.767" y2="27.36" gradientUnits="userSpaceOnUse"><stop stop-color="#1E475E"/><stop offset="1" stop-color="#3380BA"/></linearGradient><filter id="f" x="18" y="110" width="38" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><filter id="g" x="20.5" y="112.5" width="33" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><filter id="i" x="69" y="115" width="175" height="109" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><filter id="A" x="236" y="39" width="54" height="45.139" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.117647 0 0 0 0 0.211765 0 0 0 0 0.368627 0 0 0 0.15 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_4066_40546"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_4066_40546" result="shape"/></filter><radialGradient id="q" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.39359 2.54514 -1.05888 4.74017 25.387 4.164)"><stop stop-color="#8E9AAE"/><stop offset="0" stop-color="#ACCAE2"/><stop offset=".208" stop-color="#C6CCD6"/><stop offset="1" stop-color="#E2E5EA" stop-opacity=".05"/></radialGradient><radialGradient id="v" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(17.38146 5.5578 -3.15266 9.85963 69.148 222.003)"><stop stop-color="#8E9AAE"/><stop offset="0" stop-color="#8E9AAE"/><stop offset=".285" stop-color="#C6CCD6"/><stop offset="1" stop-color="#EAEAEA" stop-opacity=".13"/></radialGradient><clipPath id="e"><path fill="#fff" transform="translate(23 114)" d="M0 0h30v30H0z"/></clipPath></defs></svg>`,
-    name: 'empty-state-404'
-};
-const gdsEmptyStateContactIcon = {
-    data: `<svg width="320" height="120" viewBox="0 0 320 120" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a)" opacity=".8"><path fill="url(#b)" d="M110 16h100v100H110z"/></g><g opacity=".95"><rect x="44" y="73" width="232" height="31" rx="4" fill="#ECE9F5"/><rect x="180" y="86" width="94" height="6" rx="2" transform="rotate(180 180 86)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 86 98)" fill="#D8D3EB"/><circle cx="69" cy="89" r="9" fill="#D8D3EB"/><rect width="76" height="16" rx="2" transform="matrix(1 0 0 -1 188 97)" fill="#D8D3EB"/></g><rect x="44" y="34" width="232" height="31" rx="4" fill="#FCFBFD"/><rect x="48" y="36.5" width="224" height="26" rx="6" fill="#5B42A8" fill-opacity=".04"/><circle cx="69" cy="49.5" r="9" fill="#D8D3EB"/><rect x="180" y="46.5" width="94" height="6" rx="2" transform="rotate(180 180 46.5)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 86 58.5)" fill="#D8D3EB"/><rect x="48" y="40.5" width="3" height="18" rx="1.5" fill="#5B42A8"/><rect width="76" height="16" rx="2" transform="matrix(1 0 0 -1 188 57.5)" fill="#D8D3EB"/><path d="M177.72 91.344h-40.781a7.03 7.03 0 0 1-7.032-7.031V30.874a7.03 7.03 0 0 1 7.032-7.031h40.781a7.03 7.03 0 0 1 7.031 7.031v53.438a7.03 7.03 0 0 1-7.031 7.03" fill="#FEC437"/><path d="M136.929 91.344h5.625v-67.5h-5.625a7.03 7.03 0 0 0-7.031 7.031v53.438a7.03 7.03 0 0 0 7.031 7.03" fill="#2F1973"/><path opacity=".3" d="M129.907 30.8v23.981a7.03 7.03 0 0 0 7.032-7.03V31.542c0-.44.268-.854.69-.984a7.035 7.035 0 0 0 4.935-6.714h-5.7a6.955 6.955 0 0 0-6.957 6.956" fill="#fff"/><path opacity=".15" d="M184.751 84.418V59a7.03 7.03 0 0 0-7.031 7.031v16.875c0 .776-.63 1.406-1.406 1.406h-12.657a7.03 7.03 0 0 0-7.031 7.032h21.199a6.926 6.926 0 0 0 6.926-6.926" fill="#4D4D4D"/><path d="M134.829 31.578v9.844" stroke="#fff" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M166.548 67h-15.096c-1.645 0-2.838-1.543-2.336-3.054C150.455 59.917 154.374 57 159 57s8.545 2.917 9.884 6.946c.501 1.512-.691 3.054-2.336 3.054M158.5 55c3.038 0 5.5-2.686 5.5-6s-2.462-6-5.5-6-5.5 2.686-5.5 6 2.462 6 5.5 6m-47.719 49.141a4.92 4.92 0 0 1-3.48-8.402l17.718-17.719a4.922 4.922 0 0 1 6.961 6.96l-17.719 17.719a4.9 4.9 0 0 1-3.48 1.442" fill="#2F1973"/><path d="M131.945 98.234c11.689 0 21.164-9.475 21.164-21.164 0-11.688-9.475-21.164-21.164-21.164-11.688 0-21.164 9.476-21.164 21.164s9.476 21.164 21.164 21.164" fill="#2F1973"/><path d="M131.945 91.344c7.883 0 14.274-6.39 14.274-14.274s-6.391-14.273-14.274-14.273-14.273 6.39-14.273 14.273 6.39 14.274 14.273 14.274" fill="#FEC437"/><path opacity=".15" d="M152.526 72.208c-2.44.29-4.339 2.343-4.339 4.862 0 8.956-7.286 16.243-16.242 16.243a16.23 16.23 0 0 1-8.012-2.128 4.924 4.924 0 0 0-5.916.798l-7.236 7.236c-1.284 1.284-1.69 3.099-1.257 4.738.413.109.833.184 1.257.184a4.9 4.9 0 0 0 3.481-1.442l7.237-7.238a21.04 21.04 0 0 0 10.446 2.773c11.689 0 21.164-9.475 21.164-21.164 0-1.676-.215-3.3-.583-4.862" fill="#4D4D4D"/><path opacity=".3" d="M111.351 81.935c2.446-.286 4.352-2.342 4.352-4.865 0-8.955 7.286-16.242 16.242-16.242 2.518 0 4.572-1.898 4.863-4.338a21.2 21.2 0 0 0-4.863-.584c-11.688 0-21.164 9.476-21.164 21.164 0 1.676.201 3.303.57 4.865" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M126.261 60.308a1.575 1.575 0 0 1-.727 2.106 17.25 17.25 0 0 0-7.815 7.685 1.576 1.576 0 0 1-2.809-1.426 20.4 20.4 0 0 1 9.246-9.092 1.574 1.574 0 0 1 2.105.727" fill="#fff"/><path opacity=".15" d="M145.884 73.965a3.1 3.1 0 0 0-2.775 3.076c0 6.172-5.021 11.193-11.193 11.193a3.1 3.1 0 0 0-3.076 2.775 14.4 14.4 0 0 0 3.076.335c7.899 0 14.303-6.404 14.303-14.303a14.4 14.4 0 0 0-.335-3.076" fill="#4D4D4D"/><defs><clipPath id="a"><rect x="110" y="16" width="100" height="100" rx="4" fill="#fff"/></clipPath><pattern id="b" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#c" transform="translate(-.375)scale(.00065)"/></pattern><image id="c" width="2688" height="1536" preserveAspectRatio="none" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-contact'
-};
-const gdsEmptyStateDefaultIcon = {
-    data: `<svg viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M101.092 44.351V105.755C101.092 108.469 98.9118 110.667 96.2195 110.667H32.8728C30.1806 110.667 28 108.469 28 105.755V22.2458C28 19.5317 30.1806 17.3335 32.8728 17.3335H74.2918L81.6011 36.9826L101.092 44.351Z" fill="url(#paint0_linear_14_6488)"/><path opacity="0.05" d="M72.98 17.3335V41.6635C72.98 44.3746 75.1758 46.5704 77.8869 46.5704H101.092V44.3214L74.1045 17.3335H72.98Z" fill="black"/><path opacity="0.07" d="M74.1045 18.458V40.539C74.1045 43.2501 76.3003 45.4459 79.0114 45.4459H101.092V44.3214L74.1045 17.3335V18.458Z" fill="black"/><path d="M74.1045 17.3335V39.4145C74.1045 42.1256 76.3003 44.3214 79.0114 44.3214H101.092L74.1045 17.3335Z" fill="#E0ECF5"/><defs><linearGradient id="paint0_linear_14_6488" x1="98.7732" y1="110.667" x2="34.0229" y2="69.734" gradientUnits="userSpaceOnUse"><stop stop-color="#80AFD4"/><stop offset="1" stop-color="#BAD8EF"/></linearGradient></defs></svg>`,
-    name: 'empty-state-default'
-};
-const gdsEmptyStateGenericErrorIcon = {
-    data: `<svg width="466" height="169" viewBox="0 0 466 180" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a)"><path fill="url(#b)" d="M164 58h211v80H164z"/></g><g opacity=".95"><rect x="141" y="133" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M450 148a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="#666"/><rect x="273" y="148" width="124" height="6" rx="2" transform="rotate(180 273 148)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 149 160)" fill="#D8D3EB"/></g><rect x="138" y="34" width="325" height="36" rx="4" fill="#ECE9F5" opacity=".95"/><path d="M447 49a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0" fill="#666"/><rect x="270" y="49" width="124" height="6" rx="2" transform="rotate(180 270 49)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 146 61)" fill="#D8D3EB"/><rect y="77" width="415" height="36" rx="4" fill="#FCFBFD"/><rect x="4" y="81" width="407" height="28" rx="6" fill="#5B42A8" fill-opacity=".04"/><rect x="140" y="92" width="124" height="6" rx="2" transform="rotate(180 140 92)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 16 104)" fill="#D8D3EB"/><path d="M393 91a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0 5.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m-1.25 4a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" fill="#2F1973"/><rect x="4" y="85" width="3" height="20" rx="1.5" fill="#5B42A8"/><circle cx="387.5" cy="27.5" r="27.5" fill="#F5F5F5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M387.5 5C375.074 5 365 15.074 365 27.5a22.4 22.4 0 0 0 5.056 14.213c.517.633.691 1.479.468 2.265l-1.373 4.818 5.847-1.664a2.5 2.5 0 0 1 1.868.202A22.4 22.4 0 0 0 387.5 50c12.426 0 22.5-10.074 22.5-22.5S399.926 5 387.5 5M360 27.5C360 12.312 372.312 0 387.5 0S415 12.312 415 27.5 402.688 55 387.5 55c-4.33 0-8.432-1.002-12.081-2.79l-9.217 2.625a2.501 2.501 0 0 1-3.089-3.09l2.255-7.92A27.4 27.4 0 0 1 360 27.5" fill="#2F1973"/><path d="m389.009 25.751-.088.093c-1.306 1.39-3.082 3.28-3.082 5.939a1.625 1.625 0 0 0 3.25 0c0-1.285.856-2.275 2.424-3.95l.074-.08c1.425-1.524 3.375-3.609 3.375-6.723l-.003-.1c-.129-2.104-.761-4.063-2.074-5.486-1.338-1.45-3.217-2.162-5.434-2.056-2.101-.066-3.912.76-5.216 2.248-1.288 1.47-2.006 3.495-2.191 5.752a1.625 1.625 0 1 0 3.239.265c.145-1.767.687-3.065 1.397-3.876.678-.774 1.572-1.187 2.715-1.14q.08.005.16 0c1.418-.08 2.333.351 2.941 1.01.643.697 1.109 1.832 1.216 3.43-.019 1.65-.999 2.853-2.498 4.456zm-1.49 16.913c1.628 0 2.92-1.336 2.92-2.951s-1.292-2.952-2.92-2.952-2.92 1.337-2.92 2.952 1.292 2.951 2.92 2.951Z" fill="#FEC437" stroke="#FEC437" stroke-width="2"/><defs><clipPath id="a"><rect x="164" y="58" width="211" height="80" rx="4" fill="#fff"/></clipPath><pattern id="b" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#c" transform="matrix(.00037 0 0 .00098 0 -.254)"/></pattern><image id="c" width="2688" height="1536" preserveAspectRatio="none" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-generic-error'
-};
-const gdsEmptyStateGettingStartedIcon = {
-    data: `<svg width="470" height="135" viewBox="0 0 470 150" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g opacity="1"><g clip-path="url(#clip0_1616_172933)"><rect x="94" y="22" width="288" height="109" fill="url(#pattern0_1616_172933)"/></g></g><g opacity="0.95"><rect x="145" y="107" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M454 122C454.552 122 455 121.552 455 121C455 120.448 454.552 120 454 120C453.448 120 453 120.448 453 121C453 121.552 453.448 122 454 122ZM454 126C454.552 126 455 125.552 455 125C455 124.448 454.552 124 454 124C453.448 124 453 124.448 453 125C453 125.552 453.448 126 454 126ZM455 129C455 129.552 454.552 130 454 130C453.448 130 453 129.552 453 129C453 128.448 453.448 128 454 128C454.552 128 455 128.448 455 129Z" fill="#666666"/><rect x="277" y="122" width="124" height="6" rx="2" transform="rotate(180 277 122)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 153 134)" fill="#D8D3EB"/></g><g opacity="0.95"><rect x="142" y="8" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M451 23C451.552 23 452 22.5523 452 22C452 21.4477 451.552 21 451 21C450.448 21 450 21.4477 450 22C450 22.5523 450.448 23 451 23ZM451 27C451.552 27 452 26.5523 452 26C452 25.4477 451.552 25 451 25C450.448 25 450 25.4477 450 26C450 26.5523 450.448 27 451 27ZM452 30C452 30.5523 451.552 31 451 31C450.448 31 450 30.5523 450 30C450 29.4477 450.448 29 451 29C451.552 29 452 29.4477 452 30Z" fill="#666666"/><rect x="274" y="23" width="124" height="6" rx="2" transform="rotate(180 274 23)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 150 35)" fill="#D8D3EB"/></g><g filter="url(#filter0_bdd_1616_172933)"><rect x="4" y="51" width="415" height="36" rx="4" fill="#FCFBFD" shape-rendering="crispEdges"/><rect x="8" y="55" width="407" height="28" rx="6" fill="#5B42A8" fill-opacity="0.04"/><rect x="144" y="66" width="124" height="6" rx="2" transform="rotate(180 144 66)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 20 78)" fill="#D8D3EB"/><path d="M397 65C396.31 65 395.75 64.4404 395.75 63.75C395.75 63.0596 396.31 62.5 397 62.5C397.69 62.5 398.25 63.0596 398.25 63.75C398.25 64.4404 397.69 65 397 65ZM397 70.25C396.31 70.25 395.75 69.6904 395.75 69C395.75 68.3096 396.31 67.75 397 67.75C397.69 67.75 398.25 68.3096 398.25 69C398.25 69.6904 397.69 70.25 397 70.25ZM395.75 74.25C395.75 74.9404 396.31 75.5 397 75.5C397.69 75.5 398.25 74.9404 398.25 74.25C398.25 73.5596 397.69 73 397 73C396.31 73 395.75 73.5596 395.75 74.25Z" fill="#2F1973"/><rect x="8" y="59" width="3" height="20" rx="1.5" fill="#5B42A8"/></g><path d="M242 79.0034C242 77.3553 243.906 76.4147 245.241 77.4039L261.436 89.4046C262.993 90.5579 262.167 93.0038 260.221 93.0038H252.231C251.602 93.0038 251.008 93.2931 250.625 93.7864L245.632 100.213C244.454 101.73 242 100.907 242 98.9964V79.0034Z" fill="#FEC437"/><defs><pattern id="pattern0_1616_172933" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_1616_172933" transform="matrix(0.000372024 0 0 0.000982962 0 -0.254915)"/></pattern><filter id="filter0_bdd_1616_172933" x="-236" y="-189" width="895" height="516" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImageFix" stdDeviation="120"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_1616_172933"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/><feBlend mode="normal" in2="effect1_backgroundBlur_1616_172933" result="effect2_dropShadow_1616_172933"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="effect2_dropShadow_1616_172933" result="effect3_dropShadow_1616_172933"/><feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_1616_172933" result="shape"/></filter><clipPath id="clip0_1616_172933"><rect x="94" y="22" width="288" height="109" rx="4" fill="white"/></clipPath><image id="image0_1616_172933" width="2688" height="1536" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-getting-started'
-};
-const gdsEmptyStateNoEmailConnectedIcon = {
-    data: `<svg width="132" height="132" viewBox="0 0 132 132" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_32247_389)"><path d="M61.7935 10.8077L23.8032 26.1567C10.0232 31.7242 4.93392 42.2275 9.96114 54.6703L26.9878 96.8127C32.0974 109.459 42.9886 113.316 56.7686 107.749L94.7588 92.3999C108.761 86.7426 113.69 76.4941 108.58 63.8473L91.5533 21.705C86.5261 9.26214 75.7956 5.15046 61.7935 10.8077Z" fill="url(#paint0_linear_32247_389)"/><foreignObject x="0.5" y="10.5" width="161" height="151"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(15px);clip-path:url(#bgblur_1_32247_389_clip_path);height:100%;width:100%"/></foreignObject><g filter="url(#filter0_n_32247_389)" data-figma-bg-blur-radius="30"><path d="M31 63.5C31 51.0736 40.4256 41 52.0526 41H109.947C121.574 41 131 51.0736 131 63.5V108.5C131 120.926 121.574 131 109.947 131H52.0526C40.4256 131 31 120.926 31 108.5V63.5Z" fill="#E6E6E6" fill-opacity="0.4"/><path d="M109.947 40.75L110.498 40.7578C122.023 41.0698 131.25 51.1476 131.25 63.5V108.5C131.25 121.049 121.728 131.25 109.947 131.25H52.0527C40.2722 131.25 30.75 121.049 30.75 108.5V63.5C30.75 50.9514 40.2722 40.75 52.0527 40.75H109.947Z" stroke="url(#paint1_linear_32247_389)" stroke-width="0.5"/></g><foreignObject x="11.8534" y="37.2484" width="137.109" height="87.8196"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(15.2px);clip-path:url(#bgblur_2_32247_389_clip_path);height:100%;width:100%"/></foreignObject><g filter="url(#filter1_d_32247_389)" data-figma-bg-blur-radius="30.3966"><path d="M112.372 68.3466C114.165 67.1062 116.623 67.5541 117.864 69.3463C119.105 71.1387 118.657 73.5974 116.865 74.8382L94.6374 90.2267C86.0767 96.1529 74.7391 96.1529 66.1783 90.2267L43.9513 74.8382C42.159 73.5974 41.7112 71.1387 42.9516 69.3463C44.1923 67.5541 46.6511 67.1062 48.4434 68.3466L70.6705 83.7352C76.5281 87.7904 84.2876 87.7904 90.1452 83.7352L112.372 68.3466Z" fill="url(#paint2_linear_32247_389)"/><path d="M112.515 68.5522C114.193 67.3905 116.496 67.8101 117.658 69.4888C118.82 71.1674 118.401 73.47 116.723 74.6323L94.4951 90.021C86.02 95.8879 74.7954 95.8879 66.3203 90.021L44.0938 74.6323C42.415 73.4701 41.9956 71.1676 43.1572 69.4888C44.3194 67.8101 46.622 67.3907 48.3008 68.5522L70.5283 83.9409C76.4714 88.0552 84.344 88.0551 90.2871 83.9409L112.515 68.5522Z" stroke="url(#paint3_linear_32247_389)" stroke-opacity="0.5" stroke-width="0.5"/></g></g><defs><filter id="filter0_n_32247_389" x="0.5" y="10.5" width="161" height="151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feTurbulence type="fractalNoise" baseFrequency="5 5" stitchTiles="stitch" numOctaves="3" result="noise" seed="723"/><feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise"/><feComponentTransfer in="alphaNoise" result="coloredNoise1"><feFuncA type="discrete" tableValues="0 0 0 0 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0"/></feComponentTransfer><feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped"/><feFlood flood-color="rgba(230, 230, 230, 0.25)" result="color1Flood"/><feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1"/><feMerge result="effect1_noise_32247_389"><feMergeNode in="shape"/><feMergeNode in="color1"/></feMerge></filter><clipPath id="bgblur_1_32247_389_clip_path" transform="translate(-0.5 -10.5)"><path d="M31 63.5C31 51.0736 40.4256 41 52.0526 41H109.947C121.574 41 131 51.0736 131 63.5V108.5C131 120.926 121.574 131 109.947 131H52.0526C40.4256 131 31 120.926 31 108.5V63.5Z"/></clipPath><filter id="filter1_d_32247_389" x="11.8534" y="37.2484" width="137.109" height="87.8196" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="2" dy="2"/><feGaussianBlur stdDeviation="6"/><feColorMatrix type="matrix" values="0 0 0 0 0.351732 0 0 0 0 0.351732 0 0 0 0 0.351732 0 0 0 0.3 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_32247_389"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_32247_389" result="shape"/></filter><clipPath id="bgblur_2_32247_389_clip_path" transform="translate(-11.8534 -37.2484)"><path d="M112.372 68.3466C114.165 67.1062 116.623 67.5541 117.864 69.3463C119.105 71.1387 118.657 73.5974 116.865 74.8382L94.6374 90.2267C86.0767 96.1529 74.7391 96.1529 66.1783 90.2267L43.9513 74.8382C42.159 73.5974 41.7112 71.1387 42.9516 69.3463C44.1923 67.5541 46.6511 67.1062 48.4434 68.3466L70.6705 83.7352C76.5281 87.7904 84.2876 87.7904 90.1452 83.7352L112.372 68.3466Z"/></clipPath><linearGradient id="paint0_linear_32247_389" x1="42.7961" y1="18.4831" x2="81" y2="72" gradientUnits="userSpaceOnUse"><stop stop-color="#4B5E7E"/><stop offset="1" stop-color="#941200"/></linearGradient><linearGradient id="paint1_linear_32247_389" x1="47.3968" y1="60.6452" x2="140.224" y2="164.191" gradientUnits="userSpaceOnUse"><stop stop-color="#D9E7F2"/><stop offset="1" stop-color="#4B5E7E"/></linearGradient><linearGradient id="paint2_linear_32247_389" x1="35.4933" y1="65.4342" x2="34.6069" y2="105.723" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0.5"/></linearGradient><linearGradient id="paint3_linear_32247_389" x1="51.2457" y1="87.099" x2="96.2362" y2="54.7688" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><clipPath id="clip0_32247_389"><rect width="132" height="132" fill="white"/></clipPath></defs></svg>`,
-    name: 'empty-state-no-email-connected'
-};
-const gdsEmptyStateNoMattersIcon = {
-    data: `<svg width="320" height="116" viewBox="0 0 320 120" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a)" opacity=".8"><path fill="url(#b)" d="M110 16h100v100H110z"/></g><rect x="44" y="78" width="231.059" height="30.579" rx="4" fill="#ECE9F5" opacity=".95"/><path d="M261.371 92.494a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5m0 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5m1.25 4a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0" fill="#666"/><rect x="137.845" y="90.741" width="88.158" height="5.096" rx="2" transform="rotate(180 137.845 90.741)" fill="#D8D3EB"/><rect width="54.032" height="5.096" rx="2" transform="matrix(1 0 0 -1 49.688 100.934)" fill="#D8D3EB"/><rect x="44" y="41" width="231" height="31" rx="4" fill="#FCFBFD"/><rect x="48" y="42.5" width="223" height="28" rx="6" fill="#5B42A8" fill-opacity=".04"/><rect x="184" y="53.5" width="124" height="6" rx="2" transform="rotate(180 184 53.5)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 60 65.5)" fill="#D8D3EB"/><path d="M253 52.5a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m0 5.25a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5m-1.25 4a1.25 1.25 0 1 0 2.5 0 1.25 1.25 0 0 0-2.5 0" fill="#2F1973"/><rect x="48" y="46.5" width="3" height="20" rx="1.5" fill="#5B42A8"/><path d="M157.312 45.25H127.75V33.156a5.375 5.375 0 0 1 5.375-5.375h14.843a5.37 5.37 0 0 1 5.137 3.795z" fill="#FEC437"/><path d="M184.188 35.844h-48.376a8.06 8.06 0 0 0-8.062 8.062v30.907a8.06 8.06 0 0 0 8.062 8.062h48.376a8.06 8.06 0 0 0 8.062-8.062V43.906a8.06 8.06 0 0 0-8.062-8.062" fill="#FEC437"/><path opacity=".3" d="M155.969 42.563a6.72 6.72 0 0 0 6.719-6.72h-26.876a8.06 8.06 0 0 0-8.062 8.063v14.782a6.72 6.72 0 0 0 6.719-6.72v-8.062c0-.742.603-1.343 1.343-1.343z" fill="#fff"/><path opacity=".15" d="M192.25 74.813V51.969a6.72 6.72 0 0 0-6.719 6.718v16.126c0 .741-.603 1.343-1.343 1.343h-25.532a6.72 6.72 0 0 0-6.718 6.719h32.25a8.06 8.06 0 0 0 8.062-8.062" fill="#4D4D4D"/><path d="M133.125 48.61v-4.704a2.69 2.69 0 0 1 2.687-2.687h9.15" stroke="#fff" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M107.781 106.141a4.921 4.921 0 0 1-3.481-8.402l17.719-17.719a4.922 4.922 0 0 1 6.961 6.96l-17.719 17.719a4.9 4.9 0 0 1-3.48 1.442" fill="#2F1973"/><path d="M128.945 100.234c11.689 0 21.164-9.475 21.164-21.164 0-11.688-9.475-21.164-21.164-21.164-11.688 0-21.164 9.476-21.164 21.164s9.476 21.164 21.164 21.164" fill="#2F1973"/><path d="M128.945 93.344c7.883 0 14.274-6.39 14.274-14.274s-6.391-14.273-14.274-14.273-14.273 6.39-14.273 14.273 6.39 14.274 14.273 14.274" fill="#FEC437"/><path opacity=".15" d="M149.526 74.208c-2.44.29-4.338 2.343-4.338 4.862 0 8.956-7.287 16.243-16.243 16.243a16.23 16.23 0 0 1-8.012-2.128 4.924 4.924 0 0 0-5.916.798l-7.236 7.236c-1.284 1.284-1.69 3.099-1.257 4.738.413.109.833.184 1.257.184a4.9 4.9 0 0 0 3.481-1.442l7.237-7.238a21.04 21.04 0 0 0 10.446 2.773c11.689 0 21.164-9.475 21.164-21.164 0-1.676-.215-3.3-.583-4.862" fill="#4D4D4D"/><path opacity=".3" d="M108.351 83.935c2.446-.286 4.352-2.342 4.352-4.865 0-8.955 7.286-16.242 16.242-16.242 2.518 0 4.572-1.898 4.863-4.338a21.2 21.2 0 0 0-4.863-.584c-11.688 0-21.164 9.476-21.164 21.164 0 1.676.201 3.303.57 4.865" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M123.261 62.308a1.575 1.575 0 0 1-.727 2.106 17.25 17.25 0 0 0-7.815 7.685 1.576 1.576 0 0 1-2.809-1.426 20.4 20.4 0 0 1 9.246-9.092 1.575 1.575 0 0 1 2.105.727" fill="#fff"/><path opacity=".15" d="M142.884 75.965a3.1 3.1 0 0 0-2.775 3.076c0 6.172-5.021 11.193-11.193 11.193a3.1 3.1 0 0 0-3.076 2.775 14.4 14.4 0 0 0 3.076.335c7.899 0 14.303-6.404 14.303-14.303a14.4 14.4 0 0 0-.335-3.076" fill="#4D4D4D"/><defs><clipPath id="a"><rect x="110" y="16" width="100" height="100" rx="4" fill="#fff"/></clipPath><pattern id="b" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#c" transform="translate(-.375)scale(.00065)"/></pattern><image id="c" width="2688" height="1536" preserveAspectRatio="none" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-no-matters'
-};
-const gdsEmptyStateNoResultsIcon = {
-    data: `<svg width="466" height="153" viewBox="0 0 466 160" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#a)"><path fill="url(#b)" d="M90 39h288v109H90z"/></g><g opacity=".95"><rect x="141" y="117" width="325" height="36" rx="4" fill="#ECE9F5"/><rect x="273" y="132" width="124" height="6" rx="2" transform="rotate(180 273 132)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 149 144)" fill="#D8D3EB"/></g><rect y="72" width="359" height="30" rx="4" fill="#ECE9F5" opacity=".95"/><rect x="124.052" y="84.5" width="116.534" height="5" rx="2" transform="rotate(180 124.052 84.5)" fill="#D8D3EB"/><rect width="71.424" height="5" rx="2" transform="matrix(1 0 0 -1 7.518 94.5)" fill="#D8D3EB"/><rect x="62" y="17" width="356" height="47" rx="5.529" fill="#FCFBFD"/><path d="M97.855 32.143a3.624 3.624 0 0 0-5.129.004l-1.078 1.082 5.124 5.124 1.086-1.089a3.624 3.624 0 0 0-.004-5.12M82.405 42.5l8.267-8.292 5.124 5.125-8.263 8.287a2.1 2.1 0 0 1-.771.489l-5.487 1.958a1.037 1.037 0 0 1-1.324-1.328l1.97-5.477c.104-.287.269-.547.484-.762m-1.802-10.353h10.171l-1.378 1.382h-8.793a.691.691 0 0 1 0-1.382m0 2.765h7.415l-1.379 1.382h-6.036a.691.691 0 0 1 0-1.382m0 2.764h4.658l-1.378 1.383h-3.28a.691.691 0 0 1 0-1.383" fill="#BBB1DB"/><rect x="358.559" y="47.412" width="237.118" height="13.823" rx="6.912" transform="rotate(180 358.559 47.412)" fill="#D8D3EB"/><path d="M382 40.441c0-.573.464-1.037 1.037-1.037h12.146l-4.543-4.065a1.036 1.036 0 1 1 1.382-1.545l6.566 5.875a1.037 1.037 0 0 1 0 1.545l-6.566 5.875a1.037 1.037 0 1 1-1.382-1.545l4.543-4.066h-12.146A1.037 1.037 0 0 1 382 40.44" fill="#BBB1DB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M88.477 69.672c16.883 0 30.57-13.687 30.57-30.57s-13.687-30.57-30.57-30.57-30.57 13.686-30.57 30.57a30.43 30.43 0 0 0 5.07 16.867L52.879 66.067a7.107 7.107 0 0 0 0 10.053 7.1 7.1 0 0 0 5.027 2.083 7.08 7.08 0 0 0 5.027-2.083l10.436-10.436a30.43 30.43 0 0 0 15.108 3.988m20.617-30.57c0 11.386-9.23 20.617-20.617 20.617s-20.618-9.23-20.618-20.617 9.231-20.618 20.618-20.618 20.617 9.231 20.617 20.618" fill="#2F1973"/><path opacity=".15" d="M118.204 32.078c-3.524.42-6.266 3.385-6.266 7.024 0 12.936-10.525 23.46-23.461 23.46-4.04 0-8.041-1.062-11.573-3.072a7.11 7.11 0 0 0-8.545 1.152L57.906 71.094c-1.855 1.855-2.441 4.476-1.815 6.843.595.158 1.202.266 1.815.266 1.82 0 3.639-.694 5.028-2.083l10.454-10.454a30.4 30.4 0 0 0 15.089 4.006c16.883 0 30.57-13.687 30.57-30.57 0-2.422-.312-4.766-.843-7.024" fill="#4D4D4D"/><path opacity=".3" d="M58.73 46.129c3.533-.414 6.286-3.383 6.286-7.027 0-12.937 10.524-23.461 23.46-23.461 3.638 0 6.604-2.742 7.025-6.267-2.258-.531-4.603-.843-7.024-.843-16.884 0-30.57 13.687-30.57 30.57 0 2.42.29 4.771.823 7.028" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M80.266 14.89c.55 1.13.08 2.491-1.05 3.04a24.9 24.9 0 0 0-11.29 11.102 2.275 2.275 0 0 1-4.056-2.06A29.47 29.47 0 0 1 77.225 13.84a2.275 2.275 0 0 1 3.041 1.05" fill="#fff"/><path opacity=".15" d="M108.61 34.616c-2.251.244-4.008 2.128-4.008 4.443 0 8.915-7.253 16.169-16.168 16.169-2.315 0-4.199 1.757-4.443 4.007 1.432.313 2.917.484 4.443.484 11.41 0 20.66-9.25 20.66-20.66 0-1.526-.171-3.011-.484-4.443" fill="#4D4D4D"/><defs><clipPath id="a"><rect x="90" y="39" width="288" height="109" rx="4" fill="#fff"/></clipPath><pattern id="b" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#c" transform="matrix(.00037 0 0 .00098 0 -.255)"/></pattern><image id="c" width="2688" height="1536" preserveAspectRatio="none" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-no-results'
-};
-const gdsEmptyStateNoSelectFilterIcon = {
-    data: `<svg width="462" height="154" viewBox="0 0 462 154" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#clip0_1_308)"><rect x="87.5" y="20" width="288" height="109" fill="url(#pattern0_1_308)"/></g><g opacity="0.95"><rect x="136.5" y="113" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M445.5 128C446.052 128 446.5 127.552 446.5 127C446.5 126.448 446.052 126 445.5 126C444.948 126 444.5 126.448 444.5 127C444.5 127.552 444.948 128 445.5 128ZM445.5 132C446.052 132 446.5 131.552 446.5 131C446.5 130.448 446.052 130 445.5 130C444.948 130 444.5 130.448 444.5 131C444.5 131.552 444.948 132 445.5 132ZM446.5 135C446.5 135.552 446.052 136 445.5 136C444.948 136 444.5 135.552 444.5 135C444.5 134.448 444.948 134 445.5 134C446.052 134 446.5 134.448 446.5 135Z" fill="#666666"/><rect x="413.5" y="137.048" width="229" height="11.0969" rx="2.01762" transform="rotate(180 413.5 137.048)" fill="#D8D3EB"/></g><g opacity="0.5"><g opacity="0.5"><path d="M158.45 123.6V127.8C158.45 128.573 159.077 129.2 159.85 129.2H164.05V136.2C164.05 136.973 163.423 137.6 162.65 137.6H154.25C153.477 137.6 152.85 136.973 152.85 136.2V125C152.85 124.227 153.477 123.6 154.25 123.6H158.45ZM159.5 123.95V127.8C159.5 127.993 159.657 128.15 159.85 128.15H163.7L159.5 123.95Z" fill="#2F1973"/></g></g><rect x="0.5" y="68" width="430" height="37.3012" rx="4.14458" fill="#FCFBFD"/><rect x="0.5" y="68" width="430" height="37.3012" rx="6.21687" fill="#5B42A8" fill-opacity="0.04"/><g opacity="0.5"><g opacity="0.5"><path d="M33.741 75.8554V82.0723C33.741 83.2168 34.6688 84.1446 35.8133 84.1446H42.0301V94.506C42.0301 95.6505 41.1023 96.5783 39.9578 96.5783H27.5241C26.3796 96.5783 25.4518 95.6505 25.4518 94.506V77.9277C25.4518 76.7832 26.3796 75.8554 27.5241 75.8554H33.741ZM35.2952 76.3735V82.0723C35.2952 82.3584 35.5271 82.5904 35.8133 82.5904H41.512L35.2952 76.3735Z" fill="#2F1973"/></g></g><rect x="298.91" y="92.3494" width="235.205" height="11.3976" rx="2.07229" transform="rotate(180 298.91 92.3494)" fill="#D8D3EB"/><path d="M411.488 82.1446C410.773 82.1446 410.193 81.5647 410.193 80.8494C410.193 80.1341 410.773 79.5542 411.488 79.5542C412.203 79.5542 412.783 80.1341 412.783 80.8494C412.783 81.5647 412.203 82.1446 411.488 82.1446ZM411.488 87.5843C410.773 87.5843 410.193 87.0045 410.193 86.2892C410.193 85.5738 410.773 84.994 411.488 84.994C412.203 84.994 412.783 85.5738 412.783 86.2892C412.783 87.0045 412.203 87.5843 411.488 87.5843ZM410.193 91.7289C410.193 92.4442 410.773 93.0241 411.488 93.0241C412.203 93.0241 412.783 92.4442 412.783 91.7289C412.783 91.0136 412.203 90.4337 411.488 90.4337C410.773 90.4337 410.193 91.0136 410.193 91.7289Z" fill="#2F1973"/><rect x="160.465" y="0.464583" width="222.071" height="58.5375" rx="6.96875" fill="white"/><rect x="160.465" y="0.464583" width="222.071" height="58.5375" rx="6.96875" stroke="#CCCCCC" stroke-width="0.929167"/><path d="M187.244 39.2333H184.746V20.4233H187.244L193.722 36.2414L200.2 20.4233H202.75V39.2333H200.252V31.7926C200.252 28.2803 200.278 27.0055 200.408 25.6786L194.919 39.2333H192.525L187.062 25.7307C187.192 26.6413 187.244 28.5665 187.244 31.1942V39.2333ZM210.434 39.5455C207.702 39.5455 206.089 38.0106 206.089 35.6951C206.089 33.3536 207.832 31.8966 210.824 31.6625L214.83 31.3503V30.9861C214.83 28.8527 213.556 28.0982 211.839 28.0982C209.783 28.0982 208.612 29.0088 208.612 30.5438H206.479C206.479 27.8901 208.665 26.1469 211.943 26.1469C215.091 26.1469 217.224 27.812 217.224 31.2462V39.2333H215.143L214.882 37.178C214.232 38.635 212.489 39.5455 210.434 39.5455ZM211.136 37.6463C213.452 37.6463 214.856 36.1374 214.856 33.7438V33.0674L211.604 33.3275C209.445 33.5357 208.56 34.3682 208.56 35.617C208.56 36.9699 209.549 37.6463 211.136 37.6463ZM223.998 39.2333H221.552V28.5665H219.055V26.5112H221.552V22.5306H223.998V26.5112H226.495V28.5665H223.998V39.2333ZM232.509 39.2333H230.064V28.5665H227.566V26.5112H230.064V22.5306H232.509V26.5112H235.007V28.5665H232.509V39.2333ZM242.564 39.5455C238.818 39.5455 236.242 36.8398 236.242 32.8853C236.242 28.9047 238.766 26.1469 242.46 26.1469C246.076 26.1469 248.444 28.6446 248.444 32.417V33.3275L238.609 33.3536C238.792 36.0333 240.197 37.5162 242.616 37.5162C244.515 37.5162 245.764 36.7357 246.18 35.2788H248.47C247.845 38.0106 245.712 39.5455 242.564 39.5455ZM242.46 28.2023C240.327 28.2023 238.974 29.4771 238.662 31.7145H245.998C245.998 29.6072 244.619 28.2023 242.46 28.2023ZM258.46 26.4071V28.6446H257.367C255.052 28.6446 253.621 30.0494 253.621 32.495V39.2333H251.175V26.5372H253.465L253.621 28.4624C254.141 27.1356 255.416 26.251 257.159 26.251C257.601 26.251 257.966 26.3031 258.46 26.4071ZM271.458 39.2333H269.012V28.5665H266.515V26.5112H269.012V22.5306H271.458V26.5112H273.956V28.5665H271.458V39.2333ZM274.928 44.931V42.9277H276.567C277.737 42.9277 278.674 42.7456 279.272 41.1326L279.715 39.9098L274.589 26.5112H277.165L280.859 36.7618L284.632 26.5112H287.155L281.146 42.0952C280.287 44.2806 279.012 45.1912 277.061 45.1912C276.254 45.1912 275.578 45.0871 274.928 44.931ZM289.108 44.931V26.5112H291.319L291.501 28.8006C292.36 27.0575 294.077 26.1469 296.106 26.1469C299.749 26.1469 302.012 28.8787 302.012 32.7812C302.012 36.6577 299.879 39.5716 296.106 39.5716C294.077 39.5716 292.386 38.713 291.553 37.152V44.931H289.108ZM291.579 32.8853C291.579 35.4869 293.088 37.3601 295.586 37.3601C298.084 37.3601 299.567 35.4869 299.567 32.8853C299.567 30.2576 298.084 28.3844 295.586 28.3844C293.088 28.3844 291.579 30.2316 291.579 32.8853ZM310.197 39.5455C306.451 39.5455 303.875 36.8398 303.875 32.8853C303.875 28.9047 306.399 26.1469 310.093 26.1469C313.709 26.1469 316.077 28.6446 316.077 32.417V33.3275L306.243 33.3536C306.425 36.0333 307.83 37.5162 310.249 37.5162C312.148 37.5162 313.397 36.7357 313.814 35.2788H316.103C315.479 38.0106 313.345 39.5455 310.197 39.5455ZM310.093 28.2023C307.96 28.2023 306.607 29.4771 306.295 31.7145H313.631C313.631 29.6072 312.253 28.2023 310.093 28.2023Z" fill="#1A1A1A"/><path d="M336.814 25.3596C337.177 24.9968 337.765 24.9968 338.128 25.3596L345.833 33.0651L353.539 25.3596C353.902 24.9968 354.49 24.9968 354.853 25.3596C355.216 25.7225 355.216 26.3108 354.853 26.6737L346.49 35.0362C346.127 35.3991 345.539 35.3991 345.176 35.0362L336.814 26.6737C336.451 26.3108 336.451 25.7225 336.814 25.3596Z" fill="#2F1973"/><path d="M312 46.0034C312 44.3553 313.906 43.4147 315.241 44.4039L331.436 56.4046C332.993 57.5579 332.167 60.0038 330.221 60.0038H322.231C321.602 60.0038 321.008 60.2931 320.625 60.7864L315.632 67.2135C314.454 68.7296 312 67.9072 312 65.9964V46.0034Z" fill="#FEC437"/><defs><pattern id="pattern0_1_308" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_1_308" transform="matrix(0.000372024 0 0 0.000982962 0 -0.254915)"/></pattern><clipPath id="clip0_1_308"><rect x="87.5" y="20" width="288" height="109" rx="4" fill="white"/></clipPath><image id="image0_1_308" width="2688" height="1536" preserveAspectRatio="none" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-no-select-filter'
-};
-const gdsEmptyStateNotFoundIcon = {
-    data: `<svg width="466" height="135" viewBox="0 0 466 135" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#clip0_1152_664)"><rect x="164" y="24" width="211" height="80" fill="url(#pattern0_1152_664)"/></g><g opacity="0.95"><rect x="141" y="99" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M450 114C450.552 114 451 113.552 451 113C451 112.448 450.552 112 450 112C449.448 112 449 112.448 449 113C449 113.552 449.448 114 450 114ZM450 118C450.552 118 451 117.552 451 117C451 116.448 450.552 116 450 116C449.448 116 449 116.448 449 117C449 117.552 449.448 118 450 118ZM451 121C451 121.552 450.552 122 450 122C449.448 122 449 121.552 449 121C449 120.448 449.448 120 450 120C450.552 120 451 120.448 451 121Z" fill="#666666"/><rect x="273" y="114" width="124" height="6" rx="2" transform="rotate(180 273 114)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 149 126)" fill="#D8D3EB"/></g><g opacity="0.95"><rect x="138" width="325" height="36" rx="4" fill="#ECE9F5"/></g><path d="M447 15C447.552 15 448 14.5523 448 14C448 13.4477 447.552 13 447 13C446.448 13 446 13.4477 446 14C446 14.5523 446.448 15 447 15ZM447 19C447.552 19 448 18.5523 448 18C448 17.4477 447.552 17 447 17C446.448 17 446 17.4477 446 18C446 18.5523 446.448 19 447 19ZM448 22C448 22.5523 447.552 23 447 23C446.448 23 446 22.5523 446 22C446 21.4477 446.448 21 447 21C447.552 21 448 21.4477 448 22Z" fill="#666666"/><rect x="270" y="15" width="124" height="6" rx="2" transform="rotate(180 270 15)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 146 27)" fill="#D8D3EB"/><rect y="43" width="415" height="36" rx="4" fill="#FCFBFD"/><rect x="4" y="47" width="407" height="28" rx="6" fill="#5B42A8" fill-opacity="0.04"/><rect x="140" y="58" width="124" height="6" rx="2" transform="rotate(180 140 58)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 16 70)" fill="#D8D3EB"/><path d="M393 57C392.31 57 391.75 56.4404 391.75 55.75C391.75 55.0596 392.31 54.5 393 54.5C393.69 54.5 394.25 55.0596 394.25 55.75C394.25 56.4404 393.69 57 393 57ZM393 62.25C392.31 62.25 391.75 61.6904 391.75 61C391.75 60.3096 392.31 59.75 393 59.75C393.69 59.75 394.25 60.3096 394.25 61C394.25 61.6904 393.69 62.25 393 62.25ZM391.75 66.25C391.75 66.9404 392.31 67.5 393 67.5C393.69 67.5 394.25 66.9404 394.25 66.25C394.25 65.5596 393.69 65 393 65C392.31 65 391.75 65.5596 391.75 66.25Z" fill="#2F1973"/><rect x="4" y="51" width="3" height="20" rx="1.5" fill="#5B42A8"/><path d="M66.9063 95.2031C65.0863 95.2031 63.2677 94.5093 61.8785 93.1201C59.1016 90.3446 59.1016 85.8429 61.8785 83.0674L87.4723 57.4737C90.2492 54.6968 94.7494 54.6968 97.5264 57.4737C100.303 60.2492 100.303 64.7508 97.5264 67.5263L71.9326 93.1201C70.5449 94.5093 68.7263 95.2031 66.9063 95.2031Z" fill="#2F1973"/><path d="M97.4766 86.6719C114.36 86.6719 128.047 72.9851 128.047 56.1016C128.047 39.218 114.36 25.5312 97.4766 25.5312C80.593 25.5312 66.9062 39.218 66.9062 56.1016C66.9062 72.9851 80.593 86.6719 97.4766 86.6719Z" fill="#2F1973"/><path d="M97.4766 76.7188C108.863 76.7188 118.094 67.4881 118.094 56.1016C118.094 44.715 108.863 35.4844 97.4766 35.4844C86.09 35.4844 76.8594 44.715 76.8594 56.1016C76.8594 67.4881 86.09 76.7188 97.4766 76.7188Z" fill="#FEC437"/><path opacity="0.15" d="M127.204 49.0775C123.68 49.4984 120.937 52.463 120.937 56.1016C120.937 69.0378 110.413 79.5625 97.4766 79.5625C93.437 79.5625 89.4359 78.5004 85.9039 76.4898C83.1213 74.9073 79.6235 75.3765 77.3584 77.6416L66.9062 88.0938C65.0507 89.9493 64.4649 92.5698 65.0905 94.9372C65.6863 95.0951 66.2934 95.2031 66.9062 95.2031C68.7262 95.2031 70.5448 94.5093 71.934 93.1201L82.3876 82.6665C86.8424 85.2031 91.9839 86.6719 97.4766 86.6719C114.36 86.6719 128.047 72.9849 128.047 56.1016C128.047 53.6801 127.735 51.3355 127.204 49.0775Z" fill="#4D4D4D"/><path opacity="0.3" d="M67.7295 63.1285C71.2629 62.7147 74.0156 59.7458 74.0156 56.1016C74.0156 43.1653 84.5403 32.6406 97.4766 32.6406C101.114 32.6406 104.08 29.8993 104.501 26.3744C102.243 25.8426 99.898 25.5312 97.4766 25.5312C80.5932 25.5312 66.9062 39.2182 66.9062 56.1016C66.9062 58.5216 67.1963 60.872 67.7295 63.1285Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M89.266 31.8898C89.8158 33.0196 89.3456 34.3812 88.2158 34.9309C83.353 37.2972 79.373 41.2144 76.9269 46.0324C76.3581 47.1527 74.9888 47.5998 73.8685 47.031C72.7482 46.4622 72.3011 45.0929 72.8699 43.9726C75.7643 38.2715 80.4692 33.6404 86.2249 30.8396C87.3547 30.2898 88.7163 30.76 89.266 31.8898Z" fill="white"/><path opacity="0.15" d="M117.61 51.616C115.359 51.8603 113.602 53.7439 113.602 56.0588C113.602 64.974 106.349 72.2274 97.4338 72.2274C95.1189 72.2274 93.2353 73.9853 92.991 76.2346C94.4228 76.5481 95.9076 76.7187 97.4338 76.7187C108.844 76.7187 118.094 67.4693 118.094 56.0588C118.094 54.5326 117.923 53.0478 117.61 51.616Z" fill="#4D4D4D"/><defs><pattern id="pattern0_1152_664" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_1152_664" transform="matrix(0.000372024 0 0 0.000981213 0 -0.253571)"/></pattern><clipPath id="clip0_1152_664"><rect x="164" y="24" width="211" height="80" rx="4" fill="white"/></clipPath><image id="image0_1152_664" width="2688" height="1536" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-not-found'
-};
-const gdsEmptyStateRestrictedAccessIcon = {
-    data: `<svg width="466" height="135" viewBox="0 0 466 135" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g clip-path="url(#clip0_1539_10)"><rect x="178" y="14" width="200" height="109" fill="url(#pattern0_1539_10)"/></g><g opacity="0.95"><rect x="141" y="99" width="325" height="36" rx="4" fill="#ECE9F5"/><path d="M450 114C450.552 114 451 113.552 451 113C451 112.448 450.552 112 450 112C449.448 112 449 112.448 449 113C449 113.552 449.448 114 450 114ZM450 118C450.552 118 451 117.552 451 117C451 116.448 450.552 116 450 116C449.448 116 449 116.448 449 117C449 117.552 449.448 118 450 118ZM451 121C451 121.552 450.552 122 450 122C449.448 122 449 121.552 449 121C449 120.448 449.448 120 450 120C450.552 120 451 120.448 451 121Z" fill="#666666"/><rect x="273" y="114" width="124" height="6" rx="2" transform="rotate(180 273 114)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 149 126)" fill="#D8D3EB"/></g><g opacity="0.95"><rect x="138" width="325" height="36" rx="4" fill="#ECE9F5"/></g><path d="M447 15C447.552 15 448 14.5523 448 14C448 13.4477 447.552 13 447 13C446.448 13 446 13.4477 446 14C446 14.5523 446.448 15 447 15ZM447 19C447.552 19 448 18.5523 448 18C448 17.4477 447.552 17 447 17C446.448 17 446 17.4477 446 18C446 18.5523 446.448 19 447 19ZM448 22C448 22.5523 447.552 23 447 23C446.448 23 446 22.5523 446 22C446 21.4477 446.448 21 447 21C447.552 21 448 21.4477 448 22Z" fill="#666666"/><rect x="270" y="15" width="124" height="6" rx="2" transform="rotate(180 270 15)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 146 27)" fill="#D8D3EB"/><rect y="43" width="415" height="36" rx="4" fill="#FCFBFD"/><rect x="4" y="47" width="407" height="28" rx="6" fill="#5B42A8" fill-opacity="0.04"/><rect x="140" y="58" width="124" height="6" rx="2" transform="rotate(180 140 58)" fill="#D8D3EB"/><rect width="76" height="6" rx="2" transform="matrix(1 0 0 -1 16 70)" fill="#D8D3EB"/><path d="M393 57C392.31 57 391.75 56.4404 391.75 55.75C391.75 55.0596 392.31 54.5 393 54.5C393.69 54.5 394.25 55.0596 394.25 55.75C394.25 56.4404 393.69 57 393 57ZM393 62.25C392.31 62.25 391.75 61.6904 391.75 61C391.75 60.3096 392.31 59.75 393 59.75C393.69 59.75 394.25 60.3096 394.25 61C394.25 61.6904 393.69 62.25 393 62.25ZM391.75 66.25C391.75 66.9404 392.31 67.5 393 67.5C393.69 67.5 394.25 66.9404 394.25 66.25C394.25 65.5596 393.69 65 393 65C392.31 65 391.75 65.5596 391.75 66.25Z" fill="#2F1973"/><rect x="4" y="51" width="3" height="20" rx="1.5" fill="#5B42A8"/><path d="M238 71.0034C238 69.3553 239.906 68.4147 241.241 69.4039L257.436 81.4046C258.993 82.5579 258.167 85.0038 256.221 85.0038H248.231C247.602 85.0038 247.008 85.2931 246.625 85.7864L241.632 92.2135C240.454 93.7296 238 92.9072 238 90.9964V71.0034Z" fill="#FEC437"/><path fill-rule="evenodd" clip-rule="evenodd" d="M102 84.0541C102 88.4429 105.413 92 109.625 92H155.375C159.587 92 163 88.4429 163 84.0541V50.9459C163 46.5571 159.587 43 155.375 43H109.625C105.413 43 102 46.5571 102 50.9459V84.0541ZM140 61.5C140 64.3781 138.379 66.8774 136 68.1349V77.5C136 79.433 134.433 81 132.5 81C130.567 81 129 79.433 129 77.5V68.1349C126.621 66.8774 125 64.3781 125 61.5C125 57.3578 128.358 54 132.5 54C136.642 54 140 57.3578 140 61.5Z" fill="#FEC437"/><path d="M112 32.754V43H119.5V30.3618C119.5 27.7935 119.613 25.1487 120.851 22.8991C122.662 19.6112 126.401 16 133.5 16C143.108 16 146.5 23 147 28V43H154V30.0942C154 27.7016 153.905 25.2806 153.101 23.0273C150.843 16.7041 144.798 9 133.5 9C122.581 9 116.684 15.0208 113.92 20.5746C112.065 24.3025 112 28.5899 112 32.754Z" fill="#2F1973"/><defs><pattern id="pattern0_1539_10" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_1539_10" transform="matrix(0.000372024 0 0 0.000682612 0 -0.0242464)"/></pattern><clipPath id="clip0_1539_10"><rect x="178" y="14" width="200" height="109" rx="4" fill="white"/></clipPath><image id="image0_1539_10" width="2688" height="1536" xlink:href="https://cdn.cortoaws.com/images/background/empty-state.jpg"/></defs></svg>`,
-    name: 'empty-state-restricted-access'
-};
 const gdsFilledAccountingIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.83334 3.16577C2.00492 3.16577 1.33334 3.83734 1.33334 4.66577V11.3344C1.33334 12.1628 2.00492 12.8344 2.83334 12.8344H13.1667C13.9951 12.8344 14.6667 12.1628 14.6667 11.3344V4.66577C14.6667 3.83734 13.9951 3.16577 13.1667 3.16577H2.83334ZM3.76183 4.16577V4.7573C3.76183 5.30959 3.31411 5.7573 2.76183 5.7573H2.33334V6.7573H2.76183C3.86639 6.7573 4.76183 5.86187 4.76183 4.7573V4.16577H3.76183ZM11.2465 4.16577V4.7573C11.2465 5.86187 12.1419 6.7573 13.2465 6.7573H13.6667V5.7573H13.2465C12.6942 5.7573 12.2465 5.30959 12.2465 4.7573V4.16577H11.2465ZM13.6667 9.26129H13.2465C12.1419 9.26129 11.2465 10.1567 11.2465 11.2613V11.8344H12.2465V11.2613C12.2465 10.709 12.6942 10.2613 13.2465 10.2613H13.6667V9.26129ZM4.76183 11.8344V11.2613C4.76183 10.1567 3.86639 9.26129 2.76183 9.26129H2.33334V10.2613H2.76183C3.31411 10.2613 3.76183 10.709 3.76183 11.2613V11.8344H4.76183ZM8.00002 6.66675C7.26364 6.66675 6.66669 7.2637 6.66669 8.00008C6.66669 8.73646 7.26364 9.33342 8.00002 9.33342C8.7364 9.33342 9.33335 8.73646 9.33335 8.00008C9.33335 7.2637 8.7364 6.66675 8.00002 6.66675ZM5.66669 8.00008C5.66669 6.71142 6.71136 5.66675 8.00002 5.66675C9.28868 5.66675 10.3334 6.71142 10.3334 8.00008C10.3334 9.28875 9.28868 10.3334 8.00002 10.3334C6.71136 10.3334 5.66669 9.28875 5.66669 8.00008Z" fill="currentColor"/></svg>`,
     name: 'filled-accounting'
@@ -842,6 +802,10 @@ const gdsFilledClearFormatIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.9997 2C6.20575 1.99982 6.39082 2.12607 6.46582 2.31799L9.96606 11.2738C10.0666 11.531 9.93957 11.821 9.68238 11.9215C9.42518 12.022 9.13519 11.895 9.03467 11.6378L8.00491 9.00305H4.00789L2.9659 11.6827C2.86582 11.9401 2.57605 12.0676 2.31868 11.9675C2.06131 11.8675 1.9338 11.5777 2.03388 11.3203L5.53412 2.31879C5.6088 2.12675 5.79364 2.00018 5.9997 2ZM6.00131 3.87659L4.39674 8.00305H7.61408L6.00131 3.87659ZM11.5 2C11.7761 2 12 2.22386 12 2.5V6.02297H12.0036C12.2289 5.61729 12.5377 5.29951 12.9299 5.06962C13.3265 4.83974 13.7705 4.72479 14.2618 4.72479C15.1498 4.72479 15.8665 5.0561 16.4119 5.71871C16.9574 6.38132 17.2301 7.26254 17.2301 8.36239C17.2301 8.50371 17.2256 8.64142 17.2167 8.77551L17.1729 8.73175C16.8419 8.40076 16.4414 8.18217 16.0184 8.07575C15.9795 7.4114 15.8019 6.87364 15.4856 6.46245C15.125 5.99367 14.6337 5.75928 14.0117 5.75928C13.4122 5.75928 12.9209 6.00043 12.5377 6.48274C12.2464 6.85028 12.0672 7.30585 12 7.84944V8.87809C12.0529 9.30828 12.1753 9.68305 12.3672 10.0024L11 11.3696V2.5C11 2.22386 11.2239 2 11.5 2ZM16.4658 9.43885L18.5611 11.5342C19.1468 12.1198 19.1462 13.07 18.5598 13.6563L14.9616 17.2546L10.7454 13.0384L14.3437 9.44016C14.7826 9.0012 15.4254 8.89052 15.9666 9.10831C16.1483 9.18145 16.3186 9.29163 16.4658 9.43885ZM14.2545 17.9617L10.0383 13.7455L9.44016 14.3437C8.85379 14.93 8.8532 15.8802 9.43885 16.4658L11.5342 18.5611C11.8423 18.8692 12.2512 19.0151 12.655 18.9988V19H16.7471C17.0232 19 17.2471 18.7761 17.2471 18.5C17.2471 18.2239 17.0232 18 16.7471 18H14.2162L14.2545 17.9617Z" fill="currentColor"/></svg>`,
     name: 'filled-clear-format'
 };
+const gdsFilledClockIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2ZM7.50153 5C7.22538 5 7.00153 5.22386 7.00153 5.5V8.5C7.00153 8.77614 7.22538 9 7.50153 9H9.5C9.77614 9 10 8.77614 10 8.5C10 8.22386 9.77614 8 9.5 8H8.00153V5.5C8.00153 5.22386 7.77767 5 7.50153 5Z" fill="currentColor"/></svg>`,
+    name: 'filled-clock'
+};
 const gdsFilledCloudCrossIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.92552 4.37088C5.58306 3.56722 6.60015 3 8 3C8.85003 3 9.84106 3.28075 10.6291 3.92552C11.0101 4.23722 11.3379 4.62972 11.5774 5.10548C11.229 5.03629 10.8687 5 10.5 5C7.46243 5 5 7.46243 5 10.5C5 11.2056 5.13286 11.8801 5.37494 12.5H4.5C3.14626 12.5 2.24239 12.0899 1.68621 11.4543C1.14196 10.8323 1 10.0726 1 9.5C1 8.3222 1.96544 6.73497 4.02844 6.5236C4.11434 5.79571 4.39818 5.01541 4.92552 4.37088Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 15C12.9853 15 15 12.9853 15 10.5C15 8.01472 12.9853 6 10.5 6C8.01472 6 6 8.01472 6 10.5C6 12.9853 8.01472 15 10.5 15ZM12.2678 8.73224C12.463 8.9275 12.463 9.24409 12.2678 9.43935L11.2071 10.5L12.2678 11.5607C12.463 11.7559 12.463 12.0725 12.2678 12.2678C12.0725 12.463 11.7559 12.463 11.5607 12.2678L10.5 11.2071L9.43936 12.2678C9.24409 12.463 8.92751 12.463 8.73225 12.2678C8.53699 12.0725 8.53699 11.7559 8.73225 11.5607L9.79291 10.5L8.73225 9.43935C8.53699 9.24408 8.53699 8.9275 8.73225 8.73224C8.92751 8.53698 9.24409 8.53698 9.43936 8.73224L10.5 9.7929L11.5607 8.73224C11.7559 8.53698 12.0725 8.53698 12.2678 8.73224Z" fill="currentColor"/></svg>`,
     name: 'filled-cloud-cross'
@@ -858,6 +822,10 @@ const gdsFilledCloudIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.99984 3.5C10.1728 3.5 11.5216 5.10709 11.5216 7.01378C12.9941 7.18373 14.2986 7.85971 14.4998 9.31579C14.4998 11.5348 12.9147 12 11.2498 12H4.74984C3.09056 12 1.40601 11.4459 1.49984 9.31579C1.49984 8.26197 2.55049 7.19839 4.46613 7.00928C4.46613 5.23524 5.71749 3.5 7.99984 3.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
     name: 'filled-cloud'
 };
+const gdsFilledCodeIcon = {
+    data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.08553 18.6109L14.0817 4.60641C14.2991 4.09871 14.8868 3.86335 15.3946 4.08073C15.866 4.28258 16.1026 4.80382 15.96 5.28375L15.9202 5.39361L9.92409 19.3981C9.70671 19.9058 9.11892 20.1412 8.61121 19.9238C8.13977 19.722 7.90316 19.2007 8.04581 18.7208L8.08553 18.6109L14.0817 4.60641L8.08553 18.6109ZM2.29289 11.2929L6.29289 7.29291C6.68342 6.90238 7.31658 6.90238 7.70711 7.29291C8.06759 7.65339 8.09532 8.22062 7.7903 8.61291L7.70711 8.70712L4.41421 12L7.70711 15.2929C8.09763 15.6834 8.09763 16.3166 7.70711 16.7071C7.34662 17.0676 6.77939 17.0953 6.3871 16.7903L6.29289 16.7071L2.29289 12.7071C1.93241 12.3466 1.90468 11.7794 2.2097 11.3871L2.29289 11.2929L6.29289 7.29291L2.29289 11.2929ZM16.2921 7.29167C16.6526 6.9312 17.2198 6.9035 17.6121 7.20854L17.7063 7.29173L21.7071 11.2929C22.0678 11.6536 22.0953 12.2211 21.7899 12.6134L21.7066 12.7076L17.7058 16.7031C17.315 17.0934 16.6818 17.093 16.2916 16.7022C15.9313 16.3415 15.904 15.7742 16.2093 15.3821L16.2925 15.288L19.5854 11.9995L16.292 8.70588C15.9015 8.31534 15.9015 7.68217 16.2921 7.29167Z" fill="currentColor"/></svg>`,
+    name: 'filled-code'
+};
 const gdsFilledColourIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0866 6.70296C14.9265 5.85986 16.2658 5.81723 17.1562 6.57689L17.2863 6.69685L17.4128 6.83345C18.137 7.682 18.137 8.93659 17.4128 9.78513L17.2924 9.91562L10.4161 16.8182C10.2611 16.9738 10.0743 17.093 9.86927 17.1681L9.7123 17.216L6.62676 17.9763C6.28766 18.0598 5.97962 17.7812 6.00856 17.4497L6.02299 17.3659L6.81497 14.2951C6.86834 14.0882 6.96513 13.8957 7.09824 13.7301L7.20476 13.6111L14.0866 6.70296ZM6.42358 2.22867L6.46546 2.31311L9.44739 9.94212L8.67539 10.7171L8.00339 8.99812H4.00639L2.96553 11.6779C2.87657 11.9066 2.63774 12.0328 2.405 11.9877L2.31832 11.9627C2.08954 11.8737 1.96338 11.6349 2.00845 11.4021L2.03352 11.3155L5.53375 2.31391C5.68709 1.91958 6.216 1.89097 6.42358 2.22867ZM6 3.87088L4.39539 7.99812H7.61339L6 3.87088Z" fill="currentColor"/></svg>`,
     name: 'filled-colour'
@@ -886,6 +854,14 @@ const gdsFilledDetailsIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.79998 3.19995C2.13723 3.19995 1.59998 3.73721 1.59998 4.39995V5.99995C1.59998 6.66269 2.13723 7.19995 2.79998 7.19995H4.39998C5.06272 7.19995 5.59998 6.66269 5.59998 5.99995V4.39995C5.59998 3.73721 5.06272 3.19995 4.39998 3.19995H2.79998ZM7.59998 3.99995C7.37906 3.99995 7.19998 4.17904 7.19998 4.39995C7.19998 4.62087 7.37906 4.79995 7.59998 4.79995H14C14.2209 4.79995 14.4 4.62087 14.4 4.39995C14.4 4.17904 14.2209 3.99995 14 3.99995H7.59998ZM7.59998 5.59995C7.37906 5.59995 7.19998 5.77904 7.19998 5.99995C7.19998 6.22087 7.37906 6.39995 7.59998 6.39995H12.4C12.6209 6.39995 12.8 6.22087 12.8 5.99995C12.8 5.77904 12.6209 5.59995 12.4 5.59995H7.59998ZM2.79998 8.79995C2.13723 8.79995 1.59998 9.33721 1.59998 9.99995V11.6C1.59998 12.2627 2.13723 12.8 2.79998 12.8H4.39998C5.06272 12.8 5.59998 12.2627 5.59998 11.6V9.99995C5.59998 9.33721 5.06272 8.79995 4.39998 8.79995H2.79998ZM7.59998 9.59995C7.37906 9.59995 7.19998 9.77904 7.19998 9.99995C7.19998 10.2209 7.37906 10.4 7.59998 10.4H14C14.2209 10.4 14.4 10.2209 14.4 9.99995C14.4 9.77904 14.2209 9.59995 14 9.59995H7.59998ZM7.59998 11.2C7.37906 11.2 7.19998 11.379 7.19998 11.6C7.19998 11.8209 7.37906 12 7.59998 12H12.4C12.6209 12 12.8 11.8209 12.8 11.6C12.8 11.379 12.6209 11.2 12.4 11.2H7.59998Z" fill="currentColor"/></svg>`,
     name: 'filled-details'
 };
+const gdsFilledDocumentMultipleIcon = {
+    data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 4.25C4 3.00736 5.00736 2 6.25 2H10.5039V6.74753C10.5039 7.99017 11.5113 8.99753 12.7539 8.99753H17.5V17.25C17.5 18.4926 16.4926 19.5 15.25 19.5H6.25C5.00736 19.5 4 18.4926 4 17.25V4.25ZM7.75 11.5C7.33579 11.5 7 11.8358 7 12.25C7 12.6642 7.33579 13 7.75 13C8.16421 13 8.5 12.6642 8.5 12.25C8.5 11.8358 8.16421 11.5 7.75 11.5ZM7 15.25C7 15.6642 7.33579 16 7.75 16C8.16421 16 8.5 15.6642 8.5 15.25C8.5 14.8358 8.16421 14.5 7.75 14.5C7.33579 14.5 7 14.8358 7 15.25ZM10 12.25C10 12.6642 10.3358 13 10.75 13H13.8038C14.218 13 14.5538 12.6642 14.5538 12.25C14.5538 11.8358 14.218 11.5 13.8038 11.5H10.75C10.3358 11.5 10 11.8358 10 12.25ZM10.75 14.5C10.3358 14.5 10 14.8358 10 15.25C10 15.6642 10.3358 16 10.75 16H13.8038C14.218 16 14.5538 15.6642 14.5538 15.25C14.5538 14.8358 14.218 14.5 13.8038 14.5H10.75ZM12.0039 6.74753V2.46728C12.0803 2.52611 12.1532 2.59009 12.2221 2.65901L16.841 7.27786C16.9103 7.34721 16.9747 7.42062 17.0338 7.49753H12.7539C12.3397 7.49753 12.0039 7.16174 12.0039 6.74753ZM6.62891 20.5C6.93778 21.3739 7.77121 22 8.75088 22H15.2509C17.8742 22 20.0009 19.8734 20.0009 17.25V11.3689C20.0009 10.7721 19.7638 10.1998 19.3419 9.77788L18.5009 8.93689V17.25C18.5009 19.0449 17.0458 20.5 15.2509 20.5H6.62891Z" fill="currentColor"/></svg>`,
+    name: 'filled-document-multiple'
+};
+const gdsFilledDocumentTableIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9.25C6 9.11193 6.11193 9 6.25 9H7V10H6V9.25ZM6 11H7V12H6.25C6.11193 12 6 11.8881 6 11.75V11ZM10 11.75V11H8V12H9.75C9.88807 12 10 11.8881 10 11.75ZM8 9V10H10V9.25C10 9.11193 9.88807 9 9.75 9H8ZM8 4.5V1H4.5C3.67157 1 3 1.67157 3 2.5V13.5C3 14.3284 3.67157 15 4.5 15H11.5C12.3284 15 13 14.3284 13 13.5V6H9.5C8.67157 6 8 5.32843 8 4.5ZM5 9.25C5 8.55964 5.55964 8 6.25 8H9.75C10.4404 8 11 8.55964 11 9.25V11.75C11 12.4404 10.4404 13 9.75 13H6.25C5.55964 13 5 12.4404 5 11.75V9.25ZM9 4.5V1.25L12.75 5H9.5C9.22386 5 9 4.77614 9 4.5Z" fill="currentColor"/></svg>`,
+    name: 'filled-document-table'
+};
 const gdsFilledDocumentIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 1V4.5C8 5.32843 8.67157 6 9.5 6H13V13.5C13 14.3284 12.3284 15 11.5 15H4.5C3.67157 15 3 14.3284 3 13.5V2.5C3 1.67157 3.67157 1 4.5 1H8ZM9 1.25V4.5C9 4.77614 9.22386 5 9.5 5H12.75L9 1.25Z" fill="currentColor"/></svg>`,
     name: 'filled-document'
@@ -1038,6 +1014,10 @@ const gdsFilledPersonLayerIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4966 3.40817C11.4361 2.4004 10.4024 1.72845 9.44703 2.10686L3.57942 4.43081C2.6261 4.80838 2 5.72978 2 6.75514V12.4978C2 13.5381 3.03035 14.2566 4 13.9121V7.90621C4 6.98338 4.56349 6.15412 5.42147 5.81431L11.4966 3.40817ZM14.4994 5.50195C14.4994 4.44293 13.4316 3.71738 12.447 4.10735L6.26353 6.55641C5.50088 6.85847 5 7.59559 5 8.41588V14.4983C5 15.5575 6.06819 16.2831 7.05288 15.8927L8 15.5171V9.53757C8 8.71728 8.50088 7.98016 9.26353 7.6781L14.4994 5.60437V5.50195ZM15.9476 6.10637C16.9323 5.7164 18 6.44195 18 7.50097V10.3416C17.4625 9.53324 16.5435 9.00049 15.5 9.00049C13.8431 9.00049 12.5 10.3436 12.5 12.0005C12.5 12.7738 12.7926 13.4787 13.273 14.0107C11.9987 14.1253 11 15.1963 11 16.5005C11 16.9437 11.0886 17.3893 11.2738 17.8074L11.0524 17.8951C10.0677 18.2851 9 17.5596 9 16.5005V9.87736C9 9.26214 9.37566 8.7093 9.94765 8.48275L15.9476 6.10637ZM17.5 12.0005C17.5 13.1051 16.6046 14.0005 15.5 14.0005C14.3954 14.0005 13.5 13.1051 13.5 12.0005C13.5 10.8959 14.3954 10.0005 15.5 10.0005C16.6046 10.0005 17.5 10.8959 17.5 12.0005ZM19 16.5005C19 17.7457 18 19.0005 15.5 19.0005C13 19.0005 12 17.7504 12 16.5005C12 15.6721 12.6716 15.0005 13.5 15.0005H17.5C18.3284 15.0005 19 15.6721 19 16.5005Z" fill="currentColor"/></svg>`,
     name: 'filled-person-layer'
 };
+const gdsFilledPersonSupportIcon = {
+    data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.9998 16.2459C19.9998 15.0039 18.9929 13.9971 17.7509 13.9971H6.24912C5.0071 13.9971 4.00024 15.0039 4.00024 16.2459V17.1659C4.00024 17.738 4.17865 18.2958 4.51061 18.7617C6.05277 20.9261 8.57573 21.9982 11.9967 21.9982C15.417 21.9982 17.9413 20.9265 19.4872 18.7633C19.8205 18.2968 19.9998 17.7378 19.9998 17.1644V16.2459ZM16.9967 7.00177C16.9967 4.24035 14.7581 2.00177 11.9967 2.00177C10.3462 2.00177 8.88249 2.80149 7.9719 4.03458C7.90114 4.01245 7.82586 4.00052 7.7478 4.00052L5.25 4.00052C4.83579 4.00052 4.5 4.33631 4.5 4.75052L4.5 10.2493C4.5 11.7681 5.73125 12.9993 7.25005 12.9993L7.50001 12.9993V12.995C7.50341 12.995 7.50681 12.995 7.51021 12.995C8.06112 12.995 8.50772 12.5484 8.50772 11.9975C8.50772 11.4466 8.06112 11 7.51021 11C7.19085 11 6.90655 11.1501 6.72397 11.3835C6.29644 11.1849 6 10.7517 6 10.2493V9.99884H6.7478C7.12848 9.99884 7.48076 9.87729 7.76796 9.67089C8.65395 11.0716 10.2167 12.0018 11.9967 12.0018C14.7581 12.0018 16.9967 9.76319 16.9967 7.00177ZM6.9978 6.89581C6.99707 6.93104 6.9967 6.96636 6.9967 7.00177C6.9967 7.03718 6.99707 7.0725 6.9978 7.10773V8.24884C6.9978 8.38691 6.88587 8.49884 6.7478 8.49884H6L6 5.50052H6.9978L6.9978 6.89581Z" fill="currentColor"/></svg>`,
+    name: 'filled-person-support'
+};
 const gdsFilledPersonIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.94455 2.8909C11.0185 3.96484 11.0185 5.70606 9.94455 6.78C8.87061 7.85394 7.12939 7.85394 6.05545 6.78C4.98152 5.70606 4.98152 3.96484 6.05545 2.8909C7.12939 1.81696 8.87061 1.81696 9.94455 2.8909Z" fill="currentColor"/><path d="M9.94455 2.8909C11.0185 3.96484 11.0185 5.70606 9.94455 6.78C8.87061 7.85394 7.12939 7.85394 6.05545 6.78C4.98152 5.70606 4.98152 3.96484 6.05545 2.8909C7.12939 1.81696 8.87061 1.81696 9.94455 2.8909" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.96008 13.8562C2.89001 13.8562 2.68614 11.2316 2.88136 9.96916C2.94448 9.56098 3.31731 9.30615 3.73034 9.30615H12.1898C12.6029 9.30615 12.9757 9.56098 13.0388 9.96916C13.234 11.2316 13.0302 13.8562 7.96008 13.8562Z" fill="currentColor" stroke="currentColor" stroke-linejoin="round"/></svg>`,
     name: 'filled-person'
@@ -1058,6 +1038,10 @@ const gdsFilledPrebillingIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.9668 2.8269V7.3269C9.9668 8.15533 10.6384 8.8269 11.4668 8.8269H15.9668V17.3269C15.9668 18.1553 15.2952 18.8269 14.4668 18.8269H5.4668C4.63837 18.8269 3.9668 18.1553 3.9668 17.3269V4.3269C3.9668 3.49848 4.63837 2.8269 5.4668 2.8269H9.9668ZM10.9668 3.0769V7.3269C10.9668 7.60305 11.1907 7.8269 11.4668 7.8269H15.7168L10.9668 3.0769ZM7.70032 5.43958C7.97647 5.43958 8.20032 5.66343 8.20032 5.93958V6.04732C8.61835 6.11109 8.95364 6.36744 9.15372 6.69438C9.29787 6.92992 9.22378 7.23771 8.98825 7.38185C8.75271 7.526 8.44492 7.45191 8.30077 7.21637C8.22593 7.09408 8.11587 7.032 7.99661 7.032H7.70041H7.34733C7.16455 7.032 7.01559 7.18097 7.01559 7.36374C7.01559 7.51548 7.11908 7.64864 7.26707 7.6861L7.26737 7.68617L8.37712 7.96401L8.37793 7.96421C8.96911 8.11327 9.38522 8.64511 9.38522 9.25629C9.38522 9.94151 8.86725 10.5069 8.20032 10.58V10.6788C8.20032 10.955 7.97647 11.1788 7.70032 11.1788C7.42418 11.1788 7.20032 10.955 7.20032 10.6788V10.5727C6.78131 10.5088 6.44522 10.2514 6.24515 9.92348C6.10133 9.68774 6.17585 9.38005 6.41159 9.23624C6.64732 9.09242 6.95501 9.16694 7.09883 9.40268C7.17372 9.52544 7.28441 9.58803 7.4042 9.58803H7.65994C7.67326 9.58697 7.68673 9.58643 7.70032 9.58643C7.71392 9.58643 7.72738 9.58697 7.7407 9.58803H8.05348C8.23674 9.58803 8.38522 9.43938 8.38522 9.25629C8.38522 9.10458 8.28177 8.97145 8.13384 8.93396L8.13345 8.93386L7.02369 8.65603L7.02288 8.65583C6.4317 8.50677 6.01559 7.97492 6.01559 7.36374C6.01559 6.67836 6.53434 6.11329 7.20032 6.04004V5.93958C7.20032 5.66343 7.42418 5.43958 7.70032 5.43958ZM10.7548 10.6786C10.7548 10.4024 10.9787 10.1786 11.2548 10.1786H12.8346C13.1107 10.1786 13.3346 10.4024 13.3346 10.6786C13.3346 10.9547 13.1107 11.1786 12.8346 11.1786H11.2548C10.9787 11.1786 10.7548 10.9547 10.7548 10.6786ZM6.01559 13.0485C6.01559 12.7723 6.23945 12.5485 6.51559 12.5485H12.8346C13.1108 12.5485 13.3346 12.7723 13.3346 13.0485C13.3346 13.3246 13.1108 13.5485 12.8346 13.5485H6.51559C6.23945 13.5485 6.01559 13.3246 6.01559 13.0485ZM6.51559 14.9181C6.23945 14.9181 6.01559 15.1419 6.01559 15.4181C6.01559 15.6942 6.23945 15.9181 6.51559 15.9181H12.8346C13.1108 15.9181 13.3346 15.6942 13.3346 15.4181C13.3346 15.1419 13.1108 14.9181 12.8346 14.9181H6.51559Z" fill="currentColor"/></svg>`,
     name: 'filled-prebilling'
 };
+const gdsFilledReceiptIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 3.75C2 2.7835 2.7835 2 3.75 2H9.25C10.2165 2 11 2.7835 11 3.75V10H14V11.5C14 12.8807 12.8807 14 11.5 14H4.5C3.11929 14 2 12.8807 2 11.5V3.75ZM11 13H11.5C12.3284 13 13 12.3284 13 11.5V11H11V13ZM4.5 5.5C4.5 5.77614 4.72386 6 5 6H8C8.27614 6 8.5 5.77614 8.5 5.5C8.5 5.22386 8.27614 5 8 5H5C4.72386 5 4.5 5.22386 4.5 5.5ZM5 7.5C4.72386 7.5 4.5 7.72386 4.5 8C4.5 8.27614 4.72386 8.5 5 8.5H8C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5H5ZM4.5 10.5C4.5 10.7761 4.72386 11 5 11H6.5C6.77614 11 7 10.7761 7 10.5C7 10.2239 6.77614 10 6.5 10H5C4.72386 10 4.5 10.2239 4.5 10.5Z" fill="currentColor"/></svg>`,
+    name: 'filled-receipt'
+};
 const gdsFilledRefreshDashedIcon = {
     data: `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0605 4.15226C13.5552 4.05229 13.0333 4 12.5 4C11.9667 4 11.4448 4.05229 10.9395 4.15226C10.5332 4.23264 10.2689 4.62721 10.3493 5.03355C10.4297 5.43989 10.8243 5.70412 11.2306 5.62374C11.6406 5.54264 12.0649 5.5 12.5 5.5C12.9351 5.5 13.3594 5.54264 13.7694 5.62374C14.1757 5.70412 14.5703 5.43989 14.6507 5.03355C14.7311 4.62721 14.4668 4.23264 14.0605 4.15226ZM9.09501 5.55391C8.86458 5.20971 8.39874 5.11749 8.05455 5.34792C7.47917 5.73313 6.95664 6.19096 6.5 6.70836V4.75C6.5 4.33579 6.16421 4 5.75 4C5.33579 4 5 4.33579 5 4.75V8.75C5 9.16421 5.33579 9.5 5.75 9.5H9.75C10.1642 9.5 10.5 9.16421 10.5 8.75C10.5 8.33579 10.1642 8 9.75 8H7.37612C7.8021 7.45519 8.3131 6.97995 8.88903 6.59438C9.23322 6.36394 9.32545 5.89811 9.09501 5.55391ZM16.111 6.59438C15.7668 6.36394 15.6746 5.89811 15.905 5.55391C16.1354 5.20971 16.6013 5.11749 16.9455 5.34792C17.8175 5.93177 18.5682 6.68246 19.1521 7.55455C19.3825 7.89874 19.2903 8.36458 18.9461 8.59501C18.6019 8.82545 18.1361 8.73322 17.9056 8.38903C17.4309 7.67987 16.8201 7.06915 16.111 6.59438ZM19.4665 9.84933C19.0601 9.92972 18.7959 10.3243 18.8763 10.7306C18.9574 11.1406 19 11.5649 19 12C19 12.4351 18.9574 12.8594 18.8763 13.2694C18.7959 13.6757 19.0601 14.0703 19.4665 14.1507C19.8728 14.2311 20.2674 13.9668 20.3477 13.5605C20.4477 13.0552 20.5 12.5333 20.5 12C20.5 11.4667 20.4477 10.9448 20.3477 10.4395C20.2674 10.0332 19.8728 9.76895 19.4665 9.84933ZM4.5 12V11.75C4.5 11.3358 4.83579 11 5.25 11C5.66421 11 6 11.3358 6 11.75V12C6 12.4351 6.04264 12.8594 6.12374 13.2694C6.20412 13.6757 5.93989 14.0703 5.53355 14.1507C5.12721 14.2311 4.73264 13.9668 4.65226 13.5605C4.55229 13.0552 4.5 12.5333 4.5 12ZM18.9461 15.405C18.6019 15.1746 18.1361 15.2668 17.9056 15.611C17.4309 16.3201 16.8201 16.9309 16.111 17.4056C15.7668 17.6361 15.6746 18.1019 15.905 18.4461C16.1354 18.7903 16.6013 18.8825 16.9455 18.6521C17.8175 18.0682 18.5682 17.3175 19.1521 16.4455C19.3825 16.1013 19.2903 15.6354 18.9461 15.405ZM5.84792 16.4455C5.61749 16.1013 5.70971 15.6354 6.05391 15.405C6.39811 15.1746 6.86394 15.2668 7.09438 15.611C7.56915 16.3201 8.17987 16.9309 8.88903 17.4056C9.23322 17.6361 9.32545 18.1019 9.09501 18.4461C8.86458 18.7903 8.39874 18.8825 8.05455 18.6521C7.18246 18.0682 6.43177 17.3175 5.84792 16.4455ZM14.6507 18.9665C14.5703 18.5601 14.1757 18.2959 13.7694 18.3763C13.3594 18.4574 12.9351 18.5 12.5 18.5C12.0649 18.5 11.6406 18.4574 11.2306 18.3763C10.8243 18.2959 10.4297 18.5601 10.3493 18.9665C10.2689 19.3728 10.5332 19.7674 10.9395 19.8477C11.4448 19.9477 11.9667 20 12.5 20C13.0333 20 13.5552 19.9477 14.0605 19.8477C14.4668 19.7674 14.7311 19.3728 14.6507 18.9665Z" fill="currentColor"/></svg>`,
     name: 'filled-refresh-dashed'
@@ -1086,6 +1070,10 @@ const gdsFilledSaveIcon = {
     data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75 3.25H6.70728V7.25C6.70728 8.49264 7.71463 9.5 8.95728 9.5H13.9573C15.1999 9.5 16.2073 8.49264 16.2073 7.25V3.26162C16.8351 3.32235 17.4203 3.61891 17.8415 4.09647L20.1251 6.68599C20.5278 7.14267 20.75 7.73062 20.75 8.33951V18.25C20.75 19.6307 19.6307 20.75 18.25 20.75L18.25 14.75C18.25 13.5074 17.2426 12.5 16 12.5L8 12.5C6.75736 12.5 5.75 13.5074 5.75 14.75L5.75 20.75C4.36929 20.75 3.25 19.6307 3.25 18.25V5.75C3.25 4.36929 4.36929 3.25 5.75 3.25ZM8.20728 3.28675V7.25C8.20728 7.66421 8.54306 8 8.95728 8H13.9573C14.3715 8 14.7073 7.66421 14.7073 7.25V3.28675H8.20728ZM16.75 14.75L16.75 20.5945H7.25L7.25 14.75C7.25 14.3358 7.58579 14 8 14H16C16.4142 14 16.75 14.3358 16.75 14.75Z" fill="currentColor"/></svg>`,
     name: 'filled-save'
 };
+const gdsFilledSelectObjectIcon = {
+    data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 5C7 6.10457 6.10457 7 5 7C3.89543 7 3 6.10457 3 5C3 3.89543 3.89543 3 5 3C6.10457 3 7 3.89543 7 5ZM8 5C8 5.55228 8.44772 6 9 6L15 6C15.5523 6 16 5.55228 16 5C16 4.44771 15.5523 4 15 4L9 4C8.44772 4 8 4.44772 8 5ZM5 8C4.44772 8 4 8.44772 4 9V15C4 15.5523 4.44772 16 5 16C5.55228 16 6 15.5523 6 15V9C6 8.44772 5.55228 8 5 8ZM19 8C18.4477 8 18 8.44772 18 9V15C18 15.5523 18.4477 16 19 16C19.5523 16 20 15.5523 20 15V9C20 8.44772 19.5523 8 19 8ZM9 20C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18H15C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20H9ZM5 21C6.10457 21 7 20.1046 7 19C7 17.8954 6.10457 17 5 17C3.89543 17 3 17.8954 3 19C3 20.1046 3.89543 21 5 21ZM21 5C21 6.10457 20.1046 7 19 7C17.8954 7 17 6.10457 17 5C17 3.89543 17.8954 3 19 3C20.1046 3 21 3.89543 21 5ZM19 21C20.1046 21 21 20.1046 21 19C21 17.8954 20.1046 17 19 17C17.8954 17 17 17.8954 17 19C17 20.1046 17.8954 21 19 21Z" fill="currentColor"/></svg>`,
+    name: 'filled-select-object'
+};
 const gdsFilledSendIcon = {
     data: `<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.91107 2.0648L13.6381 7.40263C13.9551 7.56039 14.0892 7.95571 13.9376 8.28559C13.8749 8.422 13.7692 8.53198 13.6381 8.59722L2.91107 13.9351C2.59402 14.0928 2.21407 13.9533 2.06244 13.6234C1.99654 13.4801 1.9824 13.3168 2.02258 13.1635L3.0955 9.07027C3.12237 8.96772 3.20558 8.89183 3.30681 8.87752L8.50482 8.14289C8.54962 8.13623 8.58674 8.1056 8.60389 8.06378L8.61282 8.03053C8.62134 7.96847 8.58703 7.91033 8.53324 7.88847L8.50482 7.88071L3.31289 7.1461C3.21167 7.13178 3.12849 7.05589 3.10161 6.95335L2.02258 2.8363C1.93011 2.48352 2.13001 2.11954 2.46908 2.02333C2.61642 1.98152 2.77329 1.99624 2.91107 2.0648Z" fill="currentColor"/></svg>`,
     name: 'filled-send'
@@ -1190,6 +1178,10 @@ const gdsFilledViewIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 4C14.0858 4 13.75 4.33579 13.75 4.75V15.25C13.75 15.6642 14.0858 16 14.5 16H17C17.4142 16 17.75 15.6642 17.75 15.25V4.75C17.75 4.33579 17.4142 4 17 4H14.5ZM1.75 5C1.75 4.72386 1.97386 4.5 2.25 4.5H11.25C11.5261 4.5 11.75 4.72386 11.75 5C11.75 5.27614 11.5261 5.5 11.25 5.5H2.25C1.97386 5.5 1.75 5.27614 1.75 5ZM1.75 8.33331C1.75 8.05717 1.97386 7.83331 2.25 7.83331H11.25C11.5261 7.83331 11.75 8.05717 11.75 8.33331C11.75 8.60946 11.5261 8.83331 11.25 8.83331H2.25C1.97386 8.83331 1.75 8.60946 1.75 8.33331ZM2.25 11.1666C1.97386 11.1666 1.75 11.3905 1.75 11.6666C1.75 11.9428 1.97386 12.1666 2.25 12.1666H11.25C11.5261 12.1666 11.75 11.9428 11.75 11.6666C11.75 11.3905 11.5261 11.1666 11.25 11.1666H2.25ZM1.75 14.9999C1.75 14.7238 1.97386 14.4999 2.25 14.4999H11.25C11.5261 14.4999 11.75 14.7238 11.75 14.9999C11.75 15.2761 11.5261 15.4999 11.25 15.4999H2.25C1.97386 15.4999 1.75 15.2761 1.75 14.9999Z" fill="currentColor"/></svg>`,
     name: 'filled-view'
 };
+const gdsFilledWalletIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 3.5C2 2.67157 2.67157 2 3.5 2H11C12.1046 2 13 2.89543 13 4V4.26756C13.5978 4.61337 14 5.25972 14 6V12C14 13.1046 13.1046 14 12 14H4.5C3.11929 14 2 12.8807 2 11.5V3.5ZM3 3.5C3 3.77614 3.22386 4 3.5 4H12C12 3.44772 11.5523 3 11 3H3.5C3.22386 3 3 3.22386 3 3.5ZM10.5 8C10.2239 8 10 8.22386 10 8.5C10 8.77614 10.2239 9 10.5 9H11.5C11.7761 9 12 8.77614 12 8.5C12 8.22386 11.7761 8 11.5 8H10.5Z" fill="currentColor"/></svg>`,
+    name: 'filled-wallet'
+};
 const gdsFilledWebsiteIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.292 5C6.40221 4.47343 6.53997 3.99654 6.69891 3.5833C6.91218 3.02877 7.15389 2.61433 7.39681 2.34719C7.6396 2.08019 7.84416 2 8 2C8.15584 2 8.3604 2.08019 8.60319 2.34719C8.84611 2.61433 9.08782 3.02877 9.30109 3.5833C9.46003 3.99654 9.59779 4.47343 9.708 5L6.292 5ZM5.27206 5L2.80269 5C3.55119 3.70607 4.76903 2.7176 6.22342 2.26738C6.05249 2.55238 5.89989 2.87505 5.76556 3.22432C5.56493 3.74596 5.39817 4.34494 5.27206 5ZM9.77658 2.26738C9.94751 2.55238 10.1001 2.87505 10.2344 3.22432C10.4351 3.74596 10.6018 4.34494 10.7279 5L13.1973 5C12.4488 3.70607 11.231 2.7176 9.77658 2.26738ZM9.87544 6L6.12456 6C6.04415 6.62474 6 7.29718 6 8C6 8.70282 6.04415 9.37526 6.12456 10L9.87545 10C9.95585 9.37526 10 8.70282 10 8C10 7.29718 9.95585 6.62474 9.87544 6ZM10.8831 10C10.9594 9.36521 11 8.69337 11 8C11 7.30663 10.9594 6.63479 10.8831 6L13.6586 6C13.8797 6.62556 14 7.29873 14 8C14 8.70127 13.8797 9.37444 13.6586 10L10.8831 10ZM9.708 11L6.292 11C6.40221 11.5266 6.53997 12.0035 6.69891 12.4167C6.91218 12.9712 7.15389 13.3857 7.39681 13.6528C7.6396 13.9198 7.84416 14 8 14C8.15584 14 8.3604 13.9198 8.60319 13.6528C8.84611 13.3857 9.08782 12.9712 9.30109 12.4167C9.46003 12.0035 9.59779 11.5266 9.708 11ZM9.77659 13.7326C9.94751 13.4476 10.1001 13.125 10.2344 12.7757C10.4351 12.254 10.6018 11.6551 10.7279 11H13.1973C12.4488 12.2939 11.231 13.2824 9.77659 13.7326ZM6.22341 13.7326C6.05249 13.4476 5.89989 13.125 5.76556 12.7757C5.56493 12.254 5.39817 11.6551 5.27206 11H2.80269C3.55119 12.2939 4.76902 13.2824 6.22341 13.7326ZM5.11686 10L2.34141 10C2.12031 9.37444 2 8.70127 2 8C2 7.29873 2.12031 6.62556 2.34141 6L5.11686 6C5.0406 6.63479 5 7.30663 5 8C5 8.69337 5.0406 9.36521 5.11686 10Z" fill="currentColor"/></svg>`,
     name: 'filled-website'
@@ -1650,6 +1642,10 @@ const gdsLineClearFormatIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.9997 2C6.20575 1.99982 6.39082 2.12607 6.46582 2.31799L9.96606 11.2738C10.0666 11.531 9.93957 11.821 9.68238 11.9215C9.42518 12.022 9.13519 11.895 9.03467 11.6378L8.00491 9.00305H4.00789L2.9659 11.6827C2.86582 11.9401 2.57605 12.0676 2.31868 11.9675C2.06131 11.8675 1.9338 11.5777 2.03388 11.3203L5.53412 2.31879C5.6088 2.12675 5.79364 2.00018 5.9997 2ZM6.00131 3.87659L4.39674 8.00305H7.61408L6.00131 3.87659ZM11.5 2C11.7761 2 12 2.22386 12 2.5V6.02297H12.0036C12.2289 5.61729 12.5377 5.29951 12.9299 5.06962C13.3265 4.83974 13.7705 4.72479 14.2618 4.72479C15.1498 4.72479 15.8665 5.0561 16.4119 5.71871C16.9574 6.38132 17.2301 7.26254 17.2301 8.36239C17.2301 8.50371 17.2256 8.64142 17.2167 8.77551L17.1729 8.73175C16.8419 8.40076 16.4414 8.18217 16.0184 8.07574C15.9795 7.4114 15.8019 6.87364 15.4856 6.46245C15.125 5.99367 14.6337 5.75928 14.0117 5.75928C13.4122 5.75928 12.9209 6.00043 12.5377 6.48274C12.2464 6.85028 12.0672 7.30585 12 7.84944V8.87809C12.0529 9.30828 12.1753 9.68305 12.3672 10.0024L11 11.3696V2.5C11 2.22386 11.2239 2 11.5 2ZM9.43885 16.4658C8.8532 15.8802 8.85379 14.93 9.44016 14.3437L14.3437 9.44016C14.93 8.85379 15.8802 8.8532 16.4658 9.43885L18.5611 11.5342C19.1468 12.1198 19.1462 13.07 18.5598 13.6563L14.2162 18H16.7471C17.0232 18 17.2471 18.2239 17.2471 18.5C17.2471 18.7761 17.0232 19 16.7471 19H12.655V18.9988C12.2512 19.0151 11.8423 18.8692 11.5342 18.5611L9.43885 16.4658ZM15.0508 10.1473L11.4525 13.7455L14.2545 16.5475L17.8527 12.9492C18.0494 12.7526 18.0483 12.4356 17.854 12.2413L15.7587 10.146C15.5644 9.95166 15.2474 9.9506 15.0508 10.1473ZM13.5474 17.2546L10.7454 14.4526L10.1473 15.0508C9.9506 15.2474 9.95166 15.5644 10.146 15.7587L12.2413 17.854C12.4356 18.0483 12.7526 18.0494 12.9492 17.8527L13.5474 17.2546Z" fill="currentColor"/></svg>`,
     name: 'line-clear-format'
 };
+const gdsLineClockIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2ZM8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3ZM7.50153 5C7.74699 5 7.95114 5.17688 7.99347 5.41012L8.00153 5.5V8H9.5C9.77614 8 10 8.22386 10 8.5C10 8.74546 9.82312 8.94961 9.58988 8.99194L9.5 9H7.50153C7.25607 9 7.05192 8.82312 7.00958 8.58988L7.00153 8.5V5.5C7.00153 5.22386 7.22538 5 7.50153 5Z" fill="currentColor"/></svg>`,
+    name: 'line-clock'
+};
 const gdsLineCloudCrossIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.99097 6.56975C4.18403 4.7208 5.59141 3 8.00176 3C9.69222 3 10.9512 3.86713 11.5784 5.10571C11.2296 5.03637 10.869 5 10.4999 5C10.4397 5 10.3797 5.00097 10.32 5.00289C9.79762 4.38849 9.00332 4 8.00176 4C6.03771 4 4.96806 5.46725 4.96806 7.00928C4.96806 7.26639 4.77305 7.4816 4.51718 7.50686C2.72635 7.68365 2.00176 8.63231 2.00176 9.31579C2.00176 9.32313 2.0016 9.33046 2.00128 9.33779C1.9614 10.2431 2.28747 10.7393 2.74368 11.0387C3.24083 11.3649 3.96082 11.5 4.75176 11.5H5.09057C5.15407 11.8457 5.24991 12.1801 5.37482 12.5H4.75176C3.88343 12.5 2.9315 12.358 2.19502 11.8747C1.41984 11.366 0.951016 10.5235 1.00179 9.3044C1.00858 7.98727 2.19351 6.88231 3.99097 6.56975Z" fill="currentColor"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 15C12.9853 15 15 12.9853 15 10.5C15 8.01472 12.9853 6 10.5 6C8.01472 6 6 8.01472 6 10.5C6 12.9853 8.01472 15 10.5 15ZM12.2678 8.73224C12.463 8.9275 12.463 9.24409 12.2678 9.43935L11.2071 10.5L12.2678 11.5607C12.463 11.7559 12.463 12.0725 12.2678 12.2678C12.0725 12.463 11.7559 12.463 11.5607 12.2678L10.5 11.2071L9.43936 12.2678C9.24409 12.463 8.92751 12.463 8.73225 12.2678C8.53699 12.0725 8.53699 11.7559 8.73225 11.5607L9.79291 10.5L8.73225 9.43935C8.53699 9.24408 8.53699 8.9275 8.73225 8.73224C8.92751 8.53698 9.24409 8.53698 9.43936 8.73224L10.5 9.7929L11.5607 8.73224C11.7559 8.53698 12.0725 8.53698 12.2678 8.73224Z" fill="currentColor"/></svg>`,
     name: 'line-cloud-cross'
@@ -1690,6 +1686,10 @@ const gdsLineConnectAddIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.9636 2.30829C17.9384 2.24755 17.9015 2.19237 17.8549 2.14593C17.8082 2.09917 17.7526 2.06216 17.6914 2.03703C17.6303 2.0119 17.5647 1.99915 17.4986 1.99952C17.4325 1.99989 17.3671 2.01338 17.3062 2.03919C17.2453 2.06501 17.1902 2.10265 17.1439 2.14993L14.4439 4.84993C13.6674 4.24592 12.697 3.94633 11.7151 4.00747C10.7333 4.0686 9.80753 4.48626 9.11193 5.18193L8.50093 5.79293C8.40342 5.89043 8.32607 6.00619 8.2733 6.13358C8.22052 6.26098 8.19336 6.39753 8.19336 6.53543C8.19336 6.67332 8.22052 6.80987 8.2733 6.93727C8.32607 7.06467 8.40342 7.18042 8.50093 7.27793L11.2747 10.0445C11.5511 9.84402 11.8469 9.66867 12.1588 9.52176L9.51894 6.88193C9.42728 6.7899 9.37581 6.66531 9.37581 6.53543C9.37581 6.40554 9.42728 6.28095 9.51894 6.18893L9.81894 5.88893C10.3867 5.31979 11.1573 4.99945 11.9612 4.99832C12.7651 4.9972 13.5366 5.31539 14.1059 5.88293L14.1119 5.89393L14.1179 5.89993C14.6828 6.46974 14.9992 7.24 14.9979 8.04237C14.9974 8.37465 14.9424 8.70124 14.8378 9.01021C15.183 9.03112 15.5195 9.08387 15.8446 9.16555C15.9283 8.87997 15.9806 8.58405 15.9994 8.28284C16.0606 7.30061 15.7602 6.32994 15.1549 5.55393L17.8549 2.85393C17.9015 2.80748 17.9384 2.75231 17.9636 2.69156C17.9889 2.63082 18.0018 2.56569 18.0018 2.49993C18.0018 2.43416 17.9889 2.36904 17.9636 2.30829ZM7.27889 8.49996L10.0483 11.2694C9.84728 11.5459 9.67138 11.8419 9.52398 12.154L6.88789 9.51796C6.79604 9.42636 6.67161 9.37492 6.54189 9.37492C6.41217 9.37492 6.28775 9.42636 6.19589 9.51796L5.89589 9.81796C5.32774 10.3863 5.00806 11.1566 5.00694 11.9602C5.00582 12.7638 5.32333 13.5351 5.88989 14.105L5.89589 14.111L5.90089 14.117C6.18262 14.3983 6.51706 14.6214 6.88507 14.7734C7.25309 14.9254 7.64747 15.0034 8.04564 15.0028C8.37424 15.0023 8.7001 14.9484 9.01056 14.8436C9.03159 15.1848 9.08375 15.5177 9.16421 15.8393C8.88021 15.922 8.58606 15.9738 8.28669 15.9924C7.30481 16.0536 6.33442 15.754 5.55789 15.15L2.85789 17.85C2.81166 17.8972 2.75651 17.9349 2.69563 17.9607C2.63475 17.9865 2.56935 18 2.50323 18.0004C2.4371 18.0007 2.37156 17.988 2.31039 17.9629C2.24923 17.9377 2.19366 17.9007 2.14689 17.854C2.10033 17.8075 2.06339 17.7523 2.03818 17.6916C2.01297 17.6308 2 17.5657 2 17.5C2 17.4342 2.01297 17.3691 2.03818 17.3083C2.06339 17.2476 2.10033 17.1924 2.14689 17.146L4.84689 14.446C4.24164 13.6699 3.94127 12.6993 4.00243 11.717C4.06359 10.7348 4.48205 9.8089 5.17889 9.11396L5.47889 8.81396L5.79389 8.49996C5.8914 8.40245 6.00715 8.32509 6.13455 8.27232C6.26195 8.21955 6.3985 8.19238 6.53639 8.19238C6.67429 8.19238 6.81084 8.21955 6.93824 8.27232C7.06563 8.32509 7.18139 8.40245 7.27889 8.49996ZM17.0001 18.2416C16.26 18.7361 15.39 19 14.5 19C13.3065 19 12.1619 18.5259 11.318 17.682C10.4741 16.8381 10 15.6935 10 14.5C10 13.61 10.2639 12.74 10.7584 11.9999C11.2529 11.2599 11.9557 10.6831 12.7779 10.3425C13.6002 10.0019 14.505 9.91284 15.3779 10.0865C16.2508 10.2601 17.0526 10.6887 17.682 11.318C18.3113 11.9474 18.7399 12.7492 18.9135 13.6221C19.0872 14.495 18.9981 15.3998 18.6575 16.2221C18.3169 17.0443 17.7401 17.7471 17.0001 18.2416ZM14.8536 12.1464C14.7598 12.0527 14.6326 12 14.5 12C14.3674 12 14.2402 12.0527 14.1464 12.1464C14.0527 12.2402 14 12.3674 14 12.5V14H12.5C12.3674 14 12.2402 14.0527 12.1464 14.1464C12.0527 14.2402 12 14.3674 12 14.5C12 14.6326 12.0527 14.7598 12.1464 14.8536C12.2402 14.9473 12.3674 15 12.5 15H14V16.5C14 16.6326 14.0527 16.7598 14.1464 16.8536C14.2402 16.9473 14.3674 17 14.5 17C14.6326 17 14.7598 16.9473 14.8536 16.8536C14.9473 16.7598 15 16.6326 15 16.5V15H16.5C16.6326 15 16.7598 14.9473 16.8536 14.8536C16.9473 14.7598 17 14.6326 17 14.5C17 14.3674 16.9473 14.2402 16.8536 14.1464C16.7598 14.0527 16.6326 14 16.5 14H15V12.5C15 12.3674 14.9473 12.2402 14.8536 12.1464Z" fill="currentColor"/></svg>`,
     name: 'line-connect-add'
 };
+const gdsLineConnectIcon = {
+    data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.4898 3.57084C18.2796 4.58684 18.7499 5.8635 18.7499 7.25001C18.7499 9.5333 17.4745 11.5187 15.5972 12.5327C14.9481 12.8833 14.1671 12.6672 13.6454 12.1455L7.85438 6.35451C7.33268 5.8328 7.1166 5.05181 7.46723 4.40265C8.4812 2.52541 10.4666 1.25001 12.7499 1.25001C14.1364 1.25001 15.4132 1.72034 16.4292 2.51016L18.7197 0.21967C19.0126 -0.0732233 19.4874 -0.0732233 19.7803 0.21967C20.0732 0.512563 20.0732 0.987437 19.7803 1.28033L17.4898 3.57084ZM15.4732 10.8331C16.5534 10.0106 17.2499 8.71061 17.2499 7.25001C17.2499 4.76473 15.2352 2.75001 12.7499 2.75001C11.2893 2.75001 9.98932 3.44648 9.16675 4.52671C8.90083 4.87593 8.98117 5.35998 9.29155 5.67036L14.3295 10.7083C14.6399 11.0187 15.124 11.0991 15.4732 10.8331ZM1.28033 19.7803L3.57072 17.4899C4.58673 18.2797 5.86339 18.75 7.24989 18.75C9.53317 18.75 11.5186 17.4746 12.5325 15.5973C12.8832 14.9482 12.6671 14.1672 12.1454 13.6455L6.35438 7.85448C5.83268 7.33278 5.05168 7.1167 4.40253 7.46733C2.52528 8.4813 1.24989 10.4667 1.24989 12.75C1.24989 14.1366 1.72022 15.4133 2.51005 16.4293L0.21967 18.7197C-0.0732233 19.0126 -0.0732232 19.4874 0.21967 19.7803C0.512563 20.0732 0.987437 20.0732 1.28033 19.7803ZM5.67023 9.29165L10.7082 14.3296C11.0186 14.64 11.0989 15.1241 10.833 15.4733C10.0105 16.5535 8.71049 17.25 7.24989 17.25C4.76461 17.25 2.74989 15.2353 2.74989 12.75C2.74989 11.2894 3.44635 9.98942 4.52659 9.16685C4.87581 8.90093 5.35985 8.98127 5.67023 9.29165Z" fill="currentColor"/></svg>`,
+    name: 'line-connect'
+};
 const gdsLineContactIcon = {
     data: `<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.2197 12.25C16.2197 11.8358 15.8839 11.5 15.4697 11.5H10.4697C10.0555 11.5 9.71973 11.8358 9.71973 12.25V12.7495C9.71973 13.75 11.1029 14.5 12.9697 14.5C14.8365 14.5 16.2197 13.75 16.2197 12.7495V12.25ZM14.7197 8.74547C14.7197 7.77863 13.9366 7 12.9697 7C12.0029 7 11.2197 7.77863 11.2197 8.74547C11.2197 9.71231 12.0029 10.4961 12.9697 10.4961C13.9366 10.4961 14.7197 9.71231 14.7197 8.74547ZM4.71973 4.5C4.71973 3.11929 5.83901 2 7.21973 2H18.7197C20.1004 2 21.2197 3.11929 21.2197 4.5V18.75C21.2197 19.1642 20.8839 19.5 20.4697 19.5H6.21973C6.21973 20.0523 6.66744 20.5 7.21973 20.5H20.4697C20.8839 20.5 21.2197 20.8358 21.2197 21.25C21.2197 21.6642 20.8839 22 20.4697 22H7.21973C5.83901 22 4.71973 20.8807 4.71973 19.5V4.5ZM6.21973 4.5V18H19.7197V4.5C19.7197 3.94772 19.272 3.5 18.7197 3.5H7.21973C6.66744 3.5 6.21973 3.94772 6.21973 4.5Z" fill="currentColor"/></svg>`,
     name: 'line-contact'
@@ -1710,6 +1710,10 @@ const gdsLineCurrencyPoundIcon = {
     data: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1427 4L14.138 4.00001C12.9267 4.0038 11.7692 4.49698 10.9175 5.36666C10.0663 6.23581 9.58918 7.41031 9.58551 8.63289V8.63514V11.7704H6.75C6.33579 11.7704 6 12.1062 6 12.5204C6 12.9346 6.33579 13.2704 6.75 13.2704H9.58551V15.8834L7.36606 19.2828C7.21555 19.5133 7.20344 19.8078 7.33451 20.0499C7.46558 20.292 7.71875 20.4428 7.99406 20.4428H17.9452C18.3594 20.4428 18.6952 20.107 18.6952 19.6928C18.6952 19.2786 18.3594 18.9428 17.9452 18.9428H9.37943L10.9635 16.5166C11.0431 16.3946 11.0855 16.2522 11.0855 16.1065V13.2704H13.7626C14.1769 13.2704 14.5126 12.9346 14.5126 12.5204C14.5126 12.1062 14.1769 11.7704 13.7626 11.7704H11.0855V8.63633C11.0883 7.80044 11.4148 7.00263 11.9892 6.41619C12.5627 5.83059 13.3362 5.50316 14.1404 5.50002C14.9445 5.50316 15.7181 5.83059 16.2916 6.41619C16.8659 7.00266 17.1925 7.80053 17.1952 8.63648V9.53171C17.1952 9.94592 17.531 10.2817 17.9452 10.2817C18.3594 10.2817 18.6952 9.94592 18.6952 9.53171L18.6952 8.63514L18.6952 8.63289C18.6915 7.41031 18.2144 6.23581 17.3632 5.36666C16.5115 4.49698 15.3541 4.0038 14.1427 4Z" fill="currentColor"/></svg>`,
     name: 'line-currency-pound'
 };
+const gdsLineDatabaseLinkIcon = {
+    data: `<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 4V16C0 16.6906 0.315303 17.2934 0.774234 17.7798C1.2294 18.2622 1.85301 18.6626 2.56668 18.9825C3.99575 19.6231 5.91738 20 8 20C8.51088 20 9.01207 19.9773 9.49867 19.9336C8.85376 19.5859 8.29843 19.0933 7.87621 18.4995C6.00545 18.4848 4.34946 18.1378 3.18027 17.6137C2.58195 17.3455 2.14382 17.0456 1.86525 16.7503C1.59044 16.4591 1.5 16.2069 1.5 16V6.39242C1.82094 6.61282 2.18063 6.80942 2.56668 6.98248C3.99575 7.6231 5.91738 8 8 8C10.0826 8 12.0042 7.6231 13.4333 6.98248C13.8194 6.80942 14.1791 6.61282 14.5 6.39242V11H15.25C15.5052 11 15.7557 11.0201 16 11.0589V4C16 3.30945 15.6847 2.70664 15.2258 2.22025C14.7706 1.73784 14.147 1.33745 13.4333 1.01752C12.0042 0.376905 10.0826 0 8 0C5.91738 0 3.99575 0.376905 2.56668 1.01752C1.85301 1.33745 1.2294 1.73784 0.774234 2.22025C0.315303 2.70664 0 3.30945 0 4ZM1.5 4C1.5 3.79309 1.59044 3.54091 1.86525 3.24966C2.14382 2.95441 2.58195 2.65449 3.18027 2.38628C4.37519 1.85063 6.07856 1.5 8 1.5C9.92144 1.5 11.6248 1.85063 12.8197 2.38628C13.418 2.65449 13.8562 2.95441 14.1348 3.24966C14.4096 3.54091 14.5 3.79309 14.5 4C14.5 4.20691 14.4096 4.45909 14.1348 4.75034C13.8562 5.04559 13.418 5.3455 12.8197 5.61372C11.6248 6.14937 9.92144 6.5 8 6.5C6.07856 6.5 4.37519 6.14937 3.18027 5.61372C2.58195 5.3455 2.14382 5.04559 1.86525 4.75034C1.59044 4.45909 1.5 4.20691 1.5 4ZM19 15.75C19 13.6789 17.3211 12 15.25 12L15.1482 12.0068C14.7822 12.0565 14.5 12.3703 14.5 12.75C14.5 13.1642 14.8358 13.5 15.25 13.5L15.404 13.5052C16.5748 13.5844 17.5 14.5591 17.5 15.75C17.5 16.9926 16.4926 18 15.25 18L15.2466 18.0046L15.1448 18.0119C14.779 18.0633 14.4983 18.3783 14.5 18.758C14.5019 19.1722 14.8392 19.5065 15.2534 19.5046V19.5L15.4523 19.4948C17.4276 19.3913 19 17.7543 19 15.75ZM12.5 12.75C12.5 12.3358 12.1642 12 11.75 12L11.5508 12.0052C9.57236 12.1087 8 13.7457 8 15.75C8 17.8211 9.67893 19.5 11.75 19.5L11.8518 19.4932C12.2178 19.4435 12.5 19.1297 12.5 18.75C12.5 18.3358 12.1642 18 11.75 18L11.596 17.9948C10.4252 17.9156 9.5 16.9409 9.5 15.75C9.5 14.5074 10.5074 13.5 11.75 13.5L11.8518 13.4932C12.2178 13.4435 12.5 13.1297 12.5 12.75ZM16 15.75C16 15.3358 15.6642 15 15.25 15H11.75L11.6482 15.0068C11.2822 15.0565 11 15.3703 11 15.75C11 16.1642 11.3358 16.5 11.75 16.5H15.25L15.3518 16.4932C15.7178 16.4435 16 16.1297 16 15.75Z" fill="currentColor"/></svg>`,
+    name: 'line-database-link'
+};
 const gdsLineDateIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.2006 4.60254H17.5001C18.0524 4.60254 18.5001 5.05025 18.5001 5.60254V14.326C18.5001 14.8783 18.0524 15.326 17.5001 15.326H15.2006" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.79956 4.67432H2.50003C1.94774 4.67432 1.50003 5.12203 1.50003 5.67432V14.3978C1.50003 14.9501 1.94774 15.3978 2.50003 15.3978H4.79956" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.72717 11.7393V8.3329C3.72717 8.3329 6.40804 7.82811 6.40804 10.0361C6.40804 12.244 3.72717 11.7393 3.72717 11.7393Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.3473 11.789L9.9541 10.8758M7.46021 11.789L7.89921 10.8758M9.9541 10.8758L8.90375 8.2832L7.89921 10.8758M9.9541 10.8758H7.89921" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.0763 11.789V8.2832M12.0763 8.2832H13.2025M12.0763 8.2832H11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.2729 8.2832H14.6232V10.0361M16.2729 11.789H14.6232V10.0361M14.6232 10.0361H16.0667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
     name: 'line-date'
@@ -1750,6 +1754,10 @@ const gdsLineDocumentSyncIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 2C4.89543 2 4 2.89543 4 4V9.20703C4.32228 9.11588 4.65659 9.05337 5 9.02242V4C5 3.44772 5.44772 3 6 3H10V6.5C10 7.32843 10.6716 8 11.5 8H15V16C15 16.5523 14.5523 17 14 17H10.4003C10.2174 17.3578 9.99647 17.6929 9.74284 18H14C15.1046 18 16 17.1046 16 16V7.41421C16 7.01639 15.842 6.63486 15.5607 6.35355L11.6464 2.43934C11.3651 2.15804 10.9836 2 10.5858 2H6ZM14.7929 7H11.5C11.2239 7 11 6.77614 11 6.5V3.20711L14.7929 7ZM1 14.5C1 16.9853 3.01472 19 5.5 19C7.98528 19 10 16.9853 10 14.5C10 12.0147 7.98528 10 5.5 10C3.01472 10 1 12.0147 1 14.5ZM7.5 11.5C7.77614 11.5 8 11.7239 8 12V13.5C8 13.7761 7.77614 14 7.5 14H6C5.72386 14 5.5 13.7761 5.5 13.5C5.5 13.2239 5.72386 13 6 13H6.46821C6.41787 12.9722 6.36628 12.9464 6.31355 12.923C6.06824 12.8137 5.80344 12.755 5.53495 12.7503C5.26646 12.7456 4.99977 12.795 4.75079 12.8956C4.5018 12.9962 4.27563 13.1459 4.08575 13.3358C3.89048 13.531 3.5739 13.531 3.37864 13.3358C3.18338 13.1405 3.18338 12.8239 3.37864 12.6287C3.66346 12.3439 4.00273 12.1193 4.3762 11.9684C4.74967 11.8175 5.14971 11.7434 5.55245 11.7505C5.95518 11.7575 6.35238 11.8456 6.72034 12.0094C6.81617 12.0521 6.90951 12.0997 7 12.1519V12C7 11.7239 7.22386 11.5 7.5 11.5ZM6.6238 17.0316C6.25033 17.1825 5.85029 17.2566 5.44755 17.2495C5.04482 17.2425 4.64762 17.1544 4.27966 16.9906C4.18383 16.9479 4.09049 16.9003 4 16.8481V17C4 17.2761 3.77614 17.5 3.5 17.5C3.22386 17.5 3 17.2761 3 17V15.5C3 15.2239 3.22386 15 3.5 15H5C5.27614 15 5.5 15.2239 5.5 15.5C5.5 15.7761 5.27614 16 5 16H4.53179C4.58213 16.0278 4.63372 16.0536 4.68645 16.077C4.93176 16.1863 5.19656 16.245 5.46505 16.2497C5.73354 16.2544 6.00023 16.205 6.24921 16.1044C6.4982 16.0038 6.72437 15.8541 6.91425 15.6642C7.10951 15.469 7.4261 15.469 7.62136 15.6642C7.81662 15.8595 7.81662 16.1761 7.62136 16.3713C7.33654 16.6561 6.99727 16.8807 6.6238 17.0316Z" fill="currentColor"/></svg>`,
     name: 'line-document-sync'
 };
+const gdsLineDocumentTableIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9.25V11.75C5 12.4404 5.55964 13 6.25 13H9.75C10.4404 13 11 12.4404 11 11.75V9.25C11 8.55964 10.4404 8 9.75 8H6.25C5.55964 8 5 8.55964 5 9.25ZM6 9.25C6 9.11193 6.11193 9 6.25 9H7V10H6V9.25ZM10 10H8V9H9.75C9.88807 9 10 9.11193 10 9.25V10ZM8 11H10V11.75C10 11.8881 9.88807 12 9.75 12H8V11ZM7 11V12H6.25C6.11193 12 6 11.8881 6 11.75V11H7ZM3 3C3 1.89543 3.89543 1 5 1H8.58579C8.98361 1 9.36514 1.15804 9.64645 1.43934L12.5607 4.35355C12.842 4.63486 13 5.01639 13 5.41421V13C13 14.1046 12.1046 15 11 15H5C3.89543 15 3 14.1046 3 13V3ZM5 2C4.44772 2 4 2.44772 4 3V13C4 13.5523 4.44772 14 5 14H11C11.5523 14 12 13.5523 12 13V6H9.5C8.67157 6 8 5.32843 8 4.5V2H5ZM9.5 5H11.7929L9 2.20711V4.5C9 4.77614 9.22386 5 9.5 5Z" fill="currentColor"/></svg>`,
+    name: 'line-document-table'
+};
 const gdsLineDocumentIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="windows/document"><path id="document" d="M16.0416 7.69367V16.2084C16.0416 17.0368 15.37 17.7084 14.5416 17.7084H5.45825C4.62982 17.7084 3.95825 17.0368 3.95825 16.2084V3.79175C3.95825 2.96332 4.62982 2.29175 5.45825 2.29175H10.5602M16.0416 7.69367H12.0602C11.2318 7.69367 10.5602 7.0221 10.5602 6.19368V2.29175M16.0416 7.69367L10.5602 2.29175" stroke="currentColor" stroke-linejoin="round"/></g></svg>`,
     name: 'line-document'
@@ -2094,6 +2102,10 @@ const gdsLineQuestionCircleIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Question Circle"><path id="Shape" d="M10 2C14.4183 2 18 5.58172 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2ZM10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3ZM10 13.5C10.4142 13.5 10.75 13.8358 10.75 14.25C10.75 14.6642 10.4142 15 10 15C9.58579 15 9.25 14.6642 9.25 14.25C9.25 13.8358 9.58579 13.5 10 13.5ZM10 5.5C11.3807 5.5 12.5 6.61929 12.5 8C12.5 8.72959 12.1848 9.40774 11.6513 9.8771L11.4967 10.0024L11.2782 10.1655L11.1906 10.2372C11.1348 10.2851 11.0835 10.3337 11.0346 10.3859C10.6963 10.7464 10.5 11.2422 10.5 12C10.5 12.2761 10.2761 12.5 10 12.5C9.72386 12.5 9.5 12.2761 9.5 12C9.5 10.988 9.79312 10.2475 10.3054 9.70162C10.4165 9.5832 10.532 9.47988 10.6609 9.37874L10.9076 9.19439L11.0256 9.09468C11.325 8.81435 11.5 8.42206 11.5 8C11.5 7.17157 10.8284 6.5 10 6.5C9.17157 6.5 8.5 7.17157 8.5 8C8.5 8.27614 8.27614 8.5 8 8.5C7.72386 8.5 7.5 8.27614 7.5 8C7.5 6.61929 8.61929 5.5 10 5.5Z" fill="currentColor"/></g></svg>`,
     name: 'line-question-circle'
 };
+const gdsLineReceiptIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.75 2C2.7835 2 2 2.7835 2 3.75V11.5C2 12.8807 3.11929 14 4.5 14H11.5C12.8807 14 14 12.8807 14 11.5V10H11V3.75C11 2.7835 10.2165 2 9.25 2H3.75ZM11 11H13V11.5C13 12.3284 12.3284 13 11.5 13H11V11ZM3 3.75C3 3.33579 3.33579 3 3.75 3H9.25C9.66421 3 10 3.33579 10 3.75V13H4.5C3.67157 13 3 12.3284 3 11.5V3.75ZM4.5 5.5C4.5 5.22386 4.72386 5 5 5H8C8.27614 5 8.5 5.22386 8.5 5.5C8.5 5.77614 8.27614 6 8 6H5C4.72386 6 4.5 5.77614 4.5 5.5ZM4.5 8C4.5 7.72386 4.72386 7.5 5 7.5H8C8.27614 7.5 8.5 7.72386 8.5 8C8.5 8.27614 8.27614 8.5 8 8.5H5C4.72386 8.5 4.5 8.27614 4.5 8ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H6.5C6.77614 11 7 10.7761 7 10.5C7 10.2239 6.77614 10 6.5 10H5Z" fill="currentColor"/></svg>`,
+    name: 'line-receipt'
+};
 const gdsLineRefreshIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.00002 2.86401C4.00002 2.58787 3.77616 2.36401 3.50002 2.36401C3.22388 2.36401 3.00002 2.58787 3.00002 2.86401V5.43814C3.00002 5.71428 3.22388 5.93814 3.50002 5.93814H3.78337H6.07415C6.35029 5.93814 6.57415 5.71428 6.57415 5.43814C6.57415 5.162 6.35029 4.93814 6.07415 4.93814H4.7118C4.72621 4.92327 4.74075 4.90849 4.75543 4.89381C6.54744 3.10179 9.45257 3.10179 11.2446 4.89381C13.0366 6.68582 13.0366 9.59094 11.2446 11.383C9.45257 13.175 6.54744 13.175 4.75543 11.383C4.02835 10.6559 3.61115 9.74158 3.47499 8.78709C3.43599 8.51372 3.18276 8.32372 2.90939 8.36271C2.63601 8.40171 2.44601 8.65494 2.48501 8.92831C2.64908 10.0784 3.15541 11.1971 4.04832 12.0901C6.23086 14.2726 9.76915 14.2726 11.9517 12.0901C14.1342 9.90753 14.1342 6.36924 11.9517 4.1867C9.76915 2.00416 6.23086 2.00416 4.04832 4.1867C4.03206 4.20296 4.01596 4.21929 4.00002 4.23569V2.86401Z" fill="currentColor"/></svg>`,
     name: 'line-refresh'
@@ -2278,6 +2290,10 @@ const gdsLineViewIcon = {
     data: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 3.5C13.8096 3.5 13.25 4.05964 13.25 4.75V15.25C13.25 15.9404 13.8096 16.5 14.5 16.5H17C17.6904 16.5 18.25 15.9404 18.25 15.25V4.75C18.25 4.05964 17.6904 3.5 17 3.5H14.5ZM14.25 4.75C14.25 4.61193 14.3619 4.5 14.5 4.5H17C17.1381 4.5 17.25 4.61193 17.25 4.75V15.25C17.25 15.3881 17.1381 15.5 17 15.5H14.5C14.3619 15.5 14.25 15.3881 14.25 15.25V4.75ZM1.75 5C1.75 4.72386 1.97386 4.5 2.25 4.5H11.25C11.5261 4.5 11.75 4.72386 11.75 5C11.75 5.27614 11.5261 5.5 11.25 5.5H2.25C1.97386 5.5 1.75 5.27614 1.75 5ZM1.75 8.33331C1.75 8.05717 1.97386 7.83331 2.25 7.83331H11.25C11.5261 7.83331 11.75 8.05717 11.75 8.33331C11.75 8.60946 11.5261 8.83331 11.25 8.83331H2.25C1.97386 8.83331 1.75 8.60946 1.75 8.33331ZM2.25 11.1666C1.97386 11.1666 1.75 11.3905 1.75 11.6666C1.75 11.9428 1.97386 12.1666 2.25 12.1666H11.25C11.5261 12.1666 11.75 11.9428 11.75 11.6666C11.75 11.3905 11.5261 11.1666 11.25 11.1666H2.25ZM1.75 14.9999C1.75 14.7238 1.97386 14.4999 2.25 14.4999H11.25C11.5261 14.4999 11.75 14.7238 11.75 14.9999C11.75 15.2761 11.5261 15.4999 11.25 15.4999H2.25C1.97386 15.4999 1.75 15.2761 1.75 14.9999Z" fill="currentColor"/></svg>`,
     name: 'line-view'
 };
+const gdsLineWalletIcon = {
+    data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 8C10.2239 8 10 8.22386 10 8.5C10 8.77614 10.2239 9 10.5 9H11.5C11.7761 9 12 8.77614 12 8.5C12 8.22386 11.7761 8 11.5 8H10.5ZM3.5 2C2.67157 2 2 2.67157 2 3.5V11.5C2 12.8807 3.11929 14 4.5 14H12C13.1046 14 14 13.1046 14 12V6C14 5.25972 13.5978 4.61337 13 4.26756V4C13 2.89543 12.1046 2 11 2H3.5ZM3.5 3H11C11.5523 3 12 3.44772 12 4H3.5C3.22386 4 3 3.77614 3 3.5C3 3.22386 3.22386 3 3.5 3ZM3.5 5H12C12.5523 5 13 5.44772 13 6V12C13 12.5523 12.5523 13 12 13H4.5C3.67157 13 3 12.3284 3 11.5V4.91465C3.15639 4.96992 3.32468 5 3.5 5Z" fill="currentColor"/></svg>`,
+    name: 'line-wallet'
+};
 const gdsLineWebsiteIcon = {
     data: `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 3C7.7544 3 7.26285 3.22509 6.77311 4.20457C6.654 4.44279 6.54472 4.70924 6.44818 5H9.55182C9.45528 4.70924 9.346 4.44279 9.22689 4.20457C8.73715 3.22509 8.2456 3 8 3ZM9.8121 6H6.1879C6.06829 6.60887 6 7.28321 6 8C6 8.71679 6.06829 9.39113 6.1879 10H9.8121C9.93171 9.39113 10 8.71679 10 8C10 7.28321 9.93171 6.60887 9.8121 6ZM10.8293 10C10.9398 9.37444 11 8.70127 11 8C11 7.29873 10.9398 6.62556 10.8293 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10H10.8293ZM9.55182 11H6.44818C6.54472 11.2908 6.654 11.5572 6.77311 11.7954C7.26285 12.7749 7.7544 13 8 13C8.2456 13 8.73715 12.7749 9.22689 11.7954C9.346 11.5572 9.45528 11.2908 9.55182 11ZM9.91388 12.6206C10.1873 12.1671 10.4198 11.6185 10.5987 11H12.0004C11.4662 11.7111 10.7468 12.2752 9.91388 12.6206ZM8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM9.91388 3.37938C10.7468 3.72478 11.4662 4.28886 12.0004 5H10.5987C10.4198 4.38153 10.1873 3.83285 9.91388 3.37938ZM6.08612 12.6206C5.81273 12.1671 5.58023 11.6185 5.40135 11H3.99963C4.53379 11.7111 5.25316 12.2752 6.08612 12.6206ZM5.17071 10C5.06015 9.37444 5 8.70127 5 8C5 7.29873 5.06015 6.62556 5.17071 6H3.41604C3.14845 6.61246 3 7.2889 3 8C3 8.7111 3.14845 9.38754 3.41604 10H5.17071ZM5.40135 5C5.58023 4.38153 5.81272 3.83285 6.08612 3.37938C5.25316 3.72478 4.53379 4.28886 3.99963 5H5.40135Z" fill="currentColor"/></svg>`,
     name: 'line-website'
@@ -2662,6 +2678,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsCheckboxCheckedIcon: gdsCheckboxCheckedIcon,
     gdsCheckboxIntermediateIcon: gdsCheckboxIntermediateIcon,
     gdsCheckboxUncheckedIcon: gdsCheckboxUncheckedIcon,
+    gdsCortoDevConsoleIconLightIcon: gdsCortoDevConsoleIconLightIcon,
     gdsCortoIconDarkDefaultIcon: gdsCortoIconDarkDefaultIcon,
     gdsCortoIconDarkSolidIcon: gdsCortoIconDarkSolidIcon,
     gdsCortoIconLightDefaultIcon: gdsCortoIconLightDefaultIcon,
@@ -2765,17 +2782,6 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsEmailCheckmarkIcon: gdsEmailCheckmarkIcon,
     gdsEmailDismissIcon: gdsEmailDismissIcon,
     gdsEmailErrorIcon: gdsEmailErrorIcon,
-    gdsEmptyState404Icon: gdsEmptyState404Icon,
-    gdsEmptyStateContactIcon: gdsEmptyStateContactIcon,
-    gdsEmptyStateDefaultIcon: gdsEmptyStateDefaultIcon,
-    gdsEmptyStateGenericErrorIcon: gdsEmptyStateGenericErrorIcon,
-    gdsEmptyStateGettingStartedIcon: gdsEmptyStateGettingStartedIcon,
-    gdsEmptyStateNoEmailConnectedIcon: gdsEmptyStateNoEmailConnectedIcon,
-    gdsEmptyStateNoMattersIcon: gdsEmptyStateNoMattersIcon,
-    gdsEmptyStateNoResultsIcon: gdsEmptyStateNoResultsIcon,
-    gdsEmptyStateNoSelectFilterIcon: gdsEmptyStateNoSelectFilterIcon,
-    gdsEmptyStateNotFoundIcon: gdsEmptyStateNotFoundIcon,
-    gdsEmptyStateRestrictedAccessIcon: gdsEmptyStateRestrictedAccessIcon,
     gdsFilledAccountingIcon: gdsFilledAccountingIcon,
     gdsFilledAddCircleIcon: gdsFilledAddCircleIcon,
     gdsFilledAgentBotIcon: gdsFilledAgentBotIcon,
@@ -2821,10 +2827,12 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsFilledChatSparkleIcon: gdsFilledChatSparkleIcon,
     gdsFilledCheckCircleIcon: gdsFilledCheckCircleIcon,
     gdsFilledClearFormatIcon: gdsFilledClearFormatIcon,
+    gdsFilledClockIcon: gdsFilledClockIcon,
     gdsFilledCloudCrossIcon: gdsFilledCloudCrossIcon,
     gdsFilledCloudIcon: gdsFilledCloudIcon,
     gdsFilledCloudStrikeIcon: gdsFilledCloudStrikeIcon,
     gdsFilledCloudTickIcon: gdsFilledCloudTickIcon,
+    gdsFilledCodeIcon: gdsFilledCodeIcon,
     gdsFilledColourIcon: gdsFilledColourIcon,
     gdsFilledConditionalFieldsIcon: gdsFilledConditionalFieldsIcon,
     gdsFilledContactIcon: gdsFilledContactIcon,
@@ -2833,6 +2841,8 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsFilledDateIcon: gdsFilledDateIcon,
     gdsFilledDetailsIcon: gdsFilledDetailsIcon,
     gdsFilledDocumentIcon: gdsFilledDocumentIcon,
+    gdsFilledDocumentMultipleIcon: gdsFilledDocumentMultipleIcon,
+    gdsFilledDocumentTableIcon: gdsFilledDocumentTableIcon,
     gdsFilledDownIcon: gdsFilledDownIcon,
     gdsFilledDownLeftIcon: gdsFilledDownLeftIcon,
     gdsFilledDownloadIcon: gdsFilledDownloadIcon,
@@ -2871,10 +2881,12 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsFilledPdfIcon: gdsFilledPdfIcon,
     gdsFilledPersonIcon: gdsFilledPersonIcon,
     gdsFilledPersonLayerIcon: gdsFilledPersonLayerIcon,
+    gdsFilledPersonSupportIcon: gdsFilledPersonSupportIcon,
     gdsFilledPhoneCallbackIcon: gdsFilledPhoneCallbackIcon,
     gdsFilledPhoneIcon: gdsFilledPhoneIcon,
     gdsFilledPlaceholderIcon: gdsFilledPlaceholderIcon,
     gdsFilledPrebillingIcon: gdsFilledPrebillingIcon,
+    gdsFilledReceiptIcon: gdsFilledReceiptIcon,
     gdsFilledRefreshDashedIcon: gdsFilledRefreshDashedIcon,
     gdsFilledRefreshIcon: gdsFilledRefreshIcon,
     gdsFilledRenameIcon: gdsFilledRenameIcon,
@@ -2882,6 +2894,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsFilledResetIcon: gdsFilledResetIcon,
     gdsFilledRightIcon: gdsFilledRightIcon,
     gdsFilledSaveIcon: gdsFilledSaveIcon,
+    gdsFilledSelectObjectIcon: gdsFilledSelectObjectIcon,
     gdsFilledSendIcon: gdsFilledSendIcon,
     gdsFilledSettingIcon: gdsFilledSettingIcon,
     gdsFilledSharedIcon: gdsFilledSharedIcon,
@@ -2908,6 +2921,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsFilledUpLeftIcon: gdsFilledUpLeftIcon,
     gdsFilledUpRightIcon: gdsFilledUpRightIcon,
     gdsFilledViewIcon: gdsFilledViewIcon,
+    gdsFilledWalletIcon: gdsFilledWalletIcon,
     gdsFilledWebsiteIcon: gdsFilledWebsiteIcon,
     gdsFluentAddCircleIcon: gdsFluentAddCircleIcon,
     gdsFluentArrowBentRightIcon: gdsFluentArrowBentRightIcon,
@@ -3022,6 +3036,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsLineChevronUpFilledIcon: gdsLineChevronUpFilledIcon,
     gdsLineChevronUpStrokeIcon: gdsLineChevronUpStrokeIcon,
     gdsLineClearFormatIcon: gdsLineClearFormatIcon,
+    gdsLineClockIcon: gdsLineClockIcon,
     gdsLineCloudCrossIcon: gdsLineCloudCrossIcon,
     gdsLineCloudIcon: gdsLineCloudIcon,
     gdsLineCloudTickIcon: gdsLineCloudTickIcon,
@@ -3032,11 +3047,13 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsLineComposeIcon: gdsLineComposeIcon,
     gdsLineConditionalFieldsIcon: gdsLineConditionalFieldsIcon,
     gdsLineConnectAddIcon: gdsLineConnectAddIcon,
+    gdsLineConnectIcon: gdsLineConnectIcon,
     gdsLineContactIcon: gdsLineContactIcon,
     gdsLineCopyIcon: gdsLineCopyIcon,
     gdsLineCurrencyDollarIcon: gdsLineCurrencyDollarIcon,
     gdsLineCurrencyEuroIcon: gdsLineCurrencyEuroIcon,
     gdsLineCurrencyPoundIcon: gdsLineCurrencyPoundIcon,
+    gdsLineDatabaseLinkIcon: gdsLineDatabaseLinkIcon,
     gdsLineDateIcon: gdsLineDateIcon,
     gdsLineDeleteIcon: gdsLineDeleteIcon,
     gdsLineDescriptionIcon: gdsLineDescriptionIcon,
@@ -3048,6 +3065,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsLineDocumentMultipleIcon: gdsLineDocumentMultipleIcon,
     gdsLineDocumentPreviewIcon: gdsLineDocumentPreviewIcon,
     gdsLineDocumentSyncIcon: gdsLineDocumentSyncIcon,
+    gdsLineDocumentTableIcon: gdsLineDocumentTableIcon,
     gdsLineDoubleChevronIcon: gdsLineDoubleChevronIcon,
     gdsLineDoubleChevronUpIcon: gdsLineDoubleChevronUpIcon,
     gdsLineDownIcon: gdsLineDownIcon,
@@ -3133,6 +3151,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsLinePulseIcon: gdsLinePulseIcon,
     gdsLineQuestionChatIcon: gdsLineQuestionChatIcon,
     gdsLineQuestionCircleIcon: gdsLineQuestionCircleIcon,
+    gdsLineReceiptIcon: gdsLineReceiptIcon,
     gdsLineRefreshIcon: gdsLineRefreshIcon,
     gdsLineRemoveRowIcon: gdsLineRemoveRowIcon,
     gdsLineRenameIcon: gdsLineRenameIcon,
@@ -3179,6 +3198,7 @@ var icons = /*#__PURE__*/Object.freeze({
     gdsLineUpLeftIcon: gdsLineUpLeftIcon,
     gdsLineUpRightIcon: gdsLineUpRightIcon,
     gdsLineViewIcon: gdsLineViewIcon,
+    gdsLineWalletIcon: gdsLineWalletIcon,
     gdsLineWebsiteIcon: gdsLineWebsiteIcon,
     gdsLoadingKebabIcon: gdsLoadingKebabIcon,
     gdsLoadingSpinnerIcon: gdsLoadingSpinnerIcon,
@@ -3561,10 +3581,10 @@ class GdsDoctypeService {
                 return 'file-new';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDoctypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDoctypeService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDoctypeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -3594,10 +3614,10 @@ class GdsIconService {
         return null;
     };
     getIcon = (key) => this.#registry.get(key);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3623,10 +3643,10 @@ class GdsScrollOutOfViewService {
         // a new Map must be created to trigger a signal change
         this.#directivePausedStatus.set(new Map(updatedDirectivePausedStatus));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollOutOfViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollOutOfViewService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollOutOfViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -3658,10 +3678,10 @@ class GdsIconComponent {
             }
         }, { injector: this.#injector });
     }, ...(ngDevMode ? [{ debugName: "#removeInlineStylesEffect" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsIconComponent, isStandalone: true, selector: "gds-icon", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "svgIcon", first: true, predicate: SvgIconComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<svg-icon\n  [key]=\"key()\"\n  [noShrink]=\"true\"\n  [width]=\"width()\"\n  [height]=\"height()\"\n  [color]=\"color()\"\n/>\n", styles: [":host{display:inline-block;line-height:0}:host svg-icon{display:inherit;font-size:var(--gds-iconSize-sm);min-width:var(--gds-iconSize-sm)}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["key", "fallback", "size", "width", "height", "fontSize", "color", "noShrink", "preserveAspectRatio"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsIconComponent, isStandalone: true, selector: "gds-icon", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "svgIcon", first: true, predicate: SvgIconComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<svg-icon\n  [key]=\"key()\"\n  [noShrink]=\"true\"\n  [width]=\"width()\"\n  [height]=\"height()\"\n  [color]=\"color()\"\n/>\n", styles: [":host{display:inline-block;line-height:0}:host svg-icon{display:inherit;font-size:var(--gds-iconSize-sm);min-width:var(--gds-iconSize-sm)}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["key", "fallback", "size", "width", "height", "fontSize", "color", "noShrink", "preserveAspectRatio"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-icon', imports: [SvgIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg-icon\n  [key]=\"key()\"\n  [noShrink]=\"true\"\n  [width]=\"width()\"\n  [height]=\"height()\"\n  [color]=\"color()\"\n/>\n", styles: [":host{display:inline-block;line-height:0}:host svg-icon{display:inherit;font-size:var(--gds-iconSize-sm);min-width:var(--gds-iconSize-sm)}\n"] }]
         }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], svgIcon: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SvgIconComponent), { isSignal: true }] }] } });
@@ -3743,10 +3763,10 @@ class GdsAvatarComponent {
         this.variant.set(this.fallbackVariant());
         this.data.set(this.fallbackData());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsAvatarComponent, isStandalone: true, selector: "gds-avatar, button[gds-avatar]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fallbackVariant: { classPropertyName: "fallbackVariant", publicName: "fallbackVariant", isSignal: true, isRequired: false, transformFunction: null }, fallbackData: { classPropertyName: "fallbackData", publicName: "fallbackData", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange", variant: "variantChange" }, host: { properties: { "attr.isActive": "isActive()", "attr.disabled": "disabled() ? \"\" : undefined", "attr.size": "size()", "attr.variant": "variant()", "style.--color": "textColor()", "style.--background-color": "backgroundColor()" } }, ngImport: i0, template: "@switch (variant()) {\n  @case ('text') {\n    {{ initials() }}\n  }\n  @case ('count') {\n    +{{ count() }}\n  }\n  @case ('icon') {\n    <gds-icon\n      [key]=\"iconKey()\"\n      [width]=\"'0.8em'\"\n      [height]=\"'0.8em'\"\n    />\n  }\n  @case ('organization') {\n    <gds-icon\n      [key]=\"organizationIconKey()\"\n      [class]=\"organizationIconSizeClass()\"\n    />\n  }\n  @case ('image') {\n    <img\n      class=\"\n        gds-height-100-parent\n        gds-width-100-parent\n        img\n      \"\n      [src]=\"data()\"\n      (error)=\"handleImageError()\"\n      alt=\"\"\n    />\n  }\n}\n", styles: [":host{--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-badge-default);--font-weight: var(--gds-fontWeight-captionStrong)}:host[size=xs]{--size: var(--gds-primitive-size-500-rem);--font-size: var(--gds-primitive-size-200-rem);--line-height: var(--gds-lineHeight-caption)}:host[size=sm]{--size: var(--gds-primitive-size-600-rem);--font-size: .625rem;--line-height: var(--gds-lineHeight-caption)}:host[size=md]{--size: var(--gds-primitive-size-700-rem);--font-size: var(--gds-fontSize-body);--line-height: var(--gds-lineHeight-body)}:host[size=lg]{--size: var(--gds-primitive-size-900-rem);--font-size: var(--gds-fontSize-subtitle);--line-height: var(--gds-lineHeight-subtitle)}:host[size=xl]{--size: var(--gds-primitive-size-1200-rem);--font-size: var(--gds-fontSize-titleLarge);--line-height: var(--gds-lineHeight-titleLarge)}:host{all:unset;width:var(--size);height:var(--size);aspect-ratio:1;overflow:visible;transition:none;border:none;color:var(--color);background-color:var(--background-color);font-family:var(--gds-fontFamily-body);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;background-size:contain;background-position:center center;border-radius:50%}:host .img{object-fit:cover;border-radius:inherit}:host[disabled]{color:var(--gds-palette-text-default-disabled);background-color:var(--gds-neutral-50)}:host[isActive=true]{outline:2px solid}button:host{cursor:pointer}button:host:focus,button:host:focus-visible,button:host:hover{outline:2px solid}button:host:disabled{cursor:not-allowed;outline:none}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsAvatarComponent, isStandalone: true, selector: "gds-avatar, button[gds-avatar]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fallbackVariant: { classPropertyName: "fallbackVariant", publicName: "fallbackVariant", isSignal: true, isRequired: false, transformFunction: null }, fallbackData: { classPropertyName: "fallbackData", publicName: "fallbackData", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange", variant: "variantChange" }, host: { properties: { "attr.isActive": "isActive()", "attr.disabled": "disabled() ? \"\" : undefined", "attr.size": "size()", "attr.variant": "variant()", "style.--color": "textColor()", "style.--background-color": "backgroundColor()" } }, ngImport: i0, template: "@switch (variant()) {\n  @case ('text') {\n    {{ initials() }}\n  }\n  @case ('count') {\n    +{{ count() }}\n  }\n  @case ('icon') {\n    <gds-icon\n      [key]=\"iconKey()\"\n      [width]=\"'0.8em'\"\n      [height]=\"'0.8em'\"\n    />\n  }\n  @case ('organization') {\n    <gds-icon\n      [key]=\"organizationIconKey()\"\n      [class]=\"organizationIconSizeClass()\"\n    />\n  }\n  @case ('image') {\n    <img\n      class=\"\n        gds-height-100-parent\n        gds-width-100-parent\n        img\n      \"\n      [src]=\"data()\"\n      (error)=\"handleImageError()\"\n      alt=\"\"\n    />\n  }\n}\n", styles: [":host{--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-badge-default);--font-weight: var(--gds-fontWeight-captionStrong)}:host[size=xs]{--size: var(--gds-primitive-size-500-rem);--font-size: var(--gds-primitive-size-200-rem);--line-height: var(--gds-lineHeight-caption)}:host[size=sm]{--size: var(--gds-primitive-size-600-rem);--font-size: .625rem;--line-height: var(--gds-lineHeight-caption)}:host[size=md]{--size: var(--gds-primitive-size-700-rem);--font-size: var(--gds-fontSize-body);--line-height: var(--gds-lineHeight-body)}:host[size=lg]{--size: var(--gds-primitive-size-900-rem);--font-size: var(--gds-fontSize-subtitle);--line-height: var(--gds-lineHeight-subtitle)}:host[size=xl]{--size: var(--gds-primitive-size-1200-rem);--font-size: var(--gds-fontSize-titleLarge);--line-height: var(--gds-lineHeight-titleLarge)}:host{all:unset;width:var(--size);height:var(--size);aspect-ratio:1;overflow:visible;transition:none;border:none;color:var(--color);background-color:var(--background-color);font-family:var(--gds-fontFamily-body);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);display:inline-flex;align-items:center;justify-content:center;letter-spacing:normal;background-size:contain;background-position:center center;border-radius:50%}:host .img{object-fit:cover;border-radius:inherit}:host[disabled]{color:var(--gds-palette-text-default-disabled);background-color:var(--gds-neutral-50)}:host[isActive=true]{outline:2px solid}button:host{cursor:pointer}button:host:focus,button:host:focus-visible,button:host:hover{outline:2px solid}button:host:disabled{cursor:not-allowed;outline:none}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-avatar, button[gds-avatar]', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.isActive]': 'isActive()',
@@ -3762,10 +3782,10 @@ class GdsBadgeComponent {
     icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
     tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : /* istanbul ignore next */ []));
     tooltipInteractive = input(false, { ...(ngDevMode ? { debugName: "tooltipInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsBadgeComponent, isStandalone: true, selector: "span[gds-badge]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipInteractive: { classPropertyName: "tooltipInteractive", publicName: "tooltipInteractive", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (icon(); as icon) {\n  <gds-icon\n    [key]=\"icon\"\n    class=\"\n      gds-badge_icon\n      gds-icon-size-3xs\n    \"\n  />\n}\n<span\n  class=\"\n    gds-display-none-empty\n    gds-padding-inline-3xs\n  \"\n  [tp]=\"tooltip()\"\n  [tpInteractive]=\"tooltipInteractive()\"\n  tpPlacement=\"top\"\n  tpVariation=\"light\"\n>\n  <ng-content />\n</span>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center;min-width:var(--gds-primitive-size-500-rem);width:fit-content;height:var(--gds-primitive-size-500-rem);padding-inline:var(--gds-spacing-3xs);border-radius:var(--gds-primitive-size-400-rem);background-color:var(--gds-palette-badge-default);white-space:nowrap;font:var(--gds-font-caption);color:var(--gds-palette-text-default-primary)}:host .gds-badge_icon{color:var(--gds-palette-icon-primary)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsBadgeComponent, isStandalone: true, selector: "span[gds-badge]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipInteractive: { classPropertyName: "tooltipInteractive", publicName: "tooltipInteractive", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (icon(); as icon) {\n  <gds-icon\n    [key]=\"icon\"\n    class=\"\n      gds-badge_icon\n      gds-icon-size-3xs\n    \"\n  />\n}\n<span\n  class=\"\n    gds-display-none-empty\n    gds-padding-inline-3xs\n  \"\n  [tp]=\"tooltip()\"\n  [tpInteractive]=\"tooltipInteractive()\"\n  tpPlacement=\"top\"\n  tpVariation=\"light\"\n>\n  <ng-content />\n</span>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center;min-width:var(--gds-primitive-size-500-rem);width:fit-content;height:var(--gds-primitive-size-500-rem);padding-inline:var(--gds-spacing-3xs);border-radius:var(--gds-primitive-size-400-rem);background-color:var(--gds-palette-badge-default);white-space:nowrap;font:var(--gds-font-caption);color:var(--gds-palette-text-default-primary)}:host .gds-badge_icon{color:var(--gds-palette-icon-primary)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'span[gds-badge]', imports: [GdsIconComponent, TippyDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (icon(); as icon) {\n  <gds-icon\n    [key]=\"icon\"\n    class=\"\n      gds-badge_icon\n      gds-icon-size-3xs\n    \"\n  />\n}\n<span\n  class=\"\n    gds-display-none-empty\n    gds-padding-inline-3xs\n  \"\n  [tp]=\"tooltip()\"\n  [tpInteractive]=\"tooltipInteractive()\"\n  tpPlacement=\"top\"\n  tpVariation=\"light\"\n>\n  <ng-content />\n</span>\n", styles: [":host{display:inline-flex;justify-content:center;align-items:center;min-width:var(--gds-primitive-size-500-rem);width:fit-content;height:var(--gds-primitive-size-500-rem);padding-inline:var(--gds-spacing-3xs);border-radius:var(--gds-primitive-size-400-rem);background-color:var(--gds-palette-badge-default);white-space:nowrap;font:var(--gds-font-caption);color:var(--gds-palette-text-default-primary)}:host .gds-badge_icon{color:var(--gds-palette-icon-primary)}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tooltipInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipInteractive", required: false }] }] } });
@@ -3797,10 +3817,10 @@ class ButtonBaseDirective {
         event.stopPropagation();
         this.clicked.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ButtonBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: ButtonBaseDirective, isStandalone: true, inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-busy": "busy() ? \"\" : undefined" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: ButtonBaseDirective, isStandalone: true, inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-busy": "busy() ? \"\" : undefined" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ButtonBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -3820,10 +3840,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }], propDecorators: { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 class GdsButtonComponent extends ButtonBaseDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsButtonComponent, isStandalone: true, selector: "button[gds-button]", usesInheritance: true, ngImport: i0, template: "<div class=\"body\">\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n  <div class=\"label\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsButtonComponent, isStandalone: true, selector: "button[gds-button]", usesInheritance: true, ngImport: i0, template: "<div class=\"body\">\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n  <div class=\"label\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[gds-button]', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"body\">\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n  <div class=\"label\">\n    <ng-content />\n  </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}\n"] }]
         }] });
@@ -3831,10 +3851,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class GdsIconButtonComponent extends ButtonBaseDirective {
     tooltipLabel = input(...(ngDevMode ? [undefined, { debugName: "tooltipLabel" }] : /* istanbul ignore next */ []));
     enableTooltip = computed(() => !this.disabled() && !!this.tooltipLabel()?.trim(), ...(ngDevMode ? [{ debugName: "enableTooltip" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsIconButtonComponent, isStandalone: true, selector: "button[gds-icon-button]", inputs: { tooltipLabel: { classPropertyName: "tooltipLabel", publicName: "tooltipLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"body\"\n  [tp]=\"tooltipLabel()\"\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpIsEnabled]=\"enableTooltip()\"\n  [tpHideOnClick]=\"false\"\n>\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n\n  <div class=\"\n    gds-display-grid\n    gds-gap-0\n    label\n  \">\n    <ng-content select=\"gds-icon\" />\n  </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-borderColor-hover: transparent}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host:has(gds-icon:only-child){aspect-ratio:1;padding:unset}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsIconButtonComponent, isStandalone: true, selector: "button[gds-icon-button]", inputs: { tooltipLabel: { classPropertyName: "tooltipLabel", publicName: "tooltipLabel", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"body\"\n  [tp]=\"tooltipLabel()\"\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpIsEnabled]=\"enableTooltip()\"\n  [tpHideOnClick]=\"false\"\n>\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n\n  <div class=\"\n    gds-display-grid\n    gds-gap-0\n    label\n  \">\n    <ng-content select=\"gds-icon\" />\n  </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-borderColor-hover: transparent}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host:has(gds-icon:only-child){aspect-ratio:1;padding:unset}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[gds-icon-button]', imports: [TippyDirective, GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"body\"\n  [tp]=\"tooltipLabel()\"\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpIsEnabled]=\"enableTooltip()\"\n  [tpHideOnClick]=\"false\"\n>\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n\n  <div class=\"\n    gds-display-grid\n    gds-gap-0\n    label\n  \">\n    <ng-content select=\"gds-icon\" />\n  </div>\n</div>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-borderColor-hover: transparent}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host:has(gds-icon:only-child){aspect-ratio:1;padding:unset}\n"] }]
         }], propDecorators: { tooltipLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipLabel", required: false }] }] } });
@@ -3846,10 +3866,10 @@ class GdsBannerComponent {
     state = model('collapsed', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
     actionBtnClick = output();
     contentExpanded = computed(() => this.state() === 'expanded', ...(ngDevMode ? [{ debugName: "contentExpanded" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsBannerComponent, isStandalone: true, selector: "gds-banner", inputs: { iconKey: { classPropertyName: "iconKey", publicName: "iconKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, btnLabel: { classPropertyName: "btnLabel", publicName: "btnLabel", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange", actionBtnClick: "actionBtnClick" }, host: { properties: { "attr.hidden": "state() === \"hidden\" ? \"\" : undefined", "attr.expanded": "state() === \"expanded\" ? \"\" : undefined" } }, ngImport: i0, template: "<div\n  class=\"\n    gds-display-flex\n    gds-flex-column\n    gds-gap-xs\n  \"\n  [ngClass]=\"{ 'gds-gap-xs': state() === 'expanded' }\"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-gap-2xs\n  \">\n    <gds-icon\n      [key]=\"iconKey()\"\n      class=\"\n        gds-icon-size-xs\n        gds-text-primary-primary\n      \"\n    />\n    <span class=\"\n      gds-text-body-strong\n      gds-text-primary-primary\n      label\n    \"> {{ label() }} </span>\n    @if (btnLabel()) {\n      <button\n        gds-button\n        variant=\"primary\"\n        (clicked)=\"actionBtnClick.emit()\"\n      >\n        {{ btnLabel() }}\n      </button>\n    }\n    <button\n      gds-icon-button\n      size=\"small\"\n      class=\"gds-background-none\"\n      aria-label=\"Close\"\n      (clicked)=\"state.set('hidden')\"\n    >\n      <gds-icon\n        class=\"\n          gds-icon-size-3xs\n          icon\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </div>\n  @if (contentExpanded()) {\n    <div\n      class=\"content\"\n      animate.enter=\"gds-expand-vertical\"\n    >\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: [":host{--banner-radius: var(--gds-borderRadius-sm)}:host[expanded]{--banner-radius: var(--gds-borderRadius-md)}:host{padding:var(--gds-spacing-2xs);width:100%;background:var(--gds-palette-background-chat);border-radius:var(--banner-radius);display:block}:host[hidden]{display:none}:host .label{margin-right:auto}:host .content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsBannerComponent, isStandalone: true, selector: "gds-banner", inputs: { iconKey: { classPropertyName: "iconKey", publicName: "iconKey", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, btnLabel: { classPropertyName: "btnLabel", publicName: "btnLabel", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange", actionBtnClick: "actionBtnClick" }, host: { properties: { "attr.hidden": "state() === \"hidden\" ? \"\" : undefined", "attr.expanded": "state() === \"expanded\" ? \"\" : undefined" } }, ngImport: i0, template: "<div\n  class=\"\n    gds-display-flex\n    gds-flex-column\n    gds-gap-xs\n  \"\n  [ngClass]=\"{ 'gds-gap-xs': state() === 'expanded' }\"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-gap-2xs\n  \">\n    <gds-icon\n      [key]=\"iconKey()\"\n      class=\"\n        gds-icon-size-xs\n        gds-text-primary-primary\n      \"\n    />\n    <span class=\"\n      gds-text-body-strong\n      gds-text-primary-primary\n      label\n    \"> {{ label() }} </span>\n    @if (btnLabel()) {\n      <button\n        gds-button\n        variant=\"primary\"\n        (clicked)=\"actionBtnClick.emit()\"\n      >\n        {{ btnLabel() }}\n      </button>\n    }\n    <button\n      gds-icon-button\n      size=\"small\"\n      class=\"gds-background-none\"\n      aria-label=\"Close\"\n      (clicked)=\"state.set('hidden')\"\n    >\n      <gds-icon\n        class=\"\n          gds-icon-size-3xs\n          icon\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </div>\n  @if (contentExpanded()) {\n    <div\n      class=\"content\"\n      animate.enter=\"gds-expand-vertical\"\n    >\n      <ng-content />\n    </div>\n  }\n</div>\n", styles: [":host{--banner-radius: var(--gds-borderRadius-sm)}:host[expanded]{--banner-radius: var(--gds-borderRadius-md)}:host{padding:var(--gds-spacing-2xs);width:100%;background:var(--gds-palette-background-chat);border-radius:var(--banner-radius);display:block}:host[hidden]{display:none}:host .label{margin-right:auto}:host .content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-banner', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent, GdsIconButtonComponent, NgClass, GdsButtonComponent], host: {
                         '[attr.hidden]': 'state() === "hidden" ? "" : undefined',
@@ -3929,10 +3949,10 @@ class GdsBreadcrumbsComponent {
             this.#renderer.setStyle(ellipsis, 'display', 'none');
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", queries: [{ propertyName: "ellipsisTmpl", first: true, predicate: ["ellipsisTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "path", first: true, predicate: ["path"], descendants: true, isSignal: true }, { propertyName: "ellipsis", first: true, predicate: ["ellipsis"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  #ellipsis\n  class=\"gds-breadcrumbs_ellipsis-container\"\n>\n  <ng-container *ngTemplateOutlet=\"ellipsisTmpl() ?? defaultEllipsisTmpl\" />\n</div>\n<div\n  #path\n  class=\"gds-breadcrumbs_container\"\n>\n  <ng-content />\n</div>\n\n<ng-template #defaultEllipsisTmpl> ... </ng-template>\n", styles: [":host{width:100%;display:flex}:host .gds-breadcrumbs_container{display:flex;align-items:center;flex:1;min-width:0}:host .gds-breadcrumbs_ellipsis-container{display:flex;align-items:center;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsBreadcrumbsComponent, isStandalone: true, selector: "gds-breadcrumbs", queries: [{ propertyName: "ellipsisTmpl", first: true, predicate: ["ellipsisTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "path", first: true, predicate: ["path"], descendants: true, isSignal: true }, { propertyName: "ellipsis", first: true, predicate: ["ellipsis"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  #ellipsis\n  class=\"gds-breadcrumbs_ellipsis-container\"\n>\n  <ng-container *ngTemplateOutlet=\"ellipsisTmpl() ?? defaultEllipsisTmpl\" />\n</div>\n<div\n  #path\n  class=\"gds-breadcrumbs_container\"\n>\n  <ng-content />\n</div>\n\n<ng-template #defaultEllipsisTmpl> ... </ng-template>\n", styles: [":host{width:100%;display:flex}:host .gds-breadcrumbs_container{display:flex;align-items:center;flex:1;min-width:0}:host .gds-breadcrumbs_ellipsis-container{display:flex;align-items:center;max-width:fit-content;max-height:fit-content}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBreadcrumbsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-breadcrumbs', imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  #ellipsis\n  class=\"gds-breadcrumbs_ellipsis-container\"\n>\n  <ng-container *ngTemplateOutlet=\"ellipsisTmpl() ?? defaultEllipsisTmpl\" />\n</div>\n<div\n  #path\n  class=\"gds-breadcrumbs_container\"\n>\n  <ng-content />\n</div>\n\n<ng-template #defaultEllipsisTmpl> ... </ng-template>\n", styles: [":host{width:100%;display:flex}:host .gds-breadcrumbs_container{display:flex;align-items:center;flex:1;min-width:0}:host .gds-breadcrumbs_ellipsis-container{display:flex;align-items:center;max-width:fit-content;max-height:fit-content}\n"] }]
         }], ctorParameters: () => [], propDecorators: { ellipsisTmpl: [{ type: i0.ContentChild, args: ['ellipsisTmpl', { isSignal: true }] }], path: [{ type: i0.ViewChild, args: ['path', { isSignal: true }] }], ellipsis: [{ type: i0.ViewChild, args: ['ellipsis', { isSignal: true }] }] } });
@@ -4010,10 +4030,10 @@ class GdsFocusOnInitDirective {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFocusOnInitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsFocusOnInitDirective, isStandalone: true, selector: "[focusOnInit]", inputs: { selectOnInit: "selectOnInit", focusOnInit: "focusOnInit" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFocusOnInitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsFocusOnInitDirective, isStandalone: true, selector: "[focusOnInit]", inputs: { selectOnInit: "selectOnInit", focusOnInit: "focusOnInit" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFocusOnInitDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFocusOnInitDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4052,10 +4072,10 @@ class OnBrandChanged {
             this.#observer.disconnect();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: OnBrandChanged, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: OnBrandChanged, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OnBrandChanged, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: OnBrandChanged, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: OnBrandChanged, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OnBrandChanged, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
@@ -4088,10 +4108,10 @@ class GdsResizedDirective {
         this.#oldRect = domSize.contentRect;
         this.resized.emit(resizedEvent);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsResizedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsResizedDirective, isStandalone: true, selector: "[resized]", outputs: { resized: "resized" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResizedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsResizedDirective, isStandalone: true, selector: "[resized]", outputs: { resized: "resized" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsResizedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResizedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[resized]',
@@ -4142,10 +4162,10 @@ class GdsKeyboardNavigationItem {
                 break;
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsKeyboardNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsKeyboardNavigationItem, isStandalone: false, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsKeyboardNavigationItem, isStandalone: false, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsKeyboardNavigationItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationItem, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -4181,10 +4201,10 @@ class GdsKeyboardNavigationHost {
         }
         this.#focusKeyManager.onKeydown(event);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsKeyboardNavigationHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsKeyboardNavigationHost, isStandalone: false, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationHost, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsKeyboardNavigationHost, isStandalone: false, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsKeyboardNavigationHost, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsKeyboardNavigationHost, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -4207,10 +4227,10 @@ class GdsScrollToBottomDirective {
             behavior: this.scrollBehavior() ?? 'smooth'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollToBottomDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsScrollToBottomDirective, isStandalone: true, selector: "[scrollToBottom]", inputs: { scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToBottomDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsScrollToBottomDirective, isStandalone: true, selector: "[scrollToBottom]", inputs: { scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollToBottomDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToBottomDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4227,10 +4247,10 @@ class GdsScrollToFirstInvalidDirective {
         }
         invalid.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollToFirstInvalidDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsScrollToFirstInvalidDirective, isStandalone: true, selector: "[scrollToFirstInvalid]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToFirstInvalidDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsScrollToFirstInvalidDirective, isStandalone: true, selector: "[scrollToFirstInvalid]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollToFirstInvalidDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollToFirstInvalidDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4343,10 +4363,10 @@ class GdsScrollOutOfViewDirective {
             scrollableElement.style.overscrollBehavior = 'none';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollOutOfViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsScrollOutOfViewDirective, isStandalone: true, selector: "[scrollOutOfView]", inputs: { scrollOutOfViewId: { classPropertyName: "scrollOutOfViewId", publicName: "scrollOutOfViewId", isSignal: true, isRequired: true, transformFunction: null }, scrollOutOfViewEnabled: { classPropertyName: "scrollOutOfViewEnabled", publicName: "scrollOutOfViewEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsScrollOutOfViewDirective, isStandalone: true, selector: "[scrollOutOfView]", inputs: { scrollOutOfViewId: { classPropertyName: "scrollOutOfViewId", publicName: "scrollOutOfViewId", isSignal: true, isRequired: true, transformFunction: null }, scrollOutOfViewEnabled: { classPropertyName: "scrollOutOfViewEnabled", publicName: "scrollOutOfViewEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsScrollOutOfViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsScrollOutOfViewDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4390,10 +4410,10 @@ class GdsTooltipComponent extends OnBrandChanged {
             directive.hide();
         }
     }, ...(ngDevMode ? [{ debugName: "#openOnOpen" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsTooltipComponent, isStandalone: true, selector: "gds-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: true, transformFunction: null }, onlyTextOverflow: { classPropertyName: "onlyTextOverflow", publicName: "onlyTextOverflow", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "tooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, tooltipInteractive: { classPropertyName: "tooltipInteractive", publicName: "tooltipInteractive", isSignal: true, isRequired: false, transformFunction: null }, useHostWidth: { classPropertyName: "useHostWidth", publicName: "useHostWidth", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tippyDirective", first: true, predicate: TippyDirective, descendants: true, isSignal: true }, { propertyName: "span", first: true, predicate: ["span"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.TippyDirective }], ngImport: i0, template: "<span\n  #span\n  class=\"gds-tooltip_container\"\n  [tp]=\"tooltip()\"\n  [tpVariation]=\"tooltipVariation()\"\n  [tpPlacement]=\"tooltipPlacement()\"\n  [tpInteractive]=\"tooltipInteractive()\"\n  [tpIsEnabled]=\"!disabled()\"\n  [tpUseHostWidth]=\"useHostWidth()\"\n  [tpOnlyTextOverflow]=\"onlyTextOverflow()\"\n  [tpUseTextContent]=\"!tooltip()\"\n  [tpMaxWidth]=\"maxWidth()\"\n  [tpAppendTo]=\"appendTo()\"\n>\n  <ng-content />\n</span>\n", styles: [":host{display:flex;min-width:0}:host .gds-tooltip_container{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTooltipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsTooltipComponent, isStandalone: true, selector: "gds-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: true, transformFunction: null }, onlyTextOverflow: { classPropertyName: "onlyTextOverflow", publicName: "onlyTextOverflow", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tooltipPlacement: { classPropertyName: "tooltipPlacement", publicName: "tooltipPlacement", isSignal: true, isRequired: false, transformFunction: null }, tooltipInteractive: { classPropertyName: "tooltipInteractive", publicName: "tooltipInteractive", isSignal: true, isRequired: false, transformFunction: null }, useHostWidth: { classPropertyName: "useHostWidth", publicName: "useHostWidth", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tippyDirective", first: true, predicate: TippyDirective, descendants: true, isSignal: true }, { propertyName: "span", first: true, predicate: ["span"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.TippyDirective }], ngImport: i0, template: "<span\n  #span\n  class=\"gds-tooltip_container\"\n  [tp]=\"tooltip()\"\n  [tpVariation]=\"tooltipVariation()\"\n  [tpPlacement]=\"tooltipPlacement()\"\n  [tpInteractive]=\"tooltipInteractive()\"\n  [tpIsEnabled]=\"!disabled()\"\n  [tpUseHostWidth]=\"useHostWidth()\"\n  [tpOnlyTextOverflow]=\"onlyTextOverflow()\"\n  [tpUseTextContent]=\"!tooltip()\"\n  [tpMaxWidth]=\"maxWidth()\"\n  [tpAppendTo]=\"appendTo()\"\n>\n  <ng-content />\n</span>\n", styles: [":host{display:flex;min-width:0}:host .gds-tooltip_container{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-tooltip', hostDirectives: [TippyDirective], imports: [TippyDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  #span\n  class=\"gds-tooltip_container\"\n  [tp]=\"tooltip()\"\n  [tpVariation]=\"tooltipVariation()\"\n  [tpPlacement]=\"tooltipPlacement()\"\n  [tpInteractive]=\"tooltipInteractive()\"\n  [tpIsEnabled]=\"!disabled()\"\n  [tpUseHostWidth]=\"useHostWidth()\"\n  [tpOnlyTextOverflow]=\"onlyTextOverflow()\"\n  [tpUseTextContent]=\"!tooltip()\"\n  [tpMaxWidth]=\"maxWidth()\"\n  [tpAppendTo]=\"appendTo()\"\n>\n  <ng-content />\n</span>\n", styles: [":host{display:flex;min-width:0}:host .gds-tooltip_container{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: true }] }], onlyTextOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyTextOverflow", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tooltipPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPlacement", required: false }] }], tooltipInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipInteractive", required: false }] }], useHostWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "useHostWidth", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], tippyDirective: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TippyDirective), { isSignal: true }] }], span: [{ type: i0.ViewChild, args: ['span', { isSignal: true }] }] } });
@@ -4464,10 +4484,10 @@ class GdsChipComponent extends OnBrandChanged {
         };
         return map[chipText.toLowerCase()] ?? 'grey';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsChipComponent, isStandalone: true, selector: "gds-chip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.rounded": "this.roundedAttr", "attr.btn": "this.hasDismiss", "attr.width": "this.widthStyle", "attr.compact": "this.compactAttr", "style.--background-color": "this.backgroundStyle", "style.--color": "this.textColorStyle" } }, usesInheritance: true, ngImport: i0, template: "<gds-tooltip\n  onlyTextOverflow\n  [tooltip]=\"text() | titlecase\"\n>\n  {{ text() }}\n</gds-tooltip>\n@if (hasDismiss) {\n  <gds-icon\n    class=\"\n      gds-chip_dismiss\n      gds-icon-size-3xs\n    \"\n    key=\"line-dismiss\"\n    (click)=\"handleDismissed($event)\"\n  />\n}\n", styles: [":host{--border-radius: var(--gds-borderRadius-sm);--text-transform: uppercase;--cursor: default;--padding: var(--gds-spacing-2xs) var(--gds-spacing-xs);--min-height: 32px}:host[rounded]{--border-radius: var(--gds-borderRadius-lg);--text-transform: capitalize}:host[btn=true]{--cursor: pointer}:host[width=fixed]{--min-width: 124px;--max-width: 124px}:host[width=auto]{--min-width: auto;--max-width: 100%}:host[width=fit-content]{--min-width: fit-content;--max-width: fit-content}:host[compact]{--padding: 3px var(--gds-spacing-2xs);--min-height: 20px}:host{font:var(--gds-text-captionStrong-shorthand);border-radius:var(--border-radius);text-transform:var(--text-transform);min-width:var(--min-width);max-width:var(--max-width);padding:var(--padding);min-height:var(--min-height);cursor:var(--cursor);color:var(--color);background-color:var(--background-color);display:inline-flex;align-items:center;justify-content:center;height:fit-content;gap:var(--gds-spacing-2xs)}:host .gds-chip_dismiss{margin-left:auto}\n"], dependencies: [{ kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsChipComponent, isStandalone: true, selector: "gds-chip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.rounded": "this.roundedAttr", "attr.btn": "this.hasDismiss", "attr.width": "this.widthStyle", "attr.compact": "this.compactAttr", "style.--background-color": "this.backgroundStyle", "style.--color": "this.textColorStyle" } }, usesInheritance: true, ngImport: i0, template: "<gds-tooltip\n  onlyTextOverflow\n  [tooltip]=\"text() | titlecase\"\n>\n  {{ text() }}\n</gds-tooltip>\n@if (hasDismiss) {\n  <gds-icon\n    class=\"\n      gds-chip_dismiss\n      gds-icon-size-3xs\n    \"\n    key=\"line-dismiss\"\n    (click)=\"handleDismissed($event)\"\n  />\n}\n", styles: [":host{--border-radius: var(--gds-borderRadius-sm);--text-transform: uppercase;--cursor: default;--padding: var(--gds-spacing-2xs) var(--gds-spacing-xs);--min-height: 32px}:host[rounded]{--border-radius: var(--gds-borderRadius-lg);--text-transform: capitalize}:host[btn=true]{--cursor: pointer}:host[width=fixed]{--min-width: 124px;--max-width: 124px}:host[width=auto]{--min-width: auto;--max-width: 100%}:host[width=fit-content]{--min-width: fit-content;--max-width: fit-content}:host[compact]{--padding: 3px var(--gds-spacing-2xs);--min-height: 20px}:host{font:var(--gds-text-captionStrong-shorthand);border-radius:var(--border-radius);text-transform:var(--text-transform);min-width:var(--min-width);max-width:var(--max-width);padding:var(--padding);min-height:var(--min-height);cursor:var(--cursor);color:var(--color);background-color:var(--background-color);display:inline-flex;align-items:center;justify-content:center;height:fit-content;gap:var(--gds-spacing-2xs)}:host .gds-chip_dismiss{margin-left:auto}\n"], dependencies: [{ kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-chip', imports: [GdsTooltipComponent, GdsIconComponent, TitleCasePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gds-tooltip\n  onlyTextOverflow\n  [tooltip]=\"text() | titlecase\"\n>\n  {{ text() }}\n</gds-tooltip>\n@if (hasDismiss) {\n  <gds-icon\n    class=\"\n      gds-chip_dismiss\n      gds-icon-size-3xs\n    \"\n    key=\"line-dismiss\"\n    (click)=\"handleDismissed($event)\"\n  />\n}\n", styles: [":host{--border-radius: var(--gds-borderRadius-sm);--text-transform: uppercase;--cursor: default;--padding: var(--gds-spacing-2xs) var(--gds-spacing-xs);--min-height: 32px}:host[rounded]{--border-radius: var(--gds-borderRadius-lg);--text-transform: capitalize}:host[btn=true]{--cursor: pointer}:host[width=fixed]{--min-width: 124px;--max-width: 124px}:host[width=auto]{--min-width: auto;--max-width: 100%}:host[width=fit-content]{--min-width: fit-content;--max-width: fit-content}:host[compact]{--padding: 3px var(--gds-spacing-2xs);--min-height: 20px}:host{font:var(--gds-text-captionStrong-shorthand);border-radius:var(--border-radius);text-transform:var(--text-transform);min-width:var(--min-width);max-width:var(--max-width);padding:var(--padding);min-height:var(--min-height);cursor:var(--cursor);color:var(--color);background-color:var(--background-color);display:inline-flex;align-items:center;justify-content:center;height:fit-content;gap:var(--gds-spacing-2xs)}:host .gds-chip_dismiss{margin-left:auto}\n"] }]
         }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }], dismissed: [{
@@ -4495,10 +4515,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class GdsNativeInputDirective {
     #elementRef = inject(ElementRef);
     nativeElement = this.#elementRef.nativeElement;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNativeInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsNativeInputDirective, isStandalone: true, selector: "input", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsNativeInputDirective, isStandalone: true, selector: "input", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNativeInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeInputDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4512,10 +4532,10 @@ class GdsNativeTextareaDirective {
         this.#elementRef.nativeElement.value = value;
         this.#elementRef.nativeElement.dispatchEvent(new Event('input'));
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNativeTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsNativeTextareaDirective, isStandalone: true, selector: "textarea", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeTextareaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsNativeTextareaDirective, isStandalone: true, selector: "textarea", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNativeTextareaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNativeTextareaDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -4538,10 +4558,10 @@ class GdsSignalFormContainer {
         const field = this.formField();
         return field?.errors()?.[0]?.message;
     }, ...(ngDevMode ? [{ debugName: "formFieldError" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSignalFormContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: GdsSignalFormContainer, isStandalone: true, host: { properties: { "attr.invalid": "formFieldInvalid() ? \"\" : undefined", "attr.touched": "formFieldTouched() ? \"\" : undefined" } }, queries: [{ propertyName: "nestedField", first: true, predicate: FormField, descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsSignalFormContainer, isStandalone: true, host: { properties: { "attr.invalid": "formFieldInvalid() ? \"\" : undefined", "attr.touched": "formFieldTouched() ? \"\" : undefined" } }, queries: [{ propertyName: "nestedField", first: true, predicate: FormField, descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSignalFormContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormContainer, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -4566,10 +4586,10 @@ class GdsSignalFormControl {
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
     hidden = input(false, ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
     invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSignalFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsSignalFormControl, isStandalone: true, inputs: { touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, host: { properties: { "attr.invalid": "invalid() ? \"\" : undefined", "attr.touched": "touched() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.readonly": "readonly() ? \"\" : undefined", "attr.hidden": "hidden() ? \"\" : undefined" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsSignalFormControl, isStandalone: true, inputs: { touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { touched: "touchedChange" }, host: { properties: { "attr.invalid": "invalid() ? \"\" : undefined", "attr.touched": "touched() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.readonly": "readonly() ? \"\" : undefined", "attr.hidden": "hidden() ? \"\" : undefined" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSignalFormControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSignalFormControl, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -4589,10 +4609,10 @@ class GdsSwitchComponent extends GdsSignalFormContainer {
             throw new Error('GdsNativeInputDirective is required for this component. Please update the imports to include GdsNativeInputDirective.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", host: { attributes: { "tabindex": "0" }, listeners: { "click": "input()?.nativeElement?.click()", "keydown.enter": "input()?.nativeElement?.click()" }, classAttribute: "gds-display-inline-flex gds-radius-2xl gds-padding-3xs gds-align-self-end" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"gds-display-none\">\n  <ng-content />\n</div>\n\n<span class=\"\n  gds-height-xs\n  gds-radius-2xl\n  gds-width-xs\n  thumb\n\"></span>\n", styles: [":host{--gds-form-control-border-color: var(--gds-palette-background-dark);--gds-form-control-background-color: var(--gds-palette-background-white);--gds-form-control-hover-color: var(--gds-palette-background-bright);--gds-form-control-disabled-background-color: var(--gds-palette-background-white);--gds-form-control-disabled-border-color: var(--gds-palette-badge-hover);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{cursor:var(--cursor);background-color:var(--border-color);height:20px;width:40px}:host .thumb{background-color:var(--background-color);transform:translate(var(--switch-thumb-x-transform, 0px));transition:transform .15s cubic-bezier(.4,0,.2,1) 0ms,width .15s}:host:has(input:checked){--gds-form-control-border-color: var(--gds-palette-background-bright);--gds-form-control-hover-color: var(--gds-palette-background-bright-hover);--gds-form-control-disabled-border-color: var(--gds-palette-button-primary-disabled);--switch-thumb-x-transform: 20px}:host:has(input:checked):hover{background-color:var(--hover-color)}:host:has(input:checked):active{--switch-thumb-x-transform: var(--gds-spacing-sm)}:host[disabled]:hover,:host:has(*:disabled,*[disabled=true]):hover{background-color:var(--disabled-border-color)}:host:focus-visible{outline:var(--gds-palette-border-dark) solid 2px;border-radius:var(--gds-borderRadius-2xl);outline-offset:2px}:host:active .thumb{width:var(--gds-size-sm)!important}:is(body[isMobile=true]) :host{height:30px;width:51px;padding:3px!important}:is(body[isMobile=true]) :host .thumb{height:var(--gds-primitive-size-600)!important;width:var(--gds-primitive-size-600)!important;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}:is(body[isMobile=true]) :host:has(input:checked){--gds-form-control-border-color: var(--gds-palette-button-primary-default);--gds-form-control-hover-color: var(--gds-palette-button-primary-hover);--switch-thumb-x-transform: 21px}:is(body[isMobile=true]) :host:has(input:checked):active{--switch-thumb-x-transform: 13px}:is(body[isMobile=true]) :host[disabled] .thumb,:is(body[isMobile=true]) :host:has(*:disabled,*[disabled=true]) .thumb{box-shadow:none}:is(body[isMobile=true]) :host:active .thumb{width:var(--gds-size-md)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSwitchComponent, isStandalone: true, selector: "gds-switch", host: { attributes: { "tabindex": "0" }, listeners: { "click": "input()?.nativeElement?.click()", "keydown.enter": "input()?.nativeElement?.click()" }, classAttribute: "gds-display-inline-flex gds-radius-2xl gds-padding-3xs gds-align-self-end" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"gds-display-none\">\n  <ng-content />\n</div>\n\n<span class=\"\n  gds-height-xs\n  gds-radius-2xl\n  gds-width-xs\n  thumb\n\"></span>\n", styles: [":host{--gds-form-control-border-color: var(--gds-palette-background-dark);--gds-form-control-background-color: var(--gds-palette-background-white);--gds-form-control-hover-color: var(--gds-palette-background-bright);--gds-form-control-disabled-background-color: var(--gds-palette-background-white);--gds-form-control-disabled-border-color: var(--gds-palette-badge-hover);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{cursor:var(--cursor);background-color:var(--border-color);height:20px;width:40px}:host .thumb{background-color:var(--background-color);transform:translate(var(--switch-thumb-x-transform, 0px));transition:transform .15s cubic-bezier(.4,0,.2,1) 0ms,width .15s}:host:has(input:checked){--gds-form-control-border-color: var(--gds-palette-background-bright);--gds-form-control-hover-color: var(--gds-palette-background-bright-hover);--gds-form-control-disabled-border-color: var(--gds-palette-button-primary-disabled);--switch-thumb-x-transform: 20px}:host:has(input:checked):hover{background-color:var(--hover-color)}:host:has(input:checked):active{--switch-thumb-x-transform: var(--gds-spacing-sm)}:host[disabled]:hover,:host:has(*:disabled,*[disabled=true]):hover{background-color:var(--disabled-border-color)}:host:focus-visible{outline:var(--gds-palette-border-dark) solid 2px;border-radius:var(--gds-borderRadius-2xl);outline-offset:2px}:host:active .thumb{width:var(--gds-size-sm)!important}:is(body[isMobile=true]) :host{height:30px;width:51px;padding:3px!important}:is(body[isMobile=true]) :host .thumb{height:var(--gds-primitive-size-600)!important;width:var(--gds-primitive-size-600)!important;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}:is(body[isMobile=true]) :host:has(input:checked){--gds-form-control-border-color: var(--gds-palette-button-primary-default);--gds-form-control-hover-color: var(--gds-palette-button-primary-hover);--switch-thumb-x-transform: 21px}:is(body[isMobile=true]) :host:has(input:checked):active{--switch-thumb-x-transform: 13px}:is(body[isMobile=true]) :host[disabled] .thumb,:is(body[isMobile=true]) :host:has(*:disabled,*[disabled=true]) .thumb{box-shadow:none}:is(body[isMobile=true]) :host:active .thumb{width:var(--gds-size-md)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-switch', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-display-inline-flex gds-radius-2xl gds-padding-3xs gds-align-self-end',
@@ -4606,6 +4626,7 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
     border = input(false, { ...(ngDevMode ? { debugName: "border" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     startIcon = input(...(ngDevMode ? [undefined, { debugName: "startIcon" }] : /* istanbul ignore next */ []));
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    labelClass = input(...(ngDevMode ? [undefined, { debugName: "labelClass" }] : /* istanbul ignore next */ []));
     hint = input(...(ngDevMode ? [undefined, { debugName: "hint" }] : /* istanbul ignore next */ []));
     size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     selected = signal(false).asReadonly();
@@ -4621,10 +4642,10 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
                 return undefined;
         }
     }, ...(ngDevMode ? [{ debugName: "variantIcon" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuBaseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsContextMenuBaseDirective, isStandalone: true, inputs: { border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.compact": "size() === \"compact\" ? \"\" : undefined", "attr.clickable": "variant() !== \"heading\" ? \"\" : undefined", "attr.variant": "variant()", "attr.border": "border() ? \"\" : undefined" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuBaseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsContextMenuBaseDirective, isStandalone: true, inputs: { border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, startIcon: { classPropertyName: "startIcon", publicName: "startIcon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, labelClass: { classPropertyName: "labelClass", publicName: "labelClass", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.compact": "size() === \"compact\" ? \"\" : undefined", "attr.clickable": "variant() !== \"heading\" ? \"\" : undefined", "attr.variant": "variant()", "attr.border": "border() ? \"\" : undefined" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -4634,33 +4655,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         '[attr.border]': 'border() ? "" : undefined'
                     }
                 }]
-        }], propDecorators: { border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+        }], propDecorators: { border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], startIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "startIcon", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], labelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelClass", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 class GdsContextMenuItemComponent extends GdsContextMenuBaseDirective {
     variant = input(GdsContextMenuItemVariantEnum.Default, ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     nestedMenu = input(...(ngDevMode ? [undefined, { debugName: "nestedMenu" }] : /* istanbul ignore next */ []));
     hasChildren = computed(() => !!this.nestedMenu(), ...(ngDevMode ? [{ debugName: "hasChildren" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsContextMenuItemComponent, isStandalone: true, selector: "gds-context-menu-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, nestedMenu: { classPropertyName: "nestedMenu", publicName: "nestedMenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0" } }, usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuItem, outputs: ["cdkMenuItemTriggered", "clicked"] }, { directive: i1$1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "nestedMenu"] }], ngImport: i0, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsContextMenuItemComponent, isStandalone: true, selector: "gds-context-menu-item", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, nestedMenu: { classPropertyName: "nestedMenu", publicName: "nestedMenu", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0" } }, usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuItem, outputs: ["cdkMenuItemTriggered", "clicked"] }, { directive: i1$1.CdkMenuTrigger, inputs: ["cdkMenuTriggerFor", "nestedMenu"] }], ngImport: i0, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [class]=\"labelClass()\"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-context-menu-item', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         { directive: CdkMenuItem, outputs: ['cdkMenuItemTriggered: clicked'] },
                         { directive: CdkMenuTrigger, inputs: ['cdkMenuTriggerFor: nestedMenu'] }
                     ], host: {
                         tabindex: '0'
-                    }, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
+                    }, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [class]=\"labelClass()\"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
         }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], nestedMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "nestedMenu", required: false }] }] } });
 class GdsContextMenuHeadingComponent extends GdsContextMenuBaseDirective {
     variant = signal(GdsContextMenuItemVariantEnum.Heading).asReadonly();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsContextMenuHeadingComponent, isStandalone: true, selector: "gds-context-menu-heading", usesInheritance: true, ngImport: i0, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuHeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsContextMenuHeadingComponent, isStandalone: true, selector: "gds-context-menu-heading", usesInheritance: true, ngImport: i0, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [class]=\"labelClass()\"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuHeadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuHeadingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gds-context-menu-heading', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
+            args: [{ selector: 'gds-context-menu-heading', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [class]=\"labelClass()\"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
         }] });
 class GdsContextMenuSwitchComponent extends GdsContextMenuBaseDirective {
@@ -4677,10 +4698,10 @@ class GdsContextMenuSwitchComponent extends GdsContextMenuBaseDirective {
             originalTrigger(options ?? { keepOpen: true });
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsContextMenuSwitchComponent, isStandalone: true, selector: "gds-context-menu-switch", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, triggered: { classPropertyName: "triggered", publicName: "triggered", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", triggered: "triggeredChange" }, usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemChecked", "selected"], outputs: ["cdkMenuItemTriggered", "clicked"] }, { directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsContextMenuSwitchComponent, isStandalone: true, selector: "gds-context-menu-switch", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, triggered: { classPropertyName: "triggered", publicName: "triggered", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", triggered: "triggeredChange" }, usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuItemCheckbox, inputs: ["cdkMenuItemChecked", "selected"], outputs: ["cdkMenuItemTriggered", "clicked"] }, { directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [class]=\"labelClass()\"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsSwitchComponent, selector: "gds-switch" }, { kind: "directive", type: GdsNativeInputDirective, selector: "input" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsContextMenuSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsContextMenuSwitchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-context-menu-switch', imports: [GdsIconComponent, TippyDirective, GdsSwitchComponent, GdsNativeInputDirective], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -4689,12 +4710,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                             outputs: ['cdkMenuItemTriggered: clicked']
                         },
                         { directive: CdkMenuTrigger }
-                    ], template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
+                    ], template: "@if (border()) {\n  <div class=\"border\"></div>\n}\n<div class=\"\n  gds-radius-sm\n  wrapper\n\">\n  @if (variantIcon(); as variantIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-2xs\n      \"\n      [key]=\"variantIcon\"\n    />\n  }\n\n  @if (startIcon(); as startIcon) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_startIcon\n        gds-icon-size-xs\n      \"\n      [key]=\"startIcon\"\n    />\n  }\n\n  <div\n    class=\"\n      gds-align-items-start\n      gds-display-flex\n      gds-flex-column\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-min-width-0\n    \"\n  >\n    <div\n      class=\"\n        gds-context-menu-item_label\n        gds-truncate\n        gds-width-100-parent\n      \"\n      [class]=\"labelClass()\"\n      [tp]=\"label()\"\n      [tpOnlyTextOverflow]=\"true\"\n      [tpVariation]=\"tooltipVariation()\"\n    >\n      {{ label() }}\n    </div>\n\n    @if (hint(); as hint) {\n      <div class=\"gds-context-menu-item_hint\">{{ hint }}</div>\n    }\n  </div>\n\n  @if (variant() === 'switch') {\n    <gds-switch class=\"\n      gds-margin-block-auto\n      gds-margin-inline-start-auto\n      gds-min-width-fit-content\n    \">\n      <input\n        type=\"checkbox\"\n        [checked]=\"selected()\"\n        (click)=\"$event.stopPropagation()\"\n      />\n    </gds-switch>\n  }\n\n  @if (hasChildren()) {\n    <gds-icon\n      class=\"\n        gds-context-menu-item_endIcon\n        gds-icon-size-xs\n      \"\n      key=\"line-chevron-right-stroke\"\n    />\n  }\n</div>\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary)}:host .border{border-top:1px solid var(--gds-palette-border-modal);height:var(--gds-spacing-2xs)}:host .wrapper{--font: var(--gds-text-body-shorthand);--color: var(--gds-palette-text-default-primary);--background-color: var(--gds-palette-background-white);display:flex;align-items:center;padding:7px 11px;gap:var(--gds-spacing-xs);cursor:default;background:var(--background-color)}:host[variant=heading]>.wrapper{--font: var(--gds-text-bodyStrong-shorthand);--color: var(--gds-palette-text-primary-primary)}:host[variant=indent]>.wrapper{padding-left:40px}:host[variant=double-indent]>.wrapper{padding-left:68px}:host[compact]>.wrapper{padding:3px 11px}:host:focus-visible>.wrapper{outline:none;--background-color: var(--gds-palette-background-hover)}:host:focus-visible{outline:none;--background-color: var(--gds-palette-background-hover)}:host[clickable]>.wrapper{cursor:pointer}:host[clickable]>.wrapper:hover{--background-color: var(--gds-palette-background-hover)}:host .gds-context-menu-item_label{flex:1;font:var(--font);color:var(--color);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .gds-context-menu-item_endIcon{margin-left:auto;color:var(--icon-color)}:host .gds-context-menu-item_startIcon{color:var(--icon-color)}:host .gds-context-menu-item_hint{font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-default-secondary)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{--font: var(--gds-text-caption-shorthand);--color: var(--gds-palette-text-default-secondary);border-bottom:1px solid var(--gds-palette-border-modal);border-radius:0}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host>.wrapper{justify-content:center}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=default]>.wrapper,:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=heading]>.wrapper{padding-inline:unset}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=check]>.wrapper{position:relative;right:var(--gds-spacing-sm)}:is(body[isMobile=true]) gds-dropdown:not([preventMobileStyling]) :host[variant=indent]>.wrapper{padding-left:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], triggered: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggered", required: false }] }, { type: i0.Output, args: ["triggeredChange"] }] } });
 class GdsDialogComponent {
     type = input('dialog', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
     background = input('base', ...(ngDevMode ? [{ debugName: "background" }] : /* istanbul ignore next */ []));
+    headerLabelAlignment = input('left', ...(ngDevMode ? [{ debugName: "headerLabelAlignment" }] : /* istanbul ignore next */ []));
     showFooterBorder = input(false, { ...(ngDevMode ? { debugName: "showFooterBorder" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     closeOnBackdropClick = input(false, { ...(ngDevMode ? { debugName: "closeOnBackdropClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     suppressDismissBtn = input(false, { ...(ngDevMode ? { debugName: "suppressDismissBtn" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -4753,10 +4775,10 @@ class GdsDialogComponent {
         event.preventDefault();
         this.canceled.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsDialogComponent, isStandalone: true, selector: "dialog[gds-dialog]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, showFooterBorder: { classPropertyName: "showFooterBorder", publicName: "showFooterBorder", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, suppressDismissBtn: { classPropertyName: "suppressDismissBtn", publicName: "suppressDismissBtn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", canceled: "canceled" }, host: { listeners: { "close": "onClose($event)", "cancel": "onCancel($event)", "click": "dialogClicked($event)" }, properties: { "class.gds-mobile-radius-bottom-right-lg": "type() !== \"drawer-bottom\"", "class.gds-mobile-radius-bottom-left-lg": "type() !== \"drawer-bottom\"", "class.gds-radius-top-right-2xl": "type() === \"drawer-bottom\"", "class.gds-radius-top-left-2xl": "type() === \"drawer-bottom\"", "class.gds-radius-bottom-right-0": "type() === \"drawer-bottom\" || type() === \"slide-right\"", "class.gds-radius-bottom-left-0": "type() === \"drawer-bottom\" || type() === \"slide-left\"", "class.gds-slide-top": "type() === \"drawer-top\"", "class.gds-slide-bottom": "type() === \"drawer-bottom\"", "class.gds-slide-left": "type() === \"slide-left\"", "class.gds-radius-top-left-0": "type() === \"slide-left\"", "class.gds-slide-right": "type() === \"slide-right\"", "class.gds-radius-top-right-0": "type() === \"slide-right\"", "attr.type": "type()", "attr.background": "background()" }, classAttribute: "gds-radius-md gds-mobile-radius-top-right-lg gds-mobile-radius-top-left-lg" }, queries: [{ propertyName: "layoutTmpl", first: true, predicate: ["layoutTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$2.CdkTrapFocus }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n  <div\n    class=\"\n      gds-dialog_container\n      gds-display-flex\n      gds-flex-column\n      gds-flex-grow-1\n      gds-flex-shrink-1\n      gds-min-height-0\n      gds-width-100-parent\n    \"\n  >\n    <header\n      class=\"\n        gds-align-items-center\n        gds-display-flex\n        gds-gap-sm\n        gds-justify-content-between\n        gds-text-primary-primary\n        gds-text-subtitle\n      \"\n    >\n      <ng-content select=\"[header-label]\" />\n      <span\n        class=\"\n          gds-align-items-center\n          gds-align-self-start\n          gds-display-inline-flex\n          gds-gap-xs\n          gds-icon-primary\n          gds-margin-inline-start-auto\n        \"\n      >\n        <ng-content select=\"[header-actions]\" />\n        @if (closeObserved) {\n          <button\n            gds-icon-button\n            #closeBtn\n            size=\"medium\"\n            class=\"gds-background-none\"\n            (click)=\"onClose($event)\"\n            (keydown.enter)=\"onClose($event)\"\n          >\n            <gds-icon\n              key=\"titlebar-dismiss\"\n              class=\"\n                gds-icon-size-2xs\n                gds-mobile-icon-size-sm\n              \"\n            />\n          </button>\n        }\n      </span>\n    </header>\n    <div\n      class=\"\n        gds-display-flex\n        gds-flex-column\n        gds-flex-grow-1\n        gds-flex-shrink-1\n        gds-justify-content-center\n        gds-min-height-0\n        gds-min-width-0\n        gds-text-body\n        gds-text-primary\n      \"\n    >\n      <ng-content />\n    </div>\n    <footer\n      class=\"\n        gds-align-items-center\n        gds-display-flex\n        gds-gap-xs\n      \"\n      [attr.bordered]=\"borderedFooter\"\n      [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() && !footerPrimary.hasChildNodes() }\"\n    >\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() }\"\n        #footerSecondary\n      >\n        <ng-content select=\"[footer-actions-secondary]\" />\n      </span>\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n          gds-justify-content-end\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerPrimary.hasChildNodes() }\"\n        #footerPrimary\n      >\n        <ng-content select=\"[footer-actions-primary]\" />\n      </span>\n    </footer>\n  </div>\n</ng-template>\n", styles: [":host{--gds-dialog-base-padding: var(--gds-spacing-sm);--gds-dialog-base-gap: var(--gds-spacing-sm);position:relative;width:65vw;max-width:452px;height:fit-content;max-height:100vh;overflow:visible;padding:0;border:1px solid var(--gds-palette-border-modal);box-shadow:0 32px 64px #00000030,0 2px 21px #00000026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--gds-dialog-background-color);outline:none}:host[open]{display:flex}:host[open][type=slide-left]{margin-left:var(--gds-spacing-0)}:host[open][type=drawer-bottom]{position:fixed;bottom:0;max-width:none;width:100%;box-shadow:none;margin:auto 0 0}:host[background=base]{--gds-dialog-background-color: var(--gds-palette-background-base)}:host[background=white]{--gds-dialog-background-color: var(--gds-palette-background-white)}:host .gds-dialog_container{gap:var(--gds-dialog-base-gap);padding:var(--gds-dialog-base-padding)}:host .gds-dialog_header-actions:only-child{margin-inline-start:auto}:host [bordered]{border-block-start:var(--gds-border-default-shorthand);padding-top:var(--gds-dialog-base-padding)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsDialogComponent, isStandalone: true, selector: "dialog[gds-dialog]", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, headerLabelAlignment: { classPropertyName: "headerLabelAlignment", publicName: "headerLabelAlignment", isSignal: true, isRequired: false, transformFunction: null }, showFooterBorder: { classPropertyName: "showFooterBorder", publicName: "showFooterBorder", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, suppressDismissBtn: { classPropertyName: "suppressDismissBtn", publicName: "suppressDismissBtn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", canceled: "canceled" }, host: { listeners: { "close": "onClose($event)", "cancel": "onCancel($event)", "click": "dialogClicked($event)" }, properties: { "class.gds-mobile-radius-bottom-right-lg": "type() !== \"drawer-bottom\"", "class.gds-mobile-radius-bottom-left-lg": "type() !== \"drawer-bottom\"", "class.gds-radius-top-right-2xl": "type() === \"drawer-bottom\"", "class.gds-radius-top-left-2xl": "type() === \"drawer-bottom\"", "class.gds-radius-bottom-right-0": "type() === \"drawer-bottom\" || type() === \"slide-right\"", "class.gds-radius-bottom-left-0": "type() === \"drawer-bottom\" || type() === \"slide-left\"", "class.gds-slide-top": "type() === \"drawer-top\"", "class.gds-slide-bottom": "type() === \"drawer-bottom\"", "class.gds-slide-left": "type() === \"slide-left\"", "class.gds-radius-top-left-0": "type() === \"slide-left\"", "class.gds-slide-right": "type() === \"slide-right\"", "class.gds-radius-top-right-0": "type() === \"slide-right\"", "attr.type": "type()", "attr.background": "background()", "attr.header-label-alignment": "headerLabelAlignment()" }, classAttribute: "gds-radius-md gds-mobile-radius-top-right-lg gds-mobile-radius-top-left-lg" }, queries: [{ propertyName: "layoutTmpl", first: true, predicate: ["layoutTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$2.CdkTrapFocus }], ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n  <div\n    class=\"\n      gds-dialog_container\n      gds-display-flex\n      gds-flex-column\n      gds-flex-grow-1\n      gds-flex-shrink-1\n      gds-min-height-0\n      gds-width-100-parent\n    \"\n  >\n    <header class=\"\n      gds-align-items-center\n      gds-display-grid\n      gds-text-primary-primary\n      gds-text-subtitle\n      header\n    \">\n      <div class=\"\n        gds-min-width-0\n        header-label\n      \">\n        <ng-content select=\"[header-label]\" />\n      </div>\n      <div\n        class=\"\n          gds-align-items-center\n          gds-align-self-start\n          gds-display-inline-flex\n          gds-gap-xs\n          gds-icon-primary\n          gds-margin-inline-start-auto\n          header-actions\n        \"\n      >\n        <ng-content select=\"[header-actions]\" />\n        @if (closeObserved) {\n          <button\n            gds-icon-button\n            #closeBtn\n            size=\"medium\"\n            class=\"gds-background-none\"\n            (click)=\"onClose($event)\"\n            (keydown.enter)=\"onClose($event)\"\n          >\n            <gds-icon\n              key=\"titlebar-dismiss\"\n              class=\"\n                gds-icon-size-2xs\n                gds-mobile-icon-size-sm\n              \"\n            />\n          </button>\n        }\n      </div>\n    </header>\n    <div\n      class=\"\n        gds-display-flex\n        gds-flex-column\n        gds-flex-grow-1\n        gds-flex-shrink-1\n        gds-min-height-0\n        gds-min-width-0\n        gds-text-body\n        gds-text-primary\n      \"\n    >\n      <ng-content />\n    </div>\n    <footer\n      class=\"\n        gds-align-items-center\n        gds-display-flex\n        gds-gap-xs\n      \"\n      [attr.bordered]=\"borderedFooter\"\n      [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() && !footerPrimary.hasChildNodes() }\"\n    >\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() }\"\n        #footerSecondary\n      >\n        <ng-content select=\"[footer-actions-secondary]\" />\n      </span>\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n          gds-justify-content-end\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerPrimary.hasChildNodes() }\"\n        #footerPrimary\n      >\n        <ng-content select=\"[footer-actions-primary]\" />\n      </span>\n    </footer>\n  </div>\n</ng-template>\n", styles: [":host{--gds-dialog-base-padding: var(--gds-spacing-sm);--gds-dialog-base-gap: var(--gds-spacing-sm);position:relative;width:65vw;max-width:452px;height:fit-content;max-height:100vh;overflow:visible;padding:0;border:1px solid var(--gds-palette-border-modal);box-shadow:0 32px 64px #00000030,0 2px 21px #00000026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--gds-dialog-background-color);outline:none}:host[open]{display:flex}:host[open][type=slide-left]{margin-left:var(--gds-spacing-0)}:host[open][type=drawer-bottom]{position:fixed;bottom:0;max-width:none;width:100%;box-shadow:none;margin:auto 0 0}:host[background=base]{--gds-dialog-background-color: var(--gds-palette-background-base)}:host[background=white]{--gds-dialog-background-color: var(--gds-palette-background-white)}:host .gds-dialog_container{gap:var(--gds-dialog-base-gap);padding:var(--gds-dialog-base-padding)}:host[header-label-alignment=left] .header{grid-template-columns:0fr auto 1fr}:host[header-label-alignment=center] .header{grid-template-columns:1fr auto 1fr}:host .header-label{grid-column:2}:host .header-actions{grid-column:3}:host .gds-dialog_header-actions:only-child{margin-inline-start:auto}:host [bordered]{border-block-start:var(--gds-border-default-shorthand);padding-top:var(--gds-dialog-base-padding)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dialog[gds-dialog]', imports: [GdsIconComponent, GdsIconButtonComponent, NgTemplateOutlet, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CdkTrapFocus], host: {
                         class: 'gds-radius-md gds-mobile-radius-top-right-lg gds-mobile-radius-top-left-lg',
@@ -4774,11 +4796,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         '[class.gds-radius-top-right-0]': 'type() === "slide-right"',
                         '[attr.type]': 'type()',
                         '[attr.background]': 'background()',
+                        '[attr.header-label-alignment]': 'headerLabelAlignment()',
                         '(close)': 'onClose($event)',
                         '(cancel)': 'onCancel($event)',
                         '(click)': 'dialogClicked($event)'
-                    }, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n  <div\n    class=\"\n      gds-dialog_container\n      gds-display-flex\n      gds-flex-column\n      gds-flex-grow-1\n      gds-flex-shrink-1\n      gds-min-height-0\n      gds-width-100-parent\n    \"\n  >\n    <header\n      class=\"\n        gds-align-items-center\n        gds-display-flex\n        gds-gap-sm\n        gds-justify-content-between\n        gds-text-primary-primary\n        gds-text-subtitle\n      \"\n    >\n      <ng-content select=\"[header-label]\" />\n      <span\n        class=\"\n          gds-align-items-center\n          gds-align-self-start\n          gds-display-inline-flex\n          gds-gap-xs\n          gds-icon-primary\n          gds-margin-inline-start-auto\n        \"\n      >\n        <ng-content select=\"[header-actions]\" />\n        @if (closeObserved) {\n          <button\n            gds-icon-button\n            #closeBtn\n            size=\"medium\"\n            class=\"gds-background-none\"\n            (click)=\"onClose($event)\"\n            (keydown.enter)=\"onClose($event)\"\n          >\n            <gds-icon\n              key=\"titlebar-dismiss\"\n              class=\"\n                gds-icon-size-2xs\n                gds-mobile-icon-size-sm\n              \"\n            />\n          </button>\n        }\n      </span>\n    </header>\n    <div\n      class=\"\n        gds-display-flex\n        gds-flex-column\n        gds-flex-grow-1\n        gds-flex-shrink-1\n        gds-justify-content-center\n        gds-min-height-0\n        gds-min-width-0\n        gds-text-body\n        gds-text-primary\n      \"\n    >\n      <ng-content />\n    </div>\n    <footer\n      class=\"\n        gds-align-items-center\n        gds-display-flex\n        gds-gap-xs\n      \"\n      [attr.bordered]=\"borderedFooter\"\n      [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() && !footerPrimary.hasChildNodes() }\"\n    >\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() }\"\n        #footerSecondary\n      >\n        <ng-content select=\"[footer-actions-secondary]\" />\n      </span>\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n          gds-justify-content-end\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerPrimary.hasChildNodes() }\"\n        #footerPrimary\n      >\n        <ng-content select=\"[footer-actions-primary]\" />\n      </span>\n    </footer>\n  </div>\n</ng-template>\n", styles: [":host{--gds-dialog-base-padding: var(--gds-spacing-sm);--gds-dialog-base-gap: var(--gds-spacing-sm);position:relative;width:65vw;max-width:452px;height:fit-content;max-height:100vh;overflow:visible;padding:0;border:1px solid var(--gds-palette-border-modal);box-shadow:0 32px 64px #00000030,0 2px 21px #00000026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--gds-dialog-background-color);outline:none}:host[open]{display:flex}:host[open][type=slide-left]{margin-left:var(--gds-spacing-0)}:host[open][type=drawer-bottom]{position:fixed;bottom:0;max-width:none;width:100%;box-shadow:none;margin:auto 0 0}:host[background=base]{--gds-dialog-background-color: var(--gds-palette-background-base)}:host[background=white]{--gds-dialog-background-color: var(--gds-palette-background-white)}:host .gds-dialog_container{gap:var(--gds-dialog-base-gap);padding:var(--gds-dialog-base-padding)}:host .gds-dialog_header-actions:only-child{margin-inline-start:auto}:host [bordered]{border-block-start:var(--gds-border-default-shorthand);padding-top:var(--gds-dialog-base-padding)}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], showFooterBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooterBorder", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], suppressDismissBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressDismissBtn", required: false }] }], closed: [{
+                    }, template: "<ng-container *ngTemplateOutlet=\"layoutTmpl() ?? defaultLayoutTmpl\" />\n\n<ng-template #defaultLayoutTmpl>\n  <div\n    class=\"\n      gds-dialog_container\n      gds-display-flex\n      gds-flex-column\n      gds-flex-grow-1\n      gds-flex-shrink-1\n      gds-min-height-0\n      gds-width-100-parent\n    \"\n  >\n    <header class=\"\n      gds-align-items-center\n      gds-display-grid\n      gds-text-primary-primary\n      gds-text-subtitle\n      header\n    \">\n      <div class=\"\n        gds-min-width-0\n        header-label\n      \">\n        <ng-content select=\"[header-label]\" />\n      </div>\n      <div\n        class=\"\n          gds-align-items-center\n          gds-align-self-start\n          gds-display-inline-flex\n          gds-gap-xs\n          gds-icon-primary\n          gds-margin-inline-start-auto\n          header-actions\n        \"\n      >\n        <ng-content select=\"[header-actions]\" />\n        @if (closeObserved) {\n          <button\n            gds-icon-button\n            #closeBtn\n            size=\"medium\"\n            class=\"gds-background-none\"\n            (click)=\"onClose($event)\"\n            (keydown.enter)=\"onClose($event)\"\n          >\n            <gds-icon\n              key=\"titlebar-dismiss\"\n              class=\"\n                gds-icon-size-2xs\n                gds-mobile-icon-size-sm\n              \"\n            />\n          </button>\n        }\n      </div>\n    </header>\n    <div\n      class=\"\n        gds-display-flex\n        gds-flex-column\n        gds-flex-grow-1\n        gds-flex-shrink-1\n        gds-min-height-0\n        gds-min-width-0\n        gds-text-body\n        gds-text-primary\n      \"\n    >\n      <ng-content />\n    </div>\n    <footer\n      class=\"\n        gds-align-items-center\n        gds-display-flex\n        gds-gap-xs\n      \"\n      [attr.bordered]=\"borderedFooter\"\n      [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() && !footerPrimary.hasChildNodes() }\"\n    >\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerSecondary.hasChildNodes() }\"\n        #footerSecondary\n      >\n        <ng-content select=\"[footer-actions-secondary]\" />\n      </span>\n      <span\n        class=\"\n          gds-display-inline-flex\n          gds-flex-grow-1\n          gds-flex-wrap\n          gds-gap-2xs\n          gds-justify-content-end\n        \"\n        [ngClass]=\"{ 'gds-display-none': !footerPrimary.hasChildNodes() }\"\n        #footerPrimary\n      >\n        <ng-content select=\"[footer-actions-primary]\" />\n      </span>\n    </footer>\n  </div>\n</ng-template>\n", styles: [":host{--gds-dialog-base-padding: var(--gds-spacing-sm);--gds-dialog-base-gap: var(--gds-spacing-sm);position:relative;width:65vw;max-width:452px;height:fit-content;max-height:100vh;overflow:visible;padding:0;border:1px solid var(--gds-palette-border-modal);box-shadow:0 32px 64px #00000030,0 2px 21px #00000026;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:var(--gds-dialog-background-color);outline:none}:host[open]{display:flex}:host[open][type=slide-left]{margin-left:var(--gds-spacing-0)}:host[open][type=drawer-bottom]{position:fixed;bottom:0;max-width:none;width:100%;box-shadow:none;margin:auto 0 0}:host[background=base]{--gds-dialog-background-color: var(--gds-palette-background-base)}:host[background=white]{--gds-dialog-background-color: var(--gds-palette-background-white)}:host .gds-dialog_container{gap:var(--gds-dialog-base-gap);padding:var(--gds-dialog-base-padding)}:host[header-label-alignment=left] .header{grid-template-columns:0fr auto 1fr}:host[header-label-alignment=center] .header{grid-template-columns:1fr auto 1fr}:host .header-label{grid-column:2}:host .header-actions{grid-column:3}:host .gds-dialog_header-actions:only-child{margin-inline-start:auto}:host [bordered]{border-block-start:var(--gds-border-default-shorthand);padding-top:var(--gds-dialog-base-padding)}\n"] }]
+        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], headerLabelAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerLabelAlignment", required: false }] }], showFooterBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFooterBorder", required: false }] }], closeOnBackdropClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdropClick", required: false }] }], suppressDismissBtn: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressDismissBtn", required: false }] }], closed: [{
                 type: Output
             }], canceled: [{ type: i0.Output, args: ["canceled"] }], closeBtn: [{ type: i0.ViewChild, args: ['closeBtn', { isSignal: true }] }], layoutTmpl: [{ type: i0.ContentChild, args: ['layoutTmpl', { isSignal: true }] }] } });
@@ -4823,10 +4846,10 @@ class GdsDialogService {
     closeAll = () => {
         this.#dialogs.forEach((dialog) => dialog.hide(undefined));
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4860,10 +4883,10 @@ class GdsDialogBaseDirective {
             this.closedSub.next(result);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: GdsDialogBaseDirective, isStandalone: true, viewQueries: [{ propertyName: "dialog", first: true, predicate: GdsDialogComponent, descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsDialogBaseDirective, isStandalone: true, viewQueries: [{ propertyName: "dialog", first: true, predicate: GdsDialogComponent, descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogBaseDirective, decorators: [{
             type: Directive
         }], propDecorators: { dialog: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GdsDialogComponent), { isSignal: true }] }] } });
@@ -4873,10 +4896,10 @@ class GdsItemDisplayComponent {
     get hasDismiss() {
         return this.dismissed.observed && !this.suppressDismiss();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsItemDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsItemDisplayComponent, isStandalone: true, selector: "gds-item-display, button[gds-item-display]", inputs: { suppressDismiss: { classPropertyName: "suppressDismiss", publicName: "suppressDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { classAttribute: "gds-position-relative gds-display-flex gds-align-items-center gds-gap-2xs gds-padding-2xs gds-radius-sm gds-background-base" }, ngImport: i0, template: "<div class=\"\n  container\n  gds-align-items-center\n  gds-display-flex\n  gds-flex-grow-1\n  gds-flex-wrap\n  gds-gap-xs\n  gds-min-width-0\n\">\n  <ng-content select=\"gds-icon\" />\n  <div class=\"\n    gds-flex-1\n    gds-text-start\n    label\n  \">\n    <ng-content />\n  </div>\n  <div class=\"\n    gds-display-contents\n    gds-min-width-0\n  \">\n    <ng-content select=\"[trailing]\" />\n  </div>\n</div>\n@if (hasDismiss) {\n  <button\n    gds-icon-button\n    class=\"\n      dismiss\n      gds-background-none\n    \"\n    (clicked)=\"dismissed.emit()\"\n  >\n    <gds-icon\n      key=\"line-dismiss\"\n      class=\"gds-icon-size-2xs\"\n    />\n  </button>\n}\n", styles: [":host .container{z-index:1}:host .label{min-width:50px}:host .dismiss{--gds-button-color-hover: var(--gds-palette-icon-selected)}button:host{border:none;width:100%}button:host:hover,button:host:focus-visible,button:host:focus,button:host.active{outline:none}button:host:hover:before,button:host:focus-visible:before,button:host:focus:before,button:host.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;height:100%;width:100%}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsItemDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsItemDisplayComponent, isStandalone: true, selector: "gds-item-display, button[gds-item-display]", inputs: { suppressDismiss: { classPropertyName: "suppressDismiss", publicName: "suppressDismiss", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { classAttribute: "gds-position-relative gds-display-flex gds-align-items-center gds-gap-2xs gds-padding-2xs gds-radius-sm gds-background-base" }, ngImport: i0, template: "<div class=\"\n  container\n  gds-align-items-center\n  gds-display-flex\n  gds-flex-grow-1\n  gds-flex-wrap\n  gds-gap-xs\n  gds-min-width-0\n\">\n  <ng-content select=\"gds-icon\" />\n  <div class=\"\n    gds-flex-1\n    gds-text-start\n    label\n  \">\n    <ng-content />\n  </div>\n  <div class=\"\n    gds-display-contents\n    gds-min-width-0\n  \">\n    <ng-content select=\"[trailing]\" />\n  </div>\n</div>\n@if (hasDismiss) {\n  <button\n    gds-icon-button\n    class=\"\n      dismiss\n      gds-background-none\n    \"\n    (clicked)=\"dismissed.emit()\"\n  >\n    <gds-icon\n      key=\"line-dismiss\"\n      class=\"gds-icon-size-2xs\"\n    />\n  </button>\n}\n", styles: [":host .container{z-index:1}:host .label{min-width:50px}:host .dismiss{--gds-button-color-hover: var(--gds-palette-icon-selected)}button:host{border:none;width:100%}button:host:hover,button:host:focus-visible,button:host:focus,button:host.active{outline:none}button:host:hover:before,button:host:focus-visible:before,button:host:focus:before,button:host.active:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;height:100%;width:100%}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsItemDisplayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsItemDisplayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-item-display, button[gds-item-display]', imports: [GdsIconButtonComponent, GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-position-relative gds-display-flex gds-align-items-center gds-gap-2xs gds-padding-2xs gds-radius-sm gds-background-base'
@@ -4968,10 +4991,10 @@ class GdsDatePipe {
         }
         return shortDate(value) ?? '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsDatePipe, isStandalone: true, name: "gdsDate" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsDatePipe, isStandalone: true, name: "gdsDate" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDatePipe, decorators: [{
             type: Pipe,
             args: [{ name: 'gdsDate', standalone: true }]
         }] });
@@ -4981,10 +5004,10 @@ class GdsDoctypeToIconPipe {
     transform(ext) {
         return this.#doctypeSvc.getIconKeyForExt(ext);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDoctypeToIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsDoctypeToIconPipe, isStandalone: true, name: "gdsDoctypeToIcon" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeToIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeToIconPipe, isStandalone: true, name: "gdsDoctypeToIcon" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDoctypeToIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDoctypeToIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'gdsDoctypeToIcon',
@@ -4998,10 +5021,10 @@ class GdsFilenameToIconPipe {
         const ext = filename.split('.').pop();
         return this.#doctypeSvc.getIconKeyForExt(ext ?? '');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFilenameToIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsFilenameToIconPipe, isStandalone: true, name: "gdsFilenameToIcon" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilenameToIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsFilenameToIconPipe, isStandalone: true, name: "gdsFilenameToIcon" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFilenameToIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilenameToIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'gdsFilenameToIcon',
@@ -5013,10 +5036,10 @@ class GdsSvgIconPipe {
     transform(iconName) {
         return iconName;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSvgIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsSvgIconPipe, isStandalone: true, name: "gdsSvgicon" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSvgIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsSvgIconPipe, isStandalone: true, name: "gdsSvgicon" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSvgIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSvgIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'gdsSvgicon',
@@ -5028,10 +5051,10 @@ class GdsMathMaxPipe {
     transform(x, y) {
         return Math.max(x, y);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMathMaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsMathMaxPipe, isStandalone: true, name: "max" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMaxPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMaxPipe, isStandalone: true, name: "max" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMathMaxPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMaxPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'max',
@@ -5042,10 +5065,10 @@ class GdsMathMinPipe {
     transform(x, y) {
         return Math.min(x, y);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMathMinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsMathMinPipe, isStandalone: true, name: "min" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMinPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMinPipe, isStandalone: true, name: "min" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMathMinPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathMinPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'min',
@@ -5056,10 +5079,10 @@ class GdsMathFloorPipe {
     transform(x) {
         return Math.floor(x);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMathFloorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsMathFloorPipe, isStandalone: true, name: "floor" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathFloorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMathFloorPipe, isStandalone: true, name: "floor" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMathFloorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMathFloorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'floor',
@@ -5071,10 +5094,10 @@ class MapperPipe {
     transform(value, fn) {
         return fn(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MapperPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: MapperPipe, isStandalone: true, name: "mapper" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MapperPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MapperPipe, isStandalone: true, name: "mapper" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: MapperPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MapperPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mapper'
@@ -5108,10 +5131,10 @@ class GdsDocumentItemComponent {
     get suppressClick() {
         return !this.clicked.observed;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDocumentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsDocumentItemComponent, isStandalone: true, selector: "gds-document-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", clicked: "clicked" }, ngImport: i0, template: "<button\n  gds-item-display\n  class=\"gds-mobile-padding-sm\"\n  [ngClass]=\"{ active: active(), 'suppress-click': suppressClick }\"\n  [suppressDismiss]=\"suppressDismissed\"\n  (click)=\"clicked.emit()\"\n  (dismissed)=\"dismissed.emit()\"\n>\n  <gds-icon [key]=\"ext | gdsDoctypeToIcon\" />\n  <div\n    class=\"\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-xs\n      gds-min-width-0\n      gds-mobile-align-items-start\n      gds-mobile-flex-column\n      gds-row-gap-3xs\n      gds-width-100-parent\n    \"\n  >\n    <gds-tooltip\n      [tooltip]=\"fileName\"\n      onlyTextOverflow\n      class=\"\n        gds-mobile-text-body\n        gds-text-body-strong\n        gds-text-primary-primary\n        gds-text-start\n        gds-width-100-parent\n      \"\n    >\n      {{ fileName }}\n    </gds-tooltip>\n\n    @if (subtitle()) {\n      <span class=\"\n        gds-min-width-fit-content\n        gds-text-caption\n        gds-text-primary\n      \">{{ subtitle() }}</span>\n    }\n  </div>\n</button>\n", styles: [":host .suppress-click{cursor:default}\n"], dependencies: [{ kind: "component", type: GdsItemDisplayComponent, selector: "gds-item-display, button[gds-item-display]", inputs: ["suppressDismiss"], outputs: ["dismissed"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: GdsDoctypeToIconPipe, name: "gdsDoctypeToIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDocumentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsDocumentItemComponent, isStandalone: true, selector: "gds-document-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed", clicked: "clicked" }, ngImport: i0, template: "<button\n  gds-item-display\n  class=\"gds-mobile-padding-sm\"\n  [ngClass]=\"{ active: active(), 'suppress-click': suppressClick }\"\n  [suppressDismiss]=\"suppressDismissed\"\n  (click)=\"clicked.emit()\"\n  (dismissed)=\"dismissed.emit()\"\n>\n  <gds-icon [key]=\"ext | gdsDoctypeToIcon\" />\n  <div\n    class=\"\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-xs\n      gds-min-width-0\n      gds-mobile-align-items-start\n      gds-mobile-flex-column\n      gds-row-gap-3xs\n      gds-width-100-parent\n    \"\n  >\n    <gds-tooltip\n      [tooltip]=\"fileName\"\n      onlyTextOverflow\n      class=\"\n        gds-mobile-text-body\n        gds-text-body-strong\n        gds-text-primary-primary\n        gds-text-start\n        gds-width-100-parent\n      \"\n    >\n      {{ fileName }}\n    </gds-tooltip>\n\n    @if (subtitle()) {\n      <span class=\"\n        gds-min-width-fit-content\n        gds-text-caption\n        gds-text-primary\n      \">{{ subtitle() }}</span>\n    }\n  </div>\n</button>\n", styles: [":host .suppress-click{cursor:default}\n"], dependencies: [{ kind: "component", type: GdsItemDisplayComponent, selector: "gds-item-display, button[gds-item-display]", inputs: ["suppressDismiss"], outputs: ["dismissed"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: GdsDoctypeToIconPipe, name: "gdsDoctypeToIcon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDocumentItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDocumentItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-document-item', imports: [GdsItemDisplayComponent, GdsDoctypeToIconPipe, GdsIconComponent, GdsTooltipComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  gds-item-display\n  class=\"gds-mobile-padding-sm\"\n  [ngClass]=\"{ active: active(), 'suppress-click': suppressClick }\"\n  [suppressDismiss]=\"suppressDismissed\"\n  (click)=\"clicked.emit()\"\n  (dismissed)=\"dismissed.emit()\"\n>\n  <gds-icon [key]=\"ext | gdsDoctypeToIcon\" />\n  <div\n    class=\"\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-xs\n      gds-min-width-0\n      gds-mobile-align-items-start\n      gds-mobile-flex-column\n      gds-row-gap-3xs\n      gds-width-100-parent\n    \"\n  >\n    <gds-tooltip\n      [tooltip]=\"fileName\"\n      onlyTextOverflow\n      class=\"\n        gds-mobile-text-body\n        gds-text-body-strong\n        gds-text-primary-primary\n        gds-text-start\n        gds-width-100-parent\n      \"\n    >\n      {{ fileName }}\n    </gds-tooltip>\n\n    @if (subtitle()) {\n      <span class=\"\n        gds-min-width-fit-content\n        gds-text-caption\n        gds-text-primary\n      \">{{ subtitle() }}</span>\n    }\n  </div>\n</button>\n", styles: [":host .suppress-click{cursor:default}\n"] }]
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], dismissed: [{
@@ -5129,7 +5152,7 @@ class GdsDropdownComponent {
     horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     preventMobileStyling = input(false, { ...(ngDevMode ? { debugName: "preventMobileStyling" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     allowDefaultTabBehavior = input(false, { ...(ngDevMode ? { debugName: "allowDefaultTabBehavior" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    items = contentChildren(CdkMenuItem, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    items = contentChildren(CdkMenuItem, { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), descendants: true });
     isMobile = signal(this.#deviceDetectorSvc.isMobile(), ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
     #keyManager;
     constructor() {
@@ -5196,10 +5219,10 @@ class GdsDropdownComponent {
                 .subscribe();
         };
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsDropdownComponent, isStandalone: true, selector: "gds-dropdown", inputs: { triggerElement: { classPropertyName: "triggerElement", publicName: "triggerElement", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, preventMobileStyling: { classPropertyName: "preventMobileStyling", publicName: "preventMobileStyling", isSignal: true, isRequired: false, transformFunction: null }, allowDefaultTabBehavior: { classPropertyName: "allowDefaultTabBehavior", publicName: "allowDefaultTabBehavior", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.horizontal": "horizontal() ? \"\" : undefined", "attr.isMobile": "isMobile() && !preventMobileStyling() ? \"\" : undefined", "animate.enter": "!preventMobileStyling() && isMobile() ? \"gds-mobile-slide-bottom\" : undefined", "animate.leave": "!preventMobileStyling() && isMobile() ? \"gds-mobile-slide-bottom leave\" : undefined" } }, queries: [{ propertyName: "items", predicate: CdkMenuItem, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkMenu, outputs: ["closed", "closed"] }], ngImport: i0, template: "<div class=\"\n  content\n  gds-background-white\n  gds-display-flex\n  gds-gap-2xs\n  gds-padding-block-3xs\n\">\n  <ng-content />\n</div>\n<div\n  class=\"\n    cancel\n    gds-align-items-center\n    gds-background-white\n    gds-height-xl\n    gds-justify-content-center\n    gds-padding-block-3xs\n    gds-padding-inline-sm\n    gds-text-body-strong\n    gds-text-primary\n    gds-width-100-parent\n  \"\n  cdkMenuItem\n>\n  <span>{{ 'Core.Button.Cancel' | translate }}</span>\n</div>\n", styles: ["gds-dropdown .content{overflow:hidden;border-radius:var(--gds-borderRadius-sm);box-shadow:var(--gds-shadow-default);flex-direction:column}gds-dropdown .content[horizontal]{flex-direction:row}gds-dropdown .content{padding-inline:5px}gds-dropdown .cancel{display:none;border-radius:var(--gds-borderRadius-sm);border-bottom-left-radius:var(--gds-borderRadius-2xl);border-bottom-right-radius:var(--gds-borderRadius-2xl);box-shadow:var(--gds-shadow-default)}gds-dropdown[isMobile]{width:100%;margin-block-end:var(--gds-spacing-md);margin-inline:var(--gds-spacing-2xs);display:flex;flex-direction:column;gap:var(--gds-spacing-3xs)}gds-dropdown[isMobile] .content{width:100%;border-top-left-radius:var(--gds-borderRadius-2xl);border-top-right-radius:var(--gds-borderRadius-2xl)}gds-dropdown[isMobile] .cancel{display:flex}.cdk-overlay-container:has(gds-dropdown[isMobile]){display:grid;pointer-events:none;inset:0}.cdk-overlay-container:has(gds-dropdown[isMobile]):before{background-color:var(--gds-pattern-overlay-background-default);inset:0;content:\"\";position:absolute;pointer-events:auto}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box{grid-area:1/-1}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box:not(:last-of-type){display:none}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-pane{position:unset!important;transform:unset!important;align-items:center!important}.cdk-overlay-container:has(gds-dropdown[isMobile]):has(gds-dropdown) .cdk-overlay-connected-position-bounding-box{flex-direction:column-reverse!important}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsDropdownComponent, isStandalone: true, selector: "gds-dropdown", inputs: { triggerElement: { classPropertyName: "triggerElement", publicName: "triggerElement", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null }, preventMobileStyling: { classPropertyName: "preventMobileStyling", publicName: "preventMobileStyling", isSignal: true, isRequired: false, transformFunction: null }, allowDefaultTabBehavior: { classPropertyName: "allowDefaultTabBehavior", publicName: "allowDefaultTabBehavior", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.horizontal": "horizontal() ? \"\" : undefined", "attr.isMobile": "isMobile() && !preventMobileStyling() ? \"\" : undefined", "animate.enter": "!preventMobileStyling() && isMobile() ? \"gds-mobile-slide-bottom\" : undefined", "animate.leave": "!preventMobileStyling() && isMobile() ? \"gds-mobile-slide-bottom leave\" : undefined" } }, queries: [{ propertyName: "items", predicate: CdkMenuItem, descendants: true, isSignal: true }], hostDirectives: [{ directive: i1$1.CdkMenu, outputs: ["closed", "closed"] }], ngImport: i0, template: "<div class=\"\n  content\n  gds-background-white\n  gds-display-flex\n  gds-gap-2xs\n  gds-padding-block-3xs\n\">\n  <ng-content />\n</div>\n<div\n  class=\"\n    cancel\n    gds-align-items-center\n    gds-background-white\n    gds-height-xl\n    gds-justify-content-center\n    gds-padding-block-3xs\n    gds-padding-inline-sm\n    gds-text-body-strong\n    gds-text-primary\n    gds-width-100-parent\n  \"\n  cdkMenuItem\n>\n  <span>{{ 'Core.Button.Cancel' | translate }}</span>\n</div>\n", styles: ["gds-dropdown .content{overflow:hidden;border-radius:var(--gds-borderRadius-sm);box-shadow:var(--gds-shadow-default);flex-direction:column}gds-dropdown .content[horizontal]{flex-direction:row}gds-dropdown .content{padding-inline:5px}gds-dropdown .cancel{display:none;border-radius:var(--gds-borderRadius-sm);border-bottom-left-radius:var(--gds-borderRadius-2xl);border-bottom-right-radius:var(--gds-borderRadius-2xl);box-shadow:var(--gds-shadow-default)}gds-dropdown[isMobile]{width:100%;margin-block-end:var(--gds-spacing-md);margin-inline:var(--gds-spacing-2xs);display:flex;flex-direction:column;gap:var(--gds-spacing-3xs)}gds-dropdown[isMobile] .content{width:100%;border-top-left-radius:var(--gds-borderRadius-2xl);border-top-right-radius:var(--gds-borderRadius-2xl)}gds-dropdown[isMobile] .cancel{display:flex}.cdk-overlay-container:has(gds-dropdown[isMobile]){display:grid;pointer-events:none;inset:0}.cdk-overlay-container:has(gds-dropdown[isMobile]):before{background-color:var(--gds-pattern-overlay-background-default);inset:0;content:\"\";position:absolute;pointer-events:auto}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box{grid-area:1/-1}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box:not(:last-of-type){display:none}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-pane{position:unset!important;transform:unset!important;align-items:center!important}.cdk-overlay-container:has(gds-dropdown[isMobile]):has(gds-dropdown) .cdk-overlay-connected-position-bounding-box{flex-direction:column-reverse!important}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-dropdown', imports: [OverlayModule, CdkMenuItem, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -5213,47 +5236,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         '[animate.enter]': '!preventMobileStyling() && isMobile() ? "gds-mobile-slide-bottom" : undefined',
                         '[animate.leave]': '!preventMobileStyling() && isMobile() ? "gds-mobile-slide-bottom leave" : undefined'
                     }, encapsulation: ViewEncapsulation.None, template: "<div class=\"\n  content\n  gds-background-white\n  gds-display-flex\n  gds-gap-2xs\n  gds-padding-block-3xs\n\">\n  <ng-content />\n</div>\n<div\n  class=\"\n    cancel\n    gds-align-items-center\n    gds-background-white\n    gds-height-xl\n    gds-justify-content-center\n    gds-padding-block-3xs\n    gds-padding-inline-sm\n    gds-text-body-strong\n    gds-text-primary\n    gds-width-100-parent\n  \"\n  cdkMenuItem\n>\n  <span>{{ 'Core.Button.Cancel' | translate }}</span>\n</div>\n", styles: ["gds-dropdown .content{overflow:hidden;border-radius:var(--gds-borderRadius-sm);box-shadow:var(--gds-shadow-default);flex-direction:column}gds-dropdown .content[horizontal]{flex-direction:row}gds-dropdown .content{padding-inline:5px}gds-dropdown .cancel{display:none;border-radius:var(--gds-borderRadius-sm);border-bottom-left-radius:var(--gds-borderRadius-2xl);border-bottom-right-radius:var(--gds-borderRadius-2xl);box-shadow:var(--gds-shadow-default)}gds-dropdown[isMobile]{width:100%;margin-block-end:var(--gds-spacing-md);margin-inline:var(--gds-spacing-2xs);display:flex;flex-direction:column;gap:var(--gds-spacing-3xs)}gds-dropdown[isMobile] .content{width:100%;border-top-left-radius:var(--gds-borderRadius-2xl);border-top-right-radius:var(--gds-borderRadius-2xl)}gds-dropdown[isMobile] .cancel{display:flex}.cdk-overlay-container:has(gds-dropdown[isMobile]){display:grid;pointer-events:none;inset:0}.cdk-overlay-container:has(gds-dropdown[isMobile]):before{background-color:var(--gds-pattern-overlay-background-default);inset:0;content:\"\";position:absolute;pointer-events:auto}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box{grid-area:1/-1}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-connected-position-bounding-box:not(:last-of-type){display:none}.cdk-overlay-container:has(gds-dropdown[isMobile]) .cdk-overlay-pane{position:unset!important;transform:unset!important;align-items:center!important}.cdk-overlay-container:has(gds-dropdown[isMobile]):has(gds-dropdown) .cdk-overlay-connected-position-bounding-box{flex-direction:column-reverse!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { triggerElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerElement", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], preventMobileStyling: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventMobileStyling", required: false }] }], allowDefaultTabBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDefaultTabBehavior", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CdkMenuItem), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { triggerElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerElement", required: false }] }], horizontal: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontal", required: false }] }], preventMobileStyling: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventMobileStyling", required: false }] }], allowDefaultTabBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowDefaultTabBehavior", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CdkMenuItem), { ...{ descendants: true }, isSignal: true }] }] } });
+const gdsButtonVariants = ['default', 'primary', 'invisible'];
+const gdsButtonSizes = ['small', 'default', 'medium', 'large'];
+const ngSelectDropdownPositions = ['auto', 'bottom', 'top', 'left', 'right'];
+const gdsDropdownPositionsX = ['auto', 'left', 'right'];
+const gdsDropdownPositionsY = ['auto', 'top', 'bottom'];
+const CDN_URL = new InjectionToken('CDN_URL', {
+    factory: () => 'https://cdn.cortoaws.com'
+});
+const gdsUserPromptSecondaryTextVariants = ['default', 'error'];
 class GdsEmptyStateComponent extends OnBrandChanged {
-    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
-    size = input('2xl', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    suppressIcon = [BrandEnum.LawY, BrandEnum.Acctivity].includes(this.brand());
-    icon = computed(() => {
-        switch (this.variant()) {
-            case 'default':
-                return 'empty-state-default';
-            case 'matter':
-                return 'empty-state-no-matters';
-            case 'gettingStarted':
-                return 'empty-state-getting-started';
-            case '404':
-                return 'empty-state-404';
-            case 'restrictedAccess':
-                return 'empty-state-restricted-access';
-            case 'genericError':
-                return 'empty-state-generic-error';
-            case 'notFound':
-                return 'empty-state-not-found';
-            case 'noResults':
-                return this.brand() === BrandEnum.Leap ? 'leap-empty-state-no-results' : 'empty-state-no-results';
-            case 'contact':
-                return 'empty-state-contact';
-            case 'noSelectedFilters':
-                return 'empty-state-no-select-filter';
-            case 'noEmailConnected':
-                return 'empty-state-no-email-connected';
+    #cdnUrl = inject(CDN_URL);
+    variant = input('info-circle', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    suppressIcon = input(false, { ...(ngDevMode ? { debugName: "suppressIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    compact = input(false, { ...(ngDevMode ? { debugName: "compact" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    #supportedBrand = computed(() => {
+        switch (this.brand()) {
+            case BrandEnum.StandardIntegration:
+            case BrandEnum.CortoDark:
+                return BrandEnum.Corto;
             default:
-                return 'empty-state-default';
+                return this.brand();
         }
-    }, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-    iconSizeClass = computed(() => `gds-icon-size-${this.size()}`, ...(ngDevMode ? [{ debugName: "iconSizeClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsEmptyStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsEmptyStateComponent, isStandalone: true, selector: "gds-empty-state", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-flex-column\n      gds-height-100-parent\n      gds-justify-content-center\n      gds-text-body\n      gds-text-center\n      gds-text-primary-primary\n      gds-width-100-parent\n    " }, usesInheritance: true, ngImport: i0, template: "@if (!suppressIcon) {\n  <gds-icon\n    [key]=\"icon()\"\n    [ngClass]=\"['icon gds-width-100-parent', iconSizeClass()]\"\n    height=\"auto\"\n  />\n}\n\n<div class=\"\n  gds-display-none-empty\n  gds-margin-inline-2xs\n  gds-text-subtitle\n\">\n  <ng-content />\n</div>\n\n<div class=\"\n  gds-display-none-empty\n  gds-line-height-sm\n  gds-margin-block-start-2xs\n  gds-margin-inline-2xs\n\">\n  <ng-content select=\"[subtitle]\" />\n</div>\n\n<div class=\"\n  gds-display-none-empty\n  gds-margin-block-start-sm\n  gds-margin-inline-2xs\n\">\n  <ng-content select=\"[button]\" />\n</div>\n", styles: [":host{--icon-margin-bottom: var(--gds-spacing-md)}:host .icon{margin-bottom:var(--icon-margin-bottom);--svg-icon-width: min(1em, 100%)}:host .icon ::ng-deep svg-icon{min-width:auto!important;margin-inline:auto}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    }, ...(ngDevMode ? [{ debugName: "#supportedBrand" }] : /* istanbul ignore next */ []));
+    imageSrc = computed(() => `${this.#cdnUrl}/images/empty-state/${this.#supportedBrand()}/${this.variant()}.png`, ...(ngDevMode ? [{ debugName: "imageSrc" }] : /* istanbul ignore next */ []));
+    titleTextSize = computed(() => `gds-text-${this.compact() ? 'subtitle' : 'title'}`, ...(ngDevMode ? [{ debugName: "titleTextSize" }] : /* istanbul ignore next */ []));
+    otherTextSize = computed(() => `gds-text-${this.compact() ? 'caption' : 'body'}`, ...(ngDevMode ? [{ debugName: "otherTextSize" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsEmptyStateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsEmptyStateComponent, isStandalone: true, selector: "gds-empty-state", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, suppressIcon: { classPropertyName: "suppressIcon", publicName: "suppressIcon", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-flex-column\n      gds-height-100-parent\n      gds-justify-content-center\n      gds-text-body\n      gds-text-center\n      gds-text-primary-primary\n      gds-width-100-parent\n      gds-gap-sm\n    " }, usesInheritance: true, ngImport: i0, template: "@if (!suppressIcon()) {\n  <img\n    class=\"icon\"\n    [src]=\"imageSrc()\"\n    alt=\"empty state icon\"\n  />\n}\n\n<div\n  class=\"\n    gds-display-none-empty\n    gds-text-primary-primary\n  \"\n  [ngClass]=\"titleTextSize()\"\n>\n  <ng-content />\n</div>\n\n<div\n  class=\"\n    gds-display-none-empty\n    gds-text-primary-primary\n  \"\n  [ngClass]=\"otherTextSize()\"\n>\n  <ng-content select=\"[subtitle]\" />\n</div>\n\n<div class=\"gds-display-none-empty\">\n  <ng-content select=\"[button]\" />\n</div>\n\n<div\n  class=\"\n    gds-display-none-empty\n    gds-text-secondary\n  \"\n  [ngClass]=\"otherTextSize()\"\n>\n  <ng-content select=\"[footer]\" />\n</div>\n", styles: [":host{--gds-empty-state-icon-size: 132px}:host .icon{height:var(--gds-empty-state-icon-size);width:var(--gds-empty-state-icon-size)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsEmptyStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsEmptyStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gds-empty-state', imports: [GdsIconComponent, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'gds-empty-state', imports: [NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: `
       gds-align-items-center
       gds-display-flex
@@ -5264,9 +5285,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
       gds-text-center
       gds-text-primary-primary
       gds-width-100-parent
+      gds-gap-sm
     `
-                    }, template: "@if (!suppressIcon) {\n  <gds-icon\n    [key]=\"icon()\"\n    [ngClass]=\"['icon gds-width-100-parent', iconSizeClass()]\"\n    height=\"auto\"\n  />\n}\n\n<div class=\"\n  gds-display-none-empty\n  gds-margin-inline-2xs\n  gds-text-subtitle\n\">\n  <ng-content />\n</div>\n\n<div class=\"\n  gds-display-none-empty\n  gds-line-height-sm\n  gds-margin-block-start-2xs\n  gds-margin-inline-2xs\n\">\n  <ng-content select=\"[subtitle]\" />\n</div>\n\n<div class=\"\n  gds-display-none-empty\n  gds-margin-block-start-sm\n  gds-margin-inline-2xs\n\">\n  <ng-content select=\"[button]\" />\n</div>\n", styles: [":host{--icon-margin-bottom: var(--gds-spacing-md)}:host .icon{margin-bottom:var(--icon-margin-bottom);--svg-icon-width: min(1em, 100%)}:host .icon ::ng-deep svg-icon{min-width:auto!important;margin-inline:auto}\n"] }]
-        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+                    }, template: "@if (!suppressIcon()) {\n  <img\n    class=\"icon\"\n    [src]=\"imageSrc()\"\n    alt=\"empty state icon\"\n  />\n}\n\n<div\n  class=\"\n    gds-display-none-empty\n    gds-text-primary-primary\n  \"\n  [ngClass]=\"titleTextSize()\"\n>\n  <ng-content />\n</div>\n\n<div\n  class=\"\n    gds-display-none-empty\n    gds-text-primary-primary\n  \"\n  [ngClass]=\"otherTextSize()\"\n>\n  <ng-content select=\"[subtitle]\" />\n</div>\n\n<div class=\"gds-display-none-empty\">\n  <ng-content select=\"[button]\" />\n</div>\n\n<div\n  class=\"\n    gds-display-none-empty\n    gds-text-secondary\n  \"\n  [ngClass]=\"otherTextSize()\"\n>\n  <ng-content select=\"[footer]\" />\n</div>\n", styles: [":host{--gds-empty-state-icon-size: 132px}:host .icon{height:var(--gds-empty-state-icon-size);width:var(--gds-empty-state-icon-size)}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], suppressIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressIcon", required: false }] }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }] } });
+const GDS_EMPTY_STATE_VARIANTS = [
+    'activity-log',
+    'add',
+    'add-document',
+    'calendar',
+    'chat',
+    'connect',
+    'cross',
+    'delete',
+    'document',
+    'documents',
+    'edit',
+    'eye',
+    'file',
+    'filter',
+    'folder',
+    'image',
+    'info',
+    'info-circle',
+    'invoice',
+    'lock',
+    'mail',
+    'marketplace',
+    'notification',
+    'people',
+    'plugin',
+    'search',
+    'search-square',
+    'send',
+    'tick',
+    'wallet'
+];
+class GdsFeatureBlockComponent {
+    feature = input.required(...(ngDevMode ? [{ debugName: "feature" }] : /* istanbul ignore next */ []));
+    index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+    icon = computed(() => this.feature().icon, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
+    name = computed(() => this.feature().name, ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    description = computed(() => this.feature().localeOverrides?.[navigator.language]?.description ?? this.feature().description, ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    learnMoreLink = computed(() => this.feature().learnMoreLink, ...(ngDevMode ? [{ debugName: "learnMoreLink" }] : /* istanbul ignore next */ []));
+    selectedColor = computed(() => this.colors[this.index() % this.colors.length], ...(ngDevMode ? [{ debugName: "selectedColor" }] : /* istanbul ignore next */ []));
+    colors = [
+        {
+            background: 'var(--gds-pattern-feature-primary-background)',
+            color: 'var(--gds-pattern-feature-primary-text)'
+        },
+        {
+            background: 'var(--gds-pattern-feature-secondary-background)',
+            color: 'var(--gds-pattern-feature-secondary-text)'
+        },
+        {
+            background: 'var(--gds-pattern-feature-tertiary-background)',
+            color: 'var(--gds-pattern-feature-tertiary-text)'
+        },
+        {
+            background: 'var(--gds-pattern-feature-quaternary-background)',
+            color: 'var(--gds-pattern-feature-quaternary-text)'
+        }
+    ];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFeatureBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsFeatureBlockComponent, isStandalone: true, selector: "gds-feature-block", inputs: { feature: { classPropertyName: "feature", publicName: "feature", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "style.background": "selectedColor().background", "style.color": "selectedColor().color" }, classAttribute: "gds-display-flex gds-flex-column gds-gap-sm gds-padding-sm gds-radius-lg gds-border" }, ngImport: i0, template: "<span class=\"\n  gds-align-items-center\n  gds-display-flex\n  gds-gap-2xs\n  gds-text-body-large-strong\n\">\n  <gds-icon [key]=\"icon() | gdsSvgicon\" />\n  {{ name() }}\n</span>\n<span class=\"\n  gds-line-height-sm\n  gds-text-body\n\">{{ description() }}</span>\n\n@if (learnMoreLink()) {\n  <a\n    class=\"\n      gds-margin-block-start-auto\n      gds-text-body\n      gds-text-primary-primary\n    \"\n    [href]=\"learnMoreLink()\"\n    target=\"_blank\"\n  >\n    {{ 'Gds.FeatureBlock.LearnMore' | translate }}\n  </a>\n}\n", styles: [":host{width:22.188rem;min-height:10.563rem;border-color:var(--gds-palette-accent-indigo-default)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: GdsSvgIconPipe, name: "gdsSvgicon" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFeatureBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gds-feature-block', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gds-display-flex gds-flex-column gds-gap-sm gds-padding-sm gds-radius-lg gds-border',
+                        '[style.background]': 'selectedColor().background',
+                        '[style.color]': 'selectedColor().color'
+                    }, imports: [GdsIconComponent, GdsSvgIconPipe, TranslatePipe], template: "<span class=\"\n  gds-align-items-center\n  gds-display-flex\n  gds-gap-2xs\n  gds-text-body-large-strong\n\">\n  <gds-icon [key]=\"icon() | gdsSvgicon\" />\n  {{ name() }}\n</span>\n<span class=\"\n  gds-line-height-sm\n  gds-text-body\n\">{{ description() }}</span>\n\n@if (learnMoreLink()) {\n  <a\n    class=\"\n      gds-margin-block-start-auto\n      gds-text-body\n      gds-text-primary-primary\n    \"\n    [href]=\"learnMoreLink()\"\n    target=\"_blank\"\n  >\n    {{ 'Gds.FeatureBlock.LearnMore' | translate }}\n  </a>\n}\n", styles: [":host{width:22.188rem;min-height:10.563rem;border-color:var(--gds-palette-accent-indigo-default)}\n"] }]
+        }], propDecorators: { feature: [{ type: i0.Input, args: [{ isSignal: true, alias: "feature", required: true }] }], index: [{ type: i0.Input, args: [{ isSignal: true, alias: "index", required: true }] }] } });
 class GdsFeedbackButtonComponent extends ButtonBaseDirective {
     #changeDetector = inject(ChangeDetectorRef);
@@ -5287,10 +5380,10 @@ class GdsFeedbackButtonComponent extends ButtonBaseDirective {
             }, 1000);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFeedbackButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsFeedbackButtonComponent, isStandalone: true, selector: "button[gds-feedback-button]", inputs: { tooltipLabel: { classPropertyName: "tooltipLabel", publicName: "tooltipLabel", isSignal: true, isRequired: false, transformFunction: null }, clickedLabel: { classPropertyName: "clickedLabel", publicName: "clickedLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--icon": "iconVisible()", "style.--clicked-icon": "clickedIconVisible()" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"body\"\n  [tp]=\"tooltipTemplate\"\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpIsEnabled]=\"hasTooltip()\"\n  [tpHideOnClick]=\"false\"\n>\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n\n  <div class=\"\n    gds-display-grid\n    gds-gap-0\n    label\n  \">\n    <ng-content select=\"gds-icon\" />\n    <ng-content select=\"[clicked-icon]\" />\n  </div>\n</div>\n\n<ng-template #tooltipTemplate>\n  {{ tooltipTextContent() }}\n</ng-template>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled);--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover)}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host{aspect-ratio:1;padding-inline:unset}:host .body{display:grid;grid-template-columns:1fr;grid-template-areas:\"main\";align-items:center;justify-items:center}:host .label ::ng-deep>*{grid-area:main}:host .label ::ng-deep>*:has(+[clicked-icon]){transition:175ms opacity ease-out,.15s transform ease-out 50ms;transform:scale(var(--icon));opacity:var(--icon)}:host .label ::ng-deep>[clicked-icon]{transition:.2s opacity ease-out,.15s transform ease-out 50ms;transform:scale(var(--clicked-icon));opacity:var(--clicked-icon)}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFeedbackButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsFeedbackButtonComponent, isStandalone: true, selector: "button[gds-feedback-button]", inputs: { tooltipLabel: { classPropertyName: "tooltipLabel", publicName: "tooltipLabel", isSignal: true, isRequired: false, transformFunction: null }, clickedLabel: { classPropertyName: "clickedLabel", publicName: "clickedLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--icon": "iconVisible()", "style.--clicked-icon": "clickedIconVisible()" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"body\"\n  [tp]=\"tooltipTemplate\"\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpIsEnabled]=\"hasTooltip()\"\n  [tpHideOnClick]=\"false\"\n>\n  @if (busy()) {\n    <gds-icon\n      role=\"progressbar\"\n      class=\"busy-icon\"\n      key=\"loading-kebab\"\n    />\n  }\n\n  <div class=\"\n    gds-display-grid\n    gds-gap-0\n    label\n  \">\n    <ng-content select=\"gds-icon\" />\n    <ng-content select=\"[clicked-icon]\" />\n  </div>\n</div>\n\n<ng-template #tooltipTemplate>\n  {{ tooltipTextContent() }}\n</ng-template>\n", styles: [":host{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host[data-busy]{cursor:wait;--label-visibility: hidden}:host .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host::-moz-focus-inner{border:0}:host{--gds-button-color: var(--gds-palette-icon-secondary);--gds-button-borderColor: transparent;--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-text-default-primary);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover);--gds-button-color-disabled: var(--gds-palette-icon-disabled);--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled);--gds-mobile-button-size: var(--gds-size-lg)}:host[data-variant=primary]{--gds-button-color: var(--gds-palette-icon-primary);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-hover: var(--gds-palette-button-primary-hover);--gds-button-backgroundColor-hover: var(--gds-palette-background-hover)}:is(body[isMobile=true]) :host[data-size=default],:is(body[isMobile=true]) :host[data-size=small],:is(body[isMobile=true]) :host[data-size=medium],:is(body[isMobile=true]) :host[data-size=large]{min-height:var(--gds-mobile-button-size);height:var(--gds-mobile-button-size);padding-inline:0}:host{aspect-ratio:1;padding-inline:unset}:host .body{display:grid;grid-template-columns:1fr;grid-template-areas:\"main\";align-items:center;justify-items:center}:host .label ::ng-deep>*{grid-area:main}:host .label ::ng-deep>*:has(+[clicked-icon]){transition:175ms opacity ease-out,.15s transform ease-out 50ms;transform:scale(var(--icon));opacity:var(--icon)}:host .label ::ng-deep>[clicked-icon]{transition:.2s opacity ease-out,.15s transform ease-out 50ms;transform:scale(var(--clicked-icon));opacity:var(--clicked-icon)}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFeedbackButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFeedbackButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[gds-feedback-button]', imports: [TippyDirective, GdsIconComponent], host: {
                         '[style.--icon]': 'iconVisible()',
@@ -5306,10 +5399,10 @@ class GdsFilterChipComponent extends OnBrandChanged {
             return;
         this.dismiss.emit();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFilterChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsFilterChipComponent, isStandalone: true, selector: "gds-filter-chip, button[gds-filter-chip]", inputs: { dismissDisabled: { classPropertyName: "dismissDisabled", publicName: "dismissDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { attributes: { "tabIndex": "0" }, listeners: { "keydown.delete": "handleDismiss()", "keydown.backspace": "handleDismiss()" }, classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-2xs\n      gds-padding-inline-2xs\n      gds-radius-sm\n      gds-text-caption\n      gds-text-primary\n      gds-min-height-md\n    " }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n<button\n  gds-icon-button\n  variant=\"primary\"\n  class=\"\n    gds-background-none\n    gds-margin-inline-start-auto\n    gds-min-height-0\n  \"\n  [attr.aria-label]=\"'Features.Activities.Page.Filter.Clear' | translate\"\n  [disabled]=\"dismissDisabled()\"\n  (click)=\"handleDismiss()\"\n>\n  <gds-icon\n    key=\"line-dismiss\"\n    class=\"\n      gds-icon-primary\n      gds-icon-size-3xs\n    \"\n  />\n</button>\n", styles: [":host{background-color:var(--gds-pattern-label-background-default);padding-block:6px}button:host{cursor:pointer;border:none;width:100%}button:host:focus,button:host:focus-visible,button:host:hover{background-color:var(--gds-pattern-label-background-hover)}button:host:disabled{cursor:not-allowed;outline:none}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilterChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsFilterChipComponent, isStandalone: true, selector: "gds-filter-chip, button[gds-filter-chip]", inputs: { dismissDisabled: { classPropertyName: "dismissDisabled", publicName: "dismissDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismiss: "dismiss" }, host: { attributes: { "tabIndex": "0" }, listeners: { "keydown.delete": "handleDismiss()", "keydown.backspace": "handleDismiss()" }, classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-2xs\n      gds-padding-inline-2xs\n      gds-radius-sm\n      gds-text-caption\n      gds-text-primary\n      gds-min-height-md\n    " }, usesInheritance: true, ngImport: i0, template: "<ng-content />\n<button\n  gds-icon-button\n  variant=\"primary\"\n  class=\"\n    gds-background-none\n    gds-margin-inline-start-auto\n    gds-min-height-0\n  \"\n  [attr.aria-label]=\"'Features.Activities.Page.Filter.Clear' | translate\"\n  [disabled]=\"dismissDisabled()\"\n  (click)=\"handleDismiss()\"\n>\n  <gds-icon\n    key=\"line-dismiss\"\n    class=\"\n      gds-icon-primary\n      gds-icon-size-3xs\n    \"\n  />\n</button>\n", styles: [":host{background-color:var(--gds-pattern-label-background-default);padding-block:6px}button:host{cursor:pointer;border:none;width:100%}button:host:focus,button:host:focus-visible,button:host:hover{background-color:var(--gds-pattern-label-background-hover)}button:host:disabled{cursor:not-allowed;outline:none}\n"], dependencies: [{ kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFilterChipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFilterChipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-filter-chip, button[gds-filter-chip]', imports: [GdsIconButtonComponent, GdsIconComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: `
@@ -5343,10 +5436,10 @@ class GdsCheckboxComponent {
     // errors = input<readonly ValidationError.WithField[]>([]);
     tabindex = model(0, ...(ngDevMode ? [{ debugName: "tabindex" }] : /* istanbul ignore next */ []));
     toggle = () => this.checked.update((value) => !value);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsCheckboxComponent, isStandalone: true, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange", tabindex: "tabindexChange" }, host: { listeners: { "change": "toggle()" }, properties: { "attr.invalid": "invalid() ? \"\" : undefined", "attr.touched": "touched() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.readonly": "readonly() ? \"\" : undefined", "attr.hidden": "hidden() ? \"\" : undefined", "checked": "checked()", "tabindex": "tabindex()" }, classAttribute: "gds-radius-sm gds-display-grid" }, ngImport: i0, template: '', isInline: true, styles: [":host{--gds-form-control-border-color: var(--gds-palette-border-dark);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{aspect-ratio:1/1;height:20px;width:fit-content;flex-shrink:0;place-content:center}:host:indeterminate{--clip-path: polygon(5% 43%, 95% 43%, 95% 57%, 5% 57%);--background-color: var(--gds-palette-background-bright);--border-color: var(--gds-palette-background-bright)}:host:checked{--clip-path: polygon( 100% 7.425%, 100% 7.425%, 100.429% 8.143%, 100.757% 8.924%, 100.986% 9.75%, 101.115% 10.605%, 101.145% 11.473%, 101.077% 12.336%, 100.91% 13.18%, 100.645% 13.986%, 100.283% 14.739%, 99.823% 15.423%, 32.983% 100%, 32.983% 100%, 32.351% 100.681%, 31.665% 101.206%, 30.938% 101.575%, 30.186% 101.789%, 29.421% 101.848%, 28.658% 101.751%, 27.912% 101.5%, 27.196% 101.095%, 26.525% 100.537%, 25.912% 99.824%, 3.32% 69.04%, 3.32% 69.04%, 2.879% 68.334%, 2.538% 67.564%, 2.295% 66.745%, 2.152% 65.894%, 2.107% 65.027%, 2.161% 64.161%, 2.314% 63.313%, 2.566% 62.499%, 2.916% 61.735%, 3.364% 61.039%, 3.364% 61.039%, 3.889% 60.447%, 4.463% 59.989%, 5.074% 59.663%, 5.707% 59.471%, 6.353% 59.411%, 6.998% 59.484%, 7.629% 59.689%, 8.236% 60.026%, 8.805% 60.496%, 9.324% 61.098%, 29.602% 88.728%, 94.042% 7.188%, 94.042% 7.188%, 94.578% 6.612%, 95.159% 6.171%, 95.774% 5.864%, 96.411% 5.69%, 97.058% 5.65%, 97.701% 5.741%, 98.329% 5.965%, 98.93% 6.321%, 99.491% 6.807%, 100% 7.425% );--background-color: var(--gds-palette-background-bright);--border-color: var(--gds-palette-background-bright)}:host:checked:hover{--background-color: var(--gds-palette-background-bright-hover);--border-color: var(--gds-palette-background-bright-hover)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--border-color: var(--gds-palette-border-default);--background-color: var(--disabled-background-color)}:host[disabled]:checked,:host:has(*:disabled,*[disabled=true]):checked{--background-color: var(--gds-palette-button-primary-disabled);--border-color: var(--gds-palette-button-primary-disabled)}:host[invalid][touched]:not(:focus-within,.is-controlled):checked,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled):checked{--background-color: var(--invalid-color)}:host:focus-visible{outline:max(2px,.15em) solid var(--border-color);outline-offset:max(2px,.15em)}:host{background-color:var(--background-color);border:1px solid var(--border-color);cursor:var(--cursor)}:host:before{content:\"\";width:.85em;height:.6em;clip-path:var(--clip-path, polygon(0 0, 0 0));box-shadow:inset 1em 1em var(--gds-palette-background-white);border-radius:var(--gds-borderRadius-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsCheckboxComponent, isStandalone: true, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: { checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checked: "checkedChange", touched: "touchedChange", tabindex: "tabindexChange" }, host: { listeners: { "change": "toggle()" }, properties: { "attr.invalid": "invalid() ? \"\" : undefined", "attr.touched": "touched() ? \"\" : undefined", "attr.disabled": "disabled() ? \"\" : undefined", "attr.readonly": "readonly() ? \"\" : undefined", "attr.hidden": "hidden() ? \"\" : undefined", "checked": "checked()", "tabindex": "tabindex()" }, classAttribute: "gds-radius-sm gds-display-grid" }, ngImport: i0, template: '', isInline: true, styles: [":host{--gds-form-control-border-color: var(--gds-palette-border-dark);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{aspect-ratio:1/1;height:20px;width:fit-content;flex-shrink:0;place-content:center}:host:indeterminate{--clip-path: polygon(5% 43%, 95% 43%, 95% 57%, 5% 57%);--background-color: var(--gds-palette-background-bright);--border-color: var(--gds-palette-background-bright)}:host:checked{--clip-path: polygon( 100% 7.425%, 100% 7.425%, 100.429% 8.143%, 100.757% 8.924%, 100.986% 9.75%, 101.115% 10.605%, 101.145% 11.473%, 101.077% 12.336%, 100.91% 13.18%, 100.645% 13.986%, 100.283% 14.739%, 99.823% 15.423%, 32.983% 100%, 32.983% 100%, 32.351% 100.681%, 31.665% 101.206%, 30.938% 101.575%, 30.186% 101.789%, 29.421% 101.848%, 28.658% 101.751%, 27.912% 101.5%, 27.196% 101.095%, 26.525% 100.537%, 25.912% 99.824%, 3.32% 69.04%, 3.32% 69.04%, 2.879% 68.334%, 2.538% 67.564%, 2.295% 66.745%, 2.152% 65.894%, 2.107% 65.027%, 2.161% 64.161%, 2.314% 63.313%, 2.566% 62.499%, 2.916% 61.735%, 3.364% 61.039%, 3.364% 61.039%, 3.889% 60.447%, 4.463% 59.989%, 5.074% 59.663%, 5.707% 59.471%, 6.353% 59.411%, 6.998% 59.484%, 7.629% 59.689%, 8.236% 60.026%, 8.805% 60.496%, 9.324% 61.098%, 29.602% 88.728%, 94.042% 7.188%, 94.042% 7.188%, 94.578% 6.612%, 95.159% 6.171%, 95.774% 5.864%, 96.411% 5.69%, 97.058% 5.65%, 97.701% 5.741%, 98.329% 5.965%, 98.93% 6.321%, 99.491% 6.807%, 100% 7.425% );--background-color: var(--gds-palette-background-bright);--border-color: var(--gds-palette-background-bright)}:host:checked:hover{--background-color: var(--gds-palette-background-bright-hover);--border-color: var(--gds-palette-background-bright-hover)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--border-color: var(--gds-palette-border-default);--background-color: var(--disabled-background-color)}:host[disabled]:checked,:host:has(*:disabled,*[disabled=true]):checked{--background-color: var(--gds-palette-button-primary-disabled);--border-color: var(--gds-palette-button-primary-disabled)}:host[invalid][touched]:not(:focus-within,.is-controlled):checked,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled):checked{--background-color: var(--invalid-color)}:host:focus-visible{outline:max(2px,.15em) solid var(--border-color);outline-offset:max(2px,.15em)}:host{background-color:var(--background-color);border:1px solid var(--border-color);cursor:var(--cursor)}:host:before{content:\"\";width:.85em;height:.6em;clip-path:var(--clip-path, polygon(0 0, 0 0));box-shadow:inset 1em 1em var(--gds-palette-background-white);border-radius:var(--gds-borderRadius-sm)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[type="checkbox"][gds-checkbox]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-radius-sm gds-display-grid',
@@ -5498,8 +5591,8 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
         this.calendarVisible.set(false);
         this.calendarView.set('month');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsDateInputComponent, isStandalone: true, selector: "gds-date-input", inputs: { dropdownPositionX: { classPropertyName: "dropdownPositionX", publicName: "dropdownPositionX", isSignal: true, isRequired: false, transformFunction: null }, dropdownPositionY: { classPropertyName: "dropdownPositionY", publicName: "dropdownPositionY", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blurred: "blurred", selectedDate: "selectedDateChange" }, host: { listeners: { "window:resize": "setWindowDimensions()", "window:scroll": "setInputElementClientRect()" }, classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-2xs\n      gds-justify-content-between\n      gds-mobile-padding-block-0\n      gds-mobile-padding-inline-end-0\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-xs\n      gds-position-relative\n      gds-radius-sm\n      gds-text-input\n    " }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsDateInputComponent, isStandalone: true, selector: "gds-date-input", inputs: { dropdownPositionX: { classPropertyName: "dropdownPositionX", publicName: "dropdownPositionX", isSignal: true, isRequired: false, transformFunction: null }, dropdownPositionY: { classPropertyName: "dropdownPositionY", publicName: "dropdownPositionY", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { blurred: "blurred", selectedDate: "selectedDateChange" }, host: { listeners: { "window:resize": "setWindowDimensions()", "window:scroll": "setInputElementClientRect()" }, classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-2xs\n      gds-justify-content-between\n      gds-mobile-padding-block-0\n      gds-mobile-padding-inline-end-0\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-xs\n      gds-position-relative\n      gds-radius-sm\n      gds-text-input\n    " }, providers: [
             {
                 provide: MAT_DATE_LOCALE,
                 useValue: navigator.language
@@ -5507,7 +5600,7 @@ class GdsDateInputComponent extends GdsSignalFormContainer {
             provideNativeDateAdapter()
         ], queries: [{ propertyName: "inputComponent", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "calendarContainer", first: true, predicate: ["calendarContainer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n<ng-content select=\"[trailing-visual]\" />\n@if (calendarVisible()) {\n  <div\n    #calendarContainer\n    class=\"gds-date-input_calendar-container\"\n    [ngClass]=\"dropdownPositionClass()\"\n    tabindex=\"-1\"\n    (blur)=\"onCalendarBlur($event)\"\n  >\n    <mat-calendar\n      [(selected)]=\"selectedDate\"\n      [startAt]=\"selectedDate()\"\n      (click)=\"onCalendarClick($event)\"\n      (selectedChange)=\"onSelectedDateChange()\"\n      (viewChanged)=\"onCalendarViewChanged($event)\"\n    />\n  </div>\n}\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .gds-date-input_calendar-container{width:300px;position:absolute;z-index:1;outline:none}:host .gds-date-input_calendar-container.position-top-left{bottom:100%;left:0}:host .gds-date-input_calendar-container.position-top-right{bottom:100%;right:0}:host .gds-date-input_calendar-container.position-bottom-left{top:100%;left:0}:host .gds-date-input_calendar-container.position-bottom-right{top:100%;right:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-icon-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-mdc-button-touch-target{padding:0;margin:0;height:auto}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-table-header-divider{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{padding:0}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body tr[aria-hidden]{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-body .mat-calendar-body-label{visibility:hidden}:host .gds-date-input_calendar-container ::ng-deep mat-calendar.mat-calendar{border-radius:var(--gds-borderRadius-md);box-shadow:var(--gds-shadow-default);background-color:var(--gds-palette-background-white)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-header{border-bottom:1px solid var(--gds-palette-border-default);padding-top:var(--gds-spacing-2xs);margin-bottom:var(--gds-spacing-xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls{margin:0 var(--gds-spacing-sm) var(--gds-spacing-2xs)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button{font-weight:var(--gds-fontWeight-title);color:var(--gds-palette-text-default-primary)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-period-button svg{display:none}:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-previous-button,:host .gds-date-input_calendar-container ::ng-deep mat-calendar .mat-calendar-controls .mat-calendar-next-button{color:var(--gds-palette-button-primary-default);transform:rotate(90deg)}:host .gds-date-input_calendar-container ::ng-deep mat-calendar{--mat-datepicker-calendar-text-font: var(--gds-fontFamily-body);--mat-datepicker-calendar-text-size: var(--gds-fontSize-bodyStrong);--mat-datepicker-calendar-header-text-weight: var(--gds-fontWeight-title);--mat-datepicker-calendar-date-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-header-text-color: var(--gds-palette-text-default-primary);--mat-datepicker-calendar-date-selected-state-text-color: var(--gds-palette-text-default-contrast);--mat-datepicker-calendar-date-selected-state-background-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-outline-color: var(--gds-palette-button-primary-default);--mat-datepicker-calendar-date-today-selected-state-outline-color: var(--gds-palette-button-primary-default)}\n"], dependencies: [{ kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i1$4.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDateInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDateInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-date-input', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDatepickerModule, NgClass], providers: [
                         {
@@ -5573,10 +5666,10 @@ class GdsFileUploadComponent extends GdsSignalFormControl {
             return;
         this.fileUpload().nativeElement.click();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsFileUploadComponent, isStandalone: true, selector: "gds-file-upload", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, dragDropLabel: { classPropertyName: "dragDropLabel", publicName: "dragDropLabel", isSignal: true, isRequired: false, transformFunction: null }, inputAriaLabel: { classPropertyName: "inputAriaLabel", publicName: "inputAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { listeners: { "drop": "onFileDrop($event)", "dragover": "preventDragEvent($event, true)", "dragleave": "preventDragEvent($event)" }, properties: { "attr.data-dragover": "dragOver() ? \"\": undefined" }, classAttribute: "\n      gds-height-100-parent\n      gds-width-100-parent\n    " }, viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label\n  tabindex=\"0\"\n  class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-flex-column\n    gds-gap-sm\n    gds-height-100-parent\n    gds-justify-content-center\n    gds-padding-md\n    gds-radius-md\n    gds-width-100-parent\n  \"\n  [ngClass]=\"{ 'gds-pointer-events-none': disabled() }\"\n  [attr.inert]=\"disabled() ? '' : undefined\"\n  (keydown.enter)=\"openFileSelector()\"\n>\n  <gds-icon\n    class=\"\n      gds-icon-size-lg\n      icon\n    \"\n    key=\"line-cloud-up\"\n    aria-hidden=\"true\"\n  />\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-flex-column\n    gds-gap-2xs\n    gds-text-body\n    gds-text-center\n  \">\n    <span class=\"\n      gds-text-body-large-strong\n      text\n    \">{{ dragDropLabel() | translate }}</span>\n    <span class=\"text\">{{ 'Gds.FileUpload.Separator' | translate }}</span>\n    <a class=\"link\">\n      {{ 'Gds.FileUpload.Browse' | translate }}\n    </a>\n  </div>\n  <span\n    class=\"\n      gds-align-content-center\n      gds-display-flex\n      gds-flex-wrap\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-text-body\n      gds-text-secondary\n    \"\n  >\n    <ng-content />\n  </span>\n\n  <input\n    #fileUpload\n    type=\"file\"\n    class=\"gds-display-none\"\n    [accept]=\"accept()\"\n    [multiple]=\"multiple()\"\n    [attr.aria-label]=\"inputAriaLabel() | translate\"\n    (change)=\"fileSelected($event)\"\n  />\n</label>\n", styles: [":host{--gds-form-control-cursor: pointer;--gds-form-control-border-color: var(--gds-palette-border-primary);--gds-form-control-background-color: var(--gds-palette-background-base);--gds-form-control-text-color: var(--gds-palette-text-primary-primary);--icon-color: var(--gds-brand-300);--text-decoration: underline;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--icon-color: var(--disabled-text-color);--border-color: var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--icon-color: var(--invalid-color);--background-color: var(--gds-palette-helper-error-default)}:host,:host label{cursor:var(--cursor)}:host[data-dragover] label,:host label:focus{outline:var(--border-color) auto 1px}:host label{background:var(--background-color);border:2px dashed var(--border-color)}:host label .text{color:var(--text-color)}:host label .icon{color:var(--icon-color)}:host label .link{color:var(--text-color)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsFileUploadComponent, isStandalone: true, selector: "gds-file-upload", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, dragDropLabel: { classPropertyName: "dragDropLabel", publicName: "dragDropLabel", isSignal: true, isRequired: false, transformFunction: null }, inputAriaLabel: { classPropertyName: "inputAriaLabel", publicName: "inputAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", changed: "changed" }, host: { listeners: { "drop": "onFileDrop($event)", "dragover": "preventDragEvent($event, true)", "dragleave": "preventDragEvent($event)" }, properties: { "attr.data-dragover": "dragOver() ? \"\": undefined" }, classAttribute: "\n      gds-height-100-parent\n      gds-width-100-parent\n    " }, viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<label\n  tabindex=\"0\"\n  class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-flex-column\n    gds-gap-sm\n    gds-height-100-parent\n    gds-justify-content-center\n    gds-padding-md\n    gds-radius-md\n    gds-width-100-parent\n  \"\n  [ngClass]=\"{ 'gds-pointer-events-none': disabled() }\"\n  [attr.inert]=\"disabled() ? '' : undefined\"\n  (keydown.enter)=\"openFileSelector()\"\n>\n  <gds-icon\n    class=\"\n      gds-icon-size-lg\n      icon\n    \"\n    key=\"line-cloud-up\"\n    aria-hidden=\"true\"\n  />\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-flex-column\n    gds-gap-2xs\n    gds-text-body\n    gds-text-center\n  \">\n    <span class=\"\n      gds-text-body-large-strong\n      text\n    \">{{ dragDropLabel() | translate }}</span>\n    <span class=\"text\">{{ 'Gds.FileUpload.Separator' | translate }}</span>\n    <a class=\"link\">\n      {{ 'Gds.FileUpload.Browse' | translate }}\n    </a>\n  </div>\n  <span\n    class=\"\n      gds-align-content-center\n      gds-display-flex\n      gds-flex-wrap\n      gds-gap-2xs\n      gds-justify-content-center\n      gds-text-body\n      gds-text-secondary\n    \"\n  >\n    <ng-content />\n  </span>\n\n  <input\n    #fileUpload\n    type=\"file\"\n    class=\"gds-display-none\"\n    [accept]=\"accept()\"\n    [multiple]=\"multiple()\"\n    [attr.aria-label]=\"inputAriaLabel() | translate\"\n    (change)=\"fileSelected($event)\"\n  />\n</label>\n", styles: [":host{--gds-form-control-cursor: pointer;--gds-form-control-border-color: var(--gds-palette-border-primary);--gds-form-control-background-color: var(--gds-palette-background-base);--gds-form-control-text-color: var(--gds-palette-text-primary-primary);--icon-color: var(--gds-brand-300);--text-decoration: underline;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--icon-color: var(--disabled-text-color);--border-color: var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--icon-color: var(--invalid-color);--background-color: var(--gds-palette-helper-error-default)}:host,:host label{cursor:var(--cursor)}:host[data-dragover] label,:host label:focus{outline:var(--border-color) auto 1px}:host label{background:var(--background-color);border:2px dashed var(--border-color)}:host label .text{color:var(--text-color)}:host label .icon{color:var(--icon-color)}:host label .link{color:var(--text-color)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-file-upload', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent, TranslateModule, NgClass], host: {
                         '[attr.data-dragover]': 'dragOver() ? "": undefined',
@@ -5592,15 +5685,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class GdsFormControlComponent extends GdsSignalFormContainer {
     locked = input(false, { ...(ngDevMode ? { debugName: "locked" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFormControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsFormControlComponent, isStandalone: true, selector: "gds-form-control", inputs: { locked: { classPropertyName: "locked", publicName: "locked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.locked": "locked() ? \"\" : undefined" }, classAttribute: "gds-display-flex" }, usesInheritance: true, ngImport: i0, template: "<div class=\"\n  gds-text-body\n  gds-whitespace-nowrap\n  label\n\">\n  <ng-content select=\"[label]\" />\n</div>\n<div\n  class=\"\n    body\n    gds-display-flex\n    gds-flex-column\n    gds-min-height-0\n    gds-row-gap-2xs\n    gds-text-body\n    gds-text-primary\n    gds-width-100-parent\n  \"\n>\n  <ng-container *ngTemplateOutlet=\"locked() ? lockedTemplate : editableTemplate\" />\n  @if (formFieldError(); as errorMessage) {\n    <span class=\"\n      feedback\n      gds-text-caption\n    \">\n      {{ errorMessage | translate }}\n    </span>\n  }\n</div>\n\n<ng-template #lockedTemplate>\n  <ng-content select=\"[locked]\" />\n</ng-template>\n\n<ng-template #editableTemplate>\n  <ng-content />\n</ng-template>\n", styles: [":host{flex-direction:column;align-items:baseline;gap:var(--gds-spacing-2xs);--gds-form-control-feedback-display: none;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--gds-form-control-feedback-display: initial;--feedback-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--feedback-color: var(--disabled-text-color)}:host .label:empty{display:none}:host .label{color:var(--text-color, var(--gds-palette-text-default-primary))}:host .feedback{display:var(--gds-form-control-feedback-display);color:var(--feedback-color, var(--gds-palette-text-default-tertiary))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFormControlComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsFormControlComponent, isStandalone: true, selector: "gds-form-control", inputs: { locked: { classPropertyName: "locked", publicName: "locked", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.locked": "locked() ? \"\" : undefined" }, classAttribute: "gds-display-flex" }, usesInheritance: true, ngImport: i0, template: "<div class=\"\n  gds-text-body\n  gds-whitespace-nowrap\n  label\n\">\n  <ng-content select=\"[label]\" />\n</div>\n<div class=\"\n  body\n  gds-display-flex\n  gds-flex-column\n  gds-min-height-0\n  gds-row-gap-2xs\n  gds-text-body\n  gds-text-primary\n\">\n  <ng-container *ngTemplateOutlet=\"locked() ? lockedTemplate : editableTemplate\" />\n  @if (formFieldError(); as errorMessage) {\n    <span class=\"\n      feedback\n      gds-text-caption\n    \">\n      {{ errorMessage | translate }}\n    </span>\n  }\n</div>\n\n<ng-template #lockedTemplate>\n  <ng-content select=\"[locked]\" />\n</ng-template>\n\n<ng-template #editableTemplate>\n  <ng-content />\n</ng-template>\n", styles: [":host{flex-direction:column;align-items:baseline;gap:var(--gds-spacing-2xs);--gds-form-control-feedback-display: none;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--gds-form-control-feedback-display: initial;--feedback-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--feedback-color: var(--disabled-text-color)}:host.gds-flex-row .label,:host.gds-flex-row-reverse .label{flex:1}:is(body[isMobile=true]) :host.gds-flex-row,:is(body[isMobile=true]) :host.gds-flex-row-reverse{gap:var(--gds-spacing-sm)}:host .label:empty{display:none}:host .label{color:var(--text-color, var(--gds-palette-text-default-primary))}:host:not(.gds-flex-row):not(.gds-flex-row-reverse) .body{width:100%}:host .feedback{display:var(--gds-form-control-feedback-display);color:var(--feedback-color, var(--gds-palette-text-default-tertiary))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsFormControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsFormControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-form-control', imports: [NgTemplateOutlet, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-display-flex',
                         '[attr.locked]': 'locked() ? "" : undefined'
-                    }, template: "<div class=\"\n  gds-text-body\n  gds-whitespace-nowrap\n  label\n\">\n  <ng-content select=\"[label]\" />\n</div>\n<div\n  class=\"\n    body\n    gds-display-flex\n    gds-flex-column\n    gds-min-height-0\n    gds-row-gap-2xs\n    gds-text-body\n    gds-text-primary\n    gds-width-100-parent\n  \"\n>\n  <ng-container *ngTemplateOutlet=\"locked() ? lockedTemplate : editableTemplate\" />\n  @if (formFieldError(); as errorMessage) {\n    <span class=\"\n      feedback\n      gds-text-caption\n    \">\n      {{ errorMessage | translate }}\n    </span>\n  }\n</div>\n\n<ng-template #lockedTemplate>\n  <ng-content select=\"[locked]\" />\n</ng-template>\n\n<ng-template #editableTemplate>\n  <ng-content />\n</ng-template>\n", styles: [":host{flex-direction:column;align-items:baseline;gap:var(--gds-spacing-2xs);--gds-form-control-feedback-display: none;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--gds-form-control-feedback-display: initial;--feedback-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--feedback-color: var(--disabled-text-color)}:host .label:empty{display:none}:host .label{color:var(--text-color, var(--gds-palette-text-default-primary))}:host .feedback{display:var(--gds-form-control-feedback-display);color:var(--feedback-color, var(--gds-palette-text-default-tertiary))}\n"] }]
+                    }, template: "<div class=\"\n  gds-text-body\n  gds-whitespace-nowrap\n  label\n\">\n  <ng-content select=\"[label]\" />\n</div>\n<div class=\"\n  body\n  gds-display-flex\n  gds-flex-column\n  gds-min-height-0\n  gds-row-gap-2xs\n  gds-text-body\n  gds-text-primary\n\">\n  <ng-container *ngTemplateOutlet=\"locked() ? lockedTemplate : editableTemplate\" />\n  @if (formFieldError(); as errorMessage) {\n    <span class=\"\n      feedback\n      gds-text-caption\n    \">\n      {{ errorMessage | translate }}\n    </span>\n  }\n</div>\n\n<ng-template #lockedTemplate>\n  <ng-content select=\"[locked]\" />\n</ng-template>\n\n<ng-template #editableTemplate>\n  <ng-content />\n</ng-template>\n", styles: [":host{flex-direction:column;align-items:baseline;gap:var(--gds-spacing-2xs);--gds-form-control-feedback-display: none;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--gds-form-control-feedback-display: initial;--feedback-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--feedback-color: var(--disabled-text-color)}:host.gds-flex-row .label,:host.gds-flex-row-reverse .label{flex:1}:is(body[isMobile=true]) :host.gds-flex-row,:is(body[isMobile=true]) :host.gds-flex-row-reverse{gap:var(--gds-spacing-sm)}:host .label:empty{display:none}:host .label{color:var(--text-color, var(--gds-palette-text-default-primary))}:host:not(.gds-flex-row):not(.gds-flex-row-reverse) .body{width:100%}:host .feedback{display:var(--gds-form-control-feedback-display);color:var(--feedback-color, var(--gds-palette-text-default-tertiary))}\n"] }]
         }], propDecorators: { locked: [{ type: i0.Input, args: [{ isSignal: true, alias: "locked", required: false }] }] } });
 class GdsMapArrayToRadioOptionsPipe {
@@ -5611,10 +5704,10 @@ class GdsMapArrayToRadioOptionsPipe {
             id: `${index}`
         }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, isStandalone: true, name: "gdsMapArrayToRadioOptions" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, isStandalone: true, name: "gdsMapArrayToRadioOptions" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMapArrayToRadioOptionsPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'gdsMapArrayToRadioOptions' }]
         }] });
@@ -5626,10 +5719,10 @@ class GdsBuildOptionConfigPipe {
             id
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBuildOptionConfigPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsBuildOptionConfigPipe, isStandalone: true, name: "gdsBuildOptionConfig" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBuildOptionConfigPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsBuildOptionConfigPipe, isStandalone: true, name: "gdsBuildOptionConfig" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsBuildOptionConfigPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsBuildOptionConfigPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'gdsBuildOptionConfig' }]
         }] });
@@ -5642,10 +5735,10 @@ class GdsRadioComponent extends GdsSignalFormControl {
     handleChange(value) {
         this.value.set(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsRadioComponent, isStandalone: true, selector: "gds-radio", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.invalid": "invalid() ? '' : null" }, classAttribute: "gds-display-flex gds-align-items-start gds-gap-2xs" }, queries: [{ propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@for (option of options(); track $index) {\n  <div class=\"\n    gds-height-100-parent\n    gds-width-100-parent\n    item\n  \">\n    <!-- use 'name() + id' for \"id\" and \"for\" to prevent issue where multiple radios have the same id -->\n    @let id = name() + option.id;\n    <ng-container\n      *ngTemplateOutlet=\"\n        optionTmpl() ?? defaultTmpl;\n        context: {\n          config:\n            option\n            | gdsBuildOptionConfig\n              : { name: name(), selected: option.value === value(), disabled: disabled(), invalid: invalid() }\n              : id,\n          onChange: handleChange.bind(this)\n        }\n      \"\n    />\n  </div>\n}\n\n<ng-template\n  #defaultTmpl\n  let-config=\"config\"\n  let-onChange=\"onChange\"\n>\n  <input\n    type=\"radio\"\n    [id]=\"config.id\"\n    [name]=\"config.name\"\n    [value]=\"config.value\"\n    [checked]=\"config.selected\"\n    [disabled]=\"config.disabled\"\n    [attr.invalid]=\"config.invalid\"\n    [attr.aria-labelledby]=\"config.id + '-label'\"\n    (change)=\"onChange(config.value)\"\n  />\n  <label\n    class=\"\n      gds-display-none-empty\n      gds-margin-inline-start-2xs\n    \"\n    [for]=\"config.id\"\n    [id]=\"config.id + '-label'\"\n    >{{ config.label }}</label\n  >\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--gds-form-control-border-color: var(--gds-palette-border-dark);--gds-form-control-disabled-background-color: var(--gds-palette-background-white);--gds-form-control-disabled-border-color: var(--gds-palette-border-default);--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--radio-size: var(--gds-primitive-size-500);--radio-border-width: var(--gds-borderWidth-md);--font: var(--gds-text-body-shorthand);display:flex;flex-direction:column}:host.gds-radio-compact{--radio-size: var(--gds-primitive-size-400);--font: var(--gds-text-caption-shorthand)}:host{font:var(--font);color:var(--text-color)}:host .item{cursor:var(--cursor)}:host .item:hover:has(input:not(:disabled)){--background-color: var(--gds-palette-background-base);--border-color: var(--gds-palette-background-bright-hover);--radio-border-width: var(--gds-borderWidth-lg)}:host[invalid][touched]:not(:focus-within,.is-controlled) .item:hover,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled) .item:hover{--border-color: var(--invalid-color)}:host label{vertical-align:middle;cursor:inherit}:host input[type=radio]{appearance:none;background-color:var(--background-color);border-radius:var(--gds-borderRadius-pill);width:var(--radio-size);height:var(--radio-size);border:var(--radio-border-width) solid var(--border-color);cursor:inherit}:host input[type=radio]:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host input[type=radio]:checked{--border-color: var(--active-color);--radio-border-width: var(--gds-borderWidth-xl)}:host input[type=radio]:checked:disabled{--border-color: var(--disabled-border-color)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "pipe", type: GdsBuildOptionConfigPipe, name: "gdsBuildOptionConfig" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsRadioComponent, isStandalone: true, selector: "gds-radio", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.invalid": "invalid() ? '' : null" }, classAttribute: "gds-display-flex gds-align-items-start gds-gap-2xs" }, queries: [{ propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@for (option of options(); track $index) {\n  <div class=\"\n    gds-height-100-parent\n    gds-width-100-parent\n    item\n  \">\n    <!-- use 'name() + id' for \"id\" and \"for\" to prevent issue where multiple radios have the same id -->\n    @let id = name() + option.id;\n    <ng-container\n      *ngTemplateOutlet=\"\n        optionTmpl() ?? defaultTmpl;\n        context: {\n          config:\n            option\n            | gdsBuildOptionConfig\n              : { name: name(), selected: option.value === value(), disabled: disabled(), invalid: invalid() }\n              : id,\n          onChange: handleChange.bind(this)\n        }\n      \"\n    />\n  </div>\n}\n\n<ng-template\n  #defaultTmpl\n  let-config=\"config\"\n  let-onChange=\"onChange\"\n>\n  <input\n    type=\"radio\"\n    [id]=\"config.id\"\n    [name]=\"config.name\"\n    [value]=\"config.value\"\n    [checked]=\"config.selected\"\n    [disabled]=\"config.disabled\"\n    [attr.invalid]=\"config.invalid\"\n    [attr.aria-labelledby]=\"config.id + '-label'\"\n    (change)=\"onChange(config.value)\"\n  />\n  <label\n    class=\"\n      gds-display-none-empty\n      gds-margin-inline-start-2xs\n    \"\n    [for]=\"config.id\"\n    [id]=\"config.id + '-label'\"\n    >{{ config.label }}</label\n  >\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--gds-form-control-border-color: var(--gds-palette-border-dark);--gds-form-control-disabled-background-color: var(--gds-palette-background-white);--gds-form-control-disabled-border-color: var(--gds-palette-border-default);--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--radio-size: var(--gds-primitive-size-500);--radio-border-width: var(--gds-borderWidth-md);--font: var(--gds-text-body-shorthand);display:flex;flex-direction:column}:host.gds-radio-compact{--radio-size: var(--gds-primitive-size-400);--font: var(--gds-text-caption-shorthand)}:host{font:var(--font);color:var(--text-color)}:host .item{cursor:var(--cursor)}:host .item:hover:has(input:not(:disabled)){--background-color: var(--gds-palette-background-base);--border-color: var(--gds-palette-background-bright-hover);--radio-border-width: var(--gds-borderWidth-lg)}:host[invalid][touched]:not(:focus-within,.is-controlled) .item:hover,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled) .item:hover{--border-color: var(--invalid-color)}:host label{vertical-align:middle;cursor:inherit}:host input[type=radio]{appearance:none;background-color:var(--background-color);border-radius:var(--gds-borderRadius-pill);width:var(--radio-size);height:var(--radio-size);border:var(--radio-border-width) solid var(--border-color);cursor:inherit}:host input[type=radio]:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host input[type=radio]:checked{--border-color: var(--active-color);--radio-border-width: var(--gds-borderWidth-xl)}:host input[type=radio]:checked:disabled{--border-color: var(--disabled-border-color)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "pipe", type: GdsBuildOptionConfigPipe, name: "gdsBuildOptionConfig" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsRadioComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-radio', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, GdsBuildOptionConfigPipe, A11yModule], host: {
                         class: 'gds-display-flex gds-align-items-start gds-gap-2xs',
@@ -5669,18 +5762,18 @@ class GdsRadioOptionDirective {
             return;
         this.changed.emit(this.value());
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsRadioOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsRadioOptionDirective, isStandalone: true, inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsRadioOptionDirective, isStandalone: true, inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsRadioOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRadioOptionDirective, decorators: [{
             type: Directive
         }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 class GdsButtonRadioOptionComponent extends GdsRadioOptionDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsButtonRadioOptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsButtonRadioOptionComponent, isStandalone: true, selector: "input[gds-button-radio-option]", host: { attributes: { "type": "radio" }, listeners: { "change": "onChange()" }, properties: { "checked": "selected()", "id": "id()", "name": "name()", "disabled": "disabled()", "attr.invalid": "invalid()", "attr.data-label": "label()", "attr.aria-label": "label()" }, classAttribute: "gds-text-caption-strong gds-radius-sm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{border:var(--gds-borderWidth-md) solid;border-color:var(--gds-palette-border-primary);color:var(--gds-palette-text-primary-primary)}:host:hover,:host:checked{border-color:var(--gds-palette-border-selected);background-color:var(--gds-palette-background-hover)}:host[invalid=true],:host:disabled{border-color:inherit;color:inherit;background-color:inherit}:host[invalid=true]:hover,:host[invalid=true]:checked{background-color:var(--gds-palette-helper-error-default)}:host:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host:before{display:block;content:attr(data-label);padding:var(--gds-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonRadioOptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsButtonRadioOptionComponent, isStandalone: true, selector: "input[gds-button-radio-option]", host: { attributes: { "type": "radio" }, listeners: { "change": "onChange()" }, properties: { "checked": "selected()", "id": "id()", "name": "name()", "disabled": "disabled()", "attr.invalid": "invalid()", "attr.data-label": "label()", "attr.aria-label": "label()" }, classAttribute: "gds-text-caption-strong gds-radius-sm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [":host{border:var(--gds-borderWidth-md) solid;border-color:var(--gds-palette-border-primary);color:var(--gds-palette-text-primary-primary)}:host:hover,:host:checked{border-color:var(--gds-palette-border-selected);background-color:var(--gds-palette-background-hover)}:host[invalid=true],:host:disabled{border-color:inherit;color:inherit;background-color:inherit}:host[invalid=true]:hover,:host[invalid=true]:checked{background-color:var(--gds-palette-helper-error-default)}:host:focus-visible{outline:var(--gds-borderWidth-lg) solid var(--gds-palette-border-dark);outline-offset:2px}:host:before{display:block;content:attr(data-label);padding:var(--gds-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsButtonRadioOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonRadioOptionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'input[gds-button-radio-option]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-text-caption-strong gds-radius-sm',
@@ -5819,10 +5912,10 @@ class GdsSelectComponent extends GdsSignalFormControl {
     onClearClicked = () => {
         this.ref().handleClearClick();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideChevron: { classPropertyName: "hideChevron", publicName: "hideChevron", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed", searched: "searched", blurred: "blurred", cleared: "cleared", closed: "closed", opened: "opened", bindValue: "bindValueChange", bindLabel: "bindLabelChange", value: "valueChange", items: "itemsChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()" } }, queries: [{ propertyName: "multiLabelTmpl", first: true, predicate: ["multiLabelTmpl"], descendants: true, isSignal: true }, { propertyName: "labelTmpl", first: true, predicate: ["labelTmpl"], descendants: true, isSignal: true }, { propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }, { propertyName: "footerTmpl", first: true, predicate: ["footerTmpl"], descendants: true, isSignal: true }, { propertyName: "clearBtnTmpl", first: true, predicate: ["clearBtnTmpl"], descendants: true, isSignal: true }, { propertyName: "placeholderTmpl", first: true, predicate: ["placeholderTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "ref", first: true, predicate: NgSelectComponent, descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n  class=\"\n    gds-mobile-text-input-mobile\n    gds-text-input\n  \"\n  [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n  [dropdownPosition]=\"dropdownPosition()\"\n  [notFoundText]=\"emptyText()\"\n  [bindValue]=\"bindValue()\"\n  [bindLabel]=\"bindLabel()\"\n  [multiple]=\"multiple()\"\n  [closeOnSelect]=\"!multiple()\"\n  [disabled]=\"disabled()\"\n  [items]=\"items()\"\n  [ngModel]=\"value()\"\n  [loading]=\"loading()\"\n  [loadingText]=\"loadingText() | translate\"\n  [searchable]=\"searchable()\"\n  [clearable]=\"clearable()\"\n  [virtualScroll]=\"virtualScroll()\"\n  [searchFn]=\"itemShouldDisplay\"\n  [appendTo]=\"appendTo()\"\n  [keyDownFn]=\"onKeyDown\"\n  [labelForId]=\"id()\"\n  (ngModelChange)=\"setValue($event)\"\n  (change)=\"onHandleChange($event)\"\n  (search)=\"onSearchChange($event)\"\n  (clear)=\"cleared.emit()\"\n  (open)=\"handleOpened()\"\n  (close)=\"handleClosed()\"\n>\n  <ng-template\n    ng-label-tmp\n    let-item=\"item\"\n  >\n    <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n  </ng-template>\n\n  @if (!value()) {\n    <ng-template ng-placeholder-tmp>\n      <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n    </ng-template>\n  }\n\n  <ng-template\n    ng-multi-label-tmp\n    let-items=\"items\"\n  >\n    <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n  </ng-template>\n\n  <ng-template\n    ng-option-tmp\n    let-option=\"item\"\n    let-selected=\"item$.selected\"\n    let-index=\"index\"\n  >\n    @if (multiple()) {\n      <input\n        type=\"checkbox\"\n        class=\"\n          gds-margin-block-auto\n          gds-margin-inline-3xs\n        \"\n        gds-checkbox\n        [checked]=\"selected\"\n        (mousedown)=\"onCheckboxChanged($event)\"\n      />\n    }\n    <ng-container\n      *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n    />\n  </ng-template>\n\n  @if (footerTmpl(); as footerTmpl) {\n    <ng-template ng-footer-tmp>\n      <div\n        class=\"\n          gds-height-100-parent\n          gds-width-100-parent\n        \"\n        (mouseenter)=\"unmarkItem()\"\n      >\n        <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n      </div>\n    </ng-template>\n  }\n\n  <ng-template ng-clearbutton-tmp>\n    <span class=\"ng-clear-wrapper\">\n      <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n    </span>\n  </ng-template>\n</ng-select>\n\n<ng-template\n  #defaultLabelTmpl\n  let-item=\"item\"\n>\n  @if (value !== undefined) {\n    <gds-tooltip\n      onlyTextOverflow\n      [tooltip]=\"item[bindLabel()]\"\n    >\n      {{ item[bindLabel()] }}\n    </gds-tooltip>\n  }\n</ng-template>\n\n<ng-template\n  #defaultMultiLabelTmpl\n  let-items=\"items\"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-inline-flex\n    gds-gap-2xs\n    gds-select--multi-selected-content\n  \">\n    <gds-tooltip\n      onlyOnTextOverflow\n      [tooltip]=\"items[0][bindLabel()]\"\n    >\n      {{ items[0][bindLabel()] }}\n    </gds-tooltip>\n    @if (items.length > 1) {\n      <span gds-badge>+{{ items.length - 1 }}</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultOptionTmpl\n  let-option=\"option\"\n  let-active=\"marked\"\n>\n  <gds-tooltip\n    class=\"option\"\n    onlyTextOverflow\n    [tooltip]=\"option[bindLabel()]\"\n    [open]=\"active\"\n  >\n    {{ option[bindLabel()] }}\n  </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n  <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n  <button\n    #clearButton\n    gds-icon-button\n    class=\"gds-background-none\"\n    [attr.aria-label]=\"clearAriaLabel() | translate\"\n    (click)=\"onClearClicked()\"\n    (keydown.enter)=\"onClearClicked()\"\n  >\n    <gds-icon\n      class=\"\n        gds-icon-primary\n        gds-icon-size-3xs\n      \"\n      key=\"line-dismiss\"\n    />\n  </button>\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgPlaceholderTemplateDirective, selector: "[ng-placeholder-tmp]" }, { kind: "component", type: GdsCheckboxComponent, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: ["checked", "touched", "disabled", "readonly", "hidden", "invalid", "tabindex"], outputs: ["checkedChange", "touchedChange", "tabindexChange"] }, { kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsSelectComponent, isStandalone: true, selector: "gds-select", inputs: { clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, hideChevron: { classPropertyName: "hideChevron", publicName: "hideChevron", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { changed: "changed", searched: "searched", blurred: "blurred", cleared: "cleared", closed: "closed", opened: "opened", bindValue: "bindValueChange", bindLabel: "bindLabelChange", value: "valueChange", items: "itemsChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()" } }, queries: [{ propertyName: "multiLabelTmpl", first: true, predicate: ["multiLabelTmpl"], descendants: true, isSignal: true }, { propertyName: "labelTmpl", first: true, predicate: ["labelTmpl"], descendants: true, isSignal: true }, { propertyName: "optionTmpl", first: true, predicate: ["optionTmpl"], descendants: true, isSignal: true }, { propertyName: "footerTmpl", first: true, predicate: ["footerTmpl"], descendants: true, isSignal: true }, { propertyName: "clearBtnTmpl", first: true, predicate: ["clearBtnTmpl"], descendants: true, isSignal: true }, { propertyName: "placeholderTmpl", first: true, predicate: ["placeholderTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "ref", first: true, predicate: NgSelectComponent, descendants: true, isSignal: true }, { propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-select\n  class=\"\n    gds-mobile-text-input-mobile\n    gds-text-input\n  \"\n  [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n  [dropdownPosition]=\"dropdownPosition()\"\n  [notFoundText]=\"emptyText()\"\n  [bindValue]=\"bindValue()\"\n  [bindLabel]=\"bindLabel()\"\n  [multiple]=\"multiple()\"\n  [closeOnSelect]=\"!multiple()\"\n  [disabled]=\"disabled()\"\n  [items]=\"items()\"\n  [ngModel]=\"value()\"\n  [loading]=\"loading()\"\n  [loadingText]=\"loadingText() | translate\"\n  [searchable]=\"searchable()\"\n  [clearable]=\"clearable()\"\n  [virtualScroll]=\"virtualScroll()\"\n  [searchFn]=\"itemShouldDisplay\"\n  [appendTo]=\"appendTo()\"\n  [keyDownFn]=\"onKeyDown\"\n  [labelForId]=\"id()\"\n  (ngModelChange)=\"setValue($event)\"\n  (change)=\"onHandleChange($event)\"\n  (search)=\"onSearchChange($event)\"\n  (clear)=\"cleared.emit()\"\n  (open)=\"handleOpened()\"\n  (close)=\"handleClosed()\"\n>\n  <ng-template\n    ng-label-tmp\n    let-item=\"item\"\n  >\n    <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n  </ng-template>\n\n  @if (!value()) {\n    <ng-template ng-placeholder-tmp>\n      <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n    </ng-template>\n  }\n\n  <ng-template\n    ng-multi-label-tmp\n    let-items=\"items\"\n  >\n    <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n  </ng-template>\n\n  <ng-template\n    ng-option-tmp\n    let-option=\"item\"\n    let-selected=\"item$.selected\"\n    let-index=\"index\"\n  >\n    @if (multiple()) {\n      <input\n        type=\"checkbox\"\n        class=\"\n          gds-margin-block-auto\n          gds-margin-inline-3xs\n        \"\n        gds-checkbox\n        [checked]=\"selected\"\n        (mousedown)=\"onCheckboxChanged($event)\"\n      />\n    }\n    <ng-container\n      *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n    />\n  </ng-template>\n\n  @if (footerTmpl(); as footerTmpl) {\n    <ng-template ng-footer-tmp>\n      <div\n        class=\"\n          gds-height-100-parent\n          gds-width-100-parent\n        \"\n        (mouseenter)=\"unmarkItem()\"\n      >\n        <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n      </div>\n    </ng-template>\n  }\n\n  <ng-template ng-clearbutton-tmp>\n    <span class=\"ng-clear-wrapper\">\n      <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n    </span>\n  </ng-template>\n</ng-select>\n\n<ng-template\n  #defaultLabelTmpl\n  let-item=\"item\"\n>\n  @if (value !== undefined) {\n    <gds-tooltip\n      onlyTextOverflow\n      [tooltip]=\"item[bindLabel()] | translate\"\n    >\n      {{ item[bindLabel()] | translate }}\n    </gds-tooltip>\n  }\n</ng-template>\n\n<ng-template\n  #defaultMultiLabelTmpl\n  let-items=\"items\"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-inline-flex\n    gds-gap-2xs\n    gds-select--multi-selected-content\n  \">\n    <gds-tooltip\n      onlyOnTextOverflow\n      [tooltip]=\"items[0][bindLabel()] | translate\"\n    >\n      {{ items[0][bindLabel()] | translate }}\n    </gds-tooltip>\n    @if (items.length > 1) {\n      <span gds-badge>+{{ items.length - 1 }}</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultOptionTmpl\n  let-option=\"option\"\n  let-active=\"marked\"\n>\n  <gds-tooltip\n    class=\"option\"\n    onlyTextOverflow\n    [tooltip]=\"option[bindLabel()] | translate\"\n    [open]=\"active\"\n  >\n    {{ option[bindLabel()] | translate }}\n  </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n  <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n  <button\n    #clearButton\n    gds-icon-button\n    class=\"gds-background-none\"\n    [attr.aria-label]=\"clearAriaLabel() | translate\"\n    (click)=\"onClearClicked()\"\n    (keydown.enter)=\"onClearClicked()\"\n  >\n    <gds-icon\n      class=\"\n        gds-icon-primary\n        gds-icon-size-3xs\n      \"\n      key=\"line-dismiss\"\n    />\n  </button>\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: NgPlaceholderTemplateDirective, selector: "[ng-placeholder-tmp]" }, { kind: "component", type: GdsCheckboxComponent, selector: "input[type=\"checkbox\"][gds-checkbox]", inputs: ["checked", "touched", "disabled", "readonly", "hidden", "invalid", "tabindex"], outputs: ["checkedChange", "touchedChange", "tabindexChange"] }, { kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-select', imports: [
                         NgTemplateOutlet,
@@ -5844,7 +5937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         NgClass
                     ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(keydown)': 'setMarkedItemIndex()'
-                    }, template: "<ng-select\n  class=\"\n    gds-mobile-text-input-mobile\n    gds-text-input\n  \"\n  [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n  [dropdownPosition]=\"dropdownPosition()\"\n  [notFoundText]=\"emptyText()\"\n  [bindValue]=\"bindValue()\"\n  [bindLabel]=\"bindLabel()\"\n  [multiple]=\"multiple()\"\n  [closeOnSelect]=\"!multiple()\"\n  [disabled]=\"disabled()\"\n  [items]=\"items()\"\n  [ngModel]=\"value()\"\n  [loading]=\"loading()\"\n  [loadingText]=\"loadingText() | translate\"\n  [searchable]=\"searchable()\"\n  [clearable]=\"clearable()\"\n  [virtualScroll]=\"virtualScroll()\"\n  [searchFn]=\"itemShouldDisplay\"\n  [appendTo]=\"appendTo()\"\n  [keyDownFn]=\"onKeyDown\"\n  [labelForId]=\"id()\"\n  (ngModelChange)=\"setValue($event)\"\n  (change)=\"onHandleChange($event)\"\n  (search)=\"onSearchChange($event)\"\n  (clear)=\"cleared.emit()\"\n  (open)=\"handleOpened()\"\n  (close)=\"handleClosed()\"\n>\n  <ng-template\n    ng-label-tmp\n    let-item=\"item\"\n  >\n    <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n  </ng-template>\n\n  @if (!value()) {\n    <ng-template ng-placeholder-tmp>\n      <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n    </ng-template>\n  }\n\n  <ng-template\n    ng-multi-label-tmp\n    let-items=\"items\"\n  >\n    <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n  </ng-template>\n\n  <ng-template\n    ng-option-tmp\n    let-option=\"item\"\n    let-selected=\"item$.selected\"\n    let-index=\"index\"\n  >\n    @if (multiple()) {\n      <input\n        type=\"checkbox\"\n        class=\"\n          gds-margin-block-auto\n          gds-margin-inline-3xs\n        \"\n        gds-checkbox\n        [checked]=\"selected\"\n        (mousedown)=\"onCheckboxChanged($event)\"\n      />\n    }\n    <ng-container\n      *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n    />\n  </ng-template>\n\n  @if (footerTmpl(); as footerTmpl) {\n    <ng-template ng-footer-tmp>\n      <div\n        class=\"\n          gds-height-100-parent\n          gds-width-100-parent\n        \"\n        (mouseenter)=\"unmarkItem()\"\n      >\n        <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n      </div>\n    </ng-template>\n  }\n\n  <ng-template ng-clearbutton-tmp>\n    <span class=\"ng-clear-wrapper\">\n      <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n    </span>\n  </ng-template>\n</ng-select>\n\n<ng-template\n  #defaultLabelTmpl\n  let-item=\"item\"\n>\n  @if (value !== undefined) {\n    <gds-tooltip\n      onlyTextOverflow\n      [tooltip]=\"item[bindLabel()]\"\n    >\n      {{ item[bindLabel()] }}\n    </gds-tooltip>\n  }\n</ng-template>\n\n<ng-template\n  #defaultMultiLabelTmpl\n  let-items=\"items\"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-inline-flex\n    gds-gap-2xs\n    gds-select--multi-selected-content\n  \">\n    <gds-tooltip\n      onlyOnTextOverflow\n      [tooltip]=\"items[0][bindLabel()]\"\n    >\n      {{ items[0][bindLabel()] }}\n    </gds-tooltip>\n    @if (items.length > 1) {\n      <span gds-badge>+{{ items.length - 1 }}</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultOptionTmpl\n  let-option=\"option\"\n  let-active=\"marked\"\n>\n  <gds-tooltip\n    class=\"option\"\n    onlyTextOverflow\n    [tooltip]=\"option[bindLabel()]\"\n    [open]=\"active\"\n  >\n    {{ option[bindLabel()] }}\n  </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n  <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n  <button\n    #clearButton\n    gds-icon-button\n    class=\"gds-background-none\"\n    [attr.aria-label]=\"clearAriaLabel() | translate\"\n    (click)=\"onClearClicked()\"\n    (keydown.enter)=\"onClearClicked()\"\n  >\n    <gds-icon\n      class=\"\n        gds-icon-primary\n        gds-icon-size-3xs\n      \"\n      key=\"line-dismiss\"\n    />\n  </button>\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}\n"] }]
+                    }, template: "<ng-select\n  class=\"\n    gds-mobile-text-input-mobile\n    gds-text-input\n  \"\n  [ngClass]=\"{ 'ng-select-hide-chevron': hideChevron() }\"\n  [dropdownPosition]=\"dropdownPosition()\"\n  [notFoundText]=\"emptyText()\"\n  [bindValue]=\"bindValue()\"\n  [bindLabel]=\"bindLabel()\"\n  [multiple]=\"multiple()\"\n  [closeOnSelect]=\"!multiple()\"\n  [disabled]=\"disabled()\"\n  [items]=\"items()\"\n  [ngModel]=\"value()\"\n  [loading]=\"loading()\"\n  [loadingText]=\"loadingText() | translate\"\n  [searchable]=\"searchable()\"\n  [clearable]=\"clearable()\"\n  [virtualScroll]=\"virtualScroll()\"\n  [searchFn]=\"itemShouldDisplay\"\n  [appendTo]=\"appendTo()\"\n  [keyDownFn]=\"onKeyDown\"\n  [labelForId]=\"id()\"\n  (ngModelChange)=\"setValue($event)\"\n  (change)=\"onHandleChange($event)\"\n  (search)=\"onSearchChange($event)\"\n  (clear)=\"cleared.emit()\"\n  (open)=\"handleOpened()\"\n  (close)=\"handleClosed()\"\n>\n  <ng-template\n    ng-label-tmp\n    let-item=\"item\"\n  >\n    <ng-container *ngTemplateOutlet=\"labelTmpl() ?? defaultLabelTmpl; context: { item }\" />\n  </ng-template>\n\n  @if (!value()) {\n    <ng-template ng-placeholder-tmp>\n      <ng-container *ngTemplateOutlet=\"placeholderTmpl() ?? defaultPlaceholderTmpl\" />\n    </ng-template>\n  }\n\n  <ng-template\n    ng-multi-label-tmp\n    let-items=\"items\"\n  >\n    <ng-container *ngTemplateOutlet=\"multiLabelTmpl() ?? defaultMultiLabelTmpl; context: { items }\" />\n  </ng-template>\n\n  <ng-template\n    ng-option-tmp\n    let-option=\"item\"\n    let-selected=\"item$.selected\"\n    let-index=\"index\"\n  >\n    @if (multiple()) {\n      <input\n        type=\"checkbox\"\n        class=\"\n          gds-margin-block-auto\n          gds-margin-inline-3xs\n        \"\n        gds-checkbox\n        [checked]=\"selected\"\n        (mousedown)=\"onCheckboxChanged($event)\"\n      />\n    }\n    <ng-container\n      *ngTemplateOutlet=\"optionTmpl() ?? defaultOptionTmpl; context: { option, marked: markedIndex() === index }\"\n    />\n  </ng-template>\n\n  @if (footerTmpl(); as footerTmpl) {\n    <ng-template ng-footer-tmp>\n      <div\n        class=\"\n          gds-height-100-parent\n          gds-width-100-parent\n        \"\n        (mouseenter)=\"unmarkItem()\"\n      >\n        <ng-container *ngTemplateOutlet=\"footerTmpl\" />\n      </div>\n    </ng-template>\n  }\n\n  <ng-template ng-clearbutton-tmp>\n    <span class=\"ng-clear-wrapper\">\n      <ng-container *ngTemplateOutlet=\"clearBtnTmpl() ?? defaultClearBtnTmpl\" />\n    </span>\n  </ng-template>\n</ng-select>\n\n<ng-template\n  #defaultLabelTmpl\n  let-item=\"item\"\n>\n  @if (value !== undefined) {\n    <gds-tooltip\n      onlyTextOverflow\n      [tooltip]=\"item[bindLabel()] | translate\"\n    >\n      {{ item[bindLabel()] | translate }}\n    </gds-tooltip>\n  }\n</ng-template>\n\n<ng-template\n  #defaultMultiLabelTmpl\n  let-items=\"items\"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-inline-flex\n    gds-gap-2xs\n    gds-select--multi-selected-content\n  \">\n    <gds-tooltip\n      onlyOnTextOverflow\n      [tooltip]=\"items[0][bindLabel()] | translate\"\n    >\n      {{ items[0][bindLabel()] | translate }}\n    </gds-tooltip>\n    @if (items.length > 1) {\n      <span gds-badge>+{{ items.length - 1 }}</span>\n    }\n  </div>\n</ng-template>\n\n<ng-template\n  #defaultOptionTmpl\n  let-option=\"option\"\n  let-active=\"marked\"\n>\n  <gds-tooltip\n    class=\"option\"\n    onlyTextOverflow\n    [tooltip]=\"option[bindLabel()] | translate\"\n    [open]=\"active\"\n  >\n    {{ option[bindLabel()] | translate }}\n  </gds-tooltip>\n</ng-template>\n\n<ng-template #defaultPlaceholderTmpl>\n  <span class=\"ng-placeholder\">{{ placeholder() }}</span>\n</ng-template>\n\n<ng-template #defaultClearBtnTmpl>\n  <button\n    #clearButton\n    gds-icon-button\n    class=\"gds-background-none\"\n    [attr.aria-label]=\"clearAriaLabel() | translate\"\n    (click)=\"onClearClicked()\"\n    (keydown.enter)=\"onClearClicked()\"\n  >\n    <gds-icon\n      class=\"\n        gds-icon-primary\n        gds-icon-size-3xs\n      \"\n      key=\"line-dismiss\"\n    />\n  </button>\n</ng-template>\n", styles: [":host{--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23cd2127' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host[disabled],:host:has(*:disabled,*[disabled=true]){--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25 5.75L8 10.25L12.75 5.75' stroke='%23b2b2b2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");--cursor: not-allowed}:host ng-select.ng-select-clearable,:host ng-select.ng-select-hide-chevron{--arrow-display: none}:host ng-select.ng-select-opened{--arrow-url: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 10.25L8 5.75L3.25 10.25' stroke='%231E365E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\")}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container{gap:var(--gds-spacing-2xs);flex-wrap:nowrap!important}:host ng-select.ng-select-multiple ::ng-deep .ng-value-container .ng-input{padding-left:0}:host ng-select ::ng-deep .ng-select-container{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ng-select ::ng-deep .ng-select-container ::ng-deep input:focus,:host ng-select ::ng-deep .ng-select-container ::ng-deep textarea:focus{outline:none}:host ng-select ::ng-deep .ng-select-container:focus-within,:host ng-select ::ng-deep .ng-select-container.is-controlled{isolation:isolate;position:relative}:host ng-select ::ng-deep .ng-select-container:focus-within:before,:host ng-select ::ng-deep .ng-select-container.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{min-height:var(--gds-size-lg-rem)}:host ng-select ::ng-deep .ng-select-container:hover{background-color:var(--hover-color)}:host ng-select ::ng-deep .ng-select-container[disabled]::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host ng-select ::ng-deep .ng-select-container[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host ng-select ::ng-deep .ng-select-container:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ng-select ::ng-deep .ng-select-container ::ng-deep *::placeholder{color:var(--placeholder-color)}:host ng-select ::ng-deep .ng-select-container{border-radius:var(--gds-borderRadius-sm);padding-block:var(--gds-spacing-3xs);padding-inline:var(--gds-spacing-xs);gap:var(--gds-spacing-2xs)}:is(body[isMobile=true]) :host ng-select ::ng-deep .ng-select-container{padding-block:0}:host ng-select ::ng-deep .ng-has-value .ng-arrow-wrapper{display:var(--arrow-display);cursor:var(--cursor)}:host ng-select ::ng-deep .ng-arrow-wrapper,:host ng-select ::ng-deep .ng-clear-wrapper{width:var(--gds-size-sm-rem);height:var(--gds-size-sm-rem);display:flex;align-items:center;justify-content:center}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-arrow,:host ng-select ::ng-deep .ng-clear-wrapper .ng-arrow{width:var(--gds-size-sm-rem)!important;height:var(--gds-size-sm-rem)!important;background-image:var(--arrow-url)}:host ng-select ::ng-deep .ng-arrow-wrapper .ng-clear,:host ng-select ::ng-deep .ng-clear-wrapper .ng-clear{font-size:var(--gds-fontSize-bodyLarge)}:host ng-select ::ng-deep .ng-option{display:flex!important;gap:var(--gds-spacing-3xs);padding:11px var(--gds-spacing-sm);border-radius:var(--gds-borderRadius-sm);color:var(--text-color);position:relative}:host ng-select ::ng-deep .ng-option.ng-option-marked:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none;--wrapper-margin-inline: 5px;--wrapper-margin-block: 4px;z-index:-1}:host ng-select ::ng-deep .ng-value-container{overflow:hidden!important;align-items:center;height:var(--gds-primitive-lineHeight-250)}:host ng-select ::ng-deep .ng-value-container .ng-value{height:fit-content}:host ng-select ::ng-deep .ng-placeholder{color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}:host ng-select ::ng-deep .ng-option-disabled{cursor:default!important}:host ng-select ::ng-deep .ng-spinner-loader{border-left-color:var(--gds-palette-text-primary-primary)!important}.gds-select--multi-selected-content{color:var(--gds-palette-text-default-primary);font:var(--gds-text-body-shorthand);min-width:0}\n"] }]
         }], propDecorators: { clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], clearAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearAriaLabel", required: false }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], hideChevron: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideChevron", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], emptyText: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyText", required: false }] }], dropdownPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPosition", required: false }] }], changed: [{ type: i0.Output, args: ["changed"] }], searched: [{ type: i0.Output, args: ["searched"] }], blurred: [{ type: i0.Output, args: ["blurred"] }], cleared: [{ type: i0.Output, args: ["cleared"] }], closed: [{ type: i0.Output, args: ["closed"] }], opened: [{ type: i0.Output, args: ["opened"] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: false }] }, { type: i0.Output, args: ["bindValueChange"] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: false }] }, { type: i0.Output, args: ["bindLabelChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }, { type: i0.Output, args: ["itemsChange"] }], ref: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgSelectComponent), { isSignal: true }] }], clearButton: [{ type: i0.ViewChild, args: ['clearButton', { ...{
                             read: (ElementRef)
                         }, isSignal: true }] }], multiLabelTmpl: [{ type: i0.ContentChild, args: ['multiLabelTmpl', { isSignal: true }] }], labelTmpl: [{ type: i0.ContentChild, args: ['labelTmpl', { isSignal: true }] }], optionTmpl: [{ type: i0.ContentChild, args: ['optionTmpl', { isSignal: true }] }], footerTmpl: [{ type: i0.ContentChild, args: ['footerTmpl', { isSignal: true }] }], clearBtnTmpl: [{ type: i0.ContentChild, args: ['clearBtnTmpl', { isSignal: true }] }], placeholderTmpl: [{ type: i0.ContentChild, args: ['placeholderTmpl', { isSignal: true }] }] } });
@@ -5939,10 +6032,10 @@ class GdsSliderComponent extends GdsSignalFormContainer {
     #updateValueFromInput = () => {
         this.inputValue.set(Number(this.input()?.nativeElement.value));
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsSliderComponent, isStandalone: true, selector: "gds-slider", host: { classAttribute: "gds-position-relative" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content />\n<div\n  [innerHTML]=\"inputValue()\"\n  data-testId=\"valueTooltip\"\n  [style.left]=\"currentValueTooltipLeftOffset()\"\n  class=\"\n    gds-border-color-default\n    gds-display-inline-block\n    gds-padding-block-3xs\n    gds-padding-inline-2xs\n    gds-radius-sm\n    gds-text-caption\n    gds-text-center\n    value-tooltip\n  \"\n></div>\n", styles: [":host{--gds-form-control-active-color: var(--gds-palette-background-bright);--gds-form-control-background-color: var(--gds-palette-background-bright);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--background-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--active-color: var(--disabled-border-color)}:host ::ng-deep input{cursor:var(--cursor);overflow:visible;border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input::-webkit-slider-thumb{appearance:none;height:20px;width:20px;border-radius:50%;background-color:var(--active-color);border:4px solid var(--gds-palette-background-white);outline:1px solid var(--border-color);box-sizing:border-box;margin-top:-8px}:host ::ng-deep input::-moz-range-thumb{appearance:none;height:20px;width:20px;margin-top:-6px;border-radius:50%;background-color:var(--active-color);border:4px solid var(--gds-palette-background-white);outline:1px solid var(--border-color);box-sizing:border-box}:host ::ng-deep input::-webkit-slider-runnable-track{height:var(--gds-size-3xs);background:var(--background-color);border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input::-moz-range-track{height:var(--gds-size-3xs);background:var(--background-color);border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input:focus-visible{outline:2px solid var(--gds-palette-border-dark);outline-offset:10px}:host .value-tooltip{position:absolute;top:-28px;left:0;border:1px solid;color:var(--text-color);background-color:var(--gds-palette-background-white);box-shadow:0 4px 8px #00000024;transform:translate(-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSliderComponent, isStandalone: true, selector: "gds-slider", host: { classAttribute: "gds-position-relative" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content />\n<div\n  [innerHTML]=\"inputValue()\"\n  data-testId=\"valueTooltip\"\n  [style.left]=\"currentValueTooltipLeftOffset()\"\n  class=\"\n    gds-border-color-default\n    gds-display-inline-block\n    gds-padding-block-3xs\n    gds-padding-inline-2xs\n    gds-radius-sm\n    gds-text-caption\n    gds-text-center\n    value-tooltip\n  \"\n></div>\n", styles: [":host{--gds-form-control-active-color: var(--gds-palette-background-bright);--gds-form-control-background-color: var(--gds-palette-background-bright);--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--background-color: var(--invalid-color)}:host[disabled],:host:has(*:disabled,*[disabled=true]){--active-color: var(--disabled-border-color)}:host ::ng-deep input{cursor:var(--cursor);overflow:visible;border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input::-webkit-slider-thumb{appearance:none;height:20px;width:20px;border-radius:50%;background-color:var(--active-color);border:4px solid var(--gds-palette-background-white);outline:1px solid var(--border-color);box-sizing:border-box;margin-top:-8px}:host ::ng-deep input::-moz-range-thumb{appearance:none;height:20px;width:20px;margin-top:-6px;border-radius:50%;background-color:var(--active-color);border:4px solid var(--gds-palette-background-white);outline:1px solid var(--border-color);box-sizing:border-box}:host ::ng-deep input::-webkit-slider-runnable-track{height:var(--gds-size-3xs);background:var(--background-color);border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input::-moz-range-track{height:var(--gds-size-3xs);background:var(--background-color);border-radius:var(--gds-borderRadius-sm)}:host ::ng-deep input:focus-visible{outline:2px solid var(--gds-palette-border-dark);outline-offset:10px}:host .value-tooltip{position:absolute;top:-28px;left:0;border:1px solid;color:var(--text-color);background-color:var(--gds-palette-background-white);box-shadow:0 4px 8px #00000024;transform:translate(-50%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-slider', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-position-relative'
@@ -5958,10 +6051,10 @@ class GdsTextInputComponent extends GdsSignalFormContainer {
             throw new Error('GdsNativeInputDirective is required for this component. Please update the imports to include GdsNativeInputDirective.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsTextInputComponent, isStandalone: true, selector: "gds-text-input", host: { listeners: { "click": "input()?.nativeElement?.focus()" }, classAttribute: "gds-display-flex gds-align-items-center gds-justify-content-center gds-gap-2xs gds-padding-block-3xs gds-padding-inline-xs gds-radius-sm gds-text-input\n      gds-mobile-padding-block-0 gds-mobile-padding-inline-end-0 gds-mobile-text-input-mobile" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n<ng-content select=\"[trailing-visual]\" />\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsTextInputComponent, isStandalone: true, selector: "gds-text-input", host: { listeners: { "click": "input()?.nativeElement?.focus()" }, classAttribute: "gds-display-flex gds-align-items-center gds-justify-content-center gds-gap-2xs gds-padding-block-3xs gds-padding-inline-xs gds-radius-sm gds-text-input\n      gds-mobile-padding-block-0 gds-mobile-padding-inline-end-0 gds-mobile-text-input-mobile" }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<ng-content />\n<ng-content select=\"[trailing-visual]\" />\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTextInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextInputComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'gds-text-input', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(click)': 'input()?.nativeElement?.focus()',
@@ -5987,10 +6080,10 @@ class GdsAutoGrowingTextareaComponent extends GdsSignalFormContainer {
     #updateDataReplicatedValue() {
         this.dataReplicatedValue.set(this.textarea()?.nativeElement.value ?? '');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAutoGrowingTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsAutoGrowingTextareaComponent, isStandalone: true, selector: "gds-auto-growing-text-area", inputs: { maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "textarea()?.nativeElement?.focus()" }, properties: { "style.--max-rows": "maxRows()", "attr.data-replicated-value": "dataReplicatedValue()" } }, queries: [{ propertyName: "textarea", first: true, predicate: GdsNativeTextareaDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:grid;flex:1;max-height:calc(var(--max-rows) * var(--gds-lineHeight-body));overflow:auto;overflow-wrap:anywhere}:is(body[isMobile=true]) :host{font:var(--gds-text-inputMobile-shorthand)}:host:after{content:attr(data-replicated-value) \" \";white-space:pre-wrap;visibility:hidden}:host ::ng-deep textarea{resize:none;padding:0;border:none;outline:none;background:transparent;overflow:hidden;cursor:inherit}:host ::ng-deep textarea,:host:after{font:inherit;grid-area:1/1/2/2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoGrowingTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsAutoGrowingTextareaComponent, isStandalone: true, selector: "gds-auto-growing-text-area", inputs: { maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "textarea()?.nativeElement?.focus()" }, properties: { "style.--max-rows": "maxRows()", "attr.data-replicated-value": "dataReplicatedValue()" } }, queries: [{ propertyName: "textarea", first: true, predicate: GdsNativeTextareaDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{display:grid;flex:1;max-height:calc(var(--max-rows) * var(--gds-lineHeight-body));overflow:auto;overflow-wrap:anywhere}:is(body[isMobile=true]) :host{font:var(--gds-text-inputMobile-shorthand)}:host:after{content:attr(data-replicated-value) \" \";white-space:pre-wrap;visibility:hidden}:host ::ng-deep textarea{resize:none;padding:0;border:none;outline:none;background:transparent;overflow:hidden;cursor:inherit}:host ::ng-deep textarea,:host:after{font:inherit;grid-area:1/1/2/2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAutoGrowingTextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoGrowingTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-auto-growing-text-area', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.--max-rows]': 'maxRows()',
@@ -6000,10 +6093,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }], propDecorators: { maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], textarea: [{ type: i0.ContentChild, args: [i0.forwardRef(() => GdsNativeTextareaDirective), { isSignal: true }] }] } });
 class GdsTextareaComponent extends GdsAutoGrowingTextareaComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", host: { listeners: { "click": "textarea()?.nativeElement?.focus()" }, properties: { "style.--max-rows": "maxRows()" }, classAttribute: "gds-display-flex gds-align-items-center gds-justify-content-between gds-gap-2xs gds-height-fit-content gds-radius-sm gds-text-input\n      gds-mobile-text-input-mobile gds-position-relative gds-max-height-100-parent" }, usesInheritance: true, ngImport: i0, template: "<div\n  #leadingSlot\n  class=\"\n    gds-display-flex\n    gds-left-2xs\n    gds-position-absolute\n    slot-leading\n  \"\n  [ngClass]=\"{ 'gds-display-none': !leadingSlot.children.length }\"\n>\n  <ng-content select=\"[leading-visual]\" />\n</div>\n<div\n  class=\"\n    container\n    gds-display-grid\n    gds-flex-1\n    gds-height-100-parent\n    gds-mobile-padding-block-2xs\n    gds-padding-block-3xs\n    gds-padding-inline-xs\n  \"\n  [ngClass]=\"{\n    'gds-padding-inline-start-md': leadingSlot.children.length,\n    'gds-padding-inline-end-md': trailingSlot.children.length\n  }\"\n  [attr.data-replicated-value]=\"dataReplicatedValue()\"\n>\n  <ng-content />\n</div>\n<div\n  #trailingSlot\n  class=\"\n    gds-display-flex\n    gds-flex-column-reverse\n    gds-position-absolute\n    gds-right-2xs\n    slot-trailing\n  \"\n  [ngClass]=\"{ 'gds-display-none': !trailingSlot.children.length }\"\n>\n  <ng-content select=\"[trailing-visual]\" />\n</div>\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .container{max-height:calc(var(--max-rows) * var(--gds-lineHeight-input) + var(--gds-spacing-3xs) * 2);overflow:auto;overflow-wrap:anywhere}:is(body[isMobile=true]) :host .container{max-height:calc(var(--max-rows) * var(--gds-lineHeight-input) + var(--gds-spacing-2xs) * 2)}:host .container:after{content:attr(data-replicated-value) \" \";white-space:pre-wrap;visibility:hidden}:host .slot-leading{top:7px}:is(body[isMobile=true]) :host .slot-leading{top:11px}:host .slot-trailing{bottom:7px}:is(body[isMobile=true]) :host .slot-trailing{bottom:11px}:host ::ng-deep textarea,:host .container:after{grid-area:1/1/2/2}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsTextareaComponent, isStandalone: true, selector: "gds-textarea", host: { listeners: { "click": "textarea()?.nativeElement?.focus()" }, properties: { "style.--max-rows": "maxRows()" }, classAttribute: "gds-display-flex gds-align-items-center gds-justify-content-between gds-gap-2xs gds-height-fit-content gds-radius-sm gds-text-input\n      gds-mobile-text-input-mobile gds-position-relative gds-max-height-100-parent" }, usesInheritance: true, ngImport: i0, template: "<div\n  #leadingSlot\n  class=\"\n    gds-display-flex\n    gds-left-2xs\n    gds-position-absolute\n    slot-leading\n  \"\n  [ngClass]=\"{ 'gds-display-none': !leadingSlot.children.length }\"\n>\n  <ng-content select=\"[leading-visual]\" />\n</div>\n<div\n  class=\"\n    container\n    gds-display-grid\n    gds-flex-1\n    gds-height-100-parent\n    gds-mobile-padding-block-2xs\n    gds-padding-block-3xs\n    gds-padding-inline-xs\n  \"\n  [ngClass]=\"{\n    'gds-padding-inline-start-md': leadingSlot.children.length,\n    'gds-padding-inline-end-md': trailingSlot.children.length\n  }\"\n  [attr.data-replicated-value]=\"dataReplicatedValue()\"\n>\n  <ng-content />\n</div>\n<div\n  #trailingSlot\n  class=\"\n    gds-display-flex\n    gds-flex-column-reverse\n    gds-position-absolute\n    gds-right-2xs\n    slot-trailing\n  \"\n  [ngClass]=\"{ 'gds-display-none': !trailingSlot.children.length }\"\n>\n  <ng-content select=\"[trailing-visual]\" />\n</div>\n", styles: [":host{--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .container{max-height:calc(var(--max-rows) * var(--gds-lineHeight-input) + var(--gds-spacing-3xs) * 2);overflow:auto;overflow-wrap:anywhere}:is(body[isMobile=true]) :host .container{max-height:calc(var(--max-rows) * var(--gds-lineHeight-input) + var(--gds-spacing-2xs) * 2)}:host .container:after{content:attr(data-replicated-value) \" \";white-space:pre-wrap;visibility:hidden}:host .slot-leading{top:7px}:is(body[isMobile=true]) :host .slot-leading{top:11px}:host .slot-trailing{bottom:7px}:is(body[isMobile=true]) :host .slot-trailing{bottom:11px}:host ::ng-deep textarea,:host .container:after{grid-area:1/1/2/2}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-textarea', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: `gds-display-flex gds-align-items-center gds-justify-content-between gds-gap-2xs gds-height-fit-content gds-radius-sm gds-text-input
@@ -6025,10 +6118,10 @@ class GdsIconDoctypeComponent {
     size = 'sm';
     getExt = (ext) => this._doctypeSvc.getIconKeyForExt(ext);
     iconSizeClass = computed(() => `gds-icon-size-${this.size}`, ...(ngDevMode ? [{ debugName: "iconSizeClass" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconDoctypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsIconDoctypeComponent, isStandalone: true, selector: "gds-icon-doctype", inputs: { ext: "ext", size: "size" }, ngImport: i0, template: "<gds-icon\n  [key]=\"iconName\"\n  [class]=\"iconSizeClass()\"\n/>\n", styles: [":host{justify-content:center;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconDoctypeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsIconDoctypeComponent, isStandalone: true, selector: "gds-icon-doctype", inputs: { ext: "ext", size: "size" }, ngImport: i0, template: "<gds-icon\n  [key]=\"iconName\"\n  [class]=\"iconSizeClass()\"\n/>\n", styles: [":host{justify-content:center;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsIconDoctypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsIconDoctypeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-icon-doctype', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<gds-icon\n  [key]=\"iconName\"\n  [class]=\"iconSizeClass()\"\n/>\n", styles: [":host{justify-content:center;display:inline-flex;align-items:center}\n"] }]
         }], propDecorators: { ext: [{
@@ -6044,10 +6137,10 @@ class GdsDialogOverlayComponent {
             return;
         this.clicked.emit();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsDialogOverlayComponent, isStandalone: true, selector: "gds-dialog-overlay", outputs: { clicked: "clicked" }, host: { listeners: { "click": "handleClicked()" }, classAttribute: "gds-position-fixed gds-inset-0 gds-height-100-viewport gds-width-100-viewport gds-background-backdrop" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsDialogOverlayComponent, isStandalone: true, selector: "gds-dialog-overlay", outputs: { clicked: "clicked" }, host: { listeners: { "click": "handleClicked()" }, classAttribute: "gds-position-fixed gds-inset-0 gds-height-100-viewport gds-width-100-viewport gds-background-backdrop" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsDialogOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsDialogOverlayComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
@@ -6101,10 +6194,10 @@ class GdsCollapsibleAsideOverlayComponent extends GdsDialogBaseDirective {
         this.alignment.set(this.config.data.alignment ?? 'center');
         this.dialog().show();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCollapsibleAsideOverlayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsCollapsibleAsideOverlayComponent, isStandalone: true, selector: "gds-collapsible-aside-layout-dialog", host: { properties: { "attr.alignment": "alignment()" }, classAttribute: "gds-display-flex gds-justify-content-center gds-align-items-center" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<gds-dialog-overlay />\n<dialog\n  gds-dialog\n  class=\"dialog\"\n  type=\"slide-left\"\n>\n  <ng-template #layoutTmpl>\n    <ng-template #container />\n  </ng-template>\n</dialog>\n", styles: [":host{position:fixed;inset:0}:host .overlay{opacity:.25}:host .dialog{max-width:unset;width:unset;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsDialogOverlayComponent, selector: "gds-dialog-overlay", outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideOverlayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsCollapsibleAsideOverlayComponent, isStandalone: true, selector: "gds-collapsible-aside-layout-dialog", host: { properties: { "attr.alignment": "alignment()" }, classAttribute: "gds-display-flex gds-justify-content-center gds-align-items-center" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<gds-dialog-overlay />\n<dialog\n  gds-dialog\n  class=\"dialog\"\n  type=\"slide-left\"\n>\n  <ng-template #layoutTmpl>\n    <ng-template #container />\n  </ng-template>\n</dialog>\n", styles: [":host{position:fixed;inset:0}:host .overlay{opacity:.25}:host .dialog{max-width:unset;width:unset;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "headerLabelAlignment", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsDialogOverlayComponent, selector: "gds-dialog-overlay", outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCollapsibleAsideOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideOverlayComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'gds-collapsible-aside-layout-dialog', imports: [GdsDialogComponent, GdsDialogOverlayComponent], host: {
                         class: 'gds-display-flex gds-justify-content-center gds-align-items-center',
@@ -6154,10 +6247,10 @@ class GdsCollapsibleAsideLayoutComponent {
         this.isMoving.set(false);
         this.animationComplete.emit();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCollapsibleAsideLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsCollapsibleAsideLayoutComponent, isStandalone: true, selector: "gds-collapsible-aside-layout", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedMaxWidth: { classPropertyName: "collapsedMaxWidth", publicName: "collapsedMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null }, expandedMaxWidth: { classPropertyName: "expandedMaxWidth", publicName: "expandedMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, asideRight: { classPropertyName: "asideRight", publicName: "asideRight", isSignal: true, isRequired: false, transformFunction: null }, responsiveFullWidthAside: { classPropertyName: "responsiveFullWidthAside", publicName: "responsiveFullWidthAside", isSignal: true, isRequired: false, transformFunction: null }, responsiveOverlayAside: { classPropertyName: "responsiveOverlayAside", publicName: "responsiveOverlayAside", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { properties: { "attr.asideRight": "asideRight() ? \"\" : undefined", "style.--collapsed-width": "collapsedWidth()", "style.--collapsed-max-width": "collapsedMaxWidth()", "style.--expanded-width": "expandedWidth()", "style.--expanded-max-width": "expandedMaxWidth()", "attr.responsiveFullWidthAside": "responsiveFullWidthAside() ? \"\" : undefined", "attr.responsiveOverlayAside": "responsiveOverlayAside() ? \"\" : undefined", "attr.collapsed": "collapsed() ? \"\" : undefined" } }, queries: [{ propertyName: "collapsedTmpl", first: true, predicate: ["collapsedTmpl"], descendants: true, isSignal: true }, { propertyName: "asideTmpl", first: true, predicate: ["asideTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayAsideDialog", first: true, predicate: ["overlayAsideDialog"], descendants: true, isSignal: true }, { propertyName: "asideContent", first: true, predicate: ["asideContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"collapsible-aside-layout_aside\"\n  [ngClass]=\"{ collapsed: collapsed() }\"\n  (transitionend)=\"captureDoneEvent()\"\n>\n  <div\n    class=\"\n      aside-content\n      gds-height-100-parent\n    \"\n    [ngClass]=\"{ 'gds-display-none': !collapsed() || isMoving() }\"\n  >\n    <ng-container *ngTemplateOutlet=\"collapsedTmpl()\" />\n  </div>\n  <div\n    class=\"\n      aside-content\n      gds-height-100-parent\n    \"\n    [ngClass]=\"{ 'gds-display-none': collapsed() || isMoving() }\"\n    #asideContent\n  >\n    <ng-container *ngTemplateOutlet=\"asideTmpl()\" />\n  </div>\n</div>\n\n<div class=\"collapsible-aside-layout_main\">\n  <ng-content />\n</div>\n", styles: [":host{height:100%;width:100%;display:flex}:host[asideRight]{flex-direction:row-reverse}@media(max-width:900px){:host[responsiveFullWidthAside]:not([collapsed])>.collapsible-aside-layout_aside{width:100%;min-width:0;max-width:100%}:host[responsiveFullWidthAside]:not([collapsed])>.collapsible-aside-layout_main{display:none}:host[responsiveFullWidthAside][collapsed]>.collapsible-aside-layout_aside{width:0;display:none}:host[responsiveFullWidthAside][collapsed]>.collapsible-aside-layout_main{width:100%}:host[responsiveOverlayAside] .collapsible-aside-layout_aside{display:none}}:host .collapsible-aside-layout_main{display:flex;min-width:0;width:100%}:host .collapsible-aside-layout_aside{width:var(--expanded-width);min-width:min(var(--expanded-width),var(--expanded-max-width, var(--expanded-width)));max-width:var(--expanded-max-width, var(--expanded-width));transition-property:width,max-width,min-width;transition-duration:.25s}:host .collapsible-aside-layout_aside.collapsed{transition-duration:.25s;width:var(--collapsed-width);min-width:min(var(--collapsed-width),var(--collapsed-max-width, var(--collapsed-width)));max-width:var(--collapsed-max-width, var(--collapsed-width))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsCollapsibleAsideLayoutComponent, isStandalone: true, selector: "gds-collapsible-aside-layout", inputs: { collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsedMaxWidth: { classPropertyName: "collapsedMaxWidth", publicName: "collapsedMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, expandedWidth: { classPropertyName: "expandedWidth", publicName: "expandedWidth", isSignal: true, isRequired: false, transformFunction: null }, expandedMaxWidth: { classPropertyName: "expandedMaxWidth", publicName: "expandedMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, asideRight: { classPropertyName: "asideRight", publicName: "asideRight", isSignal: true, isRequired: false, transformFunction: null }, responsiveFullWidthAside: { classPropertyName: "responsiveFullWidthAside", publicName: "responsiveFullWidthAside", isSignal: true, isRequired: false, transformFunction: null }, responsiveOverlayAside: { classPropertyName: "responsiveOverlayAside", publicName: "responsiveOverlayAside", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { animationComplete: "animationComplete" }, host: { properties: { "attr.asideRight": "asideRight() ? \"\" : undefined", "style.--collapsed-width": "collapsedWidth()", "style.--collapsed-max-width": "collapsedMaxWidth()", "style.--expanded-width": "expandedWidth()", "style.--expanded-max-width": "expandedMaxWidth()", "attr.responsiveFullWidthAside": "responsiveFullWidthAside() ? \"\" : undefined", "attr.responsiveOverlayAside": "responsiveOverlayAside() ? \"\" : undefined", "attr.collapsed": "collapsed() ? \"\" : undefined" } }, queries: [{ propertyName: "collapsedTmpl", first: true, predicate: ["collapsedTmpl"], descendants: true, isSignal: true }, { propertyName: "asideTmpl", first: true, predicate: ["asideTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "overlayAsideDialog", first: true, predicate: ["overlayAsideDialog"], descendants: true, isSignal: true }, { propertyName: "asideContent", first: true, predicate: ["asideContent"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"collapsible-aside-layout_aside\"\n  [ngClass]=\"{ collapsed: collapsed() }\"\n  (transitionend)=\"captureDoneEvent()\"\n>\n  <div\n    class=\"\n      aside-content\n      gds-height-100-parent\n    \"\n    [ngClass]=\"{ 'gds-display-none': !collapsed() || isMoving() }\"\n  >\n    <ng-container *ngTemplateOutlet=\"collapsedTmpl()\" />\n  </div>\n  <div\n    class=\"\n      aside-content\n      gds-height-100-parent\n    \"\n    [ngClass]=\"{ 'gds-display-none': collapsed() || isMoving() }\"\n    #asideContent\n  >\n    <ng-container *ngTemplateOutlet=\"asideTmpl()\" />\n  </div>\n</div>\n\n<div class=\"collapsible-aside-layout_main\">\n  <ng-content />\n</div>\n", styles: [":host{height:100%;width:100%;display:flex}:host[asideRight]{flex-direction:row-reverse}@media(max-width:900px){:host[responsiveFullWidthAside]:not([collapsed])>.collapsible-aside-layout_aside{width:100%;min-width:0;max-width:100%}:host[responsiveFullWidthAside]:not([collapsed])>.collapsible-aside-layout_main{display:none}:host[responsiveFullWidthAside][collapsed]>.collapsible-aside-layout_aside{width:0;display:none}:host[responsiveFullWidthAside][collapsed]>.collapsible-aside-layout_main{width:100%}:host[responsiveOverlayAside] .collapsible-aside-layout_aside{display:none}}:host .collapsible-aside-layout_main{display:flex;min-width:0;width:100%}:host .collapsible-aside-layout_aside{width:var(--expanded-width);min-width:min(var(--expanded-width),var(--expanded-max-width, var(--expanded-width)));max-width:var(--expanded-max-width, var(--expanded-width));transition-property:width,max-width,min-width;transition-duration:.25s}:host .collapsible-aside-layout_aside.collapsed{transition-duration:.25s;width:var(--collapsed-width);min-width:min(var(--collapsed-width),var(--collapsed-max-width, var(--collapsed-width)));max-width:var(--collapsed-max-width, var(--collapsed-width))}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCollapsibleAsideLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCollapsibleAsideLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-collapsible-aside-layout', imports: [NgTemplateOutlet, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.asideRight]': 'asideRight() ? "" : undefined',
@@ -6201,10 +6294,10 @@ class GdsLoadingCarouselComponent {
         this.clearInterval();
     }
     clearInterval = () => clearInterval(this.#interval);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsLoadingCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsLoadingCarouselComponent, isStandalone: true, selector: "gds-loading-carousel", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, repeat: { classPropertyName: "repeat", publicName: "repeat", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.gds-text-shimmer": "true" } }, ngImport: i0, template: "{{ prefix() }}{{ currentLabel() }}{{ suffix() }}\n", styles: [":host{font:var(--gds-text-body-shorthand);-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsLoadingCarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsLoadingCarouselComponent, isStandalone: true, selector: "gds-loading-carousel", inputs: { labels: { classPropertyName: "labels", publicName: "labels", isSignal: true, isRequired: false, transformFunction: null }, prefix: { classPropertyName: "prefix", publicName: "prefix", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null }, repeat: { classPropertyName: "repeat", publicName: "repeat", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.gds-text-shimmer": "true" } }, ngImport: i0, template: "{{ prefix() }}{{ currentLabel() }}{{ suffix() }}\n", styles: [":host{font:var(--gds-text-body-shorthand);-webkit-user-select:none;user-select:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsLoadingCarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsLoadingCarouselComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'gds-loading-carousel', host: {
                         '[class.gds-text-shimmer]': 'true'
@@ -6218,10 +6311,10 @@ class GdsNavAsideItemComponent {
     handleClicked(event) {
         this.clicked.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNavAsideItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsNavAsideItemComponent, isStandalone: true, selector: "gds-nav-aside-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "handleClicked($event)" }, properties: { "attr.isActive": "isActive()" }, classAttribute: "gds-radius-sm" }, ngImport: i0, template: "<span class=\"gds-nav-item_icon\">\n  <gds-icon\n    [key]=\"icon()\"\n    class=\"gds-icon-size-sm\"\n  />\n</span>\n<span class=\"gds-nav-item_label\"><ng-content /></span>\n", styles: [":host{--background-color: transparent;--text-color: var(--gds-palette-text-default-secondary);--icon-color: var(--gds-palette-icon-primary)}:host:hover,:host[isActive=true]{--background-color: var(--gds-palette-background-hover);--text-color: var(--gds-palette-text-primary-primary);--icon-color: var(--gds-palette-icon-primary);cursor:pointer}:host:hover:after,:host[isActive=true]:after{content:\"\";position:absolute;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--gds-palette-border-selected);padding:0;height:100%;left:0;border-radius:3px 0 0 3px}:host{position:relative;width:68px;padding:var(--gds-spacing-2xs) var(--gds-spacing-sm);background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gds-spacing-3xs)}:host .gds-nav-item_icon{color:var(--icon-color)}:host .gds-nav-item_label{color:var(--text-color);font:var(--gds-text-caption-shorthand)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsNavAsideItemComponent, isStandalone: true, selector: "gds-nav-aside-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "handleClicked($event)" }, properties: { "attr.isActive": "isActive()" }, classAttribute: "gds-radius-sm" }, ngImport: i0, template: "<span class=\"gds-nav-item_icon\">\n  <gds-icon\n    [key]=\"icon()\"\n    class=\"gds-icon-size-sm\"\n  />\n</span>\n<span class=\"gds-nav-item_label\"><ng-content /></span>\n", styles: [":host{--background-color: transparent;--text-color: var(--gds-palette-text-default-secondary);--icon-color: var(--gds-palette-icon-primary)}:host:hover,:host[isActive=true]{--background-color: var(--gds-palette-background-hover);--text-color: var(--gds-palette-text-primary-primary);--icon-color: var(--gds-palette-icon-primary);cursor:pointer}:host:hover:after,:host[isActive=true]:after{content:\"\";position:absolute;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--gds-palette-border-selected);padding:0;height:100%;left:0;border-radius:3px 0 0 3px}:host{position:relative;width:68px;padding:var(--gds-spacing-2xs) var(--gds-spacing-sm);background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--gds-spacing-3xs)}:host .gds-nav-item_icon{color:var(--icon-color)}:host .gds-nav-item_label{color:var(--text-color);font:var(--gds-text-caption-shorthand)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNavAsideItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-nav-aside-item', imports: [GdsIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-radius-sm',
@@ -6231,10 +6324,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 class GdsNavAsideComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNavAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsNavAsideComponent, isStandalone: true, selector: "gds-nav-aside", host: { classAttribute: "gds-display-flex gds-flex-column gds-radius-top-left-lg gds-radius-bottom-left-lg gds-height-100-parent gds-width-fit-content gds-padding-block-xs gds-padding-inline-0 gds-background-white" }, ngImport: i0, template: "<ul class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-2xs\n  gds-margin-0\n  gds-padding-0\n\">\n  <ng-content />\n</ul>\n<ul class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-2xs\n  gds-margin-0\n  gds-margin-block-start-auto\n  gds-padding-0\n\">\n  <ng-content select=\"[menu-bottom]\" />\n</ul>\n", styles: [":host{box-shadow:-3px 0 4px #00000012 inset;border-right:.5px solid var(--gds-palette-border-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsNavAsideComponent, isStandalone: true, selector: "gds-nav-aside", host: { classAttribute: "gds-display-flex gds-flex-column gds-radius-top-left-lg gds-radius-bottom-left-lg gds-height-100-parent gds-width-fit-content gds-padding-block-xs gds-padding-inline-0 gds-background-white" }, ngImport: i0, template: "<ul class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-2xs\n  gds-margin-0\n  gds-padding-0\n\">\n  <ng-content />\n</ul>\n<ul class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-2xs\n  gds-margin-0\n  gds-margin-block-start-auto\n  gds-padding-0\n\">\n  <ng-content select=\"[menu-bottom]\" />\n</ul>\n", styles: [":host{box-shadow:-3px 0 4px #00000012 inset;border-right:.5px solid var(--gds-palette-border-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNavAsideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNavAsideComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-nav-aside', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-display-flex gds-flex-column gds-radius-top-left-lg gds-radius-bottom-left-lg gds-height-100-parent gds-width-fit-content gds-padding-block-xs gds-padding-inline-0 gds-background-white'
@@ -6380,10 +6473,10 @@ class GdsNestedSelectComponent extends GdsSignalFormContainer {
             inputDirective.nativeElement.dispatchEvent(new Event('input'));
         }
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNestedSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsNestedSelectComponent, isStandalone: true, selector: "gds-nested-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: true, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: true, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, maxMenuHeight: { classPropertyName: "maxMenuHeight", publicName: "maxMenuHeight", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "keydown.escape": "onEscape()" }, properties: { "class.is-controlled": "isOpen()" }, classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-2xs\n      gds-justify-content-between\n      gds-mobile-padding-block-0\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-xs\n      gds-radius-sm\n      gds-text-input\n    " }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"\n  content\n  gds-position-absolute\n\">\n  <ng-content />\n</div>\n\n<div\n  class=\"\n    gds-flex-1\n    gds-min-width-0\n    gds-truncate\n    label\n  \"\n  [ngClass]=\"{ placeholder: !label() }\"\n>\n  {{ label() ? label() : inputPlaceholder() }}\n</div>\n\n@if (clearable() && label() && !inputDisabled()) {\n  <button\n    gds-icon-button\n    class=\"\n      gds-background-none\n      gds-min-height-0\n    \"\n    [disabled]=\"inputDisabled()\"\n    (click)=\"onClear($event)\"\n    (keydown.enter)=\"onClear($event)\"\n    [attr.aria-label]=\"clearAriaLabel() | translate\"\n  >\n    <gds-icon\n      key=\"line-dismiss\"\n      class=\"\n        gds-icon-primary\n        gds-icon-size-3xs\n        icon\n      \"\n    />\n  </button>\n} @else {\n  <gds-icon\n    class=\"\n      gds-icon-primary\n      gds-icon-size-2xs\n      icon\n    \"\n    [key]=\"isOpen() ? 'line-chevron-up-stroke' : 'line-chevron-down-stroke'\"\n  />\n}\n\n<ng-template #menu>\n  <gds-dropdown\n    cdkTargetMenuAim\n    preventMobileStyling\n    allowDefaultTabBehavior\n    [style.minWidth]=\"dropdownWidth() + 'px'\"\n  >\n    <div\n      [style.maxHeight]=\"maxMenuHeight()\"\n      class=\"gds-scrollable-vertically\"\n    >\n      <div class=\"\n        gds-display-flex\n        gds-flex-column\n      \">\n        @for (option of options(); track $index) {\n          @if (!option.children?.length) {\n            <span\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                item\n              \"\n              role=\"button\"\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              cdkMenuItem\n              (cdkMenuItemTriggered)=\"onItemClick(option)\"\n              >{{ option[bindLabel()] }}</span\n            >\n          } @else {\n            <span\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                item\n              \"\n              role=\"button\"\n              cdkMenuItem\n              [cdkMenuTriggerFor]=\"subMenu\"\n              [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n            >\n              {{ option[bindLabel()] }}\n              <gds-icon\n                key=\"line-chevron-right-stroke\"\n                class=\"gds-icon-size-2xs\"\n              />\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </gds-dropdown>\n</ng-template>\n\n<ng-template\n  #subMenu\n  let-data\n>\n  <gds-dropdown\n    cdkTargetMenuAim\n    preventMobileStyling\n  >\n    <div\n      [style.maxHeight]=\"maxMenuHeight()\"\n      class=\"gds-scrollable-vertically\"\n    >\n      <div class=\"\n        gds-display-flex\n        gds-flex-column\n      \">\n        @for (option of data; track $index) {\n          @if (!option.children?.length) {\n            <span\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                item\n              \"\n              role=\"button\"\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              cdkMenuItem\n              (cdkMenuItemTriggered)=\"onItemClick(option)\"\n              >{{ option[bindLabel()] }}</span\n            >\n          } @else {\n            <span\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                gds-text-primary\n                item\n              \"\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              cdkMenuItem\n              role=\"button\"\n              [cdkMenuTriggerFor]=\"subMenu\"\n              [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n            >\n              {{ option[bindLabel()] }}\n              <gds-icon\n                key=\"line-chevron-right-stroke\"\n                class=\"gds-icon-size-2xs\"\n              />\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </gds-dropdown>\n</ng-template>\n", styles: [":host{outline:none;--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color);-webkit-user-select:none;user-select:none}:host .chevron{outline:none}:host .content{opacity:0;z-index:-1}.item{padding-block:11px;cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item[aria-expanded=true]:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}\n"], dependencies: [{ kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkTargetMenuAim, selector: "[cdkTargetMenuAim]", exportAs: ["cdkTargetMenuAim"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNestedSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsNestedSelectComponent, isStandalone: true, selector: "gds-nested-select", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: true, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: true, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, maxMenuHeight: { classPropertyName: "maxMenuHeight", publicName: "maxMenuHeight", isSignal: true, isRequired: false, transformFunction: null }, clearAriaLabel: { classPropertyName: "clearAriaLabel", publicName: "clearAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "button" }, listeners: { "keydown.escape": "onEscape()" }, properties: { "class.is-controlled": "isOpen()" }, classAttribute: "\n      gds-align-items-center\n      gds-display-flex\n      gds-gap-2xs\n      gds-justify-content-between\n      gds-mobile-padding-block-0\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-xs\n      gds-radius-sm\n      gds-text-input\n    " }, queries: [{ propertyName: "input", first: true, predicate: GdsNativeInputDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menu", first: true, predicate: ["menu"], descendants: true, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0, template: "<div class=\"\n  content\n  gds-position-absolute\n\">\n  <ng-content />\n</div>\n\n<div\n  class=\"\n    gds-flex-1\n    gds-min-width-0\n    gds-truncate\n    label\n  \"\n  [ngClass]=\"{ placeholder: !label() }\"\n>\n  {{ label() ? label() : inputPlaceholder() }}\n</div>\n\n@if (clearable() && label() && !inputDisabled()) {\n  <button\n    gds-icon-button\n    class=\"\n      gds-background-none\n      gds-min-height-0\n    \"\n    [disabled]=\"inputDisabled()\"\n    (click)=\"onClear($event)\"\n    (keydown.enter)=\"onClear($event)\"\n    [attr.aria-label]=\"clearAriaLabel() | translate\"\n  >\n    <gds-icon\n      key=\"line-dismiss\"\n      class=\"\n        gds-icon-primary\n        gds-icon-size-3xs\n        icon\n      \"\n    />\n  </button>\n} @else {\n  <gds-icon\n    class=\"\n      gds-icon-primary\n      gds-icon-size-2xs\n      icon\n    \"\n    [key]=\"isOpen() ? 'line-chevron-up-stroke' : 'line-chevron-down-stroke'\"\n  />\n}\n\n<ng-template #menu>\n  <gds-dropdown\n    cdkTargetMenuAim\n    preventMobileStyling\n    allowDefaultTabBehavior\n    [style.minWidth]=\"dropdownWidth() + 'px'\"\n  >\n    <div\n      [style.maxHeight]=\"maxMenuHeight()\"\n      class=\"gds-scrollable-vertically\"\n    >\n      <div class=\"\n        gds-display-flex\n        gds-flex-column\n      \">\n        @for (option of options(); track $index) {\n          @if (!option.children?.length) {\n            <span\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                item\n              \"\n              role=\"button\"\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              cdkMenuItem\n              (cdkMenuItemTriggered)=\"onItemClick(option)\"\n              >{{ option[bindLabel()] }}</span\n            >\n          } @else {\n            <span\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                item\n              \"\n              role=\"button\"\n              cdkMenuItem\n              [cdkMenuTriggerFor]=\"subMenu\"\n              [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n            >\n              {{ option[bindLabel()] }}\n              <gds-icon\n                key=\"line-chevron-right-stroke\"\n                class=\"gds-icon-size-2xs\"\n              />\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </gds-dropdown>\n</ng-template>\n\n<ng-template\n  #subMenu\n  let-data\n>\n  <gds-dropdown\n    cdkTargetMenuAim\n    preventMobileStyling\n  >\n    <div\n      [style.maxHeight]=\"maxMenuHeight()\"\n      class=\"gds-scrollable-vertically\"\n    >\n      <div class=\"\n        gds-display-flex\n        gds-flex-column\n      \">\n        @for (option of data; track $index) {\n          @if (!option.children?.length) {\n            <span\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                item\n              \"\n              role=\"button\"\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              cdkMenuItem\n              (cdkMenuItemTriggered)=\"onItemClick(option)\"\n              >{{ option[bindLabel()] }}</span\n            >\n          } @else {\n            <span\n              class=\"\n                gds-align-items-center\n                gds-display-flex\n                gds-flex-1\n                gds-justify-content-between\n                gds-padding-inline-sm\n                gds-position-relative\n                gds-radius-sm\n                gds-text-body\n                gds-text-primary\n                gds-text-primary\n                item\n              \"\n              [ngClass]=\"{ active: activeItems().includes(option[bindValue()]) }\"\n              cdkMenuItem\n              role=\"button\"\n              [cdkMenuTriggerFor]=\"subMenu\"\n              [cdkMenuTriggerData]=\"{ $implicit: option.children }\"\n            >\n              {{ option[bindLabel()] }}\n              <gds-icon\n                key=\"line-chevron-right-stroke\"\n                class=\"gds-icon-size-2xs\"\n              />\n            </span>\n          }\n        }\n      </div>\n    </div>\n  </gds-dropdown>\n</ng-template>\n", styles: [":host{outline:none;--gds-form-control-cursor: pointer;--background-color: var(--gds-form-control-background-color, var(--gds-palette-background-white));--border-color: var(--gds-form-control-border-color, var(--gds-palette-border-default));--text-color: var(--gds-form-control-text-color, var(--gds-palette-text-default-primary));--active-color: var(--gds-form-control-active-color, var(--gds-palette-border-selected));--cursor: var(--gds-form-control-cursor, auto);--hover-color: var(--gds-form-control-hover-color, var(--gds-palette-background-secondary));--placeholder-color: var(--gds-form-control-placeholder-color, var(--gds-palette-text-default-placeholder));--invalid-color: var(--gds-form-control-invalid-color, var(--gds-palette-helper-error-inverse));--disabled-text-color: var(--gds-form-control-disabled-text-color, var(--gds-palette-text-default-disabled));--disabled-background-color: var( --gds-form-control-disabled-background-color, var(--gds-palette-background-disabled) );--disabled-border-color: var(--gds-form-control-disabled-border-color, var(--gds-palette-border-default))}:host[disabled],:host:has(*:disabled,*[disabled=true]){--background-color: var(--disabled-background-color);--text-color: var(--disabled-text-color);--hover-color: var(--disabled-background-color);--border-color: var(--disabled-border-color);--cursor: not-allowed}:host[invalid][touched]:not(:focus-within,.is-controlled),:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled){--border-color: var(--invalid-color);--text-color: var(--invalid-color);--placeholder-color: var(--invalid-color);--active-color: var(--invalid-color)}:host{background-color:var(--background-color);border:.5px solid var(--border-color);color:var(--text-color);cursor:var(--cursor)!important}:host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--active-color);border-radius:var(--gds-borderRadius-xs)}:host{min-height:var(--gds-size-md-rem)}:is(body[isMobile=true]) :host{min-height:var(--gds-size-lg-rem)}:host:hover{background-color:var(--hover-color)}:host[disabled]::ng-deep svg-icon,:host:has(*:disabled,*[disabled=true])::ng-deep svg-icon{color:var(--disabled-text-color)}:host[invalid][touched]:not(:focus-within,.is-controlled)::ng-deep svg-icon,:host:has(input[invalid][touched],textarea[invalid][touched]):not(:focus-within,.is-controlled)::ng-deep svg-icon{color:var(--invalid-color)}:host ::ng-deep *::placeholder{color:var(--placeholder-color)}:host .label{color:var(--text-color)}:host .placeholder{color:var(--placeholder-color);-webkit-user-select:none;user-select:none}:host .chevron{outline:none}:host .content{opacity:0;z-index:-1}.item{padding-block:11px;cursor:pointer;--wrapper-margin-inline: 0px;--wrapper-margin-block: 2px}.item:hover:before,.item.active:before,.item[aria-expanded=true]:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}.item:focus-visible{outline:none}\n"], dependencies: [{ kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuItem, selector: "[cdkMenuItem]", inputs: ["cdkMenuItemDisabled", "cdkMenuitemTypeaheadLabel"], outputs: ["cdkMenuItemTriggered"], exportAs: ["cdkMenuItem"] }, { kind: "directive", type: CdkTargetMenuAim, selector: "[cdkTargetMenuAim]", exportAs: ["cdkTargetMenuAim"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsNestedSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsNestedSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-nested-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CdkMenuTrigger,
@@ -6419,10 +6512,10 @@ class GdsProgressBarComponent {
         return this.progress();
     }
     progress = input(0, { ...(ngDevMode ? { debugName: "progress" } : /* istanbul ignore next */ {}), transform: (value) => Math.max(Math.min(typeof value === 'string' ? Number.parseInt(value) : value, 100), 0) });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsProgressBarComponent, isStandalone: true, selector: "gds-progress-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--percent-complete": "this.percentComplete" } }, ngImport: i0, template: "<div class=\"\n  gds-progress-bar_rail\n  gds-radius-pill\n\"></div>\n<div class=\"\n  gds-progress-bar_track\n  gds-radius-pill\n\"></div>\n", styles: [":host{--percent-complete: 0;--color: var(--gds-palette-icon-primary);display:block;height:var(--gds-spacing-2xs);position:relative}:host .gds-progress-bar_track{background-color:var(--color);width:calc(var(--percent-complete) * 1%);position:absolute;height:3px;top:50%;transform:translateY(-50%)}:host .gds-progress-bar_rail{background-color:var(--gds-palette-border-default);position:absolute;height:1.5px;top:50%;transform:translateY(-50%);width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsProgressBarComponent, isStandalone: true, selector: "gds-progress-bar", inputs: { progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--percent-complete": "this.percentComplete" } }, ngImport: i0, template: "<div class=\"\n  gds-progress-bar_rail\n  gds-radius-pill\n\"></div>\n<div class=\"\n  gds-progress-bar_track\n  gds-radius-pill\n\"></div>\n", styles: [":host{--percent-complete: 0;--color: var(--gds-palette-icon-primary);display:block;height:var(--gds-spacing-2xs);position:relative}:host .gds-progress-bar_track{background-color:var(--color);width:calc(var(--percent-complete) * 1%);position:absolute;height:3px;top:50%;transform:translateY(-50%)}:host .gds-progress-bar_rail{background-color:var(--gds-palette-border-default);position:absolute;height:1.5px;top:50%;transform:translateY(-50%);width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsProgressBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsProgressBarComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'gds-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"\n  gds-progress-bar_rail\n  gds-radius-pill\n\"></div>\n<div class=\"\n  gds-progress-bar_track\n  gds-radius-pill\n\"></div>\n", styles: [":host{--percent-complete: 0;--color: var(--gds-palette-icon-primary);display:block;height:var(--gds-spacing-2xs);position:relative}:host .gds-progress-bar_track{background-color:var(--color);width:calc(var(--percent-complete) * 1%);position:absolute;height:3px;top:50%;transform:translateY(-50%)}:host .gds-progress-bar_rail{background-color:var(--gds-palette-border-default);position:absolute;height:1.5px;top:50%;transform:translateY(-50%);width:100%}\n"] }]
         }], propDecorators: { percentComplete: [{
@@ -6438,10 +6531,10 @@ class GdsSpinnerComponent {
         const val = parseInt(this.size()) + 1;
         return `0 0 ${val} ${val}`;
     }, ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsSpinnerComponent, isStandalone: true, selector: "gds-spinner", inputs: { trackWidth: { classPropertyName: "trackWidth", publicName: "trackWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--track-width": "trackWidth()", "style.--size": "size()" } }, ngImport: i0, template: "<svg\n  class=\"gds-spinner\"\n  role=\"progressbar\"\n  aria-label=\"loading\"\n  [attr.viewBox]=\"viewBox()\"\n  width=\"100%\"\n  height=\"100%\"\n  preserveAspectRatio=\"xMinYMin meet\"\n>\n  <circle class=\"gds-spinner_track\" />\n  <circle class=\"gds-spinner_indicator\" />\n</svg>\n", styles: [":host{display:inline-flex;font-size:var(--size, inherit);width:1em;height:1em;color:var(--gds-palette-background-bright)}:host .gds-spinner_track,:host .gds-spinner_indicator{fill:none;stroke-width:var(--track-width);r:calc(.5em - var(--track-width) / 2);cx:.5em;cy:.5em;transform-origin:50% 50%}:host .gds-spinner_track{stroke:transparent;transform-origin:0% 0%}:host .gds-spinner_indicator{stroke:currentColor;stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0);stroke-dasharray:.05em,3em}50%{transform:rotate(450deg);stroke-dasharray:1.375em,1.375em}to{transform:rotate(1080deg);stroke-dasharray:.05em,3em}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsSpinnerComponent, isStandalone: true, selector: "gds-spinner", inputs: { trackWidth: { classPropertyName: "trackWidth", publicName: "trackWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--track-width": "trackWidth()", "style.--size": "size()" } }, ngImport: i0, template: "<svg\n  class=\"gds-spinner\"\n  role=\"progressbar\"\n  aria-label=\"loading\"\n  [attr.viewBox]=\"viewBox()\"\n  width=\"100%\"\n  height=\"100%\"\n  preserveAspectRatio=\"xMinYMin meet\"\n>\n  <circle class=\"gds-spinner_track\" />\n  <circle class=\"gds-spinner_indicator\" />\n</svg>\n", styles: [":host{display:inline-flex;font-size:var(--size, inherit);width:1em;height:1em;color:var(--gds-palette-background-bright)}:host .gds-spinner_track,:host .gds-spinner_indicator{fill:none;stroke-width:var(--track-width);r:calc(.5em - var(--track-width) / 2);cx:.5em;cy:.5em;transform-origin:50% 50%}:host .gds-spinner_track{stroke:transparent;transform-origin:0% 0%}:host .gds-spinner_indicator{stroke:currentColor;stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0);stroke-dasharray:.05em,3em}50%{transform:rotate(450deg);stroke-dasharray:1.375em,1.375em}to{transform:rotate(1080deg);stroke-dasharray:.05em,3em}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSpinnerComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'gds-spinner', host: { '[style.--track-width]': 'trackWidth()', '[style.--size]': 'size()' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg\n  class=\"gds-spinner\"\n  role=\"progressbar\"\n  aria-label=\"loading\"\n  [attr.viewBox]=\"viewBox()\"\n  width=\"100%\"\n  height=\"100%\"\n  preserveAspectRatio=\"xMinYMin meet\"\n>\n  <circle class=\"gds-spinner_track\" />\n  <circle class=\"gds-spinner_indicator\" />\n</svg>\n", styles: [":host{display:inline-flex;font-size:var(--size, inherit);width:1em;height:1em;color:var(--gds-palette-background-bright)}:host .gds-spinner_track,:host .gds-spinner_indicator{fill:none;stroke-width:var(--track-width);r:calc(.5em - var(--track-width) / 2);cx:.5em;cy:.5em;transform-origin:50% 50%}:host .gds-spinner_track{stroke:transparent;transform-origin:0% 0%}:host .gds-spinner_indicator{stroke:currentColor;stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0);stroke-dasharray:.05em,3em}50%{transform:rotate(450deg);stroke-dasharray:1.375em,1.375em}to{transform:rotate(1080deg);stroke-dasharray:.05em,3em}}\n"] }]
         }], propDecorators: { trackWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackWidth", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
@@ -6624,10 +6717,10 @@ class GdsSearchBarComponent {
         // this needs to be last to prevent the dropdown from flashing
         this.#renderer.setStyle(this.dropdownPanelScroll.nativeElement.parentElement, 'visibility', 'visible');
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsSearchBarComponent, isStandalone: true, selector: "gds-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, suppressClearOnClose: { classPropertyName: "suppressClearOnClose", publicName: "suppressClearOnClose", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, isOpenOverride: { classPropertyName: "isOpenOverride", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, searchFunction: { classPropertyName: "searchFunction", publicName: "searchFunction", isSignal: true, isRequired: false, transformFunction: null }, showAllItems: { classPropertyName: "showAllItems", publicName: "showAllItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isDisabled: "isDisabledChange", focused: "focused", blurred: "blurred", dropdownStateChanged: "dropdownStateChanged", searched: "searched", changed: "changed", value: "valueChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()", "window:resize": "close()" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined" } }, queries: [{ propertyName: "groupItemTmpl", first: true, predicate: ["groupItemTmpl"], descendants: true, isSignal: true }, { propertyName: "dropdownItemTmpl", first: true, predicate: ["itemTmpl"], descendants: true, isSignal: true }, { propertyName: "emptyTmpl", first: true, predicate: ["emptyTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-select\n  #select\n  class=\"\n    gds-radius-sm\n    gds-search-bar_input\n  \"\n  [placeholder]=\"!value() ? placeholder() : ''\"\n  [isOpen]=\"isOpen()\"\n  [disabled]=\"isDisabled()\"\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"setValue($event)\"\n  [items]=\"items()\"\n  [bindValue]=\"bindValue()\"\n  [bindLabel]=\"bindLabel()\"\n  [loading]=\"loading()\"\n  [markFirst]=\"false\"\n  [groupBy]=\"groupBy()\"\n  [dropdownPosition]=\"dropdownPosition()\"\n  [searchFn]=\"showAllItems() ? showAllItemsSearchFunction : searchFunction()\"\n  [ariaLabel]=\"ariaLabel() ?? 'Core.Accessibility.Searchbar' | translate\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  (click)=\"handleClick($event)\"\n  (search)=\"handleSearch($event.term)\"\n  (open)=\"handleOpened()\"\n  (close)=\"handleClosed()\"\n  (change)=\"handleChange($event)\"\n  (clear)=\"handleClear()\"\n>\n  <ng-template\n    ng-optgroup-tmp\n    let-item=\"item\"\n    let-index=\"index\"\n  >\n    <div class=\"\n      gds-display-flex\n      gds-padding-block-3xs\n      gds-padding-inline-0\n      gds-text-body\n      gds-text-primary\n    \">\n      <ng-container *ngTemplateOutlet=\"groupItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n    </div>\n  </ng-template>\n  <ng-template\n    ng-option-tmp\n    let-item=\"item\"\n    let-index=\"index\"\n  >\n    <div class=\"\n      gds-display-flex\n      gds-padding-block-3xs\n      gds-padding-inline-0\n      gds-text-body\n      gds-text-primary\n    \">\n      <ng-container *ngTemplateOutlet=\"dropdownItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n    </div>\n  </ng-template>\n  <ng-template\n    ng-notfound-tmp\n    let-searchTerm=\"searchTerm\"\n  >\n    <ng-container *ngTemplateOutlet=\"emptyTmpl(); context: { searchTerm }\" />\n  </ng-template>\n  <ng-template ng-loadingtext-tmp>\n    <div class=\"\n      gds-display-flex\n      gds-justify-content-center\n      gds-padding-sm\n      gds-text-body\n      gds-text-primary\n    \">\n      <gds-spinner />\n    </div>\n  </ng-template>\n  <ng-template ng-loadingspinner-tmp />\n  <ng-template ng-clearbutton-tmp>\n    <button\n      gds-icon-button\n      class=\"\n        gds-background-none\n        gds-min-height-0\n        ng-clear-wrapper\n      \"\n      (click)=\"select.handleClearClick()\"\n      (mousedown)=\"onClearMouseDown($event)\"\n      (keydown.enter)=\"onKeydownClear($event)\"\n    >\n      <gds-icon\n        class=\"\n          gds-icon-primary\n          gds-icon-size-3xs\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </ng-template>\n</ng-select>\n", styles: ["gds-search-bar{display:flex;max-width:var(--search-bar-max-width, 560px);min-width:230px;width:100%;position:relative;--background-color: var(--gds-palette-background-white);--text-color: var(--gds-palette-text-default-primary);--icon-color: var(--gds-palette-icon-primary);--cursor: text}gds-search-bar[disabled]{--background-color: var(--gds-palette-background-disabled);--text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled);--cursor: not-allowed}gds-search-bar .gds-search-bar_icon{min-width:var(--gds-spacing-sm);color:var(--icon-color)}gds-search-bar .gds-search-bar_input{background-color:var(--background-color);border:.5px solid var(--gds-palette-border-default);color:var(--text-color);box-sizing:border-box;text-overflow:ellipsis;width:100%;font:var(--gds-text-body-shorthand)}:is(body[isMobile=true]) gds-search-bar .gds-search-bar_input{font:var(--gds-text-inputMobile-shorthand)}gds-search-bar .gds-search-bar_input::placeholder{color:var(--gds-palette-text-default-secondary);width:100%}gds-search-bar .gds-search-bar_input:focus-visible{outline:none}gds-search-bar .gds-search-bar_end-content{display:flex;align-items:center;gap:var(--gds-spacing-2xs)}gds-search-bar .gds-search-bar_clear-button{cursor:pointer}gds-search-bar ng-select.ng-select .leading-icon{height:var(--gds-iconSize-2xs);width:var(--gds-iconSize-2xs);color:var(--icon-color);margin-right:var(--gds-size-3xs-rem)}gds-search-bar ng-select.ng-select .ng-select-container{padding:6px var(--gds-spacing-xs);cursor:var(--cursor)}:is(body[isMobile=true]) gds-search-bar ng-select.ng-select .ng-select-container{padding-block:11px}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container{display:flex;justify-content:var(--search-bar-placeholder-justify, \"center\");align-items:center}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container:focus-within{justify-content:unset}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 calc(12px + var(--gds-iconSize-xs))}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input>input{vertical-align:baseline;cursor:var(--cursor)}gds-search-bar ng-select.ng-select .ng-dropdown-panel{padding:var(--gds-spacing-3xs) 2px;visibility:hidden}gds-search-bar ng-select.ng-select .ng-dropdown-panel .ng-option{overflow:unset!important}gds-search-bar ng-select.ng-select .ng-dropdown-panel .scroll-host{padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i2.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i2.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "directive", type: i2.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "directive", type: i2.NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSearchBarComponent, isStandalone: true, selector: "gds-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, leadingIcon: { classPropertyName: "leadingIcon", publicName: "leadingIcon", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, suppressClearOnClose: { classPropertyName: "suppressClearOnClose", publicName: "suppressClearOnClose", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, isOpenOverride: { classPropertyName: "isOpenOverride", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, groupBy: { classPropertyName: "groupBy", publicName: "groupBy", isSignal: true, isRequired: false, transformFunction: null }, searchFunction: { classPropertyName: "searchFunction", publicName: "searchFunction", isSignal: true, isRequired: false, transformFunction: null }, showAllItems: { classPropertyName: "showAllItems", publicName: "showAllItems", isSignal: true, isRequired: false, transformFunction: null }, dropdownPosition: { classPropertyName: "dropdownPosition", publicName: "dropdownPosition", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isDisabled: "isDisabledChange", focused: "focused", blurred: "blurred", dropdownStateChanged: "dropdownStateChanged", searched: "searched", changed: "changed", value: "valueChange" }, host: { listeners: { "keydown": "setMarkedItemIndex()", "window:resize": "close()" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined" } }, queries: [{ propertyName: "groupItemTmpl", first: true, predicate: ["groupItemTmpl"], descendants: true, isSignal: true }, { propertyName: "dropdownItemTmpl", first: true, predicate: ["itemTmpl"], descendants: true, isSignal: true }, { propertyName: "emptyTmpl", first: true, predicate: ["emptyTmpl"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-select\n  #select\n  class=\"\n    gds-radius-sm\n    gds-search-bar_input\n  \"\n  [placeholder]=\"!value() ? placeholder() : ''\"\n  [isOpen]=\"isOpen()\"\n  [disabled]=\"isDisabled()\"\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"setValue($event)\"\n  [items]=\"items()\"\n  [bindValue]=\"bindValue()\"\n  [bindLabel]=\"bindLabel()\"\n  [loading]=\"loading()\"\n  [markFirst]=\"false\"\n  [groupBy]=\"groupBy()\"\n  [dropdownPosition]=\"dropdownPosition()\"\n  [searchFn]=\"showAllItems() ? showAllItemsSearchFunction : searchFunction()\"\n  [ariaLabel]=\"ariaLabel() ?? 'Core.Accessibility.Searchbar' | translate\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  (click)=\"handleClick($event)\"\n  (search)=\"handleSearch($event.term)\"\n  (open)=\"handleOpened()\"\n  (close)=\"handleClosed()\"\n  (change)=\"handleChange($event)\"\n  (clear)=\"handleClear()\"\n>\n  <ng-template\n    ng-optgroup-tmp\n    let-item=\"item\"\n    let-index=\"index\"\n  >\n    <div class=\"\n      gds-display-flex\n      gds-padding-block-3xs\n      gds-padding-inline-0\n      gds-text-body\n      gds-text-primary\n    \">\n      <ng-container *ngTemplateOutlet=\"groupItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n    </div>\n  </ng-template>\n  <ng-template\n    ng-option-tmp\n    let-item=\"item\"\n    let-index=\"index\"\n  >\n    <div class=\"\n      gds-display-flex\n      gds-padding-block-3xs\n      gds-padding-inline-0\n      gds-text-body\n      gds-text-primary\n    \">\n      <ng-container *ngTemplateOutlet=\"dropdownItemTmpl(); context: { item, marked: markedIndex() === index }\" />\n    </div>\n  </ng-template>\n  <ng-template\n    ng-notfound-tmp\n    let-searchTerm=\"searchTerm\"\n  >\n    <ng-container *ngTemplateOutlet=\"emptyTmpl(); context: { searchTerm }\" />\n  </ng-template>\n  <ng-template ng-loadingtext-tmp>\n    <div class=\"\n      gds-display-flex\n      gds-justify-content-center\n      gds-padding-sm\n      gds-text-body\n      gds-text-primary\n    \">\n      <gds-spinner />\n    </div>\n  </ng-template>\n  <ng-template ng-loadingspinner-tmp />\n  <ng-template ng-clearbutton-tmp>\n    <button\n      gds-icon-button\n      class=\"\n        gds-background-none\n        gds-min-height-0\n        ng-clear-wrapper\n      \"\n      (click)=\"select.handleClearClick()\"\n      (mousedown)=\"onClearMouseDown($event)\"\n      (keydown.enter)=\"onKeydownClear($event)\"\n    >\n      <gds-icon\n        class=\"\n          gds-icon-primary\n          gds-icon-size-3xs\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </ng-template>\n</ng-select>\n", styles: ["gds-search-bar{display:flex;max-width:var(--search-bar-max-width, 560px);min-width:230px;width:100%;position:relative;--background-color: var(--gds-palette-background-white);--text-color: var(--gds-palette-text-default-primary);--icon-color: var(--gds-palette-icon-primary);--cursor: text}gds-search-bar[disabled]{--background-color: var(--gds-palette-background-disabled);--text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled);--cursor: not-allowed}gds-search-bar .gds-search-bar_icon{min-width:var(--gds-spacing-sm);color:var(--icon-color)}gds-search-bar .gds-search-bar_input{background-color:var(--background-color);border:.5px solid var(--gds-palette-border-default);color:var(--text-color);box-sizing:border-box;text-overflow:ellipsis;width:100%;font:var(--gds-text-body-shorthand)}:is(body[isMobile=true]) gds-search-bar .gds-search-bar_input{font:var(--gds-text-inputMobile-shorthand)}gds-search-bar .gds-search-bar_input::placeholder{color:var(--gds-palette-text-default-secondary);width:100%}gds-search-bar .gds-search-bar_input:focus-visible{outline:none}gds-search-bar .gds-search-bar_end-content{display:flex;align-items:center;gap:var(--gds-spacing-2xs)}gds-search-bar .gds-search-bar_clear-button{cursor:pointer}gds-search-bar ng-select.ng-select .leading-icon{height:var(--gds-iconSize-2xs);width:var(--gds-iconSize-2xs);color:var(--icon-color);margin-right:var(--gds-size-3xs-rem)}gds-search-bar ng-select.ng-select .ng-select-container{padding:6px var(--gds-spacing-xs);cursor:var(--cursor)}:is(body[isMobile=true]) gds-search-bar ng-select.ng-select .ng-select-container{padding-block:11px}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container{display:flex;justify-content:var(--search-bar-placeholder-justify, \"center\");align-items:center}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container:focus-within{justify-content:unset}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input{padding:0 calc(12px + var(--gds-iconSize-xs))}gds-search-bar ng-select.ng-select .ng-select-container .ng-value-container .ng-input>input{vertical-align:baseline;cursor:var(--cursor)}gds-search-bar ng-select.ng-select .ng-dropdown-panel{padding:var(--gds-spacing-3xs) 2px;visibility:hidden}gds-search-bar ng-select.ng-select .ng-dropdown-panel .ng-option{overflow:unset!important}gds-search-bar ng-select.ng-select .ng-dropdown-panel .scroll-host{padding:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i2.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "dropdownPosition", "appendTo", "outsideClickEvent", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "tabFocusOnClearButton", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "deselectOnClick", "clearSearchOnAdd", "compareWith", "keyDownFn", "bindLabel", "bindValue", "appearance", "isOpen", "items"], outputs: ["bindLabelChange", "bindValueChange", "appearanceChange", "isOpenChange", "itemsChange", "blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"], exportAs: ["ngSelect"] }, { kind: "directive", type: i2.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i2.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i2.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "directive", type: i2.NgLoadingSpinnerTemplateDirective, selector: "[ng-loadingspinner-tmp]" }, { kind: "directive", type: i2.NgClearButtonTemplateDirective, selector: "[ng-clearbutton-tmp]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSearchBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSearchBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-search-bar', imports: [
                         FormsModule,
@@ -6647,10 +6740,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class GdsSidebarItemComponent {
     selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     keepTrailingActionVisible = input(false, { ...(ngDevMode ? { debugName: "keepTrailingActionVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSidebarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsSidebarItemComponent, isStandalone: true, selector: "li[gds-sidebar-item]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, keepTrailingActionVisible: { classPropertyName: "keepTrailingActionVisible", publicName: "keepTrailingActionVisible", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-selected": "selected() ? \"\" : undefined", "attr.data-keep-trailing-action-visible": "keepTrailingActionVisible() ? '' : undefined" }, classAttribute: "gds-display-flex gds-padding-inline-end-xs gds-position-relative gds-radius-sm gds-align-items-center" }, ngImport: i0, template: "<ng-content select=\"[gds-sidebar-item-body]\" />\n<ng-content select=\"[trailing-action]\" />\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary);--primary-marker-color: var(--gds-palette-border-selected);--action-opacity: 0}:host[data-keep-trailing-action-visible]{--force-action-visible: 1}:host:hover:has([gds-sidebar-item-body]:not([aria-disabled])):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host[data-selected]:has([gds-sidebar-item-body]):before,:host:focus-within:has([gds-sidebar-item-body]):before,:host:focus-visible:has([gds-sidebar-item-body]):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host[data-selected]:after{content:\"\";position:absolute;border-radius:3px;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--primary-marker-color);padding:0}:host:has([gds-sidebar-item-body][aria-disabled]){--icon-color: var(--gds-palette-icon-disabled);--primary-marker-color: var(--gds-palette-icon-disabled);--action-opacity: 0;cursor:not-allowed}:host[data-selected],:host:focus-visible,:host:has([gds-sidebar-item-body]:focus-visible),:host:has([trailing-action]:focus-visible),:host:hover{--action-opacity: 1}:host ::ng-deep>:first-child{margin-left:var(--gds-spacing-xs)}:host ::ng-deep>[trailing-action]{opacity:var(--force-action-visible, var(--action-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsSidebarItemComponent, isStandalone: true, selector: "li[gds-sidebar-item]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, keepTrailingActionVisible: { classPropertyName: "keepTrailingActionVisible", publicName: "keepTrailingActionVisible", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-selected": "selected() ? \"\" : undefined", "attr.data-keep-trailing-action-visible": "keepTrailingActionVisible() ? '' : undefined" }, classAttribute: "gds-display-flex gds-padding-inline-end-xs gds-position-relative gds-radius-sm gds-align-items-center" }, ngImport: i0, template: "<ng-content select=\"[gds-sidebar-item-body]\" />\n<ng-content select=\"[trailing-action]\" />\n", styles: [":host{--icon-color: var(--gds-palette-icon-primary);--primary-marker-color: var(--gds-palette-border-selected);--action-opacity: 0}:host[data-keep-trailing-action-visible]{--force-action-visible: 1}:host:hover:has([gds-sidebar-item-body]:not([aria-disabled])):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host[data-selected]:has([gds-sidebar-item-body]):before,:host:focus-within:has([gds-sidebar-item-body]):before,:host:focus-visible:has([gds-sidebar-item-body]):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host[data-selected]:after{content:\"\";position:absolute;border-radius:3px;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--primary-marker-color);padding:0}:host:has([gds-sidebar-item-body][aria-disabled]){--icon-color: var(--gds-palette-icon-disabled);--primary-marker-color: var(--gds-palette-icon-disabled);--action-opacity: 0;cursor:not-allowed}:host[data-selected],:host:focus-visible,:host:has([gds-sidebar-item-body]:focus-visible),:host:has([trailing-action]:focus-visible),:host:hover{--action-opacity: 1}:host ::ng-deep>:first-child{margin-left:var(--gds-spacing-xs)}:host ::ng-deep>[trailing-action]{opacity:var(--force-action-visible, var(--action-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSidebarItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'li[gds-sidebar-item]', host: {
                         class: 'gds-display-flex gds-padding-inline-end-xs gds-position-relative gds-radius-sm gds-align-items-center',
@@ -6668,10 +6761,10 @@ class GdsSidebarItemBodyComponent {
             return;
         this.clicked.emit();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSidebarItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsSidebarItemBodyComponent, isStandalone: true, selector: "button[gds-sidebar-item-body]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-disabled": "disabled() ? \"\" : undefined" }, classAttribute: "gds-layout-row-with-leading gds-flex-1 gds-min-width-0 gds-padding-block-3xs gds-text-start gds-text-primary-primary" }, ngImport: i0, template: "@if (icon(); as icon) {\n  <gds-icon\n    [key]=\"icon\"\n    leading-visual\n    class=\"\n      gds-icon-size-xs\n      gds-sidebar-item-body_icon\n    \"\n    color=\"inherit\"\n  />\n}\n<ng-content select=\"div\">\n  <div class=\"\n    gds-text-body\n    gds-truncate\n  \">\n    <ng-content />\n  </div>\n</ng-content>\n", styles: [":host{box-sizing:border-box;margin:0;padding:0;background-color:transparent;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none;outline:none}:host[aria-disabled]{color:var(--gds-palette-text-default-disabled)!important;cursor:not-allowed}:host .gds-sidebar-item-body_icon{color:var(--icon-color)!important}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsSidebarItemBodyComponent, isStandalone: true, selector: "button[gds-sidebar-item-body]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick()" }, properties: { "attr.aria-disabled": "disabled() ? \"\" : undefined" }, classAttribute: "gds-layout-row-with-leading gds-flex-1 gds-min-width-0 gds-padding-block-3xs gds-text-start gds-text-primary-primary" }, ngImport: i0, template: "@if (icon(); as icon) {\n  <gds-icon\n    [key]=\"icon\"\n    leading-visual\n    class=\"\n      gds-icon-size-xs\n      gds-sidebar-item-body_icon\n    \"\n    color=\"inherit\"\n  />\n}\n<ng-content select=\"div\">\n  <div class=\"\n    gds-text-body\n    gds-truncate\n  \">\n    <ng-content />\n  </div>\n</ng-content>\n", styles: [":host{box-sizing:border-box;margin:0;padding:0;background-color:transparent;border-width:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;color:inherit;user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none;outline:none}:host[aria-disabled]{color:var(--gds-palette-text-default-disabled)!important;cursor:not-allowed}:host .gds-sidebar-item-body_icon{color:var(--icon-color)!important}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSidebarItemBodyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSidebarItemBodyComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'button[gds-sidebar-item-body]', host: {
                         class: 'gds-layout-row-with-leading gds-flex-1 gds-min-width-0 gds-padding-block-3xs gds-text-start gds-text-primary-primary',
@@ -6681,36 +6774,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 class GdsSkeletonLoadingComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSkeletonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsSkeletonLoadingComponent, isStandalone: true, selector: "gds-skeleton-loading", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:var(--gds-skeleton-width, 100%);height:var(--gds-skeleton-height, 100%);border-radius:var(--gds-skeleton-border-radius);background-image:linear-gradient(90deg,var(--gds-neutral-50) 40%,var(--gds-neutral-100) 50%,var(--gds-neutral-50) 60%);background-size:400% 400%;-webkit-animation:gradient 2s ease infinite;-moz-animation:gradient 2s ease infinite;animation:gradient 2s ease infinite;animation-direction:reverse}@-webkit-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSkeletonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsSkeletonLoadingComponent, isStandalone: true, selector: "gds-skeleton-loading", ngImport: i0, template: '', isInline: true, styles: [":host{display:block;width:var(--gds-skeleton-width, 100%);height:var(--gds-skeleton-height, 100%);border-radius:var(--gds-skeleton-border-radius);background-image:linear-gradient(90deg,var(--gds-neutral-50) 40%,var(--gds-neutral-100) 50%,var(--gds-neutral-50) 60%);background-size:400% 400%;-webkit-animation:gradient 2s ease infinite;-moz-animation:gradient 2s ease infinite;animation:gradient 2s ease infinite;animation-direction:reverse}@-webkit-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSkeletonLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSkeletonLoadingComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'gds-skeleton-loading', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;width:var(--gds-skeleton-width, 100%);height:var(--gds-skeleton-height, 100%);border-radius:var(--gds-skeleton-border-radius);background-image:linear-gradient(90deg,var(--gds-neutral-50) 40%,var(--gds-neutral-100) 50%,var(--gds-neutral-50) 60%);background-size:400% 400%;-webkit-animation:gradient 2s ease infinite;-moz-animation:gradient 2s ease infinite;animation:gradient 2s ease infinite;animation-direction:reverse}@-webkit-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@-moz-keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0% 50%}to{background-position:100% 50%}}\n"] }]
         }] });
 class GdsSplitButtonComponent extends ButtonBaseDirective {
+    #elementRef = inject(ElementRef);
+    #injector = inject(Injector);
     trailingDropdown = input.required(...(ngDevMode ? [{ debugName: "trailingDropdown" }] : /* istanbul ignore next */ []));
     trailingIcon = input('line-chevron-down-stroke', ...(ngDevMode ? [{ debugName: "trailingIcon" }] : /* istanbul ignore next */ []));
     leadingAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "leadingAriaLabel" }] : /* istanbul ignore next */ []));
     trailingAriaLabel = input(...(ngDevMode ? [undefined, { debugName: "trailingAriaLabel" }] : /* istanbul ignore next */ []));
     menuPosition = input(CDK_MENU_CONNECTED_POSITIONS, ...(ngDevMode ? [{ debugName: "menuPosition" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSplitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsSplitButtonComponent, isStandalone: true, selector: "gds-split-button", inputs: { trailingDropdown: { classPropertyName: "trailingDropdown", publicName: "trailingDropdown", isSignal: true, isRequired: true, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "trailingIcon", isSignal: true, isRequired: false, transformFunction: null }, leadingAriaLabel: { classPropertyName: "leadingAriaLabel", publicName: "leadingAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, trailingAriaLabel: { classPropertyName: "trailingAriaLabel", publicName: "trailingAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<button\n  gds-button\n  class=\"\n    gds-radius-bottom-right-0\n    gds-radius-top-right-0\n    gds-split-button_button\n    gds-split-button_leading\n  \"\n  [size]=\"size()\"\n  [busy]=\"busy()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"leadingAriaLabel()\"\n  (click)=\"clicked.emit($event)\"\n>\n  <ng-content />\n</button>\n\n<button\n  gds-button\n  class=\"\n    gds-radius-bottom-left-0\n    gds-radius-top-left-0\n    gds-split-button_button\n    gds-split-button_trailing\n  \"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"trailingAriaLabel()\"\n  [cdkMenuTriggerFor]=\"!disabled() ? trailingDropdown() : undefined\"\n  [cdkMenuPosition]=\"menuPosition()\"\n>\n  <gds-icon\n    [key]=\"trailingIcon()\"\n    class=\"gds-icon-size-2xs\"\n  />\n</button>\n", styles: [":host{--border-separator-width: .5px;--border-separator: var(--border-separator-width) solid var(--gds-palette-border-default);display:flex}:is(body[isMobile=true]) :host{--border-separator-width: 1px}:host .gds-split-button_button{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host .gds-split-button_button[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host .gds-split-button_button[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host .gds-split-button_button{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host .gds-split-button_button[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host .gds-split-button_button[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host .gds-split-button_button[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host .gds-split-button_button[data-busy]{cursor:wait;--label-visibility: hidden}:host .gds-split-button_button .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .gds-split-button_button .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .gds-split-button_button .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host .gds-split-button_button{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host .gds-split-button_button[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host .gds-split-button_button[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host .gds-split-button_button[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host .gds-split-button_button:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host .gds-split-button_button:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host .gds-split-button_button:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host .gds-split-button_button::-moz-focus-inner{border:0}:host .gds-split-button_button:focus-visible{position:relative}:host .gds-split-button_leading{border-right:none;padding-inline:var(--gds-spacing-xs)}:host .gds-split-button_trailing,:host .gds-split-button_trailing:not(:disabled):hover{border-left:var(--border-separator);padding-inline:var(--gds-spacing-3xs)}:is(body[isMobile=true]) :host .gds-split-button_trailing,:is(body[isMobile=true]) :host .gds-split-button_trailing:not(:disabled):hover{padding-inline:10px}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    leadingBtn = viewChild.required('leadingBtn');
+    trailingBtn = viewChild.required('trailingBtn');
+    menuTrigger = viewChild.required(CdkMenuTrigger);
+    onEnter() {
+        this.leadingBtn().nativeElement.click();
+    }
+    onArrowDown() {
+        this.trailingBtn().nativeElement.click();
+    }
+    onMenuClosed() {
+        runInInjectionContext(this.#injector, () => {
+            afterNextRender({
+                write: () => {
+                    this.#elementRef.nativeElement.focus();
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSplitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsSplitButtonComponent, isStandalone: true, selector: "gds-split-button", inputs: { trailingDropdown: { classPropertyName: "trailingDropdown", publicName: "trailingDropdown", isSignal: true, isRequired: true, transformFunction: null }, trailingIcon: { classPropertyName: "trailingIcon", publicName: "trailingIcon", isSignal: true, isRequired: false, transformFunction: null }, leadingAriaLabel: { classPropertyName: "leadingAriaLabel", publicName: "leadingAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, trailingAriaLabel: { classPropertyName: "trailingAriaLabel", publicName: "trailingAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, menuPosition: { classPropertyName: "menuPosition", publicName: "menuPosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0" }, listeners: { "keydown.enter": "onEnter()", "keydown.arrowDown": "onArrowDown()" }, classAttribute: "gds-display-flex gds-radius-sm" }, viewQueries: [{ propertyName: "leadingBtn", first: true, predicate: ["leadingBtn"], descendants: true, isSignal: true }, { propertyName: "trailingBtn", first: true, predicate: ["trailingBtn"], descendants: true, isSignal: true }, { propertyName: "menuTrigger", first: true, predicate: CdkMenuTrigger, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #leadingBtn\n  gds-button\n  class=\"\n    gds-radius-bottom-right-0\n    gds-radius-top-right-0\n    gds-split-button_button\n    gds-split-button_leading\n  \"\n  tabindex=\"-1\"\n  [size]=\"size()\"\n  [busy]=\"busy()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"leadingAriaLabel()\"\n  (click)=\"clicked.emit($event)\"\n>\n  <ng-content />\n</button>\n\n<button\n  #trailingBtn\n  gds-button\n  class=\"\n    gds-radius-bottom-left-0\n    gds-radius-top-left-0\n    gds-split-button_button\n    gds-split-button_trailing\n  \"\n  tabindex=\"-1\"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"trailingAriaLabel()\"\n  [cdkMenuTriggerFor]=\"!disabled() ? trailingDropdown() : undefined\"\n  [cdkMenuPosition]=\"menuPosition()\"\n  (cdkMenuClosed)=\"onMenuClosed()\"\n>\n  <gds-icon\n    [key]=\"trailingIcon()\"\n    class=\"gds-icon-size-2xs\"\n  />\n</button>\n", styles: [":host{--border-separator-width: .5px;--border-separator: var(--border-separator-width) solid var(--gds-palette-border-default)}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:is(body[isMobile=true]) :host{--border-separator-width: 1px}:host .gds-split-button_leading{border-right:none;padding-inline:var(--gds-spacing-xs)}:host .gds-split-button_trailing,:host .gds-split-button_trailing:not(:disabled):hover{border-left:var(--border-separator);padding-inline:var(--gds-spacing-3xs)}:is(body[isMobile=true]) :host .gds-split-button_trailing,:is(body[isMobile=true]) :host .gds-split-button_trailing:not(:disabled):hover{padding-inline:10px}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSplitButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSplitButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gds-split-button', imports: [GdsIconComponent, GdsButtonComponent, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  gds-button\n  class=\"\n    gds-radius-bottom-right-0\n    gds-radius-top-right-0\n    gds-split-button_button\n    gds-split-button_leading\n  \"\n  [size]=\"size()\"\n  [busy]=\"busy()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"leadingAriaLabel()\"\n  (click)=\"clicked.emit($event)\"\n>\n  <ng-content />\n</button>\n\n<button\n  gds-button\n  class=\"\n    gds-radius-bottom-left-0\n    gds-radius-top-left-0\n    gds-split-button_button\n    gds-split-button_trailing\n  \"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"trailingAriaLabel()\"\n  [cdkMenuTriggerFor]=\"!disabled() ? trailingDropdown() : undefined\"\n  [cdkMenuPosition]=\"menuPosition()\"\n>\n  <gds-icon\n    [key]=\"trailingIcon()\"\n    class=\"gds-icon-size-2xs\"\n  />\n</button>\n", styles: [":host{--border-separator-width: .5px;--border-separator: var(--border-separator-width) solid var(--gds-palette-border-default);display:flex}:is(body[isMobile=true]) :host{--border-separator-width: 1px}:host .gds-split-button_button{--gds-button-color: var(--gds-palette-text-default-primary);--gds-button-borderColor: var(--gds-palette-border-default);--gds-button-backgroundColor: var(--gds-palette-background-white);--gds-button-color-disabled: var(--gds-palette-text-default-disabled);--gds-button-borderColor-disabled: var(--gds-palette-border-default);--gds-button-backgroundColor-disabled: var(--gds-palette-background-disabled)}:host .gds-split-button_button[data-variant=primary]{--gds-button-color: var(--gds-palette-text-default-contrast);--gds-button-borderColor: var(--gds-button-backgroundColor);--gds-button-backgroundColor: var(--gds-palette-button-primary-default);--gds-button-color-hover: var(--gds-button-color);--gds-button-borderColor-hover: var(--gds-button-backgroundColor-hover);--gds-button-backgroundColor-hover: var(--gds-palette-button-primary-hover);--gds-button-borderColor-disabled: var(--gds-button-backgroundColor-disabled);--gds-button-backgroundColor-disabled: var(--gds-palette-button-primary-disabled)}:host .gds-split-button_button[data-variant=invisible]{--gds-button-borderColor: transparent;--gds-button-backgroundColor: transparent;--gds-button-backgroundColor-hover: transparent;--gds-button-borderColor-disabled: transparent;--gds-button-backgroundColor-disabled: transparent}:host .gds-split-button_button{min-height:var(--gds-size-md-rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding-inline:10px;border-style:solid;border-radius:var(--gds-borderRadius-sm);border-width:var(--gds-borderWidth-sm);border-color:var(--gds-button-borderColor);background-color:var(--gds-button-backgroundColor);cursor:pointer;font:var(--gds-button-font, var(--gds-text-body-shorthand));color:var(--gds-button-color);user-select:none;-webkit-user-select:none;appearance:none;-webkit-appearance:none;transition:none}:host .gds-split-button_button[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-primitive-size-600-rem))}:host .gds-split-button_button[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-md-rem))}:host .gds-split-button_button[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-lg-rem))}:host .gds-split-button_button[data-busy]{cursor:wait;--label-visibility: hidden}:host .gds-split-button_button .body{display:grid;grid-template-columns:100%;grid-template-rows:100%}:host .gds-split-button_button .label{grid-column:1/-1;grid-row:1/-1;display:flex;gap:var(--gds-spacing-2xs);align-items:center;justify-content:center;visibility:var(--label-visibility, visible)}:host .gds-split-button_button .busy-icon{grid-column:1/-1;grid-row:1/-1;justify-self:center;color:var(--gds-palette-icon-secondary)}:is(body[isMobile=true]) :host .gds-split-button_button{border-radius:var(--gds-size-xs);min-height:var(--gds-size-lg-rem);padding-inline:var(--gds-spacing-sm)}:is(body[isMobile=true]) :host .gds-split-button_button[data-size=small]{min-height:var(--gds-button-small-minHeight, var(--gds-size-md-rem))}:is(body[isMobile=true]) :host .gds-split-button_button[data-size=medium]{min-height:var(--gds-button-medium-minHeight, var(--gds-size-lg-rem))}:is(body[isMobile=true]) :host .gds-split-button_button[data-size=large]{min-height:var(--gds-button-large-minHeight, var(--gds-size-xl-rem))}:host .gds-split-button_button:disabled{color:var(--gds-button-color-disabled);border-color:var(--gds-button-borderColor-disabled);background-color:var(--gds-button-backgroundColor-disabled);cursor:not-allowed}:host .gds-split-button_button:not(:disabled):hover{color:var(--gds-button-color-hover, var(--gds-button-color));border-color:var(--gds-button-borderColor-hover, var(--gds-button-borderColor));background-color:var(--gds-button-backgroundColor-hover, var(--gds-palette-background-hover))}:host .gds-split-button_button:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:host .gds-split-button_button::-moz-focus-inner{border:0}:host .gds-split-button_button:focus-visible{position:relative}:host .gds-split-button_leading{border-right:none;padding-inline:var(--gds-spacing-xs)}:host .gds-split-button_trailing,:host .gds-split-button_trailing:not(:disabled):hover{border-left:var(--border-separator);padding-inline:var(--gds-spacing-3xs)}:is(body[isMobile=true]) :host .gds-split-button_trailing,:is(body[isMobile=true]) :host .gds-split-button_trailing:not(:disabled):hover{padding-inline:10px}\n"] }]
-        }], propDecorators: { trailingDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingDropdown", required: true }] }], trailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingIcon", required: false }] }], leadingAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingAriaLabel", required: false }] }], trailingAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingAriaLabel", required: false }] }], menuPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuPosition", required: false }] }] } });
+            args: [{ selector: 'gds-split-button', imports: [GdsIconComponent, GdsButtonComponent, CdkMenuTrigger], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'gds-display-flex gds-radius-sm',
+                        tabindex: '0',
+                        '(keydown.enter)': 'onEnter()',
+                        '(keydown.arrowDown)': 'onArrowDown()'
+                    }, template: "<button\n  #leadingBtn\n  gds-button\n  class=\"\n    gds-radius-bottom-right-0\n    gds-radius-top-right-0\n    gds-split-button_button\n    gds-split-button_leading\n  \"\n  tabindex=\"-1\"\n  [size]=\"size()\"\n  [busy]=\"busy()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"leadingAriaLabel()\"\n  (click)=\"clicked.emit($event)\"\n>\n  <ng-content />\n</button>\n\n<button\n  #trailingBtn\n  gds-button\n  class=\"\n    gds-radius-bottom-left-0\n    gds-radius-top-left-0\n    gds-split-button_button\n    gds-split-button_trailing\n  \"\n  tabindex=\"-1\"\n  [size]=\"size()\"\n  [variant]=\"variant()\"\n  [disabled]=\"isDisabled()\"\n  [attr.aria-label]=\"trailingAriaLabel()\"\n  [cdkMenuTriggerFor]=\"!disabled() ? trailingDropdown() : undefined\"\n  [cdkMenuPosition]=\"menuPosition()\"\n  (cdkMenuClosed)=\"onMenuClosed()\"\n>\n  <gds-icon\n    [key]=\"trailingIcon()\"\n    class=\"gds-icon-size-2xs\"\n  />\n</button>\n", styles: [":host{--border-separator-width: .5px;--border-separator: var(--border-separator-width) solid var(--gds-palette-border-default)}:host:focus-visible{outline-width:2px;outline-style:solid;outline-color:var(--gds-button-outlineColor, var(--gds-neutral-700));outline-offset:1px}:is(body[isMobile=true]) :host{--border-separator-width: 1px}:host .gds-split-button_leading{border-right:none;padding-inline:var(--gds-spacing-xs)}:host .gds-split-button_trailing,:host .gds-split-button_trailing:not(:disabled):hover{border-left:var(--border-separator);padding-inline:var(--gds-spacing-3xs)}:is(body[isMobile=true]) :host .gds-split-button_trailing,:is(body[isMobile=true]) :host .gds-split-button_trailing:not(:disabled):hover{padding-inline:10px}\n"] }]
+        }], propDecorators: { trailingDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingDropdown", required: true }] }], trailingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingIcon", required: false }] }], leadingAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingAriaLabel", required: false }] }], trailingAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "trailingAriaLabel", required: false }] }], menuPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuPosition", required: false }] }], leadingBtn: [{ type: i0.ViewChild, args: ['leadingBtn', { isSignal: true }] }], trailingBtn: [{ type: i0.ViewChild, args: ['trailingBtn', { isSignal: true }] }], menuTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkMenuTrigger), { isSignal: true }] }] } });
 class GdsTimelineItemComponent {
     end = input(false, { ...(ngDevMode ? { debugName: "end" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     start = input(false, { ...(ngDevMode ? { debugName: "start" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     connectorType = input('tag', ...(ngDevMode ? [{ debugName: "connectorType" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsTimelineItemComponent, isStandalone: true, selector: "li[gds-timeline-item]", inputs: { end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, connectorType: { classPropertyName: "connectorType", publicName: "connectorType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.connectorType": "connectorType()" }, classAttribute: "gds-display-flex gds-margin-inline-start-xs gds-padding-inline-start-3xs gds-gap-sm gds-radius-sm" }, ngImport: i0, template: "<div class=\"\n  gds-display-flex\n  gds-flex-column\n  timeline\n\">\n  <div class=\"\n    end\n    gds-display-flex\n    gds-height-2xs\n    gds-justify-content-center\n  \">\n    @if (!end()) {\n      <span class=\"gds-timeline_edge\"></span>\n    }\n  </div>\n  <ng-content select=\"[tag]\" />\n  <div class=\"\n    gds-display-flex\n    gds-flex-grow-1\n    gds-justify-content-center\n    start\n  \">\n    @if (!start() || connectorType() === 'content') {\n      <span class=\"\n        gds-timeline_edge\n        start\n      \"></span>\n    }\n  </div>\n</div>\n<div class=\"\n  content\n  gds-flex-grow-1\n  gds-padding-block-2xs\n\">\n  <ng-content />\n</div>\n", styles: [":host[connectorType=content] .gds-timeline_edge{margin-block:var(--gds-spacing-2xs)}:host:hover{background-color:var(--gds-palette-background-hover)}:host .gds-timeline_edge{width:1px;background-color:var(--gds-palette-border-default)}:host .content{overflow:hidden}:host .timeline{width:40px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsTimelineItemComponent, isStandalone: true, selector: "li[gds-timeline-item]", inputs: { end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: false, transformFunction: null }, connectorType: { classPropertyName: "connectorType", publicName: "connectorType", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.connectorType": "connectorType()" }, classAttribute: "gds-display-flex gds-margin-inline-start-xs gds-padding-inline-start-3xs gds-gap-sm gds-radius-sm" }, ngImport: i0, template: "<div class=\"\n  gds-display-flex\n  gds-flex-column\n  timeline\n\">\n  <div class=\"\n    end\n    gds-display-flex\n    gds-height-2xs\n    gds-justify-content-center\n  \">\n    @if (!end()) {\n      <span class=\"gds-timeline_edge\"></span>\n    }\n  </div>\n  <ng-content select=\"[tag]\" />\n  <div class=\"\n    gds-display-flex\n    gds-flex-grow-1\n    gds-justify-content-center\n    start\n  \">\n    @if (!start() || connectorType() === 'content') {\n      <span class=\"\n        gds-timeline_edge\n        start\n      \"></span>\n    }\n  </div>\n</div>\n<div class=\"\n  content\n  gds-flex-grow-1\n  gds-padding-block-2xs\n\">\n  <ng-content />\n</div>\n", styles: [":host[connectorType=content] .gds-timeline_edge{margin-block:var(--gds-spacing-2xs)}:host:hover{background-color:var(--gds-palette-background-hover)}:host .gds-timeline_edge{width:1px;background-color:var(--gds-palette-border-default)}:host .content{overflow:hidden}:host .timeline{width:40px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTimelineItemComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'li[gds-timeline-item]', host: {
                         class: 'gds-display-flex gds-margin-inline-start-xs gds-padding-inline-start-3xs gds-gap-sm gds-radius-sm',
@@ -6753,10 +6871,10 @@ class GdsToastComponent extends ToastNoAnimation {
         this.toastPackage.triggerAction(event);
         return false;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsToastComponent, deps: [{ token: i1$6.ToastrService }, { token: i1$6.ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsToastComponent, isStandalone: true, selector: "gds-toast", host: { attributes: { "animate.enter": "gds-scale-in gds-fade-in", "animate.leave": "gds-scale-out gds-fade-out" }, properties: { "attr.type": "status", "class.gds-responsive-sm-width-100-parent": "true" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"\n    gds-border\n    gds-display-flex\n    gds-gap-sm\n    gds-padding-block-2xs\n    gds-padding-inline-sm\n    gds-radius-sm\n    gds-responsive-sm-padding-3xs\n    gds-toaster--container\n  \"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-height-md\n    gds-justify-content-center\n  \">\n    <gds-icon\n      key=\"filled-info\"\n      class=\"\n        gds-icon-size-xs\n        gds-toaster--icon\n      \"\n    />\n  </div>\n  <div class=\"\n    gds-align-items-center\n    gds-column-gap-sm\n    gds-display-flex\n    gds-flex-1\n    gds-flex-wrap\n    gds-row-gap-2xs\n  \">\n    @if (title) {\n      <div class=\"\n        gds-height-fit-content\n        gds-text-body-strong\n        gds-text-primary\n        gds-width-fit-content\n      \">\n        {{ title | translate }}\n      </div>\n    }\n    @if (message) {\n      <div\n        class=\"\n          gds-height-fit-content\n          gds-text-body\n          gds-text-primary\n          gds-width-fit-content\n        \"\n        [innerHtml]=\"message | translate\"\n      ></div>\n    }\n    @if (actionLabel) {\n      <button\n        gds-button\n        class=\"\n          gds-border-none\n          gds-toaster--action-btn\n        \"\n        [attr.aria-label]=\"actionAriaLabel | translate\"\n        (clicked)=\"action($event)\"\n      >\n        {{ actionLabel | translate }}\n      </button>\n    }\n  </div>\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-height-md\n    gds-justify-content-center\n  \">\n    <button\n      gds-icon-button\n      class=\"gds-background-none\"\n      variant=\"primary\"\n      [attr.aria-label]=\"dismissAriaLabel | translate\"\n      (clicked)=\"remove()\"\n    >\n      <gds-icon\n        key=\"line-dismiss\"\n        class=\"gds-icon-size-3xs\"\n      />\n    </button>\n  </div>\n</div>\n", styles: [":host{pointer-events:auto;--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastComponent, deps: [{ token: i1$6.ToastrService }, { token: i1$6.ToastPackage }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsToastComponent, isStandalone: true, selector: "gds-toast", host: { attributes: { "animate.enter": "gds-scale-in gds-fade-in", "animate.leave": "gds-scale-out gds-fade-out" }, properties: { "attr.type": "status", "class.gds-responsive-sm-width-100-parent": "true" } }, usesInheritance: true, ngImport: i0, template: "<div\n  class=\"\n    gds-border\n    gds-display-flex\n    gds-gap-sm\n    gds-padding-block-2xs\n    gds-padding-inline-sm\n    gds-radius-sm\n    gds-responsive-sm-padding-3xs\n    gds-toaster--container\n  \"\n>\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-height-md\n    gds-justify-content-center\n  \">\n    <gds-icon\n      key=\"filled-info\"\n      class=\"\n        gds-icon-size-xs\n        gds-toaster--icon\n      \"\n    />\n  </div>\n  <div class=\"\n    gds-align-items-center\n    gds-column-gap-sm\n    gds-display-flex\n    gds-flex-1\n    gds-flex-wrap\n    gds-row-gap-2xs\n  \">\n    @if (title) {\n      <div class=\"\n        gds-height-fit-content\n        gds-text-body-strong\n        gds-text-primary\n        gds-width-fit-content\n      \">\n        {{ title | translate }}\n      </div>\n    }\n    @if (message) {\n      <div\n        class=\"\n          gds-height-fit-content\n          gds-text-body\n          gds-text-primary\n          gds-width-fit-content\n        \"\n        [innerHtml]=\"message | translate\"\n      ></div>\n    }\n    @if (actionLabel) {\n      <button\n        gds-button\n        class=\"\n          gds-border-none\n          gds-toaster--action-btn\n        \"\n        [attr.aria-label]=\"actionAriaLabel | translate\"\n        (clicked)=\"action($event)\"\n      >\n        {{ actionLabel | translate }}\n      </button>\n    }\n  </div>\n  <div class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-height-md\n    gds-justify-content-center\n  \">\n    <button\n      gds-icon-button\n      class=\"gds-background-none\"\n      variant=\"primary\"\n      [attr.aria-label]=\"dismissAriaLabel | translate\"\n      (clicked)=\"remove()\"\n    >\n      <gds-icon\n        key=\"line-dismiss\"\n        class=\"gds-icon-size-3xs\"\n      />\n    </button>\n  </div>\n</div>\n", styles: [":host{pointer-events:auto;--background-color: var(--gds-pattern-toast-default-backgroundColor-rest);--icon-color: var(--gds-pattern-toast-default-iconColor-rest);--action-btn-backgroundColor: var(--gds-pattern-toast-default-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-default-btnColor-hover);--action-btn-color: var(--gds-palette-text-default-contrast)}:host[type=success]{--background-color: var(--gds-palette-helper-success-default);--icon-color: var(--gds-palette-helper-success-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-success-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-success-btnColor-hover)}:host[type=warning]{--background-color: var(--gds-palette-helper-warning-default);--icon-color: var(--gds-palette-helper-warning-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-warning-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-warning-btnColor-hover)}:host[type=danger]{--background-color: var(--gds-palette-helper-error-default);--icon-color: var(--gds-palette-helper-error-inverse);--action-btn-backgroundColor: var(--gds-pattern-toast-error-btnColor-rest);--action-btn-backgroundColor-hover: var(--gds-pattern-toast-error-btnColor-hover)}:host .gds-toaster--container{background-color:var(--background-color)}:host .gds-toaster--icon{color:var(--icon-color)}:host .gds-toaster--action-btn{--gds-button-backgroundColor: var(--action-btn-backgroundColor);--gds-button-backgroundColor-hover: var(--action-btn-backgroundColor-hover);--gds-button-color: var(--action-btn-color)}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-toast', imports: [GdsIconComponent, GdsIconButtonComponent, GdsButtonComponent, TranslatePipe], host: {
                         '[attr.type]': 'status',
@@ -6804,10 +6922,10 @@ class GdsListboxBaseDirective {
     onKeydown(event) {
         this._keyManager?.onKeydown(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsListboxBaseDirective, isStandalone: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsListboxBaseDirective, isStandalone: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxBaseDirective, decorators: [{
             type: Directive
         }] });
@@ -6841,10 +6959,10 @@ class GdsListboxDirective extends GdsListboxBaseDirective {
         }
         super.onKeydown(event);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: GdsListboxDirective, isStandalone: true, selector: "[gdsListbox]", inputs: { onNavigatePastLastOption: { classPropertyName: "onNavigatePastLastOption", publicName: "onNavigatePastLastOption", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()" }, properties: { "attr.tabindex": "tabindex()" } }, queries: [{ propertyName: "options", predicate: GdsListboxOption, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsListboxDirective, isStandalone: true, selector: "[gdsListbox]", inputs: { onNavigatePastLastOption: { classPropertyName: "onNavigatePastLastOption", publicName: "onNavigatePastLastOption", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()" }, properties: { "attr.tabindex": "tabindex()" } }, queries: [{ propertyName: "options", predicate: GdsListboxOption, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsListbox]',
@@ -6867,10 +6985,10 @@ class GdsCompositeOptionPrimaryDirective {
         this.#host.nativeElement.focus();
         this.tabindex.set(0);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCompositeOptionPrimaryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsCompositeOptionPrimaryDirective, isStandalone: true, selector: "[gdsCompositeOptionPrimary]", host: { attributes: { "role": "option" }, properties: { "attr.tabindex": "tabindex()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionPrimaryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsCompositeOptionPrimaryDirective, isStandalone: true, selector: "[gdsCompositeOptionPrimary]", host: { attributes: { "role": "option" }, properties: { "attr.tabindex": "tabindex()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCompositeOptionPrimaryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionPrimaryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsCompositeOptionPrimary]',
@@ -6887,10 +7005,10 @@ class GdsCompositeOptionSecondaryDirective extends GdsCompositeOptionPrimaryDire
     onArrowY = (event) => {
         event.stopImmediatePropagation();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCompositeOptionSecondaryDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsCompositeOptionSecondaryDirective, isStandalone: true, selector: "[gdsCompositeOptionSecondary]", host: { listeners: { "keydown.ArrowUp": "onArrowY($event)", "keydown.ArrowDown": "onArrowY($event)" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionSecondaryDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsCompositeOptionSecondaryDirective, isStandalone: true, selector: "[gdsCompositeOptionSecondary]", host: { listeners: { "keydown.ArrowUp": "onArrowY($event)", "keydown.ArrowDown": "onArrowY($event)" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsCompositeOptionSecondaryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsCompositeOptionSecondaryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsCompositeOptionSecondary]',
@@ -6925,10 +7043,10 @@ class GdsListboxCompositeOptionDirective {
     focus = () => {
         this.primaryEle().focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxCompositeOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: GdsListboxCompositeOptionDirective, isStandalone: true, selector: "[gdsListboxCompositeOption]", inputs: { primaryElementOverride: { classPropertyName: "primaryElementOverride", publicName: "primaryElement", isSignal: true, isRequired: false, transformFunction: null }, secondaryElementOverride: { classPropertyName: "secondaryElementOverride", publicName: "secondaryElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryElementOverride: "primaryElementChange", secondaryElementOverride: "secondaryElementChange" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.ArrowUp": "onMoveY()", "keydown.ArrowDown": "onMoveY()", "keydown.Home": "onMoveY()", "keydown.End": "onMoveY()", "keydown.ArrowLeft": "onMoveX($event)", "keydown.ArrowRight": "onMoveX($event)" } }, providers: [{ provide: GdsListboxOption, useExisting: GdsListboxCompositeOptionDirective }], queries: [{ propertyName: "primaryElement", first: true, predicate: GdsCompositeOptionPrimaryDirective, descendants: true, isSignal: true }, { propertyName: "secondaryElement", first: true, predicate: GdsCompositeOptionSecondaryDirective, descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxCompositeOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsListboxCompositeOptionDirective, isStandalone: true, selector: "[gdsListboxCompositeOption]", inputs: { primaryElementOverride: { classPropertyName: "primaryElementOverride", publicName: "primaryElement", isSignal: true, isRequired: false, transformFunction: null }, secondaryElementOverride: { classPropertyName: "secondaryElementOverride", publicName: "secondaryElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { primaryElementOverride: "primaryElementChange", secondaryElementOverride: "secondaryElementChange" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.ArrowUp": "onMoveY()", "keydown.ArrowDown": "onMoveY()", "keydown.Home": "onMoveY()", "keydown.End": "onMoveY()", "keydown.ArrowLeft": "onMoveX($event)", "keydown.ArrowRight": "onMoveX($event)" } }, providers: [{ provide: GdsListboxOption, useExisting: GdsListboxCompositeOptionDirective }], queries: [{ propertyName: "primaryElement", first: true, predicate: GdsCompositeOptionPrimaryDirective, descendants: true, isSignal: true }, { propertyName: "secondaryElement", first: true, predicate: GdsCompositeOptionSecondaryDirective, descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxCompositeOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxCompositeOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsListboxCompositeOption]',
@@ -6959,10 +7077,10 @@ class GdsListboxOptionDirective {
         this.element().focus();
         this.tabindex.set(0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsListboxOptionDirective, isStandalone: true, selector: "[gdsListboxOption]", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { element: "elementChange" }, host: { listeners: { "keydown.ArrowUp": "this.tabindex.set(-1)", "keydown.ArrowDown": "this.tabindex.set(-1)", "keydown.Home": "this.tabindex.set(-1)", "keydown.End": "this.tabindex.set(-1)", "keydown.Space": "$event.preventDefault()" } }, providers: [{ provide: GdsListboxOption, useExisting: GdsListboxOptionDirective }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsListboxOptionDirective, isStandalone: true, selector: "[gdsListboxOption]", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { element: "elementChange" }, host: { listeners: { "keydown.ArrowUp": "this.tabindex.set(-1)", "keydown.ArrowDown": "this.tabindex.set(-1)", "keydown.Home": "this.tabindex.set(-1)", "keydown.End": "this.tabindex.set(-1)", "keydown.Space": "$event.preventDefault()" } }, providers: [{ provide: GdsListboxOption, useExisting: GdsListboxOptionDirective }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsListboxOptionDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsListboxOptionDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsListboxOption]',
@@ -7077,10 +7195,10 @@ class GdsVirtualScrollListboxDirective extends GdsListboxBaseDirective {
         const index = Number(raw);
         return Number.isFinite(index) ? index : null;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsVirtualScrollListboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: GdsVirtualScrollListboxDirective, isStandalone: true, selector: "[gdsListboxVirtualScroll]", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, optionIndexAttribute: { classPropertyName: "optionIndexAttribute", publicName: "optionIndexAttribute", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentFocusedIndex: "currentFocusedIndex" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()", "focusin": "onFocusIn($event)" }, properties: { "attr.tabindex": "tabindex()" } }, queries: [{ propertyName: "options", predicate: GdsListboxOption, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsVirtualScrollListboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", type: GdsVirtualScrollListboxDirective, isStandalone: true, selector: "[gdsListboxVirtualScroll]", inputs: { total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, optionIndexAttribute: { classPropertyName: "optionIndexAttribute", publicName: "optionIndexAttribute", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { currentFocusedIndex: "currentFocusedIndex" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeydown($event)", "focus": "onFocus()", "focusin": "onFocusIn($event)" }, properties: { "attr.tabindex": "tabindex()" } }, queries: [{ propertyName: "options", predicate: GdsListboxOption, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsVirtualScrollListboxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsVirtualScrollListboxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsListboxVirtualScroll]',
@@ -7158,10 +7276,10 @@ class GdsTreeViewListItemComponent {
             this._clickTimer = undefined;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTreeViewListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsTreeViewListItemComponent, isStandalone: true, selector: "gds-tree-view-list-item", inputs: { tier: { classPropertyName: "tier", publicName: "tier", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, nowrap: { classPropertyName: "nowrap", publicName: "nowrap", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", doubleClicked: "doubleClicked", toggleExpanded: "toggleExpanded" }, host: { properties: { "style.--tier": "tier()" }, classAttribute: "gds-display-contents" }, queries: [{ propertyName: "checkbox", first: true, predicate: GdsCheckboxComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "item", first: true, predicate: ["item"], descendants: true, isSignal: true }], hostDirectives: [{ directive: GdsListboxOptionDirective }], ngImport: i0, template: "<div\n  #item\n  class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-gap-2xs\n    gds-min-width-0\n    gds-position-relative\n    gds-width-100-parent\n    root\n  \"\n  [ngClass]=\"{\n    selected: activeOverride(),\n    disabled: disabled(),\n    dropdown: expanded(),\n    'has-checkbox': hasCheckbox()\n  }\"\n  role=\"treeitem\"\n  [attr.aria-selected]=\"activeOverride()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [tabindex]=\"-1\"\n  (click)=\"onHandleClick($event)\"\n  (keydown.space)=\"onHandleClick($event)\"\n  (dblclick)=\"onHandleDoubleClick($event)\"\n  (keydown.arrowRight)=\"handleToggleExpanded($event, true)\"\n  (keydown.arrowLeft)=\"handleToggleExpanded($event, false)\"\n>\n  <ng-content select=\"[checkbox]\" />\n  @if (displayChevron()) {\n    <button\n      class=\"\n        chevron-btn\n        gds-background-none\n        gds-min-height-0\n        gds-mobile-margin-inline-end-sm\n      \"\n      gds-icon-button\n      variant=\"primary\"\n      [tabindex]=\"-1\"\n      (clicked)=\"handleToggleExpanded($event)\"\n    >\n      <gds-icon\n        class=\"\n          chevron\n          gds-icon-size-2xs\n          gds-mobile-icon-size-sm\n        \"\n        key=\"line-chevron-right-stroke\"\n      />\n    </button>\n  } @else {\n    <span class=\"gds-width-sm\"></span>\n  }\n\n  @if (icon(); as icon) {\n    <gds-icon\n      class=\"\n        gds-icon-size-xs\n        gds-mobile-icon-size-sm\n        icon\n      \"\n      [key]=\"icon\"\n    />\n  }\n  <div class=\"\n    gds-flex-1\n    gds-min-width-0\n    gds-text-body\n    label\n  \">\n    <ng-content />\n  </div>\n  <div class=\"\n    end-content\n    gds-padding-block-end-2xs\n    gds-text-caption\n  \">\n    <ng-content select=\"[end-content]\" />\n  </div>\n</div>\n\n<div [ngClass]=\"{ 'gds-display-none': !expanded() }\">\n  <ng-content select=\"[expanded-content]\" />\n</div>\n", styles: [":host{--tier: 0;--wrapper-margin: 1px;--wrapper-margin-block: 2px;--cursor: pointer;--label-text-color: var(--gds-palette-text-default-primary);--end-content-text-color: var(--gds-palette-text-default-secondary);--icon-color: var(--gds-palette-icon-primary)}:host .disabled{--cursor: not-allowed;--label-text-color: var(--gds-palette-text-default-disabled);--end-content-text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled)}:host:focus-visible{outline:none}:host:focus>.root:before,:host:focus-visible>.root:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .root{padding-left:calc(var(--gds-spacing-sm) + var(--gds-spacing-md) * (var(--tier) - 1));cursor:var(--cursor);padding-block:6px;outline:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}:host .root:focus-within:before,:host .root:hover:not(.disabled):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .label{color:var(--label-text-color)}:host .end-content{color:var(--end-content-text-color)}:host .selected:not(.disabled):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .selected:not(.disabled):not(.has-checkbox):after{content:\"\";position:absolute;border-radius:3px;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--gds-palette-border-selected);padding:0}:host .dropdown .chevron{transition:rotate .2s ease;rotate:90deg}:host .chevron{z-index:1;transition:rotate .2s ease;rotate:0deg}:host .label{z-index:1}:host .end-content{z-index:1}:host .icon{z-index:1;color:var(--icon-color)}:is(body[isMobile=true]) :host .root{padding-block:2px}:is(body[isMobile=true]) :host .chevron-btn{order:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTreeViewListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsTreeViewListItemComponent, isStandalone: true, selector: "gds-tree-view-list-item", inputs: { tier: { classPropertyName: "tier", publicName: "tier", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, nowrap: { classPropertyName: "nowrap", publicName: "nowrap", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", doubleClicked: "doubleClicked", toggleExpanded: "toggleExpanded" }, host: { properties: { "style.--tier": "tier()" }, classAttribute: "gds-display-contents" }, queries: [{ propertyName: "checkbox", first: true, predicate: GdsCheckboxComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "item", first: true, predicate: ["item"], descendants: true, isSignal: true }], hostDirectives: [{ directive: GdsListboxOptionDirective }], ngImport: i0, template: "<div\n  #item\n  class=\"\n    gds-align-items-center\n    gds-display-flex\n    gds-gap-2xs\n    gds-min-width-0\n    gds-position-relative\n    gds-width-100-parent\n    root\n  \"\n  [ngClass]=\"{\n    selected: activeOverride(),\n    disabled: disabled(),\n    dropdown: expanded(),\n    'has-checkbox': hasCheckbox()\n  }\"\n  role=\"treeitem\"\n  [attr.aria-selected]=\"activeOverride()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [tabindex]=\"-1\"\n  (click)=\"onHandleClick($event)\"\n  (keydown.space)=\"onHandleClick($event)\"\n  (dblclick)=\"onHandleDoubleClick($event)\"\n  (keydown.arrowRight)=\"handleToggleExpanded($event, true)\"\n  (keydown.arrowLeft)=\"handleToggleExpanded($event, false)\"\n>\n  <ng-content select=\"[checkbox]\" />\n  @if (displayChevron()) {\n    <button\n      class=\"\n        chevron-btn\n        gds-background-none\n        gds-min-height-0\n        gds-mobile-margin-inline-end-sm\n      \"\n      gds-icon-button\n      variant=\"primary\"\n      [tabindex]=\"-1\"\n      (clicked)=\"handleToggleExpanded($event)\"\n    >\n      <gds-icon\n        class=\"\n          chevron\n          gds-icon-size-2xs\n          gds-mobile-icon-size-sm\n        \"\n        key=\"line-chevron-right-stroke\"\n      />\n    </button>\n  } @else {\n    <span class=\"gds-width-sm\"></span>\n  }\n\n  @if (icon(); as icon) {\n    <gds-icon\n      class=\"\n        gds-icon-size-xs\n        gds-mobile-icon-size-sm\n        icon\n      \"\n      [key]=\"icon\"\n    />\n  }\n  <div class=\"\n    gds-flex-1\n    gds-min-width-0\n    gds-text-body\n    label\n  \">\n    <ng-content />\n  </div>\n  <div class=\"\n    end-content\n    gds-padding-block-end-2xs\n    gds-text-caption\n  \">\n    <ng-content select=\"[end-content]\" />\n  </div>\n</div>\n\n<div [ngClass]=\"{ 'gds-display-none': !expanded() }\">\n  <ng-content select=\"[expanded-content]\" />\n</div>\n", styles: [":host{--tier: 0;--wrapper-margin: 1px;--wrapper-margin-block: 2px;--cursor: pointer;--label-text-color: var(--gds-palette-text-default-primary);--end-content-text-color: var(--gds-palette-text-default-secondary);--icon-color: var(--gds-palette-icon-primary)}:host .disabled{--cursor: not-allowed;--label-text-color: var(--gds-palette-text-default-disabled);--end-content-text-color: var(--gds-palette-text-default-disabled);--icon-color: var(--gds-palette-icon-disabled)}:host:focus-visible{outline:none}:host:focus>.root:before,:host:focus-visible>.root:before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .root{padding-left:calc(var(--gds-spacing-sm) + var(--gds-spacing-md) * (var(--tier) - 1));cursor:var(--cursor);padding-block:6px;outline:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}:host .root:focus-within:before,:host .root:hover:not(.disabled):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .label{color:var(--label-text-color)}:host .end-content{color:var(--end-content-text-color)}:host .selected:not(.disabled):before{content:\"\";position:absolute;border-radius:var(--gds-borderRadius-sm);width:calc(100% - 2 * var(--wrapper-margin-inline, var(--wrapper-margin, 0px)));height:calc(100% - 2 * var(--wrapper-margin-block, var(--wrapper-margin, 0px)));top:var(--wrapper-margin-block, var(--wrapper-margin, 0px));left:var(--wrapper-margin-inline, var(--wrapper-margin, 0px));background:var(--gds-palette-background-hover);pointer-events:none}:host .selected:not(.disabled):not(.has-checkbox):after{content:\"\";position:absolute;border-radius:3px;width:3px;height:61%;top:50%;left:calc(var(--wrapper-margin, 0px) - 1px);transform:translateY(-50%);background:var(--gds-palette-border-selected);padding:0}:host .dropdown .chevron{transition:rotate .2s ease;rotate:90deg}:host .chevron{z-index:1;transition:rotate .2s ease;rotate:0deg}:host .label{z-index:1}:host .end-content{z-index:1}:host .icon{z-index:1;color:var(--icon-color)}:is(body[isMobile=true]) :host .root{padding-block:2px}:is(body[isMobile=true]) :host .chevron-btn{order:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsTreeViewListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsTreeViewListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-tree-view-list-item', imports: [NgClass, GdsIconComponent, GdsIconButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[style.--tier]': 'tier()',
@@ -7171,10 +7289,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
 class TreeViewListItemDirective {
     templateRef = inject((TemplateRef));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TreeViewListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: TreeViewListItemDirective, isStandalone: true, selector: "[tree-view-list-item-content]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreeViewListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: TreeViewListItemDirective, isStandalone: true, selector: "[tree-view-list-item-content]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: TreeViewListItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TreeViewListItemDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -7196,12 +7314,15 @@ class GdsUserPromptComponent extends GdsDialogBaseDirective {
     get desc() {
         return typeof this.config.data?.description === 'string' ? this.config.data.description : '';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsUserPromptComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsUserPromptComponent, isStandalone: true, selector: "gds-user-prompt-dialog", viewQueries: [{ propertyName: "defaultDescTmpl", first: true, predicate: ["defaultDescriptionTmpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<dialog\n  gds-dialog\n  class=\"\n    dialog\n    gds-height-fit-content\n    gds-width-fit-content\n  \"\n  [closeOnBackdropClick]=\"config.data?.closeOnBackdropClick\"\n  (canceled)=\"close()\"\n  (closed)=\"close()\"\n  [suppressDismissBtn]=\"config.data?.suppressDismissBtn\"\n>\n  <span header-label>{{ config.data?.title ?? '' | translate }}</span>\n  <ng-container *ngTemplateOutlet=\"descTemplate\" />\n  <div\n    footer-actions-primary\n    class=\"\n      gds-display-flex\n      gds-gap-2xs\n      gds-mobile-flex-row-reverse\n      gds-mobile-padding-block-start-2xs\n    \"\n  >\n    <button\n      gds-button\n      class=\"\n        gds-mobile-padding-inline-2xs\n        gds-mobile-text-primary-primary\n      \"\n      [variant]=\"isMobile() ? 'invisible' : 'primary'\"\n      (clicked)=\"confirm()\"\n    >\n      {{ config.data?.primaryLabel ?? '' | translate }}\n    </button>\n    @if (config.data?.secondaryLabel) {\n      <button\n        gds-button\n        class=\"\n          gds-mobile-padding-inline-2xs\n          gds-mobile-text-primary-primary\n        \"\n        footer-actions-primary\n        [variant]=\"isMobile() ? 'invisible' : 'default'\"\n        (clicked)=\"close()\"\n      >\n        {{ config.data?.secondaryLabel ?? '' | translate }}\n      </button>\n    }\n  </div>\n</dialog>\n\n<ng-template #defaultDescriptionTmpl>\n  <span>{{ desc | translate }}</span>\n</ng-template>\n", styles: [":is(body[isMobile=true]) :host .dialog{--gds-dialog-base-gap: var(--gds-spacing-2xs)}@media(max-width:484px){:host .dialog{max-width:calc(100% - 2 * var(--gds-spacing-sm))}}\n"], dependencies: [{ kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    get secondaryTextVariant() {
+        return this.config.data?.secondaryTextVariant ?? 'default';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsUserPromptComponent, isStandalone: true, selector: "gds-user-prompt-dialog", viewQueries: [{ propertyName: "defaultDescTmpl", first: true, predicate: ["defaultDescriptionTmpl"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<dialog\n  gds-dialog\n  class=\"\n    dialog\n    gds-height-fit-content\n    gds-width-fit-content\n  \"\n  [closeOnBackdropClick]=\"config.data?.closeOnBackdropClick\"\n  (canceled)=\"close()\"\n  (closed)=\"close()\"\n  [suppressDismissBtn]=\"config.data?.suppressDismissBtn\"\n>\n  <span header-label>{{ config.data?.title ?? '' | translate }}</span>\n  <ng-container *ngTemplateOutlet=\"descTemplate\" />\n  <div\n    footer-actions-primary\n    class=\"\n      gds-display-flex\n      gds-gap-2xs\n      gds-mobile-flex-row-reverse\n      gds-mobile-padding-block-start-2xs\n    \"\n  >\n    <button\n      gds-button\n      class=\"\n        gds-mobile-padding-inline-2xs\n        gds-mobile-text-primary-primary\n      \"\n      [variant]=\"isMobile() ? 'invisible' : 'primary'\"\n      (clicked)=\"confirm()\"\n    >\n      {{ config.data?.primaryLabel ?? '' | translate }}\n    </button>\n    @if (config.data?.secondaryLabel) {\n      <button\n        gds-button\n        class=\"\n          gds-mobile-padding-inline-2xs\n          secondary-button\n        \"\n        [attr.secondary-text-variant]=\"secondaryTextVariant\"\n        footer-actions-primary\n        [variant]=\"isMobile() ? 'invisible' : 'default'\"\n        (clicked)=\"close()\"\n      >\n        {{ config.data?.secondaryLabel ?? '' | translate }}\n      </button>\n    }\n  </div>\n</dialog>\n\n<ng-template #defaultDescriptionTmpl>\n  <span>{{ desc | translate }}</span>\n</ng-template>\n", styles: [":host[isActive=true]{outline:2px solid}:is(body[isMobile=true]) :host .dialog{--gds-dialog-base-gap: var(--gds-spacing-2xs)}@media(max-width:484px){:host .dialog{max-width:calc(100% - 2 * var(--gds-spacing-sm))}}:host .secondary-button{--color: var(--gds-palette-text-primary-primary)}:host .secondary-button[secondary-text-variant=error]{--color: var(--gds-palette-helper-error-inverse)}:host .secondary-button{color:var(--color)}\n"], dependencies: [{ kind: "component", type: GdsDialogComponent, selector: "dialog[gds-dialog]", inputs: ["type", "background", "headerLabelAlignment", "showFooterBorder", "closeOnBackdropClick", "suppressDismissBtn"], outputs: ["closed", "canceled"] }, { kind: "component", type: GdsButtonComponent, selector: "button[gds-button]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsUserPromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gds-user-prompt-dialog', imports: [GdsDialogComponent, GdsButtonComponent, TranslatePipe, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dialog\n  gds-dialog\n  class=\"\n    dialog\n    gds-height-fit-content\n    gds-width-fit-content\n  \"\n  [closeOnBackdropClick]=\"config.data?.closeOnBackdropClick\"\n  (canceled)=\"close()\"\n  (closed)=\"close()\"\n  [suppressDismissBtn]=\"config.data?.suppressDismissBtn\"\n>\n  <span header-label>{{ config.data?.title ?? '' | translate }}</span>\n  <ng-container *ngTemplateOutlet=\"descTemplate\" />\n  <div\n    footer-actions-primary\n    class=\"\n      gds-display-flex\n      gds-gap-2xs\n      gds-mobile-flex-row-reverse\n      gds-mobile-padding-block-start-2xs\n    \"\n  >\n    <button\n      gds-button\n      class=\"\n        gds-mobile-padding-inline-2xs\n        gds-mobile-text-primary-primary\n      \"\n      [variant]=\"isMobile() ? 'invisible' : 'primary'\"\n      (clicked)=\"confirm()\"\n    >\n      {{ config.data?.primaryLabel ?? '' | translate }}\n    </button>\n    @if (config.data?.secondaryLabel) {\n      <button\n        gds-button\n        class=\"\n          gds-mobile-padding-inline-2xs\n          gds-mobile-text-primary-primary\n        \"\n        footer-actions-primary\n        [variant]=\"isMobile() ? 'invisible' : 'default'\"\n        (clicked)=\"close()\"\n      >\n        {{ config.data?.secondaryLabel ?? '' | translate }}\n      </button>\n    }\n  </div>\n</dialog>\n\n<ng-template #defaultDescriptionTmpl>\n  <span>{{ desc | translate }}</span>\n</ng-template>\n", styles: [":is(body[isMobile=true]) :host .dialog{--gds-dialog-base-gap: var(--gds-spacing-2xs)}@media(max-width:484px){:host .dialog{max-width:calc(100% - 2 * var(--gds-spacing-sm))}}\n"] }]
+            args: [{ selector: 'gds-user-prompt-dialog', imports: [GdsDialogComponent, GdsButtonComponent, TranslatePipe, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dialog\n  gds-dialog\n  class=\"\n    dialog\n    gds-height-fit-content\n    gds-width-fit-content\n  \"\n  [closeOnBackdropClick]=\"config.data?.closeOnBackdropClick\"\n  (canceled)=\"close()\"\n  (closed)=\"close()\"\n  [suppressDismissBtn]=\"config.data?.suppressDismissBtn\"\n>\n  <span header-label>{{ config.data?.title ?? '' | translate }}</span>\n  <ng-container *ngTemplateOutlet=\"descTemplate\" />\n  <div\n    footer-actions-primary\n    class=\"\n      gds-display-flex\n      gds-gap-2xs\n      gds-mobile-flex-row-reverse\n      gds-mobile-padding-block-start-2xs\n    \"\n  >\n    <button\n      gds-button\n      class=\"\n        gds-mobile-padding-inline-2xs\n        gds-mobile-text-primary-primary\n      \"\n      [variant]=\"isMobile() ? 'invisible' : 'primary'\"\n      (clicked)=\"confirm()\"\n    >\n      {{ config.data?.primaryLabel ?? '' | translate }}\n    </button>\n    @if (config.data?.secondaryLabel) {\n      <button\n        gds-button\n        class=\"\n          gds-mobile-padding-inline-2xs\n          secondary-button\n        \"\n        [attr.secondary-text-variant]=\"secondaryTextVariant\"\n        footer-actions-primary\n        [variant]=\"isMobile() ? 'invisible' : 'default'\"\n        (clicked)=\"close()\"\n      >\n        {{ config.data?.secondaryLabel ?? '' | translate }}\n      </button>\n    }\n  </div>\n</dialog>\n\n<ng-template #defaultDescriptionTmpl>\n  <span>{{ desc | translate }}</span>\n</ng-template>\n", styles: [":host[isActive=true]{outline:2px solid}:is(body[isMobile=true]) :host .dialog{--gds-dialog-base-gap: var(--gds-spacing-2xs)}@media(max-width:484px){:host .dialog{max-width:calc(100% - 2 * var(--gds-spacing-sm))}}:host .secondary-button{--color: var(--gds-palette-text-primary-primary)}:host .secondary-button[secondary-text-variant=error]{--color: var(--gds-palette-helper-error-inverse)}:host .secondary-button{color:var(--color)}\n"] }]
         }], propDecorators: { defaultDescTmpl: [{ type: i0.ViewChild, args: ['defaultDescriptionTmpl', { isSignal: true }] }] } });
 class GdsUserPromptService {
@@ -7215,6 +7336,7 @@ class GdsUserPromptService {
             description,
             primaryLabel: 'Core.Button.Confirm',
             secondaryLabel: 'Core.Button.Cancel',
+            secondaryTextVariant: 'default',
             closeOnBackdropClick: true,
             suppressDismissBtn: false,
             ...options
@@ -7226,15 +7348,16 @@ class GdsUserPromptService {
             description,
             primaryLabel: 'Core.Button.Ok',
             secondaryLabel: '',
+            secondaryTextVariant: 'default',
             closeOnBackdropClick: true,
             suppressDismissBtn: false,
             ...options
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsUserPromptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsUserPromptService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsUserPromptService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsUserPromptService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -7253,10 +7376,10 @@ class GdsHistoryComponent {
     contentTmpl = contentChild('contentTmpl', ...(ngDevMode ? [{ debugName: "contentTmpl" }] : /* istanbul ignore next */ []));
     menuTmpl = contentChild('menuTmpl', ...(ngDevMode ? [{ debugName: "menuTmpl" }] : /* istanbul ignore next */ []));
     menuPosition = CDK_MENU_CONNECTED_POSITIONS;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsHistoryComponent, isStandalone: true, selector: "gds-history", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connectorType: { classPropertyName: "connectorType", publicName: "connectorType", isSignal: true, isRequired: false, transformFunction: null }, suppressCloseBtn: { classPropertyName: "suppressCloseBtn", publicName: "suppressCloseBtn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", itemHovered: "itemHovered" }, queries: [{ propertyName: "contentTmpl", first: true, predicate: ["contentTmpl"], descendants: true, isSignal: true }, { propertyName: "menuTmpl", first: true, predicate: ["menuTmpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"\n  gds-align-items-center\n  gds-display-flex\n  gds-padding-sm\n\">\n  <span class=\"\n    gds-flex-grow-1\n    gds-text-primary-primary\n    gds-text-subtitle\n  \">{{ title() }}</span>\n  @if (!suppressCloseBtn()) {\n    <button\n      gds-icon-button\n      variant=\"primary\"\n      class=\"gds-background-none\"\n      (clicked)=\"closed.emit()\"\n      [attr.aria-label]=\"'Dismiss'\"\n    >\n      <gds-icon\n        key=\"line-dismiss\"\n        class=\"gds-icon-size-3xs\"\n      />\n    </button>\n  }\n</div>\n@if (loading()) {\n  <gds-spinner class=\"\n    gds-margin-block-auto\n    gds-margin-inline-auto\n  \" />\n} @else {\n  <div class=\"gds-scrollable-vertically\">\n    <ol\n      role=\"list\"\n      class=\"gds-list-unstyled\"\n    >\n      @for (item of reversed(); track $index) {\n        <li\n          gds-timeline-item\n          [connectorType]=\"connectorType()\"\n          [start]=\"$last\"\n          [end]=\"$first\"\n          (mouseenter)=\"itemHovered.emit(item)\"\n          (mouseleave)=\"itemHovered.emit(null)\"\n        >\n          <div\n            tag\n            class=\"\n              gds-display-flex\n              gds-justify-content-center\n            \"\n          >\n            @if (item.badgeType === 'icon') {\n              <gds-icon\n                class=\"\n                  badge-icon\n                  gds-background-base\n                  gds-icon-primary\n                  gds-icon-size-3xs\n                  gds-padding-3xs\n                  gds-radius-2xl\n                \"\n                [key]=\"item.badgeData | gdsSvgicon\"\n              />\n            } @else {\n              <span\n                gds-badge\n                [ngClass]=\"{\n                  'gds-background-dark-strong gds-text-default-contrast': $first,\n                  'gds-background-white': !$first\n                }\"\n                >{{ item.badgeData }}</span\n              >\n            }\n          </div>\n          <div class=\"\n            gds-display-flex\n            gds-flex-column\n            gds-gap-2xs\n          \">\n            <div class=\"\n              gds-align-items-start\n              gds-display-flex\n              gds-gap-3xs\n              gds-margin-inline-end-3xs\n            \">\n              <div class=\"\n                gds-display-flex\n                gds-flex-column\n                gds-flex-grow-1\n                gds-gap-2xs\n                item-content\n              \">\n                <gds-tooltip\n                  class=\"\n                    gds-flex-grow-1\n                    gds-text-body\n                    gds-text-primary\n                  \"\n                  [tooltip]=\"item.title\"\n                  onlyTextOverflow\n                >\n                  {{ item.title }}\n                </gds-tooltip>\n                @for (label of item.labels; track $index) {\n                  <gds-tooltip\n                    class=\"\n                      gds-text-caption\n                      gds-text-secondary\n                    \"\n                    onlyTextOverflow\n                    [tooltip]=\"label\"\n                  >\n                    {{ label }}\n                  </gds-tooltip>\n                }\n                <ng-container *ngTemplateOutlet=\"contentTmpl() ?? null; context: { $implicit: item }\" />\n              </div>\n              @if (menuTmpl() && !$first) {\n                <button\n                  gds-icon-button\n                  variant=\"primary\"\n                  class=\"\n                    gds-background-none\n                    gds-min-height-0\n                  \"\n                  [attr.ariaLabel]=\"'Menu'\"\n                  [cdkMenuTriggerFor]=\"menu\"\n                  [cdkMenuPosition]=\"menuPosition\"\n                  #trigger=\"cdkMenuTriggerFor\"\n                >\n                  <gds-icon\n                    key=\"filled-menu-more\"\n                    class=\"gds-icon-size-2xs\"\n                  />\n                </button>\n                <ng-template #menu>\n                  <gds-dropdown (click)=\"trigger.close()\">\n                    <ng-container *ngTemplateOutlet=\"menuTmpl() ?? null; context: { $implicit: item }\" />\n                  </gds-dropdown>\n                </ng-template>\n              }\n            </div>\n          </div>\n        </li>\n      }\n    </ol>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;background:var(--gds-palette-background-hover);overflow:hidden}:host .item-content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTimelineItemComponent, selector: "li[gds-timeline-item]", inputs: ["end", "start", "connectorType"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: GdsSvgIconPipe, name: "gdsSvgicon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsHistoryComponent, isStandalone: true, selector: "gds-history", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connectorType: { classPropertyName: "connectorType", publicName: "connectorType", isSignal: true, isRequired: false, transformFunction: null }, suppressCloseBtn: { classPropertyName: "suppressCloseBtn", publicName: "suppressCloseBtn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", itemHovered: "itemHovered" }, queries: [{ propertyName: "contentTmpl", first: true, predicate: ["contentTmpl"], descendants: true, isSignal: true }, { propertyName: "menuTmpl", first: true, predicate: ["menuTmpl"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"\n  gds-align-items-center\n  gds-display-flex\n  gds-padding-sm\n\">\n  <span class=\"\n    gds-flex-grow-1\n    gds-text-primary-primary\n    gds-text-subtitle\n  \">{{ title() }}</span>\n  @if (!suppressCloseBtn()) {\n    <button\n      gds-icon-button\n      variant=\"primary\"\n      class=\"gds-background-none\"\n      (clicked)=\"closed.emit()\"\n      [attr.aria-label]=\"'Dismiss'\"\n    >\n      <gds-icon\n        key=\"line-dismiss\"\n        class=\"gds-icon-size-3xs\"\n      />\n    </button>\n  }\n</div>\n@if (loading()) {\n  <gds-spinner class=\"\n    gds-margin-block-auto\n    gds-margin-inline-auto\n  \" />\n} @else {\n  <div class=\"gds-scrollable-vertically\">\n    <ol\n      role=\"list\"\n      class=\"gds-list-unstyled\"\n    >\n      @for (item of reversed(); track $index) {\n        <li\n          gds-timeline-item\n          [connectorType]=\"connectorType()\"\n          [start]=\"$last\"\n          [end]=\"$first\"\n          (mouseenter)=\"itemHovered.emit(item)\"\n          (mouseleave)=\"itemHovered.emit(null)\"\n        >\n          <div\n            tag\n            class=\"\n              gds-display-flex\n              gds-justify-content-center\n            \"\n          >\n            @if (item.badgeType === 'icon') {\n              <gds-icon\n                class=\"\n                  badge-icon\n                  gds-background-base\n                  gds-icon-primary\n                  gds-icon-size-3xs\n                  gds-padding-3xs\n                  gds-radius-2xl\n                \"\n                [key]=\"item.badgeData | gdsSvgicon\"\n              />\n            } @else {\n              <span\n                gds-badge\n                [ngClass]=\"{\n                  'gds-background-dark-strong gds-text-default-contrast': $first,\n                  'gds-background-white': !$first\n                }\"\n                >{{ item.badgeData }}</span\n              >\n            }\n          </div>\n          <div class=\"\n            gds-display-flex\n            gds-flex-column\n            gds-gap-2xs\n          \">\n            <div class=\"\n              gds-align-items-start\n              gds-display-flex\n              gds-gap-3xs\n              gds-margin-inline-end-3xs\n            \">\n              <div class=\"\n                gds-display-flex\n                gds-flex-column\n                gds-flex-grow-1\n                gds-gap-2xs\n                item-content\n              \">\n                <gds-tooltip\n                  class=\"\n                    gds-flex-grow-1\n                    gds-text-body\n                    gds-text-primary\n                  \"\n                  [tooltip]=\"item.title\"\n                  onlyTextOverflow\n                >\n                  {{ item.title }}\n                </gds-tooltip>\n                @for (label of item.labels; track $index) {\n                  <gds-tooltip\n                    class=\"\n                      gds-text-caption\n                      gds-text-secondary\n                    \"\n                    onlyTextOverflow\n                    [tooltip]=\"label\"\n                  >\n                    {{ label }}\n                  </gds-tooltip>\n                }\n                <ng-container *ngTemplateOutlet=\"contentTmpl() ?? null; context: { $implicit: item }\" />\n              </div>\n              @if (menuTmpl() && !$first) {\n                <button\n                  gds-icon-button\n                  variant=\"primary\"\n                  class=\"\n                    gds-background-none\n                    gds-min-height-0\n                  \"\n                  [attr.ariaLabel]=\"'Menu'\"\n                  [cdkMenuTriggerFor]=\"menu\"\n                  [cdkMenuPosition]=\"menuPosition\"\n                  #trigger=\"cdkMenuTriggerFor\"\n                >\n                  <gds-icon\n                    key=\"filled-menu-more\"\n                    class=\"gds-icon-size-2xs\"\n                  />\n                </button>\n                <ng-template #menu>\n                  <gds-dropdown (click)=\"trigger.close()\">\n                    <ng-container *ngTemplateOutlet=\"menuTmpl() ?? null; context: { $implicit: item }\" />\n                  </gds-dropdown>\n                </ng-template>\n              }\n            </div>\n          </div>\n        </li>\n      }\n    </ol>\n  </div>\n}\n", styles: [":host{display:flex;flex-direction:column;height:100%;background:var(--gds-palette-background-hover);overflow:hidden}:host .item-content{overflow:hidden}\n"], dependencies: [{ kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsTimelineItemComponent, selector: "li[gds-timeline-item]", inputs: ["end", "start", "connectorType"] }, { kind: "component", type: GdsSpinnerComponent, selector: "gds-spinner", inputs: ["trackWidth", "size"] }, { kind: "component", type: GdsTooltipComponent, selector: "gds-tooltip", inputs: ["tooltip", "onlyTextOverflow", "disabled", "tooltipPlacement", "tooltipInteractive", "useHostWidth", "open", "maxWidth", "appendTo"] }, { kind: "component", type: GdsDropdownComponent, selector: "gds-dropdown", inputs: ["triggerElement", "horizontal", "preventMobileStyling", "allowDefaultTabBehavior"] }, { kind: "directive", type: CdkMenuTrigger, selector: "[cdkMenuTriggerFor]", inputs: ["cdkMenuTriggerFor", "cdkMenuPosition", "cdkMenuTriggerData", "cdkMenuTriggerTransformOriginOn"], outputs: ["cdkMenuOpened", "cdkMenuClosed"], exportAs: ["cdkMenuTriggerFor"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: GdsSvgIconPipe, name: "gdsSvgicon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsHistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsHistoryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-history', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         GdsBadgeComponent,
@@ -7279,10 +7402,10 @@ class StylableButtonComponent {
     focus = () => {
         this.btn().nativeElement.focus();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: StylableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: StylableButtonComponent, isStandalone: true, selector: "gds-stylable-button", viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true, isSignal: true }], ngImport: i0, template: "<button #btn>\n  <ng-content />\n</button>\n", styles: ["@property --border{syntax: \"<width> <style> <color>\"; initial-value: none; inherits: false;}:host{--padding: var(--stylable-button-padding, 0);--padding-y: var(--stylable-button-padding-y, var(--padding));--padding-x: var(--stylable-button-padding-x, var(--padding));--border-width: var(--stylable-button-border-width, 0);--border-color: var(--stylable-button-border-color, transparent);--border: var(--border-width) solid var(--border-color)}:host button{display:inline-block;align-items:center;justify-content:center;appearance:none;cursor:pointer;text-align:start;font:inherit;font-size:var(--stylable-button-font-size);color:var(--stylable-button-color, inherit);width:var(--stylable-button-width, max-content);margin:0;padding-top:var(--padding-y);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);background:var(--stylable-button-background, none);border:var(--stylable-button-border, var(--border));border-radius:var(--stylable-button-border-radius, 0)}:host button:focus-visible{outline:-webkit-focus-ring-color auto 1px}:host button:hover{background:var(--stylable-button-hover-background, var(--stylable-button-background, none))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StylableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: StylableButtonComponent, isStandalone: true, selector: "gds-stylable-button", viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true, isSignal: true }], ngImport: i0, template: "<button #btn>\n  <ng-content />\n</button>\n", styles: ["@property --border{syntax: \"<width> <style> <color>\"; initial-value: none; inherits: false;}:host{--padding: var(--stylable-button-padding, 0);--padding-y: var(--stylable-button-padding-y, var(--padding));--padding-x: var(--stylable-button-padding-x, var(--padding));--border-width: var(--stylable-button-border-width, 0);--border-color: var(--stylable-button-border-color, transparent);--border: var(--border-width) solid var(--border-color)}:host button{display:inline-block;align-items:center;justify-content:center;appearance:none;cursor:pointer;text-align:start;font:inherit;font-size:var(--stylable-button-font-size);color:var(--stylable-button-color, inherit);width:var(--stylable-button-width, max-content);margin:0;padding-top:var(--padding-y);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);background:var(--stylable-button-background, none);border:var(--stylable-button-border, var(--border));border-radius:var(--stylable-button-border-radius, 0)}:host button:focus-visible{outline:-webkit-focus-ring-color auto 1px}:host button:hover{background:var(--stylable-button-hover-background, var(--stylable-button-background, none))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: StylableButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StylableButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-stylable-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button #btn>\n  <ng-content />\n</button>\n", styles: ["@property --border{syntax: \"<width> <style> <color>\"; initial-value: none; inherits: false;}:host{--padding: var(--stylable-button-padding, 0);--padding-y: var(--stylable-button-padding-y, var(--padding));--padding-x: var(--stylable-button-padding-x, var(--padding));--border-width: var(--stylable-button-border-width, 0);--border-color: var(--stylable-button-border-color, transparent);--border: var(--border-width) solid var(--border-color)}:host button{display:inline-block;align-items:center;justify-content:center;appearance:none;cursor:pointer;text-align:start;font:inherit;font-size:var(--stylable-button-font-size);color:var(--stylable-button-color, inherit);width:var(--stylable-button-width, max-content);margin:0;padding-top:var(--padding-y);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);background:var(--stylable-button-background, none);border:var(--stylable-button-border, var(--border));border-radius:var(--stylable-button-border-radius, 0)}:host button:focus-visible{outline:-webkit-focus-ring-color auto 1px}:host button:hover{background:var(--stylable-button-hover-background, var(--stylable-button-background, none))}\n"] }]
         }], propDecorators: { btn: [{ type: i0.ViewChild, args: ['btn', { isSignal: true }] }] } });
@@ -7304,10 +7427,10 @@ class GdsChatExpandableListComponent {
         }
         this.expanded.set(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChatExpandableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: GdsChatExpandableListComponent, isStandalone: true, selector: "dl[gds-chat-expandable-list]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, displayLimit: { classPropertyName: "displayLimit", publicName: "displayLimit", isSignal: true, isRequired: false, transformFunction: null }, onlyEmitExpandedEvent: { classPropertyName: "onlyEmitExpandedEvent", publicName: "onlyEmitExpandedEvent", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandClicked: "expandClicked", expanded: "expandedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"dt\">\n  <dt class=\"gds-display-none\"></dt>\n</ng-content>\n@for (item of displayItems(); track $index) {\n  <dd class=\"gds-expandable-list_item\">\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item, index: $index }\" />\n    @if ($last && showExpandAction()) {\n      <gds-stylable-button\n        (click)=\"expand()\"\n        class=\"gds-expandable-list_action\"\n      >\n        <span\n          gds-badge\n          [attr.aria-label]=\"'Gds.ChatExpandableList.Expand.Aria.Label' | translate: { count: hiddenCount() }\"\n        >\n          +{{ hiddenCount() }}\n        </span>\n      </gds-stylable-button>\n    }\n  </dd>\n}\n<ng-content select=\"[trailing]\" />\n", styles: [":host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gds-spacing-2xs)}:host .gds-expandable-list_item{display:flex;align-items:center;min-width:0}:host .gds-expandable-list_action{margin-inline-start:var(--gds-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StylableButtonComponent, selector: "gds-stylable-button" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatExpandableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: GdsChatExpandableListComponent, isStandalone: true, selector: "dl[gds-chat-expandable-list]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, displayLimit: { classPropertyName: "displayLimit", publicName: "displayLimit", isSignal: true, isRequired: false, transformFunction: null }, onlyEmitExpandedEvent: { classPropertyName: "onlyEmitExpandedEvent", publicName: "onlyEmitExpandedEvent", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandClicked: "expandClicked", expanded: "expandedChange" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content select=\"dt\">\n  <dt class=\"gds-display-none\"></dt>\n</ng-content>\n@for (item of displayItems(); track $index) {\n  <dd class=\"gds-expandable-list_item\">\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item, index: $index }\" />\n    @if ($last && showExpandAction()) {\n      <gds-stylable-button\n        (click)=\"expand()\"\n        class=\"gds-expandable-list_action\"\n      >\n        <span\n          gds-badge\n          [attr.aria-label]=\"'Gds.ChatExpandableList.Expand.Aria.Label' | translate: { count: hiddenCount() }\"\n        >\n          +{{ hiddenCount() }}\n        </span>\n      </gds-stylable-button>\n    }\n  </dd>\n}\n<ng-content select=\"[trailing]\" />\n", styles: [":host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gds-spacing-2xs)}:host .gds-expandable-list_item{display:flex;align-items:center;min-width:0}:host .gds-expandable-list_action{margin-inline-start:var(--gds-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: GdsBadgeComponent, selector: "span[gds-badge]", inputs: ["icon", "tooltip", "tooltipInteractive"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: StylableButtonComponent, selector: "gds-stylable-button" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChatExpandableListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatExpandableListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'dl[gds-chat-expandable-list]', imports: [GdsBadgeComponent, NgTemplateOutlet, StylableButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"dt\">\n  <dt class=\"gds-display-none\"></dt>\n</ng-content>\n@for (item of displayItems(); track $index) {\n  <dd class=\"gds-expandable-list_item\">\n    <ng-container *ngTemplateOutlet=\"itemTemplate(); context: { $implicit: item, index: $index }\" />\n    @if ($last && showExpandAction()) {\n      <gds-stylable-button\n        (click)=\"expand()\"\n        class=\"gds-expandable-list_action\"\n      >\n        <span\n          gds-badge\n          [attr.aria-label]=\"'Gds.ChatExpandableList.Expand.Aria.Label' | translate: { count: hiddenCount() }\"\n        >\n          +{{ hiddenCount() }}\n        </span>\n      </gds-stylable-button>\n    }\n  </dd>\n}\n<ng-content select=\"[trailing]\" />\n", styles: [":host{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gds-spacing-2xs)}:host .gds-expandable-list_item{display:flex;align-items:center;min-width:0}:host .gds-expandable-list_action{margin-inline-start:var(--gds-spacing-2xs)}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], displayLimit: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayLimit", required: false }] }], onlyEmitExpandedEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "onlyEmitExpandedEvent", required: false }] }], expandClicked: [{ type: i0.Output, args: ["expandClicked"] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -7316,6 +7439,7 @@ class GdsMessageInputComponent {
     mode = input('type', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
     placeholder = input('Ask me anything', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    suppressClearOnSubmit = input(false, { ...(ngDevMode ? { debugName: "suppressClearOnSubmit" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     enableIcon = input(false, { ...(ngDevMode ? { debugName: "enableIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     textareaAriaLabel = input('Gds.MessageInput.Textarea.AriaLabel', ...(ngDevMode ? [{ debugName: "textareaAriaLabel" }] : /* istanbul ignore next */ []));
     sendButtonAriaLabel = input('Gds.MessageInput.SendButton.AriaLabel', ...(ngDevMode ? [{ debugName: "sendButtonAriaLabel" }] : /* istanbul ignore next */ []));
@@ -7361,8 +7485,9 @@ class GdsMessageInputComponent {
         }
         const value = this.value()?.trim() ?? '';
         this.sent.emit(this.disabled() ? '' : value);
-        if (!this.disabled())
+        if (!this.disabled() && !this.suppressClearOnSubmit()) {
             this.clear();
+        }
     }
     iconHoveringChanged({ type }) {
         if (this.disabled() && !this.enableIcon()) {
@@ -7377,10 +7502,10 @@ class GdsMessageInputComponent {
     focus() {
         this.textarea().nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMessageInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.10", type: GdsMessageInputComponent, isStandalone: true, selector: "gds-message-input", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, enableIcon: { classPropertyName: "enableIcon", publicName: "enableIcon", isSignal: true, isRequired: false, transformFunction: null }, textareaAriaLabel: { classPropertyName: "textareaAriaLabel", publicName: "textareaAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, sendButtonAriaLabel: { classPropertyName: "sendButtonAriaLabel", publicName: "sendButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonAriaLabel: { classPropertyName: "cancelButtonAriaLabel", publicName: "cancelButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sent: "sent", canceled: "canceled", changed: "changed", value: "valueChange" }, host: { properties: { "attr.aria-disabled": "disabled()", "class.gds-background-disabled": "disabled()", "class.gds-padding-block-end-2xs": "hasChildren()" }, classAttribute: "\n      gds-display-flex\n      gds-align-items-center\n      gds-border\n      gds-border-color-default\n      gds-radius-lg\n      gds-padding-xs\n      gds-padding-inline-2xs\n      gds-background-white\n      gds-position-relative\n      gds-overflow-hidden\n\n      gds-mobile-radius-sm\n      gds-mobile-padding-0\n      " }, viewQueries: [{ propertyName: "textarea", first: true, predicate: GdsNativeTextareaDirective, descendants: true, isSignal: true }, { propertyName: "slot", first: true, predicate: ["slot"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-xs\n  gds-width-100-parent\n\">\n  <gds-auto-growing-text-area\n    class=\"\n      gds-mobile-padding-block-2xs\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-2xs\n      gds-text-input\n      gds-text-primary\n      textarea\n    \"\n    [ngClass]=\"{ 'gds-padding-inline-end-md': !hasChildren() }\"\n    [maxRows]=\"8\"\n  >\n    <textarea\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      rows=\"1\"\n      (input)=\"handleChange($event)\"\n      (keydown.enter)=\"handleSubmit($event)\"\n      [attr.aria-label]=\"textareaAriaLabel() | translate\"\n      >{{ value() }}</textarea\n    >\n  </gds-auto-growing-text-area>\n  <div\n    #slot\n    class=\"gds-display-contents\"\n    [ngClass]=\"{ 'gds-display-none': !hasChildren() }\"\n  >\n    <ng-content />\n  </div>\n</div>\n<button\n  gds-icon-button\n  class=\"\n    gds-align-self-end\n    gds-background-none\n    gds-margin-block-end-0\n    gds-mobile-right-0\n    gds-padding-0\n    gds-right-2xs\n    trailing-icon\n  \"\n  variant=\"primary\"\n  [disabled]=\"disabled() && !enableIcon()\"\n  (clicked)=\"handleSubmit()\"\n  (mouseenter)=\"iconHoveringChanged($event)\"\n  (mouseleave)=\"iconHoveringChanged($event)\"\n  [attr.aria-label]=\"iconAriaLabel() | translate\"\n>\n  <gds-icon\n    [key]=\"icon()\"\n    class=\"\n      gds-icon-size-xs\n      gds-mobile-icon-size-2xs\n    \"\n  />\n</button>\n", styles: [":host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--gds-palette-border-selected);border-radius:var(--gds-borderRadius-xs)}:is(body[isMobile=true]) :host .textarea{--placeholder-color: var(--gds-palette-text-default-placeholder)}:is(body[isMobile=true]) :host .trailing-icon:focus-visible{outline-offset:calc(var(--gds-spacing-3xs) * -1)}:host[aria-disabled=true]{cursor:not-allowed}:host .trailing-icon{border-color:transparent;box-sizing:content-box}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsAutoGrowingTextareaComponent, selector: "gds-auto-growing-text-area", inputs: ["maxRows"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GdsNativeTextareaDirective, selector: "textarea" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMessageInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: GdsMessageInputComponent, isStandalone: true, selector: "gds-message-input", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, suppressClearOnSubmit: { classPropertyName: "suppressClearOnSubmit", publicName: "suppressClearOnSubmit", isSignal: true, isRequired: false, transformFunction: null }, enableIcon: { classPropertyName: "enableIcon", publicName: "enableIcon", isSignal: true, isRequired: false, transformFunction: null }, textareaAriaLabel: { classPropertyName: "textareaAriaLabel", publicName: "textareaAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, sendButtonAriaLabel: { classPropertyName: "sendButtonAriaLabel", publicName: "sendButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, cancelButtonAriaLabel: { classPropertyName: "cancelButtonAriaLabel", publicName: "cancelButtonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sent: "sent", canceled: "canceled", changed: "changed", value: "valueChange" }, host: { properties: { "attr.aria-disabled": "disabled()", "class.gds-background-disabled": "disabled()", "class.gds-padding-block-end-2xs": "hasChildren()" }, classAttribute: "\n      gds-display-flex\n      gds-align-items-center\n      gds-border\n      gds-border-color-default\n      gds-radius-lg\n      gds-padding-xs\n      gds-padding-inline-2xs\n      gds-background-white\n      gds-position-relative\n      gds-overflow-hidden\n\n      gds-mobile-radius-sm\n      gds-mobile-padding-0\n      " }, viewQueries: [{ propertyName: "textarea", first: true, predicate: GdsNativeTextareaDirective, descendants: true, isSignal: true }, { propertyName: "slot", first: true, predicate: ["slot"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-xs\n  gds-width-100-parent\n\">\n  <gds-auto-growing-text-area\n    class=\"\n      gds-mobile-padding-block-2xs\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-2xs\n      gds-text-input\n      gds-text-primary\n      textarea\n    \"\n    [ngClass]=\"{ 'gds-padding-inline-end-md': !hasChildren() }\"\n    [maxRows]=\"8\"\n  >\n    <textarea\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      rows=\"1\"\n      (input)=\"handleChange($event)\"\n      (keydown.enter)=\"handleSubmit($event)\"\n      [attr.aria-label]=\"textareaAriaLabel() | translate\"\n      >{{ value() }}</textarea\n    >\n  </gds-auto-growing-text-area>\n  <div\n    #slot\n    class=\"gds-display-contents\"\n    [ngClass]=\"{ 'gds-display-none': !hasChildren() }\"\n  >\n    <ng-content />\n  </div>\n</div>\n<button\n  gds-icon-button\n  class=\"\n    gds-align-self-end\n    gds-background-none\n    gds-margin-block-end-0\n    gds-mobile-right-0\n    gds-padding-0\n    gds-right-2xs\n    trailing-icon\n  \"\n  variant=\"primary\"\n  [disabled]=\"disabled() && !enableIcon()\"\n  (clicked)=\"handleSubmit()\"\n  (mouseenter)=\"iconHoveringChanged($event)\"\n  (mouseleave)=\"iconHoveringChanged($event)\"\n  [attr.aria-label]=\"iconAriaLabel() | translate\"\n>\n  <gds-icon\n    [key]=\"icon()\"\n    class=\"\n      gds-icon-size-xs\n      gds-mobile-icon-size-2xs\n    \"\n  />\n</button>\n", styles: [":host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--gds-palette-border-selected);border-radius:var(--gds-borderRadius-xs)}:is(body[isMobile=true]) :host .textarea{--placeholder-color: var(--gds-palette-text-default-placeholder)}:is(body[isMobile=true]) :host .trailing-icon:focus-visible{outline-offset:calc(var(--gds-spacing-3xs) * -1)}:host[aria-disabled=true]{cursor:not-allowed}:host .trailing-icon{border-color:transparent;box-sizing:content-box}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }, { kind: "component", type: GdsIconButtonComponent, selector: "button[gds-icon-button]", inputs: ["tooltipLabel"] }, { kind: "component", type: GdsAutoGrowingTextareaComponent, selector: "gds-auto-growing-text-area", inputs: ["maxRows"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: GdsNativeTextareaDirective, selector: "textarea" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsMessageInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsMessageInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-message-input', imports: [
                         GdsIconComponent,
@@ -7409,14 +7534,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                         '[class.gds-background-disabled]': 'disabled()',
                         '[class.gds-padding-block-end-2xs]': 'hasChildren()'
                     }, template: "<div class=\"\n  gds-display-flex\n  gds-flex-column\n  gds-gap-xs\n  gds-width-100-parent\n\">\n  <gds-auto-growing-text-area\n    class=\"\n      gds-mobile-padding-block-2xs\n      gds-mobile-text-input-mobile\n      gds-padding-block-3xs\n      gds-padding-inline-2xs\n      gds-text-input\n      gds-text-primary\n      textarea\n    \"\n    [ngClass]=\"{ 'gds-padding-inline-end-md': !hasChildren() }\"\n    [maxRows]=\"8\"\n  >\n    <textarea\n      [placeholder]=\"placeholder()\"\n      [disabled]=\"disabled()\"\n      rows=\"1\"\n      (input)=\"handleChange($event)\"\n      (keydown.enter)=\"handleSubmit($event)\"\n      [attr.aria-label]=\"textareaAriaLabel() | translate\"\n      >{{ value() }}</textarea\n    >\n  </gds-auto-growing-text-area>\n  <div\n    #slot\n    class=\"gds-display-contents\"\n    [ngClass]=\"{ 'gds-display-none': !hasChildren() }\"\n  >\n    <ng-content />\n  </div>\n</div>\n<button\n  gds-icon-button\n  class=\"\n    gds-align-self-end\n    gds-background-none\n    gds-margin-block-end-0\n    gds-mobile-right-0\n    gds-padding-0\n    gds-right-2xs\n    trailing-icon\n  \"\n  variant=\"primary\"\n  [disabled]=\"disabled() && !enableIcon()\"\n  (clicked)=\"handleSubmit()\"\n  (mouseenter)=\"iconHoveringChanged($event)\"\n  (mouseleave)=\"iconHoveringChanged($event)\"\n  [attr.aria-label]=\"iconAriaLabel() | translate\"\n>\n  <gds-icon\n    [key]=\"icon()\"\n    class=\"\n      gds-icon-size-xs\n      gds-mobile-icon-size-2xs\n    \"\n  />\n</button>\n", styles: [":host ::ng-deep input:focus,:host ::ng-deep textarea:focus{outline:none}:host:focus-within,:host.is-controlled{isolation:isolate;position:relative}:host:focus-within:before,:host.is-controlled:before{z-index:-1;content:\"\";position:absolute;inset:0;border-bottom:var(--gds-borderWidth-lg) solid var(--gds-palette-border-selected);border-radius:var(--gds-borderRadius-xs)}:is(body[isMobile=true]) :host .textarea{--placeholder-color: var(--gds-palette-text-default-placeholder)}:is(body[isMobile=true]) :host .trailing-icon:focus-visible{outline-offset:calc(var(--gds-spacing-3xs) * -1)}:host[aria-disabled=true]{cursor:not-allowed}:host .trailing-icon{border-color:transparent;box-sizing:content-box}\n"] }]
-        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], enableIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableIcon", required: false }] }], textareaAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "textareaAriaLabel", required: false }] }], sendButtonAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendButtonAriaLabel", required: false }] }], cancelButtonAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonAriaLabel", required: false }] }], sent: [{ type: i0.Output, args: ["sent"] }], canceled: [{ type: i0.Output, args: ["canceled"] }], changed: [{ type: i0.Output, args: ["changed"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], textarea: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GdsNativeTextareaDirective), { isSignal: true }] }], slot: [{ type: i0.ViewChild, args: ['slot', { isSignal: true }] }] } });
+        }], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], suppressClearOnSubmit: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressClearOnSubmit", required: false }] }], enableIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableIcon", required: false }] }], textareaAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "textareaAriaLabel", required: false }] }], sendButtonAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendButtonAriaLabel", required: false }] }], cancelButtonAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "cancelButtonAriaLabel", required: false }] }], sent: [{ type: i0.Output, args: ["sent"] }], canceled: [{ type: i0.Output, args: ["canceled"] }], changed: [{ type: i0.Output, args: ["changed"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], textarea: [{ type: i0.ViewChild, args: [i0.forwardRef(() => GdsNativeTextareaDirective), { isSignal: true }] }], slot: [{ type: i0.ViewChild, args: ['slot', { isSignal: true }] }] } });
 class GdsChatPromptComponent {
     label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChatPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsChatPromptComponent, isStandalone: true, selector: "gds-chat-prompt", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "\n      gds-display-block\n      gds-line-height-lg\n      gds-mobile-padding-sm\n      gds-padding-xs\n      gds-radius-bottom-right-0\n      gds-radius-lg\n      gds-text-primary\n      gds-width-fit-content\n    " }, ngImport: i0, template: "{{ label() }}\n", styles: [":host{font:var(--gds-text-body-shorthand);font-size:.938rem;white-space:pre-wrap;word-wrap:break-word;background:var(--gds-palette-background-chat);-webkit-user-select:text;user-select:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsChatPromptComponent, isStandalone: true, selector: "gds-chat-prompt", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "\n      gds-display-block\n      gds-line-height-lg\n      gds-mobile-padding-sm\n      gds-padding-xs\n      gds-radius-bottom-right-0\n      gds-radius-lg\n      gds-text-primary\n      gds-width-fit-content\n    " }, ngImport: i0, template: "{{ label() }}\n", styles: [":host{font:var(--gds-text-body-shorthand);font-size:.938rem;white-space:pre-wrap;word-wrap:break-word;background:var(--gds-palette-background-chat);-webkit-user-select:text;user-select:text}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChatPromptComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatPromptComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-chat-prompt', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: `
@@ -7433,10 +7558,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
 class GdsReferenceComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsReferenceComponent, isStandalone: true, selector: "gds-reference", host: { classAttribute: "gds-radius-sm gds-display-inline-flex gds-text-primary" }, ngImport: i0, template: "<ng-content select=\"[gds-reference-link]\">\n  <div class=\"gds-reference_body\">\n    <ng-content />\n  </div>\n</ng-content>\n<ng-content select=\"[trailing-action]\" />\n", styles: [":host{--gds-reference-background-color: var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{--gds-reference-background-color: var(--gds-palette-background-secondary-offWhite)}:host:has([gds-reference-link]:focus-visible){outline:2px solid black;outline-offset:2px}:host:has([gds-reference-link][aria-disabled=false][readonly=false]){cursor:pointer}:host:has([gds-reference-link][aria-disabled=false][readonly=false]):hover{background-color:var(--gds-palette-background-hover)}:host:has([gds-reference-link][aria-disabled=true]){background-color:var(--gds-palette-background-disabled);cursor:not-allowed;color:var(--gds-palette-text-default-disabled)}:host:has([trailing-action]){padding-inline-end:var(--gds-spacing-2xs)}:host{align-items:center;justify-content:space-between;border:var(--gds-border-default-shorthand);background-color:var(--gds-reference-background-color);font:var(--gds-text-caption-shorthand);outline:none;cursor:default}:host::-moz-focus-inner{border:0}:host .gds-reference_body{flex-grow:1;display:inline-grid;grid-template-columns:min-content minmax(0px,1fr);grid-template-areas:\"leading-visual body\";align-items:center}:host .gds-reference_body ::ng-deep>*{grid-area:body}:host .gds-reference_body ::ng-deep>[leading-visual]{grid-area:leading-visual}:host .gds-reference_body:has([leading-visual]){gap:var(--gap, var(--gds-spacing-2xs))}:host .gds-reference_body{padding:var(--gds-spacing-2xs);word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsReferenceComponent, isStandalone: true, selector: "gds-reference", host: { classAttribute: "gds-radius-sm gds-display-inline-flex gds-text-primary" }, ngImport: i0, template: "<ng-content select=\"[gds-reference-link]\">\n  <div class=\"gds-reference_body\">\n    <ng-content />\n  </div>\n</ng-content>\n<ng-content select=\"[trailing-action]\" />\n", styles: [":host{--gds-reference-background-color: var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{--gds-reference-background-color: var(--gds-palette-background-secondary-offWhite)}:host:has([gds-reference-link]:focus-visible){outline:2px solid black;outline-offset:2px}:host:has([gds-reference-link][aria-disabled=false][readonly=false]){cursor:pointer}:host:has([gds-reference-link][aria-disabled=false][readonly=false]):hover{background-color:var(--gds-palette-background-hover)}:host:has([gds-reference-link][aria-disabled=true]){background-color:var(--gds-palette-background-disabled);cursor:not-allowed;color:var(--gds-palette-text-default-disabled)}:host:has([trailing-action]){padding-inline-end:var(--gds-spacing-2xs)}:host{align-items:center;justify-content:space-between;border:var(--gds-border-default-shorthand);background-color:var(--gds-reference-background-color);font:var(--gds-text-caption-shorthand);outline:none;cursor:default}:host::-moz-focus-inner{border:0}:host .gds-reference_body{flex-grow:1;display:inline-grid;grid-template-columns:min-content minmax(0px,1fr);grid-template-areas:\"leading-visual body\";align-items:center}:host .gds-reference_body ::ng-deep>*{grid-area:body}:host .gds-reference_body ::ng-deep>[leading-visual]{grid-area:leading-visual}:host .gds-reference_body:has([leading-visual]){gap:var(--gap, var(--gds-spacing-2xs))}:host .gds-reference_body{padding:var(--gds-spacing-2xs);word-break:break-word}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsReferenceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'gds-reference', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-radius-sm gds-display-inline-flex gds-text-primary'
@@ -7463,10 +7588,10 @@ class GdsReferenceLinkComponent {
         }
         this.rightClicked.emit(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsReferenceLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsReferenceLinkComponent, isStandalone: true, selector: "a[gds-reference-link]", inputs: { wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", rightClicked: "rightClicked" }, host: { attributes: { "role": "link", "tabindex": "0" }, listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "contextmenu": "onRightClick($event)" }, properties: { "attr.aria-disabled": "disabled()", "attr.readonly": "readonly()" }, classAttribute: "gds-align-content-center gds-radius-top-left-sm gds-radius-bottom-left-sm" }, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<div\n  [class.gds-truncate]=\"!wrap()\"\n  tp\n  tpUseTextContent\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpOnlyTextOverflow]=\"true\"\n>\n  <ng-content />\n</div>\n", styles: [":host{--padding: var(--gds-spacing-2xs);flex-grow:1;display:inline-grid;grid-template-columns:min-content minmax(0px,1fr);grid-template-areas:\"leading-visual body\";align-items:center}:host ::ng-deep>*{grid-area:body}:host ::ng-deep>[leading-visual]{grid-area:leading-visual}:host:has([leading-visual]){gap:var(--gap, var(--gds-spacing-2xs))}:host{padding:var(--padding);outline:none;text-decoration:none}:host:hover{text-decoration:none}:host{-webkit-user-select:none;user-select:none;color:inherit;cursor:inherit}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsReferenceLinkComponent, isStandalone: true, selector: "a[gds-reference-link]", inputs: { wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", rightClicked: "rightClicked" }, host: { attributes: { "role": "link", "tabindex": "0" }, listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "contextmenu": "onRightClick($event)" }, properties: { "attr.aria-disabled": "disabled()", "attr.readonly": "readonly()" }, classAttribute: "gds-align-content-center gds-radius-top-left-sm gds-radius-bottom-left-sm" }, ngImport: i0, template: "<ng-content select=\"[leading-visual]\" />\n<div\n  [class.gds-truncate]=\"!wrap()\"\n  tp\n  tpUseTextContent\n  tpVariation=\"light\"\n  tpAppendTo=\"parent\"\n  [tpOnlyTextOverflow]=\"true\"\n>\n  <ng-content />\n</div>\n", styles: [":host{--padding: var(--gds-spacing-2xs);flex-grow:1;display:inline-grid;grid-template-columns:min-content minmax(0px,1fr);grid-template-areas:\"leading-visual body\";align-items:center}:host ::ng-deep>*{grid-area:body}:host ::ng-deep>[leading-visual]{grid-area:leading-visual}:host:has([leading-visual]){gap:var(--gap, var(--gds-spacing-2xs))}:host{padding:var(--padding);outline:none;text-decoration:none}:host:hover{text-decoration:none}:host{-webkit-user-select:none;user-select:none;color:inherit;cursor:inherit}\n"], dependencies: [{ kind: "directive", type: TippyDirective, selector: "[tp]", inputs: ["tpAppendTo", "tp", "tpDelay", "tpDuration", "tpHideOnClick", "tpInteractive", "tpInteractiveBorder", "tpMaxWidth", "tpOffset", "tpPlacement", "tpPopperOptions", "tpShowOnCreate", "tpTrigger", "tpTriggerTarget", "tpZIndex", "tpAnimation", "tpUseTextContent", "tpIsLazy", "tpVariation", "tpIsEnabled", "tpClassName", "tpOnlyTextOverflow", "tpStaticWidthHost", "tpData", "tpUseHostWidth", "tpHideOnEscape", "tpPopperWidth", "tpHost", "tpIsVisible"], outputs: ["tpOnShow", "tpOnHide", "tpIsVisibleChange", "tpVisible"], exportAs: ["tippy"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsReferenceLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsReferenceLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'a[gds-reference-link]', imports: [TippyDirective], host: {
                         // Since we want to support not having an `href`
@@ -7485,10 +7610,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
         }], propDecorators: { wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], rightClicked: [{ type: i0.Output, args: ["rightClicked"] }] } });
 class GdsResponseComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsResponseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.10", type: GdsResponseComponent, isStandalone: true, selector: "gds-response", host: { classAttribute: "gds-display-flex gds-gap-sm gds-padding-block-sm gds-width-100-parent gds-align-items-baseline gds-text-input gds-text-primary" }, ngImport: i0, template: "<div class=\"\n  gds-position-relative\n  icon-container\n\">\n  <gds-icon\n    class=\"\n      gds-border\n      gds-height-fit-content\n      gds-icon-primary\n      gds-icon-size-sm\n      gds-left-50\n      gds-position-absolute\n      gds-radius-pill\n      gds-top-50\n      gds-translate-middle\n    \"\n    key=\"line-sparkle\"\n  />\n</div>\n\n<ng-content />\n", styles: [":host .icon-container{min-height:15px;min-width:26px}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResponseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: GdsResponseComponent, isStandalone: true, selector: "gds-response", host: { classAttribute: "gds-display-flex gds-gap-sm gds-padding-block-sm gds-width-100-parent gds-align-items-baseline gds-text-input gds-text-primary" }, ngImport: i0, template: "<div class=\"\n  gds-position-relative\n  icon-container\n\">\n  <gds-icon\n    class=\"\n      gds-border\n      gds-height-fit-content\n      gds-icon-primary\n      gds-icon-size-sm\n      gds-left-50\n      gds-position-absolute\n      gds-radius-pill\n      gds-top-50\n      gds-translate-middle\n    \"\n    key=\"line-sparkle\"\n  />\n</div>\n\n<ng-content />\n", styles: [":host .icon-container{min-height:15px;min-width:26px}\n"], dependencies: [{ kind: "component", type: GdsIconComponent, selector: "gds-icon", inputs: ["key", "width", "height", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsResponseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsResponseComponent, decorators: [{
             type: Component,
             args: [{ selector: 'gds-response', changeDetection: ChangeDetectionStrategy.OnPush, imports: [GdsIconComponent], host: {
                         class: 'gds-display-flex gds-gap-sm gds-padding-block-sm gds-width-100-parent gds-align-items-baseline gds-text-input gds-text-primary'
@@ -7503,10 +7628,10 @@ class GdsChatSuggestionComponent {
         event.stopPropagation();
         this.clicked.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChatSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: GdsChatSuggestionComponent, isStandalone: true, selector: "button[gds-chat-suggestion]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "disabled() ? \"\" : undefined" }, classAttribute: "gds-radius-sm gds-mobile-radius-md" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{padding:var(--gds-spacing-2xs);font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-primary-primary);text-align:start;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--gds-palette-border-primary);background-color:var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{padding:var(--gds-spacing-sm);box-shadow:var(--gds-shadow-element);color:var(--gds-palette-text-default-primary)}:host:disabled{color:var(--gds-palette-text-default-disabled);border-color:var(--gds-neutral-100);background-color:var(--gds-palette-background-disabled);cursor:not-allowed}:host:not(:disabled):hover{background-color:var(--gds-palette-background-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatSuggestionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: GdsChatSuggestionComponent, isStandalone: true, selector: "button[gds-chat-suggestion]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "disabled() ? \"\" : undefined" }, classAttribute: "gds-radius-sm gds-mobile-radius-md" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{padding:var(--gds-spacing-2xs);font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-primary-primary);text-align:start;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--gds-palette-border-primary);background-color:var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{padding:var(--gds-spacing-sm);box-shadow:var(--gds-shadow-element);color:var(--gds-palette-text-default-primary)}:host:disabled{color:var(--gds-palette-text-default-disabled);border-color:var(--gds-neutral-100);background-color:var(--gds-palette-background-disabled);cursor:not-allowed}:host:not(:disabled):hover{background-color:var(--gds-palette-background-hover)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsChatSuggestionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsChatSuggestionComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'button[gds-chat-suggestion]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'gds-radius-sm gds-mobile-radius-md',
@@ -7519,14 +7644,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     }, template: "<ng-content />\n", styles: [":host{padding:var(--gds-spacing-2xs);font:var(--gds-text-caption-shorthand);color:var(--gds-palette-text-primary-primary);text-align:start;-webkit-user-select:none;user-select:none;border-width:1px;border-style:solid;border-color:var(--gds-palette-border-primary);background-color:var(--gds-palette-background-white)}:is(body[isMobile=true]) :host{padding:var(--gds-spacing-sm);box-shadow:var(--gds-shadow-element);color:var(--gds-palette-text-default-primary)}:host:disabled{color:var(--gds-palette-text-default-disabled);border-color:var(--gds-neutral-100);background-color:var(--gds-palette-background-disabled);cursor:not-allowed}:host:not(:disabled):hover{background-color:var(--gds-palette-background-hover)}\n"] }]
         }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
-const gdsButtonVariants = ['default', 'primary', 'invisible'];
-const gdsButtonSizes = ['small', 'default', 'medium', 'large'];
-const ngSelectDropdownPositions = ['auto', 'bottom', 'top', 'left', 'right'];
-const gdsDropdownPositionsX = ['auto', 'left', 'right'];
-const gdsDropdownPositionsY = ['auto', 'top', 'bottom'];
 class GdsAutoRoundCurrencyDirective {
     gdsAutoRoundCurrencyRoundValue = 2;
     inputMin;
@@ -7554,10 +7671,10 @@ class GdsAutoRoundCurrencyDirective {
         }
         this.elRef.nativeElement.value = this.accountingService.round(numForRounding, this.gdsAutoRoundCurrencyRoundValue);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAutoRoundCurrencyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsAutoRoundCurrencyDirective, isStandalone: true, selector: "[gdsAutoRoundCurrency]", inputs: { gdsAutoRoundCurrencyRoundValue: "gdsAutoRoundCurrencyRoundValue", inputMin: "inputMin" }, host: { listeners: { "blur": "onBlur($event)", "onBlur": "onBlur($event)" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoRoundCurrencyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsAutoRoundCurrencyDirective, isStandalone: true, selector: "[gdsAutoRoundCurrency]", inputs: { gdsAutoRoundCurrencyRoundValue: "gdsAutoRoundCurrencyRoundValue", inputMin: "inputMin" }, host: { listeners: { "blur": "onBlur($event)", "onBlur": "onBlur($event)" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAutoRoundCurrencyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutoRoundCurrencyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsAutoRoundCurrency]',
@@ -7589,10 +7706,10 @@ class GdsAutofocusDirective {
             });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsAutofocusDirective, isStandalone: true, selector: "[gdsAutofocus]", inputs: { autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsAutofocusDirective, isStandalone: true, selector: "[gdsAutofocus]", inputs: { autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, selectOnFocus: { classPropertyName: "selectOnFocus", publicName: "selectOnFocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsAutofocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[gdsAutofocus]'
@@ -7604,10 +7721,10 @@ class GdsSelectOnFocusDirective {
     onClick = () => {
         this.#elementRef.nativeElement.select();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSelectOnFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.10", type: GdsSelectOnFocusDirective, isStandalone: true, selector: "input[gdsSelectOnFocus]", host: { listeners: { "focus": "onClick()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectOnFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: GdsSelectOnFocusDirective, isStandalone: true, selector: "input[gdsSelectOnFocus]", host: { listeners: { "focus": "onClick()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsSelectOnFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsSelectOnFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[gdsSelectOnFocus]',
@@ -7632,10 +7749,10 @@ class GdsRegexFilterDirective {
     ngOnDestroy() {
         this.#elementRef.nativeElement.removeEventListener('keydown', this.onKeydown);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsRegexFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsRegexFilterDirective, isStandalone: true, selector: "input[gdsRegexFilter]", inputs: { regexFilter: { classPropertyName: "regexFilter", publicName: "gdsRegexFilter", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRegexFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsRegexFilterDirective, isStandalone: true, selector: "input[gdsRegexFilter]", inputs: { regexFilter: { classPropertyName: "regexFilter", publicName: "gdsRegexFilter", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsRegexFilterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsRegexFilterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[gdsRegexFilter]',
@@ -7701,10 +7818,10 @@ class GdsInputAutocompleteDirective {
         this.autocompleteSelected.emit(item);
         this.#menuTrigger.close();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsInputAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: GdsInputAutocompleteDirective, isStandalone: true, selector: "gds-text-input[autocompleteMenu]", inputs: { menu: { classPropertyName: "menu", publicName: "autocompleteMenu", isSignal: true, isRequired: true, transformFunction: null }, autocompleteOptions: { classPropertyName: "autocompleteOptions", publicName: "autocompleteOptions", isSignal: true, isRequired: false, transformFunction: null }, valueProp: { classPropertyName: "valueProp", publicName: "valueProp", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { autocompleteSelected: "autocompleteSelected" }, host: { listeners: { "keydown.arrowdown": "setSelectedIndex()", "keydown.arrowup": "setSelectedIndex(true)", "keydown.enter": "itemSelected(selectedOption())", "keydown": "openMenu()" } }, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsInputAutocompleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: GdsInputAutocompleteDirective, isStandalone: true, selector: "gds-text-input[autocompleteMenu]", inputs: { menu: { classPropertyName: "menu", publicName: "autocompleteMenu", isSignal: true, isRequired: true, transformFunction: null }, autocompleteOptions: { classPropertyName: "autocompleteOptions", publicName: "autocompleteOptions", isSignal: true, isRequired: false, transformFunction: null }, valueProp: { classPropertyName: "valueProp", publicName: "valueProp", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { autocompleteSelected: "autocompleteSelected" }, host: { listeners: { "keydown.arrowdown": "setSelectedIndex()", "keydown.arrowup": "setSelectedIndex(true)", "keydown.enter": "itemSelected(selectedOption())", "keydown": "openMenu()" } }, hostDirectives: [{ directive: i1$1.CdkMenuTrigger }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsInputAutocompleteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsInputAutocompleteDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -7730,10 +7847,20 @@ const provideToaster = (customOptions = {}) => {
 };
 class GdsModule {
-    static forRoot(brand = BrandEnum.Corto) {
-        document.body.setAttribute('brand', brand);
+    static forRoot({ brand, env }) {
+        document.body.setAttribute('brand', `${brand ?? BrandEnum.Corto}`);
         document.body.setAttribute('operating-system', getOperatingSystem());
         document.body.setAttribute('browser', getBrowser());
+        let cdnUrl = 'https://cdn.cortoaws.com';
+        switch (env) {
+            case 'local':
+            case 'dev':
+                cdnUrl = 'https://cdn.cortoaws.com';
+                break;
+            case 'test':
+                cdnUrl = 'https://cdn.test.cortoaws.com';
+                break;
+        }
         return {
             ngModule: GdsModule,
             providers: [
@@ -7745,13 +7872,17 @@ class GdsModule {
                     effect(() => {
                         document.body.setAttribute('isMobile', `${deviceSignalService.isMobile()}`);
                     });
-                })
+                }),
+                {
+                    provide: CDN_URL,
+                    useValue: cdnUrl
+                }
             ]
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.10", ngImport: i0, type: GdsModule, imports: [CommonModule, NgSelectModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsModule, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, imports: [CommonModule, NgSelectModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, providers: [
             ...gdsServices,
             provideTippyLoader(() => import('tippy.js')),
             provideTippyConfig({
@@ -7779,7 +7910,7 @@ class GdsModule {
             })
         ], imports: [CommonModule, NgSelectModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: GdsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, NgSelectModule],
@@ -7821,5 +7952,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { CONTACT_INITIALS_REGEX, GdsAccountingService, GdsAutoRoundCurrencyDirective, GdsAutofocusDirective, GdsAvatarComponent, GdsBadgeColorType, GdsBadgeComponent, GdsBadgeVariantType, GdsBannerComponent, GdsBreadcrumbsComponent, GdsBuildOptionConfigPipe, GdsButtonComponent, GdsButtonRadioOptionComponent, GdsChatExpandableListComponent, GdsChatPromptComponent, GdsChatSuggestionComponent, GdsCheckboxComponent, GdsChipColorsMap, GdsChipComponent, GdsCollapsibleAsideLayoutComponent, GdsCompositeOptionPrimaryDirective, GdsCompositeOptionSecondaryDirective, GdsContextMenuHeadingComponent, GdsContextMenuItemComponent, GdsContextMenuSwitchComponent, GdsDateInputComponent, GdsDatePipe, GdsDialogBaseDirective, GdsDialogComponent, GdsDialogOverlayComponent, GdsDialogService, GdsDoctypeService, GdsDoctypeToIconPipe, GdsDocumentItemComponent, GdsDropdownComponent, GdsEmptyStateComponent, GdsFeedbackButtonComponent, GdsFileUploadComponent, GdsFilenameToIconPipe, GdsFilterChipComponent, GdsFocusOnInitDirective, GdsFormControlComponent, GdsHistoryComponent, GdsIconButtonComponent, GdsIconComponent, GdsIconDoctypeComponent, GdsIconService, GdsInputAutocompleteDirective, GdsItemDisplayComponent, GdsKeyboardNavigationHost, GdsKeyboardNavigationItem, GdsListboxCompositeOptionDirective, GdsListboxDirective, GdsListboxOptionDirective, GdsLoadingCarouselComponent, GdsMapArrayToRadioOptionsPipe, GdsMathFloorPipe, GdsMathMaxPipe, GdsMathMinPipe, GdsMessageInputComponent, GdsModule, GdsNativeInputDirective, GdsNativeTextareaDirective, GdsNavAsideComponent, GdsNavAsideItemComponent, GdsNestedSelectComponent, GdsProgressBarComponent, GdsRadioComponent, GdsRadioOptionDirective, GdsReferenceComponent, GdsReferenceLinkComponent, GdsRegexFilterDirective, GdsResizedDirective, GdsResizedEvent, GdsResponseComponent, GdsScrollOutOfViewDirective, GdsScrollOutOfViewScrollStatus, GdsScrollOutOfViewService, GdsScrollToBottomDirective, GdsScrollToFirstInvalidDirective, GdsSearchBarComponent, GdsSelectComponent, GdsSelectOnFocusDirective, GdsSidebarItemBodyComponent, GdsSidebarItemComponent, GdsSkeletonLoadingComponent, GdsSliderComponent, GdsSpinnerComponent, GdsSplitButtonComponent, GdsSvgIconPipe, GdsSwitchComponent, GdsTextInputComponent, GdsTextareaComponent, GdsTimelineItemComponent, GdsToastComponent, GdsTooltipComponent, GdsTreeViewListItemComponent, GdsUserPromptService, GdsVirtualScrollListboxDirective, MapperPipe, OnBrandChanged, RoundMode, TreeViewListItemDirective, chipColor, chipSize, chipTypes, chipWidth, formatToISO, gdsButtonSizes, gdsButtonVariants, gdsDropdownPositionsX, gdsDropdownPositionsY, gdsSelectWidths, gdsServices, getIconsByPrefix, ngSelectDropdownPositions, parseLocalizedDate, provideToaster, shortDate, shortDateTime, transformDateFormat, transformDurationToSeconds, transformSecondsToDuration };
+export { CDN_URL, CONTACT_INITIALS_REGEX, GDS_EMPTY_STATE_VARIANTS, GdsAccountingService, GdsAutoRoundCurrencyDirective, GdsAutofocusDirective, GdsAvatarComponent, GdsBadgeColorType, GdsBadgeComponent, GdsBadgeVariantType, GdsBannerComponent, GdsBreadcrumbsComponent, GdsBuildOptionConfigPipe, GdsButtonComponent, GdsButtonRadioOptionComponent, GdsChatExpandableListComponent, GdsChatPromptComponent, GdsChatSuggestionComponent, GdsCheckboxComponent, GdsChipColorsMap, GdsChipComponent, GdsCollapsibleAsideLayoutComponent, GdsCompositeOptionPrimaryDirective, GdsCompositeOptionSecondaryDirective, GdsContextMenuHeadingComponent, GdsContextMenuItemComponent, GdsContextMenuSwitchComponent, GdsDateInputComponent, GdsDatePipe, GdsDialogBaseDirective, GdsDialogComponent, GdsDialogOverlayComponent, GdsDialogService, GdsDoctypeService, GdsDoctypeToIconPipe, GdsDocumentItemComponent, GdsDropdownComponent, GdsEmptyStateComponent, GdsFeatureBlockComponent, GdsFeedbackButtonComponent, GdsFileUploadComponent, GdsFilenameToIconPipe, GdsFilterChipComponent, GdsFocusOnInitDirective, GdsFormControlComponent, GdsHistoryComponent, GdsIconButtonComponent, GdsIconComponent, GdsIconDoctypeComponent, GdsIconService, GdsInputAutocompleteDirective, GdsItemDisplayComponent, GdsKeyboardNavigationHost, GdsKeyboardNavigationItem, GdsListboxCompositeOptionDirective, GdsListboxDirective, GdsListboxOptionDirective, GdsLoadingCarouselComponent, GdsMapArrayToRadioOptionsPipe, GdsMathFloorPipe, GdsMathMaxPipe, GdsMathMinPipe, GdsMessageInputComponent, GdsModule, GdsNativeInputDirective, GdsNativeTextareaDirective, GdsNavAsideComponent, GdsNavAsideItemComponent, GdsNestedSelectComponent, GdsProgressBarComponent, GdsRadioComponent, GdsRadioOptionDirective, GdsReferenceComponent, GdsReferenceLinkComponent, GdsRegexFilterDirective, GdsResizedDirective, GdsResizedEvent, GdsResponseComponent, GdsScrollOutOfViewDirective, GdsScrollOutOfViewScrollStatus, GdsScrollOutOfViewService, GdsScrollToBottomDirective, GdsScrollToFirstInvalidDirective, GdsSearchBarComponent, GdsSelectComponent, GdsSelectOnFocusDirective, GdsSidebarItemBodyComponent, GdsSidebarItemComponent, GdsSkeletonLoadingComponent, GdsSliderComponent, GdsSpinnerComponent, GdsSplitButtonComponent, GdsSvgIconPipe, GdsSwitchComponent, GdsTextInputComponent, GdsTextareaComponent, GdsTimelineItemComponent, GdsToastComponent, GdsTooltipComponent, GdsTreeViewListItemComponent, GdsUserPromptService, GdsVirtualScrollListboxDirective, MapperPipe, OnBrandChanged, RoundMode, TreeViewListItemDirective, chipColor, chipSize, chipTypes, chipWidth, formatToISO, gdsButtonSizes, gdsButtonVariants, gdsDropdownPositionsX, gdsDropdownPositionsY, gdsSelectWidths, gdsServices, gdsUserPromptSecondaryTextVariants, getIconsByPrefix, ngSelectDropdownPositions, parseLocalizedDate, provideToaster, shortDate, shortDateTime, transformDateFormat, transformDurationToSeconds, transformSecondsToDuration };
 //# sourceMappingURL=corto-ai-gds-angular.mjs.map