@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.
@@ -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, DbxButtonDisplay, AbstractDbxAnchorDirective, ClickableIconAnchorLink, ClickableAnchorLink, DbxInjectionTemplateConfig, ClickableAnchorLinkTree, ExpandedClickableAnchorLinkTree, AbstractTransitionDirective, ClickableAnchorLinkSegueRef, AbstractIfDirective, AbstractDbxActionValueGetterDirective, FilterSourceDirective, ClickablePartialFilterPreset, AbstractDbxActionHandlerDirective, ClickableFilterPresetOrPartialPreset, ClickableFilterPreset, DbxButtonInterceptor, DbxButton } from '@dereekb/dbx-core';
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
- * @example
89
- * ```html
90
- * <!-- Indeterminate spinner -->
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
- * <!-- Determinate linear bar at 75% -->
94
- * <dbx-loading-progress [linear]="true" mode="determinate" [value]="75" text="Uploading..."></dbx-loading-progress>
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
- * <!-- With a LoadingContext -->
144
- * <dbx-loading [context]="myLoadingContext$">
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 dbxActionLoadingContext>
196
- * <p>Content appears when the action's loading state resolves.</p>
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
- * @example
488
- * ```html
489
- * <form [dbxAction]="saveAction" dbxActionSnackbar dbxActionSnackbarDefault="save">
490
- * <!-- Shows "Saving...", "Saved", or "Save Failed" snackbars automatically -->
491
- * </form>
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
- * <div [dbxAction]="deleteAction" [dbxActionSnackbar]="customSnackbarFn" [dbxActionSnackbarUndo]="undoRef">
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]="{ title: 'Delete?', prompt: 'This cannot be undone.' }" (confirm)="onConfirm()" (cancel)="onCancel()">
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
- * @example
608
- * ```html
609
- * <form [dbxAction]="saveAction" [dbxActionTransitionSafety]="'dialog'">
610
- * <!-- Navigating away with unsaved changes shows a confirmation dialog -->
611
- * </form>
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]="autoSaveAction" [dbxActionTransitionSafety]="'auto'">
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
- * <form [dbxAction]="myAction" [dbxActionConfirm]="{ title: 'Confirm Delete', prompt: 'Are you sure?', readyValue: itemId }">
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
- * @example
737
- * ```html
738
- * <form [dbxAction]="saveAction" dbxActionKeyTrigger>
739
- * <!-- Pressing Enter triggers the action -->
740
- * </form>
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
- * <div [dbxAction]="searchAction" [dbxActionKeyTrigger]="'escape'">
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
- * @deprecated Use `dbx-button` instead. For icon-only buttons use `<dbx-button icon="settings" iconOnly>`.
773
- * For icon+text buttons use `<dbx-button icon="settings" text="Label">`. The `dbx-button` component
774
- * supports all the same inputs plus working/loading states, colors, and button style variants.
775
- *
776
- * @example
777
- * ```html
778
- * <dbx-icon-button icon="settings" (buttonClick)="openSettings()"></dbx-icon-button>
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="add" text="Add Item" (buttonClick)="addItem()"></dbx-icon-button>
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 color="primary">
1204
- * <span>Bar content</span>
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 icon="info" text="Section Title" color="accent"></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 color="primary">
1237
- * <span left>Page Title</span>
1238
- * <button right mat-icon-button><mat-icon>settings</mat-icon></button>
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
- * @example
1341
- * ```html
1342
- * <dbx-card-box-container>
1343
- * <p>Padded content inside the card box.</p>
1344
- * </dbx-card-box-container>
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
- * <div dbxCardBoxContainer>
1350
- * <p>Padded content using the attribute directive.</p>
1351
- * </div>
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 [reverseSizing]="false" [inSectionPage]="true">
1601
- * <div left>Navigation sidebar</div>
1602
- * <div right>Main content area</div>
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 View" [showBack]="true" [minRightWidth]="400">
1736
- * <div nav>
1737
- * <button mat-icon-button>Actions</button>
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>Elevated wide box content.</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>Attribute usage on any element.</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="medium" padding="small">
2046
- * <p>Centered content with medium max-width.</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
- * <dbx-content-elevate>
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
- * <p>Attribute usage on any element.</p>
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
- * <dbx-content-pit [scrollable]="true" [rounded]="true">
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 [breakToColumn]="true" breakpoint="tablet">
2258
- * <div [dbxFlexSize]="3">Half width</div>
2259
- * <div [dbxFlexSize]="3">Half width</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 [dbxFlexSize]="4">Two-thirds width</div>
2303
- * <div [dbxFlexSize]="2">One-third width</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]="listViewConfig"></dbx-list-view>
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]="accordionConfig"></dbx-list-accordion-view>
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]="gridViewConfig"></dbx-list-grid-view>
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-empty-content>
3311
- * <p>No results found.</p>
3312
- * </dbx-list-empty-content>
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]="listState$" [config]="listConfig" [disabled]="isDisabled" [selectionMode]="'select'">
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]=\"disabled()\" [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>";
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]="selectionListViewConfig"></dbx-selection-list-view>
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="My Header" [h]="2" icon="star" hint="A helpful hint"></dbx-section-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]="isFirstVisit"
3795
- * (showAction)="onGetStarted()">
3796
- * <div info>Additional info shown in the intro state.</div>
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="Page Title" icon="dashboard">
3827
- * <p>Page content here.</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="Parent Section">
3850
- * <dbx-subsection header="Details" icon="settings">
3851
- * <p>Subsection content here.</p>
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
- * <div class="dbx-flex">
3912
- * <span>Left</span>
4161
+ * <dbx-bar>
4162
+ * <span>Title</span>
3913
4163
  * <dbx-spacer></dbx-spacer>
3914
- * <span>Right</span>
3915
- * </div>
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 icon="person" header="User Info">
4160
- * <span header>Extra header content</span>
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="Email">
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 [small]="true">Tag</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 [chips]="[{ label: 'Active', value: 'active', color: 'primary' }, { label: 'Pending', value: 'pending', color: 'accent' }]"></dbx-chip-list>
4540
- * <dbx-chip-list [chips]="chips" [small]="true"></dbx-chip-list>
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 copyText="some-value">some-value</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]="buttonConfig" (btnClick)="onSave()">
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]="buttonConfig" (btnClick)="onSubmit()">
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 typeSignal: _angular_core.Signal<"flat" | "icon" | "basic" | "raised" | "stroked" | "tonal">;
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
- * @example
5269
- * ```html
5270
- * <dbx-button text="Cancel"></dbx-button>
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
- * <span dbxButtonSpacer></span>
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 icon="warning" [message]="'Something went wrong'" (buttonClick)="onErrorClick($event)"></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]="myError"></dbx-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
- * ```typescript
5536
- * DbxErrorSnackbarComponent.showErrorSnackbar(matSnackBar, error, { duration: 5000 });
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
- * <!-- Auto-dismiss after 5 seconds -->
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]="myAnchor">Click me</dbx-anchor>
6850
- * <span dbx-anchor [anchor]="myAnchor" [block]="true">Block anchor</span>
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]="navLinks"></dbx-anchor-list>
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]="navAnchors" breakpoint="large" buttonMode="menu"></dbx-navbar>
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]="sidenavLinks" color="primary">
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 [anchors]="links">
7286
- * <dbx-sidenav-page [mobileOnly]="true" color="primary">
7287
- * <span navLeft>Left Nav Content</span>
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 [width]="'wide'">
7543
- * <p>Dialog body content here.</p>
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 [header]="'Welcome'" [prompt]="'Please sign in to continue.'">
9472
- * <img hero src="logo.png" />
9473
- * <button mat-raised-button>Sign In</button>
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 dbxResized (dbxResized)="onResize($event)">
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 };