@daffodil/design 0.78.0 → 0.79.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/atoms/form/form-field/form-field/form-field.component.d.ts +1 -1
- package/button/README.md +3 -3
- package/button/button/basic/button.component.d.ts +28 -0
- package/button/button/button-base.directive.d.ts +51 -0
- package/button/button/flat/flat.component.d.ts +28 -0
- package/button/button/icon/icon.component.d.ts +24 -0
- package/button/button/raised/raised.component.d.ts +28 -0
- package/button/button/stroked/stroked.component.d.ts +28 -0
- package/button/button/underline/underline.component.d.ts +28 -0
- package/button/button.d.ts +7 -2
- package/button/button.module.d.ts +8 -3
- package/button/public_api.d.ts +6 -1
- package/button/src/button/basic/button-theme.scss +145 -0
- package/button/src/button/button-base.scss +79 -0
- package/button/src/button/flat/flat-theme.scss +143 -0
- package/button/src/button/icon/icon-theme.scss +141 -0
- package/button/src/button/raised/raised-theme.scss +120 -0
- package/button/src/button/stroked/stroked-theme.scss +158 -0
- package/button/src/button/underline/underline-theme.scss +93 -0
- package/card/card.module.d.ts +1 -1
- package/container/container.module.d.ts +1 -1
- package/core/statusable/statusable.d.ts +5 -3
- package/core/statusable/statusable.directive.d.ts +6 -4
- package/esm2022/accordion/accordion/animation/accordion-animation.mjs +1 -4
- package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +2 -2
- package/esm2022/button/button/basic/button.component.mjs +48 -0
- package/esm2022/button/button/button-base.directive.mjs +105 -0
- package/esm2022/button/button/flat/flat.component.mjs +48 -0
- package/esm2022/button/button/icon/icon.component.mjs +44 -0
- package/esm2022/button/button/raised/raised.component.mjs +48 -0
- package/esm2022/button/button/stroked/stroked.component.mjs +48 -0
- package/esm2022/button/button/underline/underline.component.mjs +48 -0
- package/esm2022/button/button.mjs +12 -2
- package/esm2022/button/button.module.mjs +34 -4
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -6
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +2 -2
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +3 -3
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
- package/esm2022/button/public_api.mjs +7 -2
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +5 -7
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +5 -7
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +5 -6
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -6
- package/esm2022/card/card.module.mjs +2 -2
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -6
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +5 -7
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -5
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -5
- package/esm2022/container/container.module.mjs +2 -2
- package/esm2022/core/statusable/statusable.directive.mjs +7 -5
- package/esm2022/core/statusable/statusable.mjs +3 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -6
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +5 -7
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +5 -7
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -6
- package/esm2022/hero/hero.module.mjs +2 -2
- package/esm2022/image/image.module.mjs +2 -2
- package/esm2022/link-set/link-set.module.mjs +2 -2
- package/esm2022/list/list.module.mjs +2 -2
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +2 -2
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +5 -20
- package/esm2022/loading-icon/loading-icon.module.mjs +2 -2
- package/esm2022/media-gallery/helpers/media-gallery-token.mjs +7 -3
- package/esm2022/media-gallery/media-gallery.module.mjs +2 -2
- package/esm2022/media-gallery/thumbnail/thumbnail-compat.token.mjs +8 -3
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -7
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +4 -6
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -6
- package/esm2022/modal/modal-header/modal-header.component.mjs +4 -6
- package/esm2022/modal/modal.module.mjs +2 -2
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +5 -7
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -6
- package/esm2022/navbar/navbar.module.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -3
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -3
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +3 -5
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -5
- package/esm2022/notification/notification/notification.component.mjs +3 -3
- package/esm2022/notification/notification.module.mjs +2 -2
- package/esm2022/paginator/paginator.module.mjs +2 -2
- package/esm2022/progress-bar/progress-bar.module.mjs +2 -2
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +5 -6
- package/esm2022/sidebar/sidebar-viewport/scroll-token/scroll.token.mjs +9 -3
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
- package/esm2022/sidebar/sidebar.module.mjs +2 -2
- package/esm2022/tabs/daffodil-design-tabs.mjs +5 -0
- package/esm2022/tabs/examples/basic-tabs/basic-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/custom-select-tabs/custom-select-tabs.component.mjs +34 -0
- package/esm2022/tabs/examples/daffodil-design-tabs-examples.mjs +5 -0
- package/esm2022/tabs/examples/disabled-tabs/disabled-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/index.mjs +2 -0
- package/esm2022/tabs/examples/initially-select-tab/initially-select-tab.component.mjs +22 -0
- package/esm2022/tabs/examples/public_api.mjs +11 -0
- package/esm2022/tabs/index.mjs +2 -0
- package/esm2022/tabs/public_api.mjs +6 -0
- package/esm2022/tabs/tabs/tab/tab.component.mjs +86 -0
- package/esm2022/tabs/tabs/tab-activator/tab-activator.component.mjs +83 -0
- package/esm2022/tabs/tabs/tab-label/tab-label.component.mjs +33 -0
- package/esm2022/tabs/tabs/tab-panel/tab-panel.component.mjs +68 -0
- package/esm2022/tabs/tabs/tabs.component.mjs +161 -0
- package/esm2022/tabs/tabs.mjs +13 -0
- package/esm2022/text-snippet/daffodil-design-text-snippet.mjs +5 -0
- package/esm2022/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.mjs +14 -0
- package/esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs +5 -0
- package/esm2022/text-snippet/examples/index.mjs +2 -0
- package/esm2022/text-snippet/examples/public_api.mjs +5 -0
- package/esm2022/text-snippet/index.mjs +2 -0
- package/esm2022/text-snippet/public_api.mjs +2 -0
- package/esm2022/text-snippet/text-snippet.component.mjs +46 -0
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -6
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -6
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +8 -10
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -6
- package/esm2022/toast/options/daff-toast-options.mjs +7 -7
- package/esm2022/toast/toast/toast-provider.mjs +2 -2
- package/esm2022/toast/toast/toast-template.component.mjs +2 -2
- package/esm2022/toast/toast.module.mjs +2 -2
- package/esm2022/tree/tree.module.mjs +2 -2
- package/fesm2022/daffodil-design-accordion.mjs +0 -3
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +16 -16
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +305 -131
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +12 -13
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +10 -12
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +1 -1
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -6
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +1 -1
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +11 -13
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +1 -1
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +1 -1
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +1 -1
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +1 -1
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +1 -13
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +5 -20
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +14 -4
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +3 -5
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +5 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +4 -5
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +11 -13
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +1 -1
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +5 -9
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +3 -3
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +4 -5
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +11 -5
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs-examples.mjs +93 -0
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-tabs.mjs +431 -0
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +25 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet.mjs +53 -0
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast-examples.mjs +13 -15
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +11 -10
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +1 -1
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +9 -6
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/hero.module.d.ts +1 -1
- package/image/README.md +4 -1
- package/image/image.module.d.ts +1 -1
- package/link-set/README.md +1 -1
- package/link-set/link-set.module.d.ts +1 -1
- package/list/list.module.d.ts +1 -1
- package/loading-icon/README.md +0 -5
- package/loading-icon/examples/examples.d.ts +2 -2
- package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -9
- package/loading-icon/loading-icon.module.d.ts +1 -1
- package/media-gallery/README.md +4 -1
- package/media-gallery/helpers/media-gallery-token.d.ts +1 -2
- package/media-gallery/media-gallery.module.d.ts +1 -1
- package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +1 -5
- package/modal/modal.module.d.ts +1 -1
- package/navbar/navbar.module.d.ts +1 -1
- package/notification/README.md +2 -2
- package/notification/notification/notification.component.d.ts +1 -1
- package/notification/notification.module.d.ts +1 -1
- package/notification/src/notification-theme.scss +17 -13
- package/package.json +1 -1
- package/paginator/paginator.module.d.ts +1 -1
- package/progress-bar/progress-bar.module.d.ts +1 -1
- package/scss/theme.scss +13 -1
- package/scss/theming/_configure-theme.scss +60 -2
- package/scss/theming/_theme-css-variables.scss +1 -1
- package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts +1 -7
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +1 -1
- package/sidebar/sidebar.module.d.ts +1 -1
- package/tabs/README.md +19 -0
- package/tabs/examples/basic-tabs/basic-tabs.component.d.ts +6 -0
- package/tabs/examples/custom-select-tabs/custom-select-tabs.component.d.ts +11 -0
- package/tabs/examples/disabled-tabs/disabled-tabs.component.d.ts +6 -0
- package/tabs/examples/index.d.ts +1 -0
- package/tabs/examples/initially-select-tab/initially-select-tab.component.d.ts +6 -0
- package/tabs/examples/public_api.d.ts +2 -0
- package/tabs/index.d.ts +1 -0
- package/tabs/public_api.d.ts +5 -0
- package/tabs/src/tabs-theme.scss +22 -0
- package/tabs/tabs/tab/tab.component.d.ts +57 -0
- package/tabs/tabs/tab-activator/tab-activator.component.d.ts +37 -0
- package/tabs/tabs/tab-label/tab-label.component.d.ts +19 -0
- package/tabs/tabs/tab-panel/tab-panel.component.d.ts +38 -0
- package/tabs/tabs/tabs.component.d.ts +104 -0
- package/tabs/tabs.d.ts +6 -0
- package/text-snippet/README.md +2 -0
- package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts +5 -0
- package/text-snippet/examples/index.d.ts +1 -0
- package/text-snippet/examples/public_api.d.ts +2 -0
- package/text-snippet/index.d.ts +1 -0
- package/text-snippet/public_api.d.ts +1 -0
- package/text-snippet/text-snippet.component.d.ts +19 -0
- package/toast/README.md +5 -5
- package/toast/options/daff-toast-options.d.ts +1 -3
- package/toast/src/toast-theme.scss +14 -10
- package/toast/toast/toast-provider.d.ts +1 -1
- package/toast/toast.module.d.ts +1 -1
- package/tree/tree.module.d.ts +1 -1
- package/button/button/button.component.d.ts +0 -80
- package/button/src/button-theme-variants/button.scss +0 -26
- package/button/src/button-theme-variants/flat.scss +0 -25
- package/button/src/button-theme-variants/icon.scss +0 -21
- package/button/src/button-theme-variants/raised.scss +0 -36
- package/button/src/button-theme-variants/stroked.scss +0 -28
- package/button/src/button-theme-variants/underline.scss +0 -9
- package/button/src/button-theme.scss +0 -574
- package/esm2022/button/button/button.component.mjs +0 -212
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +0 -15
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +0 -5
@@ -0,0 +1,141 @@
|
|
1
|
+
@use 'sass:map';
|
2
|
+
@use '../../../../scss/theming';
|
3
|
+
@use '../../../../scss/core';
|
4
|
+
|
5
|
+
@mixin daff-icon-button-theme-variant(
|
6
|
+
$base-color: currentColor,
|
7
|
+
$hover-color: currentColor,
|
8
|
+
$active-color: $hover-color
|
9
|
+
) {
|
10
|
+
color: $base-color;
|
11
|
+
|
12
|
+
&:hover {
|
13
|
+
color: $hover-color;
|
14
|
+
@if $base-color == currentColor {
|
15
|
+
opacity: 0.8;
|
16
|
+
}
|
17
|
+
@else {
|
18
|
+
opacity: 1;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
|
22
|
+
&:active {
|
23
|
+
color: $active-color;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
|
27
|
+
@mixin daff-icon-button-theme($theme) {
|
28
|
+
$primary: map.get($theme, primary);
|
29
|
+
$secondary: map.get($theme, secondary);
|
30
|
+
$tertiary: map.get($theme, tertiary);
|
31
|
+
$info: map.get($theme, info);
|
32
|
+
$warn: map.get($theme, warn);
|
33
|
+
$critical: map.get($theme, critical);
|
34
|
+
$success: map.get($theme, success);
|
35
|
+
$base: core.daff-map-deep-get($theme, 'core.base');
|
36
|
+
$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
|
37
|
+
$white: core.daff-map-deep-get($theme, 'core.white');
|
38
|
+
$black: core.daff-map-deep-get($theme, 'core.black');
|
39
|
+
$neutral: core.daff-map-deep-get($theme, 'core.neutral');
|
40
|
+
|
41
|
+
.daff-icon-button {
|
42
|
+
@include daff-icon-button-theme-variant(
|
43
|
+
theming.daff-illuminate($base, $neutral, 5),
|
44
|
+
theming.daff-illuminate($base, $neutral, 6),
|
45
|
+
theming.daff-illuminate($base, $neutral, 7)
|
46
|
+
);
|
47
|
+
|
48
|
+
&.daff-primary {
|
49
|
+
@include daff-icon-button-theme-variant(
|
50
|
+
theming.daff-color($primary),
|
51
|
+
theming.daff-color($primary, 70),
|
52
|
+
theming.daff-color($primary, 80)
|
53
|
+
);
|
54
|
+
}
|
55
|
+
|
56
|
+
&.daff-secondary {
|
57
|
+
@include daff-icon-button-theme-variant(
|
58
|
+
theming.daff-color($secondary),
|
59
|
+
theming.daff-color($secondary, 70),
|
60
|
+
theming.daff-color($secondary, 80)
|
61
|
+
);
|
62
|
+
}
|
63
|
+
|
64
|
+
&.daff-tertiary {
|
65
|
+
@include daff-icon-button-theme-variant(
|
66
|
+
theming.daff-color($tertiary),
|
67
|
+
theming.daff-color($tertiary, 70),
|
68
|
+
theming.daff-color($tertiary, 80)
|
69
|
+
);
|
70
|
+
}
|
71
|
+
|
72
|
+
&.daff-black {
|
73
|
+
@include daff-icon-button-theme-variant(
|
74
|
+
$black,
|
75
|
+
theming.daff-color($neutral, 100),
|
76
|
+
theming.daff-color($neutral, 80)
|
77
|
+
);
|
78
|
+
}
|
79
|
+
|
80
|
+
&.daff-white {
|
81
|
+
@include daff-icon-button-theme-variant(
|
82
|
+
$white,
|
83
|
+
theming.daff-color($neutral, 20),
|
84
|
+
theming.daff-color($neutral, 30)
|
85
|
+
);
|
86
|
+
}
|
87
|
+
|
88
|
+
&.daff-theme {
|
89
|
+
@include daff-icon-button-theme-variant(
|
90
|
+
$base,
|
91
|
+
theming.daff-illuminate($base, $neutral, 1),
|
92
|
+
theming.daff-illuminate($base, $neutral, 2)
|
93
|
+
);
|
94
|
+
}
|
95
|
+
|
96
|
+
&.daff-theme-contrast {
|
97
|
+
@include daff-icon-button-theme-variant(
|
98
|
+
$base-contrast,
|
99
|
+
theming.daff-illuminate($base-contrast, $neutral, 1),
|
100
|
+
theming.daff-illuminate($base-contrast, $neutral, 2)
|
101
|
+
);
|
102
|
+
}
|
103
|
+
|
104
|
+
&[disabled],
|
105
|
+
&.disabled {
|
106
|
+
@include daff-icon-button-theme-variant(
|
107
|
+
theming.daff-illuminate($base, $neutral, 4),
|
108
|
+
theming.daff-illuminate($base, $neutral, 4),
|
109
|
+
theming.daff-illuminate($base, $neutral, 4)
|
110
|
+
);
|
111
|
+
|
112
|
+
&:hover {
|
113
|
+
color: theming.daff-illuminate($base, $neutral, 4);
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
&.daff-warn {
|
118
|
+
@include daff-icon-button-theme-variant(
|
119
|
+
theming.daff-color($warn),
|
120
|
+
theming.daff-color($warn, 70),
|
121
|
+
theming.daff-color($warn, 80)
|
122
|
+
);
|
123
|
+
}
|
124
|
+
|
125
|
+
&.daff-critical {
|
126
|
+
@include daff-icon-button-theme-variant(
|
127
|
+
theming.daff-color($critical),
|
128
|
+
theming.daff-color($critical, 70),
|
129
|
+
theming.daff-color($critical, 80)
|
130
|
+
);
|
131
|
+
}
|
132
|
+
|
133
|
+
&.daff-success {
|
134
|
+
@include daff-icon-button-theme-variant(
|
135
|
+
theming.daff-color($success),
|
136
|
+
theming.daff-color($success, 70),
|
137
|
+
theming.daff-color($success, 80)
|
138
|
+
);
|
139
|
+
}
|
140
|
+
}
|
141
|
+
}
|
@@ -0,0 +1,120 @@
|
|
1
|
+
@use 'sass:map';
|
2
|
+
@use '../../../../scss/theming';
|
3
|
+
@use '../../../../scss/core';
|
4
|
+
|
5
|
+
@mixin daff-raised-button-theme-variant(
|
6
|
+
$base-color,
|
7
|
+
) {
|
8
|
+
@if theming.daff-contrast-ratio($base-color, theming.daff-text-contrast($base-color)) < 4.5 {
|
9
|
+
@error 'Button Initial State: ' + map.get(a11y.$wcag-aa-errors, 'text-contrast');
|
10
|
+
}
|
11
|
+
|
12
|
+
@if theming.daff-contrast-ratio($base-color, theming.daff-text-contrast($base-color)) < 4.5 {
|
13
|
+
@error 'Button Hover State: '+ map.get(a11y.$wcag-aa-errors, 'text-contrast');
|
14
|
+
}
|
15
|
+
|
16
|
+
$black: theming.daff-color(theming.$daff-neutral, 110);
|
17
|
+
|
18
|
+
background-color: $base-color;
|
19
|
+
border: 1px solid $base-color;
|
20
|
+
box-shadow:
|
21
|
+
0 3px 5px rgba($black, 0.12),
|
22
|
+
0 1px 3px rgba($black, 0.08);
|
23
|
+
color: theming.daff-text-contrast($base-color);
|
24
|
+
|
25
|
+
&:after {
|
26
|
+
box-shadow:
|
27
|
+
0 6px 12px rgba($black, 0.08),
|
28
|
+
0 4px 6px rgba($black, 0.04);
|
29
|
+
}
|
30
|
+
|
31
|
+
&:hover {
|
32
|
+
background-color: $base-color;
|
33
|
+
border: 1px solid $base-color;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
@mixin daff-raised-button-theme($theme) {
|
38
|
+
$primary: map.get($theme, primary);
|
39
|
+
$secondary: map.get($theme, secondary);
|
40
|
+
$tertiary: map.get($theme, tertiary);
|
41
|
+
$info: map.get($theme, info);
|
42
|
+
$warn: map.get($theme, warn);
|
43
|
+
$critical: map.get($theme, critical);
|
44
|
+
$success: map.get($theme, success);
|
45
|
+
$base: core.daff-map-deep-get($theme, 'core.base');
|
46
|
+
$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
|
47
|
+
$white: core.daff-map-deep-get($theme, 'core.white');
|
48
|
+
$black: core.daff-map-deep-get($theme, 'core.black');
|
49
|
+
$neutral: core.daff-map-deep-get($theme, 'core.neutral');
|
50
|
+
|
51
|
+
.daff-raised-button {
|
52
|
+
@include daff-raised-button-theme-variant(
|
53
|
+
theming.daff-illuminate($base, $neutral, 2)
|
54
|
+
);
|
55
|
+
|
56
|
+
&.daff-primary {
|
57
|
+
@include daff-raised-button-theme-variant(
|
58
|
+
theming.daff-color($primary)
|
59
|
+
);
|
60
|
+
}
|
61
|
+
|
62
|
+
&.daff-secondary {
|
63
|
+
@include daff-raised-button-theme-variant(
|
64
|
+
theming.daff-color($secondary)
|
65
|
+
);
|
66
|
+
}
|
67
|
+
|
68
|
+
&.daff-tertiary {
|
69
|
+
@include daff-raised-button-theme-variant(
|
70
|
+
theming.daff-color($tertiary)
|
71
|
+
);
|
72
|
+
}
|
73
|
+
|
74
|
+
&.daff-black {
|
75
|
+
@include daff-raised-button-theme-variant($black);
|
76
|
+
}
|
77
|
+
|
78
|
+
&.daff-white {
|
79
|
+
@include daff-raised-button-theme-variant($white);
|
80
|
+
}
|
81
|
+
|
82
|
+
&.daff-theme {
|
83
|
+
@include daff-raised-button-theme-variant($base);
|
84
|
+
}
|
85
|
+
|
86
|
+
&.daff-theme-contrast {
|
87
|
+
@include daff-raised-button-theme-variant($base-contrast);
|
88
|
+
}
|
89
|
+
|
90
|
+
&[disabled],
|
91
|
+
&.disabled {
|
92
|
+
@include daff-raised-button-theme-variant(
|
93
|
+
theming.daff-illuminate($base, $neutral, 3)
|
94
|
+
);
|
95
|
+
color: theming.daff-illuminate($base, $neutral, 5);
|
96
|
+
|
97
|
+
&:after {
|
98
|
+
box-shadow: none;
|
99
|
+
}
|
100
|
+
}
|
101
|
+
|
102
|
+
&.daff-warn {
|
103
|
+
@include daff-raised-button-theme-variant(
|
104
|
+
theming.daff-color($warn)
|
105
|
+
);
|
106
|
+
}
|
107
|
+
|
108
|
+
&.daff-critical {
|
109
|
+
@include daff-raised-button-theme-variant(
|
110
|
+
theming.daff-color($critical)
|
111
|
+
);
|
112
|
+
}
|
113
|
+
|
114
|
+
&.daff-success {
|
115
|
+
@include daff-raised-button-theme-variant(
|
116
|
+
theming.daff-color($success)
|
117
|
+
);
|
118
|
+
}
|
119
|
+
}
|
120
|
+
}
|
@@ -0,0 +1,158 @@
|
|
1
|
+
@use 'sass:map';
|
2
|
+
@use '../../../../scss/theming';
|
3
|
+
@use '../../../../scss/core';
|
4
|
+
|
5
|
+
@mixin daff-stroked-button-theme-variant(
|
6
|
+
$base-color,
|
7
|
+
$active-color
|
8
|
+
) {
|
9
|
+
border: 1px solid $base-color;
|
10
|
+
color: $base-color;
|
11
|
+
background-color: transparent;
|
12
|
+
|
13
|
+
&:after {
|
14
|
+
background-color: $base-color;
|
15
|
+
}
|
16
|
+
|
17
|
+
&:hover {
|
18
|
+
color: theming.daff-text-contrast($base-color);
|
19
|
+
}
|
20
|
+
|
21
|
+
&:active {
|
22
|
+
border: 1px solid $active-color;
|
23
|
+
color: theming.daff-text-contrast($active-color);
|
24
|
+
|
25
|
+
&:after {
|
26
|
+
background-color: $active-color;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
@mixin daff-stroked-button-theme($theme) {
|
32
|
+
$primary: map.get($theme, primary);
|
33
|
+
$secondary: map.get($theme, secondary);
|
34
|
+
$tertiary: map.get($theme, tertiary);
|
35
|
+
$info: map.get($theme, info);
|
36
|
+
$warn: map.get($theme, warn);
|
37
|
+
$critical: map.get($theme, critical);
|
38
|
+
$success: map.get($theme, success);
|
39
|
+
$base: core.daff-map-deep-get($theme, 'core.base');
|
40
|
+
$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
|
41
|
+
$white: core.daff-map-deep-get($theme, 'core.white');
|
42
|
+
$black: core.daff-map-deep-get($theme, 'core.black');
|
43
|
+
$neutral: core.daff-map-deep-get($theme, 'core.neutral');
|
44
|
+
|
45
|
+
.daff-stroked-button {
|
46
|
+
background: transparent;
|
47
|
+
border: 1px solid theming.daff-illuminate($base, $neutral, 5);
|
48
|
+
color: currentColor;
|
49
|
+
|
50
|
+
&:after {
|
51
|
+
background: theming.daff-illuminate($base, $neutral, 2);
|
52
|
+
}
|
53
|
+
|
54
|
+
&:hover {
|
55
|
+
border: 1px solid theming.daff-illuminate($base, $neutral, 2);
|
56
|
+
color: theming.daff-text-contrast(
|
57
|
+
theming.daff-illuminate($base, $neutral, 2)
|
58
|
+
);
|
59
|
+
}
|
60
|
+
|
61
|
+
&:active {
|
62
|
+
border: 1px solid theming.daff-illuminate($base, $neutral, 3);
|
63
|
+
color: theming.daff-text-contrast(
|
64
|
+
theming.daff-illuminate($base, $neutral, 3)
|
65
|
+
);
|
66
|
+
|
67
|
+
&:after {
|
68
|
+
background: theming.daff-illuminate($base, $neutral, 3);
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
&.daff-primary {
|
73
|
+
@include daff-stroked-button-theme-variant(
|
74
|
+
theming.daff-color($primary),
|
75
|
+
theming.daff-color($primary, 70)
|
76
|
+
);
|
77
|
+
}
|
78
|
+
|
79
|
+
&.daff-secondary {
|
80
|
+
@include daff-stroked-button-theme-variant(
|
81
|
+
theming.daff-color($secondary),
|
82
|
+
theming.daff-color($secondary, 70)
|
83
|
+
);
|
84
|
+
}
|
85
|
+
|
86
|
+
&.daff-tertiary {
|
87
|
+
@include daff-stroked-button-theme-variant(
|
88
|
+
theming.daff-color($tertiary),
|
89
|
+
theming.daff-color($tertiary, 70)
|
90
|
+
);
|
91
|
+
}
|
92
|
+
|
93
|
+
&.daff-black {
|
94
|
+
@include daff-stroked-button-theme-variant(
|
95
|
+
$black,
|
96
|
+
theming.daff-color($neutral, 100)
|
97
|
+
);
|
98
|
+
}
|
99
|
+
|
100
|
+
&.daff-white {
|
101
|
+
@include daff-stroked-button-theme-variant(
|
102
|
+
$white,
|
103
|
+
theming.daff-color($neutral, 20)
|
104
|
+
);
|
105
|
+
}
|
106
|
+
|
107
|
+
&.daff-theme {
|
108
|
+
@include daff-stroked-button-theme-variant(
|
109
|
+
$base,
|
110
|
+
theming.daff-illuminate($base, $neutral, 2)
|
111
|
+
);
|
112
|
+
}
|
113
|
+
|
114
|
+
&.daff-theme-contrast {
|
115
|
+
@include daff-stroked-button-theme-variant(
|
116
|
+
$base-contrast,
|
117
|
+
theming.daff-illuminate($base-contrast, $neutral, 2)
|
118
|
+
);
|
119
|
+
}
|
120
|
+
|
121
|
+
&[disabled],
|
122
|
+
&.disabled {
|
123
|
+
background-color: transparent;
|
124
|
+
border-color: theming.daff-illuminate($base, $neutral, 3);
|
125
|
+
color: theming.daff-illuminate($base, $neutral, 5);
|
126
|
+
|
127
|
+
&:hover {
|
128
|
+
color: theming.daff-illuminate($base, $neutral, 5);
|
129
|
+
|
130
|
+
&:after {
|
131
|
+
background-color: transparent;
|
132
|
+
opacity: 0;
|
133
|
+
}
|
134
|
+
}
|
135
|
+
}
|
136
|
+
|
137
|
+
&.daff-warn {
|
138
|
+
@include daff-stroked-button-theme-variant(
|
139
|
+
theming.daff-color($warn),
|
140
|
+
theming.daff-color($warn, 70)
|
141
|
+
);
|
142
|
+
}
|
143
|
+
|
144
|
+
&.daff-critical {
|
145
|
+
@include daff-stroked-button-theme-variant(
|
146
|
+
theming.daff-color($critical),
|
147
|
+
theming.daff-color($critical, 70)
|
148
|
+
);
|
149
|
+
}
|
150
|
+
|
151
|
+
&.daff-success {
|
152
|
+
@include daff-stroked-button-theme-variant(
|
153
|
+
theming.daff-color($success),
|
154
|
+
theming.daff-color($success, 70)
|
155
|
+
);
|
156
|
+
}
|
157
|
+
}
|
158
|
+
}
|
@@ -0,0 +1,93 @@
|
|
1
|
+
@use 'sass:map';
|
2
|
+
@use '../../../../scss/theming';
|
3
|
+
@use '../../../../scss/core';
|
4
|
+
|
5
|
+
@mixin daff-underline-button-theme-variant(
|
6
|
+
$base-color: currentColor,
|
7
|
+
) {
|
8
|
+
color: $base-color;
|
9
|
+
|
10
|
+
&::after {
|
11
|
+
background-color: $base-color;
|
12
|
+
}
|
13
|
+
}
|
14
|
+
|
15
|
+
@mixin daff-underline-button-theme($theme) {
|
16
|
+
$primary: map.get($theme, primary);
|
17
|
+
$secondary: map.get($theme, secondary);
|
18
|
+
$tertiary: map.get($theme, tertiary);
|
19
|
+
$info: map.get($theme, info);
|
20
|
+
$warn: map.get($theme, warn);
|
21
|
+
$critical: map.get($theme, critical);
|
22
|
+
$success: map.get($theme, success);
|
23
|
+
$base: core.daff-map-deep-get($theme, 'core.base');
|
24
|
+
$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
|
25
|
+
$white: core.daff-map-deep-get($theme, 'core.white');
|
26
|
+
$black: core.daff-map-deep-get($theme, 'core.black');
|
27
|
+
$neutral: core.daff-map-deep-get($theme, 'core.neutral');
|
28
|
+
|
29
|
+
.daff-underline-button {
|
30
|
+
@include daff-underline-button-theme-variant(
|
31
|
+
theming.daff-illuminate($base, $neutral, 7)
|
32
|
+
);
|
33
|
+
|
34
|
+
&.daff-primary {
|
35
|
+
@include daff-underline-button-theme-variant(
|
36
|
+
theming.daff-color($primary)
|
37
|
+
);
|
38
|
+
}
|
39
|
+
|
40
|
+
&.daff-secondary {
|
41
|
+
@include daff-underline-button-theme-variant(
|
42
|
+
theming.daff-color($secondary)
|
43
|
+
);
|
44
|
+
}
|
45
|
+
|
46
|
+
&.daff-tertiary {
|
47
|
+
@include daff-underline-button-theme-variant(
|
48
|
+
theming.daff-color($tertiary)
|
49
|
+
);
|
50
|
+
}
|
51
|
+
|
52
|
+
&.daff-black {
|
53
|
+
@include daff-underline-button-theme-variant($black);
|
54
|
+
}
|
55
|
+
|
56
|
+
&.daff-white {
|
57
|
+
@include daff-underline-button-theme-variant($white);
|
58
|
+
}
|
59
|
+
|
60
|
+
&.daff-theme {
|
61
|
+
@include daff-underline-button-theme-variant($base);
|
62
|
+
}
|
63
|
+
|
64
|
+
&.daff-theme-contrast {
|
65
|
+
@include daff-underline-button-theme-variant($base-contrast);
|
66
|
+
}
|
67
|
+
|
68
|
+
&[disabled],
|
69
|
+
&.disabled {
|
70
|
+
@include daff-underline-button-theme-variant(
|
71
|
+
theming.daff-illuminate($base, $neutral, 4)
|
72
|
+
);
|
73
|
+
}
|
74
|
+
|
75
|
+
&.daff-warn {
|
76
|
+
@include daff-underline-button-theme-variant(
|
77
|
+
theming.daff-color($warn)
|
78
|
+
);
|
79
|
+
}
|
80
|
+
|
81
|
+
&.daff-critical {
|
82
|
+
@include daff-underline-button-theme-variant(
|
83
|
+
theming.daff-color($critical)
|
84
|
+
);
|
85
|
+
}
|
86
|
+
|
87
|
+
&.daff-success {
|
88
|
+
@include daff-underline-button-theme-variant(
|
89
|
+
theming.daff-color($success)
|
90
|
+
);
|
91
|
+
}
|
92
|
+
}
|
93
|
+
}
|
package/card/card.module.d.ts
CHANGED
@@ -8,7 +8,7 @@ import * as i6 from "./card-title/card-title.directive";
|
|
8
8
|
import * as i7 from "./card-content/card-content.directive";
|
9
9
|
import * as i8 from "./card-actions/card-actions.directive";
|
10
10
|
/**
|
11
|
-
* @deprecated in favor of {@link DAFF_CARD_COMPONENTS}
|
11
|
+
* @deprecated in favor of {@link DAFF_CARD_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
|
12
12
|
*/
|
13
13
|
export declare class DaffCardModule {
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardModule, never>;
|
@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "@angular/common";
|
3
3
|
import * as i2 from "./container/container.component";
|
4
4
|
/**
|
5
|
-
* @deprecated in favor of {@link DAFF_CONTAINER_COMPONENTS}
|
5
|
+
* @deprecated in favor of {@link DAFF_CONTAINER_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
|
6
6
|
*/
|
7
7
|
export declare class DaffContainerModule {
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffContainerModule, never>;
|
@@ -10,16 +10,18 @@ export interface DaffStatusable {
|
|
10
10
|
}
|
11
11
|
/**
|
12
12
|
* The `DaffStatus` type defines the possible status values that a component can have.
|
13
|
+
* - 'info': Indicatea an informational status.
|
13
14
|
* - 'warn': Indicates a warning status.
|
14
|
-
* - '
|
15
|
+
* - 'critical': Indicates a critical or error status.
|
15
16
|
* - 'success': Indicates a success status.
|
16
17
|
*/
|
17
|
-
export type DaffStatus = 'warn' | '
|
18
|
+
export type DaffStatus = 'info' | 'warn' | 'critical' | 'success';
|
18
19
|
/**
|
19
20
|
* The `DaffStatusEnum` enumerates the possible status values for a component.
|
20
21
|
*/
|
21
22
|
export declare enum DaffStatusEnum {
|
23
|
+
Info = "info",
|
22
24
|
Warn = "warn",
|
23
|
-
|
25
|
+
Critical = "critical",
|
24
26
|
Success = "success"
|
25
27
|
}
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
3
3
|
/**
|
4
4
|
* `DaffStatusableDirective` allows a component to conditionally apply status-specific
|
5
5
|
* styles by setting CSS classes based on the specified status. This directive is useful
|
6
|
-
* for indicating different statuses such as warning,
|
6
|
+
* for indicating different statuses such as info, warning, critical, or success states.
|
7
7
|
*
|
8
8
|
* ## Usage
|
9
9
|
*
|
@@ -32,7 +32,7 @@ import * as i0 from "@angular/core";
|
|
32
32
|
* ```scss
|
33
33
|
* .custom-component {
|
34
34
|
*
|
35
|
-
* &.daff-
|
35
|
+
* &.daff-critical {
|
36
36
|
* background: daff-color($red, 10);
|
37
37
|
* color: daff-color($red, 90);
|
38
38
|
* }
|
@@ -42,8 +42,9 @@ import * as i0 from "@angular/core";
|
|
42
42
|
*
|
43
43
|
* The directive applies the following CSS classes based on the status:
|
44
44
|
*
|
45
|
+
* - `daff-info`: Applied when the status is `info`.
|
45
46
|
* - `daff-warn`: Applied when the status is `warn`.
|
46
|
-
* - `daff-
|
47
|
+
* - `daff-critical`: Applied when the status is `critical`.
|
47
48
|
* - `daff-success`: Applied when the status is `success`.
|
48
49
|
*/
|
49
50
|
export declare class DaffStatusableDirective implements DaffStatusable {
|
@@ -52,8 +53,9 @@ export declare class DaffStatusableDirective implements DaffStatusable {
|
|
52
53
|
* @docs-private
|
53
54
|
*/
|
54
55
|
get class(): {
|
56
|
+
'daff-info': boolean;
|
55
57
|
'daff-warn': boolean;
|
56
|
-
'daff-
|
58
|
+
'daff-critical': boolean;
|
57
59
|
'daff-success': boolean;
|
58
60
|
};
|
59
61
|
/**
|
@@ -2,17 +2,14 @@ import { animate, state, style, transition, trigger, } from '@angular/animations
|
|
2
2
|
export const daffAccordionAnimations = {
|
3
3
|
openAccordion: trigger('openAccordion', [
|
4
4
|
state('open', style({
|
5
|
-
visibility: 'visible',
|
6
5
|
opacity: '1',
|
7
6
|
height: '*',
|
8
7
|
})),
|
9
8
|
state('void', style({
|
10
|
-
visibility: 'hidden',
|
11
|
-
overflow: 'hidden',
|
12
9
|
opacity: '0',
|
13
10
|
height: '0',
|
14
11
|
})),
|
15
12
|
transition('void <=> open', animate('150ms ease-in')),
|
16
13
|
]),
|
17
14
|
};
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uL2FuaW1hdGlvbi9hY2NvcmRpb24tYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBRWhDO0lBQ0YsYUFBYSxFQUFFLE9BQU8sQ0FBQyxlQUFlLEVBQUU7UUFDdEMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7WUFDbEIsT0FBTyxFQUFFLEdBQUc7WUFDWixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUMsQ0FBQztRQUNILEtBQUssQ0FBQyxNQUFNLEVBQUMsS0FBSyxDQUFDO1lBQ2pCLE9BQU8sRUFBRSxHQUFHO1lBQ1osTUFBTSxFQUFFLEdBQUc7U0FDWixDQUFDLENBQUM7UUFDSCxVQUFVLENBQUMsZUFBZSxFQUN4QixPQUFPLENBQUMsZUFBZSxDQUFDLENBQ3pCO0tBQ0YsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBhbmltYXRlLFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIHRyYW5zaXRpb24sXG4gIHRyaWdnZXIsXG4gIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSxcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBkYWZmQWNjb3JkaW9uQW5pbWF0aW9uczoge1xuICByZWFkb25seSBvcGVuQWNjb3JkaW9uOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICBvcGVuQWNjb3JkaW9uOiB0cmlnZ2VyKCdvcGVuQWNjb3JkaW9uJywgW1xuICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xuICAgICAgb3BhY2l0eTogJzEnLFxuICAgICAgaGVpZ2h0OiAnKicsXG4gICAgfSkpLFxuICAgIHN0YXRlKCd2b2lkJyxzdHlsZSh7XG4gICAgICBvcGFjaXR5OiAnMCcsXG4gICAgICBoZWlnaHQ6ICcwJyxcbiAgICB9KSksXG4gICAgdHJhbnNpdGlvbigndm9pZCA8PT4gb3BlbicsXG4gICAgICBhbmltYXRlKCcxNTBtcyBlYXNlLWluJyksXG4gICAgKSxcbiAgXSksXG59O1xuIl19
|
@@ -18,7 +18,7 @@ export class DaffFormFieldComponent {
|
|
18
18
|
* The tracking property used to determine if the parent form has been submitted,
|
19
19
|
* and thus show an error message (even if the field hasn't been touched).
|
20
20
|
*
|
21
|
-
* @deprecated
|
21
|
+
* @deprecated Deprecated in version 0.78.0. Will be removed in version 0.81.0.
|
22
22
|
*/
|
23
23
|
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
24
24
|
this.formSubmitted = false;
|
@@ -99,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
99
99
|
type: ContentChild,
|
100
100
|
args: [DaffFormFieldControl]
|
101
101
|
}] } });
|
102
|
-
//# sourceMappingURL=data:application/json;base64,
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvYXRvbXMvZm9ybS9mb3JtLWZpZWxkL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvYXRvbXMvZm9ybS9mb3JtLWZpZWxkL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUVqQixZQUFZLEVBQ1osS0FBSyxFQUdMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7QUFFMUUsMkVBQTJFO0FBQzNFLHFGQUFxRjtBQU9yRixNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBUUU7O1dBRUc7UUFDSCxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUVRLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFbkQ7Ozs7O1dBS0c7UUFDSCxrRUFBa0U7UUFDekQsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFTeEM7OztXQUdHO1FBQ0gsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUVoQjs7O1dBR0c7UUFDSCxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBeURqQjtJQXZEQzs7OztPQUlHO0lBQ0gsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQztJQUNoQyxDQUFDO0lBRUQ7Ozs7Ozs7T0FPRztJQUNILFNBQVM7UUFDUCxJQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUNuRixJQUFJLENBQUMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUNwRixDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7T0FHRztJQUNLLG9CQUFvQjtRQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLE1BQU0sSUFBSSxLQUFLLENBQUMsa0NBQWtDLENBQUMsQ0FBQztRQUN0RCxDQUFDO0lBQ0gsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNILGtCQUFrQjtRQUNoQixJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0gscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7aUlBM0ZVLHNCQUFzQjtxSEFBdEIsc0JBQXNCLDBNQXVCbkIsb0JBQW9CLGdEQzlDcEMsaVlBT0E7OzJGRGdCYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7OEJBU0MsS0FBSztzQkFBMUMsV0FBVzt1QkFBQyx1QkFBdUI7Z0JBUzNCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBTzhCLFFBQVE7c0JBQTNDLFlBQVk7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgRG9DaGVjayxcbiAgQ29udGVudENoaWxkLFxuICBJbnB1dCxcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgZmFDaGV2cm9uRG93biB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZGb3JtRmllbGRDb250cm9sIH0gZnJvbSAnLi4vZm9ybS1maWVsZC1jb250cm9sJztcbmltcG9ydCB7IERhZmZGb3JtRmllbGRNaXNzaW5nQ29udHJvbE1lc3NhZ2UgfSBmcm9tICcuLi9mb3JtLWZpZWxkLWVycm9ycyc7XG5cbi8vIENoYW5nZURldGVjdGlvbiBpcyBpZ25vcmVkIGJlY2F1c2UgdGhpcyBjb21wb25lbnQgbmVlZHMgdG8gYmUgcmVmYWN0b3JlZFxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9wcmVmZXItb24tcHVzaC1jb21wb25lbnQtY2hhbmdlLWRldGVjdGlvblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1mb3JtLWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mb3JtLWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZGb3JtRmllbGRDb21wb25lbnQgaW1wbGVtZW50cyBEb0NoZWNrLCBBZnRlckNvbnRlbnRJbml0LCBBZnRlckNvbnRlbnRDaGVja2VkIHtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZmFDaGV2cm9uRG93biA9IGZhQ2hldnJvbkRvd247XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWZvcm0tZmllbGQnKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFRoZSB0cmFja2luZyBwcm9wZXJ0eSB1c2VkIHRvIGRldGVybWluZSBpZiB0aGUgcGFyZW50IGZvcm0gaGFzIGJlZW4gc3VibWl0dGVkLFxuICAgKiBhbmQgdGh1cyBzaG93IGFuIGVycm9yIG1lc3NhZ2UgKGV2ZW4gaWYgdGhlIGZpZWxkIGhhc24ndCBiZWVuIHRvdWNoZWQpLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBEZXByZWNhdGVkIGluIHZlcnNpb24gMC43OC4wLiBXaWxsIGJlIHJlbW92ZWQgaW4gdmVyc2lvbiAwLjgxLjAuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgQElucHV0KCkgZm9ybVN1Ym1pdHRlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgY2hpbGQgZm9ybSBjb250cm9sIHRoYXQgdGhlIGZvcm0tZmllbGQgbWFuYWdlc1xuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBAQ29udGVudENoaWxkKERhZmZGb3JtRmllbGRDb250cm9sKSBfY29udHJvbDogRGFmZkZvcm1GaWVsZENvbnRyb2w7XG5cbiAgLyoqXG4gICAqIFRyYWNraW5nIHByb3BlcnR5IHRvIGtlZXAgYSByZWNvcmQgb2Ygd2hldGhlciBvciBub3QgdGhlXG4gICAqIGZvcm0gZmllbGQgc2hvdWxkIGJlIG1hcmtlZCBhcyBlcnJvci5cbiAgICovXG4gIGlzRXJyb3IgPSBmYWxzZTtcblxuICAvKipcbiAgICogVHJhY2tpbmcgcHJvcGVydHkgdG8ga2VlcCBhIHJlY29yZCBvZiB3aGV0aGVyIG9yIG5vdCB0aGVcbiAgICogZm9ybSBmaWVsZCBzaG91bGQgYmUgbWFya2VkIGFzIHZhbGlkLlxuICAgKi9cbiAgaXNWYWxpZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBAZG9jc1xuICAgKlxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgb3Igbm90IHRoZSBmb3JtIGZpZWxkIHNob3VsZCBkaXNwbGF5IGl0cyBmb2N1c2VkIHN0YXRlLlxuICAgKi9cbiAgZ2V0IGlzRm9jdXNlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fY29udHJvbD8uZm9jdXNlZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBLZWVwcyB0aGUgc3RhdGUgb2YgdGhlIGZvcm0gZmllbGQgY29uc2lzdGVudCB3aXRoIGl0cyBjaGlsZCBEYWZmRm9ybUNvbnRyb2xcbiAgICpcbiAgICogVE9ETzogY29uc2lkZXIgd2hldGhlciBvciBub3QgdGhpcyBjYW4gYmUgcmVmYWN0b3JlZCB0byBzb21lIGtpbmQgb2ZcbiAgICogb2JzZXJ2YWJsZSB0byByZW1vdmUgdW5uZWNlc3NhcnkgY2hhbmdlIGRldGVjdGlvbi5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgbmdEb0NoZWNrKCkge1xuICAgIGlmKHRoaXMuX2NvbnRyb2w/Lm5nQ29udHJvbCkge1xuICAgICAgdGhpcy5pc0Vycm9yID0gdGhpcy5fY29udHJvbC5uZ0NvbnRyb2wuZXJyb3JzICYmICh0aGlzLl9jb250cm9sLm5nQ29udHJvbC50b3VjaGVkKTtcbiAgICAgIHRoaXMuaXNWYWxpZCA9ICF0aGlzLl9jb250cm9sLm5nQ29udHJvbC5lcnJvcnMgJiYgdGhpcy5fY29udHJvbC5uZ0NvbnRyb2wudG91Y2hlZDtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogVmFsaWRhdGUgd2hldGhlciBvciBub3QgdGhlIEZvcm1GaWVsZCBpcyBpblxuICAgKiBhIFwidXNhYmxlXCIgc3RhdGUuXG4gICAqL1xuICBwcml2YXRlIF92YWxpZGF0ZUZvcm1Db250cm9sKCkge1xuICAgIGlmICghdGhpcy5fY29udHJvbCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKERhZmZGb3JtRmllbGRNaXNzaW5nQ29udHJvbE1lc3NhZ2UpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBMaWZlIGN5Y2xlIGhvb2sgdG8gdmVyaWZ5IHRoYXQgdGhlIGZvcm0gZmllbGQgaGFzIGFuIGFjY2VwdGFibGVcbiAgICogY2hpbGQgY29udHJvbCBpbnN0YW5jZS4gTW9zdGx5IHVzZWZ1bCBmb3IgZGV2ZWxvcG1lbnQtdGltZVxuICAgKiB2YWxpZGF0aW9uIG9mIHVzYWdlLlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5fdmFsaWRhdGVGb3JtQ29udHJvbCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIExpZmUgY3ljbGUgaG9vayB0byB2ZXJpZnkgdGhhdCB0aGUgZm9ybSBmaWVsZCBoYXMgYW4gYWNjZXB0YWJsZVxuICAgKiBjaGlsZCBjb250cm9sIGluc3RhbmNlLiBNb3N0bHkgdXNlZnVsIGZvciBkZXZlbG9wbWVudC10aW1lXG4gICAqIHZhbGlkYXRpb24gb2YgdXNhZ2UuXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpIHtcbiAgICB0aGlzLl92YWxpZGF0ZUZvcm1Db250cm9sKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLWZvcm0tZmllbGRfX2NvbnRyb2xcIiBbY2xhc3MuZGFmZi1lcnJvcl09XCJpc0Vycm9yXCIgW2NsYXNzLmRhZmYtdmFsaWRdPVwiaXNWYWxpZFwiIFtjbGFzcy5kYWZmLWZvY3VzXT1cImlzRm9jdXNlZFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJkYWZmLWZvcm0tZmllbGRfX2ljb25cIiAqbmdJZj1cIl9jb250cm9sLmNvbnRyb2xUeXBlID09PSAnbmF0aXZlLXNlbGVjdCdcIj5cbiAgICA8ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25Eb3duXCI+PC9mYS1pY29uPlxuICA8L2Rpdj5cbjwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZGFmZi1lcnJvci1tZXNzYWdlXCI+PC9uZy1jb250ZW50PlxuIl19
|