@open-rlb/ng-bootstrap 3.3.36 → 3.3.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -124,7 +124,7 @@ All inputs bind via `formControlName` or `[(ngModel)]`.
|
|
|
124
124
|
|
|
125
125
|
---
|
|
126
126
|
|
|
127
|
-
## rlb-
|
|
127
|
+
## rlb-select-chips — Multi-select Chips
|
|
128
128
|
|
|
129
129
|
A compact multi-select for picking several values from a fixed list. Selected values are
|
|
130
130
|
rendered as chips **inside** the control and collapse to `(+N others)` once more than
|
|
@@ -133,21 +133,23 @@ control opens a dropdown that lists every option with a checkbox to toggle it on
|
|
|
133
133
|
chosen values are stored as a `string[]`.
|
|
134
134
|
|
|
135
135
|
```html
|
|
136
|
-
|
|
137
|
-
|
|
136
|
+
<rlb-select-chips
|
|
137
|
+
formControlName="languages"
|
|
138
|
+
[options]="['EN', 'IT', 'DE', 'FR', 'ES', 'PT']"
|
|
139
|
+
></rlb-select-chips>
|
|
138
140
|
|
|
139
141
|
<!-- Custom option set + placeholder -->
|
|
140
|
-
<rlb-
|
|
142
|
+
<rlb-select-chips
|
|
141
143
|
formControlName="languages"
|
|
142
144
|
[options]="['EN', 'IT', 'DE']"
|
|
143
145
|
placeholder="Add language..."
|
|
144
|
-
></rlb-
|
|
146
|
+
></rlb-select-chips>
|
|
145
147
|
```
|
|
146
148
|
|
|
147
149
|
**Inputs:**
|
|
148
150
|
| Input | Type | Default | Description |
|
|
149
151
|
|-------|------|---------|-------------|
|
|
150
|
-
| `options` | `string[]` |
|
|
152
|
+
| `options` | `string[]` | — | Selectable values |
|
|
151
153
|
| `placeholder` | `string` | `'Add...'` | Dropdown placeholder |
|
|
152
154
|
| `disabled` | `boolean` | `false` | Hides the dropdown and remove buttons |
|
|
153
155
|
| `id` | `string` | auto | HTML id |
|
|
@@ -935,8 +935,8 @@ declare class InputGroupComponent {
|
|
|
935
935
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "rlb-input-group", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["inputs", "validation"], ["*"], true, never>;
|
|
936
936
|
}
|
|
937
937
|
|
|
938
|
-
declare class
|
|
939
|
-
readonly options: _angular_core.InputSignal<string[]>;
|
|
938
|
+
declare class SelectChipsComponent extends AbstractComponent<string[]> {
|
|
939
|
+
readonly options: _angular_core.InputSignal<string[] | undefined>;
|
|
940
940
|
readonly placeholder: _angular_core.InputSignal<string>;
|
|
941
941
|
/** How many chips to render inline before collapsing the rest into "(+N others)". */
|
|
942
942
|
readonly maxVisible: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
@@ -950,8 +950,8 @@ declare class LanguageChipsComponent extends AbstractComponent<string[]> {
|
|
|
950
950
|
toggle(): void;
|
|
951
951
|
close(): void;
|
|
952
952
|
toggleOption(lang: string): void;
|
|
953
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<
|
|
954
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<
|
|
953
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectChipsComponent, never>;
|
|
954
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectChipsComponent, "rlb-select-chips", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "maxVisible": { "alias": "maxVisible"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userDefinedId": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
955
955
|
}
|
|
956
956
|
|
|
957
957
|
declare class OptionComponent {
|
|
@@ -1044,7 +1044,7 @@ declare class TextAreaComponent extends AbstractComponent<string> {
|
|
|
1044
1044
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextAreaComponent, "rlb-textarea", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "userDefinedId": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["[before]", "[after]"], true, never>;
|
|
1045
1045
|
}
|
|
1046
1046
|
|
|
1047
|
-
declare const INPUTS: (typeof OptionComponent | typeof InputValidationComponent | typeof SelectComponent | typeof AutocompleteCountryDialCodeComponent | typeof AutocompleteCountryComponent | typeof AutocompleteTimezonesComponent | typeof AutocompleteComponent | typeof CheckboxComponent | typeof ColorComponent | typeof DndDirective | typeof FileDndComponent | typeof FileComponent | typeof HelpText | typeof InputComponent | typeof InputGroupComponent | typeof
|
|
1047
|
+
declare const INPUTS: (typeof OptionComponent | typeof InputValidationComponent | typeof SelectComponent | typeof AutocompleteCountryDialCodeComponent | typeof AutocompleteCountryComponent | typeof AutocompleteTimezonesComponent | typeof AutocompleteComponent | typeof CheckboxComponent | typeof ColorComponent | typeof DndDirective | typeof FileDndComponent | typeof FileComponent | typeof HelpText | typeof InputComponent | typeof InputGroupComponent | typeof SelectChipsComponent | typeof RadioComponent | typeof RangeComponent | typeof SwitchComponent | typeof TextAreaComponent)[];
|
|
1048
1048
|
|
|
1049
1049
|
declare class RlbFabInputComponent {
|
|
1050
1050
|
isOpen: _angular_core.WritableSignal<boolean>;
|
|
@@ -2206,7 +2206,7 @@ declare const PIPES: (typeof DateTzPipe | typeof MonthFormatterPipe | typeof Day
|
|
|
2206
2206
|
|
|
2207
2207
|
declare class RlbBootstrapModule {
|
|
2208
2208
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RlbBootstrapModule, never>;
|
|
2209
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RlbBootstrapModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.TranslateModule, typeof i4.RouterModule, typeof i5.CdkDrag, typeof i5.CdkDropListGroup, typeof i5.CdkDropList, typeof i5.CdkDragPlaceholder, typeof i5.CdkDragPreview, typeof DataTableActionComponent, typeof DataTableActionsComponent, typeof DataTableCellComponent, typeof DataTableHeaderComponent, typeof DataTableRowComponent, typeof DataTableComponent, typeof DataTableLoadingComponent, typeof DataTableNoItemsComponent, typeof AutocompleteComponent, typeof CheckboxComponent, typeof InputComponent, typeof SwitchComponent, typeof TextAreaComponent, typeof ColorComponent, typeof DatalistComponent, typeof RangeComponent, typeof SelectComponent, typeof RadioComponent, typeof OptionComponent, typeof FileComponent, typeof InputGroupComponent, typeof
|
|
2209
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<RlbBootstrapModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule, typeof i3.TranslateModule, typeof i4.RouterModule, typeof i5.CdkDrag, typeof i5.CdkDropListGroup, typeof i5.CdkDropList, typeof i5.CdkDragPlaceholder, typeof i5.CdkDragPreview, typeof DataTableActionComponent, typeof DataTableActionsComponent, typeof DataTableCellComponent, typeof DataTableHeaderComponent, typeof DataTableRowComponent, typeof DataTableComponent, typeof DataTableLoadingComponent, typeof DataTableNoItemsComponent, typeof AutocompleteComponent, typeof CheckboxComponent, typeof InputComponent, typeof SwitchComponent, typeof TextAreaComponent, typeof ColorComponent, typeof DatalistComponent, typeof RangeComponent, typeof SelectComponent, typeof RadioComponent, typeof OptionComponent, typeof FileComponent, typeof InputGroupComponent, typeof SelectChipsComponent, typeof HelpText, typeof DndDirective, typeof FileDndComponent, typeof InputValidationComponent, typeof AutocompleteCountryComponent, typeof AutocompleteTimezonesComponent, typeof AutocompleteCountryDialCodeComponent, typeof AlertComponent, typeof BreadcrumbComponent, typeof AccordionComponent, typeof AccordionItemComponent, typeof AccordionHeaderComponent, typeof AccordionBodyComponent, typeof ButtonComponent, typeof ButtonCloseComponent, typeof ButtonGroupComponent, typeof ButtonToolbarComponent, typeof RlbFabComponent, typeof RlbFabInputComponent, typeof BadgeDirective, typeof BadgeComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof CardGroupComponent, typeof CardHeaderComponent, typeof CardImageComponent, typeof CardLinkComponent, typeof CardSubtitleComponent, typeof CardTextComponent, typeof CardTitleComponent, typeof CardComponent, typeof SpinnerComponent, typeof ProgressComponent, typeof TooltipDirective, typeof PopoverDirective, typeof PlaceholderDirective, typeof CollapseComponent, typeof DropdownComponent, typeof DropdownContainerComponent, typeof DropdownMenuItemComponent, typeof DropdownDirective, typeof NavbarBrandDirective, typeof NavbarCustomItemsDirective, typeof NavbarComponent, typeof NavbarFormComponent, typeof NavbarTextComponent, typeof NavbarItemsComponent, typeof NavbarDropdownItemComponent, typeof NavbarItemComponent, typeof NavbarSeparatorComponent, typeof OffcanvasComponent, typeof OffcanvasHeaderComponent, typeof OffcanvasTitleComponent, typeof OffcanvasBodyComponent, typeof ToggleDirective, typeof SidebarComponent, typeof SidebarItemComponent, typeof NavComponent, typeof NavItemComponent, typeof TabsComponent, typeof TabComponent, typeof TabContentComponent, typeof TabPaneComponent, typeof PaginationItemComponent, typeof PaginationComponent, typeof ScrollspyDirective, typeof CarouselComponent, typeof CarouselCaptionComponent, typeof CarouselSlideComponent, typeof ListComponent, typeof ListItemComponent, typeof ListItemImageComponent, typeof AvatarComponent, typeof ChatContainerComponent, typeof ChatItemComponent, typeof RlbPlaceholderComponent, typeof RlbPlaceholderLineComponent, typeof RlbPlaceholderTextComponent, typeof ModalContainerComponent, typeof ToastContainerComponent, typeof CalendarComponent, typeof CalendarHeaderComponent, typeof CalendarGrid, typeof CalendarWeekGridComponent, typeof CalendarDayGridComponent, typeof CalendarMonthGridComponent, typeof CalendarEventComponent, typeof ComponentHostDirective, typeof DateTzPipe, typeof MonthFormatterPipe, typeof DayOfWeekPipe, typeof FormFieldsComponent], [typeof DataTableActionComponent, typeof DataTableActionsComponent, typeof DataTableCellComponent, typeof DataTableHeaderComponent, typeof DataTableRowComponent, typeof DataTableComponent, typeof DataTableLoadingComponent, typeof DataTableNoItemsComponent, typeof AutocompleteComponent, typeof CheckboxComponent, typeof InputComponent, typeof SwitchComponent, typeof TextAreaComponent, typeof ColorComponent, typeof DatalistComponent, typeof RangeComponent, typeof SelectComponent, typeof RadioComponent, typeof OptionComponent, typeof FileComponent, typeof InputGroupComponent, typeof SelectChipsComponent, typeof HelpText, typeof DndDirective, typeof FileDndComponent, typeof InputValidationComponent, typeof AutocompleteCountryComponent, typeof AutocompleteTimezonesComponent, typeof AutocompleteCountryDialCodeComponent, typeof AlertComponent, typeof BreadcrumbComponent, typeof AccordionComponent, typeof AccordionItemComponent, typeof AccordionHeaderComponent, typeof AccordionBodyComponent, typeof ButtonComponent, typeof ButtonCloseComponent, typeof ButtonGroupComponent, typeof ButtonToolbarComponent, typeof RlbFabComponent, typeof RlbFabInputComponent, typeof BadgeDirective, typeof BadgeComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof CardGroupComponent, typeof CardHeaderComponent, typeof CardImageComponent, typeof CardLinkComponent, typeof CardSubtitleComponent, typeof CardTextComponent, typeof CardTitleComponent, typeof CardComponent, typeof SpinnerComponent, typeof ProgressComponent, typeof TooltipDirective, typeof PopoverDirective, typeof PlaceholderDirective, typeof CollapseComponent, typeof DropdownComponent, typeof DropdownContainerComponent, typeof DropdownMenuItemComponent, typeof DropdownDirective, typeof NavbarBrandDirective, typeof NavbarCustomItemsDirective, typeof NavbarComponent, typeof NavbarFormComponent, typeof NavbarTextComponent, typeof NavbarItemsComponent, typeof NavbarDropdownItemComponent, typeof NavbarItemComponent, typeof NavbarSeparatorComponent, typeof OffcanvasComponent, typeof OffcanvasHeaderComponent, typeof OffcanvasTitleComponent, typeof OffcanvasBodyComponent, typeof ToggleDirective, typeof SidebarComponent, typeof SidebarItemComponent, typeof NavComponent, typeof NavItemComponent, typeof TabsComponent, typeof TabComponent, typeof TabContentComponent, typeof TabPaneComponent, typeof PaginationItemComponent, typeof PaginationComponent, typeof ScrollspyDirective, typeof CarouselComponent, typeof CarouselCaptionComponent, typeof CarouselSlideComponent, typeof ListComponent, typeof ListItemComponent, typeof ListItemImageComponent, typeof AvatarComponent, typeof ChatContainerComponent, typeof ChatItemComponent, typeof RlbPlaceholderComponent, typeof RlbPlaceholderLineComponent, typeof RlbPlaceholderTextComponent, typeof ModalContainerComponent, typeof ToastContainerComponent, typeof CalendarComponent, typeof CalendarHeaderComponent, typeof CalendarGrid, typeof CalendarWeekGridComponent, typeof CalendarDayGridComponent, typeof CalendarMonthGridComponent, typeof CalendarEventComponent, typeof DateTzPipe, typeof MonthFormatterPipe, typeof DayOfWeekPipe, typeof FormFieldsComponent]>;
|
|
2210
2210
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<RlbBootstrapModule>;
|
|
2211
2211
|
}
|
|
2212
2212
|
|
|
@@ -2323,5 +2323,5 @@ declare class CalendarToastComponent implements IToast<string, void> {
|
|
|
2323
2323
|
|
|
2324
2324
|
declare function provideRlbBootstrap(): (EnvironmentProviders | Provider)[];
|
|
2325
2325
|
|
|
2326
|
-
export { AbstractAutocompleteComponent, AbstractComponent, AccordionBodyComponent, AccordionComponent, AccordionHeaderComponent, AccordionItemComponent, AlertComponent, AutocompleteComponent, AutocompleteCountryComponent, AutocompleteCountryDialCodeComponent, AutocompleteTimezonesComponent, AvatarComponent, BadgeComponent, BadgeDirective, BreadcrumbComponent, ButtonCloseComponent, ButtonComponent, ButtonGroupComponent, ButtonToolbarComponent, CALENDAR_COMPONENTS, COMPONENTS, CalendarComponent, CalendarDayGridComponent, CalendarEventComponent, CalendarGrid, CalendarHeaderComponent, CalendarMonthGridComponent, CalendarOverflowEventsContainerComponent, CalendarToastComponent, CalendarWeekGridComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderComponent, CardImageComponent, CardLinkComponent, CardSubtitleComponent, CardTextComponent, CardTitleComponent, CarouselCaptionComponent, CarouselComponent, CarouselSlideComponent, ChatContainerComponent, ChatItemComponent, CheckboxComponent, CollapseComponent, ColorComponent, CommonModalComponent, DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableComponent, DataTableHeaderComponent, DataTableLoadingComponent, DataTableNoItemsComponent, DataTableRowComponent, DatalistComponent, DateTzPipe, DayOfWeekPipe, DndDirective, DropdownComponent, DropdownContainerComponent, DropdownDirective, DropdownMenuItemComponent, EventCreateEditComponent, FileComponent, FileDndComponent, FormFieldsComponent, HelpText, INPUTS, InputComponent, InputGroupComponent, InputValidationComponent,
|
|
2326
|
+
export { AbstractAutocompleteComponent, AbstractComponent, AccordionBodyComponent, AccordionComponent, AccordionHeaderComponent, AccordionItemComponent, AlertComponent, AutocompleteComponent, AutocompleteCountryComponent, AutocompleteCountryDialCodeComponent, AutocompleteTimezonesComponent, AvatarComponent, BadgeComponent, BadgeDirective, BreadcrumbComponent, ButtonCloseComponent, ButtonComponent, ButtonGroupComponent, ButtonToolbarComponent, CALENDAR_COMPONENTS, COMPONENTS, CalendarComponent, CalendarDayGridComponent, CalendarEventComponent, CalendarGrid, CalendarHeaderComponent, CalendarMonthGridComponent, CalendarOverflowEventsContainerComponent, CalendarToastComponent, CalendarWeekGridComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderComponent, CardImageComponent, CardLinkComponent, CardSubtitleComponent, CardTextComponent, CardTitleComponent, CarouselCaptionComponent, CarouselComponent, CarouselSlideComponent, ChatContainerComponent, ChatItemComponent, CheckboxComponent, CollapseComponent, ColorComponent, CommonModalComponent, DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableComponent, DataTableHeaderComponent, DataTableLoadingComponent, DataTableNoItemsComponent, DataTableRowComponent, DatalistComponent, DateTzPipe, DayOfWeekPipe, DndDirective, DropdownComponent, DropdownContainerComponent, DropdownDirective, DropdownMenuItemComponent, EventCreateEditComponent, FileComponent, FileDndComponent, FormFieldsComponent, HelpText, INPUTS, InputComponent, InputGroupComponent, InputValidationComponent, ListComponent, ListItemComponent, ListItemImageComponent, MODALS, ModalContainerComponent, ModalDirective, ModalRegistryOptions, ModalService, MonthFormatterPipe, NavComponent, NavItemComponent, NavbarBrandDirective, NavbarComponent, NavbarCustomItemsDirective, NavbarDropdownItemComponent, NavbarFormComponent, NavbarItemComponent, NavbarItemsComponent, NavbarSeparatorComponent, NavbarTextComponent, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasTitleComponent, OptionComponent, PIPES, PaginationComponent, PaginationItemComponent, PlaceholderDirective, PopoverDirective, ProgressComponent, RLB_TRANSLATION_SERVICE, RadioComponent, RangeComponent, RlbBootstrapModule, RlbFabComponent, RlbFabInputComponent, RlbPlaceholderComponent, RlbPlaceholderLineComponent, RlbPlaceholderTextComponent, ScrollspyDirective, SearchModalComponent, SelectChipsComponent, SelectComponent, SidebarComponent, SidebarItemComponent, SpinnerComponent, SwitchComponent, TABLE, TOASTS, TabComponent, TabContentComponent, TabPaneComponent, TabsComponent, TextAreaComponent, ToastContainerComponent, ToastDirective, ToastRegistryOptions, ToastService, ToggleDirective, TooltipDirective, UniqueIdService, createArrayProxy, provideRlbBootstrap, requiredAutocompleteValue };
|
|
2327
2327
|
export type { AutocompleteFn, AutocompleteItem, BreadcrumbItem, CalendarEvent, CalendarEventWithLayout, CalendarInterval, CalendarOverflowEventsDialogResult, ClickableItem, Color, CommonModalData, IModal, IToast, ModalCloseReason, ModalData, ModalOptions, ModalResult, ModalType, NavigableItem, PaginationEvent, RlbTranslationService, SearchModalInput, SidebarNavigableItem, Size, TableDataQuery, TextAlignment, ToastCloseReason, ToastData, ToastOptions, ToastResult, VisibilityEvent, VisibilityEventBase };
|