@daffodil/design 0.90.0 → 0.91.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/index.d.ts +8 -5
- package/article/README.md +1 -1
- package/article/index.d.ts +20 -0
- package/article/src/article-theme.scss +10 -0
- package/button/index.d.ts +4 -4
- package/button/src/button/button-base.scss +3 -3
- package/button/src/button/raised/raised-theme.scss +2 -2
- package/card/README.md +0 -8
- 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/fesm2022/daffodil-design-accordion.mjs +23 -14
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +129 -5
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +24 -20
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +16 -63
- 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-form-field.mjs +35 -65
- 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-image.mjs +12 -4
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +55 -56
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +14 -50
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +6 -11
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field.mjs +3 -5
- package/fesm2022/daffodil-design-quantity-field.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio.mjs +13 -42
- package/fesm2022/daffodil-design-radio.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +6 -36
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch.mjs +48 -105
- package/fesm2022/daffodil-design-switch.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs.mjs +22 -14
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +56 -55
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +4 -13
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +250 -461
- 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 +49 -39
- package/form-field/index.d.ts +56 -36
- package/image/README.md +27 -19
- package/image/index.d.ts +6 -1
- package/index.d.ts +180 -259
- package/input/README.md +32 -12
- package/modal/README.md +106 -16
- package/modal/index.d.ts +50 -21
- package/native-select/README.md +52 -15
- package/notification/index.d.ts +7 -38
- package/package.json +1 -1
- package/paginator/index.d.ts +1 -7
- package/radio/index.d.ts +0 -16
- package/scss/layout/_breakpoint.scss +1 -1
- package/scss/theme.scss +2 -4
- package/scss/theming/_color-palettes.scss +21 -7
- 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 +0 -8
- package/sidebar/index.d.ts +3 -15
- package/switch/README.md +19 -27
- package/switch/index.d.ts +18 -48
- package/switch/src/switch-theme.scss +26 -18
- package/tabs/index.d.ts +7 -4
- package/tag/src/tag-theme.scss +11 -9
- package/textarea/README.md +35 -5
- package/tree/index.d.ts +0 -6
- 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
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from '@daffodil/design/form-field';
|
|
4
|
-
import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
|
|
5
|
-
import { DaffTextareaComponent } from '@daffodil/design/textarea';
|
|
6
|
-
import * as i2 from '@angular/forms';
|
|
7
|
-
import { UntypedFormControl, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
8
|
-
|
|
9
|
-
class BasicTextareaComponent {
|
|
10
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicTextareaComponent, isStandalone: true, selector: "basic-textarea", ngImport: i0, template: "<daff-form-field>\n\t<daff-form-label for=\"comments\">Comments</daff-form-label>\n\t<textarea daff-textarea type=\"text\" name=\"comments\"></textarea>\n</daff-form-field>", dependencies: [{ kind: "component", type: DaffTextareaComponent, selector: "textarea[daff-textarea]", inputs: ["disabled", "required"] }, { kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicTextareaComponent, decorators: [{
|
|
14
|
-
type: Component,
|
|
15
|
-
args: [{ selector: 'basic-textarea', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
16
|
-
DaffTextareaComponent,
|
|
17
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
18
|
-
], template: "<daff-form-field>\n\t<daff-form-label for=\"comments\">Comments</daff-form-label>\n\t<textarea daff-textarea type=\"text\" name=\"comments\"></textarea>\n</daff-form-field>" }]
|
|
19
|
-
}] });
|
|
20
|
-
|
|
21
|
-
class TextareaDisabledComponent {
|
|
22
|
-
constructor() {
|
|
23
|
-
this.disabled = new UntypedFormControl({ value: '', disabled: true });
|
|
24
|
-
}
|
|
25
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TextareaDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: TextareaDisabledComponent, isStandalone: true, selector: "textarea-disabled", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Comments</daff-form-label>\n <textarea daff-textarea type=\"text\" name=\"comments\" [formControl]=\"disabled\"></textarea>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffTextareaComponent, selector: "textarea[daff-textarea]", inputs: ["disabled", "required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
|
-
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TextareaDisabledComponent, decorators: [{
|
|
29
|
-
type: Component,
|
|
30
|
-
args: [{ selector: 'textarea-disabled', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
31
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
32
|
-
DaffTextareaComponent,
|
|
33
|
-
ReactiveFormsModule,
|
|
34
|
-
], template: "<daff-form-field>\n <daff-form-label>Comments</daff-form-label>\n <textarea daff-textarea type=\"text\" name=\"comments\" [formControl]=\"disabled\"></textarea>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
35
|
-
}] });
|
|
36
|
-
|
|
37
|
-
class TextareaErrorComponent {
|
|
38
|
-
constructor() {
|
|
39
|
-
this.control = new UntypedFormControl('', [
|
|
40
|
-
Validators.required,
|
|
41
|
-
]);
|
|
42
|
-
}
|
|
43
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TextareaErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: TextareaErrorComponent, isStandalone: true, selector: "textarea-error", ngImport: i0, template: "<daff-form-field>\n <daff-form-label for=\"error-textarea\">Comments</daff-form-label>\n <textarea daff-textarea type=\"text\" placeholder=\"Comments\" name=\"comments\" [formControl]=\"control\"></textarea>\n @if (control.errors?.required) {\n <daff-error-message>Comments is a required field.</daff-error-message>\n }\n</daff-form-field>\n", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ kind: "component", type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["appearance", "id"] }, { kind: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffTextareaComponent, selector: "textarea[daff-textarea]", inputs: ["disabled", "required"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
|
-
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: TextareaErrorComponent, decorators: [{
|
|
47
|
-
type: Component,
|
|
48
|
-
args: [{ selector: 'textarea-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
49
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
50
|
-
DaffTextareaComponent,
|
|
51
|
-
ReactiveFormsModule,
|
|
52
|
-
], template: "<daff-form-field>\n <daff-form-label for=\"error-textarea\">Comments</daff-form-label>\n <textarea daff-textarea type=\"text\" placeholder=\"Comments\" name=\"comments\" [formControl]=\"control\"></textarea>\n @if (control.errors?.required) {\n <daff-error-message>Comments is a required field.</daff-error-message>\n }\n</daff-form-field>\n", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
53
|
-
}] });
|
|
54
|
-
|
|
55
|
-
const TEXTAREA_EXAMPLES = [
|
|
56
|
-
BasicTextareaComponent,
|
|
57
|
-
TextareaErrorComponent,
|
|
58
|
-
TextareaDisabledComponent,
|
|
59
|
-
];
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Generated bundle index. Do not edit.
|
|
63
|
-
*/
|
|
64
|
-
|
|
65
|
-
export { TEXTAREA_EXAMPLES };
|
|
66
|
-
//# sourceMappingURL=daffodil-design-textarea-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-textarea-examples.mjs","sources":["../../../libs/design/textarea/examples/src/basic-textarea/basic-textarea.component.ts","../../../libs/design/textarea/examples/src/basic-textarea/basic-textarea.component.html","../../../libs/design/textarea/examples/src/textarea-disabled/textarea-disabled.component.ts","../../../libs/design/textarea/examples/src/textarea-disabled/textarea-disabled.component.html","../../../libs/design/textarea/examples/src/textarea-error/textarea-error.component.ts","../../../libs/design/textarea/examples/src/textarea-error/textarea-error.component.html","../../../libs/design/textarea/examples/src/examples.ts","../../../libs/design/textarea/examples/src/daffodil-design-textarea-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DaffTextareaComponent } from '@daffodil/design/textarea';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-textarea',\n templateUrl: './basic-textarea.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffTextareaComponent,\n DAFF_FORM_FIELD_COMPONENTS,\n ],\n})\nexport class BasicTextareaComponent {\n\n}\n","<daff-form-field>\n\t<daff-form-label for=\"comments\">Comments</daff-form-label>\n\t<textarea daff-textarea type=\"text\" name=\"comments\"></textarea>\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n ReactiveFormsModule,\n UntypedFormControl,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DaffTextareaComponent } from '@daffodil/design/textarea';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'textarea-disabled',\n templateUrl: './textarea-disabled.component.html',\n styles: [`\n daff-form-field {\n max-width: 320px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffTextareaComponent,\n ReactiveFormsModule,\n ],\n})\nexport class TextareaDisabledComponent {\n disabled = new UntypedFormControl({ value : '' , disabled: true });\n}\n","<daff-form-field>\n <daff-form-label>Comments</daff-form-label>\n <textarea daff-textarea type=\"text\" name=\"comments\" [formControl]=\"disabled\"></textarea>\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n Validators,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DaffTextareaComponent } from '@daffodil/design/textarea';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'textarea-error',\n templateUrl: './textarea-error.component.html',\n styles: [`\n daff-form-field {\n max-width: 320px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_FORM_FIELD_COMPONENTS,\n DaffTextareaComponent,\n ReactiveFormsModule,\n ],\n})\nexport class TextareaErrorComponent {\n control: UntypedFormControl = new UntypedFormControl('', [\n Validators.required,\n ]);\n}\n","<daff-form-field>\n <daff-form-label for=\"error-textarea\">Comments</daff-form-label>\n <textarea daff-textarea type=\"text\" placeholder=\"Comments\" name=\"comments\" [formControl]=\"control\"></textarea>\n @if (control.errors?.required) {\n <daff-error-message>Comments is a required field.</daff-error-message>\n }\n</daff-form-field>\n","import { BasicTextareaComponent } from './basic-textarea/basic-textarea.component';\nimport { TextareaDisabledComponent } from './textarea-disabled/textarea-disabled.component';\nimport { TextareaErrorComponent } from './textarea-error/textarea-error.component';\n\nexport const TEXTAREA_EXAMPLES = [\n BasicTextareaComponent,\n TextareaErrorComponent,\n TextareaDisabledComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAkBa,sBAAsB,CAAA;iIAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBnC,8KAGkB,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDWd,qBAAqB,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIZ,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAVlC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,eAAA,EAET,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,qBAAqB;wBACrB,0BAA0B;AAC3B,qBAAA,EAAA,QAAA,EAAA,8KAAA,EAAA;;;MEYU,yBAAyB,CAAA;AAhBtC,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,kBAAkB,CAAC,EAAE,KAAK,EAAG,EAAE,EAAG,QAAQ,EAAE,IAAI,EAAE,CAAC;AACnE,IAAA;iIAFY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BtC,wLAGkB,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDqBd,qBAAqB,qGACrB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGV,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAhBrC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAAA,eAAA,EAOZ,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,0BAA0B;wBAC1B,qBAAqB;wBACrB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,wLAAA,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA;;;MEGU,sBAAsB,CAAA;AAhBnC,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,kBAAkB,CAAC,EAAE,EAAE;AACvD,YAAA,UAAU,CAAC,QAAQ;AACpB,SAAA,CAAC;AACH,IAAA;iIAJY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BnC,8VAOA,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDkBI,qBAAqB,qGACrB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGV,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAhBlC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAAA,eAAA,EAOT,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,0BAA0B;wBAC1B,qBAAqB;wBACrB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,8VAAA,EAAA,MAAA,EAAA,CAAA,oCAAA,CAAA,EAAA;;;AEvBI,MAAM,iBAAiB,GAAG;IAC/B,sBAAsB;IACtB,sBAAsB;IACtB,yBAAyB;;;ACP3B;;AAEG;;;;"}
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { DaffButtonComponent } from '@daffodil/design/button';
|
|
4
|
-
import * as i1 from '@daffodil/design/toast';
|
|
5
|
-
import * as i2 from '@angular/forms';
|
|
6
|
-
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
7
|
-
import { faInfoCircle, faCheck, faExclamation } from '@fortawesome/free-solid-svg-icons';
|
|
8
|
-
|
|
9
|
-
class DefaultToastComponent {
|
|
10
|
-
constructor(toastService) {
|
|
11
|
-
this.toastService = toastService;
|
|
12
|
-
this.update = new EventEmitter();
|
|
13
|
-
this.closeToast = new EventEmitter();
|
|
14
|
-
this.count = 0;
|
|
15
|
-
}
|
|
16
|
-
open() {
|
|
17
|
-
this.toast = this.toastService.open({
|
|
18
|
-
title: 'Update Available' + ' ' + this.count++,
|
|
19
|
-
message: 'A new version of this page is available.',
|
|
20
|
-
actions: [
|
|
21
|
-
{ content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
|
|
22
|
-
{ content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
|
|
23
|
-
],
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @docs-private
|
|
28
|
-
*/
|
|
29
|
-
ngOnInit() {
|
|
30
|
-
this.update.subscribe(() => {
|
|
31
|
-
// handle updates
|
|
32
|
-
});
|
|
33
|
-
this.closeToast.subscribe(() => {
|
|
34
|
-
this.toastService.close(this.toast);
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultToastComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DefaultToastComponent, isStandalone: true, selector: "default-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
39
|
-
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DefaultToastComponent, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{ selector: 'default-toast', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
43
|
-
DaffButtonComponent,
|
|
44
|
-
], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
|
|
45
|
-
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
46
|
-
|
|
47
|
-
class DismissibleToastComponent {
|
|
48
|
-
constructor(toastService) {
|
|
49
|
-
this.toastService = toastService;
|
|
50
|
-
this.count = 0;
|
|
51
|
-
}
|
|
52
|
-
open() {
|
|
53
|
-
this.toast = this.toastService.open({
|
|
54
|
-
title: 'Update Available' + ' ' + this.count++,
|
|
55
|
-
message: 'A new version of this page is available.',
|
|
56
|
-
dismissible: true,
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DismissibleToastComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DismissibleToastComponent, isStandalone: true, selector: "dismissible-toast", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
61
|
-
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DismissibleToastComponent, decorators: [{
|
|
63
|
-
type: Component,
|
|
64
|
-
args: [{ selector: 'dismissible-toast', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
65
|
-
DaffButtonComponent,
|
|
66
|
-
], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
|
|
67
|
-
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
68
|
-
|
|
69
|
-
const status = {
|
|
70
|
-
critical: {
|
|
71
|
-
title: 'Server error',
|
|
72
|
-
message: 'There is a server error.',
|
|
73
|
-
},
|
|
74
|
-
success: {
|
|
75
|
-
title: 'Update complete',
|
|
76
|
-
message: 'The app is now up-to-date with the newest version.',
|
|
77
|
-
},
|
|
78
|
-
warn: {
|
|
79
|
-
title: 'The app is outdated',
|
|
80
|
-
message: 'Update the app now. The version you are using may have security vulnerabilities.',
|
|
81
|
-
},
|
|
82
|
-
};
|
|
83
|
-
class ToastStatusComponent {
|
|
84
|
-
constructor(toastService) {
|
|
85
|
-
this.toastService = toastService;
|
|
86
|
-
this.faInfoCircle = faInfoCircle;
|
|
87
|
-
this.faCheck = faCheck;
|
|
88
|
-
this.faExclamation = faExclamation;
|
|
89
|
-
this.statusControl = new FormControl('success');
|
|
90
|
-
}
|
|
91
|
-
open() {
|
|
92
|
-
this.toastService.open({
|
|
93
|
-
status: this.statusControl.value,
|
|
94
|
-
...status[this.statusControl.value],
|
|
95
|
-
actions: [
|
|
96
|
-
{ content: 'Update', color: 'theme-contrast', size: 'sm' },
|
|
97
|
-
{ content: 'Remind me later', type: 'flat', size: 'sm' },
|
|
98
|
-
],
|
|
99
|
-
});
|
|
100
|
-
}
|
|
101
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToastStatusComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
102
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ToastStatusComponent, isStandalone: true, selector: "toast-status", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"], dependencies: [{ kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
103
|
-
}
|
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToastStatusComponent, decorators: [{
|
|
105
|
-
type: Component,
|
|
106
|
-
args: [{ selector: 'toast-status', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
107
|
-
DaffButtonComponent,
|
|
108
|
-
ReactiveFormsModule,
|
|
109
|
-
], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:flex-start;gap:16px}\n"] }]
|
|
110
|
-
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
111
|
-
|
|
112
|
-
class ToastWithCustomDurationComponent {
|
|
113
|
-
constructor(toastService) {
|
|
114
|
-
this.toastService = toastService;
|
|
115
|
-
}
|
|
116
|
-
open() {
|
|
117
|
-
this.toast = this.toastService.open({
|
|
118
|
-
title: 'Update Complete',
|
|
119
|
-
message: 'This page has been updated to the newest version.',
|
|
120
|
-
status: 'success',
|
|
121
|
-
}, {
|
|
122
|
-
duration: 7000,
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToastWithCustomDurationComponent, deps: [{ token: i1.DaffToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: ToastWithCustomDurationComponent, isStandalone: true, selector: "toast-with-custom-duration", ngImport: i0, template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>", dependencies: [{ kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]", inputs: ["elevated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
127
|
-
}
|
|
128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: ToastWithCustomDurationComponent, decorators: [{
|
|
129
|
-
type: Component,
|
|
130
|
-
args: [{ selector: 'toast-with-custom-duration', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
131
|
-
DaffButtonComponent,
|
|
132
|
-
], template: "<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>" }]
|
|
133
|
-
}], ctorParameters: () => [{ type: i1.DaffToastService }] });
|
|
134
|
-
|
|
135
|
-
const TOAST_EXAMPLES = [
|
|
136
|
-
DefaultToastComponent,
|
|
137
|
-
ToastStatusComponent,
|
|
138
|
-
ToastWithCustomDurationComponent,
|
|
139
|
-
DismissibleToastComponent,
|
|
140
|
-
];
|
|
141
|
-
|
|
142
|
-
/**
|
|
143
|
-
* Generated bundle index. Do not edit.
|
|
144
|
-
*/
|
|
145
|
-
|
|
146
|
-
export { TOAST_EXAMPLES };
|
|
147
|
-
//# sourceMappingURL=daffodil-design-toast-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-toast-examples.mjs","sources":["../../../libs/design/toast/examples/src/default-toast/default-toast.component.ts","../../../libs/design/toast/examples/src/default-toast/default-toast.component.html","../../../libs/design/toast/examples/src/dismissible-toast/dismissible-toast.component.ts","../../../libs/design/toast/examples/src/dismissible-toast/dismissible-toast.component.html","../../../libs/design/toast/examples/src/toast-status/toast-status.component.ts","../../../libs/design/toast/examples/src/toast-status/toast-status.component.html","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.ts","../../../libs/design/toast/examples/src/toast-with-custom-duration/toast-with-custom-duration.component.html","../../../libs/design/toast/examples/src/public_api.ts","../../../libs/design/toast/examples/src/daffodil-design-toast-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n OnInit,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastAction,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-toast',\n templateUrl: './default-toast.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class DefaultToastComponent implements OnInit {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n update = new EventEmitter<DaffToastAction>();\n\n closeToast = new EventEmitter<DaffToastAction>();\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Available' + ' ' + this.count++,\n message: 'A new version of this page is available.',\n actions: [\n { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },\n { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },\n ],\n });\n }\n\n /**\n * @docs-private\n */\n ngOnInit() {\n this.update.subscribe(() => {\n // handle updates\n });\n\n this.closeToast.subscribe(() => {\n this.toastService.close(this.toast);\n });\n }\n\n private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissible-toast',\n templateUrl: './dismissible-toast.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class DismissibleToastComponent {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Available' + ' ' + this.count++,\n message: 'A new version of this page is available.',\n dismissible: true,\n });\n }\n\n private count = 0;\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToastData,\n DaffToastService,\n} from '@daffodil/design/toast';\n\nconst status: Record<string, DaffToastData> = {\n critical: {\n title: 'Server error',\n message: 'There is a server error.',\n },\n success: {\n title: 'Update complete',\n message: 'The app is now up-to-date with the newest version.',\n },\n warn: {\n title: 'The app is outdated',\n message: 'Update the app now. The version you are using may have security vulnerabilities.',\n },\n};\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-status',\n templateUrl: './toast-status.component.html',\n styleUrls: ['./toast-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ReactiveFormsModule,\n ],\n})\nexport class ToastStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: FormControl = new FormControl('success');\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toastService.open({\n status: this.statusControl.value,\n ...status[this.statusControl.value],\n actions: [\n { content: 'Update', color: 'theme-contrast', size: 'sm' },\n { content: 'Remind me later', type: 'flat', size: 'sm' },\n ],\n },\n );\n }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"critical\">Critical</option>\n</select>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport {\n DaffToast,\n DaffToastService,\n} from '@daffodil/design/toast';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'toast-with-custom-duration',\n templateUrl: './toast-with-custom-duration.component.html',\n styles: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DaffButtonComponent,\n ],\n})\nexport class ToastWithCustomDurationComponent {\n private toast: DaffToast;\n\n constructor(private toastService: DaffToastService) {}\n\n open() {\n this.toast = this.toastService.open({\n title: 'Update Complete',\n message: 'This page has been updated to the newest version.',\n status: 'success',\n },\n {\n duration: 7000,\n });\n }\n}\n","<button daff-button size=\"sm\" (click)=\"open()\">Show toast</button>","import { DefaultToastComponent } from './default-toast/default-toast.component';\nimport { DismissibleToastComponent } from './dismissible-toast/dismissible-toast.component';\nimport { ToastStatusComponent } from './toast-status/toast-status.component';\nimport { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';\n\nexport const TOAST_EXAMPLES = [\n DefaultToastComponent,\n ToastStatusComponent,\n ToastWithCustomDurationComponent,\n DismissibleToastComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import { RouterLink } from '@angular/router';
|
|
4
|
-
import * as i1 from '@daffodil/design/tree';
|
|
5
|
-
import { DAFF_TREE_COMPONENTS, DaffTreeModule } from '@daffodil/design/tree';
|
|
6
|
-
|
|
7
|
-
class BasicTreeComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.tree = {
|
|
10
|
-
title: 'Root',
|
|
11
|
-
items: [
|
|
12
|
-
{
|
|
13
|
-
title: 'Example Children',
|
|
14
|
-
items: [
|
|
15
|
-
{ title: 'Example Child', url: '#', id: '', items: [], data: {} },
|
|
16
|
-
],
|
|
17
|
-
url: '#',
|
|
18
|
-
id: '',
|
|
19
|
-
data: {},
|
|
20
|
-
},
|
|
21
|
-
{
|
|
22
|
-
title: 'Example Link',
|
|
23
|
-
items: [],
|
|
24
|
-
url: '#',
|
|
25
|
-
id: '',
|
|
26
|
-
data: {},
|
|
27
|
-
},
|
|
28
|
-
],
|
|
29
|
-
url: '',
|
|
30
|
-
id: '',
|
|
31
|
-
data: {},
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
35
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicTreeComponent, isStandalone: true, selector: "basic-tree", ngImport: i0, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n", dependencies: [{ kind: "component", type: i1.DaffTreeComponent, selector: "ul[daff-tree]", inputs: ["renderMode", "tree"] }, { kind: "directive", type: i1.DaffTreeItemDirective, selector: "[daffTreeItem]", inputs: ["node", "selected"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
36
|
-
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicTreeComponent, decorators: [{
|
|
38
|
-
type: Component,
|
|
39
|
-
args: [{ selector: 'basic-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
40
|
-
DAFF_TREE_COMPONENTS,
|
|
41
|
-
RouterLink,
|
|
42
|
-
], template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n" }]
|
|
43
|
-
}] });
|
|
44
|
-
|
|
45
|
-
class DeepTreeComponent {
|
|
46
|
-
constructor() {
|
|
47
|
-
this.tree = {
|
|
48
|
-
title: 'Root',
|
|
49
|
-
items: [
|
|
50
|
-
{
|
|
51
|
-
title: 'Example Children',
|
|
52
|
-
items: [
|
|
53
|
-
{
|
|
54
|
-
title: 'Example Child',
|
|
55
|
-
url: '#',
|
|
56
|
-
id: '',
|
|
57
|
-
items: [
|
|
58
|
-
{
|
|
59
|
-
title: 'Nested Child',
|
|
60
|
-
url: '#',
|
|
61
|
-
id: '',
|
|
62
|
-
items: [],
|
|
63
|
-
data: {},
|
|
64
|
-
},
|
|
65
|
-
],
|
|
66
|
-
data: {},
|
|
67
|
-
},
|
|
68
|
-
],
|
|
69
|
-
url: '#',
|
|
70
|
-
id: '',
|
|
71
|
-
data: {},
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
title: 'Example Link',
|
|
75
|
-
items: [],
|
|
76
|
-
url: '#',
|
|
77
|
-
id: '',
|
|
78
|
-
data: {},
|
|
79
|
-
},
|
|
80
|
-
],
|
|
81
|
-
url: '',
|
|
82
|
-
id: '',
|
|
83
|
-
data: {},
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DeepTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: DeepTreeComponent, isStandalone: true, selector: "deep-tree", ngImport: i0, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n", dependencies: [{ kind: "ngmodule", type: DaffTreeModule }, { kind: "component", type: i1.DaffTreeComponent, selector: "ul[daff-tree]", inputs: ["renderMode", "tree"] }, { kind: "directive", type: i1.DaffTreeItemDirective, selector: "[daffTreeItem]", inputs: ["node", "selected"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
88
|
-
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: DeepTreeComponent, decorators: [{
|
|
90
|
-
type: Component,
|
|
91
|
-
args: [{ selector: 'deep-tree', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DaffTreeModule, RouterLink], template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n" }]
|
|
92
|
-
}] });
|
|
93
|
-
|
|
94
|
-
const TREE_EXAMPLES = [
|
|
95
|
-
BasicTreeComponent,
|
|
96
|
-
DeepTreeComponent,
|
|
97
|
-
];
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Generated bundle index. Do not edit.
|
|
101
|
-
*/
|
|
102
|
-
|
|
103
|
-
export { BasicTreeComponent, DeepTreeComponent, TREE_EXAMPLES };
|
|
104
|
-
//# sourceMappingURL=daffodil-design-tree-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-tree-examples.mjs","sources":["../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.ts","../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.html","../../../libs/design/tree/examples/src/deep-tree/deep-tree.component.ts","../../../libs/design/tree/examples/src/deep-tree/deep-tree.component.html","../../../libs/design/tree/examples/src/public_api.ts","../../../libs/design/tree/examples/src/daffodil-design-tree-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport {\n DaffTreeData,\n DAFF_TREE_COMPONENTS,\n} from '@daffodil/design/tree';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-tree',\n templateUrl: './basic-tree.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_TREE_COMPONENTS,\n RouterLink,\n ],\n})\nexport class BasicTreeComponent {\n tree: DaffTreeData<unknown> = {\n title: 'Root',\n items: [\n {\n title: 'Example Children',\n items: [\n { title: 'Example Child', url: '#', id: '', items: [], data: {}},\n ],\n url: '#',\n id: '',\n data: {},\n },\n {\n title: 'Example Link',\n items: [],\n url: '#',\n id: '',\n data: {},\n },\n ],\n url: '',\n id: '',\n data: {},\n };\n}\n","<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\nimport {\n DaffTreeData,\n DaffTreeModule,\n} from '@daffodil/design/tree';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'deep-tree',\n templateUrl: './deep-tree.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [DaffTreeModule, RouterLink],\n})\nexport class DeepTreeComponent {\n tree: DaffTreeData<unknown> = {\n title: 'Root',\n items: [\n {\n title: 'Example Children',\n items: [\n {\n title: 'Example Child',\n url: '#',\n id: '',\n items: [\n {\n title: 'Nested Child',\n url: '#',\n id: '',\n items: [],\n data: {},\n },\n ],\n data: {},\n },\n ],\n url: '#',\n id: '',\n data: {},\n },\n {\n title: 'Example Link',\n items: [],\n url: '#',\n id: '',\n data: {},\n },\n ],\n url: '',\n id: '',\n data: {},\n };\n}\n","<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n","import { BasicTreeComponent } from './basic-tree/basic-tree.component';\nimport { DeepTreeComponent } from './deep-tree/deep-tree.component';\n\nexport {\n BasicTreeComponent,\n DeepTreeComponent,\n};\n\nexport const TREE_EXAMPLES = [\n BasicTreeComponent,\n DeepTreeComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAqBa,kBAAkB,CAAA;AAV/B,IAAA,WAAA,GAAA;AAWE,QAAA,IAAA,CAAA,IAAI,GAA0B;AAC5B,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,KAAK,EAAE,kBAAkB;AACzB,oBAAA,KAAK,EAAE;AACL,wBAAA,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAC;AACjE,qBAAA;AACD,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA;AACD,gBAAA;AACE,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,IAAI,EAAE,EAAE;SACT;AACF,IAAA;iIAzBY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrB/B,kVAUA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDQI,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,eAAA,EAEL,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,oBAAoB;wBACpB,UAAU;AACX,qBAAA,EAAA,QAAA,EAAA,kVAAA,EAAA;;;MEDU,iBAAiB,CAAA;AAP9B,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,IAAI,GAA0B;AAC5B,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,KAAK,EAAE,kBAAkB;AACzB,oBAAA,KAAK,EAAE;AACL,wBAAA;AACE,4BAAA,KAAK,EAAE,eAAe;AACtB,4BAAA,GAAG,EAAE,GAAG;AACR,4BAAA,EAAE,EAAE,EAAE;AACN,4BAAA,KAAK,EAAE;AACL,gCAAA;AACE,oCAAA,KAAK,EAAE,cAAc;AACrB,oCAAA,GAAG,EAAE,GAAG;AACR,oCAAA,EAAE,EAAE,EAAE;AACN,oCAAA,KAAK,EAAE,EAAE;AACT,oCAAA,IAAI,EAAE,EAAE;AACT,iCAAA;AACF,6BAAA;AACD,4BAAA,IAAI,EAAE,EAAE;AACT,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA;AACD,gBAAA;AACE,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,GAAG,EAAE,GAAG;AACR,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACT,iBAAA;AACF,aAAA;AACD,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,IAAI,EAAE,EAAE;SACT;AACF,IAAA;iIAvCY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB9B,kVAUA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,cAAc,8PAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEzB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;+BAEE,WAAW,EAAA,eAAA,EAEJ,uBAAuB,CAAC,MAAM,WACtC,CAAC,cAAc,EAAE,UAAU,CAAC,EAAA,QAAA,EAAA,kVAAA,EAAA;;;AERhC,MAAM,aAAa,GAAG;IAC3B,kBAAkB;IAClB,iBAAiB;;;ACVnB;;AAEG;;;;"}
|
|
@@ -1,18 +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 FormFieldWithPrefixComponent {
|
|
5
|
-
faUser: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldWithPrefixComponent, never>;
|
|
7
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldWithPrefixComponent, "form-field-with-prefix", never, {}, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
declare class FormFieldWithSuffixComponent {
|
|
11
|
-
faPencil: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
12
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldWithSuffixComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldWithSuffixComponent, "form-field-with-suffix", never, {}, {}, never, never, true, never>;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
declare const FORM_FIELD_EXAMPLES: (typeof FormFieldWithPrefixComponent | typeof FormFieldWithSuffixComponent)[];
|
|
17
|
-
|
|
18
|
-
export { FORM_FIELD_EXAMPLES };
|
package/hero/examples/index.d.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
2
|
-
import { UntypedFormControl } from '@angular/forms';
|
|
3
|
-
import { DaffPalette } from '@daffodil/design';
|
|
4
|
-
import * as i0 from '@angular/core';
|
|
5
|
-
|
|
6
|
-
declare class HeroThemingComponent {
|
|
7
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
8
|
-
color: DaffPalette;
|
|
9
|
-
colorControl: UntypedFormControl;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HeroThemingComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeroThemingComponent, "hero-theming", never, {}, {}, never, never, true, never>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare class HeroTextAlignmentComponent {
|
|
15
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
16
|
-
textAlignControl: UntypedFormControl;
|
|
17
|
-
options: {
|
|
18
|
-
value: string;
|
|
19
|
-
label: string;
|
|
20
|
-
}[];
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HeroTextAlignmentComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeroTextAlignmentComponent, "hero-text-alignment", never, {}, {}, never, never, true, never>;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
declare class HeroWithGridComponent {
|
|
26
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<HeroWithGridComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<HeroWithGridComponent, "hero-with-grid", never, {}, {}, never, never, true, never>;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
declare class CompactHeroComponent {
|
|
32
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
33
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CompactHeroComponent, never>;
|
|
34
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CompactHeroComponent, "compact-hero", never, {}, {}, never, never, true, never>;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
declare class BasicHeroComponent {
|
|
38
|
-
faMobile: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
39
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicHeroComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicHeroComponent, "basic-hero", never, {}, {}, never, never, true, never>;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
declare const HERO_EXAMPLES: (typeof HeroWithGridComponent)[];
|
|
44
|
-
|
|
45
|
-
export { BasicHeroComponent, CompactHeroComponent, HERO_EXAMPLES, HeroTextAlignmentComponent, HeroThemingComponent, HeroWithGridComponent };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
|
|
3
|
-
declare class BasicImageComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicImageComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicImageComponent, "basic-image", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare const IMAGE_EXAMPLES: (typeof BasicImageComponent)[];
|
|
9
|
-
|
|
10
|
-
export { IMAGE_EXAMPLES };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
|
|
3
|
-
declare class InputHintComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<InputHintComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputHintComponent, "input-hint", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare const INPUT_EXAMPLES: (typeof InputHintComponent)[];
|
|
9
|
-
|
|
10
|
-
export { INPUT_EXAMPLES };
|
package/list/examples/index.d.ts
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
|
|
3
|
-
|
|
4
|
-
declare class BasicListComponent {
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicListComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicListComponent, "basic-list", never, {}, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
declare class NavListComponent {
|
|
10
|
-
faChevronRight: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NavListComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NavListComponent, "nav-list", never, {}, {}, never, never, true, never>;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
declare class IconListComponent {
|
|
16
|
-
faInfoCircle: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IconListComponent, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IconListComponent, "icon-list", never, {}, {}, never, never, true, never>;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
declare class MultilineListComponent {
|
|
22
|
-
faInfoCircle: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MultilineListComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultilineListComponent, "multiline-list", never, {}, {}, never, never, true, never>;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
declare const LIST_EXAMPLES: (typeof BasicListComponent)[];
|
|
28
|
-
|
|
29
|
-
export { BasicListComponent, IconListComponent, LIST_EXAMPLES, MultilineListComponent, NavListComponent };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { UntypedFormControl } from '@angular/forms';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
|
|
4
|
-
declare class LoadingIconColorComponent {
|
|
5
|
-
colorControl: UntypedFormControl;
|
|
6
|
-
options: {
|
|
7
|
-
value: string;
|
|
8
|
-
label: string;
|
|
9
|
-
}[];
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LoadingIconColorComponent, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoadingIconColorComponent, "loading-icon-color", never, {}, {}, never, never, true, never>;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
declare const LOADING_ICON_EXAMPLES: (typeof LoadingIconColorComponent)[];
|
|
15
|
-
|
|
16
|
-
export { LOADING_ICON_EXAMPLES, LoadingIconColorComponent };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
|
|
3
|
-
declare class BasicMediaGalleryComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicMediaGalleryComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicMediaGalleryComponent, "basic-media-gallery", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare const MEDIA_GALLERY_EXAMPLES: (typeof BasicMediaGalleryComponent)[];
|
|
9
|
-
|
|
10
|
-
declare class MismatchedSizesMediaGalleryComponent {
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MismatchedSizesMediaGalleryComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MismatchedSizesMediaGalleryComponent, "mismatched-sizes-media-gallery", never, {}, {}, never, never, true, never>;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
declare class SkeletonMediaGalleryComponent {
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonMediaGalleryComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonMediaGalleryComponent, "skeleton-media-gallery", never, {}, {}, never, never, true, never>;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
declare class IteratedMediaGalleryComponent {
|
|
21
|
-
elements: {
|
|
22
|
-
type: string;
|
|
23
|
-
src: string;
|
|
24
|
-
thumbnail: string;
|
|
25
|
-
alt: string;
|
|
26
|
-
width: number;
|
|
27
|
-
height: number;
|
|
28
|
-
}[];
|
|
29
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<IteratedMediaGalleryComponent, never>;
|
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<IteratedMediaGalleryComponent, "iterated-media-gallery", never, {}, {}, never, never, true, never>;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
declare class MediaGalleryWithVideoComponent {
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MediaGalleryWithVideoComponent, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MediaGalleryWithVideoComponent, "media-gallery-with-video", never, {}, {}, never, never, true, never>;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export { BasicMediaGalleryComponent, IteratedMediaGalleryComponent, MEDIA_GALLERY_EXAMPLES, MediaGalleryWithVideoComponent, MismatchedSizesMediaGalleryComponent, SkeletonMediaGalleryComponent };
|
package/menu/examples/index.d.ts
DELETED
|
@@ -1,20 +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 MenuContentComponent {
|
|
5
|
-
faUser: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
6
|
-
faInfo: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
7
|
-
faEnvelope: _fortawesome_fontawesome_common_types.IconDefinition;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MenuContentComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MenuContentComponent, "menu-content", never, {}, {}, never, never, true, never>;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
declare class BasicMenuComponent {
|
|
13
|
-
menu: typeof MenuContentComponent;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicMenuComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicMenuComponent, "basic-menu", never, {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare const MENU_EXAMPLES: (typeof BasicMenuComponent)[];
|
|
19
|
-
|
|
20
|
-
export { MENU_EXAMPLES };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { DaffModalComponent, DaffModalService } from '@daffodil/design/modal';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
|
|
4
|
-
declare class BasicModalComponent {
|
|
5
|
-
private modalService;
|
|
6
|
-
modal: DaffModalComponent;
|
|
7
|
-
constructor(modalService: DaffModalService);
|
|
8
|
-
showModal(): void;
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<BasicModalComponent, never>;
|
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicModalComponent, "basic-modal", never, {}, {}, never, never, true, never>;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
declare const MODAL_EXAMPLES: (typeof BasicModalComponent)[];
|
|
14
|
-
|
|
15
|
-
export { MODAL_EXAMPLES };
|