@dataworkz/crystal 0.1.0-beta.10 → 0.1.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/fesm2022/dataworkz-crystal-primeng.mjs +3 -298
- package/fesm2022/dataworkz-crystal-primeng.mjs.map +1 -1
- package/fesm2022/dataworkz-crystal.mjs +320 -12
- package/fesm2022/dataworkz-crystal.mjs.map +1 -1
- package/index.d.ts +696 -17
- package/package.json +1 -1
- package/primeng/index.d.ts +1 -663
- package/styles/components/form.css +12 -0
- package/styles/components/navigation.css +4 -0
package/index.d.ts
CHANGED
|
@@ -12,6 +12,9 @@ import * as i1$1 from 'primeng/inputtext';
|
|
|
12
12
|
import * as i2 from 'primeng/textarea';
|
|
13
13
|
import { TablePageEvent, Table } from 'primeng/table';
|
|
14
14
|
import { SafeHtml } from '@angular/platform-browser';
|
|
15
|
+
import { PrimeNGConfigType } from 'primeng/config';
|
|
16
|
+
import * as _primeuix_themes_types from '@primeuix/themes/types';
|
|
17
|
+
import * as _primeuix_themes_aura_base from '@primeuix/themes/aura/base';
|
|
15
18
|
|
|
16
19
|
/** `inverse` is a text / link action on a dark surface (snackbars, editor chrome). */
|
|
17
20
|
type DwButtonVariant = 'primary' | 'secondary' | 'danger' | 'warn' | 'success' | 'inverse';
|
|
@@ -411,12 +414,12 @@ declare class DwChipComponent {
|
|
|
411
414
|
/** `sm` (default): compact filter chip. `md`: control height, for picking options in a form. */
|
|
412
415
|
readonly size: _angular_core.InputSignal<"sm" | "md">;
|
|
413
416
|
/** How a selected chip shows: `tint` (light accent, default) or `filled` (a fuller tint, accent border, bold label). */
|
|
414
|
-
readonly selectedStyle: _angular_core.InputSignal<"
|
|
417
|
+
readonly selectedStyle: _angular_core.InputSignal<"filled" | "tint">;
|
|
415
418
|
/**
|
|
416
419
|
* `subtle`: secondary text at regular weight while unselected, for dense filter bars.
|
|
417
420
|
* `code`: a key=value / identifier token — mono face, regular weight, square corners, section background.
|
|
418
421
|
*/
|
|
419
|
-
readonly variant: _angular_core.InputSignal<"
|
|
422
|
+
readonly variant: _angular_core.InputSignal<"default" | "code" | "subtle">;
|
|
420
423
|
readonly selectedChange: _angular_core.OutputEmitterRef<boolean>;
|
|
421
424
|
readonly removed: _angular_core.OutputEmitterRef<void>;
|
|
422
425
|
readonly classes: _angular_core.Signal<string>;
|
|
@@ -449,7 +452,7 @@ declare class DwAvatarComponent {
|
|
|
449
452
|
readonly name: _angular_core.InputSignal<string | null>;
|
|
450
453
|
readonly initials: _angular_core.InputSignal<DwInitialsStrategy>;
|
|
451
454
|
readonly src: _angular_core.InputSignal<string | null>;
|
|
452
|
-
readonly size: _angular_core.InputSignal<"sm" | "md" | "
|
|
455
|
+
readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xs">;
|
|
453
456
|
/** Colour of the tile; neutral grey by default. */
|
|
454
457
|
readonly tint: _angular_core.InputSignal<DwAvatarTint>;
|
|
455
458
|
readonly presence: _angular_core.InputSignal<boolean | null>;
|
|
@@ -487,7 +490,7 @@ declare class DwEntityIconComponent {
|
|
|
487
490
|
readonly src: _angular_core.InputSignal<string | null>;
|
|
488
491
|
readonly fallback: _angular_core.InputSignal<string | undefined>;
|
|
489
492
|
readonly storageSet: _angular_core.InputSignal<StorageIconSet>;
|
|
490
|
-
readonly size: _angular_core.InputSignal<"sm" | "md" | "
|
|
493
|
+
readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xs" | "xl">;
|
|
491
494
|
readonly framed: _angular_core.InputSignal<boolean>;
|
|
492
495
|
readonly tint: _angular_core.InputSignal<DwEntityTint>;
|
|
493
496
|
readonly alt: _angular_core.InputSignal<string>;
|
|
@@ -540,7 +543,7 @@ declare function provideCrystalIconResolvers(resolvers: DwIconResolvers): Enviro
|
|
|
540
543
|
* ```
|
|
541
544
|
*/
|
|
542
545
|
declare class DwSpinnerComponent {
|
|
543
|
-
readonly size: _angular_core.InputSignal<"sm" | "md" | "
|
|
546
|
+
readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xs">;
|
|
544
547
|
readonly mode: _angular_core.InputSignal<"inline" | "block" | "overlay" | "fullscreen">;
|
|
545
548
|
readonly label: _angular_core.InputSignal<string>;
|
|
546
549
|
readonly hostClasses: _angular_core.Signal<string>;
|
|
@@ -1212,12 +1215,12 @@ declare const DW_MENU_PLAIN_GROUP = "dw-menu-plain-group";
|
|
|
1212
1215
|
declare class DwMenuComponent<T = unknown> {
|
|
1213
1216
|
readonly items: _angular_core.InputSignal<DwMenuItem<T>[]>;
|
|
1214
1217
|
readonly context: _angular_core.InputSignal<T | null>;
|
|
1215
|
-
readonly trigger: _angular_core.InputSignal<"
|
|
1218
|
+
readonly trigger: _angular_core.InputSignal<"none" | "kebab">;
|
|
1216
1219
|
readonly triggerIcon: _angular_core.InputSignal<string>;
|
|
1217
1220
|
readonly ariaLabel: _angular_core.InputSignal<string>;
|
|
1218
1221
|
readonly size: _angular_core.InputSignal<"sm" | "md" | "xs">;
|
|
1219
1222
|
/** Kebab trigger look: `outlined` (bordered, on a surface) floats clearly over row content. */
|
|
1220
|
-
readonly triggerVariant: _angular_core.InputSignal<"
|
|
1223
|
+
readonly triggerVariant: _angular_core.InputSignal<"default" | "outlined">;
|
|
1221
1224
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1222
1225
|
readonly appendTo: _angular_core.InputSignal<string>;
|
|
1223
1226
|
readonly styleClass: _angular_core.InputSignal<string>;
|
|
@@ -1453,7 +1456,7 @@ declare class DwSectionComponent {
|
|
|
1453
1456
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1454
1457
|
/** Render the body only after it is first opened. */
|
|
1455
1458
|
readonly lazy: _angular_core.InputSignal<boolean>;
|
|
1456
|
-
readonly variant: _angular_core.InputSignal<"
|
|
1459
|
+
readonly variant: _angular_core.InputSignal<"plain" | "caps" | "boxed">;
|
|
1457
1460
|
readonly testId: _angular_core.InputSignal<string | null>;
|
|
1458
1461
|
readonly opened: _angular_core.OutputEmitterRef<void>;
|
|
1459
1462
|
readonly bodyId: string;
|
|
@@ -1936,7 +1939,7 @@ declare class DwDialogComponent {
|
|
|
1936
1939
|
readonly headerText: _angular_core.InputSignal<string>;
|
|
1937
1940
|
readonly subtitle: _angular_core.InputSignal<string>;
|
|
1938
1941
|
readonly icon: _angular_core.InputSignal<string>;
|
|
1939
|
-
readonly iconTint: _angular_core.InputSignal<"
|
|
1942
|
+
readonly iconTint: _angular_core.InputSignal<"accent" | "danger" | "warning" | "neutral">;
|
|
1940
1943
|
readonly size: _angular_core.InputSignal<DwDialogSize>;
|
|
1941
1944
|
/** Free-form width overrides the size scale (e.g. '70vw'). */
|
|
1942
1945
|
readonly width: _angular_core.InputSignal<string | null>;
|
|
@@ -2027,7 +2030,7 @@ declare class DwConfirmDialogComponent {
|
|
|
2027
2030
|
readonly accept: _angular_core.OutputEmitterRef<void>;
|
|
2028
2031
|
/** Fired for Cancel, X, Esc and mask clicks. */
|
|
2029
2032
|
readonly rejected: _angular_core.OutputEmitterRef<void>;
|
|
2030
|
-
readonly iconTint: _angular_core.Signal<"
|
|
2033
|
+
readonly iconTint: _angular_core.Signal<"accent" | "danger" | "warning">;
|
|
2031
2034
|
readonly resolvedIcon: _angular_core.Signal<string>;
|
|
2032
2035
|
private acceptedOrRejected;
|
|
2033
2036
|
reject(): void;
|
|
@@ -2564,6 +2567,11 @@ declare class DwSelectComponent<T = unknown> extends DwFormControl<T> {
|
|
|
2564
2567
|
readonly size: _angular_core.InputSignal<DwControlSize>;
|
|
2565
2568
|
/** Fills the width of its container. */
|
|
2566
2569
|
readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2570
|
+
/**
|
|
2571
|
+
* `plain` reads as text where it sits (a table cell, a line of a sentence): no border, fill, shadow or start padding
|
|
2572
|
+
* until hovered; the focus ring stays.
|
|
2573
|
+
*/
|
|
2574
|
+
readonly variant: _angular_core.InputSignal<"default" | "plain">;
|
|
2567
2575
|
/** Stacks the list above this z-index (as dw-dialog / dw-drawer / dw-popover's `baseZIndex`), for a select inside a
|
|
2568
2576
|
* layer that sets its own z-index, e.g. a page that hosts crystal in a high layer. 0 = PrimeNG's own stacking. */
|
|
2569
2577
|
readonly baseZIndex: _angular_core.InputSignal<number>;
|
|
@@ -2586,7 +2594,7 @@ declare class DwSelectComponent<T = unknown> extends DwFormControl<T> {
|
|
|
2586
2594
|
open(): void;
|
|
2587
2595
|
close(): void;
|
|
2588
2596
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DwSelectComponent<any>, never>;
|
|
2589
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DwSelectComponent<any>, "dw-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "focused": "focused"; "blurred": "blurred"; }, ["optionTemplate", "valueTemplate", "footerTemplate"], never, true, never>;
|
|
2597
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DwSelectComponent<any>, "dw-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "focused": "focused"; "blurred": "blurred"; }, ["optionTemplate", "valueTemplate", "footerTemplate"], never, true, never>;
|
|
2590
2598
|
}
|
|
2591
2599
|
|
|
2592
2600
|
/**
|
|
@@ -2626,6 +2634,11 @@ declare class DwMultiselectComponent<T = unknown> extends DwFormControl<T[]> {
|
|
|
2626
2634
|
readonly inputId: _angular_core.InputSignal<string | undefined>;
|
|
2627
2635
|
readonly size: _angular_core.InputSignal<DwControlSize>;
|
|
2628
2636
|
readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2637
|
+
/**
|
|
2638
|
+
* `plain` reads as text where it sits (a table cell, a line of a sentence): no border, fill, shadow or start padding
|
|
2639
|
+
* until hovered; the focus ring stays.
|
|
2640
|
+
*/
|
|
2641
|
+
readonly variant: _angular_core.InputSignal<"default" | "plain">;
|
|
2629
2642
|
/** Stacks the list above this z-index (as dw-dialog / dw-drawer / dw-popover's `baseZIndex`), for a select inside a
|
|
2630
2643
|
* layer that sets its own z-index, e.g. a page that hosts crystal in a high layer. 0 = PrimeNG's own stacking. */
|
|
2631
2644
|
readonly baseZIndex: _angular_core.InputSignal<number>;
|
|
@@ -2647,7 +2660,7 @@ declare class DwMultiselectComponent<T = unknown> extends DwFormControl<T[]> {
|
|
|
2647
2660
|
open(): void;
|
|
2648
2661
|
close(): void;
|
|
2649
2662
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DwMultiselectComponent<any>, never>;
|
|
2650
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DwMultiselectComponent<any>, "dw-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "focused": "focused"; "blurred": "blurred"; }, ["optionTemplate", "footerTemplate"], never, true, never>;
|
|
2663
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DwMultiselectComponent<any>, "dw-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectedItemsLabel": { "alias": "selectedItemsLabel"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; "focused": "focused"; "blurred": "blurred"; }, ["optionTemplate", "footerTemplate"], never, true, never>;
|
|
2651
2664
|
}
|
|
2652
2665
|
|
|
2653
2666
|
/**
|
|
@@ -3915,6 +3928,12 @@ interface CrystalThemeConfig {
|
|
|
3915
3928
|
/** What `provideCrystal()` configures: the theme. */
|
|
3916
3929
|
interface CrystalConfig {
|
|
3917
3930
|
theme?: CrystalThemeConfig;
|
|
3931
|
+
/**
|
|
3932
|
+
* PrimeNG, which crystal's components are built on: crystal's preset, dark mode, z-index layers and pass-through
|
|
3933
|
+
* defaults, with these PrimeNG settings merged over them (ripple, zIndex, translation…). `false` leaves PrimeNG
|
|
3934
|
+
* unconfigured, for an app that sets it up itself. Default `{}`.
|
|
3935
|
+
*/
|
|
3936
|
+
primeng?: PrimeNGConfigType | false;
|
|
3918
3937
|
}
|
|
3919
3938
|
/** The config given to `provideCrystal()`; `{}` (all defaults) without it. */
|
|
3920
3939
|
declare const DW_CRYSTAL_CONFIG: InjectionToken<CrystalConfig>;
|
|
@@ -3945,16 +3964,676 @@ declare class ThemeService {
|
|
|
3945
3964
|
}
|
|
3946
3965
|
|
|
3947
3966
|
/**
|
|
3948
|
-
* Crystal's app-level setup
|
|
3949
|
-
*
|
|
3967
|
+
* Crystal's app-level setup, the one provider an app needs: the theme, and PrimeNG (which crystal's components are
|
|
3968
|
+
* built on) with crystal's preset. With `theme.apply` (the default) it puts the stored or initial theme on `<html>`
|
|
3969
|
+
* before the first render, so a dark choice doesn't flash light.
|
|
3950
3970
|
*
|
|
3951
3971
|
* ```ts
|
|
3952
|
-
* providers: [provideCrystal()
|
|
3953
|
-
* providers: [provideCrystal({ theme: { apply: false } })
|
|
3972
|
+
* providers: [provideCrystal()] // an app
|
|
3973
|
+
* providers: [provideCrystal({ theme: { apply: false } })] // federated elements: the host page owns <html>
|
|
3974
|
+
* providers: [provideCrystal({ primeng: { ripple: false } })] // PrimeNG settings merged over crystal's
|
|
3954
3975
|
* ```
|
|
3955
3976
|
*/
|
|
3956
3977
|
declare function provideCrystal(config?: CrystalConfig): EnvironmentProviders;
|
|
3957
3978
|
|
|
3979
|
+
/**
|
|
3980
|
+
* Azure Electric primary ramp. Same hex values as `--dw-primary-*` in
|
|
3981
|
+
* tokens/primitives.css — PrimeNG needs literal hex for the
|
|
3982
|
+
* primitive ramp because it derives other tokens from it at build time.
|
|
3983
|
+
*/
|
|
3984
|
+
declare const AZURE_PRIMARY_RAMP: {
|
|
3985
|
+
readonly 50: "#ecf3ff";
|
|
3986
|
+
readonly 100: "#d6e5ff";
|
|
3987
|
+
readonly 200: "#b0ccff";
|
|
3988
|
+
readonly 300: "#82abff";
|
|
3989
|
+
readonly 400: "#4d84ff";
|
|
3990
|
+
readonly 500: "#2463f5";
|
|
3991
|
+
readonly 600: "#144ce6";
|
|
3992
|
+
readonly 700: "#113dc2";
|
|
3993
|
+
readonly 800: "#16359b";
|
|
3994
|
+
readonly 900: "#19327b";
|
|
3995
|
+
readonly 950: "#101d49";
|
|
3996
|
+
};
|
|
3997
|
+
/**
|
|
3998
|
+
* PrimeNG color scheme, used for both light and dark. Every value points at a
|
|
3999
|
+
* design-system CSS variable, so PrimeNG follows the semantic tokens (tokens/semantic.css
|
|
4000
|
+
* and semantic-dark.css): switching theme re-points the variables, the preset
|
|
4001
|
+
* never changes. (The surface ramp is the raw neutral scale, light → dark,
|
|
4002
|
+
* which is the order Aura's own light and dark schemes expect.)
|
|
4003
|
+
*/
|
|
4004
|
+
declare const DW_COLOR_SCHEME: {
|
|
4005
|
+
surface: {
|
|
4006
|
+
0: string;
|
|
4007
|
+
50: string;
|
|
4008
|
+
100: string;
|
|
4009
|
+
200: string;
|
|
4010
|
+
300: string;
|
|
4011
|
+
400: string;
|
|
4012
|
+
500: string;
|
|
4013
|
+
600: string;
|
|
4014
|
+
700: string;
|
|
4015
|
+
800: string;
|
|
4016
|
+
900: string;
|
|
4017
|
+
950: string;
|
|
4018
|
+
};
|
|
4019
|
+
primary: {
|
|
4020
|
+
color: string;
|
|
4021
|
+
contrastColor: string;
|
|
4022
|
+
hoverColor: string;
|
|
4023
|
+
activeColor: string;
|
|
4024
|
+
};
|
|
4025
|
+
highlight: {
|
|
4026
|
+
background: string;
|
|
4027
|
+
focusBackground: string;
|
|
4028
|
+
color: string;
|
|
4029
|
+
focusColor: string;
|
|
4030
|
+
};
|
|
4031
|
+
mask: {
|
|
4032
|
+
background: string;
|
|
4033
|
+
color: string;
|
|
4034
|
+
};
|
|
4035
|
+
formField: {
|
|
4036
|
+
background: string;
|
|
4037
|
+
disabledBackground: string;
|
|
4038
|
+
filledBackground: string;
|
|
4039
|
+
filledHoverBackground: string;
|
|
4040
|
+
filledFocusBackground: string;
|
|
4041
|
+
borderColor: string;
|
|
4042
|
+
hoverBorderColor: string;
|
|
4043
|
+
focusBorderColor: string;
|
|
4044
|
+
invalidBorderColor: string;
|
|
4045
|
+
color: string;
|
|
4046
|
+
disabledColor: string;
|
|
4047
|
+
placeholderColor: string;
|
|
4048
|
+
invalidPlaceholderColor: string;
|
|
4049
|
+
floatLabelColor: string;
|
|
4050
|
+
floatLabelFocusColor: string;
|
|
4051
|
+
floatLabelActiveColor: string;
|
|
4052
|
+
floatLabelInvalidColor: string;
|
|
4053
|
+
iconColor: string;
|
|
4054
|
+
shadow: string;
|
|
4055
|
+
};
|
|
4056
|
+
text: {
|
|
4057
|
+
color: string;
|
|
4058
|
+
hoverColor: string;
|
|
4059
|
+
mutedColor: string;
|
|
4060
|
+
hoverMutedColor: string;
|
|
4061
|
+
};
|
|
4062
|
+
content: {
|
|
4063
|
+
background: string;
|
|
4064
|
+
hoverBackground: string;
|
|
4065
|
+
borderColor: string;
|
|
4066
|
+
color: string;
|
|
4067
|
+
hoverColor: string;
|
|
4068
|
+
};
|
|
4069
|
+
overlay: {
|
|
4070
|
+
select: {
|
|
4071
|
+
background: string;
|
|
4072
|
+
borderColor: string;
|
|
4073
|
+
color: string;
|
|
4074
|
+
};
|
|
4075
|
+
popover: {
|
|
4076
|
+
background: string;
|
|
4077
|
+
borderColor: string;
|
|
4078
|
+
color: string;
|
|
4079
|
+
};
|
|
4080
|
+
modal: {
|
|
4081
|
+
background: string;
|
|
4082
|
+
borderColor: string;
|
|
4083
|
+
color: string;
|
|
4084
|
+
};
|
|
4085
|
+
};
|
|
4086
|
+
list: {
|
|
4087
|
+
option: {
|
|
4088
|
+
focusBackground: string;
|
|
4089
|
+
selectedBackground: string;
|
|
4090
|
+
selectedFocusBackground: string;
|
|
4091
|
+
color: string;
|
|
4092
|
+
focusColor: string;
|
|
4093
|
+
selectedColor: string;
|
|
4094
|
+
selectedFocusColor: string;
|
|
4095
|
+
icon: {
|
|
4096
|
+
color: string;
|
|
4097
|
+
focusColor: string;
|
|
4098
|
+
};
|
|
4099
|
+
};
|
|
4100
|
+
optionGroup: {
|
|
4101
|
+
background: string;
|
|
4102
|
+
color: string;
|
|
4103
|
+
};
|
|
4104
|
+
};
|
|
4105
|
+
navigation: {
|
|
4106
|
+
item: {
|
|
4107
|
+
focusBackground: string;
|
|
4108
|
+
activeBackground: string;
|
|
4109
|
+
color: string;
|
|
4110
|
+
focusColor: string;
|
|
4111
|
+
activeColor: string;
|
|
4112
|
+
icon: {
|
|
4113
|
+
color: string;
|
|
4114
|
+
focusColor: string;
|
|
4115
|
+
activeColor: string;
|
|
4116
|
+
};
|
|
4117
|
+
};
|
|
4118
|
+
submenuLabel: {
|
|
4119
|
+
background: string;
|
|
4120
|
+
color: string;
|
|
4121
|
+
};
|
|
4122
|
+
submenuIcon: {
|
|
4123
|
+
color: string;
|
|
4124
|
+
focusColor: string;
|
|
4125
|
+
activeColor: string;
|
|
4126
|
+
};
|
|
4127
|
+
};
|
|
4128
|
+
};
|
|
4129
|
+
/**
|
|
4130
|
+
* Overrides layered on top of Aura. Aura's `blue` primitive is replaced with
|
|
4131
|
+
* the Azure ramp so every `{primary.*}` resolves to Azure; semantic and
|
|
4132
|
+
* component tokens are bound to the `--dw-*` CSS variables.
|
|
4133
|
+
*/
|
|
4134
|
+
declare const DW_PRESET_OVERRIDES: {
|
|
4135
|
+
primitive: {
|
|
4136
|
+
blue: {
|
|
4137
|
+
50: "#ecf3ff";
|
|
4138
|
+
100: "#d6e5ff";
|
|
4139
|
+
200: "#b0ccff";
|
|
4140
|
+
300: "#82abff";
|
|
4141
|
+
400: "#4d84ff";
|
|
4142
|
+
500: "#2463f5";
|
|
4143
|
+
600: "#144ce6";
|
|
4144
|
+
700: "#113dc2";
|
|
4145
|
+
800: "#16359b";
|
|
4146
|
+
900: "#19327b";
|
|
4147
|
+
950: "#101d49";
|
|
4148
|
+
};
|
|
4149
|
+
};
|
|
4150
|
+
semantic: {
|
|
4151
|
+
primary: Record<50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950, string>;
|
|
4152
|
+
transitionDuration: string;
|
|
4153
|
+
disabledOpacity: string;
|
|
4154
|
+
focusRing: {
|
|
4155
|
+
width: string;
|
|
4156
|
+
style: string;
|
|
4157
|
+
color: string;
|
|
4158
|
+
offset: string;
|
|
4159
|
+
shadow: string;
|
|
4160
|
+
};
|
|
4161
|
+
formField: {
|
|
4162
|
+
paddingX: string;
|
|
4163
|
+
paddingY: string;
|
|
4164
|
+
sm: {
|
|
4165
|
+
fontSize: string;
|
|
4166
|
+
paddingX: string;
|
|
4167
|
+
paddingY: string;
|
|
4168
|
+
};
|
|
4169
|
+
borderRadius: string;
|
|
4170
|
+
focusRing: {
|
|
4171
|
+
width: string;
|
|
4172
|
+
style: string;
|
|
4173
|
+
color: string;
|
|
4174
|
+
offset: string;
|
|
4175
|
+
shadow: string;
|
|
4176
|
+
};
|
|
4177
|
+
};
|
|
4178
|
+
list: {
|
|
4179
|
+
option: {
|
|
4180
|
+
borderRadius: string;
|
|
4181
|
+
};
|
|
4182
|
+
};
|
|
4183
|
+
content: {
|
|
4184
|
+
borderRadius: string;
|
|
4185
|
+
};
|
|
4186
|
+
navigation: {
|
|
4187
|
+
item: {
|
|
4188
|
+
borderRadius: string;
|
|
4189
|
+
};
|
|
4190
|
+
};
|
|
4191
|
+
overlay: {
|
|
4192
|
+
select: {
|
|
4193
|
+
borderRadius: string;
|
|
4194
|
+
shadow: string;
|
|
4195
|
+
};
|
|
4196
|
+
popover: {
|
|
4197
|
+
borderRadius: string;
|
|
4198
|
+
padding: string;
|
|
4199
|
+
shadow: string;
|
|
4200
|
+
};
|
|
4201
|
+
modal: {
|
|
4202
|
+
borderRadius: string;
|
|
4203
|
+
padding: string;
|
|
4204
|
+
shadow: string;
|
|
4205
|
+
};
|
|
4206
|
+
navigation: {
|
|
4207
|
+
shadow: string;
|
|
4208
|
+
};
|
|
4209
|
+
};
|
|
4210
|
+
colorScheme: {
|
|
4211
|
+
light: {
|
|
4212
|
+
surface: {
|
|
4213
|
+
0: string;
|
|
4214
|
+
50: string;
|
|
4215
|
+
100: string;
|
|
4216
|
+
200: string;
|
|
4217
|
+
300: string;
|
|
4218
|
+
400: string;
|
|
4219
|
+
500: string;
|
|
4220
|
+
600: string;
|
|
4221
|
+
700: string;
|
|
4222
|
+
800: string;
|
|
4223
|
+
900: string;
|
|
4224
|
+
950: string;
|
|
4225
|
+
};
|
|
4226
|
+
primary: {
|
|
4227
|
+
color: string;
|
|
4228
|
+
contrastColor: string;
|
|
4229
|
+
hoverColor: string;
|
|
4230
|
+
activeColor: string;
|
|
4231
|
+
};
|
|
4232
|
+
highlight: {
|
|
4233
|
+
background: string;
|
|
4234
|
+
focusBackground: string;
|
|
4235
|
+
color: string;
|
|
4236
|
+
focusColor: string;
|
|
4237
|
+
};
|
|
4238
|
+
mask: {
|
|
4239
|
+
background: string;
|
|
4240
|
+
color: string;
|
|
4241
|
+
};
|
|
4242
|
+
formField: {
|
|
4243
|
+
background: string;
|
|
4244
|
+
disabledBackground: string;
|
|
4245
|
+
filledBackground: string;
|
|
4246
|
+
filledHoverBackground: string;
|
|
4247
|
+
filledFocusBackground: string;
|
|
4248
|
+
borderColor: string;
|
|
4249
|
+
hoverBorderColor: string;
|
|
4250
|
+
focusBorderColor: string;
|
|
4251
|
+
invalidBorderColor: string;
|
|
4252
|
+
color: string;
|
|
4253
|
+
disabledColor: string;
|
|
4254
|
+
placeholderColor: string;
|
|
4255
|
+
invalidPlaceholderColor: string;
|
|
4256
|
+
floatLabelColor: string;
|
|
4257
|
+
floatLabelFocusColor: string;
|
|
4258
|
+
floatLabelActiveColor: string;
|
|
4259
|
+
floatLabelInvalidColor: string;
|
|
4260
|
+
iconColor: string;
|
|
4261
|
+
shadow: string;
|
|
4262
|
+
};
|
|
4263
|
+
text: {
|
|
4264
|
+
color: string;
|
|
4265
|
+
hoverColor: string;
|
|
4266
|
+
mutedColor: string;
|
|
4267
|
+
hoverMutedColor: string;
|
|
4268
|
+
};
|
|
4269
|
+
content: {
|
|
4270
|
+
background: string;
|
|
4271
|
+
hoverBackground: string;
|
|
4272
|
+
borderColor: string;
|
|
4273
|
+
color: string;
|
|
4274
|
+
hoverColor: string;
|
|
4275
|
+
};
|
|
4276
|
+
overlay: {
|
|
4277
|
+
select: {
|
|
4278
|
+
background: string;
|
|
4279
|
+
borderColor: string;
|
|
4280
|
+
color: string;
|
|
4281
|
+
};
|
|
4282
|
+
popover: {
|
|
4283
|
+
background: string;
|
|
4284
|
+
borderColor: string;
|
|
4285
|
+
color: string;
|
|
4286
|
+
};
|
|
4287
|
+
modal: {
|
|
4288
|
+
background: string;
|
|
4289
|
+
borderColor: string;
|
|
4290
|
+
color: string;
|
|
4291
|
+
};
|
|
4292
|
+
};
|
|
4293
|
+
list: {
|
|
4294
|
+
option: {
|
|
4295
|
+
focusBackground: string;
|
|
4296
|
+
selectedBackground: string;
|
|
4297
|
+
selectedFocusBackground: string;
|
|
4298
|
+
color: string;
|
|
4299
|
+
focusColor: string;
|
|
4300
|
+
selectedColor: string;
|
|
4301
|
+
selectedFocusColor: string;
|
|
4302
|
+
icon: {
|
|
4303
|
+
color: string;
|
|
4304
|
+
focusColor: string;
|
|
4305
|
+
};
|
|
4306
|
+
};
|
|
4307
|
+
optionGroup: {
|
|
4308
|
+
background: string;
|
|
4309
|
+
color: string;
|
|
4310
|
+
};
|
|
4311
|
+
};
|
|
4312
|
+
navigation: {
|
|
4313
|
+
item: {
|
|
4314
|
+
focusBackground: string;
|
|
4315
|
+
activeBackground: string;
|
|
4316
|
+
color: string;
|
|
4317
|
+
focusColor: string;
|
|
4318
|
+
activeColor: string;
|
|
4319
|
+
icon: {
|
|
4320
|
+
color: string;
|
|
4321
|
+
focusColor: string;
|
|
4322
|
+
activeColor: string;
|
|
4323
|
+
};
|
|
4324
|
+
};
|
|
4325
|
+
submenuLabel: {
|
|
4326
|
+
background: string;
|
|
4327
|
+
color: string;
|
|
4328
|
+
};
|
|
4329
|
+
submenuIcon: {
|
|
4330
|
+
color: string;
|
|
4331
|
+
focusColor: string;
|
|
4332
|
+
activeColor: string;
|
|
4333
|
+
};
|
|
4334
|
+
};
|
|
4335
|
+
};
|
|
4336
|
+
dark: {
|
|
4337
|
+
surface: {
|
|
4338
|
+
0: string;
|
|
4339
|
+
50: string;
|
|
4340
|
+
100: string;
|
|
4341
|
+
200: string;
|
|
4342
|
+
300: string;
|
|
4343
|
+
400: string;
|
|
4344
|
+
500: string;
|
|
4345
|
+
600: string;
|
|
4346
|
+
700: string;
|
|
4347
|
+
800: string;
|
|
4348
|
+
900: string;
|
|
4349
|
+
950: string;
|
|
4350
|
+
};
|
|
4351
|
+
primary: {
|
|
4352
|
+
color: string;
|
|
4353
|
+
contrastColor: string;
|
|
4354
|
+
hoverColor: string;
|
|
4355
|
+
activeColor: string;
|
|
4356
|
+
};
|
|
4357
|
+
highlight: {
|
|
4358
|
+
background: string;
|
|
4359
|
+
focusBackground: string;
|
|
4360
|
+
color: string;
|
|
4361
|
+
focusColor: string;
|
|
4362
|
+
};
|
|
4363
|
+
mask: {
|
|
4364
|
+
background: string;
|
|
4365
|
+
color: string;
|
|
4366
|
+
};
|
|
4367
|
+
formField: {
|
|
4368
|
+
background: string;
|
|
4369
|
+
disabledBackground: string;
|
|
4370
|
+
filledBackground: string;
|
|
4371
|
+
filledHoverBackground: string;
|
|
4372
|
+
filledFocusBackground: string;
|
|
4373
|
+
borderColor: string;
|
|
4374
|
+
hoverBorderColor: string;
|
|
4375
|
+
focusBorderColor: string;
|
|
4376
|
+
invalidBorderColor: string;
|
|
4377
|
+
color: string;
|
|
4378
|
+
disabledColor: string;
|
|
4379
|
+
placeholderColor: string;
|
|
4380
|
+
invalidPlaceholderColor: string;
|
|
4381
|
+
floatLabelColor: string;
|
|
4382
|
+
floatLabelFocusColor: string;
|
|
4383
|
+
floatLabelActiveColor: string;
|
|
4384
|
+
floatLabelInvalidColor: string;
|
|
4385
|
+
iconColor: string;
|
|
4386
|
+
shadow: string;
|
|
4387
|
+
};
|
|
4388
|
+
text: {
|
|
4389
|
+
color: string;
|
|
4390
|
+
hoverColor: string;
|
|
4391
|
+
mutedColor: string;
|
|
4392
|
+
hoverMutedColor: string;
|
|
4393
|
+
};
|
|
4394
|
+
content: {
|
|
4395
|
+
background: string;
|
|
4396
|
+
hoverBackground: string;
|
|
4397
|
+
borderColor: string;
|
|
4398
|
+
color: string;
|
|
4399
|
+
hoverColor: string;
|
|
4400
|
+
};
|
|
4401
|
+
overlay: {
|
|
4402
|
+
select: {
|
|
4403
|
+
background: string;
|
|
4404
|
+
borderColor: string;
|
|
4405
|
+
color: string;
|
|
4406
|
+
};
|
|
4407
|
+
popover: {
|
|
4408
|
+
background: string;
|
|
4409
|
+
borderColor: string;
|
|
4410
|
+
color: string;
|
|
4411
|
+
};
|
|
4412
|
+
modal: {
|
|
4413
|
+
background: string;
|
|
4414
|
+
borderColor: string;
|
|
4415
|
+
color: string;
|
|
4416
|
+
};
|
|
4417
|
+
};
|
|
4418
|
+
list: {
|
|
4419
|
+
option: {
|
|
4420
|
+
focusBackground: string;
|
|
4421
|
+
selectedBackground: string;
|
|
4422
|
+
selectedFocusBackground: string;
|
|
4423
|
+
color: string;
|
|
4424
|
+
focusColor: string;
|
|
4425
|
+
selectedColor: string;
|
|
4426
|
+
selectedFocusColor: string;
|
|
4427
|
+
icon: {
|
|
4428
|
+
color: string;
|
|
4429
|
+
focusColor: string;
|
|
4430
|
+
};
|
|
4431
|
+
};
|
|
4432
|
+
optionGroup: {
|
|
4433
|
+
background: string;
|
|
4434
|
+
color: string;
|
|
4435
|
+
};
|
|
4436
|
+
};
|
|
4437
|
+
navigation: {
|
|
4438
|
+
item: {
|
|
4439
|
+
focusBackground: string;
|
|
4440
|
+
activeBackground: string;
|
|
4441
|
+
color: string;
|
|
4442
|
+
focusColor: string;
|
|
4443
|
+
activeColor: string;
|
|
4444
|
+
icon: {
|
|
4445
|
+
color: string;
|
|
4446
|
+
focusColor: string;
|
|
4447
|
+
activeColor: string;
|
|
4448
|
+
};
|
|
4449
|
+
};
|
|
4450
|
+
submenuLabel: {
|
|
4451
|
+
background: string;
|
|
4452
|
+
color: string;
|
|
4453
|
+
};
|
|
4454
|
+
submenuIcon: {
|
|
4455
|
+
color: string;
|
|
4456
|
+
focusColor: string;
|
|
4457
|
+
activeColor: string;
|
|
4458
|
+
};
|
|
4459
|
+
};
|
|
4460
|
+
};
|
|
4461
|
+
};
|
|
4462
|
+
};
|
|
4463
|
+
components: {
|
|
4464
|
+
button: {
|
|
4465
|
+
root: {
|
|
4466
|
+
borderRadius: string;
|
|
4467
|
+
label: {
|
|
4468
|
+
fontWeight: string;
|
|
4469
|
+
};
|
|
4470
|
+
};
|
|
4471
|
+
};
|
|
4472
|
+
datatable: {
|
|
4473
|
+
headerCell: {
|
|
4474
|
+
padding: string;
|
|
4475
|
+
background: string;
|
|
4476
|
+
color: string;
|
|
4477
|
+
selectedBackground: string;
|
|
4478
|
+
selectedColor: string;
|
|
4479
|
+
};
|
|
4480
|
+
bodyCell: {
|
|
4481
|
+
padding: string;
|
|
4482
|
+
};
|
|
4483
|
+
colorScheme: {
|
|
4484
|
+
light: {
|
|
4485
|
+
root: {
|
|
4486
|
+
borderColor: string;
|
|
4487
|
+
};
|
|
4488
|
+
row: {
|
|
4489
|
+
stripedBackground: string;
|
|
4490
|
+
};
|
|
4491
|
+
};
|
|
4492
|
+
dark: {
|
|
4493
|
+
root: {
|
|
4494
|
+
borderColor: string;
|
|
4495
|
+
};
|
|
4496
|
+
row: {
|
|
4497
|
+
stripedBackground: string;
|
|
4498
|
+
};
|
|
4499
|
+
};
|
|
4500
|
+
};
|
|
4501
|
+
};
|
|
4502
|
+
paginator: {
|
|
4503
|
+
root: {
|
|
4504
|
+
padding: string;
|
|
4505
|
+
gap: string;
|
|
4506
|
+
};
|
|
4507
|
+
navButton: {
|
|
4508
|
+
width: string;
|
|
4509
|
+
height: string;
|
|
4510
|
+
borderRadius: string;
|
|
4511
|
+
};
|
|
4512
|
+
};
|
|
4513
|
+
dialog: {
|
|
4514
|
+
title: {
|
|
4515
|
+
fontSize: string;
|
|
4516
|
+
fontWeight: string;
|
|
4517
|
+
};
|
|
4518
|
+
};
|
|
4519
|
+
drawer: {
|
|
4520
|
+
title: {
|
|
4521
|
+
fontSize: string;
|
|
4522
|
+
fontWeight: string;
|
|
4523
|
+
};
|
|
4524
|
+
};
|
|
4525
|
+
tooltip: {
|
|
4526
|
+
colorScheme: {
|
|
4527
|
+
light: {
|
|
4528
|
+
root: {
|
|
4529
|
+
background: string;
|
|
4530
|
+
color: string;
|
|
4531
|
+
};
|
|
4532
|
+
};
|
|
4533
|
+
dark: {
|
|
4534
|
+
root: {
|
|
4535
|
+
background: string;
|
|
4536
|
+
color: string;
|
|
4537
|
+
};
|
|
4538
|
+
};
|
|
4539
|
+
};
|
|
4540
|
+
};
|
|
4541
|
+
tabs: {
|
|
4542
|
+
tab: {
|
|
4543
|
+
padding: string;
|
|
4544
|
+
fontWeight: string;
|
|
4545
|
+
};
|
|
4546
|
+
};
|
|
4547
|
+
toggleswitch: {
|
|
4548
|
+
colorScheme: {
|
|
4549
|
+
light: {
|
|
4550
|
+
root: {
|
|
4551
|
+
checkedBackground: string;
|
|
4552
|
+
checkedHoverBackground: string;
|
|
4553
|
+
};
|
|
4554
|
+
};
|
|
4555
|
+
dark: {
|
|
4556
|
+
root: {
|
|
4557
|
+
checkedBackground: string;
|
|
4558
|
+
checkedHoverBackground: string;
|
|
4559
|
+
};
|
|
4560
|
+
};
|
|
4561
|
+
};
|
|
4562
|
+
};
|
|
4563
|
+
skeleton: {
|
|
4564
|
+
colorScheme: {
|
|
4565
|
+
light: {
|
|
4566
|
+
root: {
|
|
4567
|
+
background: string;
|
|
4568
|
+
animationBackground: string;
|
|
4569
|
+
};
|
|
4570
|
+
};
|
|
4571
|
+
dark: {
|
|
4572
|
+
root: {
|
|
4573
|
+
background: string;
|
|
4574
|
+
animationBackground: string;
|
|
4575
|
+
};
|
|
4576
|
+
};
|
|
4577
|
+
};
|
|
4578
|
+
};
|
|
4579
|
+
};
|
|
4580
|
+
};
|
|
4581
|
+
/** Dataworkz PrimeNG preset: Aura retargeted to the design system. */
|
|
4582
|
+
declare const DwPreset: _primeuix_themes_types.Preset<_primeuix_themes_aura_base.AuraBaseDesignTokens>;
|
|
4583
|
+
|
|
4584
|
+
/** PrimeNG's dark mode follows the attribute ThemeService (and provideCrystal()) put on `<html>`. */
|
|
4585
|
+
declare const DW_DARK_MODE_SELECTOR = "[data-theme=\"dark\"]";
|
|
4586
|
+
/** Panel class that sizes a select's option list for a small trigger (components/form.css). */
|
|
4587
|
+
declare const DW_SELECT_PANEL_SM = "dw-select-panel--sm";
|
|
4588
|
+
type SizedInstance = {
|
|
4589
|
+
size?: () => string | null | undefined;
|
|
4590
|
+
};
|
|
4591
|
+
/**
|
|
4592
|
+
* Crystal's pass-through defaults: a small `p-select` / `p-multiselect` gets small options even when its list is
|
|
4593
|
+
* appended to `<body>` (where CSS can't see the trigger).
|
|
4594
|
+
*/
|
|
4595
|
+
declare const DW_PRIMENG_PT: {
|
|
4596
|
+
readonly select: {
|
|
4597
|
+
readonly overlay: ({ instance }: {
|
|
4598
|
+
instance?: SizedInstance;
|
|
4599
|
+
}) => {
|
|
4600
|
+
class: string;
|
|
4601
|
+
} | {
|
|
4602
|
+
class?: undefined;
|
|
4603
|
+
};
|
|
4604
|
+
};
|
|
4605
|
+
readonly multiselect: {
|
|
4606
|
+
readonly overlay: ({ instance }: {
|
|
4607
|
+
instance?: SizedInstance;
|
|
4608
|
+
}) => {
|
|
4609
|
+
class: string;
|
|
4610
|
+
} | {
|
|
4611
|
+
class?: undefined;
|
|
4612
|
+
};
|
|
4613
|
+
};
|
|
4614
|
+
};
|
|
4615
|
+
/**
|
|
4616
|
+
* PrimeNG's z-index bases, with tooltips raised to 5000: PrimeNG already stacks a tooltip above the overlays it manages
|
|
4617
|
+
* (dialogs, drawers, popovers), and the higher base keeps it above layers that set their own z-index too (a panel or
|
|
4618
|
+
* page chrome with `z-index` in CSS), so a tooltip is never hidden under what it describes.
|
|
4619
|
+
*/
|
|
4620
|
+
declare const DW_PRIMENG_Z_INDEX: {
|
|
4621
|
+
readonly modal: 1100;
|
|
4622
|
+
readonly overlay: 1000;
|
|
4623
|
+
readonly menu: 1000;
|
|
4624
|
+
readonly tooltip: 5000;
|
|
4625
|
+
};
|
|
4626
|
+
/**
|
|
4627
|
+
* PrimeNG with the Dataworkz preset, dark mode on `[data-theme="dark"]`. `provideCrystal()` calls it (its `primeng`
|
|
4628
|
+
* option is this `config`), so an app doesn't; it is for a test bed or a host that wants PrimeNG without the rest.
|
|
4629
|
+
* App-specific PrimeNG settings (ripple, zIndex, translation…) are merged over crystal's, `theme.options` too.
|
|
4630
|
+
*
|
|
4631
|
+
* ```ts
|
|
4632
|
+
* TestBed.configureTestingModule({ providers: [provideCrystalPrimeNG()] });
|
|
4633
|
+
* ```
|
|
4634
|
+
*/
|
|
4635
|
+
declare function provideCrystalPrimeNG(config?: PrimeNGConfigType): EnvironmentProviders;
|
|
4636
|
+
|
|
3958
4637
|
/** Attribute on the one `<style>` the host theme lives in. */
|
|
3959
4638
|
declare const DW_HOST_THEME_ATTR = "data-dw-crystal-theme";
|
|
3960
4639
|
interface CrystalHostThemeOptions {
|
|
@@ -3979,5 +4658,5 @@ declare function installCrystalHostTheme({ fonts }?: CrystalHostThemeOptions): v
|
|
|
3979
4658
|
/** Removes the host theme again (e.g. a host that unloads crystal, or a test). */
|
|
3980
4659
|
declare function removeCrystalHostTheme(): void;
|
|
3981
4660
|
|
|
3982
|
-
export { DW_ACCORDION, DW_APP_FIELD_MESSAGES, DW_CLOCK_TICK_MS, DW_CRYSTAL_CONFIG, DW_DIALOG, DW_DRAWER, DW_FIELD_MESSAGES, DW_HOST_THEME_ATTR, DW_ICON_RESOLVERS, DW_INPUT, DW_IN_PROGRESS_STATUSES, DW_LAYOUT, DW_MENU_PLAIN_GROUP, DW_OVERLAY_ANCHOR_ATTR, DW_OVERLAY_ANCHOR_GAP, DW_POPOVER, DW_RESERVED_ICON_PREFIX, DW_STATUS_TONES, DW_TABLE, DW_TAG_PALETTE, DW_THEME_STORAGE_KEY, DW_TOGGLE_CARD, DwAccordionComponent, DwAccordionContentDirective, DwAccordionHeaderActionDirective, DwAccordionHeaderDirective, DwAccordionPanelComponent, DwActionBarComponent, DwAutocompleteComponent, DwAutocompleteItemDirective, DwAvatarComponent, DwBadgeComponent, DwBannerComponent, DwBoxComponent, DwBreadcrumbComponent, DwButtonComponent, DwCardComponent, DwCellDirective, DwChartComponent, DwCheckToggleComponent, DwCheckboxComponent, DwChipComponent, DwClockService, DwColumnPickerComponent, DwConfirmDialogComponent, DwConfirmHostComponent, DwConfirmService, DwCopyButtonComponent, DwDatePickerComponent, DwDialogComponent, DwDialogFooterDirective, DwDialogHeaderDirective, DwDialogTitleSuffixDirective, DwDividerComponent, DwDrawerComponent, DwDrawerFooterDirective, DwDrawerHeaderDirective, DwDrawerSubheaderDirective, DwEmptyStateComponent, DwEntityIconComponent, DwFieldComponent, DwFileDropzoneComponent, DwFileListComponent, DwFormControl, DwFormSectionHeaderComponent, DwGridDirective, DwHeaderDirective, DwHstackDirective, DwIconButtonComponent, DwIconComponent, DwIconRegistry, IdBlockComponent as DwIdBlockComponent, DwInputDirective, DwMenuComponent, DwMenuHeaderDirective, DwMeterComponent, DwMultiselectComponent, DwNavItemActionsDirective, DwNavItemExtraDirective, DwNavListComponent, DwNumberInputComponent, DwPageHeaderComponent, DwPopoverComponent, DwPopoverFooterDirective, DwRadioComponent, DwRailTabsComponent, DwResizerComponent, DwRowActionsDirective, DwRowExpansionDirective, DwSearchInputComponent, DwSectionComponent, DwSelectComponent, DwSelectFooterDirective, DwSelectOptionDirective, DwSelectValueDirective, DwSkeletonComponent, DwSliderComponent, DwSpinnerComponent, DwSplitterComponent, DwSplitterPanelDirective, DwStackDirective, DwStatusPillComponent, DwStepperComponent, DwSwitchComponent, DwTabPanelDirective, DwTableComponent, DwTableEmptyComponent, DwTabsComponent, DwTagColorButtonComponent, DwTagColorPickerComponent, DwTagComponent, DwTagListComponent, DwTextareaDirective, DwTileComponent, DwTimestampComponent, DwToastHostComponent, DwToastService, DwToggleCardBodyDirective, DwToggleCardComponent, DwToggleCardControlDirective, DwTooltipDirective, DwTooltipIfTruncatedDirective, DwTreeComponent, DwTreeNodeDirective, ThemeService, alignUnderOverlayAnchor, extensionOf, fieldErrorMessage, formatBytes, gapToken, hashTagIndex, humanizeStatus, initialsOf, installCrystalHostTheme, isImageIcon, isTruncated, normalizeStatus, primeSize, provideCrystal, provideCrystalFieldMessages, provideCrystalIconResolvers, provideCrystalIcons, removeCrystalHostTheme, tagColorVar, tintFor, toneForStatus };
|
|
4661
|
+
export { AZURE_PRIMARY_RAMP, DW_ACCORDION, DW_APP_FIELD_MESSAGES, DW_CLOCK_TICK_MS, DW_COLOR_SCHEME, DW_CRYSTAL_CONFIG, DW_DARK_MODE_SELECTOR, DW_DIALOG, DW_DRAWER, DW_FIELD_MESSAGES, DW_HOST_THEME_ATTR, DW_ICON_RESOLVERS, DW_INPUT, DW_IN_PROGRESS_STATUSES, DW_LAYOUT, DW_MENU_PLAIN_GROUP, DW_OVERLAY_ANCHOR_ATTR, DW_OVERLAY_ANCHOR_GAP, DW_POPOVER, DW_PRESET_OVERRIDES, DW_PRIMENG_PT, DW_PRIMENG_Z_INDEX, DW_RESERVED_ICON_PREFIX, DW_SELECT_PANEL_SM, DW_STATUS_TONES, DW_TABLE, DW_TAG_PALETTE, DW_THEME_STORAGE_KEY, DW_TOGGLE_CARD, DwAccordionComponent, DwAccordionContentDirective, DwAccordionHeaderActionDirective, DwAccordionHeaderDirective, DwAccordionPanelComponent, DwActionBarComponent, DwAutocompleteComponent, DwAutocompleteItemDirective, DwAvatarComponent, DwBadgeComponent, DwBannerComponent, DwBoxComponent, DwBreadcrumbComponent, DwButtonComponent, DwCardComponent, DwCellDirective, DwChartComponent, DwCheckToggleComponent, DwCheckboxComponent, DwChipComponent, DwClockService, DwColumnPickerComponent, DwConfirmDialogComponent, DwConfirmHostComponent, DwConfirmService, DwCopyButtonComponent, DwDatePickerComponent, DwDialogComponent, DwDialogFooterDirective, DwDialogHeaderDirective, DwDialogTitleSuffixDirective, DwDividerComponent, DwDrawerComponent, DwDrawerFooterDirective, DwDrawerHeaderDirective, DwDrawerSubheaderDirective, DwEmptyStateComponent, DwEntityIconComponent, DwFieldComponent, DwFileDropzoneComponent, DwFileListComponent, DwFormControl, DwFormSectionHeaderComponent, DwGridDirective, DwHeaderDirective, DwHstackDirective, DwIconButtonComponent, DwIconComponent, DwIconRegistry, IdBlockComponent as DwIdBlockComponent, DwInputDirective, DwMenuComponent, DwMenuHeaderDirective, DwMeterComponent, DwMultiselectComponent, DwNavItemActionsDirective, DwNavItemExtraDirective, DwNavListComponent, DwNumberInputComponent, DwPageHeaderComponent, DwPopoverComponent, DwPopoverFooterDirective, DwPreset, DwRadioComponent, DwRailTabsComponent, DwResizerComponent, DwRowActionsDirective, DwRowExpansionDirective, DwSearchInputComponent, DwSectionComponent, DwSelectComponent, DwSelectFooterDirective, DwSelectOptionDirective, DwSelectValueDirective, DwSkeletonComponent, DwSliderComponent, DwSpinnerComponent, DwSplitterComponent, DwSplitterPanelDirective, DwStackDirective, DwStatusPillComponent, DwStepperComponent, DwSwitchComponent, DwTabPanelDirective, DwTableComponent, DwTableEmptyComponent, DwTabsComponent, DwTagColorButtonComponent, DwTagColorPickerComponent, DwTagComponent, DwTagListComponent, DwTextareaDirective, DwTileComponent, DwTimestampComponent, DwToastHostComponent, DwToastService, DwToggleCardBodyDirective, DwToggleCardComponent, DwToggleCardControlDirective, DwTooltipDirective, DwTooltipIfTruncatedDirective, DwTreeComponent, DwTreeNodeDirective, ThemeService, alignUnderOverlayAnchor, extensionOf, fieldErrorMessage, formatBytes, gapToken, hashTagIndex, humanizeStatus, initialsOf, installCrystalHostTheme, isImageIcon, isTruncated, normalizeStatus, primeSize, provideCrystal, provideCrystalFieldMessages, provideCrystalIconResolvers, provideCrystalIcons, provideCrystalPrimeNG, removeCrystalHostTheme, tagColorVar, tintFor, toneForStatus };
|
|
3983
4662
|
export type { CrystalConfig, CrystalHostThemeOptions, CrystalThemeConfig, DwAccordionHeaderContext, DwAccordionToggleEvent, DwAccordionValue, DwAccordionVariant, DwAlign, DwAutocompletePanelWidth, DwAutocompleteSearchEvent, DwAvatarTint, DwBadgeKind, DwBadgeTone, DwBreadcrumb, DwButtonAppearance, DwButtonSize, DwButtonVariant, DwCanClose, DwCardTint, DwCardVariant, DwChartSelectEvent, DwChartType, DwColumn, DwConfirmOptions, DwConfirmSeverity, DwConfirmSummaryRow, DwConfirmWarning, DwControlSize, DwDateValue, DwDialogSize, DwDividerOrientation, DwDividerSpacing, DwDrawerAction, DwDrawerSize, DwEntityKind, DwEntityTint, DwFieldMessage, DwFileItem, DwFileRejectReason, DwFileRejection, DwFileStatus, DwGap, DwIconButtonVariant, DwIconResolvers, DwInitialsStrategy, DwInputSize, DwJustify, DwMenuItem, DwNavGroup, DwNavItem, DwNavItemDot, DwNavReorder, DwPrimeValueAccessor, DwRailTab, DwResizerDrag, DwRowClickEvent, DwSelectOptionContext, DwSeverity, DwShowErrorsWhen, DwSkeletonPreset, DwSortChange, DwSortEvent, DwSortMeta, DwSplitterResizeEvent, DwStep, DwStepValue, DwSupportedType, DwSwitchSize, DwTabOption, DwTabValue, DwTagItem, DwTheme, DwToast, DwToastOptions, DwToastPosition, DwToastSeverity, DwTone, DwTooltipPosition, DwTooltipVariant, DwTreeNode, DwTreeNodeEvent, DwTreeSelection };
|