@daffodil/design 0.39.5 → 0.39.9
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 +62 -34
- package/accordion/examples/daffodil-design-accordion-examples.metadata.json +1 -1
- package/article/examples/daffodil-design-article-examples.metadata.json +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.js +4 -2
- package/bundles/daffodil-design-accordion-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.js +22 -11
- package/bundles/daffodil-design-article-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.js +7 -0
- package/bundles/daffodil-design-button-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-button-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.js +60 -9
- package/bundles/daffodil-design-callout-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-callout-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.js +156 -14
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.js +4 -2
- package/bundles/daffodil-design-checkbox-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-container-examples.umd.js +65 -0
- package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design-hero-examples.umd.js +63 -8
- package/bundles/daffodil-design-hero-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-hero-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-hero-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.js +8 -4
- package/bundles/daffodil-design-list-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.js +4 -2
- package/bundles/daffodil-design-loading-icon-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.js +4 -2
- package/bundles/daffodil-design-media-gallery-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.js +4 -2
- package/bundles/daffodil-design-modal-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-modal-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.js +4 -0
- package/bundles/daffodil-design-quantity-field-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.js +2 -1
- package/bundles/daffodil-design-radio-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-radio-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design.umd.js +397 -98
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +2 -2
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/button/examples/daffodil-design-button-examples.metadata.json +1 -1
- package/callout/examples/callout-text-alignment/callout-text-alignment.component.d.ts +1 -0
- package/callout/examples/callout-theming/callout-theming.component.d.ts +1 -0
- package/callout/examples/callout-with-grid/callout-with-grid.component.d.ts +1 -0
- package/callout/examples/compact-callout/compact-callout.component.d.ts +3 -0
- package/callout/examples/compact-callout/compact-callout.module.d.ts +2 -0
- package/callout/examples/daffodil-design-callout-examples.metadata.json +1 -1
- package/callout/examples/public_api.d.ts +2 -0
- package/card/examples/basic-card/basic-card.component.d.ts +1 -0
- package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
- package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
- package/card/examples/card-theming/card-theming.component.d.ts +4 -2
- package/card/examples/daffodil-design-card-examples.d.ts +2 -0
- package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
- package/card/examples/public_api.d.ts +5 -1
- package/card/examples/raised-card/raised-card.component.d.ts +6 -0
- package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
- package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
- package/checkbox/examples/daffodil-design-checkbox-examples.metadata.json +1 -1
- package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
- package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
- package/container/examples/daffodil-design-container-examples.d.ts +4 -0
- package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
- package/container/examples/examples.d.ts +2 -0
- package/container/examples/index.d.ts +1 -0
- package/container/examples/package.json +11 -0
- package/container/examples/public_api.d.ts +3 -0
- package/core/compactable/compactable-mixin.d.ts +14 -0
- package/core/compactable/compactable.d.ts +7 -0
- package/core/compactable/public_api.d.ts +2 -0
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
- package/core/manage-container-layout/public_api.d.ts +1 -0
- package/core/public_api.d.ts +2 -0
- package/daff-theme.scss +190 -27
- package/daff-typography.scss +5 -4
- package/daff-util.scss +5 -4
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/accordion/examples/basic-accordion/basic-accordion.component.js +4 -3
- package/esm2015/accordion/examples/nav-accordion/nav-accordion.component.js +4 -3
- package/esm2015/article/examples/article-blockquote/article-blockquote.component.js +4 -3
- package/esm2015/article/examples/article-code-block/article-code-block.component.js +4 -3
- package/esm2015/article/examples/article-code-inline/article-code-inline.component.js +4 -3
- package/esm2015/article/examples/article-headings/article-headings.component.js +4 -3
- package/esm2015/article/examples/article-hr/article-hr.component.js +4 -3
- package/esm2015/article/examples/article-lead/article-lead.component.js +4 -3
- package/esm2015/article/examples/article-link/article-link.component.js +4 -3
- package/esm2015/article/examples/article-meta/article-meta.component.js +4 -3
- package/esm2015/article/examples/article-ol/article-ol.component.js +4 -3
- package/esm2015/article/examples/article-table/article-table.component.js +4 -3
- package/esm2015/article/examples/article-ul/article-ul.component.js +4 -3
- package/esm2015/atoms/container/container.component.js +1 -1
- package/esm2015/atoms/form/form-field/form-field/form-field.component.js +3 -1
- package/esm2015/atoms/form/input/input.component.js +3 -2
- package/esm2015/atoms/form/select/select/select.component.js +3 -2
- package/esm2015/atoms/image/image.component.js +2 -2
- package/esm2015/button/examples/basic-button/basic-button.component.js +3 -2
- package/esm2015/button/examples/icon-button/icon-button.component.js +3 -2
- package/esm2015/button/examples/raised-button/raised-button.component.js +3 -2
- package/esm2015/button/examples/sizeable-button/sizeable-button.component.js +3 -2
- package/esm2015/button/examples/statusable-button/statusable-button.component.js +3 -2
- package/esm2015/button/examples/stroked-button/stroked-button.component.js +3 -2
- package/esm2015/button/examples/underline-button/underline-button.component.js +3 -2
- package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.component.js +7 -3
- package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.module.js +5 -3
- package/esm2015/callout/examples/callout-theming/callout-theming.component.js +7 -3
- package/esm2015/callout/examples/callout-theming/callout-theming.module.js +5 -2
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +9 -4
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.module.js +3 -1
- package/esm2015/callout/examples/compact-callout/compact-callout.component.js +17 -0
- package/esm2015/callout/examples/compact-callout/compact-callout.module.js +22 -0
- package/esm2015/callout/examples/examples.js +3 -1
- package/esm2015/callout/examples/public_api.js +3 -1
- package/esm2015/card/examples/basic-card/basic-card.component.js +9 -4
- package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
- package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
- package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
- package/esm2015/card/examples/card-theming/card-theming.component.js +15 -5
- package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +21 -4
- package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
- package/esm2015/card/examples/public_api.js +7 -1
- package/esm2015/card/examples/raised-card/raised-card.component.js +19 -4
- package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
- package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
- package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
- package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.component.js +4 -3
- package/esm2015/checkbox/examples/checkbox-set/checkbox-set.component.js +4 -3
- package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
- package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
- package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
- package/esm2015/container/examples/examples.js +5 -0
- package/esm2015/container/examples/index.js +2 -0
- package/esm2015/container/examples/public_api.js +4 -0
- package/esm2015/core/compactable/compactable-mixin.js +26 -0
- package/esm2015/core/compactable/compactable.js +2 -0
- package/esm2015/core/compactable/public_api.js +2 -0
- package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
- package/esm2015/core/manage-container-layout/public_api.js +2 -0
- package/esm2015/core/public_api.js +3 -1
- package/esm2015/hero/examples/compact-hero/compact-hero.component.js +17 -0
- package/esm2015/hero/examples/compact-hero/compact-hero.module.js +26 -0
- package/esm2015/hero/examples/examples.js +3 -1
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +7 -3
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.module.js +5 -2
- package/esm2015/hero/examples/hero-theming/hero-theming.component.js +7 -3
- package/esm2015/hero/examples/hero-theming/hero-theming.module.js +5 -2
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +9 -4
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.module.js +3 -1
- package/esm2015/hero/examples/public_api.js +3 -1
- package/esm2015/list/examples/basic-list/basic-list.component.js +4 -3
- package/esm2015/list/examples/icon-list/icon-list.component.js +4 -3
- package/esm2015/list/examples/multiline-list/multiline-list.component.js +4 -3
- package/esm2015/list/examples/nav-list/nav-list.component.js +4 -3
- package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.component.js +4 -3
- package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.js +4 -3
- package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.js +4 -3
- package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.js +4 -3
- package/esm2015/modal/examples/basic-modal/basic-modal.component.js +4 -3
- package/esm2015/modal/examples/basic-modal/modal-content.component.js +4 -3
- package/esm2015/molecules/accordion/accordion/accordion.component.js +3 -2
- package/esm2015/molecules/accordion/accordion-item/accordion-item.component.js +3 -2
- package/esm2015/molecules/accordion/nav-accordion-item/nav-accordion-item.component.js +3 -2
- package/esm2015/molecules/article/article/article.component.js +4 -3
- package/esm2015/molecules/button-set/button-set.component.js +3 -2
- package/esm2015/molecules/callout/callout/callout.component.js +10 -12
- package/esm2015/molecules/callout/callout-body/callout-body.directive.js +18 -0
- package/esm2015/molecules/callout/callout-icon/callout-icon.directive.js +18 -0
- package/esm2015/molecules/callout/callout.module.js +7 -1
- package/esm2015/molecules/callout/public_api.js +4 -2
- package/esm2015/molecules/card/card/card.component.js +76 -14
- package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
- package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
- package/esm2015/molecules/card/card.module.js +9 -3
- package/esm2015/molecules/card/public_api.js +4 -2
- package/esm2015/molecules/hero/hero/hero.component.js +12 -23
- package/esm2015/molecules/hero/hero-body/hero-body.directive.js +18 -0
- package/esm2015/molecules/hero/hero-icon/hero-icon.directive.js +18 -0
- package/esm2015/molecules/hero/hero.module.js +7 -1
- package/esm2015/molecules/hero/public_api.js +3 -1
- package/esm2015/molecules/image-gallery/gallery-image/gallery-image.component.js +7 -3
- package/esm2015/molecules/image-gallery/image-gallery/image-gallery.component.js +6 -2
- package/esm2015/molecules/image-list/image-list.component.js +3 -2
- package/esm2015/molecules/media-gallery/media-gallery.component.js +13 -3
- package/esm2015/molecules/media-gallery/registry/media-gallery.registry.js +22 -8
- package/esm2015/molecules/media-gallery/thumbnail/thumbnail.directive.js +2 -2
- package/esm2015/molecules/modal/modal-actions/modal-actions.component.js +3 -2
- package/esm2015/molecules/navbar/navbar.component.js +3 -2
- package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +6 -1
- package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +3 -2
- package/esm2015/quantity-field/examples/basic/basic-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.component.js +3 -2
- package/esm2015/radio/examples/basic-radio/basic-radio.component.js +4 -3
- package/fesm2015/daffodil-design-accordion-examples.js +5 -3
- package/fesm2015/daffodil-design-accordion-examples.js.map +1 -1
- package/fesm2015/daffodil-design-article-examples.js +23 -12
- package/fesm2015/daffodil-design-article-examples.js.map +1 -1
- package/fesm2015/daffodil-design-button-examples.js +8 -1
- package/fesm2015/daffodil-design-button-examples.js.map +1 -1
- package/fesm2015/daffodil-design-callout-examples.js +57 -8
- package/fesm2015/daffodil-design-callout-examples.js.map +1 -1
- package/fesm2015/daffodil-design-card-examples.js +150 -12
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-checkbox-examples.js +5 -3
- package/fesm2015/daffodil-design-checkbox-examples.js.map +1 -1
- package/fesm2015/daffodil-design-container-examples.js +54 -0
- package/fesm2015/daffodil-design-container-examples.js.map +1 -0
- package/fesm2015/daffodil-design-hero-examples.js +60 -7
- package/fesm2015/daffodil-design-hero-examples.js.map +1 -1
- package/fesm2015/daffodil-design-list-examples.js +9 -5
- package/fesm2015/daffodil-design-list-examples.js.map +1 -1
- package/fesm2015/daffodil-design-loading-icon-examples.js +5 -3
- package/fesm2015/daffodil-design-loading-icon-examples.js.map +1 -1
- package/fesm2015/daffodil-design-media-gallery-examples.js +5 -3
- package/fesm2015/daffodil-design-media-gallery-examples.js.map +1 -1
- package/fesm2015/daffodil-design-modal-examples.js +5 -3
- package/fesm2015/daffodil-design-modal-examples.js.map +1 -1
- package/fesm2015/daffodil-design-quantity-field-examples.js +5 -1
- package/fesm2015/daffodil-design-quantity-field-examples.js.map +1 -1
- package/fesm2015/daffodil-design-radio-examples.js +3 -2
- package/fesm2015/daffodil-design-radio-examples.js.map +1 -1
- package/fesm2015/daffodil-design.js +342 -95
- package/fesm2015/daffodil-design.js.map +1 -1
- package/hero/examples/compact-hero/compact-hero.component.d.ts +3 -0
- package/hero/examples/compact-hero/compact-hero.module.d.ts +2 -0
- package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
- package/hero/examples/hero-text-alignment/hero-text-alignment.component.d.ts +1 -0
- package/hero/examples/hero-theming/hero-theming.component.d.ts +1 -0
- package/hero/examples/hero-with-grid/hero-with-grid.component.d.ts +1 -0
- package/hero/examples/public_api.d.ts +2 -0
- package/list/examples/daffodil-design-list-examples.metadata.json +1 -1
- package/loading-icon/examples/daffodil-design-loading-icon-examples.metadata.json +1 -1
- package/media-gallery/examples/daffodil-design-media-gallery-examples.metadata.json +1 -1
- package/modal/examples/daffodil-design-modal-examples.metadata.json +1 -1
- package/molecules/callout/callout/callout.component.d.ts +32 -11
- package/molecules/callout/callout-body/callout-body.directive.d.ts +6 -0
- package/molecules/callout/callout-icon/callout-icon.directive.d.ts +6 -0
- package/molecules/callout/public_api.d.ts +3 -1
- package/molecules/card/card/card.component.d.ts +37 -11
- package/molecules/card/card-content/card-content.directive.d.ts +6 -0
- package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
- package/molecules/card/public_api.d.ts +3 -1
- package/molecules/hero/hero/hero.component.d.ts +35 -20
- package/molecules/hero/hero-body/hero-body.directive.d.ts +6 -0
- package/molecules/hero/hero-icon/hero-icon.directive.d.ts +6 -0
- package/molecules/hero/public_api.d.ts +2 -0
- package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +3 -0
- package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +3 -0
- package/molecules/media-gallery/media-gallery.component.d.ts +7 -2
- package/molecules/media-gallery/registry/media-gallery.registry.d.ts +6 -3
- package/molecules/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
- package/molecules/navbar/navbar.component.d.ts +5 -0
- package/molecules/qty-dropdown/qty-dropdown.component.d.ts +3 -0
- package/package.json +1 -1
- package/quantity-field/examples/daffodil-design-quantity-field-examples.metadata.json +1 -1
- package/radio/examples/daffodil-design-radio-examples.metadata.json +1 -1
@@ -1,12 +1,29 @@
|
|
1
|
-
import { Component } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
2
3
|
export class LinkableCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.basicColorControl = new FormControl('');
|
6
|
+
this.raisedColorControl = new FormControl('');
|
7
|
+
this.strokedColorControl = new FormControl('');
|
8
|
+
this.options = [
|
9
|
+
{ value: '', label: 'Default' },
|
10
|
+
{ value: 'primary', label: 'Primary' },
|
11
|
+
{ value: 'secondary', label: 'Secondary' },
|
12
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
13
|
+
{ value: 'theme', label: 'Theme' },
|
14
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
15
|
+
{ value: 'black', label: 'Black' },
|
16
|
+
{ value: 'white', label: 'White' },
|
17
|
+
];
|
18
|
+
}
|
3
19
|
}
|
4
20
|
LinkableCardComponent.decorators = [
|
5
21
|
{ type: Component, args: [{
|
6
22
|
// eslint-disable-next-line @angular-eslint/component-selector
|
7
23
|
selector: 'linkable-card',
|
8
|
-
template: "<a
|
9
|
-
|
24
|
+
template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
25
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
26
|
+
styles: ["a daff-card,a daff-raised-card,a daff-stroked-card{max-width:480px}"]
|
10
27
|
},] }
|
11
28
|
];
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8scUJBQXFCO0lBUGxDO1FBUUUsc0JBQWlCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JELHVCQUFrQixHQUFnQixJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN0RCx3QkFBbUIsR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFdkQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUF0QkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGVBQWU7Z0JBQ3pCLDRnR0FBNkM7Z0JBRTdDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xpbmthYmxlLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlua2FibGUtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xpbmthYmxlLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExpbmthYmxlQ2FyZENvbXBvbmVudCB7XG4gIGJhc2ljQ29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG4gIHJhaXNlZENvbG9yQ29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICBzdHJva2VkQ29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
3
4
|
import { RouterModule } from '@angular/router';
|
4
5
|
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
5
6
|
import { LinkableCardComponent } from './linkable-card.component';
|
@@ -13,6 +14,7 @@ LinkableCardModule.decorators = [
|
|
13
14
|
imports: [
|
14
15
|
CommonModule,
|
15
16
|
RouterModule,
|
17
|
+
ReactiveFormsModule,
|
16
18
|
DaffCardModule,
|
17
19
|
DaffImageModule,
|
18
20
|
DaffButtonModule,
|
@@ -22,4 +24,4 @@ LinkableCardModule.decorators = [
|
|
22
24
|
],
|
23
25
|
},] }
|
24
26
|
];
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlua2FibGUtY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYXJkL2V4YW1wbGVzL3NyYy9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQWtCbEUsTUFBTSxPQUFPLGtCQUFrQjs7O1lBaEI5QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHFCQUFxQjtpQkFDdEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osWUFBWTtvQkFDWixtQkFBbUI7b0JBQ25CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxxQkFBcUI7aUJBQ3RCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQge1xuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIExpbmthYmxlQ2FyZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTGlua2FibGVDYXJkTW9kdWxlIHsgfVxuIl19
|
@@ -1,15 +1,21 @@
|
|
1
1
|
import { BasicCardComponent } from './basic-card/basic-card.component';
|
2
2
|
export { BasicCardModule } from './basic-card/basic-card.module';
|
3
|
+
import { CardOrientationComponent } from './card-orientation/card-orientation.component';
|
4
|
+
export { CardOrientationModule } from './card-orientation/card-orientation.module';
|
3
5
|
import { CardThemingComponent } from './card-theming/card-theming.component';
|
4
6
|
export { CardThemingModule } from './card-theming/card-theming.module';
|
5
7
|
import { LinkableCardComponent } from './linkable-card/linkable-card.component';
|
6
8
|
export { LinkableCardModule } from './linkable-card/linkable-card.module';
|
7
9
|
import { RaisedCardComponent } from './raised-card/raised-card.component';
|
8
10
|
export { RaisedCardModule } from './raised-card/raised-card.module';
|
11
|
+
import { StrokedCardComponent } from './stroked-card/stroked-card.component';
|
12
|
+
export { StrokedCardModule } from './stroked-card/stroked-card.module';
|
9
13
|
export const CARD_EXAMPLES = [
|
10
14
|
BasicCardComponent,
|
11
15
|
CardThemingComponent,
|
12
16
|
LinkableCardComponent,
|
13
17
|
RaisedCardComponent,
|
18
|
+
StrokedCardComponent,
|
19
|
+
CardOrientationComponent,
|
14
20
|
];
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRXZFLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRztJQUMzQixrQkFBa0I7SUFDbEIsb0JBQW9CO0lBQ3BCLHFCQUFxQjtJQUNyQixtQkFBbUI7SUFDbkIsb0JBQW9CO0lBQ3BCLHdCQUF3QjtDQUN6QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1jYXJkL2Jhc2ljLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IEJhc2ljQ2FyZE1vZHVsZSB9IGZyb20gJy4vYmFzaWMtY2FyZC9iYXNpYy1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBDYXJkT3JpZW50YXRpb25Db21wb25lbnQgfSBmcm9tICcuL2NhcmQtb3JpZW50YXRpb24vY2FyZC1vcmllbnRhdGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ2FyZE9yaWVudGF0aW9uTW9kdWxlIH0gZnJvbSAnLi9jYXJkLW9yaWVudGF0aW9uL2NhcmQtb3JpZW50YXRpb24ubW9kdWxlJztcbmltcG9ydCB7IENhcmRUaGVtaW5nQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLXRoZW1pbmcvY2FyZC10aGVtaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDYXJkVGhlbWluZ01vZHVsZSB9IGZyb20gJy4vY2FyZC10aGVtaW5nL2NhcmQtdGhlbWluZy5tb2R1bGUnO1xuaW1wb3J0IHsgTGlua2FibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9saW5rYWJsZS1jYXJkL2xpbmthYmxlLWNhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7IExpbmthYmxlQ2FyZE1vZHVsZSB9IGZyb20gJy4vbGlua2FibGUtY2FyZC9saW5rYWJsZS1jYXJkLm1vZHVsZSc7XG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgUmFpc2VkQ2FyZE1vZHVsZSB9IGZyb20gJy4vcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlJztcbmltcG9ydCB7IFN0cm9rZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9zdHJva2VkLWNhcmQvc3Ryb2tlZC1jYXJkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTdHJva2VkQ2FyZE1vZHVsZSB9IGZyb20gJy4vc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5tb2R1bGUnO1xuXG5leHBvcnQgY29uc3QgQ0FSRF9FWEFNUExFUyA9IFtcbiAgQmFzaWNDYXJkQ29tcG9uZW50LFxuICBDYXJkVGhlbWluZ0NvbXBvbmVudCxcbiAgTGlua2FibGVDYXJkQ29tcG9uZW50LFxuICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgQ2FyZE9yaWVudGF0aW9uQ29tcG9uZW50LFxuXTtcbiJdfQ==
|
@@ -1,12 +1,27 @@
|
|
1
|
-
import { Component } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
2
3
|
export class RaisedCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.colorControl = new FormControl('');
|
6
|
+
this.options = [
|
7
|
+
{ value: '', label: 'Default' },
|
8
|
+
{ value: 'primary', label: 'Primary' },
|
9
|
+
{ value: 'secondary', label: 'Secondary' },
|
10
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
11
|
+
{ value: 'theme', label: 'Theme' },
|
12
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
13
|
+
{ value: 'black', label: 'Black' },
|
14
|
+
{ value: 'white', label: 'White' },
|
15
|
+
];
|
16
|
+
}
|
3
17
|
}
|
4
18
|
RaisedCardComponent.decorators = [
|
5
19
|
{ type: Component, args: [{
|
6
20
|
// eslint-disable-next-line @angular-eslint/component-selector
|
7
21
|
selector: 'raised-card',
|
8
|
-
template: "<daff-card [
|
9
|
-
|
22
|
+
template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
23
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
24
|
+
styles: ["daff-raised-card{max-width:480px}"]
|
10
25
|
},] }
|
11
26
|
];
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGFBQWE7Z0JBQ3ZCLHk2QkFBMkM7Z0JBRTNDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhaXNlZC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmFpc2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IEZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiJdfQ==
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import { NgModule } from '@angular/core';
|
3
|
-
import {
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
4
|
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
5
5
|
import { RaisedCardComponent } from './raised-card.component';
|
6
6
|
export class RaisedCardModule {
|
@@ -12,7 +12,7 @@ RaisedCardModule.decorators = [
|
|
12
12
|
],
|
13
13
|
imports: [
|
14
14
|
CommonModule,
|
15
|
-
|
15
|
+
ReactiveFormsModule,
|
16
16
|
DaffCardModule,
|
17
17
|
DaffImageModule,
|
18
18
|
DaffButtonModule,
|
@@ -22,4 +22,4 @@ RaisedCardModule.decorators = [
|
|
22
22
|
],
|
23
23
|
},] }
|
24
24
|
];
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFDTCxjQUFjLEVBQ2QsZUFBZSxFQUNmLGdCQUFnQixHQUNqQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBa0I5RCxNQUFNLE9BQU8sZ0JBQWdCOzs7WUFoQjVCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osbUJBQW1CO2lCQUNwQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixtQkFBbUI7b0JBRW5CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZDYXJkTW9kdWxlLFxuICBEYWZmSW1hZ2VNb2R1bGUsXG4gIERhZmZCdXR0b25Nb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBSYWlzZWRDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBSYWlzZWRDYXJkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG5cbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFJhaXNlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRNb2R1bGUgeyB9XG4iXX0=
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
3
|
+
export class StrokedCardComponent {
|
4
|
+
constructor() {
|
5
|
+
this.colorControl = new FormControl('');
|
6
|
+
this.options = [
|
7
|
+
{ value: '', label: 'Default' },
|
8
|
+
{ value: 'primary', label: 'Primary' },
|
9
|
+
{ value: 'secondary', label: 'Secondary' },
|
10
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
11
|
+
{ value: 'theme', label: 'Theme' },
|
12
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
13
|
+
{ value: 'black', label: 'Black' },
|
14
|
+
{ value: 'white', label: 'White' },
|
15
|
+
];
|
16
|
+
}
|
17
|
+
}
|
18
|
+
StrokedCardComponent.decorators = [
|
19
|
+
{ type: Component, args: [{
|
20
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
21
|
+
selector: 'stroked-card',
|
22
|
+
template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
23
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
24
|
+
styles: [":host{display:block;max-width:340px}"]
|
25
|
+
},] }
|
26
|
+
];
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVM3QyxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUUUsaUJBQVksR0FBZ0IsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFaEQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFwQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGNBQWM7Z0JBQ3hCLDI2QkFBNEM7Z0JBRTVDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0cm9rZWQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRDYXJkQ29tcG9uZW50IHtcbiAgY29sb3JDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdwcmltYXJ5JywgbGFiZWw6ICdQcmltYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICdzZWNvbmRhcnknLCBsYWJlbDogJ1NlY29uZGFyeScgfSxcbiAgICB7IHZhbHVlOiAndGVydGlhcnknLCBsYWJlbDogJ1RlcnRpYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZScsIGxhYmVsOiAnVGhlbWUnIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lLWNvbnRyYXN0JywgbGFiZWw6ICdUaGVtZSBDb250cmFzdCcgfSxcbiAgICB7IHZhbHVlOiAnYmxhY2snLCBsYWJlbDogJ0JsYWNrJyB9LFxuICAgIHsgdmFsdWU6ICd3aGl0ZScsIGxhYmVsOiAnV2hpdGUnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import { RouterModule } from '@angular/router';
|
5
|
+
import { DaffCardModule, DaffImageModule, DaffButtonModule, } from '@daffodil/design';
|
6
|
+
import { StrokedCardComponent } from './stroked-card.component';
|
7
|
+
export class StrokedCardModule {
|
8
|
+
}
|
9
|
+
StrokedCardModule.decorators = [
|
10
|
+
{ type: NgModule, args: [{
|
11
|
+
declarations: [
|
12
|
+
StrokedCardComponent,
|
13
|
+
],
|
14
|
+
imports: [
|
15
|
+
CommonModule,
|
16
|
+
RouterModule,
|
17
|
+
ReactiveFormsModule,
|
18
|
+
DaffCardModule,
|
19
|
+
DaffImageModule,
|
20
|
+
DaffButtonModule,
|
21
|
+
],
|
22
|
+
exports: [
|
23
|
+
StrokedCardComponent,
|
24
|
+
],
|
25
|
+
},] }
|
26
|
+
];
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGVBQWUsRUFDZixnQkFBZ0IsR0FDakIsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQW1CaEUsTUFBTSxPQUFPLGlCQUFpQjs7O1lBakI3QixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLG9CQUFvQjtpQkFDckI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osWUFBWTtvQkFDWixtQkFBbUI7b0JBRW5CLGNBQWM7b0JBQ2QsZUFBZTtvQkFDZixnQkFBZ0I7aUJBQ2pCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxvQkFBb0I7aUJBQ3JCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5pbXBvcnQge1xuICBEYWZmQ2FyZE1vZHVsZSxcbiAgRGFmZkltYWdlTW9kdWxlLFxuICBEYWZmQnV0dG9uTW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgU3Ryb2tlZENhcmRDb21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtY2FyZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTdHJva2VkQ2FyZENvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSb3V0ZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcblxuICAgIERhZmZDYXJkTW9kdWxlLFxuICAgIERhZmZJbWFnZU1vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU3Ryb2tlZENhcmRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRDYXJkTW9kdWxlIHsgfVxuIl19
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FormControl } from '@angular/forms';
|
3
3
|
export class BasicCheckboxComponent {
|
4
4
|
constructor() {
|
@@ -18,7 +18,8 @@ BasicCheckboxComponent.decorators = [
|
|
18
18
|
{ type: Component, args: [{
|
19
19
|
// eslint-disable-next-line @angular-eslint/component-selector
|
20
20
|
selector: 'basic-checkbox',
|
21
|
-
template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>"
|
21
|
+
template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>",
|
22
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
22
23
|
},] }
|
23
24
|
];
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2hlY2tib3gvZXhhbXBsZXMvc3JjL2Jhc2ljLWNoZWNrYm94L2Jhc2ljLWNoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFRN0MsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQU9JLG9CQUFlLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztJQVd4QyxDQUFDO0lBVEcsUUFBUTtRQUNOLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFDRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUNELE9BQU87UUFDTCxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDOzs7WUFqQkosU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsK1NBQThDO2dCQUM5QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgY2hlY2tib3hFeGFtcGxlID0gbmV3IEZvcm1Db250cm9sKCk7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hFeGFtcGxlLnNldFZhbHVlKHRydWUpO1xuICAgIH1cbiAgICBzZXRGYWxzZSgpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hFeGFtcGxlLnNldFZhbHVlKGZhbHNlKTtcbiAgICB9XG4gICAgc2V0VHJ1ZSgpIHtcbiAgICAgIHRoaXMuY2hlY2tib3hFeGFtcGxlLnNldFZhbHVlKHRydWUpO1xuICAgIH1cbn1cbiJdfQ==
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, ViewChild, } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, ViewChild, } from '@angular/core';
|
2
2
|
import { FormArray, FormControl, } from '@angular/forms';
|
3
3
|
import { DaffCheckboxSetComponent } from '@daffodil/design';
|
4
4
|
export class CheckboxSetComponent {
|
@@ -17,10 +17,11 @@ CheckboxSetComponent.decorators = [
|
|
17
17
|
{ type: Component, args: [{
|
18
18
|
// eslint-disable-next-line @angular-eslint/component-selector
|
19
19
|
selector: 'checkbox-set',
|
20
|
-
template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>"
|
20
|
+
template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>",
|
21
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
21
22
|
},] }
|
22
23
|
];
|
23
24
|
CheckboxSetComponent.propDecorators = {
|
24
25
|
checkboxSet: [{ type: ViewChild, args: [DaffCheckboxSetComponent,] }]
|
25
26
|
};
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEdBQ1osTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQVE1RCxNQUFNLE9BQU8sb0JBQW9CO0lBTmpDO1FBVUksa0JBQWEsR0FBRyxJQUFJLFNBQVMsQ0FBQyxDQUFDLElBQUksV0FBVyxFQUFFLEVBQUUsSUFBSSxXQUFXLEVBQUUsRUFBRSxJQUFJLFdBQVcsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN6RixtQkFBYyxHQUFHLEVBQUUsQ0FBQztJQVF4QixDQUFDO0lBTkcsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3JELENBQUM7OztZQWxCSixTQUFTLFNBQUM7Z0JBQ1QsOERBQThEO2dCQUM5RCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsd2tCQUE0QztnQkFDNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07YUFDaEQ7OzswQkFHSSxTQUFTLFNBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgRm9ybUFycmF5LFxuICBGb3JtQ29udHJvbCxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBEYWZmQ2hlY2tib3hTZXRDb21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2hlY2tib3gtc2V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LXNldC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveFNldENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgICBAVmlld0NoaWxkKERhZmZDaGVja2JveFNldENvbXBvbmVudClcbiAgICBwcml2YXRlIGNoZWNrYm94U2V0OiBEYWZmQ2hlY2tib3hTZXRDb21wb25lbnQ7XG4gICAgY2hlY2tib3hBcnJheSA9IG5ldyBGb3JtQXJyYXkoW25ldyBGb3JtQ29udHJvbCgpLCBuZXcgRm9ybUNvbnRyb2woKSwgbmV3IEZvcm1Db250cm9sKCldKTtcbiAgICBzZWxlY3RlZFZhbHVlcyA9IFtdO1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICB0aGlzLmNoZWNrYm94QXJyYXkuc2V0VmFsdWUoW2ZhbHNlLCBmYWxzZSwgZmFsc2VdKTtcbiAgICB9XG4gICAgZGlzcGxheUxpc3QoKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkVmFsdWVzID0gdGhpcy5jaGVja2JveFNldC5nZXRWYWx1ZXMoKTtcbiAgICB9XG59XG4iXX0=
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FormControl } from '@angular/forms';
|
3
|
+
export class ContainerSizesComponent {
|
4
|
+
constructor() {
|
5
|
+
this.sizeControl = new FormControl('xs');
|
6
|
+
this.options = [
|
7
|
+
{ value: 'xs', label: 'Extra Small' },
|
8
|
+
{ value: 'sm', label: 'Small' },
|
9
|
+
{ value: 'md', label: 'Medium' },
|
10
|
+
{ value: 'lg', label: 'Large' },
|
11
|
+
{ value: 'xl', label: 'Extra Large' },
|
12
|
+
];
|
13
|
+
}
|
14
|
+
}
|
15
|
+
ContainerSizesComponent.decorators = [
|
16
|
+
{ type: Component, args: [{
|
17
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
18
|
+
selector: 'container-sizes',
|
19
|
+
template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
20
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
21
|
+
},] }
|
22
|
+
];
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBUTdDLE1BQU0sT0FBTyx1QkFBdUI7SUFOcEM7UUFPRSxnQkFBVyxHQUFnQixJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqRCxZQUFPLEdBQUc7WUFDUixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtZQUNyQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRTtZQUNoQyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUMvQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtTQUN0QyxDQUFDO0lBQ0osQ0FBQzs7O1lBaEJBLFNBQVMsU0FBQztnQkFDVCw4REFBOEQ7Z0JBQzlELFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLG13Q0FBK0M7Z0JBQy9DLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2FBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29udGFpbmVyLXNpemVzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBDb250YWluZXJTaXplc0NvbXBvbmVudCB7XG4gIHNpemVDb250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgneHMnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICd4cycsIGxhYmVsOiAnRXh0cmEgU21hbGwnIH0sXG4gICAgeyB2YWx1ZTogJ3NtJywgbGFiZWw6ICdTbWFsbCcgfSxcbiAgICB7IHZhbHVlOiAnbWQnLCBsYWJlbDogJ01lZGl1bScgfSxcbiAgICB7IHZhbHVlOiAnbGcnLCBsYWJlbDogJ0xhcmdlJyB9LFxuICAgIHsgdmFsdWU6ICd4bCcsIGxhYmVsOiAnRXh0cmEgTGFyZ2UnIH0sXG4gIF07XG59XG4iXX0=
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import { DaffContainerModule } from '@daffodil/design';
|
5
|
+
import { ContainerSizesComponent } from './container-sizes.component';
|
6
|
+
export class ContainerSizesModule {
|
7
|
+
}
|
8
|
+
ContainerSizesModule.decorators = [
|
9
|
+
{ type: NgModule, args: [{
|
10
|
+
declarations: [
|
11
|
+
ContainerSizesComponent,
|
12
|
+
],
|
13
|
+
exports: [
|
14
|
+
ContainerSizesComponent,
|
15
|
+
],
|
16
|
+
imports: [
|
17
|
+
CommonModule,
|
18
|
+
ReactiveFormsModule,
|
19
|
+
DaffContainerModule,
|
20
|
+
],
|
21
|
+
},] }
|
22
|
+
];
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFpQnRFLE1BQU0sT0FBTyxvQkFBb0I7OztZQWRoQyxRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFO29CQUNaLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLHVCQUF1QjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osbUJBQW1CO29CQUVuQixtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDb250YWluZXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbnRhaW5lclNpemVzQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcblxuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lclNpemVzTW9kdWxlIHsgfVxuIl19
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './index';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWNvbnRhaW5lci1leGFtcGxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvZGFmZm9kaWwtZGVzaWduLWNvbnRhaW5lci1leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { ContainerSizesComponent } from './container-sizes/container-sizes.component';
|
2
|
+
export const CONTAINER_EXAMPLES = [
|
3
|
+
ContainerSizesComponent,
|
4
|
+
];
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jb250YWluZXIvZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHO0lBQ2hDLHVCQUF1QjtDQUN4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQgfSBmcm9tICcuL2NvbnRhaW5lci1zaXplcy9jb250YWluZXItc2l6ZXMuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IENPTlRBSU5FUl9FWEFNUExFUyA9IFtcbiAgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQsXG5dO1xuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './public_api';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jb250YWluZXIvZXhhbXBsZXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { ContainerSizesComponent } from './container-sizes/container-sizes.component';
|
2
|
+
export { ContainerSizesModule } from './container-sizes/container-sizes.module';
|
3
|
+
export { CONTAINER_EXAMPLES } from './examples';
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNoRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDb250YWluZXJTaXplc0NvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQnO1xuZXhwb3J0IHsgQ29udGFpbmVyU2l6ZXNNb2R1bGUgfSBmcm9tICcuL2NvbnRhaW5lci1zaXplcy9jb250YWluZXItc2l6ZXMubW9kdWxlJztcbmV4cG9ydCB7IENPTlRBSU5FUl9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19
|
@@ -0,0 +1,26 @@
|
|
1
|
+
export function daffCompactableMixin(Base, defaultCompact = false) {
|
2
|
+
return class extends Base {
|
3
|
+
constructor(...args) {
|
4
|
+
super(...args);
|
5
|
+
this.compact = defaultCompact;
|
6
|
+
}
|
7
|
+
get compact() {
|
8
|
+
return this._compact;
|
9
|
+
}
|
10
|
+
set compact(value) {
|
11
|
+
// Handles the default compact
|
12
|
+
const incomingCompact = value || defaultCompact;
|
13
|
+
if (incomingCompact === this._compact) { // Only run the dom-render if a change occurs
|
14
|
+
return;
|
15
|
+
}
|
16
|
+
if (incomingCompact) {
|
17
|
+
this._renderer.addClass(this._elementRef.nativeElement, `daff-compact`);
|
18
|
+
}
|
19
|
+
else {
|
20
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `daff-compact`);
|
21
|
+
}
|
22
|
+
this._compact = incomingCompact;
|
23
|
+
}
|
24
|
+
};
|
25
|
+
}
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdGFibGUtbWl4aW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9jb21wYWN0YWJsZS9jb21wYWN0YWJsZS1taXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQSxNQUFNLFVBQ04sb0JBQW9CLENBQXVDLElBQU8sRUFBRSxpQkFBMEIsS0FBSztJQUNqRyxPQUFPLEtBQU0sU0FBUSxJQUFJO1FBeUJ2QixZQUFZLEdBQUcsSUFBVztZQUN4QixLQUFLLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQztZQUNmLElBQUksQ0FBQyxPQUFPLEdBQUcsY0FBYyxDQUFDO1FBQ2hDLENBQUM7UUF4QkQsSUFBSSxPQUFPO1lBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3ZCLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxLQUFjO1lBQ3hCLDhCQUE4QjtZQUM5QixNQUFNLGVBQWUsR0FBRyxLQUFLLElBQUksY0FBYyxDQUFDO1lBRWhELElBQUksZUFBZSxLQUFLLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSw2Q0FBNkM7Z0JBQ3BGLE9BQU87YUFDUjtZQUVELElBQUksZUFBZSxFQUFFO2dCQUNuQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxjQUFjLENBQUMsQ0FBQzthQUN6RTtpQkFBTTtnQkFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxjQUFjLENBQUMsQ0FBQzthQUM1RTtZQUVELElBQUksQ0FBQyxRQUFRLEdBQUcsZUFBZSxDQUFDO1FBQ2xDLENBQUM7S0FNRixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vY29uc3RydWN0b3IvY29uc3RydWN0b3InO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhhc0VsZW1lbnRSZWYge1xuXHRfZWxlbWVudFJlZjogRWxlbWVudFJlZjtcblx0X3JlbmRlcmVyOiBSZW5kZXJlcjI7XG59XG5cbmV4cG9ydCBmdW5jdGlvblxuZGFmZkNvbXBhY3RhYmxlTWl4aW48VCBleHRlbmRzIENvbnN0cnVjdG9yPEhhc0VsZW1lbnRSZWY+PihCYXNlOiBULCBkZWZhdWx0Q29tcGFjdDogYm9vbGVhbiA9IGZhbHNlKSB7XG4gIHJldHVybiBjbGFzcyBleHRlbmRzIEJhc2Uge1xuICAgIC8vIFRPRE8gbW92ZSB0aGlzIGJhY2sgdG8gcHJpdmF0ZSBpbiBUeXBlc2NyaXB0IDMuMVxuICAgIF9jb21wYWN0OiBib29sZWFuO1xuXG4gICAgZ2V0IGNvbXBhY3QoKTogYm9vbGVhbiB7XG4gICAgICByZXR1cm4gdGhpcy5fY29tcGFjdDtcbiAgICB9XG5cbiAgICBzZXQgY29tcGFjdCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgLy8gSGFuZGxlcyB0aGUgZGVmYXVsdCBjb21wYWN0XG4gICAgICBjb25zdCBpbmNvbWluZ0NvbXBhY3QgPSB2YWx1ZSB8fCBkZWZhdWx0Q29tcGFjdDtcblxuICAgICAgaWYgKGluY29taW5nQ29tcGFjdCA9PT0gdGhpcy5fY29tcGFjdCkgeyAvLyBPbmx5IHJ1biB0aGUgZG9tLXJlbmRlciBpZiBhIGNoYW5nZSBvY2N1cnNcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBpZiAoaW5jb21pbmdDb21wYWN0KSB7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgYGRhZmYtY29tcGFjdGApO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5fcmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBgZGFmZi1jb21wYWN0YCk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuX2NvbXBhY3QgPSBpbmNvbWluZ0NvbXBhY3Q7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgICAgdGhpcy5jb21wYWN0ID0gZGVmYXVsdENvbXBhY3Q7XG4gICAgfVxuICB9O1xufVxuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export {};
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9jb21wYWN0YWJsZS9jb21wYWN0YWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBBbiBpbnRlcmZhY2UgZm9yIGdpdmluZyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBkaXNwbGF5IGEgY29tcGFjdCBVSS5cbiAqIEluIG9yZGVyIHRvIGJlIGNvbXBhY3RhYmxlLCB0aGUgY2xhc3MgbXVzdCBpbXBsZW1lbnQgdGhpcyBwcm9wZXJ0eS5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBEYWZmQ29tcGFjdGFibGUge1xuXHRjb21wYWN0OiBib29sZWFuO1xufVxuIl19
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export { daffCompactableMixin } from './compactable-mixin';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2NvbXBhY3RhYmxlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmQ29tcGFjdGFibGUgfSBmcm9tICcuL2NvbXBhY3RhYmxlJztcbmV4cG9ydCB7IGRhZmZDb21wYWN0YWJsZU1peGluIH0gZnJvbSAnLi9jb21wYWN0YWJsZS1taXhpbic7XG4iXX0=
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/**
|
2
|
+
* A mixin for giving a component the ability to manage a DaffContainerComponent's layout.
|
3
|
+
* It passes predetermined layout styles down to the container. In order for a component to
|
4
|
+
* do this, it must implement this mixin.
|
5
|
+
*/
|
6
|
+
export function daffManageContainerLayoutMixin(Base) {
|
7
|
+
return class extends Base {
|
8
|
+
constructor(...args) {
|
9
|
+
super(...args);
|
10
|
+
this._renderer.addClass(this._elementRef.nativeElement, `daff-manage-container-layout`);
|
11
|
+
}
|
12
|
+
};
|
13
|
+
}
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNvbnRhaW5lci1sYXlvdXQtbWl4aW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9tYW5hZ2UtY29udGFpbmVyLWxheW91dC9tYW5hZ2UtY29udGFpbmVyLWxheW91dC1taXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQTs7OztHQUlHO0FBQ0gsTUFBTSxVQUNOLDhCQUE4QixDQUF1QyxJQUFPO0lBQzFFLE9BQU8sS0FBTSxTQUFRLElBQUk7UUFDdkIsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7WUFDZixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSw4QkFBOEIsQ0FBQyxDQUFDO1FBQzFGLENBQUM7S0FDRixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENvbnN0cnVjdG9yIH0gZnJvbSAnLi4vY29uc3RydWN0b3IvY29uc3RydWN0b3InO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhhc0VsZW1lbnRSZWYge1xuXHRfZWxlbWVudFJlZjogRWxlbWVudFJlZjtcblx0X3JlbmRlcmVyOiBSZW5kZXJlcjI7XG59XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIG1hbmFnZSBhIERhZmZDb250YWluZXJDb21wb25lbnQncyBsYXlvdXQuXG4gKiBJdCBwYXNzZXMgcHJlZGV0ZXJtaW5lZCBsYXlvdXQgc3R5bGVzIGRvd24gdG8gdGhlIGNvbnRhaW5lci4gSW4gb3JkZXIgZm9yIGEgY29tcG9uZW50IHRvXG4gKiBkbyB0aGlzLCBpdCBtdXN0IGltcGxlbWVudCB0aGlzIG1peGluLlxuICovXG5leHBvcnQgZnVuY3Rpb25cbmRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXRNaXhpbjxUIGV4dGVuZHMgQ29uc3RydWN0b3I8SGFzRWxlbWVudFJlZj4+KEJhc2U6IFQpIHtcbiAgcmV0dXJuIGNsYXNzIGV4dGVuZHMgQmFzZSB7XG4gICAgY29uc3RydWN0b3IoLi4uYXJnczogYW55W10pIHtcbiAgICAgIHN1cGVyKC4uLmFyZ3MpO1xuICAgICAgdGhpcy5fcmVuZGVyZXIuYWRkQ2xhc3ModGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCBgZGFmZi1tYW5hZ2UtY29udGFpbmVyLWxheW91dGApO1xuICAgIH1cbiAgfTtcbn1cbiJdfQ==
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export { daffManageContainerLayoutMixin } from './manage-container-layout-mixin';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0saUNBQWlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0TWl4aW4gfSBmcm9tICcuL21hbmFnZS1jb250YWluZXItbGF5b3V0LW1peGluJztcbiJdfQ==
|
@@ -7,4 +7,6 @@ export * from './statusable/statusable';
|
|
7
7
|
export * from './skeletonable/skeletonable';
|
8
8
|
export * from './mutable/mutable';
|
9
9
|
export * from './text-alignable/text-alignable';
|
10
|
-
|
10
|
+
export * from './compactable/public_api';
|
11
|
+
export * from './manage-container-layout/public_api';
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTztBQUNQLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsc0NBQXNDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb3JlXG5leHBvcnQgKiBmcm9tICcuL3ByZWZpeC1zdWZmaXgvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2NvbG9yYWJsZS9jb2xvcmFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9icmVha3BvaW50cy9icmVha3BvaW50cyc7XG5leHBvcnQgKiBmcm9tICcuL2NvbnN0cnVjdG9yL2NvbnN0cnVjdG9yJztcbmV4cG9ydCAqIGZyb20gJy4vc3RhdHVzYWJsZS9zdGF0dXNhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vc2tlbGV0b25hYmxlL3NrZWxldG9uYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL211dGFibGUvbXV0YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL3RleHQtYWxpZ25hYmxlL3RleHQtYWxpZ25hYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vY29tcGFjdGFibGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGknO1xuIl19
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
3
|
+
export class CompactHeroComponent {
|
4
|
+
constructor() {
|
5
|
+
this.faMobile = faMobile;
|
6
|
+
}
|
7
|
+
}
|
8
|
+
CompactHeroComponent.decorators = [
|
9
|
+
{ type: Component, args: [{
|
10
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
11
|
+
selector: 'compact-hero',
|
12
|
+
template: "<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>",
|
13
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
14
|
+
styles: [".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]
|
15
|
+
},] }
|
16
|
+
];
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1oZXJvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2NvbXBhY3QtaGVyby9jb21wYWN0LWhlcm8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQVc3RCxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUUUsYUFBUSxHQUFHLFFBQVEsQ0FBQztJQUN0QixDQUFDOzs7WUFUQSxTQUFTLFNBQUM7Z0JBQ1QsOERBQThEO2dCQUM5RCxRQUFRLEVBQUUsY0FBYztnQkFDeEIsd3FCQUE0QztnQkFFNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlBhbGV0dGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY29tcGFjdC1oZXJvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhY3QtaGVyby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBhY3QtaGVyby5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQ29tcGFjdEhlcm9Db21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xufVxuIl19
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { NgModule } from '@angular/core';
|
3
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
5
|
+
import { DaffHeroModule, DaffButtonModule, } from '@daffodil/design';
|
6
|
+
import { CompactHeroComponent } from './compact-hero.component';
|
7
|
+
export class CompactHeroModule {
|
8
|
+
}
|
9
|
+
CompactHeroModule.decorators = [
|
10
|
+
{ type: NgModule, args: [{
|
11
|
+
declarations: [
|
12
|
+
CompactHeroComponent,
|
13
|
+
],
|
14
|
+
imports: [
|
15
|
+
CommonModule,
|
16
|
+
ReactiveFormsModule,
|
17
|
+
DaffHeroModule,
|
18
|
+
DaffButtonModule,
|
19
|
+
FontAwesomeModule,
|
20
|
+
],
|
21
|
+
exports: [
|
22
|
+
CompactHeroComponent,
|
23
|
+
],
|
24
|
+
},] }
|
25
|
+
];
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1oZXJvLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2NvbXBhY3QtaGVyby9jb21wYWN0LWhlcm8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFDTCxjQUFjLEVBQ2QsZ0JBQWdCLEdBQ2pCLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFrQmhFLE1BQU0sT0FBTyxpQkFBaUI7OztZQWhCN0IsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixvQkFBb0I7aUJBQ3JCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLG1CQUFtQjtvQkFDbkIsY0FBYztvQkFDZCxnQkFBZ0I7b0JBRWhCLGlCQUFpQjtpQkFDbEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLG9CQUFvQjtpQkFDckI7YUFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuXG5pbXBvcnQge1xuICBEYWZmSGVyb01vZHVsZSxcbiAgRGFmZkJ1dHRvbk1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IENvbXBhY3RIZXJvQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wYWN0LWhlcm8uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ29tcGFjdEhlcm9Db21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBEYWZmSGVyb01vZHVsZSxcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb21wYWN0SGVyb0NvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29tcGFjdEhlcm9Nb2R1bGUgeyB9XG4iXX0=
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { CompactHeroComponent } from './compact-hero/compact-hero.component';
|
1
2
|
import { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';
|
2
3
|
import { HeroThemingComponent } from './hero-theming/hero-theming.component';
|
3
4
|
import { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';
|
@@ -5,5 +6,6 @@ export const HERO_EXAMPLES = [
|
|
5
6
|
HeroThemingComponent,
|
6
7
|
HeroTextAlignmentComponent,
|
7
8
|
HeroWithGridComponent,
|
9
|
+
CompactHeroComponent,
|
8
10
|
];
|
9
|
-
//# sourceMappingURL=data:application/json;base64,
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUVsRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDM0Isb0JBQW9CO0lBQ3BCLDBCQUEwQjtJQUMxQixxQkFBcUI7SUFDckIsb0JBQW9CO0NBQ3JCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wYWN0SGVyb0NvbXBvbmVudCB9IGZyb20gJy4vY29tcGFjdC1oZXJvL2NvbXBhY3QtaGVyby5jb21wb25lbnQnO1xuaW1wb3J0IHsgSGVyb1RleHRBbGlnbm1lbnRDb21wb25lbnQgfSBmcm9tICcuL2hlcm8tdGV4dC1hbGlnbm1lbnQvaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSGVyb1RoZW1pbmdDb21wb25lbnQgfSBmcm9tICcuL2hlcm8tdGhlbWluZy9oZXJvLXRoZW1pbmcuY29tcG9uZW50JztcbmltcG9ydCB7IEhlcm9XaXRoR3JpZENvbXBvbmVudCB9IGZyb20gJy4vaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IEhFUk9fRVhBTVBMRVMgPSBbXG4gIEhlcm9UaGVtaW5nQ29tcG9uZW50LFxuICBIZXJvVGV4dEFsaWdubWVudENvbXBvbmVudCxcbiAgSGVyb1dpdGhHcmlkQ29tcG9uZW50LFxuICBDb21wYWN0SGVyb0NvbXBvbmVudCxcbl07XG4iXX0=
|
@@ -1,7 +1,9 @@
|
|
1
|
-
import { Component } from '@angular/core';
|
1
|
+
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FormControl } from '@angular/forms';
|
3
|
+
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
3
4
|
export class HeroTextAlignmentComponent {
|
4
5
|
constructor() {
|
6
|
+
this.faMobile = faMobile;
|
5
7
|
this.textAlignControl = new FormControl('');
|
6
8
|
this.options = [
|
7
9
|
{ value: '', label: 'Default' },
|
@@ -15,7 +17,9 @@ HeroTextAlignmentComponent.decorators = [
|
|
15
17
|
{ type: Component, args: [{
|
16
18
|
// eslint-disable-next-line @angular-eslint/component-selector
|
17
19
|
selector: 'hero-text-alignment',
|
18
|
-
template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</
|
20
|
+
template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
21
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
22
|
+
styles: [".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]
|
19
23
|
},] }
|
20
24
|
];
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9oZXJvLXRleHQtYWxpZ25tZW50L2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFTN0QsTUFBTSxPQUFPLDBCQUEwQjtJQVB2QztRQVFFLGFBQVEsR0FBRyxRQUFRLENBQUM7UUFDcEIscUJBQWdCLEdBQWdCLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRXBELFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQ2hDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO1lBQ3BDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7SUFDSixDQUFDOzs7WUFqQkEsU0FBUyxTQUFDO2dCQUNULDhEQUE4RDtnQkFDOUQsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsKzZCQUFtRDtnQkFFbkQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnaGVyby10ZXh0LWFsaWdubWVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSGVyb1RleHRBbGlnbm1lbnRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICB0ZXh0QWxpZ25Db250cm9sOiBGb3JtQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJyk7XG5cbiAgb3B0aW9ucyA9IFtcbiAgICB7IHZhbHVlOiAnJywgbGFiZWw6ICdEZWZhdWx0JyB9LFxuICAgIHsgdmFsdWU6ICdsZWZ0JywgbGFiZWw6ICdMZWZ0JyB9LFxuICAgIHsgdmFsdWU6ICdjZW50ZXInLCBsYWJlbDogJ0NlbnRlcicgfSxcbiAgICB7IHZhbHVlOiAncmlnaHQnLCBsYWJlbDogJ1JpZ2h0JyB9LFxuICBdO1xufVxuIl19
|