@design-system-rte/angular 1.4.0 → 1.5.0

package/lib/components/assistive-text/assistive-text.component.d.ts

@@ -8,7 +8,7 @@ export declare class AssistiveTextComponent {
     readonly isLink: import("@angular/core").Signal<boolean>;
     readonly widthStyle: import("@angular/core").Signal<string>;
     readonly assistiveTextIconSize = 12;
-    readonly iconName: import("@angular/core").Signal<"error" | "check-circle" | undefined>;
+    readonly iconName: import("@angular/core").Signal<"check-circle" | "error" | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AssistiveTextComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AssistiveTextComponent, "rte-assistive-text", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/badge/badge.component.d.ts

@@ -7,6 +7,7 @@ export declare class BadgeComponent {
     readonly count: import("@angular/core").InputSignal<number | undefined>;
     readonly icon: import("@angular/core").InputSignal<string>;
     readonly simpleBadge: import("@angular/core").InputSignal<boolean>;
+    readonly withPlusSign: import("@angular/core").InputSignal<boolean>;
     readonly isValidIconName: import("@angular/core").Signal<boolean>;
     readonly showIcon: import("@angular/core").Signal<boolean>;
     readonly showText: import("@angular/core").Signal<boolean>;
@@ -14,6 +15,7 @@ export declare class BadgeComponent {
     readonly countOverflow: import("@angular/core").Signal<boolean>;
     readonly iconSize: import("@angular/core").Signal<number | undefined>;
     readonly showBadge: import("@angular/core").Signal<boolean>;
+    readonly badgeText: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "rte-badge", never, { "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "simpleBadge": { "alias": "simpleBadge"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "rte-badge", never, { "badgeType": { "alias": "badgeType"; "required": false; "isSignal": true; }; "badgeSize": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "simpleBadge": { "alias": "simpleBadge"; "required": false; "isSignal": true; }; "withPlusSign": { "alias": "withPlusSign"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/chip/chip.component.d.ts

@@ -4,12 +4,13 @@ export declare class ChipComponent {
     readonly label: import("@angular/core").InputSignal<string>;
     readonly selected: import("@angular/core").InputSignal<boolean>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
-    readonly type: import("@angular/core").InputSignal<"input" | "multi" | "single">;
+    readonly type: import("@angular/core").InputSignal<"input" | "single" | "multi">;
     readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
     readonly click: import("@angular/core").OutputEmitterRef<Event>;
     readonly close: import("@angular/core").OutputEmitterRef<Event>;
     readonly isCheckable: import("@angular/core").Signal<boolean>;
     readonly role: import("@angular/core").Signal<string | null>;
+    readonly isFocusable: import("@angular/core").Signal<boolean>;
     onClick(event: Event): void;
     onKeyUp(event: KeyboardEvent): void;
     onBlur(event: FocusEvent): void;

package/lib/components/dropdown/dropdown.directive.d.ts

@@ -18,6 +18,7 @@ export declare class DropdownDirective implements AfterContentInit {
     readonly rteDropdownAutofocus: import("@angular/core").InputSignal<boolean>;
     readonly rteDropdownAutoOpen: import("@angular/core").InputSignal<boolean>;
     readonly rteDropdownWidth: import("@angular/core").InputSignal<number | null>;
+    readonly rteCloseOnItemClick: import("@angular/core").InputSignal<boolean>;
     readonly menuEvent: import("@angular/core").OutputEmitterRef<{
         event: Event;
         id: string;
@@ -34,6 +35,10 @@ export declare class DropdownDirective implements AfterContentInit {
     readonly cdr: ChangeDetectorRef;
     readonly clickedOutside: import("@angular/core").OutputEmitterRef<void>;
     readonly closedDropdown: import("@angular/core").OutputEmitterRef<void>;
+    readonly menuChangeEvent: import("@angular/core").OutputEmitterRef<{
+        event: Event;
+        id: string;
+    }>;
     readonly isActive: import("@angular/core").WritableSignal<boolean>;
     readonly menuInputs: import("@angular/core").Signal<{
         items: DropdownItemConfig[];
@@ -51,6 +56,10 @@ export declare class DropdownDirective implements AfterContentInit {
         id: string;
         item?: DropdownItemConfig;
     }): void;
+    onMenuChangeEvent(event: {
+        event: Event;
+        id: string;
+    }): void;
     ngAfterContentInit(): void;
     showDropdownMenu(): void;
     private assignInputs;
@@ -62,5 +71,5 @@ export declare class DropdownDirective implements AfterContentInit {
     private removeClickOutsideListener;
     private closeDropdown;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[rteDropdown]", never, { "rteDropdownId": { "alias": "rteDropdownId"; "required": false; "isSignal": true; }; "rteDropdownPosition": { "alias": "rteDropdownPosition"; "required": false; "isSignal": true; }; "rteDropdownAlignment": { "alias": "rteDropdownAlignment"; "required": false; "isSignal": true; }; "rteDropdownIsOpen": { "alias": "rteDropdownIsOpen"; "required": false; "isSignal": true; }; "rteDropdownOffset": { "alias": "rteDropdownOffset"; "required": false; "isSignal": true; }; "rteDropdownAutofocus": { "alias": "rteDropdownAutofocus"; "required": false; "isSignal": true; }; "rteDropdownAutoOpen": { "alias": "rteDropdownAutoOpen"; "required": false; "isSignal": true; }; "rteDropdownWidth": { "alias": "rteDropdownWidth"; "required": false; "isSignal": true; }; }, { "menuEvent": "menuEvent"; "clickedOutside": "clickedOutside"; "closedDropdown": "closedDropdown"; }, ["trigger", "menu"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[rteDropdown]", never, { "rteDropdownId": { "alias": "rteDropdownId"; "required": false; "isSignal": true; }; "rteDropdownPosition": { "alias": "rteDropdownPosition"; "required": false; "isSignal": true; }; "rteDropdownAlignment": { "alias": "rteDropdownAlignment"; "required": false; "isSignal": true; }; "rteDropdownIsOpen": { "alias": "rteDropdownIsOpen"; "required": false; "isSignal": true; }; "rteDropdownOffset": { "alias": "rteDropdownOffset"; "required": false; "isSignal": true; }; "rteDropdownAutofocus": { "alias": "rteDropdownAutofocus"; "required": false; "isSignal": true; }; "rteDropdownAutoOpen": { "alias": "rteDropdownAutoOpen"; "required": false; "isSignal": true; }; "rteDropdownWidth": { "alias": "rteDropdownWidth"; "required": false; "isSignal": true; }; "rteCloseOnItemClick": { "alias": "rteCloseOnItemClick"; "required": false; "isSignal": true; }; }, { "menuEvent": "menuEvent"; "clickedOutside": "clickedOutside"; "closedDropdown": "closedDropdown"; "menuChangeEvent": "menuChangeEvent"; }, ["trigger", "menu"], never, true, never>;
 }

package/lib/components/segmented-control/segmented-control.component.d.ts

@@ -7,7 +7,7 @@ export declare class SegmentedControlComponent implements OnChanges, AfterViewIn
     readonly selectedSegment: import("@angular/core").InputSignal<string | undefined>;
     readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
-    readonly appearance: import("@angular/core").InputSignal<"brand" | "neutral">;
+    readonly appearance: import("@angular/core").InputSignal<"neutral" | "brand">;
     readonly compactSpacing: import("@angular/core").InputSignal<boolean>;
     readonly segmentRefs: import("@angular/core").Signal<readonly ElementRef<HTMLDivElement>[]>;
     readonly sliderLeft: import("@angular/core").WritableSignal<number>;

package/lib/components/select/select-footer.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class SelectFooterDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectFooterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectFooterDirective, "[rteSelectFooter]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/select/select-header.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class SelectHeaderDirective {
+    readonly templateRef: TemplateRef<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectHeaderDirective, "[rteSelectHeader]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/select/select.component.d.ts

@@ -1,6 +1,9 @@
-import { ElementRef } from "@angular/core";
+import { ElementRef, AfterViewInit, TemplateRef } from "@angular/core";
+import { DropdownItemConfig } from "../dropdown/dropdown-item/dropdown-item.component";
+import { SelectFooterDirective } from "./select-footer.directive";
+import { SelectHeaderDirective } from "./select-header.directive";
 import * as i0 from "@angular/core";
-export declare class SelectComponent {
+export declare class SelectComponent implements AfterViewInit {
     readonly id: import("@angular/core").InputSignal<string | undefined>;
     readonly name: import("@angular/core").InputSignal<string | undefined>;
     readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
@@ -14,7 +17,6 @@ export declare class SelectComponent {
     readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly readOnly: import("@angular/core").InputSignal<boolean>;
-    readonly value: import("@angular/core").InputSignal<string | undefined>;
     readonly options: import("@angular/core").InputSignal<{
         value: string;
         label: string;
@@ -22,35 +24,52 @@ export declare class SelectComponent {
     readonly isError: import("@angular/core").InputSignal<boolean>;
     readonly showAssistiveIcon: import("@angular/core").InputSignal<boolean>;
     readonly showResetButton: import("@angular/core").InputSignal<boolean>;
-    readonly width: import("@angular/core").InputSignal<number>;
+    readonly multiple: import("@angular/core").InputSignal<boolean>;
+    readonly value: import("@angular/core").InputSignal<string | string[] | undefined>;
+    readonly withSelectAll: import("@angular/core").InputSignal<boolean>;
+    readonly optionToDisplay: import("@angular/core").InputSignal<import("@design-system-rte/core/components/select/select.interface").OptionToDisplay | undefined>;
     readonly selectRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly buttonsContainerRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     readonly selectDropdownOffset = 8;
-    readonly computedWidth: import("@angular/core").Signal<string>;
+    readonly headerDirective: import("@angular/core").Signal<SelectHeaderDirective | undefined>;
+    readonly footerDirective: import("@angular/core").Signal<SelectFooterDirective | undefined>;
+    readonly headerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
+    readonly footerTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
+    readonly headerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    readonly footerContentRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    readonly hasHeaderContent: import("@angular/core").Signal<boolean | TemplateRef<any>>;
+    readonly hasFooterContent: import("@angular/core").Signal<boolean | TemplateRef<any>>;
     readonly clearButton: import("@angular/core").Signal<HTMLElement | null>;
     readonly dropdownPosition: import("@angular/core").Signal<"top" | "bottom">;
-    readonly internalValue: import("@angular/core").WritableSignal<string | undefined>;
+    readonly optionsFormatted: import("@angular/core").WritableSignal<DropdownItemConfig[]>;
+    readonly internalValue: import("@angular/core").WritableSignal<string | string[] | undefined>;
     readonly requirementIndicatorValue: import("@angular/core").Signal<string>;
-    readonly valueChange: import("@angular/core").OutputEmitterRef<Event>;
-    readonly currentOptionLabel: import("@angular/core").Signal<string | undefined>;
-    readonly isAssistiveTextLinkVisible: import("@angular/core").Signal<boolean>;
-    readonly formattedOptions: import("@angular/core").Signal<{
-        id: string;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly currentDisplayedOption: import("@angular/core").WritableSignal<{
+        value: string;
         label: string;
-        selected: boolean;
-    }[]>;
-    readonly shouldDisplayClearButton: import("@angular/core").Signal<boolean>;
+    } | undefined>;
+    readonly shouldDisplayClearButton: import("@angular/core").WritableSignal<boolean>;
     readonly shouldDisplayErrorIcon: import("@angular/core").Signal<boolean>;
     readonly isActive: import("@angular/core").WritableSignal<boolean>;
     readonly selectWidth: import("@angular/core").Signal<number | null>;
+    ngAfterViewInit(): void;
+    areAllOptionsSelected(): boolean;
     handleOnClickTrigger(): void;
     handleOnKeyDownTrigger(event: KeyboardEvent): void;
+    handleOnCloseChip(event: Event, value: string): void;
     handleOnClickClearButton(event: Event): void;
-    handleOnClickItem(id: string): void;
+    handleOnClickItem(value: string): void;
     handleOnClosingDropdown(): void;
     handleOnClickOutside(): void;
     private toggleDropdown;
     private clearSelection;
+    private regenerateOptionsFormatted;
+    private isSelected;
+    private computeShouldDisplayClearButton;
+    private clickedSelectAll;
+    private clickedSelectItemMultiple;
+    private mapOptionToDropdownItemConfig;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "rte-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "assistiveTextLabel": { "alias": "assistiveTextLabel"; "required": false; "isSignal": true; }; "assistiveTextAppearance": { "alias": "assistiveTextAppearance"; "required": false; "isSignal": true; }; "assistiveTextLink": { "alias": "assistiveTextLink"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showLabelRequirement": { "alias": "showLabelRequirement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "showAssistiveIcon": { "alias": "showAssistiveIcon"; "required": false; "isSignal": true; }; "showResetButton": { "alias": "showResetButton"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "rte-select", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "assistiveTextLabel": { "alias": "assistiveTextLabel"; "required": false; "isSignal": true; }; "assistiveTextAppearance": { "alias": "assistiveTextAppearance"; "required": false; "isSignal": true; }; "assistiveTextLink": { "alias": "assistiveTextLink"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showLabelRequirement": { "alias": "showLabelRequirement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "showAssistiveIcon": { "alias": "showAssistiveIcon"; "required": false; "isSignal": true; }; "showResetButton": { "alias": "showResetButton"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "withSelectAll": { "alias": "withSelectAll"; "required": false; "isSignal": true; }; "optionToDisplay": { "alias": "optionToDisplay"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["headerDirective", "footerDirective"], ["[select-header]", "[select-footer]"], true, never>;
 }

package/lib/components/text-input/base-text-input/base-text-input.component.d.ts

@@ -12,7 +12,7 @@ export declare class BaseTextInputComponent {
     readonly showRightIcon: import("@angular/core").InputSignal<boolean>;
     readonly rightIconAction: import("@angular/core").InputSignal<"clean" | "visibilityOn" | "visibilityOff">;
     readonly showLabelRequirement: import("@angular/core").InputSignal<boolean>;
-    readonly assistiveAppearance: import("@angular/core").InputSignal<"link" | "error" | "description" | "success">;
+    readonly assistiveAppearance: import("@angular/core").InputSignal<"link" | "error" | "success" | "description">;
     readonly showAssistiveIcon: import("@angular/core").InputSignal<boolean>;
     readonly assistiveTextLabel: import("@angular/core").InputSignal<string>;
     readonly error: import("@angular/core").InputSignal<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design-system-rte/angular",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Angular components for the Design System RTE",
   "license": "Apache-2.0",
   "publishConfig": {
@@ -9,7 +9,7 @@
   "peerDependencies": {
     "@angular/common": "^18.2.14",
     "@angular/core": "^18.2.14",
-    "@design-system-rte/core": "^1.4.0"
+    "@design-system-rte/core": "^1.5.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"