@open-rlb/ng-bootstrap 3.3.34 → 3.3.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-rlb/ng-bootstrap",
-  "version": "3.3.34",
+  "version": "3.3.36",
   "peerDependencies": {
     "@angular/cdk": ">=21.0.0 <22.0.0",
     "@angular/common": ">=21.0.0 <22.0.0",

package/schematics/ng-add/claude-skills/rlb-inputs/SKILL.md

@@ -126,9 +126,11 @@ All inputs bind via `formControlName` or `[(ngModel)]`.
 
 ## rlb-language-chips — Multi-select Chips
 
-A tag/chip input for picking several values from a fixed list. A dropdown offers the
-still-available options; picking one appends a removable pill. Backed by a `rlb-select`
-internally; the chosen values are stored as a `string[]`.
+A compact multi-select for picking several values from a fixed list. Selected values are
+rendered as chips **inside** the control and collapse to `(+N others)` once more than
+`maxVisible` are chosen, so the selection never spills onto multiple lines. Clicking the
+control opens a dropdown that lists every option with a checkbox to toggle it on/off. The
+chosen values are stored as a `string[]`.
 
 ```html
 <!-- Default options: EN, IT, DE, FR, ES, PT -->

package/types/open-rlb-ng-bootstrap.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnDestroy, AfterViewInit, ElementRef, OnInit, TemplateRef, ViewContainerRef, Renderer2, AfterContentInit, AfterContentChecked, OutputEmitterRef, Signal, ModelSignal, ChangeDetectorRef, DestroyRef, InputSignal, Type, ComponentRef, EmbeddedViewRef, EventEmitter, PipeTransform, InjectionToken, EnvironmentProviders, Provider } from '@angular/core';
 import * as i2 from '@angular/forms';
-import { ControlValueAccessor, NgControl, ValidatorFn, ValidationErrors, FormControl, FormGroup, NgForm, FormBuilder } from '@angular/forms';
+import { ControlValueAccessor, NgControl, ValidatorFn, ValidationErrors, FormGroup, NgForm, FormBuilder } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { Carousel, Collapse, Offcanvas } from 'bootstrap';
@@ -938,18 +938,20 @@ declare class InputGroupComponent {
 declare class LanguageChipsComponent extends AbstractComponent<string[]> {
     readonly options: _angular_core.InputSignal<string[]>;
     readonly placeholder: _angular_core.InputSignal<string>;
+    /** How many chips to render inline before collapsing the rest into "(+N others)". */
+    readonly maxVisible: _angular_core.InputSignalWithTransform<number, unknown>;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     userDefinedId: _angular_core.InputSignal<string>;
-    readonly selectKey: _angular_core.WritableSignal<number>;
+    readonly open: _angular_core.WritableSignal<boolean>;
     readonly chips: _angular_core.Signal<string[]>;
+    readonly visibleChips: _angular_core.Signal<string[]>;
+    readonly overflowCount: _angular_core.Signal<number>;
     readonly isDisabled: _angular_core.Signal<boolean>;
-    readonly addControl: FormControl<string | null>;
-    constructor();
-    add(lang: string): void;
-    remove(lang: string): void;
-    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    close(): void;
+    toggleOption(lang: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LanguageChipsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LanguageChipsComponent, "rlb-language-chips", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "userDefinedId": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LanguageChipsComponent, "rlb-language-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>;
 }
 
 declare class OptionComponent {