@corto-ai/gds-angular 2.1.3-dev.1 → 2.1.3-dev.3

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

@@ -1,25 +1,23 @@
 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, runInInjectionContext, 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, InjectionToken, Input, ChangeDetectorRef, EventEmitter, NgZone, Output, DOCUMENT, HostBinding, 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';
 import { TippyDirective } from '@ngneat/helipopper';
 import { NgClass, NgTemplateOutlet, TitleCasePipe, DOCUMENT as DOCUMENT$1, CommonModule } from '@angular/common';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { Subject, tap, debounceTime, fromEvent, take } from 'rxjs';
-import { DEBOUNCE_DURATION, CDK_MENU_CONNECTED_POSITIONS } from '@corto/utils/constants';
-import { BrandEnum, GdsContextMenuItemVariantEnum } from '@corto/utils/types';
+import { Subject, tap, debounceTime, fromEvent, take, map } from 'rxjs';
+import { format, intervalToDuration } from 'date-fns';
 import * as i1$2 from '@angular/cdk/a11y';
 import { FocusKeyManager, CdkTrapFocus, A11yModule } from '@angular/cdk/a11y';
 import * as i1$1 from '@angular/cdk/menu';
 import { CdkMenuItem, CdkMenuTrigger, CdkMenuItemCheckbox, MENU_TRIGGER, CdkMenu, CdkTargetMenuAim } from '@angular/cdk/menu';
 import { FormField } from '@angular/forms/signals';
 import { v4 } from 'uuid';
-import { format, intervalToDuration } from 'date-fns';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i1$3 from '@ngx-translate/core';
 import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
-import { DeviceDetectorSignalService } from '@corto/utils/services';
+import { DeviceDetectorService } from 'ngx-device-detector';
 import { MAT_DATE_LOCALE, provideNativeDateAdapter } from '@angular/material/core';
 import * as i1$4 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -27,8 +25,7 @@ import * as i1$5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i2 from '@ng-select/ng-select';
 import { NgSelectComponent, NgLabelTemplateDirective, NgMultiLabelTemplateDirective, NgFooterTemplateDirective, NgClearButtonTemplateDirective, NgOptionTemplateDirective, NgPlaceholderTemplateDirective, NgSelectModule } from '@ng-select/ng-select';
-import { getScreenSizeSignal, getOperatingSystem, getBrowser } from '@corto/utils/functions';
-import { computedPrevious } from '@corto/utils/signals';
+import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i1$6 from 'ngx-toastr';
 import { ToastNoAnimation, provideToastr } from 'ngx-toastr';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
@@ -855,7 +852,7 @@ const gdsFilledDetailsIcon = {
     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>`,
+    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.25Z" fill="currentColor"/><path d="M12.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.74753Z" fill="currentColor"/><path d="M8.75088 22C7.77121 22 6.93778 21.3739 6.62891 20.5H15.2509C17.0458 20.5 18.5009 19.0449 18.5009 17.25V8.93689L19.3419 9.77788C19.7638 10.1998 20.0009 10.7721 20.0009 11.3689V17.25C20.0009 19.8734 17.8742 22 15.2509 22H8.75088Z" fill="currentColor"/></svg>`,
     name: 'filled-document-multiple'
 };
 const gdsFilledDocumentTableIcon = {
@@ -3809,6 +3806,9 @@ class ButtonBaseDirective {
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    // Safari does not set buttons as tabbable by default.
+    // To keep same behavior as chrome, set the tabIndex to 0 by default.
+    tabIndex = input(0, ...(ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []));
     clicked = output();
     isDisabled = computed(() => this.disabled() || this.busy(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     nativeElement = this.#elementRef.nativeElement;
@@ -3818,7 +3818,7 @@ class ButtonBaseDirective {
         this.clicked.emit(event);
     }
     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 });
+    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 }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { attributes: { "type": "button" }, listeners: { "click": "handleClick($event)" }, properties: { "attr.disabled": "isDisabled() ? \"\" : undefined", "attr.tabindex": "tabIndex()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-busy": "busy() ? \"\" : undefined" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonBaseDirective, decorators: [{
             type: Directive,
@@ -3829,6 +3829,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         // https://www.a11yproject.com/checklist/#use-the-button-element-for-buttons
                         type: 'button',
                         '[attr.disabled]': 'isDisabled() ? "" : undefined',
+                        '[attr.tabindex]': 'tabIndex()',
                         // Custom attributes for CSS
                         '[attr.data-size]': 'size()',
                         '[attr.data-variant]': 'variant()',
@@ -3837,7 +3838,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         '(click)': 'handleClick($event)'
                     }
                 }]
-        }], 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"] }] } });
+        }], 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 }] }], tabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabIndex", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
 
 class GdsButtonComponent extends ButtonBaseDirective {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GdsButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -3877,6 +3878,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, 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: ["@layer design-system{: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"] }]
         }], propDecorators: { iconKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconKey", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], btnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "btnLabel", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }, { type: i0.Output, args: ["stateChange"] }], actionBtnClick: [{ type: i0.Output, args: ["actionBtnClick"] }] } });
 
+const DEBOUNCE_DURATION = {
+    instant: 0, // prevent duplicate events that arrive at the exact same time
+    userInput: 300, // user interactions (keyboard input, clicking, etc.)
+    userInputLong: 1000, // longer duration for user interactions that may take more time
+    browserEvent: 300, // browser dispatched events (ResizeObserver, OnScroll, etc.)
+    loadingTimeout: 1000, // invoke an action if loading takes longer than this duration
+    pubsubEvent: 300,
+    pubsubEventLong: 1000
+};
+
 class GdsBreadcrumbsComponent {
     ellipsisTmpl = contentChild('ellipsisTmpl', ...(ngDevMode ? [{ debugName: "ellipsisTmpl" }] : /* istanbul ignore next */ []));
     path = viewChild('path', ...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
@@ -3957,6 +3968,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             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: ["@layer design-system{: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 }] }] } });
 
+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'];
+
+// NOTE: Duplicated from libs/utils/src/types/brand.ts — keep in sync.
+const GDS_BRANDS = {
+    Corto: 'corto',
+    CortoDark: 'corto dark',
+    LawY: 'lawy',
+    Acctivity: 'acctivity',
+    Leap: 'leap',
+    StandardIntegration: 'standardIntegration'
+};
+// Back-compat alias: keeps `import { BrandEnum } from '@corto/gds'` working (see GettingStarted.mdx)
+// without it being a second nominal `enum`. Exported in both the value and type namespace so both
+// `BrandEnum.Leap` (value) and `brand: BrandEnum` (type) keep working.
+const BrandEnum = GDS_BRANDS;
+
+var GdsContextMenuItemVariantEnum;
+(function (GdsContextMenuItemVariantEnum) {
+    GdsContextMenuItemVariantEnum["Default"] = "default";
+    GdsContextMenuItemVariantEnum["Radio"] = "radio";
+    GdsContextMenuItemVariantEnum["Check"] = "check";
+    GdsContextMenuItemVariantEnum["Indent"] = "indent";
+    GdsContextMenuItemVariantEnum["DoubleIndent"] = "double-indent";
+    GdsContextMenuItemVariantEnum["Heading"] = "heading";
+    GdsContextMenuItemVariantEnum["Switch"] = "switch";
+})(GdsContextMenuItemVariantEnum || (GdsContextMenuItemVariantEnum = {}));
+
 const chipTypes = [
     'current',
     'in progress',
@@ -4046,20 +4096,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }] } });
 
+const formatDate = (value, option) => {
+    if (!value) {
+        return undefined;
+    }
+    const isString = typeof value === 'string';
+    if (isString && isNaN(Date.parse(value))) {
+        return undefined;
+    }
+    const dateValue = isString ? new Date(value) : value;
+    return format(dateValue, option);
+};
+const shortDate = (value) => formatDate(value, 'P');
+const shortDateTime = (value) => formatDate(value, 'Pp');
+const transformDateFormat = (value) => {
+    let dateFormat = value;
+    if (value.includes('yyyy')) {
+        dateFormat = dateFormat.replace('yyyy', 'yy');
+    }
+    else if (value.includes('yy')) {
+        dateFormat = dateFormat.replace('yy', 'y');
+    }
+    if (value.includes('MMMM')) {
+        dateFormat = dateFormat.replace('MMMM', 'MM');
+    }
+    else if (value.includes('MMM')) {
+        dateFormat = dateFormat.replace('MMM', 'M');
+    }
+    else if (value.includes('MM')) {
+        dateFormat = dateFormat.replace('MM', 'mm');
+    }
+    else if (value.includes('M')) {
+        dateFormat = dateFormat.replace('M', 'm');
+    }
+    return dateFormat;
+};
+const transformSecondsToDuration = (seconds) => {
+    const duration = intervalToDuration({ start: 0, end: seconds * 1000 });
+    const zeroPad = (val) => String(val).padStart(2, '0');
+    const hours = (duration.days ?? 0) * 24 + (duration.hours ?? 0);
+    const minutes = duration.minutes ?? 0;
+    const secs = duration.seconds ?? 0;
+    return [hours, minutes, secs].map(zeroPad).join(':');
+};
+const transformDurationToSeconds = (duration) => {
+    const [hour, minute, second] = duration.split(':');
+    return +hour * 3600 + +minute * 60 + +second;
+};
+// can't just use Date.toISOString() as that takes into account
+// the time zone, so it was using the incorrect date
+const formatToISO = (date) => {
+    if (!date) {
+        return undefined;
+    }
+    return format(date, "yyyy-MM-dd'T'HH:mm:ss.sss'Z'");
+};
+const parseLocalizedDate = (dateString) => {
+    if (navigator.language === 'en-US') {
+        return new Date(dateString);
+    }
+    // parse dd/MM/yyyy date strings for use with Date
+    const split = dateString.split('/');
+    if (split.length !== 3) {
+        throw new Error(`Invalid date ${dateString}`);
+    }
+    const [day, month, year] = split;
+    return new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
+};
+
+const getIconsByPrefix = (prefix) => Object.values(icons).reduce((acc, curr) => {
+    if (curr.name.startsWith(prefix)) {
+        acc.push(curr.name);
+        return acc;
+    }
+    return acc;
+}, []);
+
+const GDS_BRAND_VALUES = Object.values(GDS_BRANDS);
+const isGdsBrand = (value) => value !== null && value !== undefined && GDS_BRAND_VALUES.includes(value);
+
 class OnBrandChanged {
     #observer;
     #cdr = inject(ChangeDetectorRef);
-    brand = signal(BrandEnum.Corto, ...(ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []));
-    brandIsExternal = computed(() => [BrandEnum.StandardIntegration, BrandEnum.Leap].includes(this.brand()), ...(ngDevMode ? [{ debugName: "brandIsExternal" }] : /* istanbul ignore next */ []));
+    brand = signal(GDS_BRANDS.Corto, ...(ngDevMode ? [{ debugName: "brand" }] : /* istanbul ignore next */ []));
+    brandIsExternal = computed(() => [GDS_BRANDS.StandardIntegration, GDS_BRANDS.Leap].includes(this.brand()), ...(ngDevMode ? [{ debugName: "brandIsExternal" }] : /* istanbul ignore next */ []));
     constructor() {
-        this.brand.set(document.body.getAttribute('brand'));
+        this.#setBrandFromDocument();
         this.onBrandChanged?.();
     }
     ngOnInit() {
         this.#observer = new MutationObserver((mutations) => {
             mutations.forEach((mutation) => {
                 if (mutation.type === 'attributes' && mutation.attributeName === 'brand') {
-                    this.brand.set(document.body.getAttribute('brand'));
+                    this.#setBrandFromDocument();
                     this.onBrandChanged?.();
                     this.#cdr.markForCheck();
                 }
@@ -4067,6 +4196,10 @@ class OnBrandChanged {
         });
         this.#observer.observe(document.body, { attributes: true, attributeFilter: ['brand'] });
     }
+    #setBrandFromDocument() {
+        const documentBrand = document.body.getAttribute('brand');
+        this.brand.set(isGdsBrand(documentBrand) ? documentBrand : GDS_BRANDS.Corto);
+    }
     ngOnDestroy() {
         if (this.#observer) {
             this.#observer.disconnect();
@@ -4386,7 +4519,7 @@ class GdsTooltipComponent extends OnBrandChanged {
     open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     maxWidth = input('100vw', ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
     appendTo = input(this.#document.body, ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
-    tooltipVariation = computed(() => (this.brand() === BrandEnum.CortoDark ? 'dark' : 'light'), ...(ngDevMode ? [{ debugName: "tooltipVariation" }] : /* istanbul ignore next */ []));
+    tooltipVariation = computed(() => (this.brand() === GDS_BRANDS.CortoDark ? 'dark' : 'light'), ...(ngDevMode ? [{ debugName: "tooltipVariation" }] : /* istanbul ignore next */ []));
     tippyDirective = viewChild.required(TippyDirective);
     span = viewChild.required('span');
     get isOverflowing() {
@@ -4425,8 +4558,8 @@ class GdsChipComponent extends OnBrandChanged {
     color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
     rounded = input(false, { ...(ngDevMode ? { debugName: "rounded" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     dismissed = new EventEmitter();
-    #backgroundKey = computed(() => (this.brand() === BrandEnum.CortoDark ? 'dark' : 'light'), ...(ngDevMode ? [{ debugName: "#backgroundKey" }] : /* istanbul ignore next */ []));
-    #textKey = computed(() => (this.brand() === BrandEnum.CortoDark ? 'light' : 'dark'), ...(ngDevMode ? [{ debugName: "#textKey" }] : /* istanbul ignore next */ []));
+    #backgroundKey = computed(() => (this.brand() === GDS_BRANDS.CortoDark ? 'dark' : 'light'), ...(ngDevMode ? [{ debugName: "#backgroundKey" }] : /* istanbul ignore next */ []));
+    #textKey = computed(() => (this.brand() === GDS_BRANDS.CortoDark ? 'light' : 'dark'), ...(ngDevMode ? [{ debugName: "#textKey" }] : /* istanbul ignore next */ []));
     #chipColor = computed(() => this.#getColor(this.color() ?? this.text()), ...(ngDevMode ? [{ debugName: "#chipColor" }] : /* istanbul ignore next */ []));
     background = computed(() => GdsChipColorsMap[this.#chipColor()][this.#backgroundKey()], ...(ngDevMode ? [{ debugName: "background" }] : /* istanbul ignore next */ []));
     textColor = computed(() => GdsChipColorsMap[this.#chipColor()][this.#textKey()], ...(ngDevMode ? [{ debugName: "textColor" }] : /* istanbul ignore next */ []));
@@ -4631,7 +4764,7 @@ class GdsContextMenuBaseDirective extends OnBrandChanged {
     size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     selected = signal(false).asReadonly();
     hasChildren = signal(false).asReadonly();
-    tooltipVariation = computed(() => (this.brand() === BrandEnum.CortoDark ? 'dark' : 'light'), ...(ngDevMode ? [{ debugName: "tooltipVariation" }] : /* istanbul ignore next */ []));
+    tooltipVariation = computed(() => (this.brand() === GDS_BRANDS.CortoDark ? 'dark' : 'light'), ...(ngDevMode ? [{ debugName: "tooltipVariation" }] : /* istanbul ignore next */ []));
     variantIcon = computed(() => {
         switch (this.variant()) {
             case 'check':
@@ -4908,82 +5041,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Output
             }] } });
 
-const formatDate = (value, option) => {
-    if (!value) {
-        return undefined;
-    }
-    const isString = typeof value === 'string';
-    if (isString && isNaN(Date.parse(value))) {
-        return undefined;
-    }
-    const dateValue = isString ? new Date(value) : value;
-    return format(dateValue, option);
-};
-const shortDate = (value) => formatDate(value, 'P');
-const shortDateTime = (value) => formatDate(value, 'Pp');
-const transformDateFormat = (value) => {
-    let dateFormat = value;
-    if (value.includes('yyyy')) {
-        dateFormat = dateFormat.replace('yyyy', 'yy');
-    }
-    else if (value.includes('yy')) {
-        dateFormat = dateFormat.replace('yy', 'y');
-    }
-    if (value.includes('MMMM')) {
-        dateFormat = dateFormat.replace('MMMM', 'MM');
-    }
-    else if (value.includes('MMM')) {
-        dateFormat = dateFormat.replace('MMM', 'M');
-    }
-    else if (value.includes('MM')) {
-        dateFormat = dateFormat.replace('MM', 'mm');
-    }
-    else if (value.includes('M')) {
-        dateFormat = dateFormat.replace('M', 'm');
-    }
-    return dateFormat;
-};
-const transformSecondsToDuration = (seconds) => {
-    const duration = intervalToDuration({ start: 0, end: seconds * 1000 });
-    const zeroPad = (val) => String(val).padStart(2, '0');
-    const hours = (duration.days ?? 0) * 24 + (duration.hours ?? 0);
-    const minutes = duration.minutes ?? 0;
-    const secs = duration.seconds ?? 0;
-    return [hours, minutes, secs].map(zeroPad).join(':');
-};
-const transformDurationToSeconds = (duration) => {
-    const [hour, minute, second] = duration.split(':');
-    return +hour * 3600 + +minute * 60 + +second;
-};
-// can't just use Date.toISOString() as that takes into account
-// the time zone, so it was using the incorrect date
-const formatToISO = (date) => {
-    if (!date) {
-        return undefined;
-    }
-    return format(date, "yyyy-MM-dd'T'HH:mm:ss.sss'Z'");
-};
-const parseLocalizedDate = (dateString) => {
-    if (navigator.language === 'en-US') {
-        return new Date(dateString);
-    }
-    // parse dd/MM/yyyy date strings for use with Date
-    const split = dateString.split('/');
-    if (split.length !== 3) {
-        throw new Error(`Invalid date ${dateString}`);
-    }
-    const [day, month, year] = split;
-    return new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
-};
-
-const getIconsByPrefix = (prefix) => Object.values(icons).reduce((acc, curr) => {
-    if (curr.name.startsWith(prefix)) {
-        acc.push(curr.name);
-        return acc;
-    }
-    return acc;
-}, []);
-
 class GdsDatePipe {
     transform(value, option) {
         if (option === 'short+time') {
@@ -5143,6 +5200,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Output
             }] } });
 
+// NOTE: Duplicated from libs/utils/src/services/device-detector-signal-service.ts — keep in sync.
+class DeviceDetectorSignalService extends DeviceDetectorService {
+    resizeObservable$ = fromEvent(window, 'resize');
+    resizeSubscription$;
+    userAgentSignal = signal(navigator.userAgent, ...(ngDevMode ? [{ debugName: "userAgentSignal" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        this.resizeSubscription$ = this.resizeObservable$
+            .pipe(takeUntilDestroyed())
+            .pipe(debounceTime(DEBOUNCE_DURATION.browserEvent))
+            .subscribe(() => {
+            this.userAgentSignal.set(navigator.userAgent);
+        });
+    }
+    isMobile = computed(() => super.isMobile(this.userAgentSignal()), ...(ngDevMode ? [{ debugName: "isMobile" }] : /* istanbul ignore next */ []));
+    isTablet = computed(() => super.isTablet(this.userAgentSignal()), ...(ngDevMode ? [{ debugName: "isTablet" }] : /* istanbul ignore next */ []));
+    isDesktop = computed(() => super.isDesktop(this.userAgentSignal()), ...(ngDevMode ? [{ debugName: "isDesktop" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceDetectorSignalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceDetectorSignalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DeviceDetectorSignalService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
 class GdsDropdownComponent {
     #deviceDetectorSvc = inject(DeviceDetectorSignalService);
     #elementRef = inject(ElementRef);
@@ -5238,20 +5320,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, 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: ["@layer design-system{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), { ...{ 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 {
     #cdnUrl = inject(CDN_URL);
     variant = input('info-circle', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
@@ -5259,9 +5327,9 @@ class GdsEmptyStateComponent extends OnBrandChanged {
     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;
+            case GDS_BRANDS.StandardIntegration:
+            case GDS_BRANDS.CortoDark:
+                return GDS_BRANDS.Corto;
             default:
                 return this.brand();
         }
@@ -5771,7 +5839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 
 class GdsButtonRadioOptionComponent extends GdsRadioOptionDirective {
     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: ["@layer design-system{: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 ɵ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.tabindex": "selected() ? 0 : -1", "attr.aria-label": "label()" }, classAttribute: "gds-text-caption-strong gds-radius-sm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: ["@layer design-system{: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.17", ngImport: i0, type: GdsButtonRadioOptionComponent, decorators: [{
             type: Component,
@@ -5788,6 +5856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         '[attr.invalid]': 'invalid()',
                         '[attr.data-label]': 'label()',
                         // a11y
+                        '[attr.tabindex]': 'selected() ? 0 : -1',
                         '[attr.aria-label]': 'label()'
                     }, styles: ["@layer design-system{: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"] }]
         }] });
@@ -6205,6 +6274,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, 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: ["@layer design-system{:host{position:fixed;inset:0}:host .overlay{opacity:.25}:host .dialog{max-width:unset;width:unset;display:flex;flex-direction:column}}\n"] }]
         }], propDecorators: { container: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 
+const computedPrevious = (s) => {
+    let current = null;
+    let previous = untracked(() => s()); // initial value is the current value
+    return computed(() => {
+        current = s();
+        const result = previous;
+        previous = current;
+        return result;
+    });
+};
+
+// NOTE: Duplicated from libs/utils/src/types/app.constants.ts (SCREEN_SIZE_BREAKPOINTS only) — keep in sync.
+// sizes from libs/gds/public/assets/scss/_mixins.scss:65-72
+const SCREEN_SIZE_BREAKPOINTS = {
+    XS: 0,
+    SM: 600,
+    MD: 900,
+    LG: 1200,
+    XL: 1440
+};
+
+// NOTE: Duplicated from libs/utils/src/functions/screen-breakpoints.ts — keep in sync.
+const getScreenSize$ = (breakpoint) => inject(BreakpointObserver)
+    .observe(`(max-width: ${SCREEN_SIZE_BREAKPOINTS[breakpoint]}px)`)
+    .pipe(map((result) => result.matches));
+const getScreenSizeSignal = (breakpoint) => toSignal(getScreenSize$(breakpoint), { initialValue: false });
+
 class GdsCollapsibleAsideLayoutComponent {
     #dialogSvc = inject(GdsDialogService);
     collapsed = input(undefined, { ...(ngDevMode ? { debugName: "collapsed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
@@ -6334,6 +6430,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                     }, 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: ["@layer design-system{:host{box-shadow:-3px 0 4px #00000012 inset;border-right:.5px solid var(--gds-palette-border-default)}}\n"] }]
         }] });
 
+const CDK_MENU_CONNECTED_POSITIONS = [
+    {
+        originX: 'center',
+        originY: 'bottom',
+        overlayX: 'center',
+        overlayY: 'top',
+        offsetY: 4
+    },
+    {
+        originX: 'center',
+        originY: 'top',
+        overlayX: 'center',
+        overlayY: 'bottom',
+        offsetY: -4
+    },
+    {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: 4
+    },
+    {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -4
+    }
+];
+const CDK_MENU_CONNECTED_POSITIONS_TOP = [
+    {
+        originX: 'center',
+        originY: 'top',
+        overlayX: 'center',
+        overlayY: 'bottom',
+        offsetY: -4
+    },
+    {
+        originX: 'center',
+        originY: 'bottom',
+        overlayX: 'center',
+        overlayY: 'top',
+        offsetY: 4
+    },
+    {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: 4
+    },
+    {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -4
+    }
+];
+/** for use when the context menu is close to the right side of the container
+ *  so that it doesn't go over the edge, per UX
+ */
+const CDK_MENU_CONNECTED_POSITIONS_CONTAINER_RIGHT = [
+    {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: 4
+    },
+    {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -4
+    }
+];
+/** for use when the context menu is close to the left side of the container
+ *  so that it doesn't go over the edge, per UX
+ */
+const CDK_MENU_CONNECTED_POSITIONS_CONTAINER_LEFT = [
+    {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetY: 4
+    },
+    {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetY: -4
+    }
+];
+
 class GdsNestedSelectComponent extends GdsSignalFormContainer {
     #injector = inject(Injector);
     #directive = inject(CdkMenuTrigger);
@@ -6712,13 +6907,18 @@ class GdsSearchBarComponent {
     #setDropdownStyling = () => {
         if (!this.dropdownPanelScroll)
             return;
-        this.#renderer.setStyle(this.dropdownPanelScroll.nativeElement, 'maxHeight', this.maxHeight());
-        this.#renderer.setStyle(this.dropdownPanelScroll.nativeElement, 'minHeight', this.minHeight());
+        const dropdownPanel = this.dropdownPanelScroll.nativeElement;
+        const dropdownPanelParent = this.dropdownPanelScroll.nativeElement.parentElement;
+        if (!dropdownPanelParent)
+            return;
+        this.#renderer.setStyle(dropdownPanel, 'maxHeight', this.maxHeight());
+        this.#renderer.setStyle(dropdownPanel, 'minHeight', this.minHeight());
+        this.#renderer.setStyle(dropdownPanelParent, 'marginTop', '4px');
         // this needs to be last to prevent the dropdown from flashing
-        this.#renderer.setStyle(this.dropdownPanelScroll.nativeElement.parentElement, 'visibility', 'visible');
+        this.#renderer.setStyle(dropdownPanelParent, 'visibility', 'visible');
     };
     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          gds-mobile-icon-size-2xs\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </ng-template>\n</ng-select>\n", styles: ["@layer design-system{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-select-container .ng-clear-wrapper[gds-icon-button]{--gds-mobile-button-size: var(--gds-iconSize-2xs)}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 ɵ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          gds-mobile-icon-size-2xs\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </ng-template>\n</ng-select>\n", styles: ["@layer design-system{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;--border: .5px solid var(--gds-palette-border-default);--border-radius: var(--gds-borderRadius-sm);--padding: 0px}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:var(--border);color:var(--text-color);box-sizing:border-box;text-overflow:ellipsis;width:100%;border-radius:var(--border-radius)!important;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);border-radius:var(--border-radius)}: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;padding:var(--padding)}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-select-container .ng-clear-wrapper[gds-icon-button]{--gds-mobile-button-size: var(--gds-iconSize-2xs)}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.17", ngImport: i0, type: GdsSearchBarComponent, decorators: [{
             type: Component,
@@ -6734,7 +6934,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         '[attr.disabled]': 'isDisabled() ? "" : undefined',
                         '(keydown)': 'setMarkedItemIndex()',
                         '(window:resize)': 'close()'
-                    }, 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          gds-mobile-icon-size-2xs\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </ng-template>\n</ng-select>\n", styles: ["@layer design-system{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-select-container .ng-clear-wrapper[gds-icon-button]{--gds-mobile-button-size: var(--gds-iconSize-2xs)}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"] }]
+                    }, 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          gds-mobile-icon-size-2xs\n        \"\n        key=\"line-dismiss\"\n      />\n    </button>\n  </ng-template>\n</ng-select>\n", styles: ["@layer design-system{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;--border: .5px solid var(--gds-palette-border-default);--border-radius: var(--gds-borderRadius-sm);--padding: 0px}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:var(--border);color:var(--text-color);box-sizing:border-box;text-overflow:ellipsis;width:100%;border-radius:var(--border-radius)!important;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);border-radius:var(--border-radius)}: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;padding:var(--padding)}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-select-container .ng-clear-wrapper[gds-icon-button]{--gds-mobile-button-size: var(--gds-iconSize-2xs)}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"] }]
         }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: true }] }], leadingIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "leadingIcon", required: false }] }], bindValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindValue", required: false }] }], bindLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindLabel", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }, { type: i0.Output, args: ["isDisabledChange"] }], suppressClearOnClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "suppressClearOnClose", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], isOpenOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], groupBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupBy", required: false }] }], searchFunction: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFunction", required: false }] }], showAllItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAllItems", required: false }] }], dropdownPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownPosition", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], groupItemTmpl: [{ type: i0.ContentChild, args: ['groupItemTmpl', { isSignal: true }] }], dropdownItemTmpl: [{ type: i0.ContentChild, args: ['itemTmpl', { isSignal: true }] }], emptyTmpl: [{ type: i0.ContentChild, args: ['emptyTmpl', { isSignal: true }] }], focused: [{ type: i0.Output, args: ["focused"] }], blurred: [{ type: i0.Output, args: ["blurred"] }], dropdownStateChanged: [{ type: i0.Output, args: ["dropdownStateChanged"] }], searched: [{ type: i0.Output, args: ["searched"] }], changed: [{ type: i0.Output, args: ["changed"] }], select: [{ type: i0.ViewChild, args: ['select', { isSignal: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 
 class GdsSidebarItemComponent {
@@ -6809,7 +7009,7 @@ class GdsSplitButtonComponent extends ButtonBaseDirective {
         });
     }
     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: ["@layer design-system{: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 });
+    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: ["@layer design-system{: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.17", ngImport: i0, type: GdsSplitButtonComponent, decorators: [{
             type: Component,
@@ -6818,7 +7018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         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: ["@layer design-system{: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"] }]
+                    }, 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: ["@layer design-system{: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 {
@@ -6889,6 +7089,7 @@ class GdsListboxBaseDirective {
     items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     _keyManager;
     _activeId = signal(null, ...(ngDevMode ? [{ debugName: "_activeId" }] : /* istanbul ignore next */ []));
+    #pointerInteraction = false;
     // Maintain a single key manager instance in case of dynamic item changes.
     #setupKeyManager = effect(() => {
         const items = this.items();
@@ -6915,7 +7116,20 @@ class GdsListboxBaseDirective {
     ngOnDestroy() {
         this._keyManager?.destroy();
     }
+    onPointerDown() {
+        this.#pointerInteraction = true;
+    }
+    onPointerUp() {
+        // Reset after focus handlers from the same gesture have run.
+        queueMicrotask(() => {
+            this.#pointerInteraction = false;
+        });
+    }
     onFocus() {
+        if (this.#pointerInteraction) {
+            // When event comes from pointer interaction, don't focus the first item
+            return;
+        }
         this.tabindex.set(-1);
         this._keyManager?.setFirstItemActive();
     }
@@ -6960,7 +7174,7 @@ class GdsListboxDirective extends GdsListboxBaseDirective {
         super.onKeydown(event);
     };
     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 });
+    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()", "pointerdown": "onPointerDown()", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()" }, 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.17", ngImport: i0, type: GdsListboxDirective, decorators: [{
             type: Directive,
@@ -6970,7 +7184,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         role: 'listbox',
                         '[attr.tabindex]': 'tabindex()',
                         '(keydown)': 'onKeydown($event)',
-                        '(focus)': 'onFocus()'
+                        '(focus)': 'onFocus()',
+                        '(pointerdown)': 'onPointerDown()',
+                        '(pointerup)': 'onPointerUp()',
+                        '(pointercancel)': 'onPointerUp()'
                     }
                 }]
         }], propDecorators: { onNavigatePastLastOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "onNavigatePastLastOption", required: false }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => GdsListboxOption), { ...{ descendants: true }, isSignal: true }] }] } });
@@ -7196,7 +7413,7 @@ class GdsVirtualScrollListboxDirective extends GdsListboxBaseDirective {
         return Number.isFinite(index) ? index : null;
     };
     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 });
+    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)", "pointerdown": "onPointerDown()", "pointerup": "onPointerUp()", "pointercancel": "onPointerUp()" }, 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.17", ngImport: i0, type: GdsVirtualScrollListboxDirective, decorators: [{
             type: Directive,
@@ -7207,7 +7424,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         '[attr.tabindex]': 'tabindex()',
                         '(keydown)': 'onKeydown($event)',
                         '(focus)': 'onFocus()',
-                        '(focusin)': 'onFocusIn($event)'
+                        '(focusin)': 'onFocusIn($event)',
+                        '(pointerdown)': 'onPointerDown()',
+                        '(pointerup)': 'onPointerUp()',
+                        '(pointercancel)': 'onPointerUp()'
                     }
                 }]
         }], propDecorators: { options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => GdsListboxOption), { ...{ descendants: true }, isSignal: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: true }] }], optionIndexAttribute: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionIndexAttribute", required: false }] }], scrollBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollBehavior", required: false }] }], currentFocusedIndex: [{ type: i0.Output, args: ["currentFocusedIndex"] }] } });
@@ -7846,9 +8066,61 @@ const provideToaster = (customOptions = {}) => {
     return provideToastr({ ...defaultOptions, ...customOptions });
 };
 
+const OPERATING_SYSTEM = {
+    windows: 'windows',
+    mac: 'mac',
+    other: 'other'
+};
+const BROWSER = {
+    chrome: 'chrome',
+    firefox: 'firefox',
+    safari: 'safari',
+    edge: 'edge',
+    opera: 'opera',
+    // applewebkit is utilized by Mac Word add-ins
+    applewebkit: 'applewebkit',
+    other: 'other'
+};
+
+// NOTE: Duplicated from libs/utils/src/functions/navigator-detection.functions.ts — keep in sync.
+const getOperatingSystem = () => {
+    const userAgent = navigator.userAgent;
+    if (userAgent.includes('Win')) {
+        return OPERATING_SYSTEM.windows;
+    }
+    else if (userAgent.includes('Mac')) {
+        return OPERATING_SYSTEM.mac;
+    }
+    return OPERATING_SYSTEM.other;
+};
+const getBrowser = () => {
+    const userAgent = navigator.userAgent;
+    // The order of these are essential because certain browsers such as Edge use the
+    // chrome browser engine and include both "Chrome" and "Edg/" in the userAgent.
+    if (userAgent.includes('Edg/')) {
+        return BROWSER.edge;
+    }
+    else if (userAgent.includes('Opera') || userAgent.includes('OPR')) {
+        return BROWSER.opera;
+    }
+    else if (userAgent.includes('Chrome')) {
+        return BROWSER.chrome;
+    }
+    else if (userAgent.includes('Firefox')) {
+        return BROWSER.firefox;
+    }
+    else if (userAgent.includes('Safari')) {
+        return BROWSER.safari;
+    }
+    else if (userAgent.includes('AppleWebKit')) {
+        return BROWSER.applewebkit;
+    }
+    return BROWSER.other;
+};
+
 class GdsModule {
     static forRoot({ brand, env }) {
-        document.body.setAttribute('brand', `${brand ?? BrandEnum.Corto}`);
+        document.body.setAttribute('brand', brand ?? GDS_BRANDS.Corto);
         document.body.setAttribute('operating-system', getOperatingSystem());
         document.body.setAttribute('browser', getBrowser());
         let cdnUrl = 'https://cdn.cortoaws.com';
@@ -7952,5 +8224,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { BrandEnum, CDN_URL, CONTACT_INITIALS_REGEX, GDS_BRANDS, 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, GdsContextMenuItemVariantEnum, 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, isGdsBrand, ngSelectDropdownPositions, parseLocalizedDate, provideToaster, shortDate, shortDateTime, transformDateFormat, transformDurationToSeconds, transformSecondsToDuration };
 //# sourceMappingURL=corto-ai-gds-angular.mjs.map