@daffodil/design 0.90.0 → 0.92.3-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/README.md +26 -38
- package/accordion/index.d.ts +9 -6
- package/article/README.md +66 -46
- package/article/index.d.ts +41 -0
- package/article/src/article-theme.scss +22 -0
- package/breadcrumb/README.md +6 -1
- package/breadcrumb/index.d.ts +65 -11
- package/breadcrumb/src/breadcrumb-theme.scss +1 -1
- package/button/README.md +36 -33
- package/button/index.d.ts +27 -6
- package/button/src/button/basic/button-theme.scss +4 -2
- package/button/src/button/button-base.scss +29 -6
- package/button/src/button/icon/icon-theme.scss +10 -6
- package/button/src/button/raised/raised-theme.scss +6 -4
- package/callout/README.md +15 -27
- package/card/README.md +36 -69
- package/card/index.d.ts +7 -41
- package/card/src/card-base-theme.scss +2 -5
- package/card/src/card-base.scss +2 -2
- package/checkbox/README.md +0 -0
- package/checkbox/index.d.ts +177 -0
- package/container/README.md +18 -23
- package/fesm2022/daffodil-design-accordion.mjs +34 -25
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +283 -17
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +180 -28
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +90 -45
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +23 -23
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +43 -90
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox.mjs +317 -0
- package/fesm2022/daffodil-design-checkbox.mjs.map +1 -0
- package/fesm2022/daffodil-design-container.mjs +8 -8
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-form-field.mjs +56 -86
- package/fesm2022/daffodil-design-form-field.mjs.map +1 -1
- package/fesm2022/daffodil-design-form.mjs +62 -0
- package/fesm2022/daffodil-design-form.mjs.map +1 -0
- package/fesm2022/daffodil-design-hero.mjs +23 -23
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +19 -11
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input.mjs +18 -14
- package/fesm2022/daffodil-design-input.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +25 -17
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +16 -16
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +8 -8
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +13 -13
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +223 -60
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +86 -83
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-native-select.mjs +47 -41
- package/fesm2022/daffodil-design-native-select.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +25 -21
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +28 -64
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +11 -16
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +10 -10
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field.mjs +19 -18
- package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio.mjs +27 -56
- package/fesm2022/daffodil-design-radio.mjs.map +1 -1
- package/fesm2022/daffodil-design-select.mjs +6 -6
- package/fesm2022/daffodil-design-select.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +30 -60
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-spinner.mjs +99 -0
- package/fesm2022/daffodil-design-spinner.mjs.map +1 -0
- package/fesm2022/daffodil-design-switch.mjs +49 -106
- package/fesm2022/daffodil-design-switch.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +35 -27
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-tag.mjs +7 -7
- package/fesm2022/daffodil-design-tag.mjs.map +1 -1
- package/fesm2022/daffodil-design-text-snippet.mjs +6 -8
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -1
- package/fesm2022/daffodil-design-textarea.mjs +6 -3
- package/fesm2022/daffodil-design-textarea.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +79 -80
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +152 -112
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design-youtube-player.mjs +6 -6
- package/fesm2022/daffodil-design-youtube-player.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +559 -711
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/form/README.md +75 -0
- package/form/index.d.ts +27 -0
- package/form-field/README.md +74 -99
- package/form-field/index.d.ts +64 -42
- package/hero/README.md +5 -5
- package/image/README.md +27 -19
- package/image/index.d.ts +6 -1
- package/index.d.ts +282 -447
- package/input/README.md +36 -16
- package/input/index.d.ts +4 -3
- package/link-set/index.d.ts +9 -1
- package/list/README.md +2 -2
- package/loading-icon/README.md +1 -1
- package/loading-icon/index.d.ts +1 -1
- package/media-gallery/README.md +3 -3
- package/menu/README.md +107 -10
- package/menu/index.d.ts +143 -11
- package/modal/README.md +107 -17
- package/modal/index.d.ts +72 -35
- package/native-select/README.md +52 -15
- package/native-select/index.d.ts +8 -7
- package/navbar/README.md +23 -17
- package/navbar/index.d.ts +12 -2
- package/navbar/src/navbar-theme.scss +4 -46
- package/notification/README.md +4 -4
- package/notification/index.d.ts +7 -38
- package/package.json +1 -1
- package/paginator/README.md +42 -6
- package/paginator/index.d.ts +5 -9
- package/progress-bar/README.md +3 -3
- package/quantity-field/README.md +4 -4
- package/quantity-field/index.d.ts +4 -1
- package/radio/README.md +1 -1
- package/radio/index.d.ts +0 -16
- package/scss/layout/_breakpoint.scss +1 -1
- package/scss/theme.scss +9 -5
- package/scss/theming/_color-palettes.scss +19 -11
- package/scss/theming/_configure-theme.scss +11 -10
- package/scss/theming/_daff-theme.scss +5 -14
- package/scss/theming/_get-base-color.scss +2 -2
- package/scss/theming/_get-palette.scss +2 -2
- package/scss/theming/_get-theme-mode.scss +3 -3
- package/scss/theming/_index.scss +2 -1
- package/scss/theming/contrast/max-contrast/max-contrast.scss +3 -3
- package/scss/theming/contrast/text-contrast/text-contrast.scss +22 -16
- package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +57 -0
- package/scss/theming/create-theme/_create-theme.scss +330 -0
- package/scss/theming/create-theme/_create-theme.spec.scss +122 -0
- package/scss/theming/create-theme/_index.scss +1 -0
- package/scss/theming/get-font-colors/_get-font-colors.scss +36 -0
- package/scss/theming/get-font-colors/_get-font-colors.spec.scss +72 -0
- package/scss/typography/mixins/_font-weight.scss +8 -14
- package/select/README.md +107 -4
- package/sidebar/README.md +6 -14
- package/sidebar/index.d.ts +3 -15
- package/spinner/README.md +57 -0
- package/spinner/index.d.ts +53 -0
- package/spinner/src/spinner-theme.scss +62 -0
- package/switch/README.md +21 -29
- package/switch/index.d.ts +18 -48
- package/switch/src/switch-theme.scss +26 -18
- package/tabs/README.md +1 -1
- package/tabs/index.d.ts +8 -5
- package/tag/README.md +24 -30
- package/tag/index.d.ts +1 -1
- package/tag/src/tag-theme.scss +11 -9
- package/text-snippet/README.md +1 -1
- package/text-snippet/src/text-snippet-theme.scss +12 -0
- package/textarea/README.md +36 -6
- package/textarea/index.d.ts +4 -4
- package/toast/README.md +4 -4
- package/tree/README.md +39 -22
- package/tree/index.d.ts +57 -96
- package/tree/src/tree-theme.scss +0 -4
- package/accordion/examples/index.d.ts +0 -20
- package/article/examples/index.d.ts +0 -50
- package/breadcrumb/examples/index.d.ts +0 -10
- package/button/examples/index.d.ts +0 -67
- package/callout/examples/index.d.ts +0 -41
- package/card/examples/index.d.ts +0 -62
- package/card/src/card/raised/raised-theme.scss +0 -28
- package/checkbox/examples/index.d.ts +0 -32
- package/container/examples/index.d.ts +0 -16
- package/fesm2022/daffodil-design-accordion-examples.mjs +0 -50
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-article-examples.mjs +0 -134
- package/fesm2022/daffodil-design-article-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs +0 -46
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-button-examples.mjs +0 -178
- package/fesm2022/daffodil-design-button-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +0 -116
- package/fesm2022/daffodil-design-callout-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-card-examples.mjs +0 -168
- package/fesm2022/daffodil-design-card-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +0 -76
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-container-examples.mjs +0 -41
- package/fesm2022/daffodil-design-container-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-form-field-examples.mjs +0 -96
- package/fesm2022/daffodil-design-form-field-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +0 -121
- package/fesm2022/daffodil-design-hero-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-image-examples.mjs +0 -58
- package/fesm2022/daffodil-design-image-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-input-examples.mjs +0 -108
- package/fesm2022/daffodil-design-input-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-list-examples.mjs +0 -77
- package/fesm2022/daffodil-design-list-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +0 -44
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +0 -104
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +0 -50
- package/fesm2022/daffodil-design-menu-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +0 -51
- package/fesm2022/daffodil-design-modal-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-native-select-examples.mjs +0 -71
- package/fesm2022/daffodil-design-native-select-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +0 -88
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +0 -102
- package/fesm2022/daffodil-design-notification-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +0 -59
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +0 -57
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +0 -85
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-radio-examples.mjs +0 -34
- package/fesm2022/daffodil-design-radio-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-select-examples.mjs +0 -117
- package/fesm2022/daffodil-design-select-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +0 -109
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-sticky-examples.mjs +0 -25
- package/fesm2022/daffodil-design-sticky-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +0 -110
- package/fesm2022/daffodil-design-switch-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-tabs-examples.mjs +0 -115
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-tag-examples.mjs +0 -125
- package/fesm2022/daffodil-design-tag-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +0 -25
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-textarea-examples.mjs +0 -66
- package/fesm2022/daffodil-design-textarea-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +0 -147
- package/fesm2022/daffodil-design-toast-examples.mjs.map +0 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +0 -104
- package/fesm2022/daffodil-design-tree-examples.mjs.map +0 -1
- package/form-field/examples/index.d.ts +0 -18
- package/hero/examples/index.d.ts +0 -45
- package/image/examples/index.d.ts +0 -10
- package/input/examples/index.d.ts +0 -10
- package/list/examples/index.d.ts +0 -29
- package/loading-icon/examples/index.d.ts +0 -16
- package/media-gallery/examples/index.d.ts +0 -38
- package/menu/examples/index.d.ts +0 -20
- package/modal/examples/index.d.ts +0 -15
- package/native-select/examples/index.d.ts +0 -10
- package/navbar/examples/index.d.ts +0 -31
- package/notification/examples/index.d.ts +0 -12
- package/paginator/examples/index.d.ts +0 -26
- package/progress-bar/examples/index.d.ts +0 -10
- package/quantity-field/examples/index.d.ts +0 -30
- package/radio/examples/index.d.ts +0 -13
- package/select/examples/index.d.ts +0 -28
- package/sidebar/examples/index.d.ts +0 -10
- package/sticky/examples/index.d.ts +0 -10
- package/switch/examples/index.d.ts +0 -46
- package/tabs/examples/index.d.ts +0 -12
- package/tag/examples/index.d.ts +0 -50
- package/text-snippet/examples/index.d.ts +0 -10
- package/textarea/examples/index.d.ts +0 -10
- package/toast/examples/index.d.ts +0 -56
- package/tree/examples/index.d.ts +0 -18
- /package/{form-field → form}/src/error-message/error-message-theme.scss +0 -0
- /package/{form-field → form}/src/hint/hint-theme.scss +0 -0
package/tree/index.d.ts
CHANGED
|
@@ -1,41 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import {
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { TemplateRef } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/common';
|
|
4
|
-
import * as rxjs from 'rxjs';
|
|
5
4
|
import * as i1 from '@daffodil/design';
|
|
6
5
|
|
|
7
|
-
/**
|
|
8
|
-
* This service is used by tree items to notify their parent
|
|
9
|
-
* that the tree has to be recomputed.
|
|
10
|
-
*
|
|
11
|
-
* This service is a multiton associated with each tree instance.
|
|
12
|
-
* It follows the same lifecycle as the tree it is associated with.
|
|
13
|
-
*/
|
|
14
|
-
declare class DaffTreeNotifierService implements OnDestroy {
|
|
15
|
-
/**
|
|
16
|
-
* @docs-private
|
|
17
|
-
*/
|
|
18
|
-
private _notice;
|
|
19
|
-
/**
|
|
20
|
-
* An observable that emits when the tree needs to be re-computed.
|
|
21
|
-
*/
|
|
22
|
-
notice$: rxjs.Observable<boolean>;
|
|
23
|
-
/**
|
|
24
|
-
* `notify` can be called to trigger a re-computation of the tree
|
|
25
|
-
* if data has changed unexpectedly and a re-render did not occur.
|
|
26
|
-
*
|
|
27
|
-
* This should be used sparingly. Instead, prefer updating `data` on the tree
|
|
28
|
-
* itself for performance reasons.
|
|
29
|
-
*/
|
|
30
|
-
notify(): void;
|
|
31
|
-
/**
|
|
32
|
-
* Cleanup when the tree is destroyed.
|
|
33
|
-
*
|
|
34
|
-
* @docs-private
|
|
35
|
-
*/
|
|
36
|
-
ngOnDestroy(): void;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
6
|
/**
|
|
40
7
|
* A basic tree type supporting supplemental data on a tree node.
|
|
41
8
|
*
|
|
@@ -65,13 +32,6 @@ interface DaffTreeData<T> {
|
|
|
65
32
|
data: T;
|
|
66
33
|
}
|
|
67
34
|
|
|
68
|
-
/**
|
|
69
|
-
* Represents the mode of rendering for nodes in a tree UI.
|
|
70
|
-
* - `in-dom`: Closed nodes are present in the Document Object Model (DOM).
|
|
71
|
-
* - `not-in-dom`: Closed nodes are not present in the Document Object Model (DOM).
|
|
72
|
-
*/
|
|
73
|
-
type DaffTreeRenderMode = 'in-dom' | 'not-in-dom';
|
|
74
|
-
|
|
75
35
|
/**
|
|
76
36
|
* A DaffTreeUi is the internal data structure used during tree rendering.
|
|
77
37
|
*
|
|
@@ -98,6 +58,13 @@ interface DaffTreeFlatNode {
|
|
|
98
58
|
_treeRef: DaffTreeUi<unknown>;
|
|
99
59
|
}
|
|
100
60
|
|
|
61
|
+
/**
|
|
62
|
+
* Represents the mode of rendering for nodes in a tree UI.
|
|
63
|
+
* - `in-dom`: Closed nodes are present in the Document Object Model (DOM).
|
|
64
|
+
* - `not-in-dom`: Closed nodes are not present in the Document Object Model (DOM).
|
|
65
|
+
*/
|
|
66
|
+
type DaffTreeRenderMode = 'in-dom' | 'not-in-dom';
|
|
67
|
+
|
|
101
68
|
/**
|
|
102
69
|
* The `DaffTreeComponent` allows you to render tree structures as interactable UI.
|
|
103
70
|
*
|
|
@@ -117,7 +84,7 @@ interface DaffTreeFlatNode {
|
|
|
117
84
|
* where `tree` is a {@link DaffTreeData}.
|
|
118
85
|
*
|
|
119
86
|
*/
|
|
120
|
-
declare class DaffTreeComponent
|
|
87
|
+
declare class DaffTreeComponent {
|
|
121
88
|
private notifier;
|
|
122
89
|
/**
|
|
123
90
|
* The rendering mode for nodes in the tree.
|
|
@@ -128,54 +95,48 @@ declare class DaffTreeComponent implements OnInit, OnChanges {
|
|
|
128
95
|
* but there may be use-cases (like SEO) where having the tree in the DOM
|
|
129
96
|
* is relevant.
|
|
130
97
|
*/
|
|
131
|
-
renderMode: DaffTreeRenderMode
|
|
98
|
+
readonly renderMode: _angular_core.InputSignal<DaffTreeRenderMode>;
|
|
99
|
+
/**
|
|
100
|
+
* A unique identifier for the tree instance.
|
|
101
|
+
* Used as a prefix for all node IDs in the tree.
|
|
102
|
+
* If not provided, an auto-incrementing number is used.
|
|
103
|
+
*/
|
|
104
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
105
|
+
/**
|
|
106
|
+
* The tree data you would like to render.
|
|
107
|
+
*/
|
|
108
|
+
readonly tree: _angular_core.InputSignal<DaffTreeData<unknown>>;
|
|
132
109
|
/**
|
|
133
110
|
* The internal tree element.
|
|
134
111
|
*/
|
|
135
112
|
private _tree;
|
|
113
|
+
/**
|
|
114
|
+
* A revision counter incremented by notifications from tree items.
|
|
115
|
+
* Used to trigger re-flattening when tree item state changes.
|
|
116
|
+
*/
|
|
117
|
+
readonly _revision: _angular_core.WritableSignal<number>;
|
|
136
118
|
/**
|
|
137
119
|
* @docs-private
|
|
138
120
|
*
|
|
139
121
|
* The flattened tree data. For debugging purposes, you can iterate through this if you want to inspect
|
|
140
122
|
* the resulting array structure we computed to render the tree.
|
|
141
123
|
*/
|
|
142
|
-
flatTree: DaffTreeFlatNode[]
|
|
143
|
-
/**
|
|
144
|
-
* The tree data you would like to render.
|
|
145
|
-
*/
|
|
146
|
-
tree: DaffTreeData<unknown>;
|
|
124
|
+
readonly flatTree: _angular_core.Signal<DaffTreeFlatNode[]>;
|
|
147
125
|
/**
|
|
148
126
|
* The template used to render tree-nodes that themselves have children.
|
|
149
127
|
*
|
|
150
128
|
* @docs-private
|
|
151
129
|
*/
|
|
152
|
-
withChildrenTemplate: TemplateRef<any
|
|
130
|
+
readonly withChildrenTemplate: _angular_core.Signal<TemplateRef<any>>;
|
|
153
131
|
/**
|
|
154
132
|
* The template used to render tree-nodes that have no children.
|
|
155
133
|
*
|
|
156
134
|
* @docs-private
|
|
157
135
|
*/
|
|
158
|
-
treeItemTemplate: TemplateRef<any
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
constructor(notifier: DaffTreeNotifierService);
|
|
163
|
-
/**
|
|
164
|
-
* @docs-private
|
|
165
|
-
*/
|
|
166
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
167
|
-
/**
|
|
168
|
-
* @docs-private
|
|
169
|
-
*
|
|
170
|
-
* The track-by function used to reduce tree-item re-renders
|
|
171
|
-
*/
|
|
172
|
-
trackByTreeElement(index: number, el: any): any;
|
|
173
|
-
/**
|
|
174
|
-
* @docs-private
|
|
175
|
-
*/
|
|
176
|
-
ngOnInit(): void;
|
|
177
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
|
|
178
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
|
|
136
|
+
readonly treeItemTemplate: _angular_core.Signal<TemplateRef<any>>;
|
|
137
|
+
constructor();
|
|
138
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
|
|
139
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
|
|
179
140
|
}
|
|
180
141
|
|
|
181
142
|
/**
|
|
@@ -201,40 +162,40 @@ declare class DaffTreeComponent implements OnInit, OnChanges {
|
|
|
201
162
|
declare class DaffTreeItemDirective {
|
|
202
163
|
private document;
|
|
203
164
|
private treeNotifier;
|
|
204
|
-
private isParent;
|
|
205
165
|
/**
|
|
206
|
-
* The
|
|
207
|
-
*
|
|
166
|
+
* The {@link DaffTreeFlatNode} associated with this specific tree item.
|
|
208
167
|
*/
|
|
209
|
-
|
|
168
|
+
readonly node: _angular_core.InputSignal<DaffTreeFlatNode>;
|
|
210
169
|
/**
|
|
211
|
-
*
|
|
212
|
-
*
|
|
170
|
+
* Whether or not the tree item is the currently active item.
|
|
171
|
+
* Note that there is no requirement that there only be one active item at a time.
|
|
172
|
+
*
|
|
173
|
+
* When a tree item becomes selected, all of its ancestor nodes
|
|
174
|
+
* will be automatically opened so that the selected item is visible.
|
|
213
175
|
*/
|
|
214
|
-
|
|
176
|
+
readonly selected: _angular_core.InputSignal<boolean>;
|
|
215
177
|
/**
|
|
216
|
-
*
|
|
178
|
+
* The html `id` of the tree item. This is derived from the {@link DaffTreeData}.
|
|
217
179
|
*/
|
|
218
|
-
|
|
180
|
+
protected readonly id: _angular_core.Signal<string>;
|
|
219
181
|
/**
|
|
220
|
-
*
|
|
182
|
+
* A property indicating the depth of the tree.
|
|
221
183
|
*/
|
|
222
|
-
|
|
184
|
+
protected readonly depth: _angular_core.Signal<number>;
|
|
223
185
|
/**
|
|
224
|
-
*
|
|
186
|
+
* Whether or not this node has children.
|
|
225
187
|
*/
|
|
226
|
-
|
|
188
|
+
protected readonly isParent: _angular_core.Signal<boolean>;
|
|
227
189
|
/**
|
|
228
|
-
*
|
|
190
|
+
* Indicates whether or not the tree is `open`.
|
|
229
191
|
*/
|
|
230
|
-
|
|
231
|
-
set node(val: DaffTreeFlatNode);
|
|
192
|
+
protected readonly open: _angular_core.Signal<boolean>;
|
|
232
193
|
/**
|
|
233
|
-
*
|
|
234
|
-
*
|
|
194
|
+
* Accessibility property, notifying users about whether
|
|
195
|
+
* or not the tree item is open.
|
|
235
196
|
*/
|
|
236
|
-
|
|
237
|
-
constructor(
|
|
197
|
+
protected readonly ariaExpanded: _angular_core.Signal<"true" | "false">;
|
|
198
|
+
constructor();
|
|
238
199
|
/**
|
|
239
200
|
* @docs-private
|
|
240
201
|
*/
|
|
@@ -251,17 +212,17 @@ declare class DaffTreeItemDirective {
|
|
|
251
212
|
* Toggle the open state of this specific subtree tree.
|
|
252
213
|
*/
|
|
253
214
|
toggleTree(node: DaffTreeFlatNode): void;
|
|
254
|
-
static ɵfac:
|
|
255
|
-
static ɵdir:
|
|
215
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffTreeItemDirective, never>;
|
|
216
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DaffTreeItemDirective, "[daffTreeItem]", never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
256
217
|
}
|
|
257
218
|
|
|
258
219
|
/**
|
|
259
220
|
* @deprecated in favor of {@link DAFF_TREE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
|
260
221
|
*/
|
|
261
222
|
declare class DaffTreeModule {
|
|
262
|
-
static ɵfac:
|
|
263
|
-
static ɵmod:
|
|
264
|
-
static ɵinj:
|
|
223
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DaffTreeModule, never>;
|
|
224
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<DaffTreeModule, never, [typeof i1$1.CommonModule, typeof DaffTreeComponent, typeof DaffTreeItemDirective], [typeof DaffTreeComponent, typeof DaffTreeItemDirective]>;
|
|
225
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<DaffTreeModule>;
|
|
265
226
|
}
|
|
266
227
|
|
|
267
228
|
type RecursiveTreeKeyOfType<T> = keyof {
|
package/tree/src/tree-theme.scss
CHANGED
|
@@ -2,12 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
@mixin daff-tree-theme($theme) {
|
|
4
4
|
$primary: daff-get-palette($theme, primary);
|
|
5
|
-
$secondary: daff-get-palette($theme, secondary);
|
|
6
|
-
$tertiary: daff-get-palette($theme, tertiary);
|
|
7
5
|
$base: daff-get-base-color($theme, base);
|
|
8
6
|
$base-contrast: daff-get-base-color($theme, base-contrast);
|
|
9
|
-
$white: daff-get-base-color($theme, 'white');
|
|
10
|
-
$black: daff-get-base-color($theme, 'black');
|
|
11
7
|
$neutral: daff-get-palette($theme, neutral);
|
|
12
8
|
$mode: daff-get-theme-mode($theme);
|
|
13
9
|
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
|
|
3
|
-
declare class BasicAccordionComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicAccordionComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicAccordionComponent, "basic-accordion", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare class InitiallyExpandedAccordionComponent {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<InitiallyExpandedAccordionComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InitiallyExpandedAccordionComponent, "initially-expanded-accordion", never, {}, {}, never, never, true, never>;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
declare class DisabledAccordionComponent {
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DisabledAccordionComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DisabledAccordionComponent, "disabled-accordion", never, {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const ACCORDION_EXAMPLES: (typeof BasicAccordionComponent)[];
|
|
19
|
-
|
|
20
|
-
export { ACCORDION_EXAMPLES, BasicAccordionComponent, DisabledAccordionComponent, InitiallyExpandedAccordionComponent };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
|
|
3
|
-
declare class ArticleHeadingsComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleHeadingsComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHeadingsComponent, "article-headings", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare class ArticleCodeInlineComponent {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleCodeInlineComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleCodeInlineComponent, "article-code-inline", never, {}, {}, never, never, true, never>;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
declare class ArticleHrComponent {
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleHrComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleHrComponent, "article-hr", never, {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare class ArticleOlComponent {
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleOlComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleOlComponent, "article-ol", never, {}, {}, never, never, true, never>;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
declare class ArticleUlComponent {
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleUlComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleUlComponent, "article-ul", never, {}, {}, never, never, true, never>;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
declare class ArticleMetaComponent {
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleMetaComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleMetaComponent, "article-meta", never, {}, {}, never, never, true, never>;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
declare class ArticleLinkComponent {
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleLinkComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleLinkComponent, "article-link", never, {}, {}, never, never, true, never>;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
declare class ArticleBlockquoteComponent {
|
|
39
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleBlockquoteComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleBlockquoteComponent, "article-blockquote", never, {}, {}, never, never, true, never>;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
declare class ArticleTableComponent {
|
|
44
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ArticleTableComponent, never>;
|
|
45
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ArticleTableComponent, "article-table", never, {}, {}, never, never, true, never>;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
declare const ARTICLE_EXAMPLES: (typeof ArticleHeadingsComponent)[];
|
|
49
|
-
|
|
50
|
-
export { ARTICLE_EXAMPLES, ArticleBlockquoteComponent, ArticleCodeInlineComponent, ArticleHeadingsComponent, ArticleHrComponent, ArticleLinkComponent, ArticleMetaComponent, ArticleOlComponent, ArticleTableComponent, ArticleUlComponent };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
|
|
3
|
-
declare class BasicBreadcrumbComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicBreadcrumbComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicBreadcrumbComponent, "basic-breadcrumb", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare const BREADCRUMB_EXAMPLES: (typeof BasicBreadcrumbComponent)[];
|
|
9
|
-
|
|
10
|
-
export { BREADCRUMB_EXAMPLES };
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
|
|
4
|
-
declare class BasicButtonComponent {
|
|
5
|
-
faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
6
|
-
faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicButtonComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicButtonComponent, "basic-button", never, {}, {}, never, never, true, never>;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
declare class ElevatedButtonComponent {
|
|
12
|
-
faUser: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ElevatedButtonComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ElevatedButtonComponent, "elevated-button", never, {}, {}, never, never, true, never>;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
declare class IconButtonComponent {
|
|
18
|
-
faPlus: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "icon-button", never, {}, {}, never, never, true, never>;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
declare class StatusableButtonComponent {
|
|
24
|
-
faExclamation: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
25
|
-
faExclamationTriangle: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
26
|
-
faCheckCircle: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StatusableButtonComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StatusableButtonComponent, "statusable-button", never, {}, {}, never, never, true, never>;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
declare const BUTTON_EXAMPLES: (typeof BasicButtonComponent | typeof ElevatedButtonComponent | typeof IconButtonComponent | typeof StatusableButtonComponent)[];
|
|
32
|
-
|
|
33
|
-
declare class FlatButtonComponent {
|
|
34
|
-
faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
35
|
-
faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
36
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FlatButtonComponent, never>;
|
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FlatButtonComponent, "flat-button", never, {}, {}, never, never, true, never>;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
declare class RaisedButtonComponent {
|
|
41
|
-
faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
42
|
-
faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<RaisedButtonComponent, never>;
|
|
44
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RaisedButtonComponent, "raised-button", never, {}, {}, never, never, true, never>;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
declare class SizeableButtonComponent {
|
|
48
|
-
faPlus: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SizeableButtonComponent, never>;
|
|
50
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SizeableButtonComponent, "sizeable-button", never, {}, {}, never, never, true, never>;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
declare class StrokedButtonComponent {
|
|
54
|
-
faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
55
|
-
faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
56
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StrokedButtonComponent, never>;
|
|
57
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StrokedButtonComponent, "stroked-button", never, {}, {}, never, never, true, never>;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
declare class UnderlineButtonComponent {
|
|
61
|
-
faChevronLeft: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
62
|
-
faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
63
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<UnderlineButtonComponent, never>;
|
|
64
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UnderlineButtonComponent, "underline-button", never, {}, {}, never, never, true, never>;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
export { BUTTON_EXAMPLES, BasicButtonComponent, ElevatedButtonComponent, FlatButtonComponent, IconButtonComponent, RaisedButtonComponent, SizeableButtonComponent, StatusableButtonComponent, StrokedButtonComponent, UnderlineButtonComponent };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
2
|
-
import { UntypedFormControl } from '@angular/forms';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
|
|
5
|
-
declare class CalloutThemingComponent {
|
|
6
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
7
|
-
colorControl: UntypedFormControl;
|
|
8
|
-
options: {
|
|
9
|
-
value: string;
|
|
10
|
-
label: string;
|
|
11
|
-
}[];
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalloutThemingComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalloutThemingComponent, "callout-theming", never, {}, {}, never, never, true, never>;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
declare class CalloutTextAlignmentComponent {
|
|
17
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
18
|
-
textAlignControl: UntypedFormControl;
|
|
19
|
-
options: {
|
|
20
|
-
value: string;
|
|
21
|
-
label: string;
|
|
22
|
-
}[];
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalloutTextAlignmentComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalloutTextAlignmentComponent, "callout-text-alignment", never, {}, {}, never, never, true, never>;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
declare class CalloutWithGridComponent {
|
|
28
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CalloutWithGridComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CalloutWithGridComponent, "callout-with-grid", never, {}, {}, never, never, true, never>;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
declare class CompactCalloutComponent {
|
|
34
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CompactCalloutComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never, true, never>;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
declare const CALLOUT_EXAMPLES: (typeof CalloutWithGridComponent)[];
|
|
40
|
-
|
|
41
|
-
export { CALLOUT_EXAMPLES, CalloutTextAlignmentComponent, CalloutThemingComponent, CalloutWithGridComponent, CompactCalloutComponent };
|
package/card/examples/index.d.ts
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
3
|
-
import { UntypedFormControl } from '@angular/forms';
|
|
4
|
-
|
|
5
|
-
declare class BasicCardComponent {
|
|
6
|
-
faMapMarked: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicCardComponent, never>;
|
|
8
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never, true, never>;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
declare class CardOrientationComponent {
|
|
12
|
-
faMapMarked: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
13
|
-
orientationControl: UntypedFormControl;
|
|
14
|
-
options: {
|
|
15
|
-
value: string;
|
|
16
|
-
label: string;
|
|
17
|
-
}[];
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardOrientationComponent, never>;
|
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never, true, never>;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
declare class CardThemingComponent {
|
|
23
|
-
cardControl: UntypedFormControl;
|
|
24
|
-
strokedCardControl: UntypedFormControl;
|
|
25
|
-
options: {
|
|
26
|
-
value: string;
|
|
27
|
-
label: string;
|
|
28
|
-
}[];
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CardThemingComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never, true, never>;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
declare class ElevatedCardComponent {
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ElevatedCardComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ElevatedCardComponent, "elevated-card", never, {}, {}, never, never, true, never>;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
declare class LinkableCardComponent {
|
|
39
|
-
basicColorControl: UntypedFormControl;
|
|
40
|
-
raisedColorControl: UntypedFormControl;
|
|
41
|
-
strokedColorControl: UntypedFormControl;
|
|
42
|
-
options: {
|
|
43
|
-
value: string;
|
|
44
|
-
label: string;
|
|
45
|
-
}[];
|
|
46
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LinkableCardComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never, true, never>;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
declare class StrokedCardComponent {
|
|
51
|
-
colorControl: UntypedFormControl;
|
|
52
|
-
options: {
|
|
53
|
-
value: string;
|
|
54
|
-
label: string;
|
|
55
|
-
}[];
|
|
56
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StrokedCardComponent, never>;
|
|
57
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never, true, never>;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
declare const CARD_EXAMPLES: (typeof ElevatedCardComponent)[];
|
|
61
|
-
|
|
62
|
-
export { BasicCardComponent, CARD_EXAMPLES, CardOrientationComponent, CardThemingComponent, ElevatedCardComponent, LinkableCardComponent, StrokedCardComponent };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
@use '../../../../scss/theming' as *;
|
|
2
|
-
|
|
3
|
-
@mixin daff-raised-card-theme($theme) {
|
|
4
|
-
$primary: daff-get-palette($theme, primary);
|
|
5
|
-
$secondary: daff-get-palette($theme, secondary);
|
|
6
|
-
$tertiary: daff-get-palette($theme, tertiary);
|
|
7
|
-
$base: daff-get-base-color($theme, base);
|
|
8
|
-
$base-contrast: daff-get-base-color($theme, base-contrast);
|
|
9
|
-
$white: daff-get-base-color($theme, 'white');
|
|
10
|
-
$black: daff-get-base-color($theme, 'black');
|
|
11
|
-
$neutral: daff-get-palette($theme, neutral);
|
|
12
|
-
|
|
13
|
-
.daff-raised-card {
|
|
14
|
-
box-shadow: 0 6px 12px -4px rgba($black, 0.12),
|
|
15
|
-
0 4px 8px -2px rgba($black, 0.06);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
a {
|
|
19
|
-
&.daff-raised-card {
|
|
20
|
-
.daff-card__wrapper {
|
|
21
|
-
&::after {
|
|
22
|
-
box-shadow: 0 16px 32px -4px rgba($black, 0.12),
|
|
23
|
-
0 8px 12px -2px rgba($black, 0.06);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { OnInit } from '@angular/core';
|
|
3
|
-
import { UntypedFormControl, UntypedFormArray } from '@angular/forms';
|
|
4
|
-
|
|
5
|
-
declare class BasicCheckboxComponent implements OnInit {
|
|
6
|
-
checkboxExample: UntypedFormControl;
|
|
7
|
-
/**
|
|
8
|
-
* @docs-private
|
|
9
|
-
*/
|
|
10
|
-
ngOnInit(): void;
|
|
11
|
-
setFalse(): void;
|
|
12
|
-
setTrue(): void;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicCheckboxComponent, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never, true, never>;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
declare class CheckboxSetComponent implements OnInit {
|
|
18
|
-
private checkboxSet;
|
|
19
|
-
checkboxArray: UntypedFormArray;
|
|
20
|
-
selectedValues: any[];
|
|
21
|
-
/**
|
|
22
|
-
* @docs-private
|
|
23
|
-
*/
|
|
24
|
-
ngOnInit(): void;
|
|
25
|
-
displayList(): void;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetComponent, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never, true, never>;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
declare const CHECKBOX_EXAMPLES: (typeof BasicCheckboxComponent | typeof CheckboxSetComponent)[];
|
|
31
|
-
|
|
32
|
-
export { CHECKBOX_EXAMPLES };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { UntypedFormControl } from '@angular/forms';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
|
|
4
|
-
declare class ContainerSizesComponent {
|
|
5
|
-
sizeControl: UntypedFormControl;
|
|
6
|
-
options: {
|
|
7
|
-
value: string;
|
|
8
|
-
label: string;
|
|
9
|
-
}[];
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ContainerSizesComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never, true, never>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare const CONTAINER_EXAMPLES: (typeof ContainerSizesComponent)[];
|
|
15
|
-
|
|
16
|
-
export { CONTAINER_EXAMPLES, ContainerSizesComponent };
|