@open-rlb/ng-bootstrap 3.3.36 → 3.3.38
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/fesm2022/open-rlb-ng-bootstrap.mjs +13 -13
- package/fesm2022/open-rlb-ng-bootstrap.mjs.map +1 -1
- package/package.json +1 -1
- package/schematics/ng-add/claude-skills/rlb-components/SKILL.md +302 -38
- package/schematics/ng-add/claude-skills/rlb-inputs/SKILL.md +8 -6
- package/types/open-rlb-ng-bootstrap.d.ts +7 -7
package/package.json
CHANGED
|
@@ -21,19 +21,60 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
21
21
|
|
|
22
22
|
```html
|
|
23
23
|
<!-- Basic button -->
|
|
24
|
-
<button
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
<button
|
|
25
|
+
rlb-button
|
|
26
|
+
color="primary"
|
|
27
|
+
size="md"
|
|
28
|
+
>
|
|
29
|
+
Click me
|
|
30
|
+
</button>
|
|
31
|
+
<button
|
|
32
|
+
rlb-button
|
|
33
|
+
color="danger"
|
|
34
|
+
outline
|
|
35
|
+
>
|
|
36
|
+
Delete
|
|
37
|
+
</button>
|
|
38
|
+
<button
|
|
39
|
+
rlb-button
|
|
40
|
+
color="secondary"
|
|
41
|
+
[disabled]="true"
|
|
42
|
+
>
|
|
43
|
+
Disabled
|
|
44
|
+
</button>
|
|
45
|
+
<a
|
|
46
|
+
rlb-button
|
|
47
|
+
color="info"
|
|
48
|
+
isLink
|
|
49
|
+
>
|
|
50
|
+
Link
|
|
51
|
+
</a>
|
|
28
52
|
|
|
29
53
|
<!-- Button group -->
|
|
30
|
-
<rlb-button-group
|
|
31
|
-
|
|
32
|
-
|
|
54
|
+
<rlb-button-group
|
|
55
|
+
orientation="horizontal"
|
|
56
|
+
size="md"
|
|
57
|
+
>
|
|
58
|
+
<button
|
|
59
|
+
rlb-button
|
|
60
|
+
color="primary"
|
|
61
|
+
>
|
|
62
|
+
A
|
|
63
|
+
</button>
|
|
64
|
+
<button
|
|
65
|
+
rlb-button
|
|
66
|
+
color="primary"
|
|
67
|
+
>
|
|
68
|
+
B
|
|
69
|
+
</button>
|
|
33
70
|
</rlb-button-group>
|
|
34
71
|
|
|
35
72
|
<!-- FAB (Floating Action Button) -->
|
|
36
|
-
<rlb-fab
|
|
73
|
+
<rlb-fab
|
|
74
|
+
color="primary"
|
|
75
|
+
size="md"
|
|
76
|
+
position="br"
|
|
77
|
+
>
|
|
37
78
|
<i class="bi bi-plus"></i>
|
|
38
79
|
</rlb-fab>
|
|
39
80
|
```
|
|
@@ -47,7 +88,11 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
47
88
|
|
|
48
89
|
```html
|
|
49
90
|
<rlb-alert color="success">Operation successful.</rlb-alert>
|
|
50
|
-
<rlb-alert
|
|
91
|
+
<rlb-alert
|
|
92
|
+
color="danger"
|
|
93
|
+
[dismissible]="true"
|
|
94
|
+
(dismissed)="onDismiss()"
|
|
95
|
+
>
|
|
51
96
|
An error occurred!
|
|
52
97
|
</rlb-alert>
|
|
53
98
|
```
|
|
@@ -60,9 +105,26 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
60
105
|
## Badges
|
|
61
106
|
|
|
62
107
|
```html
|
|
63
|
-
<span
|
|
64
|
-
|
|
65
|
-
|
|
108
|
+
<span
|
|
109
|
+
rlb-badge
|
|
110
|
+
color="primary"
|
|
111
|
+
>
|
|
112
|
+
New
|
|
113
|
+
</span>
|
|
114
|
+
<span
|
|
115
|
+
rlb-badge
|
|
116
|
+
color="success"
|
|
117
|
+
[pill]="true"
|
|
118
|
+
>
|
|
119
|
+
Active
|
|
120
|
+
</span>
|
|
121
|
+
<span
|
|
122
|
+
rlb-badge
|
|
123
|
+
color="danger"
|
|
124
|
+
[border]="true"
|
|
125
|
+
>
|
|
126
|
+
3
|
|
127
|
+
</span>
|
|
66
128
|
```
|
|
67
129
|
|
|
68
130
|
**Inputs:** `color`, `pill`, `border`, `hidden-text`, `class`, `badge-text-color`
|
|
@@ -72,9 +134,22 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
72
134
|
## Avatar
|
|
73
135
|
|
|
74
136
|
```html
|
|
75
|
-
<rlb-avatar
|
|
76
|
-
|
|
77
|
-
|
|
137
|
+
<rlb-avatar
|
|
138
|
+
[size]="48"
|
|
139
|
+
shape="circle"
|
|
140
|
+
src="/assets/user.png"
|
|
141
|
+
></rlb-avatar>
|
|
142
|
+
<rlb-avatar
|
|
143
|
+
[size]="40"
|
|
144
|
+
shape="round"
|
|
145
|
+
>
|
|
146
|
+
AB
|
|
147
|
+
</rlb-avatar>
|
|
148
|
+
<rlb-avatar
|
|
149
|
+
[size]="56"
|
|
150
|
+
shape="square"
|
|
151
|
+
src="/assets/logo.png"
|
|
152
|
+
></rlb-avatar>
|
|
78
153
|
```
|
|
79
154
|
|
|
80
155
|
**Inputs:** `size` (px number), `shape` ('circle'|'round'|'square'), `src`, `class`
|
|
@@ -84,7 +159,10 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
84
159
|
## Cards
|
|
85
160
|
|
|
86
161
|
```html
|
|
87
|
-
<rlb-card
|
|
162
|
+
<rlb-card
|
|
163
|
+
align="left"
|
|
164
|
+
background="light"
|
|
165
|
+
>
|
|
88
166
|
<rlb-card-header>Card Title</rlb-card-header>
|
|
89
167
|
<rlb-card-image src="/img.png"></rlb-card-image>
|
|
90
168
|
<rlb-card-body>
|
|
@@ -105,7 +183,11 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
105
183
|
## Accordion
|
|
106
184
|
|
|
107
185
|
```html
|
|
108
|
-
<rlb-accordion
|
|
186
|
+
<rlb-accordion
|
|
187
|
+
[flush]="false"
|
|
188
|
+
[always-open]="false"
|
|
189
|
+
[card-style]="true"
|
|
190
|
+
>
|
|
109
191
|
<rlb-accordion-item>
|
|
110
192
|
<ng-template rlb-accordion-header>Section 1</ng-template>
|
|
111
193
|
<ng-template rlb-accordion-body>Content 1</ng-template>
|
|
@@ -124,10 +206,19 @@ type TextAlignment = 'left' | 'center' | 'right';
|
|
|
124
206
|
## Tabs
|
|
125
207
|
|
|
126
208
|
```html
|
|
127
|
-
<rlb-tabs
|
|
209
|
+
<rlb-tabs
|
|
210
|
+
view="tab"
|
|
211
|
+
[vertical]="false"
|
|
212
|
+
fill="fill"
|
|
213
|
+
>
|
|
128
214
|
<rlb-tab title="Tab 1">Content for tab 1</rlb-tab>
|
|
129
215
|
<rlb-tab title="Tab 2">Content for tab 2</rlb-tab>
|
|
130
|
-
<rlb-tab
|
|
216
|
+
<rlb-tab
|
|
217
|
+
title="Tab 3"
|
|
218
|
+
[disabled]="true"
|
|
219
|
+
>
|
|
220
|
+
Disabled
|
|
221
|
+
</rlb-tab>
|
|
131
222
|
</rlb-tabs>
|
|
132
223
|
```
|
|
133
224
|
|
|
@@ -191,11 +282,32 @@ and gate `Next` on the current step's validity. Often embedded in a modal (see t
|
|
|
191
282
|
</rlb-carousel>
|
|
192
283
|
</div>
|
|
193
284
|
|
|
194
|
-
<button
|
|
285
|
+
<button
|
|
286
|
+
rlb-button
|
|
287
|
+
outline
|
|
288
|
+
[disabled]="page() === 0"
|
|
289
|
+
(click)="prev()"
|
|
290
|
+
>
|
|
291
|
+
Back
|
|
292
|
+
</button>
|
|
195
293
|
@if (page() < count() - 1) {
|
|
196
|
-
|
|
294
|
+
<button
|
|
295
|
+
rlb-button
|
|
296
|
+
color="primary"
|
|
297
|
+
[disabled]="currentStepInvalid()"
|
|
298
|
+
(click)="next()"
|
|
299
|
+
>
|
|
300
|
+
Next
|
|
301
|
+
</button>
|
|
197
302
|
} @else {
|
|
198
|
-
|
|
303
|
+
<button
|
|
304
|
+
rlb-button
|
|
305
|
+
color="success"
|
|
306
|
+
[disabled]="form.invalid"
|
|
307
|
+
(click)="onFinish()"
|
|
308
|
+
>
|
|
309
|
+
Finish
|
|
310
|
+
</button>
|
|
199
311
|
}
|
|
200
312
|
```
|
|
201
313
|
|
|
@@ -240,10 +352,26 @@ next() { this.page.update(p => Math.min(this.count() - 1, p + 1)); }
|
|
|
240
352
|
|
|
241
353
|
```html
|
|
242
354
|
<rlb-dropdown direction="down">
|
|
243
|
-
<button
|
|
355
|
+
<button
|
|
356
|
+
rlb-button
|
|
357
|
+
color="primary"
|
|
358
|
+
rlb-dropdown
|
|
359
|
+
>
|
|
360
|
+
Actions
|
|
361
|
+
</button>
|
|
244
362
|
<div rlb-dropdown-menu>
|
|
245
|
-
<a
|
|
246
|
-
|
|
363
|
+
<a
|
|
364
|
+
class="dropdown-item"
|
|
365
|
+
href="#"
|
|
366
|
+
>
|
|
367
|
+
Option 1
|
|
368
|
+
</a>
|
|
369
|
+
<a
|
|
370
|
+
class="dropdown-item"
|
|
371
|
+
href="#"
|
|
372
|
+
>
|
|
373
|
+
Option 2
|
|
374
|
+
</a>
|
|
247
375
|
</div>
|
|
248
376
|
</rlb-dropdown>
|
|
249
377
|
```
|
|
@@ -255,7 +383,10 @@ next() { this.page.update(p => Math.min(this.count() - 1, p + 1)); }
|
|
|
255
383
|
## Pagination
|
|
256
384
|
|
|
257
385
|
```html
|
|
258
|
-
<rlb-pagination
|
|
386
|
+
<rlb-pagination
|
|
387
|
+
size="md"
|
|
388
|
+
alignment="center"
|
|
389
|
+
>
|
|
259
390
|
<rlb-pagination-item [active]="true">1</rlb-pagination-item>
|
|
260
391
|
<rlb-pagination-item>2</rlb-pagination-item>
|
|
261
392
|
</rlb-pagination>
|
|
@@ -268,14 +399,32 @@ next() { this.page.update(p => Math.min(this.count() - 1, p + 1)); }
|
|
|
268
399
|
## Navigation (Navbar + Sidebar)
|
|
269
400
|
|
|
270
401
|
```html
|
|
271
|
-
<rlb-navbar
|
|
272
|
-
|
|
402
|
+
<rlb-navbar
|
|
403
|
+
color="primary"
|
|
404
|
+
[dark]="true"
|
|
405
|
+
expand="lg"
|
|
406
|
+
placement="fixed-top"
|
|
407
|
+
>
|
|
408
|
+
<a
|
|
409
|
+
rlb-navbar-brand
|
|
410
|
+
href="/"
|
|
411
|
+
>
|
|
412
|
+
MyApp
|
|
413
|
+
</a>
|
|
273
414
|
<rlb-navbar-items>
|
|
274
|
-
<a
|
|
415
|
+
<a
|
|
416
|
+
class="nav-link"
|
|
417
|
+
routerLink="/home"
|
|
418
|
+
>
|
|
419
|
+
Home
|
|
420
|
+
</a>
|
|
275
421
|
</rlb-navbar-items>
|
|
276
422
|
</rlb-navbar>
|
|
277
423
|
|
|
278
|
-
<rlb-sidebar
|
|
424
|
+
<rlb-sidebar
|
|
425
|
+
[dark]="true"
|
|
426
|
+
[rounded]="false"
|
|
427
|
+
>
|
|
279
428
|
<rlb-sidebar-item routerLink="/dashboard">Dashboard</rlb-sidebar-item>
|
|
280
429
|
<rlb-sidebar-item routerLink="/settings">Settings</rlb-sidebar-item>
|
|
281
430
|
</rlb-sidebar>
|
|
@@ -290,8 +439,16 @@ next() { this.page.update(p => Math.min(this.count() - 1, p + 1)); }
|
|
|
290
439
|
|
|
291
440
|
```html
|
|
292
441
|
<!-- Spinner -->
|
|
293
|
-
<rlb-spinner
|
|
294
|
-
|
|
442
|
+
<rlb-spinner
|
|
443
|
+
style="border"
|
|
444
|
+
color="primary"
|
|
445
|
+
size="md"
|
|
446
|
+
></rlb-spinner>
|
|
447
|
+
<rlb-spinner
|
|
448
|
+
style="grow"
|
|
449
|
+
color="success"
|
|
450
|
+
size="sm"
|
|
451
|
+
></rlb-spinner>
|
|
295
452
|
|
|
296
453
|
<!-- Progress bar -->
|
|
297
454
|
<rlb-progress
|
|
@@ -304,7 +461,10 @@ next() { this.page.update(p => Math.min(this.count() - 1, p + 1)); }
|
|
|
304
461
|
></rlb-progress>
|
|
305
462
|
|
|
306
463
|
<!-- Infinite progress -->
|
|
307
|
-
<rlb-progress
|
|
464
|
+
<rlb-progress
|
|
465
|
+
[infinite]="true"
|
|
466
|
+
color="info"
|
|
467
|
+
></rlb-progress>
|
|
308
468
|
```
|
|
309
469
|
|
|
310
470
|
**Spinner inputs:** `style` ('border'|'grow'), `color`, `size`
|
|
@@ -312,6 +472,85 @@ next() { this.page.update(p => Math.min(this.count() - 1, p + 1)); }
|
|
|
312
472
|
|
|
313
473
|
---
|
|
314
474
|
|
|
475
|
+
## Placeholders (skeletons)
|
|
476
|
+
|
|
477
|
+
Skeleton loading state for content that hasn't loaded yet. Use `rlb-placeholder-text` for
|
|
478
|
+
quick multi-line text blocks, or `rlb-placeholder` + `rlb-placeholder-line` for custom layouts
|
|
479
|
+
(cards, stat rows). Toggle with an `@if (loading())` block — render the skeleton while loading,
|
|
480
|
+
the real content otherwise.
|
|
481
|
+
|
|
482
|
+
```html
|
|
483
|
+
<!-- Quick multi-line text skeleton -->
|
|
484
|
+
<rlb-placeholder-text
|
|
485
|
+
[lines]="3"
|
|
486
|
+
animation="glow"
|
|
487
|
+
/>
|
|
488
|
+
|
|
489
|
+
<!-- Per-line widths: pass a string[] (falls back to 100% past the end) -->
|
|
490
|
+
<rlb-placeholder-text
|
|
491
|
+
[lines]="3"
|
|
492
|
+
[width]="['80%', '100%', '60%']"
|
|
493
|
+
animation="glow"
|
|
494
|
+
/>
|
|
495
|
+
|
|
496
|
+
<!-- Custom layout: container + individual lines for full control -->
|
|
497
|
+
<rlb-placeholder animation="glow">
|
|
498
|
+
<rlb-placeholder-line
|
|
499
|
+
width="40%"
|
|
500
|
+
height="28px"
|
|
501
|
+
/>
|
|
502
|
+
<rlb-placeholder-line width="100%" />
|
|
503
|
+
<rlb-placeholder-line
|
|
504
|
+
width="80%"
|
|
505
|
+
color="primary"
|
|
506
|
+
size="sm"
|
|
507
|
+
/>
|
|
508
|
+
<rlb-placeholder-line
|
|
509
|
+
width="60%"
|
|
510
|
+
[rounded]="false"
|
|
511
|
+
/>
|
|
512
|
+
</rlb-placeholder>
|
|
513
|
+
|
|
514
|
+
<!-- Skeleton-style any element via the directive -->
|
|
515
|
+
<span
|
|
516
|
+
rlb-placeholder
|
|
517
|
+
placeholder-animation="glow"
|
|
518
|
+
style="width: 6rem"
|
|
519
|
+
>
|
|
520
|
+
|
|
521
|
+
</span>
|
|
522
|
+
```
|
|
523
|
+
|
|
524
|
+
Common pattern — a fixed number of skeleton rows (e.g. matching a table page size):
|
|
525
|
+
|
|
526
|
+
```html
|
|
527
|
+
<rlb-placeholder animation="glow">
|
|
528
|
+
@for (line of [].constructor(pageSize()); track $index) {
|
|
529
|
+
<rlb-placeholder-line width="100%" />
|
|
530
|
+
}
|
|
531
|
+
</rlb-placeholder>
|
|
532
|
+
```
|
|
533
|
+
|
|
534
|
+
**`rlb-placeholder`** (container, applies the animation to children)
|
|
535
|
+
Inputs: `animation` ('glow' | 'wave' | 'none', default 'none')
|
|
536
|
+
|
|
537
|
+
**`rlb-placeholder-line`** (one skeleton bar; renders as a block with bottom margin)
|
|
538
|
+
Inputs: `width` (CSS string, default '100%'), `height` (CSS string, default '1.5rem'),
|
|
539
|
+
`size` ('xs' | 'sm' | 'md' | 'lg', default 'md'), `color` (Bootstrap bg name, default 'secondary'),
|
|
540
|
+
`rounded` (boolean, default `true`)
|
|
541
|
+
|
|
542
|
+
**`rlb-placeholder-text`** (convenience: N lines in a `rlb-placeholder` for you)
|
|
543
|
+
Inputs: `lines` (default 1), `width` (string **or** string[] for per-line widths, default '100%'),
|
|
544
|
+
`animation`, `size`, `color`, `height`, `rounded` — same meaning/defaults as above
|
|
545
|
+
|
|
546
|
+
**`[rlb-placeholder]`** (directive to skeletonize any element)
|
|
547
|
+
Inputs (aliased): `placeholder-color` (Color), `placeholder-size` ('xs'|'sm'|'md'|'lg'),
|
|
548
|
+
`placeholder-animation` ('glow' | 'fade' | 'none')
|
|
549
|
+
|
|
550
|
+
> Boolean inputs like `rounded` need a binding: `[rounded]="false"`, not a bare `rounded` attribute.
|
|
551
|
+
|
|
552
|
+
---
|
|
553
|
+
|
|
315
554
|
## Toast
|
|
316
555
|
|
|
317
556
|
```typescript
|
|
@@ -328,7 +567,14 @@ showSuccess() {
|
|
|
328
567
|
## Tooltip
|
|
329
568
|
|
|
330
569
|
```html
|
|
331
|
-
<button
|
|
570
|
+
<button
|
|
571
|
+
rlb-button
|
|
572
|
+
rlb-tooltip
|
|
573
|
+
title="Helpful tip"
|
|
574
|
+
placement="top"
|
|
575
|
+
>
|
|
576
|
+
Hover me
|
|
577
|
+
</button>
|
|
332
578
|
```
|
|
333
579
|
|
|
334
580
|
---
|
|
@@ -337,12 +583,29 @@ showSuccess() {
|
|
|
337
583
|
|
|
338
584
|
```html
|
|
339
585
|
<!-- Collapse -->
|
|
340
|
-
<button
|
|
586
|
+
<button
|
|
587
|
+
rlb-button
|
|
588
|
+
rlb-collapse-toggle
|
|
589
|
+
target="myCollapse"
|
|
590
|
+
>
|
|
591
|
+
Toggle
|
|
592
|
+
</button>
|
|
341
593
|
<rlb-collapse id="myCollapse">Hidden content</rlb-collapse>
|
|
342
594
|
|
|
343
595
|
<!-- Offcanvas -->
|
|
344
|
-
<button
|
|
345
|
-
|
|
596
|
+
<button
|
|
597
|
+
rlb-button
|
|
598
|
+
rlb-offcanvas-toggle
|
|
599
|
+
target="myPanel"
|
|
600
|
+
>
|
|
601
|
+
Open Panel
|
|
602
|
+
</button>
|
|
603
|
+
<rlb-offcanvas
|
|
604
|
+
id="myPanel"
|
|
605
|
+
placement="start"
|
|
606
|
+
>
|
|
607
|
+
Panel content
|
|
608
|
+
</rlb-offcanvas>
|
|
346
609
|
```
|
|
347
610
|
|
|
348
611
|
---
|
|
@@ -353,12 +616,13 @@ showSuccess() {
|
|
|
353
616
|
import { RlbBootstrapModule } from '@open-rlb/ng-bootstrap';
|
|
354
617
|
|
|
355
618
|
@NgModule({
|
|
356
|
-
imports: [RlbBootstrapModule]
|
|
619
|
+
imports: [RlbBootstrapModule],
|
|
357
620
|
})
|
|
358
621
|
export class AppModule {}
|
|
359
622
|
```
|
|
360
623
|
|
|
361
624
|
Or import individual components for standalone:
|
|
625
|
+
|
|
362
626
|
```typescript
|
|
363
627
|
import { ButtonComponent, AlertComponent, CardComponent } from '@open-rlb/ng-bootstrap';
|
|
364
628
|
```
|
|
@@ -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 };
|