@dereekb/dbx-web 13.8.0 → 13.10.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/fesm2022/dereekb-dbx-web.mjs +692 -224
- package/fesm2022/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/bar/_bar.scss +7 -0
- package/package.json +7 -7
- package/types/dereekb-dbx-web.d.ts +674 -216
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _dereekb_dbx_core from '@dereekb/dbx-core';
|
|
2
|
-
import { DbxActionWorkOrWorkProgress, DbxActionWorkProgress, DbxActionContextStoreSourceInstance, DbxActionContextSourceReference, DbxActionSuccessHandlerFunction, AbstractTransitionWatcherDirective, AbstractDbxButtonDirective, AuthUserIdentifier, DbxInjectionComponentConfig, SegueRef, ClickableAnchor, SegueRefOrSegueRefRouterLink, DbxButtonWorking, DbxButtonEcho, SimpleStorageAccessorFactory, StorageAccessor,
|
|
2
|
+
import { DbxActionWorkOrWorkProgress, DbxActionWorkProgress, DbxActionContextStoreSourceInstance, DbxActionContextSourceReference, DbxActionSuccessHandlerFunction, AbstractTransitionWatcherDirective, AbstractDbxButtonDirective, AuthUserIdentifier, DbxInjectionComponentConfig, SegueRef, ClickableAnchor, SegueRefOrSegueRefRouterLink, DbxButtonDisplay, DbxButtonWorking, DbxButtonEcho, SimpleStorageAccessorFactory, StorageAccessor, AbstractDbxAnchorDirective, ClickableIconAnchorLink, ClickableAnchorLink, DbxInjectionTemplateConfig, ClickableAnchorLinkTree, ExpandedClickableAnchorLinkTree, AbstractTransitionDirective, ClickableAnchorLinkSegueRef, AbstractIfDirective, AbstractDbxActionValueGetterDirective, FilterSourceDirective, ClickablePartialFilterPreset, AbstractDbxActionHandlerDirective, ClickableFilterPresetOrPartialPreset, ClickableFilterPreset, DbxButtonInterceptor, DbxButton } from '@dereekb/dbx-core';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
import { Signal, ElementRef, AfterViewInit, InjectionToken, Type, OnInit, OnDestroy, ViewContainerRef, Provider, Injector, TrackByFunction, OutputEmitterRef, OutputRef, EnvironmentProviders, TemplateRef, ComponentRef } from '@angular/core';
|
|
5
5
|
import { ProgressBarMode } from '@angular/material/progress-bar';
|
|
@@ -47,6 +47,15 @@ type LoadingComponentState = 'none' | 'loading' | 'content' | 'error';
|
|
|
47
47
|
* Prefer using {@link DbxLoadingComponent} (`<dbx-loading>`) which wraps this component with
|
|
48
48
|
* support for {@link LoadingContext} streams.
|
|
49
49
|
*
|
|
50
|
+
* @dbxWebComponent
|
|
51
|
+
* @dbxWebSlug basic-loading
|
|
52
|
+
* @dbxWebCategory feedback
|
|
53
|
+
* @dbxWebRelated loading, loading-progress, error
|
|
54
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
55
|
+
* @dbxWebMinimalExample ```html
|
|
56
|
+
* <dbx-basic-loading [loading]="true"><p>Content</p></dbx-basic-loading>
|
|
57
|
+
* ```
|
|
58
|
+
*
|
|
50
59
|
* @example
|
|
51
60
|
* ```html
|
|
52
61
|
* <dbx-basic-loading [loading]="true" color="accent" text="Loading data...">
|
|
@@ -85,13 +94,18 @@ declare const DEFAULT_LOADING_PROGRESS_DIAMETER = 96;
|
|
|
85
94
|
* Supports both linear (bar) and circular (spinner) modes with configurable
|
|
86
95
|
* diameter, color, and optional hint text below the indicator.
|
|
87
96
|
*
|
|
88
|
-
* @
|
|
89
|
-
*
|
|
90
|
-
*
|
|
97
|
+
* @dbxWebComponent
|
|
98
|
+
* @dbxWebSlug loading-progress
|
|
99
|
+
* @dbxWebCategory feedback
|
|
100
|
+
* @dbxWebRelated loading, basic-loading
|
|
101
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
102
|
+
* @dbxWebMinimalExample ```html
|
|
91
103
|
* <dbx-loading-progress></dbx-loading-progress>
|
|
104
|
+
* ```
|
|
92
105
|
*
|
|
93
|
-
*
|
|
94
|
-
*
|
|
106
|
+
* @example
|
|
107
|
+
* ```html
|
|
108
|
+
* <dbx-loading-progress mode="bar"></dbx-loading-progress>
|
|
95
109
|
* ```
|
|
96
110
|
*/
|
|
97
111
|
declare class DbxLoadingProgressComponent {
|
|
@@ -138,19 +152,19 @@ interface DbxLoadingComponentState {
|
|
|
138
152
|
* track loading and error state from reactive streams. Also supports manual `loading`
|
|
139
153
|
* and `error` inputs for simpler use cases.
|
|
140
154
|
*
|
|
155
|
+
* @dbxWebComponent
|
|
156
|
+
* @dbxWebSlug loading
|
|
157
|
+
* @dbxWebCategory feedback
|
|
158
|
+
* @dbxWebRelated basic-loading, loading-progress, error
|
|
159
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
160
|
+
* @dbxWebMinimalExample ```html
|
|
161
|
+
* <dbx-loading [state]="state$ | async">Body</dbx-loading>
|
|
162
|
+
* ```
|
|
163
|
+
*
|
|
141
164
|
* @example
|
|
142
165
|
* ```html
|
|
143
|
-
*
|
|
144
|
-
*
|
|
145
|
-
* <p>Data loaded successfully.</p>
|
|
146
|
-
* </dbx-loading>
|
|
147
|
-
*
|
|
148
|
-
* <!-- With manual loading/error inputs -->
|
|
149
|
-
* <dbx-loading [loading]="isLoading" [error]="loadError" linear [padding]="true">
|
|
150
|
-
* <p>Content here.</p>
|
|
151
|
-
* <ng-container error>
|
|
152
|
-
* <p>Custom error message.</p>
|
|
153
|
-
* </ng-container>
|
|
166
|
+
* <dbx-loading [state]="state$ | async" text="Loading items...">
|
|
167
|
+
* <dbx-list [state$]="state$" [config]="listConfig"></dbx-list>
|
|
154
168
|
* </dbx-loading>
|
|
155
169
|
* ```
|
|
156
170
|
*/
|
|
@@ -190,10 +204,19 @@ declare class DbxLoadingComponent {
|
|
|
190
204
|
* Apply to a `<dbx-loading>` element that is within an action context to automatically
|
|
191
205
|
* reflect the action's loading state in the loading component.
|
|
192
206
|
*
|
|
207
|
+
* @dbxWebComponent
|
|
208
|
+
* @dbxWebSlug action-loading-context
|
|
209
|
+
* @dbxWebCategory action
|
|
210
|
+
* @dbxWebRelated loading, action-snackbar
|
|
211
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
212
|
+
* @dbxWebMinimalExample ```html
|
|
213
|
+
* <button [dbxActionLoadingContext]></button>
|
|
214
|
+
* ```
|
|
215
|
+
*
|
|
193
216
|
* @example
|
|
194
217
|
* ```html
|
|
195
|
-
* <dbx-loading
|
|
196
|
-
* <
|
|
218
|
+
* <dbx-loading [state]="ctx.state$ | async">
|
|
219
|
+
* <button [dbxAction]="saveAction" dbxActionLoadingContext>Save</button>
|
|
197
220
|
* </dbx-loading>
|
|
198
221
|
* ```
|
|
199
222
|
*/
|
|
@@ -484,18 +507,18 @@ declare const DBX_ACTION_SNACKBAR_DEFAULTS: DbxActionSnackbarEventMakeConfig;
|
|
|
484
507
|
* (loading, success, error). Supports built-in message presets via `dbxActionSnackbarDefault` and
|
|
485
508
|
* custom generator functions via the `dbxActionSnackbar` input.
|
|
486
509
|
*
|
|
487
|
-
* @
|
|
488
|
-
*
|
|
489
|
-
*
|
|
490
|
-
*
|
|
491
|
-
*
|
|
510
|
+
* @dbxWebComponent
|
|
511
|
+
* @dbxWebSlug action-snackbar
|
|
512
|
+
* @dbxWebCategory action
|
|
513
|
+
* @dbxWebRelated action-snackbar-error, action-confirm, error-snackbar
|
|
514
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
515
|
+
* @dbxWebMinimalExample ```html
|
|
516
|
+
* <div [dbxActionSnackbar]="fn"></div>
|
|
492
517
|
* ```
|
|
493
518
|
*
|
|
494
519
|
* @example
|
|
495
520
|
* ```html
|
|
496
|
-
* <
|
|
497
|
-
* <!-- Custom snackbar with undo support -->
|
|
498
|
-
* </div>
|
|
521
|
+
* <button [dbxAction]="saveAction" [dbxActionSnackbar]="snackbarFn">Save</button>
|
|
499
522
|
* ```
|
|
500
523
|
*/
|
|
501
524
|
declare class DbxActionSnackbarDirective<T = unknown, O = unknown> implements OnInit {
|
|
@@ -548,11 +571,18 @@ interface DbxPromptConfirmConfig {
|
|
|
548
571
|
/**
|
|
549
572
|
* Renders a confirmation prompt with customizable title, message, confirm, and cancel buttons.
|
|
550
573
|
*
|
|
574
|
+
* @dbxWebComponent
|
|
575
|
+
* @dbxWebSlug prompt-confirm
|
|
576
|
+
* @dbxWebCategory overlay
|
|
577
|
+
* @dbxWebRelated prompt, action-confirm
|
|
578
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
579
|
+
* @dbxWebMinimalExample ```html
|
|
580
|
+
* <dbx-prompt-confirm [config]="cfg"></dbx-prompt-confirm>
|
|
581
|
+
* ```
|
|
582
|
+
*
|
|
551
583
|
* @example
|
|
552
584
|
* ```html
|
|
553
|
-
* <dbx-prompt-confirm [config]="{
|
|
554
|
-
* <p>Additional content here.</p>
|
|
555
|
-
* </dbx-prompt-confirm>
|
|
585
|
+
* <dbx-prompt-confirm [config]="{ header: 'Delete?', confirmText: 'Delete', cancelText: 'Cancel' }"></dbx-prompt-confirm>
|
|
556
586
|
* ```
|
|
557
587
|
*/
|
|
558
588
|
declare class DbxPromptConfirmComponent {
|
|
@@ -604,18 +634,18 @@ type DbxActionTransitionSafetyType = 'none' | 'dialog' | 'auto';
|
|
|
604
634
|
*
|
|
605
635
|
* NOTE: This directive only works with UI-Router (not Angular Router).
|
|
606
636
|
*
|
|
607
|
-
* @
|
|
608
|
-
*
|
|
609
|
-
*
|
|
610
|
-
*
|
|
611
|
-
*
|
|
637
|
+
* @dbxWebComponent
|
|
638
|
+
* @dbxWebSlug action-transition-safety
|
|
639
|
+
* @dbxWebCategory action
|
|
640
|
+
* @dbxWebRelated action-confirm
|
|
641
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
642
|
+
* @dbxWebMinimalExample ```html
|
|
643
|
+
* <form [dbxActionTransitionSafety]></form>
|
|
612
644
|
* ```
|
|
613
645
|
*
|
|
614
646
|
* @example
|
|
615
647
|
* ```html
|
|
616
|
-
* <form [dbxAction]="
|
|
617
|
-
* <!-- Auto-triggers save on navigation if possible, otherwise shows dialog -->
|
|
618
|
-
* </form>
|
|
648
|
+
* <form [dbxAction]="formAction" dbxActionTransitionSafety>...</form>
|
|
619
649
|
* ```
|
|
620
650
|
*/
|
|
621
651
|
declare class DbxActionTransitionSafetyDirective<T, O> implements OnInit, OnDestroy {
|
|
@@ -708,11 +738,18 @@ interface DbxActionConfirmConfig<T = unknown> extends DbxPromptConfirmConfig {
|
|
|
708
738
|
* This directive works with action triggering only, not button clicks.
|
|
709
739
|
* For button-based confirmation, use an appPromptConfirmButton directive instead.
|
|
710
740
|
*
|
|
741
|
+
* @dbxWebComponent
|
|
742
|
+
* @dbxWebSlug action-confirm
|
|
743
|
+
* @dbxWebCategory action
|
|
744
|
+
* @dbxWebRelated action-snackbar, prompt-confirm
|
|
745
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
746
|
+
* @dbxWebMinimalExample ```html
|
|
747
|
+
* <div [dbxActionConfirm]="cfg"></div>
|
|
748
|
+
* ```
|
|
749
|
+
*
|
|
711
750
|
* @example
|
|
712
751
|
* ```html
|
|
713
|
-
* <
|
|
714
|
-
* ...
|
|
715
|
-
* </form>
|
|
752
|
+
* <button [dbxAction]="deleteAction" [dbxActionConfirm]="{ header: 'Delete account?', confirmText: 'Delete' }">Delete</button>
|
|
716
753
|
* ```
|
|
717
754
|
*/
|
|
718
755
|
declare class DbxActionConfirmDirective<T = unknown, O = unknown> extends AbstractPromptConfirmDirective {
|
|
@@ -733,18 +770,18 @@ declare class DbxActionConfirmDirective<T = unknown, O = unknown> extends Abstra
|
|
|
733
770
|
* Triggers the parent action context when a specific keyboard key is released.
|
|
734
771
|
* Defaults to the "enter" key. Key names should be lowercase.
|
|
735
772
|
*
|
|
736
|
-
* @
|
|
737
|
-
*
|
|
738
|
-
*
|
|
739
|
-
*
|
|
740
|
-
*
|
|
773
|
+
* @dbxWebComponent
|
|
774
|
+
* @dbxWebSlug action-key-trigger
|
|
775
|
+
* @dbxWebCategory action
|
|
776
|
+
* @dbxWebRelated action-confirm, action-snackbar
|
|
777
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
778
|
+
* @dbxWebMinimalExample ```html
|
|
779
|
+
* <div [dbxActionKeyTrigger]="'enter'"></div>
|
|
741
780
|
* ```
|
|
742
781
|
*
|
|
743
782
|
* @example
|
|
744
783
|
* ```html
|
|
745
|
-
* <
|
|
746
|
-
* <!-- Pressing Escape triggers the action -->
|
|
747
|
-
* </div>
|
|
784
|
+
* <form [dbxAction]="saveAction" [dbxActionKeyTrigger]="'cmd+s'">...</form>
|
|
748
785
|
* ```
|
|
749
786
|
*/
|
|
750
787
|
declare class DbxActionKeyTriggerDirective<T = unknown, O = unknown> {
|
|
@@ -769,18 +806,18 @@ declare class DbxActionModule {
|
|
|
769
806
|
* Lightweight button that renders as either an icon-only Material icon button or a text button
|
|
770
807
|
* with an icon prefix, depending on whether text is provided.
|
|
771
808
|
*
|
|
772
|
-
* @
|
|
773
|
-
*
|
|
774
|
-
*
|
|
775
|
-
*
|
|
776
|
-
* @
|
|
777
|
-
* ```html
|
|
778
|
-
* <dbx-icon-button icon="
|
|
809
|
+
* @dbxWebComponent
|
|
810
|
+
* @dbxWebSlug icon-button
|
|
811
|
+
* @dbxWebCategory button
|
|
812
|
+
* @dbxWebRelated button
|
|
813
|
+
* @dbxWebSkillRefs dbx__migration__migrate-dbx-icon-button
|
|
814
|
+
* @dbxWebMinimalExample ```html
|
|
815
|
+
* <dbx-icon-button icon="add"></dbx-icon-button>
|
|
779
816
|
* ```
|
|
780
817
|
*
|
|
781
818
|
* @example
|
|
782
819
|
* ```html
|
|
783
|
-
* <dbx-icon-button icon="
|
|
820
|
+
* <dbx-icon-button icon="delete" color="warn" [dbxAction]="deleteAction"></dbx-icon-button>
|
|
784
821
|
* ```
|
|
785
822
|
*/
|
|
786
823
|
declare class DbxIconButtonComponent extends AbstractDbxButtonDirective {
|
|
@@ -1198,10 +1235,21 @@ declare class DbxAvatarComponent {
|
|
|
1198
1235
|
/**
|
|
1199
1236
|
* Renders a horizontal bar with a themed background color, used to visually group or separate content.
|
|
1200
1237
|
*
|
|
1238
|
+
* @dbxWebComponent
|
|
1239
|
+
* @dbxWebSlug bar
|
|
1240
|
+
* @dbxWebCategory layout
|
|
1241
|
+
* @dbxWebRelated bar-header, pagebar, button-spacer
|
|
1242
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
1243
|
+
* @dbxWebMinimalExample ```html
|
|
1244
|
+
* <dbx-bar><button>A</button><button>B</button></dbx-bar>
|
|
1245
|
+
* ```
|
|
1246
|
+
*
|
|
1201
1247
|
* @example
|
|
1202
1248
|
* ```html
|
|
1203
|
-
* <dbx-bar
|
|
1204
|
-
* <
|
|
1249
|
+
* <dbx-bar>
|
|
1250
|
+
* <dbx-button text="Save" raised color="primary"></dbx-button>
|
|
1251
|
+
* <dbx-button-spacer></dbx-button-spacer>
|
|
1252
|
+
* <dbx-button text="Cancel" stroked></dbx-button>
|
|
1205
1253
|
* </dbx-bar>
|
|
1206
1254
|
* ```
|
|
1207
1255
|
*/
|
|
@@ -1215,9 +1263,20 @@ declare class DbxBarDirective {
|
|
|
1215
1263
|
/**
|
|
1216
1264
|
* A themed header bar displaying an optional icon and text label, useful as a section divider.
|
|
1217
1265
|
*
|
|
1266
|
+
* @dbxWebComponent
|
|
1267
|
+
* @dbxWebSlug bar-header
|
|
1268
|
+
* @dbxWebCategory layout
|
|
1269
|
+
* @dbxWebRelated bar, pagebar
|
|
1270
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
1271
|
+
* @dbxWebMinimalExample ```html
|
|
1272
|
+
* <dbx-bar-header header="Title"></dbx-bar-header>
|
|
1273
|
+
* ```
|
|
1274
|
+
*
|
|
1218
1275
|
* @example
|
|
1219
1276
|
* ```html
|
|
1220
|
-
* <dbx-bar-header
|
|
1277
|
+
* <dbx-bar-header header="Members" icon="group">
|
|
1278
|
+
* <button mat-icon-button><mat-icon>add</mat-icon></button>
|
|
1279
|
+
* </dbx-bar-header>
|
|
1221
1280
|
* ```
|
|
1222
1281
|
*/
|
|
1223
1282
|
declare class DbxBarHeaderComponent {
|
|
@@ -1231,11 +1290,21 @@ declare class DbxBarHeaderComponent {
|
|
|
1231
1290
|
/**
|
|
1232
1291
|
* A page-level toolbar with left and right content slots, built on Angular Material's mat-toolbar.
|
|
1233
1292
|
*
|
|
1293
|
+
* @dbxWebComponent
|
|
1294
|
+
* @dbxWebSlug pagebar
|
|
1295
|
+
* @dbxWebCategory layout
|
|
1296
|
+
* @dbxWebRelated bar, navbar
|
|
1297
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks, dbx__ref__dbx-app-structure
|
|
1298
|
+
* @dbxWebMinimalExample ```html
|
|
1299
|
+
* <dbx-pagebar>Title</dbx-pagebar>
|
|
1300
|
+
* ```
|
|
1301
|
+
*
|
|
1234
1302
|
* @example
|
|
1235
1303
|
* ```html
|
|
1236
|
-
* <dbx-pagebar
|
|
1237
|
-
* <
|
|
1238
|
-
* <
|
|
1304
|
+
* <dbx-pagebar>
|
|
1305
|
+
* <h2>Settings</h2>
|
|
1306
|
+
* <span class="spacer"></span>
|
|
1307
|
+
* <button mat-stroked-button>Save</button>
|
|
1239
1308
|
* </dbx-pagebar>
|
|
1240
1309
|
* ```
|
|
1241
1310
|
*/
|
|
@@ -1317,6 +1386,15 @@ declare class DbxTwoBlockComponent {
|
|
|
1317
1386
|
*
|
|
1318
1387
|
* Supports a named content slot `[sectionHeader]` for custom header actions beside the title.
|
|
1319
1388
|
*
|
|
1389
|
+
* @dbxWebComponent
|
|
1390
|
+
* @dbxWebSlug card-box
|
|
1391
|
+
* @dbxWebCategory card
|
|
1392
|
+
* @dbxWebRelated card-box-container, section
|
|
1393
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
1394
|
+
* @dbxWebMinimalExample ```html
|
|
1395
|
+
* <dbx-card-box header="Title"><p>Body</p></dbx-card-box>
|
|
1396
|
+
* ```
|
|
1397
|
+
*
|
|
1320
1398
|
* @example
|
|
1321
1399
|
* ```html
|
|
1322
1400
|
* <dbx-card-box [header]="'Settings'" [icon]="'settings'">
|
|
@@ -1337,18 +1415,21 @@ declare class DbxCardBoxComponent {
|
|
|
1337
1415
|
*
|
|
1338
1416
|
* Can be used as an element or as an attribute directive on any host element.
|
|
1339
1417
|
*
|
|
1340
|
-
* @
|
|
1341
|
-
*
|
|
1342
|
-
*
|
|
1343
|
-
*
|
|
1344
|
-
*
|
|
1418
|
+
* @dbxWebComponent
|
|
1419
|
+
* @dbxWebSlug card-box-container
|
|
1420
|
+
* @dbxWebCategory card
|
|
1421
|
+
* @dbxWebRelated card-box
|
|
1422
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
1423
|
+
* @dbxWebMinimalExample ```html
|
|
1424
|
+
* <div dbxCardBoxContainer><dbx-card-box></dbx-card-box></div>
|
|
1345
1425
|
* ```
|
|
1346
1426
|
*
|
|
1347
1427
|
* @example
|
|
1348
1428
|
* ```html
|
|
1349
|
-
* <
|
|
1350
|
-
* <
|
|
1351
|
-
*
|
|
1429
|
+
* <dbx-card-box-container>
|
|
1430
|
+
* <dbx-card-box header="One"></dbx-card-box>
|
|
1431
|
+
* <dbx-card-box header="Two"></dbx-card-box>
|
|
1432
|
+
* </dbx-card-box-container>
|
|
1352
1433
|
* ```
|
|
1353
1434
|
*/
|
|
1354
1435
|
declare class DbxCardBoxContainerDirective {
|
|
@@ -1595,11 +1676,25 @@ interface DbxTwoColumnViewState {
|
|
|
1595
1676
|
*
|
|
1596
1677
|
* Requires a {@link TwoColumnsContextStore} to be provided by a parent component or directive.
|
|
1597
1678
|
*
|
|
1679
|
+
* @dbxWebComponent
|
|
1680
|
+
* @dbxWebSlug two-column
|
|
1681
|
+
* @dbxWebCategory layout
|
|
1682
|
+
* @dbxWebRelated two-column-right
|
|
1683
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks, dbx__ref__dbx-app-structure
|
|
1684
|
+
* @dbxWebMinimalExample ```html
|
|
1685
|
+
* <dbx-two-column>
|
|
1686
|
+
* <div left>Sidebar</div>
|
|
1687
|
+
* <div right>Main</div>
|
|
1688
|
+
* </dbx-two-column>
|
|
1689
|
+
* ```
|
|
1690
|
+
*
|
|
1598
1691
|
* @example
|
|
1599
1692
|
* ```html
|
|
1600
|
-
* <dbx-two-column [
|
|
1601
|
-
* <
|
|
1602
|
-
* <
|
|
1693
|
+
* <dbx-two-column [inSectionPage]="true">
|
|
1694
|
+
* <dbx-list left [state$]="state$" [config]="listConfig" />
|
|
1695
|
+
* <dbx-two-column-right right header="Detail">
|
|
1696
|
+
* <p>Selected item detail.</p>
|
|
1697
|
+
* </dbx-two-column-right>
|
|
1603
1698
|
* </dbx-two-column>
|
|
1604
1699
|
* ```
|
|
1605
1700
|
*/
|
|
@@ -1730,13 +1825,20 @@ declare class DbxTwoColumnColumnHeadDirective {
|
|
|
1730
1825
|
* When this component is created, it automatically registers itself with the {@link TwoColumnsContextStore}
|
|
1731
1826
|
* to indicate that right-side content is present.
|
|
1732
1827
|
*
|
|
1828
|
+
* @dbxWebComponent
|
|
1829
|
+
* @dbxWebSlug two-column-right
|
|
1830
|
+
* @dbxWebCategory layout
|
|
1831
|
+
* @dbxWebRelated two-column
|
|
1832
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks, dbx__ref__dbx-app-structure
|
|
1833
|
+
* @dbxWebMinimalExample ```html
|
|
1834
|
+
* <dbx-two-column-right>Body</dbx-two-column-right>
|
|
1835
|
+
* ```
|
|
1836
|
+
*
|
|
1733
1837
|
* @example
|
|
1734
1838
|
* ```html
|
|
1735
|
-
* <dbx-two-column-right header="Detail
|
|
1736
|
-
* <
|
|
1737
|
-
*
|
|
1738
|
-
* </div>
|
|
1739
|
-
* <p>Right column content here</p>
|
|
1839
|
+
* <dbx-two-column-right header="Item Detail">
|
|
1840
|
+
* <button nav mat-icon-button><mat-icon>delete</mat-icon></button>
|
|
1841
|
+
* <p>Body content</p>
|
|
1740
1842
|
* </dbx-two-column-right>
|
|
1741
1843
|
* ```
|
|
1742
1844
|
*/
|
|
@@ -1991,15 +2093,20 @@ declare class DbxContentBorderDirective {
|
|
|
1991
2093
|
* Wraps content in a box container with optional elevation (card-like shadow) and wide layout.
|
|
1992
2094
|
* Both `elevate` and `wide` default to `true`.
|
|
1993
2095
|
*
|
|
2096
|
+
* @dbxWebComponent
|
|
2097
|
+
* @dbxWebSlug content-box
|
|
2098
|
+
* @dbxWebCategory layout
|
|
2099
|
+
* @dbxWebRelated content, content-elevate, content-pit
|
|
2100
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2101
|
+
* @dbxWebMinimalExample ```html
|
|
2102
|
+
* <div dbxContentBox>Body</div>
|
|
2103
|
+
* ```
|
|
2104
|
+
*
|
|
1994
2105
|
* @example
|
|
1995
2106
|
* ```html
|
|
1996
2107
|
* <dbx-content-box>
|
|
1997
|
-
* <p>
|
|
2108
|
+
* <p>Summary content</p>
|
|
1998
2109
|
* </dbx-content-box>
|
|
1999
|
-
*
|
|
2000
|
-
* <div dbxContentBox [elevate]="false" [wide]="false">
|
|
2001
|
-
* <p>Flat, non-wide box content.</p>
|
|
2002
|
-
* </div>
|
|
2003
2110
|
* ```
|
|
2004
2111
|
*/
|
|
2005
2112
|
declare class DbxContentBoxDirective {
|
|
@@ -2012,14 +2119,19 @@ declare class DbxContentBoxDirective {
|
|
|
2012
2119
|
/**
|
|
2013
2120
|
* Sets the host element to fill the available page height. Use as a wrapper for page-level content blocks.
|
|
2014
2121
|
*
|
|
2122
|
+
* @dbxWebComponent
|
|
2123
|
+
* @dbxWebSlug content
|
|
2124
|
+
* @dbxWebCategory layout
|
|
2125
|
+
* @dbxWebRelated content-container, content-page, content-box
|
|
2126
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2127
|
+
* @dbxWebMinimalExample ```html
|
|
2128
|
+
* <dbx-content>Body</dbx-content>
|
|
2129
|
+
* ```
|
|
2130
|
+
*
|
|
2015
2131
|
* @example
|
|
2016
2132
|
* ```html
|
|
2017
|
-
* <dbx-content>
|
|
2018
|
-
* <p>This content fills the page height.</p>
|
|
2019
|
-
* </dbx-content>
|
|
2020
|
-
*
|
|
2021
2133
|
* <div dbxContent>
|
|
2022
|
-
* <p>
|
|
2134
|
+
* <p>Standard content body</p>
|
|
2023
2135
|
* </div>
|
|
2024
2136
|
* ```
|
|
2025
2137
|
*/
|
|
@@ -2040,15 +2152,20 @@ type DbxContentContainerWidth = 'small' | 'medium' | 'large' | 'wide' | 'full';
|
|
|
2040
2152
|
* Constrains content to a maximum width with configurable padding. Useful for centering
|
|
2041
2153
|
* page content and maintaining readable line lengths.
|
|
2042
2154
|
*
|
|
2155
|
+
* @dbxWebComponent
|
|
2156
|
+
* @dbxWebSlug content-container
|
|
2157
|
+
* @dbxWebCategory layout
|
|
2158
|
+
* @dbxWebRelated content, content-page, content-box
|
|
2159
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2160
|
+
* @dbxWebMinimalExample ```html
|
|
2161
|
+
* <div dbxContentContainer>Body</div>
|
|
2162
|
+
* ```
|
|
2163
|
+
*
|
|
2043
2164
|
* @example
|
|
2044
2165
|
* ```html
|
|
2045
|
-
* <dbx-content-container grow="
|
|
2046
|
-
* <p>
|
|
2166
|
+
* <dbx-content-container grow="full" padding="normal">
|
|
2167
|
+
* <p>Page body</p>
|
|
2047
2168
|
* </dbx-content-container>
|
|
2048
|
-
*
|
|
2049
|
-
* <div dbxContentContainer grow="full" padding="none" topPadding="small">
|
|
2050
|
-
* <p>Full-width content with top padding.</p>
|
|
2051
|
-
* </div>
|
|
2052
2169
|
* ```
|
|
2053
2170
|
*/
|
|
2054
2171
|
declare class DbxContentContainerDirective {
|
|
@@ -2064,15 +2181,18 @@ declare class DbxContentContainerDirective {
|
|
|
2064
2181
|
* Applies elevation (box-shadow) styling to the host element, giving it a raised card appearance.
|
|
2065
2182
|
* Elevation is enabled by default and can be toggled off.
|
|
2066
2183
|
*
|
|
2184
|
+
* @dbxWebComponent
|
|
2185
|
+
* @dbxWebSlug content-elevate
|
|
2186
|
+
* @dbxWebCategory layout
|
|
2187
|
+
* @dbxWebRelated content-box, content-pit
|
|
2188
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2189
|
+
* @dbxWebMinimalExample ```html
|
|
2190
|
+
* <dbx-content-elevate>Body</dbx-content-elevate>
|
|
2191
|
+
* ```
|
|
2192
|
+
*
|
|
2067
2193
|
* @example
|
|
2068
2194
|
* ```html
|
|
2069
|
-
* <
|
|
2070
|
-
* <p>Elevated content with shadow.</p>
|
|
2071
|
-
* </dbx-content-elevate>
|
|
2072
|
-
*
|
|
2073
|
-
* <div dbxContentElevate [elevate]="false">
|
|
2074
|
-
* <p>Flat content, no elevation.</p>
|
|
2075
|
-
* </div>
|
|
2195
|
+
* <div dbxContentElevate>Highlighted block</div>
|
|
2076
2196
|
* ```
|
|
2077
2197
|
*/
|
|
2078
2198
|
declare class DbxContentElevateDirective {
|
|
@@ -2085,14 +2205,19 @@ declare class DbxContentElevateDirective {
|
|
|
2085
2205
|
* Sets the host element to fill the full page height with page-level content styling.
|
|
2086
2206
|
* Similar to `DbxContentDirective` but applies the `dbx-content-page` class for page-specific layout.
|
|
2087
2207
|
*
|
|
2208
|
+
* @dbxWebComponent
|
|
2209
|
+
* @dbxWebSlug content-page
|
|
2210
|
+
* @dbxWebCategory layout
|
|
2211
|
+
* @dbxWebRelated content-container, section-page
|
|
2212
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2213
|
+
* @dbxWebMinimalExample ```html
|
|
2214
|
+
* <dbx-content-page>Page</dbx-content-page>
|
|
2215
|
+
* ```
|
|
2216
|
+
*
|
|
2088
2217
|
* @example
|
|
2089
2218
|
* ```html
|
|
2090
|
-
* <dbx-content-page>
|
|
2091
|
-
* <p>Full-page content layout.</p>
|
|
2092
|
-
* </dbx-content-page>
|
|
2093
|
-
*
|
|
2094
2219
|
* <div dbxContentPage>
|
|
2095
|
-
* <
|
|
2220
|
+
* <dbx-section-page header="Dashboard"><p>...</p></dbx-section-page>
|
|
2096
2221
|
* </div>
|
|
2097
2222
|
* ```
|
|
2098
2223
|
*/
|
|
@@ -2118,15 +2243,18 @@ type DbxContentPitScrollableHeightSetting = 'small' | 'medium' | 'large';
|
|
|
2118
2243
|
* Wraps content in a recessed "pit" container with optional scrollable overflow and rounded corners.
|
|
2119
2244
|
* Useful for displaying bounded content areas such as lists or previews with a constrained height.
|
|
2120
2245
|
*
|
|
2246
|
+
* @dbxWebComponent
|
|
2247
|
+
* @dbxWebSlug content-pit
|
|
2248
|
+
* @dbxWebCategory layout
|
|
2249
|
+
* @dbxWebRelated content-box, content-elevate
|
|
2250
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2251
|
+
* @dbxWebMinimalExample ```html
|
|
2252
|
+
* <dbx-content-pit>Body</dbx-content-pit>
|
|
2253
|
+
* ```
|
|
2254
|
+
*
|
|
2121
2255
|
* @example
|
|
2122
2256
|
* ```html
|
|
2123
|
-
* <
|
|
2124
|
-
* <p>Scrollable pit with medium height and rounded corners.</p>
|
|
2125
|
-
* </dbx-content-pit>
|
|
2126
|
-
*
|
|
2127
|
-
* <div dbxContentPit scrollable="large">
|
|
2128
|
-
* <p>Large scrollable pit area.</p>
|
|
2129
|
-
* </div>
|
|
2257
|
+
* <div dbxContentPit>Inset block</div>
|
|
2130
2258
|
* ```
|
|
2131
2259
|
*/
|
|
2132
2260
|
declare class DbxContentPitDirective {
|
|
@@ -2252,11 +2380,20 @@ declare function compareScreenMediaWidthTypes(a: ScreenMediaWidthType, b: Screen
|
|
|
2252
2380
|
* that can be used to adjust styling. When `breakToColumn` is enabled, items will stack vertically
|
|
2253
2381
|
* on small screens.
|
|
2254
2382
|
*
|
|
2383
|
+
* @dbxWebComponent
|
|
2384
|
+
* @dbxWebSlug flex-group
|
|
2385
|
+
* @dbxWebCategory layout
|
|
2386
|
+
* @dbxWebRelated flex-size, bar
|
|
2387
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2388
|
+
* @dbxWebMinimalExample ```html
|
|
2389
|
+
* <div dbxFlexGroup><div dbxFlexSize="1">A</div></div>
|
|
2390
|
+
* ```
|
|
2391
|
+
*
|
|
2255
2392
|
* @example
|
|
2256
2393
|
* ```html
|
|
2257
|
-
* <div dbxFlexGroup
|
|
2258
|
-
* <div
|
|
2259
|
-
* <div
|
|
2394
|
+
* <div dbxFlexGroup breakpoint="sm">
|
|
2395
|
+
* <div dbxFlexSize="2">Wide</div>
|
|
2396
|
+
* <div dbxFlexSize="1">Narrow</div>
|
|
2260
2397
|
* </div>
|
|
2261
2398
|
* ```
|
|
2262
2399
|
*/
|
|
@@ -2296,11 +2433,20 @@ type DbxFlexSize = 1 | 2 | 3 | 4 | 5 | 6;
|
|
|
2296
2433
|
* Applies a `dbx-flex-{size}` CSS class to the host element based on the given {@link DbxFlexSize} value.
|
|
2297
2434
|
* Use within a {@link DbxFlexGroupDirective} to control how much row width this element occupies.
|
|
2298
2435
|
*
|
|
2436
|
+
* @dbxWebComponent
|
|
2437
|
+
* @dbxWebSlug flex-size
|
|
2438
|
+
* @dbxWebCategory layout
|
|
2439
|
+
* @dbxWebRelated flex-group
|
|
2440
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
2441
|
+
* @dbxWebMinimalExample ```html
|
|
2442
|
+
* <div dbxFlexSize="1"></div>
|
|
2443
|
+
* ```
|
|
2444
|
+
*
|
|
2299
2445
|
* @example
|
|
2300
2446
|
* ```html
|
|
2301
2447
|
* <div dbxFlexGroup>
|
|
2302
|
-
* <div
|
|
2303
|
-
* <div
|
|
2448
|
+
* <div dbxFlexSize="2">Twice as wide</div>
|
|
2449
|
+
* <div dbxFlexSize="1">Narrow</div>
|
|
2304
2450
|
* </div>
|
|
2305
2451
|
* ```
|
|
2306
2452
|
*/
|
|
@@ -2787,9 +2933,18 @@ declare class DbxValueListViewContentComponent<T, I extends DbxValueListItem<T>
|
|
|
2787
2933
|
/**
|
|
2788
2934
|
* Renders a value-based list view using a configuration input. Must be used within a parent {@link DbxListView} context.
|
|
2789
2935
|
*
|
|
2936
|
+
* @dbxWebComponent
|
|
2937
|
+
* @dbxWebSlug list-view
|
|
2938
|
+
* @dbxWebCategory list
|
|
2939
|
+
* @dbxWebRelated list, selection-list-view, list-grid-view, list-accordion-view
|
|
2940
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
2941
|
+
* @dbxWebMinimalExample ```html
|
|
2942
|
+
* <dbx-list-view [config]="rowConfig"></dbx-list-view>
|
|
2943
|
+
* ```
|
|
2944
|
+
*
|
|
2790
2945
|
* @example
|
|
2791
2946
|
* ```html
|
|
2792
|
-
* <dbx-list-view [config]="
|
|
2947
|
+
* <dbx-list-view [config]="rowConfig"></dbx-list-view>
|
|
2793
2948
|
* ```
|
|
2794
2949
|
*/
|
|
2795
2950
|
declare class DbxValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListViewConfig<T, I, V> = DbxValueListViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
|
|
@@ -2893,9 +3048,18 @@ declare class DbxValueListAccordionViewContentComponent<T, I extends DbxValueLis
|
|
|
2893
3048
|
* Renders a value list as an accordion using a configuration input. Each item renders its own expansion panel.
|
|
2894
3049
|
* Requires a parent {@link DbxListView} context.
|
|
2895
3050
|
*
|
|
3051
|
+
* @dbxWebComponent
|
|
3052
|
+
* @dbxWebSlug list-accordion-view
|
|
3053
|
+
* @dbxWebCategory list
|
|
3054
|
+
* @dbxWebRelated list, list-view
|
|
3055
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
3056
|
+
* @dbxWebMinimalExample ```html
|
|
3057
|
+
* <dbx-list-accordion-view [config]="rowConfig"></dbx-list-accordion-view>
|
|
3058
|
+
* ```
|
|
3059
|
+
*
|
|
2896
3060
|
* @example
|
|
2897
3061
|
* ```html
|
|
2898
|
-
* <dbx-list-accordion-view [config]="
|
|
3062
|
+
* <dbx-list-accordion-view [config]="rowConfig"></dbx-list-accordion-view>
|
|
2899
3063
|
* ```
|
|
2900
3064
|
*/
|
|
2901
3065
|
declare class DbxValueListAccordionViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListAccordionViewConfig<T, I, V> = DbxValueListAccordionViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
|
|
@@ -3059,9 +3223,18 @@ declare class DbxValueListGridViewContentComponent<T, I extends DbxValueListItem
|
|
|
3059
3223
|
/**
|
|
3060
3224
|
* Renders a value list as a CSS grid using a configuration input. Requires a parent {@link DbxListView} context.
|
|
3061
3225
|
*
|
|
3226
|
+
* @dbxWebComponent
|
|
3227
|
+
* @dbxWebSlug list-grid-view
|
|
3228
|
+
* @dbxWebCategory list
|
|
3229
|
+
* @dbxWebRelated list, list-view
|
|
3230
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
3231
|
+
* @dbxWebMinimalExample ```html
|
|
3232
|
+
* <dbx-list-grid-view [config]="cellConfig"></dbx-list-grid-view>
|
|
3233
|
+
* ```
|
|
3234
|
+
*
|
|
3062
3235
|
* @example
|
|
3063
3236
|
* ```html
|
|
3064
|
-
* <dbx-list-grid-view [config]="
|
|
3237
|
+
* <dbx-list-grid-view [config]="cellConfig" dbxListGridSize="md"></dbx-list-grid-view>
|
|
3065
3238
|
* ```
|
|
3066
3239
|
*/
|
|
3067
3240
|
declare class DbxValueListGridViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListGridViewConfig<T, I, V> = DbxValueListGridViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
|
|
@@ -3305,11 +3478,22 @@ declare class DbxListModifierModule {
|
|
|
3305
3478
|
/**
|
|
3306
3479
|
* Displays centered placeholder content within an empty list. Projects its content into a styled container.
|
|
3307
3480
|
*
|
|
3481
|
+
* @dbxWebComponent
|
|
3482
|
+
* @dbxWebSlug list-empty-content
|
|
3483
|
+
* @dbxWebCategory list
|
|
3484
|
+
* @dbxWebRelated list
|
|
3485
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
3486
|
+
* @dbxWebMinimalExample ```html
|
|
3487
|
+
* <dbx-list-empty-content>Empty</dbx-list-empty-content>
|
|
3488
|
+
* ```
|
|
3489
|
+
*
|
|
3308
3490
|
* @example
|
|
3309
3491
|
* ```html
|
|
3310
|
-
* <dbx-list
|
|
3311
|
-
* <
|
|
3312
|
-
*
|
|
3492
|
+
* <dbx-list [state$]="items$" [config]="listConfig">
|
|
3493
|
+
* <dbx-list-empty-content>
|
|
3494
|
+
* <p>No items yet — add one to get started.</p>
|
|
3495
|
+
* </dbx-list-empty-content>
|
|
3496
|
+
* </dbx-list>
|
|
3313
3497
|
* ```
|
|
3314
3498
|
*/
|
|
3315
3499
|
declare class DbxListEmptyContentComponent {
|
|
@@ -3398,11 +3582,18 @@ declare const DBX_LIST_DEFAULT_THROTTLE_SCROLL = 50;
|
|
|
3398
3582
|
*
|
|
3399
3583
|
* This component is typically wrapped by a higher-level component that provides its configuration via the `config` input.
|
|
3400
3584
|
*
|
|
3585
|
+
* @dbxWebComponent
|
|
3586
|
+
* @dbxWebSlug list
|
|
3587
|
+
* @dbxWebCategory list
|
|
3588
|
+
* @dbxWebRelated list-view, list-empty-content, list-grid-view, list-accordion-view, selection-list-view
|
|
3589
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
3590
|
+
* @dbxWebMinimalExample ```html
|
|
3591
|
+
* <dbx-list [state$]="items$" [config]="listConfig"></dbx-list>
|
|
3592
|
+
* ```
|
|
3593
|
+
*
|
|
3401
3594
|
* @example
|
|
3402
3595
|
* ```html
|
|
3403
|
-
* <dbx-list [state]="
|
|
3404
|
-
* <ng-container empty>No items found.</ng-container>
|
|
3405
|
-
* </dbx-list>
|
|
3596
|
+
* <dbx-list [state$]="items$" [config]="listConfig" (contentScrolled)="onScroll($event)"></dbx-list>
|
|
3406
3597
|
* ```
|
|
3407
3598
|
*/
|
|
3408
3599
|
declare class DbxListComponent<T = unknown, V extends DbxListView<T> = DbxListView<T>, S extends ListLoadingState<T> = ListLoadingState<T>> implements OnDestroy {
|
|
@@ -3500,7 +3691,7 @@ declare function provideDbxListViewWrapper<V extends DbxListViewWrapper>(sourceT
|
|
|
3500
3691
|
/**
|
|
3501
3692
|
* Default HTML template for list wrapper components. Passes through state, config, and content projection slots to a child `dbx-list`.
|
|
3502
3693
|
*/
|
|
3503
|
-
declare const DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE = "\n <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"
|
|
3694
|
+
declare const DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE = "\n <dbx-list [state]=\"currentState$\" [config]=\"configSignal()\" [hasMore]=\"hasMore()\" [disabled]=\"disabledSignal()\" [selectionMode]=\"selectionModeSignal()\">\n <ng-content top select=\"[top]\"></ng-content>\n <ng-content bottom select=\"[bottom]\"></ng-content>\n <ng-content empty select=\"[empty]\"></ng-content>\n <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n <ng-content end select=\"[end]\"></ng-content>\n </dbx-list>";
|
|
3504
3695
|
/**
|
|
3505
3696
|
* Convenience module that imports and exports {@link DbxListComponent} for use in list wrapper component templates.
|
|
3506
3697
|
*/
|
|
@@ -3521,7 +3712,9 @@ declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxListView<
|
|
|
3521
3712
|
private readonly _config;
|
|
3522
3713
|
private readonly _stateOverride;
|
|
3523
3714
|
private readonly _selectionModeOverride;
|
|
3715
|
+
private readonly _disabledOverride;
|
|
3524
3716
|
private readonly _selectionModeOverrideSignal;
|
|
3717
|
+
private readonly _disabledOverrideSignal;
|
|
3525
3718
|
readonly hasMore: _angular_core.InputSignal<Maybe<boolean>>;
|
|
3526
3719
|
readonly clickItem: _angular_core.OutputEmitterRef<T>;
|
|
3527
3720
|
readonly loadMore: _angular_core.OutputEmitterRef<void>;
|
|
@@ -3529,6 +3722,7 @@ declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxListView<
|
|
|
3529
3722
|
readonly selectionMode: _angular_core.InputSignal<Maybe<DbxListSelectionMode>>;
|
|
3530
3723
|
readonly state: _angular_core.InputSignal<Maybe<ObservableOrValue<S>>>;
|
|
3531
3724
|
readonly selectionModeSignal: Signal<Maybe<DbxListSelectionMode>>;
|
|
3725
|
+
readonly disabledSignal: Signal<Maybe<boolean>>;
|
|
3532
3726
|
readonly currentState$: rxjs.Observable<Maybe<S>>;
|
|
3533
3727
|
readonly config$: rxjs.Observable<DbxListConfig<T, V> | undefined>;
|
|
3534
3728
|
readonly configSignal: Signal<DbxListConfig<T, V> | undefined>;
|
|
@@ -3536,6 +3730,7 @@ declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxListView<
|
|
|
3536
3730
|
ngOnDestroy(): void;
|
|
3537
3731
|
setState(stateObs: MaybeObservableOrValue<S>): void;
|
|
3538
3732
|
setSelectionMode(selectionMode: MaybeObservableOrValue<DbxListSelectionMode>): void;
|
|
3733
|
+
setDisabled(disabled: MaybeObservableOrValue<boolean>): void;
|
|
3539
3734
|
protected _buildListConfig(config: C): DbxListConfig<T, V>;
|
|
3540
3735
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never>;
|
|
3541
3736
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never, never, { "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "clickItem": "clickItem"; "loadMore": "loadMore"; }, never, never, true, never>;
|
|
@@ -3634,9 +3829,18 @@ declare class DbxSelectionValueListViewContentComponent<T, I extends DbxValueLis
|
|
|
3634
3829
|
* Renders a selection-capable list view using a configuration input. Requires a parent {@link DbxListView} context.
|
|
3635
3830
|
* Switches between selection mode (with checkboxes) and view mode (standard list) based on the parent's selection mode.
|
|
3636
3831
|
*
|
|
3832
|
+
* @dbxWebComponent
|
|
3833
|
+
* @dbxWebSlug selection-list-view
|
|
3834
|
+
* @dbxWebCategory list
|
|
3835
|
+
* @dbxWebRelated list, list-view
|
|
3836
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
3837
|
+
* @dbxWebMinimalExample ```html
|
|
3838
|
+
* <dbx-selection-list-view [config]="rowConfig"></dbx-selection-list-view>
|
|
3839
|
+
* ```
|
|
3840
|
+
*
|
|
3637
3841
|
* @example
|
|
3638
3842
|
* ```html
|
|
3639
|
-
* <dbx-selection-list-view [config]="
|
|
3843
|
+
* <dbx-selection-list-view [config]="rowConfig" selectionMode="multi"></dbx-selection-list-view>
|
|
3640
3844
|
* ```
|
|
3641
3845
|
*/
|
|
3642
3846
|
declare class DbxSelectionValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewDirective<T, I, V, DbxSelectionValueListViewConfig<T, I, V>> {
|
|
@@ -3734,13 +3938,18 @@ interface DbxSectionHeaderConfig {
|
|
|
3734
3938
|
* Can be used as a standalone element or as an attribute directive on elements with the `.dbx-section-header` class.
|
|
3735
3939
|
* Serves as the base class for `DbxSectionComponent` and `DbxSectionPageComponent`.
|
|
3736
3940
|
*
|
|
3941
|
+
* @dbxWebComponent
|
|
3942
|
+
* @dbxWebSlug section-header
|
|
3943
|
+
* @dbxWebCategory layout
|
|
3944
|
+
* @dbxWebRelated section, subsection
|
|
3945
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
3946
|
+
* @dbxWebMinimalExample ```html
|
|
3947
|
+
* <dbx-section-header header="My Header"></dbx-section-header>
|
|
3948
|
+
* ```
|
|
3949
|
+
*
|
|
3737
3950
|
* @example
|
|
3738
3951
|
* ```html
|
|
3739
|
-
* <dbx-section-header header="
|
|
3740
|
-
*
|
|
3741
|
-
* <div class="dbx-section-header" header="Attribute Usage" [h]="3"></div>
|
|
3742
|
-
*
|
|
3743
|
-
* <dbx-section-header [headerConfig]="{ header: 'Config Object', h: 2, icon: 'info' }"></dbx-section-header>
|
|
3952
|
+
* <div class="dbx-section-header" header="Custom Layout" [h]="2" icon="info"></div>
|
|
3744
3953
|
* ```
|
|
3745
3954
|
*/
|
|
3746
3955
|
declare class DbxSectionHeaderComponent {
|
|
@@ -3763,6 +3972,15 @@ declare class DbxSectionHeaderComponent {
|
|
|
3763
3972
|
* Displays a content section with a header and body area. The header defaults to an h3 heading
|
|
3764
3973
|
* and supports optional elevation styling.
|
|
3765
3974
|
*
|
|
3975
|
+
* @dbxWebComponent
|
|
3976
|
+
* @dbxWebSlug section
|
|
3977
|
+
* @dbxWebCategory layout
|
|
3978
|
+
* @dbxWebRelated subsection, section-page, section-header, intro-action-section
|
|
3979
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks, dbx__ref__dbx-component-patterns
|
|
3980
|
+
* @dbxWebMinimalExample ```html
|
|
3981
|
+
* <dbx-section header="My Section"><p>Body</p></dbx-section>
|
|
3982
|
+
* ```
|
|
3983
|
+
*
|
|
3766
3984
|
* @example
|
|
3767
3985
|
* ```html
|
|
3768
3986
|
* <dbx-section header="My Section" icon="info" hint="Additional context">
|
|
@@ -3776,6 +3994,7 @@ declare class DbxSectionHeaderComponent {
|
|
|
3776
3994
|
* ```
|
|
3777
3995
|
*/
|
|
3778
3996
|
declare class DbxSectionComponent extends DbxSectionHeaderComponent {
|
|
3997
|
+
/** Apply elevated card styling. */
|
|
3779
3998
|
readonly elevate: _angular_core.InputSignal<boolean>;
|
|
3780
3999
|
readonly classConfig: _angular_core.Signal<"" | "dbx-section-elevate dbx-content-elevate">;
|
|
3781
4000
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxSectionComponent, never>;
|
|
@@ -3786,15 +4005,23 @@ declare class DbxSectionComponent extends DbxSectionHeaderComponent {
|
|
|
3786
4005
|
* Displays an introductory message with a call-to-action button. When the button is clicked,
|
|
3787
4006
|
* the intro is replaced by the projected content. Useful for onboarding or first-time-use flows.
|
|
3788
4007
|
*
|
|
4008
|
+
* @dbxWebComponent
|
|
4009
|
+
* @dbxWebSlug intro-action-section
|
|
4010
|
+
* @dbxWebCategory feedback
|
|
4011
|
+
* @dbxWebRelated section, list-empty-content
|
|
4012
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4013
|
+
* @dbxWebMinimalExample ```html
|
|
4014
|
+
* <dbx-intro-action-section hint="Welcome" action="Start"><p>Body</p></dbx-intro-action-section>
|
|
4015
|
+
* ```
|
|
4016
|
+
*
|
|
3789
4017
|
* @example
|
|
3790
4018
|
* ```html
|
|
3791
4019
|
* <dbx-intro-action-section
|
|
3792
4020
|
* hint="Welcome! Click below to get started."
|
|
3793
4021
|
* action="Get Started"
|
|
3794
|
-
* [showIntro]="
|
|
3795
|
-
* (showAction)="
|
|
3796
|
-
* <
|
|
3797
|
-
* <p>Main content shown after the action is clicked.</p>
|
|
4022
|
+
* [showIntro]="!hasOnboarded"
|
|
4023
|
+
* (showAction)="markOnboarded()">
|
|
4024
|
+
* <p>Main content shown after the action.</p>
|
|
3798
4025
|
* </dbx-intro-action-section>
|
|
3799
4026
|
* ```
|
|
3800
4027
|
*/
|
|
@@ -3821,14 +4048,19 @@ type DbxSectionPageScrollLockedMode = 'all' | 'body' | 'locked';
|
|
|
3821
4048
|
* Supports nested section pages that retain proper fixed-height layout. Use for top-level
|
|
3822
4049
|
* page content that needs a prominent heading.
|
|
3823
4050
|
*
|
|
4051
|
+
* @dbxWebComponent
|
|
4052
|
+
* @dbxWebSlug section-page
|
|
4053
|
+
* @dbxWebCategory layout
|
|
4054
|
+
* @dbxWebRelated section, content-page
|
|
4055
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks, dbx__ref__dbx-app-structure
|
|
4056
|
+
* @dbxWebMinimalExample ```html
|
|
4057
|
+
* <dbx-section-page header="Page"><p>Body</p></dbx-section-page>
|
|
4058
|
+
* ```
|
|
4059
|
+
*
|
|
3824
4060
|
* @example
|
|
3825
4061
|
* ```html
|
|
3826
|
-
* <dbx-section-page header="
|
|
3827
|
-
* <p>
|
|
3828
|
-
* </dbx-section-page>
|
|
3829
|
-
*
|
|
3830
|
-
* <dbx-section-page header="Scrollable Body" scroll="body" hint="Only the body scrolls">
|
|
3831
|
-
* <div style="height: 2000px">Tall content</div>
|
|
4062
|
+
* <dbx-section-page header="Dashboard" icon="dashboard" scroll="body">
|
|
4063
|
+
* <p>Top-level page content.</p>
|
|
3832
4064
|
* </dbx-section-page>
|
|
3833
4065
|
* ```
|
|
3834
4066
|
*/
|
|
@@ -3844,11 +4076,20 @@ declare class DbxSectionPageComponent extends DbxSectionHeaderComponent {
|
|
|
3844
4076
|
* Renders a subsection within a parent section, using a smaller heading (defaults to h4).
|
|
3845
4077
|
* Useful for grouping related content under a `dbx-section`.
|
|
3846
4078
|
*
|
|
4079
|
+
* @dbxWebComponent
|
|
4080
|
+
* @dbxWebSlug subsection
|
|
4081
|
+
* @dbxWebCategory layout
|
|
4082
|
+
* @dbxWebRelated section, section-header
|
|
4083
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4084
|
+
* @dbxWebMinimalExample ```html
|
|
4085
|
+
* <dbx-subsection header="Details"><p>Body</p></dbx-subsection>
|
|
4086
|
+
* ```
|
|
4087
|
+
*
|
|
3847
4088
|
* @example
|
|
3848
4089
|
* ```html
|
|
3849
|
-
* <dbx-section header="
|
|
3850
|
-
* <dbx-subsection header="
|
|
3851
|
-
* <p>Subsection
|
|
4090
|
+
* <dbx-section header="Settings">
|
|
4091
|
+
* <dbx-subsection header="Notifications" icon="notifications">
|
|
4092
|
+
* <p>Subsection body.</p>
|
|
3852
4093
|
* </dbx-subsection>
|
|
3853
4094
|
* </dbx-section>
|
|
3854
4095
|
* ```
|
|
@@ -3906,13 +4147,22 @@ declare class DbxColorDirective {
|
|
|
3906
4147
|
/**
|
|
3907
4148
|
* Adds flexible spacing between sibling elements in a flex container.
|
|
3908
4149
|
*
|
|
4150
|
+
* @dbxWebComponent
|
|
4151
|
+
* @dbxWebSlug spacer
|
|
4152
|
+
* @dbxWebCategory layout
|
|
4153
|
+
* @dbxWebRelated bar, button-spacer
|
|
4154
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4155
|
+
* @dbxWebMinimalExample ```html
|
|
4156
|
+
* <dbx-spacer></dbx-spacer>
|
|
4157
|
+
* ```
|
|
4158
|
+
*
|
|
3909
4159
|
* @example
|
|
3910
4160
|
* ```html
|
|
3911
|
-
* <
|
|
3912
|
-
* <span>
|
|
4161
|
+
* <dbx-bar>
|
|
4162
|
+
* <span>Title</span>
|
|
3913
4163
|
* <dbx-spacer></dbx-spacer>
|
|
3914
|
-
* <
|
|
3915
|
-
* </
|
|
4164
|
+
* <button mat-button>Action</button>
|
|
4165
|
+
* </dbx-bar>
|
|
3916
4166
|
* ```
|
|
3917
4167
|
*/
|
|
3918
4168
|
declare class DbxSpacerDirective {
|
|
@@ -4154,11 +4404,19 @@ declare class DbxUnitedStatesAddressComponent {
|
|
|
4154
4404
|
*
|
|
4155
4405
|
* Use the `[header]` content slot for extra header-level content and default content for the detail area.
|
|
4156
4406
|
*
|
|
4407
|
+
* @dbxWebComponent
|
|
4408
|
+
* @dbxWebSlug detail-block
|
|
4409
|
+
* @dbxWebCategory text
|
|
4410
|
+
* @dbxWebRelated label-block
|
|
4411
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4412
|
+
* @dbxWebMinimalExample ```html
|
|
4413
|
+
* <dbx-detail-block header="Label">Body</dbx-detail-block>
|
|
4414
|
+
* ```
|
|
4415
|
+
*
|
|
4157
4416
|
* @example
|
|
4158
4417
|
* ```html
|
|
4159
|
-
* <dbx-detail-block
|
|
4160
|
-
* <
|
|
4161
|
-
* <p>Detail content goes here.</p>
|
|
4418
|
+
* <dbx-detail-block header="Email" icon="mail">
|
|
4419
|
+
* <p>{{ user.email }}</p>
|
|
4162
4420
|
* </dbx-detail-block>
|
|
4163
4421
|
* ```
|
|
4164
4422
|
*/
|
|
@@ -4279,11 +4537,18 @@ declare class DbxIconSpacerDirective {
|
|
|
4279
4537
|
/**
|
|
4280
4538
|
* Displays a label header above projected content, useful for labeling form fields or data sections.
|
|
4281
4539
|
*
|
|
4540
|
+
* @dbxWebComponent
|
|
4541
|
+
* @dbxWebSlug label-block
|
|
4542
|
+
* @dbxWebCategory text
|
|
4543
|
+
* @dbxWebRelated detail-block
|
|
4544
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4545
|
+
* @dbxWebMinimalExample ```html
|
|
4546
|
+
* <dbx-label-block header="Label">Body</dbx-label-block>
|
|
4547
|
+
* ```
|
|
4548
|
+
*
|
|
4282
4549
|
* @example
|
|
4283
4550
|
* ```html
|
|
4284
|
-
* <dbx-label-block header="
|
|
4285
|
-
* <span>user@example.com</span>
|
|
4286
|
-
* </dbx-label-block>
|
|
4551
|
+
* <dbx-label-block header="Status"><span>Active</span></dbx-label-block>
|
|
4287
4552
|
* ```
|
|
4288
4553
|
*/
|
|
4289
4554
|
declare class DbxLabelBlockComponent {
|
|
@@ -4483,11 +4748,18 @@ declare const DBX_CHIP_DEFAULT_TONE = 18;
|
|
|
4483
4748
|
/**
|
|
4484
4749
|
* Renders a styled chip element with optional small, block, and color modes.
|
|
4485
4750
|
*
|
|
4751
|
+
* @dbxWebComponent
|
|
4752
|
+
* @dbxWebSlug chip
|
|
4753
|
+
* @dbxWebCategory text
|
|
4754
|
+
* @dbxWebRelated chip-list
|
|
4755
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4756
|
+
* @dbxWebMinimalExample ```html
|
|
4757
|
+
* <dbx-chip text="Tag"></dbx-chip>
|
|
4758
|
+
* ```
|
|
4759
|
+
*
|
|
4486
4760
|
* @example
|
|
4487
4761
|
* ```html
|
|
4488
|
-
* <dbx-chip
|
|
4489
|
-
* <dbx-chip [block]="true">Full Width</dbx-chip>
|
|
4490
|
-
* <dbx-chip [color]="'primary'">Primary</dbx-chip>
|
|
4762
|
+
* <dbx-chip text="Active" icon="check" color="primary"></dbx-chip>
|
|
4491
4763
|
* ```
|
|
4492
4764
|
*/
|
|
4493
4765
|
declare class DbxChipDirective {
|
|
@@ -4534,10 +4806,21 @@ declare class DbxChipDirective {
|
|
|
4534
4806
|
*
|
|
4535
4807
|
* Uses {@link DbxChipDirective} internally with `dbx-chip-spacer` class for spacing.
|
|
4536
4808
|
*
|
|
4809
|
+
* @dbxWebComponent
|
|
4810
|
+
* @dbxWebSlug chip-list
|
|
4811
|
+
* @dbxWebCategory text
|
|
4812
|
+
* @dbxWebRelated chip
|
|
4813
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
4814
|
+
* @dbxWebMinimalExample ```html
|
|
4815
|
+
* <dbx-chip-list></dbx-chip-list>
|
|
4816
|
+
* ```
|
|
4817
|
+
*
|
|
4537
4818
|
* @example
|
|
4538
4819
|
* ```html
|
|
4539
|
-
* <dbx-chip-list
|
|
4540
|
-
*
|
|
4820
|
+
* <dbx-chip-list>
|
|
4821
|
+
* <dbx-chip text="Tag1"></dbx-chip>
|
|
4822
|
+
* <dbx-chip text="Tag2"></dbx-chip>
|
|
4823
|
+
* </dbx-chip-list>
|
|
4541
4824
|
* ```
|
|
4542
4825
|
*/
|
|
4543
4826
|
declare class DbxChipListComponent {
|
|
@@ -4859,10 +5142,18 @@ declare function overrideClickElementEffect(config: OverrideClickElementEffectCo
|
|
|
4859
5142
|
*
|
|
4860
5143
|
* Clicking the text or the icon copies the text to the clipboard and optionally shows a snackbar confirmation.
|
|
4861
5144
|
*
|
|
5145
|
+
* @dbxWebComponent
|
|
5146
|
+
* @dbxWebSlug click-to-copy-text
|
|
5147
|
+
* @dbxWebCategory text
|
|
5148
|
+
* @dbxWebRelated chip
|
|
5149
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
5150
|
+
* @dbxWebMinimalExample ```html
|
|
5151
|
+
* <dbx-click-to-copy-text [text]="value"></dbx-click-to-copy-text>
|
|
5152
|
+
* ```
|
|
5153
|
+
*
|
|
4862
5154
|
* @example
|
|
4863
5155
|
* ```html
|
|
4864
|
-
* <dbx-click-to-copy-text
|
|
4865
|
-
* <dbx-click-to-copy-text [clickIconToCopyOnly]="true">Click icon only</dbx-click-to-copy-text>
|
|
5156
|
+
* <dbx-click-to-copy-text [text]="userId"></dbx-click-to-copy-text>
|
|
4866
5157
|
* ```
|
|
4867
5158
|
*/
|
|
4868
5159
|
declare class DbxClickToCopyTextComponent {
|
|
@@ -4937,6 +5228,13 @@ interface DbxButtonStyle {
|
|
|
4937
5228
|
*/
|
|
4938
5229
|
readonly fab?: Maybe<boolean>;
|
|
4939
5230
|
}
|
|
5231
|
+
/**
|
|
5232
|
+
* A button style and display pair.
|
|
5233
|
+
*/
|
|
5234
|
+
interface DbxButtonDisplayStylePair {
|
|
5235
|
+
readonly style?: Maybe<DbxButtonStyle>;
|
|
5236
|
+
readonly display?: Maybe<DbxButtonDisplay>;
|
|
5237
|
+
}
|
|
4940
5238
|
|
|
4941
5239
|
/**
|
|
4942
5240
|
* Full configuration for a progress button, controlling appearance, working state,
|
|
@@ -5134,11 +5432,18 @@ declare abstract class AbstractProgressButtonDirective {
|
|
|
5134
5432
|
/**
|
|
5135
5433
|
* Progress button that displays a Material progress bar beneath the button while working.
|
|
5136
5434
|
*
|
|
5435
|
+
* @dbxWebComponent
|
|
5436
|
+
* @dbxWebSlug progress-bar-button
|
|
5437
|
+
* @dbxWebCategory button
|
|
5438
|
+
* @dbxWebRelated button, progress-spinner-button
|
|
5439
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
5440
|
+
* @dbxWebMinimalExample ```html
|
|
5441
|
+
* <dbx-progress-bar-button [config]="cfg"></dbx-progress-bar-button>
|
|
5442
|
+
* ```
|
|
5443
|
+
*
|
|
5137
5444
|
* @example
|
|
5138
5445
|
* ```html
|
|
5139
|
-
* <dbx-progress-bar-button [config]="
|
|
5140
|
-
* Save
|
|
5141
|
-
* </dbx-progress-bar-button>
|
|
5446
|
+
* <dbx-progress-bar-button [config]="cfg" (btnClick)="onClick()"></dbx-progress-bar-button>
|
|
5142
5447
|
* ```
|
|
5143
5448
|
*/
|
|
5144
5449
|
declare class DbxProgressBarButtonComponent extends AbstractProgressButtonDirective {
|
|
@@ -5152,11 +5457,18 @@ declare class DbxProgressBarButtonComponent extends AbstractProgressButtonDirect
|
|
|
5152
5457
|
* Progress button that overlays a Material progress spinner on the button while working.
|
|
5153
5458
|
* Supports icon-only, FAB, and text button modes with automatic spinner sizing.
|
|
5154
5459
|
*
|
|
5460
|
+
* @dbxWebComponent
|
|
5461
|
+
* @dbxWebSlug progress-spinner-button
|
|
5462
|
+
* @dbxWebCategory button
|
|
5463
|
+
* @dbxWebRelated button, progress-bar-button
|
|
5464
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
5465
|
+
* @dbxWebMinimalExample ```html
|
|
5466
|
+
* <dbx-progress-spinner-button [config]="cfg"></dbx-progress-spinner-button>
|
|
5467
|
+
* ```
|
|
5468
|
+
*
|
|
5155
5469
|
* @example
|
|
5156
5470
|
* ```html
|
|
5157
|
-
* <dbx-progress-spinner-button [config]="
|
|
5158
|
-
* Submit
|
|
5159
|
-
* </dbx-progress-spinner-button>
|
|
5471
|
+
* <dbx-progress-spinner-button [config]="cfg" (btnClick)="onClick()"></dbx-progress-spinner-button>
|
|
5160
5472
|
* ```
|
|
5161
5473
|
*/
|
|
5162
5474
|
declare class DbxProgressSpinnerButtonComponent extends AbstractProgressButtonDirective {
|
|
@@ -5212,6 +5524,15 @@ declare function provideDbxProgressButtonGlobalConfig(config: DbxProgressButtonG
|
|
|
5212
5524
|
* custom colors, icons, and floating action button (FAB) mode. Integrates with the dbxAction system
|
|
5213
5525
|
* for automatic working/disabled state management.
|
|
5214
5526
|
*
|
|
5527
|
+
* @dbxWebComponent
|
|
5528
|
+
* @dbxWebSlug button
|
|
5529
|
+
* @dbxWebCategory button
|
|
5530
|
+
* @dbxWebRelated icon-button, progress-spinner-button, progress-bar-button
|
|
5531
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
5532
|
+
* @dbxWebMinimalExample ```html
|
|
5533
|
+
* <dbx-button text="Save" raised [dbxAction]="saveAction"></dbx-button>
|
|
5534
|
+
* ```
|
|
5535
|
+
*
|
|
5215
5536
|
* @example
|
|
5216
5537
|
* ```html
|
|
5217
5538
|
* <dbx-button [text]="'Save'" raised [dbxAction]="saveAction">
|
|
@@ -5256,7 +5577,7 @@ declare class DbxButtonComponent extends AbstractDbxButtonDirective {
|
|
|
5256
5577
|
readonly customContent: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
|
|
5257
5578
|
readonly allowClickPropagation: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
|
|
5258
5579
|
readonly mode: _angular_core.InputSignal<Maybe<ProgressSpinnerMode>>;
|
|
5259
|
-
readonly
|
|
5580
|
+
readonly styleTypeSignal: _angular_core.Signal<Maybe<DbxButtonType>>;
|
|
5260
5581
|
readonly configSignal: _angular_core.Signal<DbxProgressButtonConfig>;
|
|
5261
5582
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxButtonComponent, never>;
|
|
5262
5583
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "bar": { "alias": "bar"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; "isSignal": true; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; "isSignal": true; }; "customTextColor": { "alias": "customTextColor"; "required": false; "isSignal": true; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; "isSignal": true; }; "basic": { "alias": "basic"; "required": false; "isSignal": true; }; "tonal": { "alias": "tonal"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "stroked": { "alias": "stroked"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "fab": { "alias": "fab"; "required": false; "isSignal": true; }; "customContent": { "alias": "customContent"; "required": false; "isSignal": true; }; "allowClickPropagation": { "alias": "allowClickPropagation"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
@@ -5265,16 +5586,22 @@ declare class DbxButtonComponent extends AbstractDbxButtonDirective {
|
|
|
5265
5586
|
/**
|
|
5266
5587
|
* Adds inline spacing between adjacent buttons. Can be used as an element or attribute.
|
|
5267
5588
|
*
|
|
5268
|
-
* @
|
|
5269
|
-
*
|
|
5270
|
-
*
|
|
5589
|
+
* @dbxWebComponent
|
|
5590
|
+
* @dbxWebSlug button-spacer
|
|
5591
|
+
* @dbxWebCategory button
|
|
5592
|
+
* @dbxWebRelated bar, spacer, button
|
|
5593
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
5594
|
+
* @dbxWebMinimalExample ```html
|
|
5271
5595
|
* <dbx-button-spacer></dbx-button-spacer>
|
|
5272
|
-
* <dbx-button text="Save" raised></dbx-button>
|
|
5273
5596
|
* ```
|
|
5274
5597
|
*
|
|
5275
5598
|
* @example
|
|
5276
5599
|
* ```html
|
|
5277
|
-
* <
|
|
5600
|
+
* <dbx-bar>
|
|
5601
|
+
* <dbx-button text="Save" raised></dbx-button>
|
|
5602
|
+
* <dbx-button-spacer></dbx-button-spacer>
|
|
5603
|
+
* <dbx-button text="Cancel"></dbx-button>
|
|
5604
|
+
* </dbx-bar>
|
|
5278
5605
|
* ```
|
|
5279
5606
|
*/
|
|
5280
5607
|
declare class DbxButtonSpacerDirective {
|
|
@@ -5341,9 +5668,20 @@ interface DbxErrorViewButtonEvent {
|
|
|
5341
5668
|
* Emits a {@link DbxErrorViewButtonEvent} when the button is clicked, which is typically used
|
|
5342
5669
|
* to open an error detail popover. Used internally by {@link DbxErrorComponent}.
|
|
5343
5670
|
*
|
|
5671
|
+
* @dbxWebComponent
|
|
5672
|
+
* @dbxWebSlug error-view
|
|
5673
|
+
* @dbxWebCategory feedback
|
|
5674
|
+
* @dbxWebRelated error, error-snackbar
|
|
5675
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
5676
|
+
* @dbxWebMinimalExample ```html
|
|
5677
|
+
* <dbx-error-view [error]="error"></dbx-error-view>
|
|
5678
|
+
* ```
|
|
5679
|
+
*
|
|
5344
5680
|
* @example
|
|
5345
5681
|
* ```html
|
|
5346
|
-
* <dbx-error-view
|
|
5682
|
+
* <dbx-error-view [error]="error">
|
|
5683
|
+
* <dbx-button text="Retry" [dbxAction]="retryAction"></dbx-button>
|
|
5684
|
+
* </dbx-error-view>
|
|
5347
5685
|
* ```
|
|
5348
5686
|
*/
|
|
5349
5687
|
declare class DbxErrorViewComponent {
|
|
@@ -5386,12 +5724,18 @@ interface DbxErrorComponentState {
|
|
|
5386
5724
|
* with an icon and message, or a custom error widget registered via {@link DbxErrorWidgetService}.
|
|
5387
5725
|
* Clicking the error icon opens a popover with detailed error information.
|
|
5388
5726
|
*
|
|
5727
|
+
* @dbxWebComponent
|
|
5728
|
+
* @dbxWebSlug error
|
|
5729
|
+
* @dbxWebCategory feedback
|
|
5730
|
+
* @dbxWebRelated error-snackbar, error-view, loading
|
|
5731
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
5732
|
+
* @dbxWebMinimalExample ```html
|
|
5733
|
+
* <dbx-error [error]="error"></dbx-error>
|
|
5734
|
+
* ```
|
|
5735
|
+
*
|
|
5389
5736
|
* @example
|
|
5390
5737
|
* ```html
|
|
5391
|
-
* <dbx-error [error]="
|
|
5392
|
-
*
|
|
5393
|
-
* <!-- Icon-only mode, no message text -->
|
|
5394
|
-
* <dbx-error [error]="myError" [iconOnly]="true"></dbx-error>
|
|
5738
|
+
* <dbx-error [error]="error$ | async"></dbx-error>
|
|
5395
5739
|
* ```
|
|
5396
5740
|
*/
|
|
5397
5741
|
declare class DbxErrorComponent {
|
|
@@ -5531,9 +5875,18 @@ interface DbxErrorSnackbarData<T extends ErrorInput = ErrorInput> {
|
|
|
5531
5875
|
* Supports an optional auto-dismiss timer that pauses while an error detail popover is open.
|
|
5532
5876
|
* Typically opened via {@link DbxErrorSnackbarService} or the static {@link DbxErrorSnackbarComponent.showErrorSnackbar} method.
|
|
5533
5877
|
*
|
|
5878
|
+
* @dbxWebComponent
|
|
5879
|
+
* @dbxWebSlug error-snackbar
|
|
5880
|
+
* @dbxWebCategory feedback
|
|
5881
|
+
* @dbxWebRelated error
|
|
5882
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
5883
|
+
* @dbxWebMinimalExample ```html
|
|
5884
|
+
* <dbx-error-snackbar></dbx-error-snackbar>
|
|
5885
|
+
* ```
|
|
5886
|
+
*
|
|
5534
5887
|
* @example
|
|
5535
|
-
* ```
|
|
5536
|
-
*
|
|
5888
|
+
* ```html
|
|
5889
|
+
* // Triggered via DbxErrorSnackbarService.showError(error)
|
|
5537
5890
|
* ```
|
|
5538
5891
|
*/
|
|
5539
5892
|
declare class DbxErrorSnackbarComponent {
|
|
@@ -5586,13 +5939,18 @@ declare class DbxErrorSnackbarService {
|
|
|
5586
5939
|
* Subscribes to the action context's error stream and shows a snackbar via {@link DbxErrorSnackbarService}
|
|
5587
5940
|
* whenever an error occurs. Accepts an optional configuration or a duration in milliseconds as input.
|
|
5588
5941
|
*
|
|
5942
|
+
* @dbxWebComponent
|
|
5943
|
+
* @dbxWebSlug action-snackbar-error
|
|
5944
|
+
* @dbxWebCategory action
|
|
5945
|
+
* @dbxWebRelated action-snackbar
|
|
5946
|
+
* @dbxWebSkillRefs dbx__ref__dbx-component-patterns
|
|
5947
|
+
* @dbxWebMinimalExample ```html
|
|
5948
|
+
* <div [dbxActionSnackbarError]></div>
|
|
5949
|
+
* ```
|
|
5950
|
+
*
|
|
5589
5951
|
* @example
|
|
5590
5952
|
* ```html
|
|
5591
|
-
*
|
|
5592
|
-
* <div dbxAction [dbxActionSnackbarError]="5000">...</div>
|
|
5593
|
-
*
|
|
5594
|
-
* <!-- Default behavior, no auto-dismiss -->
|
|
5595
|
-
* <div dbxAction dbxActionSnackbarError>...</div>
|
|
5953
|
+
* <button [dbxAction]="saveAction" dbxActionSnackbarError>Save</button>
|
|
5596
5954
|
* ```
|
|
5597
5955
|
*/
|
|
5598
5956
|
declare class DbxActionSnackbarErrorDirective {
|
|
@@ -5682,6 +6040,20 @@ interface FullDbxPopoverComponentConfig<O, I, T> extends DbxPopoverComponentConf
|
|
|
5682
6040
|
* Core popover component that renders injected content with position strategy, transition watching, and keyboard close support.
|
|
5683
6041
|
*
|
|
5684
6042
|
* Coordinates with {@link DbxPopoverCoordinatorService} to ensure only one popover per key is active at a time.
|
|
6043
|
+
*
|
|
6044
|
+
* @dbxWebComponent
|
|
6045
|
+
* @dbxWebSlug popover
|
|
6046
|
+
* @dbxWebCategory overlay
|
|
6047
|
+
* @dbxWebRelated popup, prompt-confirm, dialog-content
|
|
6048
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
6049
|
+
* @dbxWebMinimalExample ```html
|
|
6050
|
+
* <dbx-popover></dbx-popover>
|
|
6051
|
+
* ```
|
|
6052
|
+
*
|
|
6053
|
+
* @example
|
|
6054
|
+
* ```html
|
|
6055
|
+
* // In a service: this.popoverService.open({ content: MyContentComponent, origin })
|
|
6056
|
+
* ```
|
|
5685
6057
|
*/
|
|
5686
6058
|
declare class DbxPopoverComponent<O = unknown, I = unknown, T = unknown> extends AbstractTransitionWatcherDirective implements DbxPopoverController<O, I>, OnInit, OnDestroy {
|
|
5687
6059
|
private readonly popoverRef;
|
|
@@ -6844,10 +7216,20 @@ declare function dbxZipBlobPreviewEntryTreeFromEntries(entries: Maybe<Entry[]>):
|
|
|
6844
7216
|
*
|
|
6845
7217
|
* Supports plain content, clickable actions, router segue references, external hrefs, and disabled states.
|
|
6846
7218
|
*
|
|
7219
|
+
* @dbxWebComponent
|
|
7220
|
+
* @dbxWebSlug anchor
|
|
7221
|
+
* @dbxWebCategory router
|
|
7222
|
+
* @dbxWebRelated anchor-list, navbar, sidenav
|
|
7223
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
7224
|
+
* @dbxWebMinimalExample ```html
|
|
7225
|
+
* <dbx-anchor [anchor]="{ url: '/' }">Home</dbx-anchor>
|
|
7226
|
+
* ```
|
|
7227
|
+
*
|
|
6847
7228
|
* @example
|
|
6848
7229
|
* ```html
|
|
6849
|
-
* <dbx-anchor [anchor]="
|
|
6850
|
-
*
|
|
7230
|
+
* <dbx-anchor [anchor]="{ ref: 'app.home' }">
|
|
7231
|
+
* <button mat-button>Home</button>
|
|
7232
|
+
* </dbx-anchor>
|
|
6851
7233
|
* ```
|
|
6852
7234
|
*/
|
|
6853
7235
|
declare class DbxAnchorComponent extends AbstractDbxAnchorDirective {
|
|
@@ -6972,9 +7354,18 @@ interface DbxAnchorListExpandedAnchor extends ExpandedClickableAnchorLinkTree {
|
|
|
6972
7354
|
*
|
|
6973
7355
|
* Each anchor is expanded and assigned depth-based CSS classes for nested styling.
|
|
6974
7356
|
*
|
|
7357
|
+
* @dbxWebComponent
|
|
7358
|
+
* @dbxWebSlug anchor-list
|
|
7359
|
+
* @dbxWebCategory router
|
|
7360
|
+
* @dbxWebRelated anchor, sidenav
|
|
7361
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
7362
|
+
* @dbxWebMinimalExample ```html
|
|
7363
|
+
* <dbx-anchor-list [anchors]="anchors"></dbx-anchor-list>
|
|
7364
|
+
* ```
|
|
7365
|
+
*
|
|
6975
7366
|
* @example
|
|
6976
7367
|
* ```html
|
|
6977
|
-
* <dbx-anchor-list [anchors]="
|
|
7368
|
+
* <dbx-anchor-list [anchors]="navAnchors"></dbx-anchor-list>
|
|
6978
7369
|
* ```
|
|
6979
7370
|
*/
|
|
6980
7371
|
declare class DbxAnchorListComponent {
|
|
@@ -7040,10 +7431,18 @@ type NavbarButtonMode = 'menu' | 'rotate';
|
|
|
7040
7431
|
*
|
|
7041
7432
|
* Automatically selects the active anchor based on the current route and supports configurable breakpoints.
|
|
7042
7433
|
*
|
|
7434
|
+
* @dbxWebComponent
|
|
7435
|
+
* @dbxWebSlug navbar
|
|
7436
|
+
* @dbxWebCategory navigation
|
|
7437
|
+
* @dbxWebRelated anchor, sidenav, pagebar
|
|
7438
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
7439
|
+
* @dbxWebMinimalExample ```html
|
|
7440
|
+
* <dbx-navbar [anchors]="anchors"></dbx-navbar>
|
|
7441
|
+
* ```
|
|
7442
|
+
*
|
|
7043
7443
|
* @example
|
|
7044
7444
|
* ```html
|
|
7045
|
-
* <dbx-navbar [anchors]="
|
|
7046
|
-
* <dbx-navbar [anchors]="navAnchors" mode="icon" [showMenuCaret]="true"></dbx-navbar>
|
|
7445
|
+
* <dbx-navbar [anchors]="topNav"></dbx-navbar>
|
|
7047
7446
|
* ```
|
|
7048
7447
|
*/
|
|
7049
7448
|
declare class DbxNavbarComponent extends AbstractTransitionDirective {
|
|
@@ -7148,13 +7547,18 @@ interface DbxSidenavSidebarState {
|
|
|
7148
7547
|
* Renders a Material sidenav with an anchor list and automatically transitions between mobile overlay, icon rail, and full sidebar modes.
|
|
7149
7548
|
* Closes automatically on route transitions in mobile mode.
|
|
7150
7549
|
*
|
|
7550
|
+
* @dbxWebComponent
|
|
7551
|
+
* @dbxWebSlug sidenav
|
|
7552
|
+
* @dbxWebCategory navigation
|
|
7553
|
+
* @dbxWebRelated sidenav-page, anchor-list
|
|
7554
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
7555
|
+
* @dbxWebMinimalExample ```html
|
|
7556
|
+
* <dbx-sidenav [anchors]="anchors"></dbx-sidenav>
|
|
7557
|
+
* ```
|
|
7558
|
+
*
|
|
7151
7559
|
* @example
|
|
7152
7560
|
* ```html
|
|
7153
|
-
* <dbx-sidenav [anchors]="
|
|
7154
|
-
* <div top>Header Content</div>
|
|
7155
|
-
* <div bottom>Footer Content</div>
|
|
7156
|
-
* <router-outlet></router-outlet>
|
|
7157
|
-
* </dbx-sidenav>
|
|
7561
|
+
* <dbx-sidenav [anchors]="sidenavAnchors"></dbx-sidenav>
|
|
7158
7562
|
* ```
|
|
7159
7563
|
*/
|
|
7160
7564
|
declare class DbxSidenavComponent extends AbstractTransitionWatcherDirective implements OnInit {
|
|
@@ -7280,15 +7684,20 @@ declare class DbxSidenavPagebarComponent extends DbxPagebarComponent {
|
|
|
7280
7684
|
*
|
|
7281
7685
|
* When `mobileOnly` is true, the pagebar is hidden on non-mobile screen sizes.
|
|
7282
7686
|
*
|
|
7687
|
+
* @dbxWebComponent
|
|
7688
|
+
* @dbxWebSlug sidenav-page
|
|
7689
|
+
* @dbxWebCategory navigation
|
|
7690
|
+
* @dbxWebRelated sidenav, navbar
|
|
7691
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
7692
|
+
* @dbxWebMinimalExample ```html
|
|
7693
|
+
* <dbx-sidenav-page>Content</dbx-sidenav-page>
|
|
7694
|
+
* ```
|
|
7695
|
+
*
|
|
7283
7696
|
* @example
|
|
7284
7697
|
* ```html
|
|
7285
|
-
* <dbx-sidenav
|
|
7286
|
-
* <
|
|
7287
|
-
*
|
|
7288
|
-
* <span navRight>Right Nav Content</span>
|
|
7289
|
-
* <p>Page body content</p>
|
|
7290
|
-
* </dbx-sidenav-page>
|
|
7291
|
-
* </dbx-sidenav>
|
|
7698
|
+
* <dbx-sidenav-page>
|
|
7699
|
+
* <ui-view></ui-view>
|
|
7700
|
+
* </dbx-sidenav-page>
|
|
7292
7701
|
* ```
|
|
7293
7702
|
*/
|
|
7294
7703
|
declare class DbxSidenavPageComponent {
|
|
@@ -7537,10 +7946,20 @@ type DbxDialogContentContainerWidth = 'normal' | 'wide';
|
|
|
7537
7946
|
*
|
|
7538
7947
|
* Can be used as an element, attribute, or CSS class selector.
|
|
7539
7948
|
*
|
|
7949
|
+
* @dbxWebComponent
|
|
7950
|
+
* @dbxWebSlug dialog-content
|
|
7951
|
+
* @dbxWebCategory overlay
|
|
7952
|
+
* @dbxWebRelated popover, popup, prompt
|
|
7953
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
7954
|
+
* @dbxWebMinimalExample ```html
|
|
7955
|
+
* <div dbxDialogContent>Body</div>
|
|
7956
|
+
* ```
|
|
7957
|
+
*
|
|
7540
7958
|
* @example
|
|
7541
7959
|
* ```html
|
|
7542
|
-
* <dbx-dialog-content
|
|
7543
|
-
* <
|
|
7960
|
+
* <dbx-dialog-content>
|
|
7961
|
+
* <h2>Confirm</h2>
|
|
7962
|
+
* <p>Are you sure?</p>
|
|
7544
7963
|
* </dbx-dialog-content>
|
|
7545
7964
|
* ```
|
|
7546
7965
|
*/
|
|
@@ -8751,10 +9170,19 @@ declare abstract class AbstractFilterPopoverButtonDirective<F extends object> ex
|
|
|
8751
9170
|
declare class DbxFilterPopoverButtonComponent<F extends object = object> extends AbstractFilterPopoverButtonDirective<F> {
|
|
8752
9171
|
readonly buttonElement: _angular_core.Signal<Maybe<ElementRef<any>>>;
|
|
8753
9172
|
readonly disabled: _angular_core.InputSignal<Maybe<boolean>>;
|
|
9173
|
+
/**
|
|
9174
|
+
* @deprecated Use buttonDisplayStyle instead.
|
|
9175
|
+
*/
|
|
8754
9176
|
readonly buttonDisplay: _angular_core.InputSignalWithTransform<DbxButtonDisplay, Maybe<DbxButtonDisplay>>;
|
|
9177
|
+
readonly buttonDisplayStyle: _angular_core.InputSignal<Maybe<DbxButtonDisplayStylePair>>;
|
|
9178
|
+
readonly buttonDisplaySignal: _angular_core.Signal<{
|
|
9179
|
+
icon?: Maybe<string>;
|
|
9180
|
+
text?: Maybe<string>;
|
|
9181
|
+
} | undefined>;
|
|
9182
|
+
readonly buttonStyleSignal: _angular_core.Signal<Maybe<_dereekb_dbx_web.DbxButtonStyle>>;
|
|
8755
9183
|
showFilterPopover(): void;
|
|
8756
9184
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxFilterPopoverButtonComponent<any>, never>;
|
|
8757
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonDisplay": { "alias": "buttonDisplay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
9185
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonDisplay": { "alias": "buttonDisplay"; "required": false; "isSignal": true; }; "buttonDisplayStyle": { "alias": "buttonDisplayStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8758
9186
|
}
|
|
8759
9187
|
|
|
8760
9188
|
/**
|
|
@@ -9267,6 +9695,20 @@ interface DbxPopupComponentConfig<O, I, T> {
|
|
|
9267
9695
|
* Core popup component that renders injected content with support for minimize, fullscreen, and normal window states.
|
|
9268
9696
|
*
|
|
9269
9697
|
* Coordinates with {@link DbxPopupCoordinatorService} to ensure only one popup per key is active at a time.
|
|
9698
|
+
*
|
|
9699
|
+
* @dbxWebComponent
|
|
9700
|
+
* @dbxWebSlug popup
|
|
9701
|
+
* @dbxWebCategory overlay
|
|
9702
|
+
* @dbxWebRelated popover
|
|
9703
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
9704
|
+
* @dbxWebMinimalExample ```html
|
|
9705
|
+
* <dbx-popup></dbx-popup>
|
|
9706
|
+
* ```
|
|
9707
|
+
*
|
|
9708
|
+
* @example
|
|
9709
|
+
* ```html
|
|
9710
|
+
* // In a service: this.popupService.open({ content: MyContentComponent })
|
|
9711
|
+
* ```
|
|
9270
9712
|
*/
|
|
9271
9713
|
declare class DbxPopupComponent<O = unknown, I = unknown, T = unknown> extends AbstractTransitionWatcherDirective implements DbxPopupController<O, I> {
|
|
9272
9714
|
private readonly popoverRef;
|
|
@@ -9466,11 +9908,20 @@ declare class DbxPromptConfirmButtonDirective implements OnInit, DbxButtonInterc
|
|
|
9466
9908
|
/**
|
|
9467
9909
|
* Renders a styled prompt section with a header, descriptive text, and a hero content slot.
|
|
9468
9910
|
*
|
|
9911
|
+
* @dbxWebComponent
|
|
9912
|
+
* @dbxWebSlug prompt
|
|
9913
|
+
* @dbxWebCategory overlay
|
|
9914
|
+
* @dbxWebRelated prompt-confirm, dialog-content
|
|
9915
|
+
* @dbxWebSkillRefs dbx__ref__dbx-app-structure
|
|
9916
|
+
* @dbxWebMinimalExample ```html
|
|
9917
|
+
* <dbx-prompt header="Confirm"></dbx-prompt>
|
|
9918
|
+
* ```
|
|
9919
|
+
*
|
|
9469
9920
|
* @example
|
|
9470
9921
|
* ```html
|
|
9471
|
-
* <dbx-prompt
|
|
9472
|
-
* <
|
|
9473
|
-
* <button mat-
|
|
9922
|
+
* <dbx-prompt header="Delete account" prompt="This cannot be undone.">
|
|
9923
|
+
* <button mat-button (click)="cancel()">Cancel</button>
|
|
9924
|
+
* <button mat-flat-button color="warn" (click)="confirm()">Delete</button>
|
|
9474
9925
|
* </dbx-prompt>
|
|
9475
9926
|
* ```
|
|
9476
9927
|
*/
|
|
@@ -9943,11 +10394,18 @@ declare class DbxWindowKeyDownListenerDirective {
|
|
|
9943
10394
|
*
|
|
9944
10395
|
* Uses a `ResizeObserver` internally via {@link resizeSignal}.
|
|
9945
10396
|
*
|
|
10397
|
+
* @dbxWebComponent
|
|
10398
|
+
* @dbxWebSlug resized
|
|
10399
|
+
* @dbxWebCategory screen
|
|
10400
|
+
* @dbxWebRelated flex-group
|
|
10401
|
+
* @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
|
|
10402
|
+
* @dbxWebMinimalExample ```html
|
|
10403
|
+
* <div (dbxResized)="handle($event)"></div>
|
|
10404
|
+
* ```
|
|
10405
|
+
*
|
|
9946
10406
|
* @example
|
|
9947
10407
|
* ```html
|
|
9948
|
-
* <div
|
|
9949
|
-
* Resizable content
|
|
9950
|
-
* </div>
|
|
10408
|
+
* <div (dbxResized)="onResized($event)" class="resizable-panel"></div>
|
|
9951
10409
|
* ```
|
|
9952
10410
|
*/
|
|
9953
10411
|
declare class DbxResizedDirective {
|
|
@@ -10057,4 +10515,4 @@ declare class DbxWebModule {
|
|
|
10057
10515
|
}
|
|
10058
10516
|
|
|
10059
10517
|
export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxClipboardDirective, AbstractDbxErrorWidgetComponent, AbstractDbxFileUploadComponent, AbstractDbxHelpWidgetDirective, AbstractDbxListAccordionViewDirective, AbstractDbxListGridViewDirective, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxPartialPresetFilterMenuDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDbxWidgetComponent, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_AVATAR_CONTEXT_DATA_TOKEN, DBX_CHIP_DEFAULT_TONE, DBX_DARK_STYLE_CLASS_SUFFIX, DBX_DETACH_DEFAULT_KEY, DBX_HELP_WIDGET_ENTRY_DATA_TOKEN, DBX_LIST_ACCORDION_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_DEFAULT_SCROLL_DISTANCE, DBX_LIST_DEFAULT_THROTTLE_SCROLL, DBX_LIST_GRID_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_VIEW_DEFAULT_META_ICON, DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN, DBX_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_ANCHOR_COMPONENTS, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_DIALOG_WITH_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PREVIEW_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_ENTRIES_TOKEN, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET_ENTRY, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_HELP_VIEW_POPOVER_KEY, DEFAULT_DBX_LINKIFY_STRING_TYPE, DEFAULT_DBX_LIST_ACCORDION_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_GRID_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION, DbxAccordionHeaderHeightDirective, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxAvatarComponent, DbxAvatarViewService, DbxAvatarViewServiceConfig, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBodyDirective, DbxButtonComponent, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxChipListComponent, DbxClickToCopyTextComponent, DbxClickToCopyTextDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetachContentComponent, DbxDetachControlButtonsComponent, DbxDetachController, DbxDetachControlsComponent, DbxDetachInitDirective, DbxDetachInteractionModule, DbxDetachOutletComponent, DbxDetachOverlayComponent, DbxDetachService, DbxDetachWindowState, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDialogModule, DbxDownloadBlobButtonComponent, DbxDownloadTextViewComponent, DbxEmbedComponent, DbxErrorComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFileUploadActionCompatable, DbxFileUploadActionSyncDirective, DbxFileUploadAreaComponent, DbxFileUploadButtonComponent, DbxFileUploadComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHelpContextDirective, DbxHelpContextService, DbxHelpViewListComponent, DbxHelpViewListEntryComponent, DbxHelpViewPopoverButtonComponent, DbxHelpViewPopoverComponent, DbxHelpWidgetService, DbxHelpWidgetServiceConfig, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxIframeComponent, DbxInjectionDialogComponent, DbxInteractionModule, DbxIntroActionSectionComponent, DbxLabelBlockComponent, DbxLayoutModule, DbxLinkComponent, DbxLinkifyComponent, DbxLinkifyService, DbxLinkifyServiceConfig, DbxListAccordionViewComponentImportsModule, DbxListComponent, DbxListEmptyContentComponent, DbxListGridViewComponentImportsModule, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListModifierModule, DbxListModule, DbxListTitleGroupDirective, DbxListView, DbxListViewMetaIconComponent, DbxListViewWrapper, DbxListWrapperComponentImportsModule, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelObjectStateService, actions_d as DbxModelStateActions, model_actions_d as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxNumberWithLimitComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxPopoverCloseButtonComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionContentModule, DbxPopoverInteractionModule, DbxPopoverScrollContentDirective, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent, DbxProgressBarButtonComponent, DbxProgressButtonsModule, DbxProgressSpinnerButtonComponent, DbxPromptBoxDirective, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorModule, DbxResizedDirective, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListViewComponent, DbxSelectionValueListViewComponentImportsModule, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepBlockComponent, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxTextChipsComponent, DbxTextColorDirective, DbxTextModule, DbxTwoBlockComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadDirective, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListAccordionViewComponent, DbxValueListAccordionViewContentComponent, DbxValueListAccordionViewContentGroupComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListGridViewContentGroupComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewComponentImportsModule, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWebFilePreviewComponent, DbxWebFilePreviewService, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, DbxZipBlobPreviewComponent, DbxZipPreviewComponent, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SIDE_NAV_DISPLAY_MODE_ORDER, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, copyToClipboardFunction, dbxColorBackground, dbxListAccordionViewComponentImportsAndExports, dbxListGridViewComponentImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxThemeColorCssToken, dbxThemeColorCssTokenVar, dbxThemeColorCssVariable, dbxThemeColorCssVariableVar, dbxValueListItemDecisionFunction, dbxValueListItemKeyForItemValue, dbxZipBlobPreviewEntryTreeFromEntries, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, fileAcceptFilterTypeStringArray, fileAcceptFunction, fileAcceptString, fileArrayAcceptMatchFunction, flattenAccordionGroups, index_d$1 as fromDbxModel, injectCopyToClipboardFunction, injectCopyToClipboardFunctionWithSnackbarMessage, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index_d as onDbxModel, openEmbedDialog, openIframeDialog, openZipPreviewDialog, overrideClickElementEffect, provideDbxDetachController, provideDbxFileUploadActionCompatable, provideDbxHelpServices, provideDbxLinkify, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideTwoColumnsContext, registerHelpContextKeysWithDbxHelpContextService, resizeSignal, resolveSideNavDisplayMode, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
|
|
10060
|
-
export type { AbstractDbxValueListViewConfig, AnchorForValueFunction, CompactContextState, CompactModeDefaultOptions, CompactModeOption, CompactModeOptions, CopyToClipboardContent, CopyToClipboardFunction, CopyToClipboardFunctionConfig, CopyToClipboardFunctionWithSnackbarMessage, CopyToClipboardFunctionWithSnackbarMessageConfig, CopyToClipboardFunctionWithSnackbarMessageSnackbarConfig, CopyToClipboardSuccess, DbxAccordionRenderEntry, DbxAccordionRenderGroupFooterEntry, DbxAccordionRenderGroupHeaderEntry, DbxAccordionRenderItemEntry, DbxActionConfirmConfig, DbxActionDialogFunction, DbxActionPopoverFunction, DbxActionPopoverFunctionParams, DbxActionSnackbarActionConfig, DbxActionSnackbarDisplayConfig, DbxActionSnackbarDisplayConfigGeneratorFunction, DbxActionSnackbarEvent, DbxActionSnackbarEventMakeConfig, DbxActionSnackbarGeneratorInput, DbxActionSnackbarGeneratorUndoInput, DbxActionSnackbarGeneratorUndoInputConfig, DbxActionSnackbarKnownType, DbxActionSnackbarServiceConfig, DbxActionSnackbarType, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyType, DbxAnchorListExpandedAnchor, DbxAvatarComponentForContextFunction, DbxAvatarContext, DbxAvatarInjectionComponentConfig, DbxAvatarKey, DbxAvatarSelector, DbxAvatarSize, DbxAvatarStyle, DbxButtonStyle, DbxButtonType, DbxChipDisplay, DbxColorTone, DbxContentBorderOpacity, DbxContentContainerPadding, DbxContentContainerWidth, DbxContentPitScrollableHeight, DbxContentPitScrollableHeightSetting, DbxContentPitScrollableInput, DbxDetachConfig, DbxDetachInstance, DbxDetachKey, DbxDetachOverlayConfig, DbxDetachOverlayData, DbxDetachWindowStateType, DbxDialogContentConfig, DbxDialogContentContainerWidth, DbxDialogContentFooterConfig, DbxDownloadBlobButtonConfig, DbxEmbedComponentElement, DbxEmbedDialogConfig, DbxErrorPopoverConfig, DbxErrorSnackbarConfig, DbxErrorSnackbarData, DbxErrorViewButtonEvent, DbxErrorWidgetEntry, DbxErrorWidgetEntryWithPopupComponentClass, DbxFileUploadAreaFilesChangedEvent, DbxFileUploadButtonFilesChangedEvent, DbxFileUploadComponentConfig, DbxFileUploadFilesChangedEvent, DbxFileUploadMode, DbxFilterButtonConfig, DbxFilterButtonConfigWithCustomFilter, DbxFilterButtonConfigWithPresetFilter, DbxFilterComponentConfig, DbxFilterPopoverComponentConfig, DbxFlexSize, DbxHelpContextKey, DbxHelpContextReference, DbxHelpViewPopoverButtonConfig, DbxHelpViewPopoverConfig, DbxHelpViewPopoverConfigWithoutOrigin, DbxHelpWidgetEntryData, DbxHelpWidgetServiceConfigFactory, DbxHelpWidgetServiceEntry, DbxIframeDialogConfig, DbxInjectionDialogComponentConfig, DbxLinkifyConfig, DbxLinkifyServiceConfigFactory, DbxLinkifyServiceDefaultEntry, DbxLinkifyServiceEntry, DbxLinkifyStringOptions, DbxLinkifyStringType, DbxListComponentScrolledEventPosition, DbxListConfig, DbxListLoadMoreHandler, DbxListScrollDirectionTrigger, DbxListSelectionMode, DbxListTitleGroupData, DbxListTitleGroupTitleDelegate, DbxListViewMetaIconConfig, DbxListWrapperConfig, DbxLoadingComponentState, DbxLoadingIsLoadingOrProgress, DbxLoadingProgress, DbxMakeActionSnackbarGeneratorConfiguration, DbxMakeActionSnackbarGeneratorEventConfiguration, DbxModelFullState, DbxModelIconsMap, DbxModelTypeConfiguration, DbxModelTypeConfigurationMap, DbxModelTypeConfigurationSrefFactory, DbxModelTypeConfigurationSrefFactoryBuilder, DbxModelTypeInfo, DbxModelTypesMap, DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet, DbxPopoverComponentConfig, DbxPopoverConfig, DbxPopoverConfigSizing, DbxPopoverKey, DbxPopupComponentConfig, DbxPopupConfig, DbxPopupKey, DbxPopupWindowStateType, DbxPresetFilterMenuConfig, DbxProgressButtonConfig, DbxProgressButtonGlobalConfig, DbxProgressButtonIcon, DbxProgressButtonTargetedConfig, DbxPromptConfirmConfig, DbxPromptConfirmDialogConfig, DbxSectionHeaderConfig, DbxSectionHeaderHType, DbxSectionPageScrollLockedMode, DbxSelectionListWrapperConfig, DbxSelectionValueListViewConfig, DbxSetStyleMode, DbxSidenavPosition, DbxSidenavSidebarState, DbxStepBlockComponentConfig, DbxStyleClass, DbxStyleClassCleanSuffix, DbxStyleClassDashSuffix, DbxStyleClassSuffix, DbxStyleConfig, DbxStyleName, DbxThemeColor, DbxThemeColorExtra, DbxThemeColorExtraSecondary, DbxThemeColorMain, DbxThemeColorMainOrExtra, DbxTwoColumnViewState, DbxValueAsListItem, DbxValueListAccordionViewConfig, DbxValueListGridItemViewGridSizeConfig, DbxValueListGridViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListItemDecisionFunction, DbxValueListItemGroup, DbxValueListViewConfig, DbxValueListViewGroupValuesFunction, DbxWebFilePreviewComponentConfig, DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewComponentFunction, DbxWebFilePreviewServicePreviewComponentFunctionInput, DbxWebFilePreviewServicePreviewDialogFunction, DbxWebFilePreviewServicePreviewDialogFunctionInput, DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog, DbxWebFilePreviewServicePreviewDialogWithComponentFunction, DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput, DbxWebFilePreviewServicePreviewFunction, DbxWidgetDataPair, DbxWidgetDataPairFactory, DbxWidgetDataPairWithSelection, DbxWidgetEntry, DbxWidgetType, DbxWidgetViewComponentConfig, DbxZipBlobPreviewEntryNodeValue, DbxZipBlobPreviewEntryTreeNode, DbxZipBlobPreviewEntryTreeRoot, DbxZipBlobPreviewGroupData, DbxZipBlobPreviewGroupValue, DbxZipBlobPreviewMode, DbxZipPreviewDialogConfig, DownloadTextContent, FileAcceptFilterTypeString, FileAcceptFilterTypeStringArray, FileAcceptFunction, FileAcceptFunctionInput, FileAcceptString, FileArrayAcceptMatchConfig, FileArrayAcceptMatchFunction, FileArrayAcceptMatchResult, FullDbxPopoverComponentConfig, ListItemModifier, ListSelectionState, ListSelectionStateItem, LoadingComponentState, ModelViewContext, NavBarContentAlign, NavbarButtonMode, NavbarMode, NumberWithLimit, OverrideClickElementEffectConfig, PopoverPositionStrategyConfig, PopupPosition, PopupPositionOffset, ProvideDbxHelpServicesConfig, ProvideDbxLinkifyConfig, ProvideDbxScreenMediaServiceConfig, ProvideDbxStyleServiceConfig, ResizedEvent, ScreenMediaHeightType, ScreenMediaWidthType, ServerErrorParams, SideNavDisplayModeString, TextChip, TwoColumnsState };
|
|
10518
|
+
export type { AbstractDbxValueListViewConfig, AnchorForValueFunction, CompactContextState, CompactModeDefaultOptions, CompactModeOption, CompactModeOptions, CopyToClipboardContent, CopyToClipboardFunction, CopyToClipboardFunctionConfig, CopyToClipboardFunctionWithSnackbarMessage, CopyToClipboardFunctionWithSnackbarMessageConfig, CopyToClipboardFunctionWithSnackbarMessageSnackbarConfig, CopyToClipboardSuccess, DbxAccordionRenderEntry, DbxAccordionRenderGroupFooterEntry, DbxAccordionRenderGroupHeaderEntry, DbxAccordionRenderItemEntry, DbxActionConfirmConfig, DbxActionDialogFunction, DbxActionPopoverFunction, DbxActionPopoverFunctionParams, DbxActionSnackbarActionConfig, DbxActionSnackbarDisplayConfig, DbxActionSnackbarDisplayConfigGeneratorFunction, DbxActionSnackbarEvent, DbxActionSnackbarEventMakeConfig, DbxActionSnackbarGeneratorInput, DbxActionSnackbarGeneratorUndoInput, DbxActionSnackbarGeneratorUndoInputConfig, DbxActionSnackbarKnownType, DbxActionSnackbarServiceConfig, DbxActionSnackbarType, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyType, DbxAnchorListExpandedAnchor, DbxAvatarComponentForContextFunction, DbxAvatarContext, DbxAvatarInjectionComponentConfig, DbxAvatarKey, DbxAvatarSelector, DbxAvatarSize, DbxAvatarStyle, DbxButtonDisplayStylePair, DbxButtonStyle, DbxButtonType, DbxChipDisplay, DbxColorTone, DbxContentBorderOpacity, DbxContentContainerPadding, DbxContentContainerWidth, DbxContentPitScrollableHeight, DbxContentPitScrollableHeightSetting, DbxContentPitScrollableInput, DbxDetachConfig, DbxDetachInstance, DbxDetachKey, DbxDetachOverlayConfig, DbxDetachOverlayData, DbxDetachWindowStateType, DbxDialogContentConfig, DbxDialogContentContainerWidth, DbxDialogContentFooterConfig, DbxDownloadBlobButtonConfig, DbxEmbedComponentElement, DbxEmbedDialogConfig, DbxErrorPopoverConfig, DbxErrorSnackbarConfig, DbxErrorSnackbarData, DbxErrorViewButtonEvent, DbxErrorWidgetEntry, DbxErrorWidgetEntryWithPopupComponentClass, DbxFileUploadAreaFilesChangedEvent, DbxFileUploadButtonFilesChangedEvent, DbxFileUploadComponentConfig, DbxFileUploadFilesChangedEvent, DbxFileUploadMode, DbxFilterButtonConfig, DbxFilterButtonConfigWithCustomFilter, DbxFilterButtonConfigWithPresetFilter, DbxFilterComponentConfig, DbxFilterPopoverComponentConfig, DbxFlexSize, DbxHelpContextKey, DbxHelpContextReference, DbxHelpViewPopoverButtonConfig, DbxHelpViewPopoverConfig, DbxHelpViewPopoverConfigWithoutOrigin, DbxHelpWidgetEntryData, DbxHelpWidgetServiceConfigFactory, DbxHelpWidgetServiceEntry, DbxIframeDialogConfig, DbxInjectionDialogComponentConfig, DbxLinkifyConfig, DbxLinkifyServiceConfigFactory, DbxLinkifyServiceDefaultEntry, DbxLinkifyServiceEntry, DbxLinkifyStringOptions, DbxLinkifyStringType, DbxListComponentScrolledEventPosition, DbxListConfig, DbxListLoadMoreHandler, DbxListScrollDirectionTrigger, DbxListSelectionMode, DbxListTitleGroupData, DbxListTitleGroupTitleDelegate, DbxListViewMetaIconConfig, DbxListWrapperConfig, DbxLoadingComponentState, DbxLoadingIsLoadingOrProgress, DbxLoadingProgress, DbxMakeActionSnackbarGeneratorConfiguration, DbxMakeActionSnackbarGeneratorEventConfiguration, DbxModelFullState, DbxModelIconsMap, DbxModelTypeConfiguration, DbxModelTypeConfigurationMap, DbxModelTypeConfigurationSrefFactory, DbxModelTypeConfigurationSrefFactoryBuilder, DbxModelTypeInfo, DbxModelTypesMap, DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet, DbxPopoverComponentConfig, DbxPopoverConfig, DbxPopoverConfigSizing, DbxPopoverKey, DbxPopupComponentConfig, DbxPopupConfig, DbxPopupKey, DbxPopupWindowStateType, DbxPresetFilterMenuConfig, DbxProgressButtonConfig, DbxProgressButtonGlobalConfig, DbxProgressButtonIcon, DbxProgressButtonTargetedConfig, DbxPromptConfirmConfig, DbxPromptConfirmDialogConfig, DbxSectionHeaderConfig, DbxSectionHeaderHType, DbxSectionPageScrollLockedMode, DbxSelectionListWrapperConfig, DbxSelectionValueListViewConfig, DbxSetStyleMode, DbxSidenavPosition, DbxSidenavSidebarState, DbxStepBlockComponentConfig, DbxStyleClass, DbxStyleClassCleanSuffix, DbxStyleClassDashSuffix, DbxStyleClassSuffix, DbxStyleConfig, DbxStyleName, DbxThemeColor, DbxThemeColorExtra, DbxThemeColorExtraSecondary, DbxThemeColorMain, DbxThemeColorMainOrExtra, DbxTwoColumnViewState, DbxValueAsListItem, DbxValueListAccordionViewConfig, DbxValueListGridItemViewGridSizeConfig, DbxValueListGridViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListItemDecisionFunction, DbxValueListItemGroup, DbxValueListViewConfig, DbxValueListViewGroupValuesFunction, DbxWebFilePreviewComponentConfig, DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewComponentFunction, DbxWebFilePreviewServicePreviewComponentFunctionInput, DbxWebFilePreviewServicePreviewDialogFunction, DbxWebFilePreviewServicePreviewDialogFunctionInput, DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog, DbxWebFilePreviewServicePreviewDialogWithComponentFunction, DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput, DbxWebFilePreviewServicePreviewFunction, DbxWidgetDataPair, DbxWidgetDataPairFactory, DbxWidgetDataPairWithSelection, DbxWidgetEntry, DbxWidgetType, DbxWidgetViewComponentConfig, DbxZipBlobPreviewEntryNodeValue, DbxZipBlobPreviewEntryTreeNode, DbxZipBlobPreviewEntryTreeRoot, DbxZipBlobPreviewGroupData, DbxZipBlobPreviewGroupValue, DbxZipBlobPreviewMode, DbxZipPreviewDialogConfig, DownloadTextContent, FileAcceptFilterTypeString, FileAcceptFilterTypeStringArray, FileAcceptFunction, FileAcceptFunctionInput, FileAcceptString, FileArrayAcceptMatchConfig, FileArrayAcceptMatchFunction, FileArrayAcceptMatchResult, FullDbxPopoverComponentConfig, ListItemModifier, ListSelectionState, ListSelectionStateItem, LoadingComponentState, ModelViewContext, NavBarContentAlign, NavbarButtonMode, NavbarMode, NumberWithLimit, OverrideClickElementEffectConfig, PopoverPositionStrategyConfig, PopupPosition, PopupPositionOffset, ProvideDbxHelpServicesConfig, ProvideDbxLinkifyConfig, ProvideDbxScreenMediaServiceConfig, ProvideDbxStyleServiceConfig, ResizedEvent, ScreenMediaHeightType, ScreenMediaWidthType, ServerErrorParams, SideNavDisplayModeString, TextChip, TwoColumnsState };
|