@daffodil/design 0.89.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/README.md +1 -0
- 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 +6 -16
- 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 +55 -162
- 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 +304 -0
- package/fesm2022/daffodil-design-radio.mjs.map +1 -0
- package/fesm2022/daffodil-design-select.mjs +2 -2
- package/fesm2022/daffodil-design-select.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-tag.mjs +131 -0
- package/fesm2022/daffodil-design-tag.mjs.map +1 -0
- 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 -774
- 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 +58 -76
- package/image/README.md +27 -19
- package/image/index.d.ts +6 -1
- package/index.d.ts +180 -424
- 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/README.md +52 -0
- package/radio/index.d.ts +160 -0
- package/scss/core/error/error-to-string.scss +6 -6
- package/scss/core/map/map-get/map-get.scss +3 -3
- package/scss/layout/_breakpoint.scss +1 -1
- package/scss/theme.scss +4 -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/_index.scss +1 -0
- package/scss/theming/contrast/max-contrast/max-contrast.scss +47 -0
- package/scss/theming/contrast/max-contrast/max-contrast.spec.scss +57 -0
- 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/README.md +87 -0
- package/tag/index.d.ts +71 -0
- package/tag/src/tag-theme.scss +137 -0
- 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 -31
- 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-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/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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-image-examples.mjs","sources":["../../../libs/design/image/examples/src/basic-image/basic-image.component.ts","../../../libs/design/image/examples/src/basic-image/basic-image.component.html","../../../libs/design/image/examples/src/load-image/load-image.component.ts","../../../libs/design/image/examples/src/load-image/load-image.component.html","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.ts","../../../libs/design/image/examples/src/skeleton-image/skeleton-image.component.html","../../../libs/design/image/examples/src/public_api.ts","../../../libs/design/image/examples/src/daffodil-design-image-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-image',\n templateUrl: './basic-image.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_IMAGE_COMPONENTS,\n ],\n})\nexport class BasicImageComponent {\n\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'load-image',\n templateUrl: './load-image.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_IMAGE_COMPONENTS,\n NgIf,\n ],\n})\nexport class LoadImageComponent {\n loaded = false;\n\n load(){\n this.loaded = true;\n }\n}\n","<daff-image\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\"\n\t(load)=\"load()\">\n</daff-image>\n\n<p *ngIf=\"!loaded\">I am not loaded!</p>\n<p *ngIf=\"loaded\">I am loaded!</p>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'skeleton-image',\n templateUrl: './skeleton-image.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_IMAGE_COMPONENTS,\n ],\n})\nexport class SkeletonImageComponent {\n\n}\n","<daff-image [skeleton]=\"true\"\n\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\talt=\"Bottom up view of Basel exhibition centre\"\n\twidth=\"1261\"\n\theight=\"946\">\n</daff-image>","import { BasicImageComponent } from './basic-image/basic-image.component';\nimport { LoadImageComponent } from './load-image/load-image.component';\nimport { SkeletonImageComponent } from './skeleton-image/skeleton-image.component';\n\nexport const IMAGE_EXAMPLES = [\n BasicImageComponent,\n LoadImageComponent,\n SkeletonImageComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import * as i2 from '@angular/forms';
|
|
4
|
-
import { UntypedFormControl, ReactiveFormsModule, Validators } from '@angular/forms';
|
|
5
|
-
import * as i1 from '@daffodil/design/form-field';
|
|
6
|
-
import { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';
|
|
7
|
-
import { DaffInputComponent } from '@daffodil/design/input';
|
|
8
|
-
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
9
|
-
import { faCheck, faXmark, faUser, faCircleXmark } from '@fortawesome/free-solid-svg-icons';
|
|
10
|
-
import * as i2$1 from '@daffodil/design';
|
|
11
|
-
|
|
12
|
-
class InputDisabledComponent {
|
|
13
|
-
constructor() {
|
|
14
|
-
this.disabled = new UntypedFormControl({ value: '', disabled: true });
|
|
15
|
-
}
|
|
16
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: InputDisabledComponent, isStandalone: true, selector: "input-disabled", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>\n\n<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" disabled />\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"], dependencies: [{ 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"] }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]", 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 }); }
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputDisabledComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{ selector: 'input-disabled', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
22
|
-
ReactiveFormsModule,
|
|
23
|
-
DaffInputComponent,
|
|
24
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
25
|
-
], template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>\n\n<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" disabled />\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
26
|
-
}] });
|
|
27
|
-
|
|
28
|
-
class InputErrorComponent {
|
|
29
|
-
constructor() {
|
|
30
|
-
this.control = new UntypedFormControl('test@example.com', [
|
|
31
|
-
Validators.email,
|
|
32
|
-
Validators.required,
|
|
33
|
-
]);
|
|
34
|
-
}
|
|
35
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: InputErrorComponent, isStandalone: true, selector: "input-error", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n <daff-hint>Hint</daff-hint>\n @if (control.errors?.required) {\n <daff-error-message>Email is a required field.</daff-error-message>\n }\n @if (control.errors?.email) {\n <daff-error-message>Email is not valid.</daff-error-message>\n }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>", 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: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]", 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 }); }
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputErrorComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{ selector: 'input-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
41
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
42
|
-
DaffInputComponent,
|
|
43
|
-
ReactiveFormsModule,
|
|
44
|
-
], template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n <daff-hint>Hint</daff-hint>\n @if (control.errors?.required) {\n <daff-error-message>Email is a required field.</daff-error-message>\n }\n @if (control.errors?.email) {\n <daff-error-message>Email is not valid.</daff-error-message>\n }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
45
|
-
}] });
|
|
46
|
-
|
|
47
|
-
class InputHintComponent {
|
|
48
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: InputHintComponent, isStandalone: true, selector: "input-hint", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\"/>\n <daff-hint>Hint goes here.</daff-hint>\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: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]", inputs: ["disabled", "required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
|
-
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputHintComponent, decorators: [{
|
|
52
|
-
type: Component,
|
|
53
|
-
args: [{ selector: 'input-hint', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
54
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
55
|
-
DaffInputComponent,
|
|
56
|
-
], template: "<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\"/>\n <daff-hint>Hint goes here.</daff-hint>\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
57
|
-
}] });
|
|
58
|
-
|
|
59
|
-
class InputHintAndErrorComponent {
|
|
60
|
-
constructor() {
|
|
61
|
-
this.faCheck = faCheck;
|
|
62
|
-
this.faXmark = faXmark;
|
|
63
|
-
this.control = new UntypedFormControl('', [Validators.required, Validators.minLength(8)]);
|
|
64
|
-
}
|
|
65
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputHintAndErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: InputHintAndErrorComponent, isStandalone: true, selector: "input-hint-and-error", ngImport: i0, template: "<daff-form-field>\n <daff-form-label>Password</daff-form-label>\n <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n @if (!(control.invalid) && control.dirty) {\n <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n } @else {\n <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n }\n Minimum of 8 characters.\n </daff-hint>\n @if (control.errors?.required && control.touched) {\n <daff-error-message>Password is a required field.</daff-error-message>\n }\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: "component", type: i1.DaffErrorMessageComponent, selector: "daff-error-message" }, { kind: "component", type: i1.DaffHintComponent, selector: "daff-hint", inputs: ["validated"] }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]", 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"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
67
|
-
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputHintAndErrorComponent, decorators: [{
|
|
69
|
-
type: Component,
|
|
70
|
-
args: [{ selector: 'input-hint-and-error', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
71
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
72
|
-
DaffInputComponent,
|
|
73
|
-
ReactiveFormsModule,
|
|
74
|
-
FaIconComponent,
|
|
75
|
-
], template: "<daff-form-field>\n <daff-form-label>Password</daff-form-label>\n <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n @if (!(control.invalid) && control.dirty) {\n <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n } @else {\n <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n }\n Minimum of 8 characters.\n </daff-hint>\n @if (control.errors?.required && control.touched) {\n <daff-error-message>Password is a required field.</daff-error-message>\n }\n</daff-form-field>", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
76
|
-
}] });
|
|
77
|
-
|
|
78
|
-
class InputWithFormFieldComponent {
|
|
79
|
-
constructor() {
|
|
80
|
-
this.faUser = faUser;
|
|
81
|
-
this.faCircleXmark = faCircleXmark;
|
|
82
|
-
}
|
|
83
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputWithFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
84
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: InputWithFormFieldComponent, isStandalone: true, selector: "input-with-form-field", ngImport: i0, template: "<daff-form-field>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\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: "directive", type: i2$1.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2$1.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "directive", type: i1.DaffFormFieldLabelDirective, selector: "daff-form-label" }, { kind: "component", type: DaffInputComponent, selector: "input[daff-input]", inputs: ["disabled", "required"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
85
|
-
}
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: InputWithFormFieldComponent, decorators: [{
|
|
87
|
-
type: Component,
|
|
88
|
-
args: [{ selector: 'input-with-form-field', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
89
|
-
DAFF_FORM_FIELD_COMPONENTS,
|
|
90
|
-
DaffInputComponent,
|
|
91
|
-
FaIconComponent,
|
|
92
|
-
], template: "<daff-form-field>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\n</daff-form-field>\n", styles: ["daff-form-field{max-width:320px}\n"] }]
|
|
93
|
-
}] });
|
|
94
|
-
|
|
95
|
-
const INPUT_EXAMPLES = [
|
|
96
|
-
InputWithFormFieldComponent,
|
|
97
|
-
InputDisabledComponent,
|
|
98
|
-
InputErrorComponent,
|
|
99
|
-
InputHintComponent,
|
|
100
|
-
InputHintAndErrorComponent,
|
|
101
|
-
];
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* Generated bundle index. Do not edit.
|
|
105
|
-
*/
|
|
106
|
-
|
|
107
|
-
export { INPUT_EXAMPLES };
|
|
108
|
-
//# sourceMappingURL=daffodil-design-input-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-input-examples.mjs","sources":["../../../libs/design/input/examples/src/input-disabled/input-disabled.component.ts","../../../libs/design/input/examples/src/input-disabled/input-disabled.component.html","../../../libs/design/input/examples/src/input-error/input-error.component.ts","../../../libs/design/input/examples/src/input-error/input-error.component.html","../../../libs/design/input/examples/src/input-hint/input-hint.component.ts","../../../libs/design/input/examples/src/input-hint/input-hint.component.html","../../../libs/design/input/examples/src/input-hint-and-error/input-hint-and-error.component.ts","../../../libs/design/input/examples/src/input-hint-and-error/input-hint-and-error.component.html","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.ts","../../../libs/design/input/examples/src/input-with-form-field/input-with-form-field.component.html","../../../libs/design/input/examples/src/examples.ts","../../../libs/design/input/examples/src/daffodil-design-input-examples.ts"],"sourcesContent":["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 { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input-disabled',\n templateUrl: './input-disabled.component.html',\n styles: [`\n daff-form-field {\n max-width: 320px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n ReactiveFormsModule,\n DaffInputComponent,\n DAFF_FORM_FIELD_COMPONENTS,\n ],\n})\nexport class InputDisabledComponent {\n disabled = new UntypedFormControl({ value : '' , disabled: true });\n}\n","<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [formControl]=\"disabled\"/>\n</daff-form-field>\n\n<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" disabled />\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 { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input-error',\n templateUrl: './input-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 DaffInputComponent,\n ReactiveFormsModule,\n ],\n})\nexport class InputErrorComponent {\n control: UntypedFormControl = new UntypedFormControl('test@example.com', [\n Validators.email,\n Validators.required,\n ]);\n}\n","<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\" [formControl]=\"control\"/>\n <daff-hint>Hint</daff-hint>\n @if (control.errors?.required) {\n <daff-error-message>Email is a required field.</daff-error-message>\n }\n @if (control.errors?.email) {\n <daff-error-message>Email is not valid.</daff-error-message>\n }\n</daff-form-field>\n<p>Value: {{ control.value }} </p>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input-hint',\n templateUrl: './input-hint.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 DaffInputComponent,\n ],\n})\nexport class InputHintComponent {\n}\n","<daff-form-field>\n <daff-form-label>Email</daff-form-label>\n <input daff-input type=\"text\" name=\"email\"/>\n <daff-hint>Hint goes here.</daff-hint>\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n Validators,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faCheck,\n faXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input-hint-and-error',\n templateUrl: './input-hint-and-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 DaffInputComponent,\n ReactiveFormsModule,\n FaIconComponent,\n ],\n})\nexport class InputHintAndErrorComponent {\n faCheck = faCheck;\n faXmark = faXmark;\n\n control: UntypedFormControl = new UntypedFormControl('', [Validators.required, Validators.minLength(8)]);\n}\n","<daff-form-field>\n <daff-form-label>Password</daff-form-label>\n <input daff-input type=\"text\" name=\"password\" [formControl]=\"control\"/>\n <daff-hint [validated]=\"!(control.invalid) && control.dirty\">\n @if (!(control.invalid) && control.dirty) {\n <fa-icon [icon]=\"faCheck\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n } @else {\n <fa-icon [icon]=\"faXmark\" [fixedWidth]=\"true\" size=\"xs\"></fa-icon>\n }\n Minimum of 8 characters.\n </daff-hint>\n @if (control.errors?.required && control.touched) {\n <daff-error-message>Password is a required field.</daff-error-message>\n }\n</daff-form-field>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faUser,\n faCircleXmark,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_FORM_FIELD_COMPONENTS } from '@daffodil/design/form-field';\nimport { DaffInputComponent } from '@daffodil/design/input';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input-with-form-field',\n templateUrl: './input-with-form-field.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 DaffInputComponent,\n FaIconComponent,\n ],\n})\nexport class InputWithFormFieldComponent {\n faUser = faUser;\n faCircleXmark = faCircleXmark;\n}\n","<daff-form-field>\n <fa-icon [icon]=\"faUser\" daffPrefix></fa-icon>\n <daff-form-label>First Name</daff-form-label>\n <input daff-input type=\"text\" name=\"first-name\" />\n <fa-icon [icon]=\"faCircleXmark\" daffSuffix></fa-icon>\n</daff-form-field>\n","import { InputDisabledComponent } from './input-disabled/input-disabled.component';\nimport { InputErrorComponent } from './input-error/input-error.component';\nimport { InputHintComponent } from './input-hint/input-hint.component';\nimport { InputHintAndErrorComponent } from './input-hint-and-error/input-hint-and-error.component';\nimport { InputWithFormFieldComponent } from './input-with-form-field/input-with-form-field.component';\n\nexport const INPUT_EXAMPLES = [\n InputWithFormFieldComponent,\n InputDisabledComponent,\n InputErrorComponent,\n InputHintComponent,\n InputHintAndErrorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2"],"mappings":"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"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import * as i1 from '@daffodil/design/list';
|
|
4
|
-
import { DAFF_LIST_COMPONENTS, DAFF_NAV_LIST_COMPONENTS } from '@daffodil/design/list';
|
|
5
|
-
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
6
|
-
import { faChevronRight, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
|
|
7
|
-
import * as i2 from '@daffodil/design';
|
|
8
|
-
|
|
9
|
-
class BasicListComponent {
|
|
10
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicListComponent, isStandalone: true, selector: "basic-list", ngImport: i0, template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicListComponent, decorators: [{
|
|
14
|
-
type: Component,
|
|
15
|
-
args: [{ selector: 'basic-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
16
|
-
DAFF_LIST_COMPONENTS,
|
|
17
|
-
], template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>" }]
|
|
18
|
-
}] });
|
|
19
|
-
|
|
20
|
-
class NavListComponent {
|
|
21
|
-
constructor() {
|
|
22
|
-
this.faChevronRight = faChevronRight;
|
|
23
|
-
}
|
|
24
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: NavListComponent, isStandalone: true, selector: "nav-list", ngImport: i0, template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 1\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>", dependencies: [{ kind: "component", type: i1.DaffNavListComponent, selector: "daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: NavListComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{ selector: 'nav-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
30
|
-
DAFF_NAV_LIST_COMPONENTS,
|
|
31
|
-
FaIconComponent,
|
|
32
|
-
], template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 1\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>" }]
|
|
33
|
-
}] });
|
|
34
|
-
|
|
35
|
-
class IconListComponent {
|
|
36
|
-
constructor() {
|
|
37
|
-
this.faInfoCircle = faInfoCircle;
|
|
38
|
-
}
|
|
39
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IconListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: IconListComponent, isStandalone: true, selector: "icon-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<div daffPrefix>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\"></fa-icon>\n\t\t</div>\n\t\t<div daffListItemTitle>Title</div>\n\t\t<p>List item with icon</p>\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }, { kind: "directive", type: i1.DaffListItemTitleDirective, selector: "[daffListItemTitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
41
|
-
}
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IconListComponent, decorators: [{
|
|
43
|
-
type: Component,
|
|
44
|
-
args: [{ selector: 'icon-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
45
|
-
DAFF_LIST_COMPONENTS,
|
|
46
|
-
FaIconComponent,
|
|
47
|
-
], template: "<daff-list>\n\t<daff-list-item>\n\t\t<div daffPrefix>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\"></fa-icon>\n\t\t</div>\n\t\t<div daffListItemTitle>Title</div>\n\t\t<p>List item with icon</p>\n\t</daff-list-item>\n</daff-list>" }]
|
|
48
|
-
}] });
|
|
49
|
-
|
|
50
|
-
class MultilineListComponent {
|
|
51
|
-
constructor() {
|
|
52
|
-
this.faInfoCircle = faInfoCircle;
|
|
53
|
-
}
|
|
54
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MultilineListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MultilineListComponent, isStandalone: true, selector: "multiline-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<div daffListItemTitle>List item heading</div>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<div daffListItemTitle>List item heading</div>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }, { kind: "directive", type: i1.DaffListItemTitleDirective, selector: "[daffListItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
56
|
-
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MultilineListComponent, decorators: [{
|
|
58
|
-
type: Component,
|
|
59
|
-
args: [{ selector: 'multiline-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
60
|
-
DAFF_LIST_COMPONENTS,
|
|
61
|
-
FaIconComponent,
|
|
62
|
-
], template: "<daff-list>\n\t<daff-list-item>\n\t\t<div daffListItemTitle>List item heading</div>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<div daffListItemTitle>List item heading</div>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>" }]
|
|
63
|
-
}] });
|
|
64
|
-
|
|
65
|
-
const LIST_EXAMPLES = [
|
|
66
|
-
BasicListComponent,
|
|
67
|
-
NavListComponent,
|
|
68
|
-
IconListComponent,
|
|
69
|
-
MultilineListComponent,
|
|
70
|
-
];
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Generated bundle index. Do not edit.
|
|
74
|
-
*/
|
|
75
|
-
|
|
76
|
-
export { BasicListComponent, IconListComponent, LIST_EXAMPLES, MultilineListComponent, NavListComponent };
|
|
77
|
-
//# sourceMappingURL=daffodil-design-list-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-list-examples.mjs","sources":["../../../libs/design/list/examples/src/basic-list/basic-list.component.ts","../../../libs/design/list/examples/src/basic-list/basic-list.component.html","../../../libs/design/list/examples/src/nav-list/nav-list.component.ts","../../../libs/design/list/examples/src/nav-list/nav-list.component.html","../../../libs/design/list/examples/src/icon-list/icon-list.component.ts","../../../libs/design/list/examples/src/icon-list/icon-list.component.html","../../../libs/design/list/examples/src/multiline-list/multiline-list.component.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.component.html","../../../libs/design/list/examples/src/examples.ts","../../../libs/design/list/examples/src/daffodil-design-list-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_LIST_COMPONENTS } from '@daffodil/design/list';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-list',\n templateUrl: './basic-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_LIST_COMPONENTS,\n ],\n})\nexport class BasicListComponent {}\n","<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_NAV_LIST_COMPONENTS } from '@daffodil/design/list';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'nav-list',\n templateUrl: './nav-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_NAV_LIST_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class NavListComponent {\n faChevronRight = faChevronRight;\n}\n","<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 1\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_LIST_COMPONENTS } from '@daffodil/design/list';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'icon-list',\n templateUrl: './icon-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_LIST_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class IconListComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-list>\n\t<daff-list-item>\n\t\t<div daffPrefix>\n\t\t\t<fa-icon [icon]=\"faInfoCircle\"></fa-icon>\n\t\t</div>\n\t\t<div daffListItemTitle>Title</div>\n\t\t<p>List item with icon</p>\n\t</daff-list-item>\n</daff-list>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_LIST_COMPONENTS } from '@daffodil/design/list';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'multiline-list',\n templateUrl: './multiline-list.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_LIST_COMPONENTS,\n FaIconComponent,\n ],\n})\nexport class MultilineListComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-list>\n\t<daff-list-item>\n\t\t<div daffListItemTitle>List item heading</div>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<div daffListItemTitle>List item heading</div>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>","import { BasicListComponent } from './basic-list/basic-list.component';\nimport { IconListComponent } from './icon-list/icon-list.component';\nimport { MultilineListComponent } from './multiline-list/multiline-list.component';\nimport { NavListComponent } from './nav-list/nav-list.component';\n\nexport const LIST_EXAMPLES = [\n BasicListComponent,\n NavListComponent,\n IconListComponent,\n MultilineListComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { NgFor } from '@angular/common';
|
|
2
|
-
import * as i0 from '@angular/core';
|
|
3
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
-
import * as i2 from '@angular/forms';
|
|
5
|
-
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
|
6
|
-
import * as i1 from '@daffodil/design/loading-icon';
|
|
7
|
-
import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
|
|
8
|
-
|
|
9
|
-
class LoadingIconColorComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.colorControl = new UntypedFormControl('');
|
|
12
|
-
this.options = [
|
|
13
|
-
{ value: '', label: 'Default' },
|
|
14
|
-
{ value: 'primary', label: 'Primary' },
|
|
15
|
-
{ value: 'secondary', label: 'Secondary' },
|
|
16
|
-
{ value: 'tertiary', label: 'Tertiary' },
|
|
17
|
-
{ value: 'theme', label: 'Theme' },
|
|
18
|
-
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
|
19
|
-
{ value: 'black', label: 'Black' },
|
|
20
|
-
{ value: 'white', label: 'White' },
|
|
21
|
-
];
|
|
22
|
-
}
|
|
23
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: LoadingIconColorComponent, isStandalone: true, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }, { 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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
25
|
-
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
|
|
27
|
-
type: Component,
|
|
28
|
-
args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
29
|
-
DAFF_LOADING_ICON_COMPONENTS,
|
|
30
|
-
ReactiveFormsModule,
|
|
31
|
-
NgFor,
|
|
32
|
-
], template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"] }]
|
|
33
|
-
}] });
|
|
34
|
-
|
|
35
|
-
const LOADING_ICON_EXAMPLES = [
|
|
36
|
-
LoadingIconColorComponent,
|
|
37
|
-
];
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* Generated bundle index. Do not edit.
|
|
41
|
-
*/
|
|
42
|
-
|
|
43
|
-
export { LOADING_ICON_EXAMPLES, LoadingIconColorComponent };
|
|
44
|
-
//# sourceMappingURL=daffodil-design-loading-icon-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n styles: [`\n select {\n margin-top: 16px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_LOADING_ICON_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class LoadingIconColorComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MA4Ba,yBAAyB,CAAA;AAhBtC,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAA,CAAA,YAAY,GAAuB,IAAI,kBAAkB,CAAC,EAAE,CAAC;AAE7D,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACpD,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC;AACF,IAAA;iIAbY,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,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BtC,iOAKA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDmBI,mBAAmB,qtBACnB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGI,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAhBrC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,eAAA,EAOb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP,4BAA4B;wBAC5B,mBAAmB;wBACnB,KAAK;AACN,qBAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AExBI,MAAM,qBAAqB,GAAG;IACnC,yBAAyB;;;ACH3B;;AAEG;;;;"}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
-
import * as i2 from '@daffodil/design/image';
|
|
4
|
-
import { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';
|
|
5
|
-
import * as i1 from '@daffodil/design/media-gallery';
|
|
6
|
-
import { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';
|
|
7
|
-
import * as i3 from '@daffodil/design/youtube-player';
|
|
8
|
-
import { DAFF_YOUTUBE_PLAYER_COMPONENTS } from '@daffodil/design/youtube-player';
|
|
9
|
-
|
|
10
|
-
class BasicMediaGalleryComponent {
|
|
11
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: BasicMediaGalleryComponent, isStandalone: true, selector: "basic-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
|
-
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: BasicMediaGalleryComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'basic-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
17
|
-
DAFF_MEDIA_GALLERY_COMPONENTS,
|
|
18
|
-
DAFF_IMAGE_COMPONENTS,
|
|
19
|
-
], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>" }]
|
|
20
|
-
}] });
|
|
21
|
-
|
|
22
|
-
class IteratedMediaGalleryComponent {
|
|
23
|
-
constructor() {
|
|
24
|
-
this.elements = [
|
|
25
|
-
{
|
|
26
|
-
type: 'image',
|
|
27
|
-
src: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80',
|
|
28
|
-
thumbnail: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=80&q=80',
|
|
29
|
-
alt: 'Lemons',
|
|
30
|
-
width: 946,
|
|
31
|
-
height: 946,
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
type: 'image',
|
|
35
|
-
src: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=1600',
|
|
36
|
-
thumbnail: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80',
|
|
37
|
-
alt: 'Lemons',
|
|
38
|
-
width: 946,
|
|
39
|
-
height: 946,
|
|
40
|
-
},
|
|
41
|
-
];
|
|
42
|
-
}
|
|
43
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IteratedMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.1", type: IteratedMediaGalleryComponent, isStandalone: true, selector: "iterated-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
45
|
-
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: IteratedMediaGalleryComponent, decorators: [{
|
|
47
|
-
type: Component,
|
|
48
|
-
args: [{ selector: 'iterated-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
49
|
-
DAFF_MEDIA_GALLERY_COMPONENTS,
|
|
50
|
-
DAFF_IMAGE_COMPONENTS,
|
|
51
|
-
], template: "<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>" }]
|
|
52
|
-
}] });
|
|
53
|
-
|
|
54
|
-
class MediaGalleryWithVideoComponent {
|
|
55
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MediaGalleryWithVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MediaGalleryWithVideoComponent, isStandalone: true, selector: "media-gallery-with-video", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffYoutubePlayerComponent, selector: "daff-youtube-player", inputs: ["src", "title", "width", "height"] }, { kind: "pipe", type: i3.DaffYoutubeSafePipe, name: "daffYoutubeSafe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
57
|
-
}
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MediaGalleryWithVideoComponent, decorators: [{
|
|
59
|
-
type: Component,
|
|
60
|
-
args: [{ selector: 'media-gallery-with-video', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
61
|
-
DAFF_MEDIA_GALLERY_COMPONENTS,
|
|
62
|
-
DAFF_IMAGE_COMPONENTS,
|
|
63
|
-
DAFF_YOUTUBE_PLAYER_COMPONENTS,
|
|
64
|
-
], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>" }]
|
|
65
|
-
}] });
|
|
66
|
-
|
|
67
|
-
class MismatchedSizesMediaGalleryComponent {
|
|
68
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: MismatchedSizesMediaGalleryComponent, isStandalone: true, selector: "mismatched-sizes-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
70
|
-
}
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, decorators: [{
|
|
72
|
-
type: Component,
|
|
73
|
-
args: [{ selector: 'mismatched-sizes-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
74
|
-
DAFF_MEDIA_GALLERY_COMPONENTS,
|
|
75
|
-
DAFF_IMAGE_COMPONENTS,
|
|
76
|
-
], template: "<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>" }]
|
|
77
|
-
}] });
|
|
78
|
-
|
|
79
|
-
class SkeletonMediaGalleryComponent {
|
|
80
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.1", type: SkeletonMediaGalleryComponent, isStandalone: true, selector: "skeleton-media-gallery", ngImport: i0, template: "<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
82
|
-
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.1", ngImport: i0, type: SkeletonMediaGalleryComponent, decorators: [{
|
|
84
|
-
type: Component,
|
|
85
|
-
args: [{ selector: 'skeleton-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
86
|
-
DAFF_MEDIA_GALLERY_COMPONENTS,
|
|
87
|
-
DAFF_IMAGE_COMPONENTS,
|
|
88
|
-
], template: "<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>" }]
|
|
89
|
-
}] });
|
|
90
|
-
|
|
91
|
-
const MEDIA_GALLERY_EXAMPLES = [
|
|
92
|
-
BasicMediaGalleryComponent,
|
|
93
|
-
MismatchedSizesMediaGalleryComponent,
|
|
94
|
-
SkeletonMediaGalleryComponent,
|
|
95
|
-
IteratedMediaGalleryComponent,
|
|
96
|
-
MediaGalleryWithVideoComponent,
|
|
97
|
-
];
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* Generated bundle index. Do not edit.
|
|
101
|
-
*/
|
|
102
|
-
|
|
103
|
-
export { BasicMediaGalleryComponent, IteratedMediaGalleryComponent, MEDIA_GALLERY_EXAMPLES, MediaGalleryWithVideoComponent, MismatchedSizesMediaGalleryComponent, SkeletonMediaGalleryComponent };
|
|
104
|
-
//# sourceMappingURL=daffodil-design-media-gallery-examples.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-media-gallery-examples.mjs","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.ts","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.html","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-media-gallery',\n templateUrl: './basic-media-gallery.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_MEDIA_GALLERY_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ],\n})\nexport class BasicMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'iterated-media-gallery',\n templateUrl: './iterated-media-gallery.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_MEDIA_GALLERY_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ],\n})\nexport class IteratedMediaGalleryComponent {\n elements = [\n {\n type: 'image',\n src: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80',\n thumbnail: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=80&q=80',\n alt: 'Lemons',\n width: 946,\n height: 946,\n },\n {\n type: 'image',\n src: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=1600',\n thumbnail: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80',\n alt: 'Lemons',\n width: 946,\n height: 946,\n },\n ];\n}\n","<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\nimport { DAFF_YOUTUBE_PLAYER_COMPONENTS } from '@daffodil/design/youtube-player';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'media-gallery-with-video',\n templateUrl: './media-gallery-with-video.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_MEDIA_GALLERY_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n DAFF_YOUTUBE_PLAYER_COMPONENTS,\n ],\n})\nexport class MediaGalleryWithVideoComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'mismatched-sizes-media-gallery',\n templateUrl: './mismatched-sizes-media-gallery.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_MEDIA_GALLERY_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ],\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'skeleton-media-gallery',\n templateUrl: './skeleton-media-gallery.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n DAFF_MEDIA_GALLERY_COMPONENTS,\n DAFF_IMAGE_COMPONENTS,\n ],\n})\nexport class SkeletonMediaGalleryComponent {\n\n\n}\n","<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { IteratedMediaGalleryComponent } from './iterated-media-gallery/iterated-media-gallery.component';\nimport { MediaGalleryWithVideoComponent } from './media-gallery-with-video/media-gallery-with-video.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\nimport { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n BasicMediaGalleryComponent,\n MismatchedSizesMediaGalleryComponent,\n SkeletonMediaGalleryComponent,\n IteratedMediaGalleryComponent,\n MediaGalleryWithVideoComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|