@corto-ai/gds-angular 2.1.5-test.3 → 2.1.5-test.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@corto-ai/gds-angular",
-  "version": "2.1.5-test.3",
-  "devVersion": "3",
+  "version": "2.1.5-test.4",
+  "devVersion": "4",
   "exports": {
     "./assets/*": "./assets/*",
     "./package.json": {

package/types/corto-ai-gds-angular.d.ts

@@ -491,6 +491,8 @@ declare abstract class GdsSignalFormControl<T> implements FormValueControl<T> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GdsSignalFormControl<any>, never, never, { "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; }, never, never, true, never>;
 }
 
+type GdsDrilldownSelectLayout = 'drilldown' | 'tree';
+
 declare class GdsDrilldownSelectComponent<T extends {
     children?: T[];
 }> extends GdsSignalFormControl<string[]> implements AfterViewInit {
@@ -508,11 +510,16 @@ declare class GdsDrilldownSelectComponent<T extends {
     resetLabel: _angular_core.InputSignal<string>;
     emptyText: _angular_core.InputSignal<string>;
     backAriaLabel: _angular_core.InputSignal<string>;
+    dialogTitle: _angular_core.InputSignal<string>;
+    applyLabel: _angular_core.InputSignal<string>;
+    /** Mobile picker presentation. Desktop always uses the dropdown drilldown menu. */
+    layout: _angular_core.InputSignal<GdsDrilldownSelectLayout>;
     value: _angular_core.ModelSignal<string[]>;
     dropdownWidth: _angular_core.WritableSignal<number>;
     isOpen: _angular_core.WritableSignal<boolean>;
     navStack: _angular_core.WritableSignal<T[]>;
     searchText: _angular_core.WritableSignal<string>;
+    isMobile: _angular_core.Signal<boolean>;
     menu: _angular_core.Signal<TemplateRef<HTMLElement>>;
     searchInput: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     displayedOptions: _angular_core.Signal<T[]>;
@@ -521,6 +528,7 @@ declare class GdsDrilldownSelectComponent<T extends {
     hasNavHeader: _angular_core.Signal<boolean>;
     constructor();
     ngAfterViewInit(): void;
+    onHostClick: (event?: Event) => void;
     onItemClick: (option: T) => void;
     onDrilldownClick: (option: T) => void;
     onBack: () => void;
@@ -530,11 +538,12 @@ declare class GdsDrilldownSelectComponent<T extends {
     onSearchKeydown: (event: KeyboardEvent) => void;
     onEscape: () => void;
     openMenu: () => void;
+    openMobileDialog: () => void;
     optionLabel: (option: T) => string;
     onArrowRight: (option: T) => void;
     onArrowLeft: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GdsDrilldownSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GdsDrilldownSelectComponent<any>, "gds-drilldown-select", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": true; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": true; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchAutoFocus": { "alias": "searchAutoFocus"; "required": false; "isSignal": true; }; "maxMenuHeight": { "alias": "maxMenuHeight"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "mobileCancelLabel": { "alias": "mobileCancelLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GdsDrilldownSelectComponent<any>, "gds-drilldown-select", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": true; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": true; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchAutoFocus": { "alias": "searchAutoFocus"; "required": false; "isSignal": true; }; "maxMenuHeight": { "alias": "maxMenuHeight"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "mobileCancelLabel": { "alias": "mobileCancelLabel"; "required": false; "isSignal": true; }; "resetLabel": { "alias": "resetLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; "isSignal": true; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: {}; outputs: {}; }]>;
 }
 
 declare class GdsDropdownComponent {
@@ -779,6 +788,11 @@ declare class GdsSelectComponent<T, U = T[keyof T]> extends GdsSignalFormControl
     autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
     multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hideChevron: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    preventMobileDialog: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    dialogTitle: _angular_core.InputSignal<string>;
+    applyLabel: _angular_core.InputSignal<string>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    backAriaLabel: _angular_core.InputSignal<string>;
     width: _angular_core.InputSignal<"sm" | "md" | "lg" | "default">;
     id: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
@@ -818,10 +832,11 @@ declare class GdsSelectComponent<T, U = T[keyof T]> extends GdsSignalFormControl
     get dropdownPanelScroll(): ElementRef<HTMLElement>;
     handleClosed: () => void;
     handleOpened: () => void;
+    openMobileDialog: () => void;
     unmarkItem: () => void;
     onClearClicked: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GdsSelectComponent<any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GdsSelectComponent<any, any>, "gds-select", never, { "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideChevron": { "alias": "hideChevron"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "changed": "changed"; "searched": "searched"; "blurred": "blurred"; "cleared": "cleared"; "closed": "closed"; "opened": "opened"; "bindValue": "bindValueChange"; "bindLabel": "bindLabelChange"; "value": "valueChange"; "items": "itemsChange"; }, ["multiLabelTmpl", "labelTmpl", "optionTmpl", "footerTmpl", "clearBtnTmpl", "placeholderTmpl"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GdsSelectComponent<any, any>, "gds-select", never, { "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "hideChevron": { "alias": "hideChevron"; "required": false; "isSignal": true; }; "preventMobileDialog": { "alias": "preventMobileDialog"; "required": false; "isSignal": true; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "backAriaLabel": { "alias": "backAriaLabel"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "changed": "changed"; "searched": "searched"; "blurred": "blurred"; "cleared": "cleared"; "closed": "closed"; "opened": "opened"; "bindValue": "bindValueChange"; "bindLabel": "bindLabelChange"; "value": "valueChange"; "items": "itemsChange"; }, ["multiLabelTmpl", "labelTmpl", "optionTmpl", "footerTmpl", "clearBtnTmpl", "placeholderTmpl"], never, true, never>;
 }
 
 declare const gdsSelectWidths: readonly ["default", "sm", "md", "lg"];
@@ -1656,4 +1671,4 @@ declare class GdsModule {
 }
 
 export { BrandEnum, CDN_URL, CONTACT_INITIALS_REGEX, DEFAULT_CONFIG, GDS_BRANDS, GDS_EMPTY_STATE_VARIANTS, GDS_TOASTER_CONFIG, GDS_TOAST_CONTAINER, GdsAccountingService, GdsAutoRoundCurrencyDirective, GdsAutofocusDirective, GdsAvatarComponent, GdsBadgeColorType, GdsBadgeComponent, GdsBadgeVariantType, GdsBannerComponent, GdsBoldTextHighlightPipe, 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, GdsDrilldownSelectComponent, 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, GdsPageSelectorComponent, 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, ToastrService, TreeViewListItemDirective, chipColor, chipSize, chipTypes, chipWidth, formatToISO, gdsButtonSizes, gdsButtonVariants, gdsDropdownPositionsX, gdsDropdownPositionsY, gdsSelectWidths, gdsServices, gdsUserPromptSecondaryTextVariants, getIconsByPrefix, isGdsBrand, ngSelectDropdownPositions, parseLocalizedDate, provideToaster, shortDate, shortDateTime, transformDateFormat, transformDurationToSeconds, transformSecondsToDuration };
-export type { FeatureDescriptionConfigVM, GdsActiveToast, GdsAvatarOrganizationType, GdsAvatarSize, GdsAvatarVariant, GdsBannerState, GdsBrand, GdsBreadCrumbSize, GdsBreadCrumbVM, GdsButtonSharedCssProperties, GdsButtonSharedProperties, GdsButtonSharedSlotProperties, GdsButtonSize, GdsButtonVariant, GdsChipColor, GdsChipColorType, GdsChipSize, GdsChipTypes, GdsChipWidth, GdsContextMenuItemVariantType, GdsDropdownPositionX, GdsDropdownPositionY, GdsEmptyStateSize, GdsEmptyStateVariant, GdsNativeRadioProps, GdsRadioOption, GdsRadioOptionConfig, GdsScrollOutOfViewScrollStatusType, GdsSelectWidth, GdsTimelineConnectorType, GdsToastConfig, GdsToastConfigPayload, GdsToastGlobalConfig, GdsToastInstance, GdsToastStatus, GdsToastType, GdsUserPromptSecondaryTextVariant, HistoryItemVM };
+export type { FeatureDescriptionConfigVM, GdsActiveToast, GdsAvatarOrganizationType, GdsAvatarSize, GdsAvatarVariant, GdsBannerState, GdsBrand, GdsBreadCrumbSize, GdsBreadCrumbVM, GdsButtonSharedCssProperties, GdsButtonSharedProperties, GdsButtonSharedSlotProperties, GdsButtonSize, GdsButtonVariant, GdsChipColor, GdsChipColorType, GdsChipSize, GdsChipTypes, GdsChipWidth, GdsContextMenuItemVariantType, GdsDrilldownSelectLayout, GdsDropdownPositionX, GdsDropdownPositionY, GdsEmptyStateSize, GdsEmptyStateVariant, GdsNativeRadioProps, GdsRadioOption, GdsRadioOptionConfig, GdsScrollOutOfViewScrollStatusType, GdsSelectWidth, GdsTimelineConnectorType, GdsToastConfig, GdsToastConfigPayload, GdsToastGlobalConfig, GdsToastInstance, GdsToastStatus, GdsToastType, GdsUserPromptSecondaryTextVariant, HistoryItemVM };