@ojiepermana/angular 22.1.14 → 22.2.0
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/README.md +8 -6
- package/SUPPORT.md +3 -3
- package/chart/README.md +1 -1
- package/component/README.md +2 -2
- package/component/calendar/README.md +3 -15
- package/component/drawer/README.md +1 -2
- package/fesm2022/ojiepermana-angular-chart-area.mjs +352 -137
- package/fesm2022/ojiepermana-angular-chart-bar.mjs +744 -524
- package/fesm2022/ojiepermana-angular-chart-core.mjs +1140 -1344
- package/fesm2022/ojiepermana-angular-chart-line.mjs +393 -147
- package/fesm2022/ojiepermana-angular-chart-pie.mjs +408 -179
- package/fesm2022/ojiepermana-angular-chart-primitives.mjs +1262 -920
- package/fesm2022/ojiepermana-angular-chart-radar.mjs +473 -205
- package/fesm2022/ojiepermana-angular-chart-radial.mjs +425 -182
- package/fesm2022/ojiepermana-angular-chart-scatter.mjs +386 -210
- package/fesm2022/ojiepermana-angular-chart.mjs +3 -19
- package/fesm2022/ojiepermana-angular-component-accordion.mjs +485 -243
- package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +963 -325
- package/fesm2022/ojiepermana-angular-component-alert.mjs +266 -103
- package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +80 -35
- package/fesm2022/ojiepermana-angular-component-avatar.mjs +402 -135
- package/fesm2022/ojiepermana-angular-component-badge.mjs +109 -59
- package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +410 -142
- package/fesm2022/ojiepermana-angular-component-button-group.mjs +249 -96
- package/fesm2022/ojiepermana-angular-component-button.mjs +153 -75
- package/fesm2022/ojiepermana-angular-component-calendar.mjs +531 -418
- package/fesm2022/ojiepermana-angular-component-card.mjs +457 -171
- package/fesm2022/ojiepermana-angular-component-carousel.mjs +642 -272
- package/fesm2022/ojiepermana-angular-component-checkbox.mjs +312 -108
- package/fesm2022/ojiepermana-angular-component-collapsible.mjs +299 -115
- package/fesm2022/ojiepermana-angular-component-combobox.mjs +396 -183
- package/fesm2022/ojiepermana-angular-component-command.mjs +807 -347
- package/fesm2022/ojiepermana-angular-component-composer.mjs +807 -330
- package/fesm2022/ojiepermana-angular-component-context-menu.mjs +196 -161
- package/fesm2022/ojiepermana-angular-component-date-picker.mjs +650 -338
- package/fesm2022/ojiepermana-angular-component-dialog.mjs +710 -316
- package/fesm2022/ojiepermana-angular-component-drawer.mjs +2 -5
- package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +1212 -646
- package/fesm2022/ojiepermana-angular-component-editor.mjs +987 -502
- package/fesm2022/ojiepermana-angular-component-empty.mjs +350 -137
- package/fesm2022/ojiepermana-angular-component-form.mjs +813 -434
- package/fesm2022/ojiepermana-angular-component-hover-card.mjs +486 -277
- package/fesm2022/ojiepermana-angular-component-icon.mjs +241 -140
- package/fesm2022/ojiepermana-angular-component-input-group.mjs +449 -176
- package/fesm2022/ojiepermana-angular-component-input-otp.mjs +891 -488
- package/fesm2022/ojiepermana-angular-component-input.mjs +86 -55
- package/fesm2022/ojiepermana-angular-component-item.mjs +713 -261
- package/fesm2022/ojiepermana-angular-component-kanban.mjs +714 -216
- package/fesm2022/ojiepermana-angular-component-kbd.mjs +124 -52
- package/fesm2022/ojiepermana-angular-component-label.mjs +82 -31
- package/fesm2022/ojiepermana-angular-component-menubar.mjs +479 -329
- package/fesm2022/ojiepermana-angular-component-native-select.mjs +167 -65
- package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +683 -380
- package/fesm2022/ojiepermana-angular-component-pagination.mjs +277 -94
- package/fesm2022/ojiepermana-angular-component-pillbox.mjs +1283 -607
- package/fesm2022/ojiepermana-angular-component-popover.mjs +291 -204
- package/fesm2022/ojiepermana-angular-component-progress.mjs +176 -53
- package/fesm2022/ojiepermana-angular-component-radio.mjs +449 -142
- package/fesm2022/ojiepermana-angular-component-resizable.mjs +659 -453
- package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +117 -39
- package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +351 -172
- package/fesm2022/ojiepermana-angular-component-select.mjs +475 -345
- package/fesm2022/ojiepermana-angular-component-separator.mjs +102 -35
- package/fesm2022/ojiepermana-angular-component-sheet.mjs +797 -347
- package/fesm2022/ojiepermana-angular-component-skeleton.mjs +62 -29
- package/fesm2022/ojiepermana-angular-component-slider.mjs +592 -376
- package/fesm2022/ojiepermana-angular-component-spinner.mjs +135 -38
- package/fesm2022/ojiepermana-angular-component-switch.mjs +315 -103
- package/fesm2022/ojiepermana-angular-component-table.mjs +440 -153
- package/fesm2022/ojiepermana-angular-component-tabs.mjs +590 -317
- package/fesm2022/ojiepermana-angular-component-textarea.mjs +85 -50
- package/fesm2022/ojiepermana-angular-component-timeline.mjs +609 -231
- package/fesm2022/ojiepermana-angular-component-toast.mjs +229 -243
- package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +573 -288
- package/fesm2022/ojiepermana-angular-component-toggle.mjs +187 -78
- package/fesm2022/ojiepermana-angular-component-tooltip.mjs +798 -517
- package/fesm2022/ojiepermana-angular-component-utils-core.mjs +159 -292
- package/fesm2022/ojiepermana-angular-component-utils-overlay.mjs +46 -58
- package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +76 -38
- package/fesm2022/ojiepermana-angular-component-utils.mjs +2 -8
- package/fesm2022/ojiepermana-angular-component.mjs +0 -10
- package/fesm2022/ojiepermana-angular-navigation-core.mjs +13 -23
- package/fesm2022/ojiepermana-angular-navigation-icon.mjs +35 -24
- package/fesm2022/ojiepermana-angular-navigation-navigation-badge-count.component-BKCeWzml.mjs +129 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-DFEJK2jD.mjs +811 -0
- package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-COQ-60DS.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-mpK9Ar08.mjs} +387 -183
- package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-BPgH7FJk.mjs +650 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-DMpYcD9t.mjs +662 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-item.component-Basp5SIk.mjs +1228 -0
- package/fesm2022/ojiepermana-angular-navigation-navigation-list.component-YUzHI9Pj.mjs +311 -0
- package/fesm2022/ojiepermana-angular-navigation-service.mjs +542 -724
- package/fesm2022/ojiepermana-angular-navigation-types.mjs +27 -56
- package/fesm2022/ojiepermana-angular-navigation.mjs +3052 -4
- package/fesm2022/ojiepermana-angular-sdk.mjs +91 -201
- package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +1115 -737
- package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +245 -328
- package/fesm2022/ojiepermana-angular-theme-layout-types.mjs +35 -38
- package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +1719 -552
- package/fesm2022/ojiepermana-angular-theme-layout.mjs +847 -496
- package/fesm2022/ojiepermana-angular-theme-page-core.mjs +288 -358
- package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +362 -224
- package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +88 -0
- package/fesm2022/ojiepermana-angular-theme-page-root.mjs +576 -254
- package/fesm2022/ojiepermana-angular-theme-page-side.mjs +317 -177
- package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +256 -112
- package/fesm2022/ojiepermana-angular-theme-page.mjs +7 -12
- package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +215 -326
- package/fesm2022/ojiepermana-angular-theme-shell-types.mjs +68 -129
- package/fesm2022/ojiepermana-angular-theme-shell.mjs +907 -378
- package/fesm2022/ojiepermana-angular-theme-styles.mjs +521 -720
- package/fesm2022/ojiepermana-angular-theme.mjs +0 -10
- package/fesm2022/ojiepermana-angular.mjs +5 -24
- package/navigation/README.md +1 -1
- package/package.json +16 -12
- package/sdk/README.md +1 -1
- package/sdk/src/writer/index.js +2 -2
- package/theme/README.md +1 -1
- package/theme/layout/README.md +2 -4
- package/theme/page/README.md +50 -0
- package/theme/styles/README.md +10 -10
- package/theme/styles/css/base/prefers-dark.css +1 -1
- package/theme/styles/css/base/status.css +1 -1
- package/theme/styles/css/color/amber.css +1 -1
- package/theme/styles/css/color/blue.css +1 -1
- package/theme/styles/css/color/cyan.css +1 -1
- package/theme/styles/css/color/emerald.css +1 -1
- package/theme/styles/css/color/fuchsia.css +1 -1
- package/theme/styles/css/color/green.css +1 -1
- package/theme/styles/css/color/indigo.css +1 -1
- package/theme/styles/css/color/lime.css +1 -1
- package/theme/styles/css/color/orange.css +1 -1
- package/theme/styles/css/color/pink.css +1 -1
- package/theme/styles/css/color/purple.css +1 -1
- package/theme/styles/css/color/red.css +1 -1
- package/theme/styles/css/color/rose.css +1 -1
- package/theme/styles/css/color/sky.css +1 -1
- package/theme/styles/css/color/teal.css +1 -1
- package/theme/styles/css/color/violet.css +1 -1
- package/theme/styles/css/color/yellow.css +1 -1
- package/theme/styles/css/neutral/gray.css +1 -1
- package/theme/styles/css/neutral/mauve.css +1 -1
- package/theme/styles/css/neutral/mist.css +1 -1
- package/theme/styles/css/neutral/neutral.css +1 -1
- package/theme/styles/css/neutral/olive.css +1 -1
- package/theme/styles/css/neutral/slate.css +1 -1
- package/theme/styles/css/neutral/stone.css +1 -1
- package/theme/styles/css/neutral/taupe.css +1 -1
- package/theme/styles/css/neutral/zinc.css +1 -1
- package/types/ojiepermana-angular-chart-area.d.ts +126 -63
- package/types/ojiepermana-angular-chart-bar.d.ts +244 -154
- package/types/ojiepermana-angular-chart-core.d.ts +409 -398
- package/types/ojiepermana-angular-chart-line.d.ts +141 -68
- package/types/ojiepermana-angular-chart-pie.d.ts +192 -121
- package/types/ojiepermana-angular-chart-primitives.d.ts +283 -214
- package/types/ojiepermana-angular-chart-radar.d.ts +189 -108
- package/types/ojiepermana-angular-chart-radial.d.ts +177 -106
- package/types/ojiepermana-angular-chart-scatter.d.ts +166 -110
- package/types/ojiepermana-angular-chart.d.ts +3 -2
- package/types/ojiepermana-angular-component-accordion.d.ts +135 -81
- package/types/ojiepermana-angular-component-alert-dialog.d.ts +271 -123
- package/types/ojiepermana-angular-component-alert.d.ts +69 -39
- package/types/ojiepermana-angular-component-aspect-ratio.d.ts +20 -12
- package/types/ojiepermana-angular-component-avatar.d.ts +103 -49
- package/types/ojiepermana-angular-component-badge.d.ts +36 -24
- package/types/ojiepermana-angular-component-breadcrumb.d.ts +79 -40
- package/types/ojiepermana-angular-component-button-group.d.ts +48 -24
- package/types/ojiepermana-angular-component-button.d.ts +44 -27
- package/types/ojiepermana-angular-component-calendar.d.ts +145 -107
- package/types/ojiepermana-angular-component-card.d.ts +112 -63
- package/types/ojiepermana-angular-component-carousel.d.ts +150 -81
- package/types/ojiepermana-angular-component-checkbox.d.ts +96 -38
- package/types/ojiepermana-angular-component-collapsible.d.ts +65 -39
- package/types/ojiepermana-angular-component-combobox.d.ts +100 -55
- package/types/ojiepermana-angular-component-command.d.ts +206 -121
- package/types/ojiepermana-angular-component-composer.d.ts +184 -84
- package/types/ojiepermana-angular-component-context-menu.d.ts +51 -41
- package/types/ojiepermana-angular-component-date-picker.d.ts +199 -109
- package/types/ojiepermana-angular-component-dialog.d.ts +200 -105
- package/types/ojiepermana-angular-component-drawer.d.ts +2 -1
- package/types/ojiepermana-angular-component-dropdown-menu.d.ts +324 -202
- package/types/ojiepermana-angular-component-editor.d.ts +215 -117
- package/types/ojiepermana-angular-component-empty.d.ts +80 -45
- package/types/ojiepermana-angular-component-form.d.ts +185 -121
- package/types/ojiepermana-angular-component-hover-card.d.ts +130 -72
- package/types/ojiepermana-angular-component-icon.d.ts +87 -57
- package/types/ojiepermana-angular-component-input-group.d.ts +93 -46
- package/types/ojiepermana-angular-component-input-otp.d.ts +243 -150
- package/types/ojiepermana-angular-component-input.d.ts +27 -17
- package/types/ojiepermana-angular-component-item.d.ts +160 -84
- package/types/ojiepermana-angular-component-kanban.d.ts +157 -62
- package/types/ojiepermana-angular-component-kbd.d.ts +24 -15
- package/types/ojiepermana-angular-component-label.d.ts +19 -11
- package/types/ojiepermana-angular-component-menubar.d.ts +120 -90
- package/types/ojiepermana-angular-component-native-select.d.ts +37 -24
- package/types/ojiepermana-angular-component-navigation-menu.d.ts +157 -98
- package/types/ojiepermana-angular-component-pagination.d.ts +78 -28
- package/types/ojiepermana-angular-component-pillbox.d.ts +361 -204
- package/types/ojiepermana-angular-component-popover.d.ts +94 -64
- package/types/ojiepermana-angular-component-progress.d.ts +45 -17
- package/types/ojiepermana-angular-component-radio.d.ts +129 -53
- package/types/ojiepermana-angular-component-resizable.d.ts +160 -112
- package/types/ojiepermana-angular-component-scroll-area.d.ts +33 -15
- package/types/ojiepermana-angular-component-segmented-control.d.ts +94 -50
- package/types/ojiepermana-angular-component-select.d.ts +94 -77
- package/types/ojiepermana-angular-component-separator.d.ts +26 -14
- package/types/ojiepermana-angular-component-sheet.d.ts +226 -116
- package/types/ojiepermana-angular-component-skeleton.d.ts +13 -10
- package/types/ojiepermana-angular-component-slider.d.ts +140 -75
- package/types/ojiepermana-angular-component-spinner.d.ts +31 -13
- package/types/ojiepermana-angular-component-switch.d.ts +97 -40
- package/types/ojiepermana-angular-component-table.d.ts +102 -50
- package/types/ojiepermana-angular-component-tabs.d.ts +174 -115
- package/types/ojiepermana-angular-component-textarea.d.ts +27 -17
- package/types/ojiepermana-angular-component-timeline.d.ts +141 -59
- package/types/ojiepermana-angular-component-toast.d.ts +51 -55
- package/types/ojiepermana-angular-component-toggle-group.d.ts +159 -88
- package/types/ojiepermana-angular-component-toggle.d.ts +47 -25
- package/types/ojiepermana-angular-component-tooltip.d.ts +222 -132
- package/types/ojiepermana-angular-component-utils-core.d.ts +81 -90
- package/types/ojiepermana-angular-component-utils-overlay.d.ts +7 -11
- package/types/ojiepermana-angular-component-utils-scale.d.ts +20 -12
- package/types/ojiepermana-angular-component-utils.d.ts +2 -2
- package/types/ojiepermana-angular-component.d.ts +1 -2
- package/types/ojiepermana-angular-navigation-core.d.ts +46 -50
- package/types/ojiepermana-angular-navigation-icon.d.ts +9 -12
- package/types/ojiepermana-angular-navigation-service.d.ts +112 -115
- package/types/ojiepermana-angular-navigation-types.d.ts +121 -125
- package/types/ojiepermana-angular-navigation.d.ts +663 -374
- package/types/ojiepermana-angular-sdk.d.ts +69 -71
- package/types/ojiepermana-angular-theme-component-settings.d.ts +115 -83
- package/types/ojiepermana-angular-theme-layout-services.d.ts +119 -124
- package/types/ojiepermana-angular-theme-layout-types.d.ts +27 -31
- package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +399 -187
- package/types/ojiepermana-angular-theme-layout.d.ts +201 -113
- package/types/ojiepermana-angular-theme-page-core.d.ts +136 -142
- package/types/ojiepermana-angular-theme-page-filter.d.ts +112 -62
- package/types/ojiepermana-angular-theme-page-overview.d.ts +28 -0
- package/types/ojiepermana-angular-theme-page-root.d.ts +172 -88
- package/types/ojiepermana-angular-theme-page-side.d.ts +89 -49
- package/types/ojiepermana-angular-theme-page-slots.d.ts +58 -37
- package/types/ojiepermana-angular-theme-page.d.ts +7 -5
- package/types/ojiepermana-angular-theme-shell-services.d.ts +119 -125
- package/types/ojiepermana-angular-theme-shell-types.d.ts +38 -41
- package/types/ojiepermana-angular-theme-shell.d.ts +139 -61
- package/types/ojiepermana-angular-theme-styles.d.ts +184 -196
- package/types/ojiepermana-angular-theme.d.ts +1 -2
- package/types/ojiepermana-angular.d.ts +5 -5
- package/fesm2022/ojiepermana-angular-navigation-navigation-badge-count.component-Be3IqzG4.mjs +0 -91
- package/fesm2022/ojiepermana-angular-navigation-navigation-dockbar-menu.component-Bc7DWK3R.mjs +0 -522
- package/fesm2022/ojiepermana-angular-navigation-navigation-flyout-menu.component-DA8VPEn7.mjs +0 -404
- package/fesm2022/ojiepermana-angular-navigation-navigation-horizontal.component-U2TJTzlW.mjs +0 -466
- package/fesm2022/ojiepermana-angular-navigation-ojiepermana-angular-navigation-CIUhmytH.mjs +0 -2668
|
@@ -1,67 +1,127 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { TemplateRef, WritableSignal
|
|
3
|
-
import { ControlValueAccessor } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PillboxSelectedDirective, "ng-template[PillboxSelected]", ["PillboxSelected"], {}, {}, never, never, true, never>;
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { Signal, TemplateRef, WritableSignal } from "@angular/core";
|
|
3
|
+
import { ControlValueAccessor } from "@angular/forms";
|
|
4
|
+
export declare class PillboxSelectedDirective {
|
|
5
|
+
readonly template: TemplateRef<unknown>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PillboxSelectedDirective, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<PillboxSelectedDirective, "ng-template[PillboxSelected]", ["PillboxSelected"], {}, {}, never, never, true, never>;
|
|
9
8
|
}
|
|
10
|
-
declare class PillboxOptionComponent extends PillboxRovingOption {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
9
|
+
export declare class PillboxOptionComponent extends PillboxRovingOption {
|
|
10
|
+
private readonly context;
|
|
11
|
+
private readonly element;
|
|
12
|
+
private readonly selectedTemplate;
|
|
13
|
+
readonly value: import("@angular/core").InputSignal<unknown>;
|
|
14
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
15
|
+
readonly selectedLabel: import("@angular/core").InputSignal<string>;
|
|
16
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
17
|
+
readonly filterable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
18
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
19
|
+
readonly selectedChange: import("@angular/core").OutputEmitterRef<unknown>;
|
|
20
|
+
protected readonly selected: import("@angular/core").Signal<boolean>;
|
|
21
|
+
protected readonly visible: import("@angular/core").Signal<boolean>;
|
|
22
|
+
protected readonly tabIndex: import("@angular/core").Signal<number>;
|
|
23
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
24
|
+
rovingVisible(): boolean;
|
|
25
|
+
nativeElement(): HTMLElement;
|
|
26
|
+
focus(): void;
|
|
27
|
+
textLabel(): string;
|
|
28
|
+
pillLabel(): string;
|
|
29
|
+
pillTemplate(): TemplateRef<unknown> | null;
|
|
30
|
+
protected handleClick(event: Event): void;
|
|
31
|
+
protected handleFocus(): void;
|
|
32
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
33
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PillboxOptionComponent, never>;
|
|
34
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillboxOptionComponent, "PillboxOption, button[PillboxOption]", never, {
|
|
35
|
+
"value": {
|
|
36
|
+
"alias": "value";
|
|
37
|
+
"required": true;
|
|
38
|
+
"isSignal": true;
|
|
39
|
+
};
|
|
40
|
+
"label": {
|
|
41
|
+
"alias": "label";
|
|
42
|
+
"required": false;
|
|
43
|
+
"isSignal": true;
|
|
44
|
+
};
|
|
45
|
+
"selectedLabel": {
|
|
46
|
+
"alias": "selectedLabel";
|
|
47
|
+
"required": false;
|
|
48
|
+
"isSignal": true;
|
|
49
|
+
};
|
|
50
|
+
"disabled": {
|
|
51
|
+
"alias": "disabled";
|
|
52
|
+
"required": false;
|
|
53
|
+
"isSignal": true;
|
|
54
|
+
};
|
|
55
|
+
"filterable": {
|
|
56
|
+
"alias": "filterable";
|
|
57
|
+
"required": false;
|
|
58
|
+
"isSignal": true;
|
|
59
|
+
};
|
|
60
|
+
"class": {
|
|
61
|
+
"alias": "class";
|
|
62
|
+
"required": false;
|
|
63
|
+
"isSignal": true;
|
|
64
|
+
};
|
|
65
|
+
}, {
|
|
66
|
+
"selectedChange": "selectedChange";
|
|
67
|
+
}, ["selectedTemplate"], ["*"], true, never>;
|
|
36
68
|
}
|
|
37
|
-
declare class PillboxOptionCreateComponent extends PillboxRovingOption {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
69
|
+
export declare class PillboxOptionCreateComponent extends PillboxRovingOption {
|
|
70
|
+
private readonly context;
|
|
71
|
+
private readonly element;
|
|
72
|
+
readonly minLength: import("@angular/core").InputSignalWithTransform<number, unknown>;
|
|
73
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
74
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
75
|
+
readonly selected: import("@angular/core").OutputEmitterRef<string>;
|
|
76
|
+
protected readonly visible: import("@angular/core").Signal<boolean>;
|
|
77
|
+
protected readonly tabIndex: import("@angular/core").Signal<number>;
|
|
78
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
79
|
+
rovingVisible(): boolean;
|
|
80
|
+
nativeElement(): HTMLElement;
|
|
81
|
+
focus(): void;
|
|
82
|
+
protected handleClick(event: Event): void;
|
|
83
|
+
protected handleFocus(): void;
|
|
84
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
85
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PillboxOptionCreateComponent, never>;
|
|
86
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillboxOptionCreateComponent, "PillboxOptionCreate, button[PillboxOptionCreate]", never, {
|
|
87
|
+
"minLength": {
|
|
88
|
+
"alias": "minLength";
|
|
89
|
+
"required": false;
|
|
90
|
+
"isSignal": true;
|
|
91
|
+
};
|
|
92
|
+
"disabled": {
|
|
93
|
+
"alias": "disabled";
|
|
94
|
+
"required": false;
|
|
95
|
+
"isSignal": true;
|
|
96
|
+
};
|
|
97
|
+
"class": {
|
|
98
|
+
"alias": "class";
|
|
99
|
+
"required": false;
|
|
100
|
+
"isSignal": true;
|
|
101
|
+
};
|
|
102
|
+
}, {
|
|
103
|
+
"selected": "selected";
|
|
104
|
+
}, never, ["*"], true, never>;
|
|
55
105
|
}
|
|
56
|
-
declare class PillboxOptionEmptyComponent {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
106
|
+
export declare class PillboxOptionEmptyComponent {
|
|
107
|
+
protected readonly context: PillboxContext;
|
|
108
|
+
readonly whenLoading: import("@angular/core").InputSignal<string>;
|
|
109
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
110
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
111
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PillboxOptionEmptyComponent, never>;
|
|
112
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillboxOptionEmptyComponent, "PillboxOptionEmpty", never, {
|
|
113
|
+
"whenLoading": {
|
|
114
|
+
"alias": "whenLoading";
|
|
115
|
+
"required": false;
|
|
116
|
+
"isSignal": true;
|
|
117
|
+
};
|
|
118
|
+
"class": {
|
|
119
|
+
"alias": "class";
|
|
120
|
+
"required": false;
|
|
121
|
+
"isSignal": true;
|
|
122
|
+
};
|
|
123
|
+
}, {}, never, ["*"], true, never>;
|
|
63
124
|
}
|
|
64
|
-
|
|
65
125
|
/**
|
|
66
126
|
* What roving focus needs from one option, whichever kind of option it is.
|
|
67
127
|
*
|
|
@@ -71,152 +131,249 @@ declare class PillboxOptionEmptyComponent {
|
|
|
71
131
|
* treat them as one ordered list without caring which is which.
|
|
72
132
|
*/
|
|
73
133
|
declare abstract class PillboxRovingOption {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
134
|
+
abstract readonly disabled: Signal<boolean>;
|
|
135
|
+
/** Whether the option is currently rendered, i.e. not filtered out. */
|
|
136
|
+
abstract rovingVisible(): boolean;
|
|
137
|
+
abstract nativeElement(): HTMLElement;
|
|
138
|
+
abstract focus(): void;
|
|
79
139
|
}
|
|
80
140
|
declare abstract class PillboxContext {
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
141
|
+
abstract readonly query: WritableSignal<string>;
|
|
142
|
+
abstract readonly openState: Signal<boolean>;
|
|
143
|
+
abstract optionVisible(option: PillboxOptionComponent): boolean;
|
|
144
|
+
abstract optionSelected(option: PillboxOptionComponent): boolean;
|
|
145
|
+
abstract chooseOption(option: PillboxOptionComponent, event: Event): void;
|
|
146
|
+
abstract createVisible(option: PillboxOptionCreateComponent): boolean;
|
|
147
|
+
abstract chooseCreate(option: PillboxOptionCreateComponent, event: Event): void;
|
|
148
|
+
abstract emptyVisible(): boolean;
|
|
149
|
+
abstract emptyMessage(): string;
|
|
150
|
+
/** The roving `tabindex` for one option: `0` for the single tab stop, else `-1`. */
|
|
151
|
+
abstract optionTabIndex(option: PillboxRovingOption): number;
|
|
152
|
+
/** Move the tab stop onto an option that just took focus. */
|
|
153
|
+
abstract activateOption(option: PillboxRovingOption): void;
|
|
154
|
+
/** Arrows, Home, End and Escape while focus sits on an option. */
|
|
155
|
+
abstract handleOptionKeydown(option: PillboxRovingOption, event: KeyboardEvent): void;
|
|
96
156
|
}
|
|
97
|
-
|
|
98
|
-
type
|
|
99
|
-
type PillboxVariant = 'default' | 'combobox';
|
|
157
|
+
export type PillboxSize = 'default' | 'sm';
|
|
158
|
+
export type PillboxVariant = 'default' | 'combobox';
|
|
100
159
|
interface PillboxSelectedItem {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
160
|
+
readonly value: unknown;
|
|
161
|
+
readonly label: string;
|
|
162
|
+
readonly template: TemplateRef<unknown> | null;
|
|
163
|
+
readonly track: unknown;
|
|
105
164
|
}
|
|
106
|
-
declare class PillboxComponent extends PillboxContext implements ControlValueAccessor {
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
165
|
+
export declare class PillboxComponent extends PillboxContext implements ControlValueAccessor {
|
|
166
|
+
private readonly element;
|
|
167
|
+
private readonly document;
|
|
168
|
+
private readonly destroyRef;
|
|
169
|
+
readonly id: import("@angular/core").InputSignal<string | null>;
|
|
170
|
+
readonly placeholder: import("@angular/core").InputSignal<string>;
|
|
171
|
+
readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
|
|
172
|
+
readonly size: import("@angular/core").InputSignal<PillboxSize>;
|
|
173
|
+
readonly variant: import("@angular/core").InputSignal<PillboxVariant>;
|
|
174
|
+
readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
175
|
+
readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
176
|
+
readonly filter: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
177
|
+
readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
178
|
+
readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
179
|
+
readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
180
|
+
readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
|
|
181
|
+
/**
|
|
182
|
+
* How a bound value is matched against an option's value. The default is
|
|
183
|
+
* identity, which never matches objects re-fetched from a server: pass a key
|
|
184
|
+
* comparison there instead.
|
|
185
|
+
*/
|
|
186
|
+
readonly compareWith: import("@angular/core").InputSignal<(left: unknown, right: unknown) => boolean>;
|
|
187
|
+
readonly emptyText: import("@angular/core").InputSignal<string>;
|
|
188
|
+
readonly loadingText: import("@angular/core").InputSignal<string>;
|
|
189
|
+
readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
|
|
190
|
+
readonly ariaDescribedby: import("@angular/core").InputSignal<string | null>;
|
|
191
|
+
readonly ariaLabelledby: import("@angular/core").InputSignal<string | null>;
|
|
192
|
+
readonly class: import("@angular/core").InputSignal<string>;
|
|
193
|
+
readonly valueChange: import("@angular/core").OutputEmitterRef<unknown>;
|
|
194
|
+
readonly searchChange: import("@angular/core").OutputEmitterRef<string>;
|
|
195
|
+
readonly create: import("@angular/core").OutputEmitterRef<string>;
|
|
196
|
+
readonly openedChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
197
|
+
readonly query: import("@angular/core").WritableSignal<string>;
|
|
198
|
+
readonly openState: import("@angular/core").WritableSignal<boolean>;
|
|
199
|
+
private readonly selectedValues;
|
|
200
|
+
private readonly activeOption;
|
|
201
|
+
private readonly disabledFromControl;
|
|
202
|
+
private readonly generatedId;
|
|
203
|
+
private readonly trigger;
|
|
204
|
+
private readonly inlineSearch;
|
|
205
|
+
private readonly panelSearch;
|
|
206
|
+
private readonly options;
|
|
207
|
+
private readonly createOptions;
|
|
208
|
+
private readonly emptyOptions;
|
|
209
|
+
private removeDocumentListener;
|
|
210
|
+
private onChange;
|
|
211
|
+
private onTouched;
|
|
212
|
+
protected readonly panelId: string;
|
|
213
|
+
protected readonly resolvedId: import("@angular/core").Signal<string>;
|
|
214
|
+
/**
|
|
215
|
+
* Whether the widget renders a text input. When it does, that input is the
|
|
216
|
+
* combobox -- ARIA puts the role on the field the user types into, and a
|
|
217
|
+
* combobox-roled wrapper around it would leave the field itself unannounced
|
|
218
|
+
* and add a second tab stop in front of it.
|
|
219
|
+
*/
|
|
220
|
+
protected readonly hasInlineSearch: import("@angular/core").Signal<boolean>;
|
|
221
|
+
protected readonly disabledState: import("@angular/core").Signal<boolean>;
|
|
222
|
+
protected readonly classes: import("@angular/core").Signal<string>;
|
|
223
|
+
protected readonly triggerClasses: import("@angular/core").Signal<string>;
|
|
224
|
+
protected readonly pillClasses: import("@angular/core").Signal<string>;
|
|
225
|
+
protected readonly panelClasses: import("@angular/core").Signal<string>;
|
|
226
|
+
protected readonly selectedItems: import("@angular/core").Signal<readonly PillboxSelectedItem[]>;
|
|
227
|
+
constructor();
|
|
228
|
+
/**
|
|
229
|
+
* Every option the user can reach right now, in the order they are painted.
|
|
230
|
+
*
|
|
231
|
+
* Both kinds of `role="option"` live in the same listbox, so they rove as one
|
|
232
|
+
* list. `contentChildren` only orders within a single type, hence the document
|
|
233
|
+
* comparison: it is the rendered order that a roving model has to follow.
|
|
234
|
+
*/
|
|
235
|
+
private readonly rovingOptions;
|
|
236
|
+
/**
|
|
237
|
+
* A listbox carries exactly one tab stop, not one per option. The option that
|
|
238
|
+
* last held focus keeps it, falling back to the first reachable option -- so
|
|
239
|
+
* Tab enters the list once, and the arrows do the rest.
|
|
240
|
+
*/
|
|
241
|
+
optionTabIndex(option: PillboxRovingOption): number;
|
|
242
|
+
activateOption(option: PillboxRovingOption): void;
|
|
243
|
+
handleOptionKeydown(option: PillboxRovingOption, event: KeyboardEvent): void;
|
|
244
|
+
/** Where one navigation key lands, or `null` when the key is not ours. */
|
|
245
|
+
private rovingTarget;
|
|
246
|
+
optionVisible(option: PillboxOptionComponent): boolean;
|
|
247
|
+
optionSelected(option: PillboxOptionComponent): boolean;
|
|
248
|
+
chooseOption(option: PillboxOptionComponent, event: Event): void;
|
|
249
|
+
createVisible(option: PillboxOptionCreateComponent): boolean;
|
|
250
|
+
chooseCreate(option: PillboxOptionCreateComponent, event: Event): void;
|
|
251
|
+
emptyVisible(): boolean;
|
|
252
|
+
emptyMessage(): string;
|
|
253
|
+
protected handleTriggerClick(): void;
|
|
254
|
+
protected handleTriggerKeydown(event: KeyboardEvent): void;
|
|
255
|
+
protected handleSearchInput(event: Event): void;
|
|
256
|
+
protected handleInlineBackspace(event: KeyboardEvent): void;
|
|
257
|
+
protected clearSearch(event: Event): void;
|
|
258
|
+
protected clear(event: Event): void;
|
|
259
|
+
protected removeSelected(value: unknown, event: Event): void;
|
|
260
|
+
open(): void;
|
|
261
|
+
close(): void;
|
|
262
|
+
focus(): void;
|
|
263
|
+
writeValue(value: unknown): void;
|
|
264
|
+
registerOnChange(fn: (value: unknown) => void): void;
|
|
265
|
+
registerOnTouched(fn: () => void): void;
|
|
266
|
+
setDisabledState(disabled: boolean): void;
|
|
267
|
+
private emitValue;
|
|
268
|
+
private hasValue;
|
|
269
|
+
private findOption;
|
|
270
|
+
private hasVisibleOptions;
|
|
271
|
+
private hasVisibleCreateOption;
|
|
272
|
+
private sameValue;
|
|
273
|
+
private focusSearchInput;
|
|
274
|
+
private bindOutsideListener;
|
|
275
|
+
private removeOutsideListener;
|
|
276
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<PillboxComponent, never>;
|
|
277
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillboxComponent, "Pillbox", never, {
|
|
278
|
+
"id": {
|
|
279
|
+
"alias": "id";
|
|
280
|
+
"required": false;
|
|
281
|
+
"isSignal": true;
|
|
282
|
+
};
|
|
283
|
+
"placeholder": {
|
|
284
|
+
"alias": "placeholder";
|
|
285
|
+
"required": false;
|
|
286
|
+
"isSignal": true;
|
|
287
|
+
};
|
|
288
|
+
"searchPlaceholder": {
|
|
289
|
+
"alias": "searchPlaceholder";
|
|
290
|
+
"required": false;
|
|
291
|
+
"isSignal": true;
|
|
292
|
+
};
|
|
293
|
+
"size": {
|
|
294
|
+
"alias": "size";
|
|
295
|
+
"required": false;
|
|
296
|
+
"isSignal": true;
|
|
297
|
+
};
|
|
298
|
+
"variant": {
|
|
299
|
+
"alias": "variant";
|
|
300
|
+
"required": false;
|
|
301
|
+
"isSignal": true;
|
|
302
|
+
};
|
|
303
|
+
"multiple": {
|
|
304
|
+
"alias": "multiple";
|
|
305
|
+
"required": false;
|
|
306
|
+
"isSignal": true;
|
|
307
|
+
};
|
|
308
|
+
"searchable": {
|
|
309
|
+
"alias": "searchable";
|
|
310
|
+
"required": false;
|
|
311
|
+
"isSignal": true;
|
|
312
|
+
};
|
|
313
|
+
"filter": {
|
|
314
|
+
"alias": "filter";
|
|
315
|
+
"required": false;
|
|
316
|
+
"isSignal": true;
|
|
317
|
+
};
|
|
318
|
+
"clearable": {
|
|
319
|
+
"alias": "clearable";
|
|
320
|
+
"required": false;
|
|
321
|
+
"isSignal": true;
|
|
322
|
+
};
|
|
323
|
+
"disabled": {
|
|
324
|
+
"alias": "disabled";
|
|
325
|
+
"required": false;
|
|
326
|
+
"isSignal": true;
|
|
327
|
+
};
|
|
328
|
+
"invalid": {
|
|
329
|
+
"alias": "invalid";
|
|
330
|
+
"required": false;
|
|
331
|
+
"isSignal": true;
|
|
332
|
+
};
|
|
333
|
+
"loading": {
|
|
334
|
+
"alias": "loading";
|
|
335
|
+
"required": false;
|
|
336
|
+
"isSignal": true;
|
|
337
|
+
};
|
|
338
|
+
"compareWith": {
|
|
339
|
+
"alias": "compareWith";
|
|
340
|
+
"required": false;
|
|
341
|
+
"isSignal": true;
|
|
342
|
+
};
|
|
343
|
+
"emptyText": {
|
|
344
|
+
"alias": "emptyText";
|
|
345
|
+
"required": false;
|
|
346
|
+
"isSignal": true;
|
|
347
|
+
};
|
|
348
|
+
"loadingText": {
|
|
349
|
+
"alias": "loadingText";
|
|
350
|
+
"required": false;
|
|
351
|
+
"isSignal": true;
|
|
352
|
+
};
|
|
353
|
+
"ariaLabel": {
|
|
354
|
+
"alias": "aria-label";
|
|
355
|
+
"required": false;
|
|
356
|
+
"isSignal": true;
|
|
357
|
+
};
|
|
358
|
+
"ariaDescribedby": {
|
|
359
|
+
"alias": "aria-describedby";
|
|
360
|
+
"required": false;
|
|
361
|
+
"isSignal": true;
|
|
362
|
+
};
|
|
363
|
+
"ariaLabelledby": {
|
|
364
|
+
"alias": "aria-labelledby";
|
|
365
|
+
"required": false;
|
|
366
|
+
"isSignal": true;
|
|
367
|
+
};
|
|
368
|
+
"class": {
|
|
369
|
+
"alias": "class";
|
|
370
|
+
"required": false;
|
|
371
|
+
"isSignal": true;
|
|
372
|
+
};
|
|
373
|
+
}, {
|
|
374
|
+
"valueChange": "valueChange";
|
|
375
|
+
"searchChange": "searchChange";
|
|
376
|
+
"create": "create";
|
|
377
|
+
"openedChange": "openedChange";
|
|
378
|
+
}, ["options", "createOptions", "emptyOptions"], ["*"], true, never>;
|
|
379
|
+
}
|