@daffodil/design 0.39.7 → 0.39.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/examples/daffodil-design-accordion-examples.metadata.json +1 -1
- package/article/examples/daffodil-design-article-examples.metadata.json +1 -1
- package/atoms/button/button.component.d.ts +5 -0
- 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 +4 -0
- 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 +4 -0
- 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-navbar-examples.umd.js +177 -0
- package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
- 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 +384 -87
- 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/daffodil-design-callout-examples.metadata.json +1 -1
- 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/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
- package/core/article-encapsulated/public_api.d.ts +1 -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 +293 -128
- 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/button/button.component.js +3 -2
- 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 +3 -2
- package/esm2015/callout/examples/callout-theming/callout-theming.component.js +3 -2
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +3 -2
- package/esm2015/callout/examples/compact-callout/compact-callout.component.js +3 -2
- 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/article-encapsulated/article-encapsulated-mixin.js +12 -0
- package/esm2015/core/article-encapsulated/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 +3 -2
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +3 -2
- package/esm2015/hero/examples/hero-theming/hero-theming.component.js +3 -2
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +3 -2
- 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 +25 -3
- 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 +5 -3
- package/esm2015/molecules/card/card/card.component.js +78 -15
- 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/feature/feature/feature.component.js +4 -1
- package/esm2015/molecules/hero/hero/hero.component.js +6 -4
- 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/link-set/link-set/link-set.component.js +23 -4
- package/esm2015/molecules/list/list/list.component.js +19 -5
- package/esm2015/molecules/media-gallery/media-gallery.component.js +31 -5
- 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 +11 -9
- package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +6 -1
- package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +3 -2
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
- package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
- package/esm2015/navbar/examples/examples.js +11 -0
- package/esm2015/navbar/examples/index.js +2 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
- package/esm2015/navbar/examples/public_api.js +10 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
- 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 +5 -1
- 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 +5 -1
- 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-navbar-examples.js +142 -0
- package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
- 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 +326 -82
- package/fesm2015/daffodil-design.js.map +1 -1
- package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
- 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/accordion/accordion/accordion.component.d.ts +20 -1
- package/molecules/callout/callout/callout.component.d.ts +10 -0
- package/molecules/card/card/card.component.d.ts +42 -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/feature/feature/feature.component.d.ts +3 -0
- package/molecules/hero/hero/hero.component.d.ts +11 -1
- 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/link-set/link-set/link-set.component.d.ts +20 -1
- package/molecules/list/list/list.component.d.ts +19 -3
- package/molecules/media-gallery/media-gallery.component.d.ts +24 -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 +10 -5
- package/molecules/qty-dropdown/qty-dropdown.component.d.ts +3 -0
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
- package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
- package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
- package/navbar/examples/examples.d.ts +2 -0
- package/navbar/examples/index.d.ts +1 -0
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
- package/navbar/examples/package.json +11 -0
- package/navbar/examples/public_api.d.ts +9 -0
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
- package/package.json +2 -2
- 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 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-card-examples.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 400px;\n }\n `],\n})\nexport class CardThemingComponent {\n color: DaffPalette = 'primary';\n\n colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';"],"names":[],"mappings":";;;;;;MAQa,kBAAkB;;;YAN9B,SAAS,SAAC;;gBAET,QAAQ,EAAE,YAAY;gBACtB,gdAA0C;;aAE3C;;;MCkBY,eAAe;;;YAd3B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;MCTY,oBAAoB;IAVjC;QAWE,UAAK,GAAgB,SAAS,CAAC;QAE/B,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KACjD;;;YAdA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,slBAA4C;yBACnC;;;;GAIR;aACF;;;MCWY,iBAAiB;;;YAd7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MChBY,qBAAqB;;;YANjC,SAAS,SAAC;;gBAET,QAAQ,EAAE,eAAe;gBACzB,0TAA6C;;aAE9C;;;MCoBY,kBAAkB;;;YAf9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;MClBY,mBAAmB;;;YAN/B,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,oUAA2C;;aAE5C;;;MCoBY,gBAAgB;;;YAf5B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;MCjBY,aAAa,GAAG;IAC3B,kBAAkB;IAClB,oBAAoB;IACpB,qBAAqB;IACrB,mBAAmB;;;ACbrB;;;;;;"}
|
1
|
+
{"version":3,"file":"daffodil-design-card-examples.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.component.ts","../../../libs/design/card/examples/src/card-orientation/card-orientation.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.component.ts","../../../libs/design/card/examples/src/stroked-card/stroked-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCardComponent {\n faMapMarked = faMapMarked;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMapMarked } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'card-orientation',\n templateUrl: './card-orientation.component.html',\n styleUrls: ['./card-orientation.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardOrientationComponent {\n faMapMarked = faMapMarked;\n\n orientationControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'vertical', label: 'Vertical' },\n { value: 'horizontal', label: 'Horizontal' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffButtonModule,\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardOrientationComponent } from './card-orientation.component';\n\n@NgModule({\n declarations: [\n CardOrientationComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n exports: [\n CardOrientationComponent,\n ],\n})\nexport class CardOrientationModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 480px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardThemingComponent {\n colorControl: FormControl = new FormControl('');\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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LinkableCardComponent {\n basicColorControl: FormControl = new FormControl('');\n raisedColorControl: FormControl = new FormControl('');\n strokedColorControl: FormControl = new FormControl('');\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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedCardComponent {\n colorControl: FormControl = new FormControl('');\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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'stroked-card',\n templateUrl: './stroked-card.component.html',\n styleUrls: ['./stroked-card.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StrokedCardComponent {\n colorControl: FormControl = new FormControl('');\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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { StrokedCardComponent } from './stroked-card.component';\n\n@NgModule({\n declarations: [\n StrokedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n ReactiveFormsModule,\n\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n StrokedCardComponent,\n ],\n})\nexport class StrokedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardOrientationComponent } from './card-orientation/card-orientation.component';\nexport { CardOrientationModule } from './card-orientation/card-orientation.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\nimport { StrokedCardComponent } from './stroked-card/stroked-card.component';\nexport { StrokedCardModule } from './stroked-card/stroked-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n StrokedCardComponent,\n CardOrientationComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardOrientationComponent as ɵf} from './card-orientation/card-orientation.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';\nexport {StrokedCardComponent as ɵe} from './stroked-card/stroked-card.component';"],"names":[],"mappings":";;;;;;;;MAaa,kBAAkB;IAP/B;QAQE,gBAAW,GAAG,WAAW,CAAC;KAC3B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,YAAY;gBACtB,u5BAA0C;gBAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCgBY,eAAe;;;YAhB3B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;oBAEhB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;MCbY,wBAAwB;IAPrC;QAQE,gBAAW,GAAG,WAAW,CAAC;QAE1B,uBAAkB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEtD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;SAC7C,CAAC;KACH;;;YAjBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,kBAAkB;gBAC5B,ilCAAgD;gBAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCgBY,qBAAqB;;;YAhBjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,eAAe;oBACf,gBAAgB;oBAChB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,wBAAwB;iBACzB;aACF;;;MCXY,oBAAoB;IAXjC;QAYE,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEhD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACpD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YAxBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,2WAA4C;gBAM5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;yBALtC;;;;GAIR;aAEF;;;MCSY,iBAAiB;;;YAd7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCXY,qBAAqB;IAPlC;QAQE,sBAAiB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QACrD,uBAAkB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QACtD,wBAAmB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEvD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACpD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YAtBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,eAAe;gBACzB,4gGAA6C;gBAE7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCiBY,kBAAkB;;;YAhB9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;MCfY,mBAAmB;IAPhC;QAQE,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEhD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACpD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YApBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,y6BAA2C;gBAE3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCgBY,gBAAgB;;;YAhB5B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBAEnB,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;MCdY,oBAAoB;IAPjC;QAQE,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEhD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACpD,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YApBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,26BAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCkBY,iBAAiB;;;YAjB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,mBAAmB;oBAEnB,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MChBY,aAAa,GAAG;IAC3B,kBAAkB;IAClB,oBAAoB;IACpB,qBAAqB;IACrB,mBAAmB;IACnB,oBAAoB;IACpB,wBAAwB;;;ACnB1B;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule, ViewChild } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule, ViewChild } from '@angular/core';
|
2
2
|
import { FormControl, ReactiveFormsModule, FormArray } from '@angular/forms';
|
3
3
|
import { DaffCheckboxModule, DaffButtonModule, DaffCheckboxSetComponent } from '@daffodil/design';
|
4
4
|
|
@@ -20,7 +20,8 @@ BasicCheckboxComponent.decorators = [
|
|
20
20
|
{ type: Component, args: [{
|
21
21
|
// eslint-disable-next-line @angular-eslint/component-selector
|
22
22
|
selector: 'basic-checkbox',
|
23
|
-
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>"
|
23
|
+
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>",
|
24
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
24
25
|
},] }
|
25
26
|
];
|
26
27
|
|
@@ -59,7 +60,8 @@ CheckboxSetComponent.decorators = [
|
|
59
60
|
{ type: Component, args: [{
|
60
61
|
// eslint-disable-next-line @angular-eslint/component-selector
|
61
62
|
selector: 'checkbox-set',
|
62
|
-
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>"
|
63
|
+
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>",
|
64
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
63
65
|
},] }
|
64
66
|
];
|
65
67
|
CheckboxSetComponent.propDecorators = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-checkbox-examples.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-checkbox',\n templateUrl: './basic-checkbox.component.html',\n})\nexport class BasicCheckboxComponent implements OnInit {\n checkboxExample = new FormControl();\n\n ngOnInit() {\n this.checkboxExample.setValue(true);\n }\n setFalse() {\n this.checkboxExample.setValue(false);\n }\n setTrue() {\n this.checkboxExample.setValue(true);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n declarations: [\n BasicCheckboxComponent,\n ],\n exports: [\n BasicCheckboxComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport {\n FormArray,\n FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'checkbox-set',\n templateUrl: './checkbox-set.component.html',\n})\nexport class CheckboxSetComponent implements OnInit {\n\n @ViewChild(DaffCheckboxSetComponent)\n private checkboxSet: DaffCheckboxSetComponent;\n checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n selectedValues = [];\n\n ngOnInit() {\n this.checkboxArray.setValue([false, false, false]);\n }\n displayList() {\n this.selectedValues = this.checkboxSet.getValues();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n declarations: [\n CheckboxSetComponent,\n ],\n exports: [\n CheckboxSetComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n CheckboxSetComponent,\n BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n BasicCheckboxModule,\n CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":[],"mappings":";;;;
|
1
|
+
{"version":3,"file":"daffodil-design-checkbox-examples.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-checkbox',\n templateUrl: './basic-checkbox.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicCheckboxComponent implements OnInit {\n checkboxExample = new FormControl();\n\n ngOnInit() {\n this.checkboxExample.setValue(true);\n }\n setFalse() {\n this.checkboxExample.setValue(false);\n }\n setTrue() {\n this.checkboxExample.setValue(true);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n declarations: [\n BasicCheckboxComponent,\n ],\n exports: [\n BasicCheckboxComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport {\n FormArray,\n FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'checkbox-set',\n templateUrl: './checkbox-set.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckboxSetComponent implements OnInit {\n\n @ViewChild(DaffCheckboxSetComponent)\n private checkboxSet: DaffCheckboxSetComponent;\n checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n selectedValues = [];\n\n ngOnInit() {\n this.checkboxArray.setValue([false, false, false]);\n }\n displayList() {\n this.selectedValues = this.checkboxSet.getValues();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n declarations: [\n CheckboxSetComponent,\n ],\n exports: [\n CheckboxSetComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n CheckboxSetComponent,\n BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n BasicCheckboxModule,\n CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":[],"mappings":";;;;MAaa,sBAAsB;IANnC;QAOI,oBAAe,GAAG,IAAI,WAAW,EAAE,CAAC;KAWvC;IATG,QAAQ;QACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACrC;IACD,QAAQ;QACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACtC;IACD,OAAO;QACL,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACrC;;;YAjBJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,+SAA8C;gBAC9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCaY,mBAAmB;;;YAd/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,kBAAkB;oBAClB,gBAAgB;oBAChB,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCLY,oBAAoB;IANjC;QAUI,kBAAa,GAAG,IAAI,SAAS,CAAC,CAAC,IAAI,WAAW,EAAE,EAAE,IAAI,WAAW,EAAE,EAAE,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC;QACzF,mBAAc,GAAG,EAAE,CAAC;KAQvB;IANG,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;KACpD;IACD,WAAW;QACT,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;KACpD;;;YAlBJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,wkBAA4C;gBAC5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;0BAGI,SAAS,SAAC,wBAAwB;;;MCI1B,iBAAiB;;;YAf7B,QAAQ,SAAC;gBAER,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,kBAAkB;oBAClB,gBAAgB;oBAChB,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MClBY,iBAAiB,GAAG;IAC/B,oBAAoB;IACpB,sBAAsB;EACtB;MAEW,yBAAyB,GAAG;IACvC,mBAAmB;IACnB,iBAAiB;;;ACbnB;;;;;;"}
|
@@ -0,0 +1,54 @@
|
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
|
+
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
3
|
+
import { CommonModule } from '@angular/common';
|
4
|
+
import { DaffContainerModule } from '@daffodil/design';
|
5
|
+
|
6
|
+
class ContainerSizesComponent {
|
7
|
+
constructor() {
|
8
|
+
this.sizeControl = new FormControl('xs');
|
9
|
+
this.options = [
|
10
|
+
{ value: 'xs', label: 'Extra Small' },
|
11
|
+
{ value: 'sm', label: 'Small' },
|
12
|
+
{ value: 'md', label: 'Medium' },
|
13
|
+
{ value: 'lg', label: 'Large' },
|
14
|
+
{ value: 'xl', label: 'Extra Large' },
|
15
|
+
];
|
16
|
+
}
|
17
|
+
}
|
18
|
+
ContainerSizesComponent.decorators = [
|
19
|
+
{ type: Component, args: [{
|
20
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
21
|
+
selector: 'container-sizes',
|
22
|
+
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>",
|
23
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
24
|
+
},] }
|
25
|
+
];
|
26
|
+
|
27
|
+
class ContainerSizesModule {
|
28
|
+
}
|
29
|
+
ContainerSizesModule.decorators = [
|
30
|
+
{ type: NgModule, args: [{
|
31
|
+
declarations: [
|
32
|
+
ContainerSizesComponent,
|
33
|
+
],
|
34
|
+
exports: [
|
35
|
+
ContainerSizesComponent,
|
36
|
+
],
|
37
|
+
imports: [
|
38
|
+
CommonModule,
|
39
|
+
ReactiveFormsModule,
|
40
|
+
DaffContainerModule,
|
41
|
+
],
|
42
|
+
},] }
|
43
|
+
];
|
44
|
+
|
45
|
+
const CONTAINER_EXAMPLES = [
|
46
|
+
ContainerSizesComponent,
|
47
|
+
];
|
48
|
+
|
49
|
+
/**
|
50
|
+
* Generated bundle index. Do not edit.
|
51
|
+
*/
|
52
|
+
|
53
|
+
export { CONTAINER_EXAMPLES, ContainerSizesComponent, ContainerSizesModule };
|
54
|
+
//# sourceMappingURL=daffodil-design-container-examples.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-container-examples.js","sources":["../../../libs/design/container/examples/src/container-sizes/container-sizes.component.ts","../../../libs/design/container/examples/src/container-sizes/container-sizes.module.ts","../../../libs/design/container/examples/src/examples.ts","../../../libs/design/container/examples/src/daffodil-design-container-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'container-sizes',\n templateUrl: './container-sizes.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainerSizesComponent {\n sizeControl: FormControl = new FormControl('xs');\n\n options = [\n { value: 'xs', label: 'Extra Small' },\n { value: 'sm', label: 'Small' },\n { value: 'md', label: 'Medium' },\n { value: 'lg', label: 'Large' },\n { value: 'xl', label: 'Extra Large' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffContainerModule } from '@daffodil/design';\n\nimport { ContainerSizesComponent } from './container-sizes.component';\n\n\n@NgModule({\n declarations: [\n ContainerSizesComponent,\n ],\n exports: [\n ContainerSizesComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n\n DaffContainerModule,\n ],\n})\nexport class ContainerSizesModule { }\n","import { ContainerSizesComponent } from './container-sizes/container-sizes.component';\n\nexport const CONTAINER_EXAMPLES = [\n ContainerSizesComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAYa,uBAAuB;IANpC;QAOE,gBAAW,GAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;QAEjD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;YACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;YAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;YAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;YAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;SACtC,CAAC;KACH;;;YAhBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,iBAAiB;gBAC3B,mwCAA+C;gBAC/C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCYY,oBAAoB;;;YAdhC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,uBAAuB;iBACxB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBAEnB,mBAAmB;iBACpB;aACF;;;MCpBY,kBAAkB,GAAG;IAChC,uBAAuB;;;ACHzB;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
3
3
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
4
4
|
import { CommonModule } from '@angular/common';
|
@@ -17,6 +17,7 @@ HeroThemingComponent.decorators = [
|
|
17
17
|
// eslint-disable-next-line @angular-eslint/component-selector
|
18
18
|
selector: 'hero-theming',
|
19
19
|
template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__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>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>",
|
20
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
20
21
|
styles: [".daff-hero-theming__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}"]
|
21
22
|
},] }
|
22
23
|
];
|
@@ -58,6 +59,7 @@ HeroTextAlignmentComponent.decorators = [
|
|
58
59
|
// eslint-disable-next-line @angular-eslint/component-selector
|
59
60
|
selector: 'hero-text-alignment',
|
60
61
|
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>",
|
62
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
61
63
|
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}"]
|
62
64
|
},] }
|
63
65
|
];
|
@@ -90,6 +92,7 @@ HeroWithGridComponent.decorators = [
|
|
90
92
|
// eslint-disable-next-line @angular-eslint/component-selector
|
91
93
|
selector: 'hero-with-grid',
|
92
94
|
template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>",
|
95
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
93
96
|
styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__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}"]
|
94
97
|
},] }
|
95
98
|
];
|
@@ -122,6 +125,7 @@ CompactHeroComponent.decorators = [
|
|
122
125
|
// eslint-disable-next-line @angular-eslint/component-selector
|
123
126
|
selector: 'compact-hero',
|
124
127
|
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>",
|
128
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
125
129
|
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}"]
|
126
130
|
},] }
|
127
131
|
];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-hero-examples.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {
|
1
|
+
{"version":3,"file":"daffodil-design-hero-examples.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n styleUrls: ['./hero-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroThemingComponent {\n faMobile = faMobile;\n color: DaffPalette = 'primary';\n\n colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n@NgModule({\n declarations: [\n HeroThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n HeroThemingComponent,\n ],\n})\nexport class HeroThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n styleUrls: ['./hero-text-alignment.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroTextAlignmentComponent {\n faMobile = faMobile;\n textAlignControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'left', label: 'Left' },\n { value: 'center', label: 'Center' },\n { value: 'right', label: 'Right' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n declarations: [\n HeroTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n})\nexport class HeroTextAlignmentModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeroWithGridComponent {\n faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n declarations: [\n HeroWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n})\nexport class HeroWithGridModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'compact-hero',\n templateUrl: './compact-hero.component.html',\n styleUrls: ['./compact-hero.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactHeroComponent {\n faMobile = faMobile;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport {\n DaffHeroModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CompactHeroComponent } from './compact-hero.component';\n\n@NgModule({\n declarations: [\n CompactHeroComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffButtonModule,\n\n FontAwesomeModule,\n ],\n exports: [\n CompactHeroComponent,\n ],\n})\nexport class CompactHeroModule { }\n","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAgBa,oBAAoB;IAPjC;QAQE,aAAQ,GAAG,QAAQ,CAAC;QACpB,UAAK,GAAgB,SAAS,CAAC;QAE/B,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KACjD;;;YAZA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,2lCAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCaY,iBAAiB;;;YAhB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,gBAAgB;oBAEhB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCbY,0BAA0B;IAPvC;QAQE,aAAQ,GAAG,QAAQ,CAAC;QACpB,qBAAgB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEpD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YAjBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,+6BAAmD;gBAEnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCcY,uBAAuB;;;YAdnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,gBAAgB;oBAEhB,iBAAiB;iBAClB;aACF;;;MCbY,qBAAqB;IAPlC;QAQE,aAAQ,GAAG,QAAQ,CAAC;KACrB;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,kgCAA8C;gBAE9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCeY,kBAAkB;;;YAd9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,gBAAgB;oBAEhB,iBAAiB;iBAClB;aACF;;;MCVY,oBAAoB;IAPjC;QAQE,aAAQ,GAAG,QAAQ,CAAC;KACrB;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,wqBAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCaY,iBAAiB;;;YAhB7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,gBAAgB;oBAEhB,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCtBY,aAAa,GAAG;IAC3B,oBAAoB;IACpB,0BAA0B;IAC1B,qBAAqB;IACrB,oBAAoB;;;ACTtB;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { faChevronRight, faInfoCircle } from '@fortawesome/free-solid-svg-icons';
|
3
3
|
import { CommonModule } from '@angular/common';
|
4
4
|
import { DaffListModule } from '@daffodil/design';
|
@@ -10,7 +10,8 @@ BasicListComponent.decorators = [
|
|
10
10
|
{ type: Component, args: [{
|
11
11
|
// eslint-disable-next-line @angular-eslint/component-selector
|
12
12
|
selector: 'basic-list',
|
13
|
-
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>"
|
13
|
+
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>",
|
14
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
14
15
|
},] }
|
15
16
|
];
|
16
17
|
|
@@ -23,7 +24,8 @@ NavListComponent.decorators = [
|
|
23
24
|
{ type: Component, args: [{
|
24
25
|
// eslint-disable-next-line @angular-eslint/component-selector
|
25
26
|
selector: 'nav-list',
|
26
|
-
template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>"
|
27
|
+
template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>",
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
27
29
|
},] }
|
28
30
|
];
|
29
31
|
|
@@ -36,7 +38,8 @@ IconListComponent.decorators = [
|
|
36
38
|
{ type: Component, args: [{
|
37
39
|
// eslint-disable-next-line @angular-eslint/component-selector
|
38
40
|
selector: 'icon-list',
|
39
|
-
template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>"
|
41
|
+
template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>",
|
42
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
40
43
|
},] }
|
41
44
|
];
|
42
45
|
|
@@ -46,7 +49,8 @@ MultilineListComponent.decorators = [
|
|
46
49
|
{ type: Component, args: [{
|
47
50
|
// eslint-disable-next-line @angular-eslint/component-selector
|
48
51
|
selector: 'multiline-list',
|
49
|
-
template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\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<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>"
|
52
|
+
template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\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<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>",
|
53
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
50
54
|
},] }
|
51
55
|
];
|
52
56
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-list-examples.js","sources":["../../../libs/design/list/examples/src/basic-list/basic-list.component.ts","../../../libs/design/list/examples/src/nav-list/nav-list.component.ts","../../../libs/design/list/examples/src/icon-list/icon-list.component.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.component.ts","../../../libs/design/list/examples/src/basic-list/basic-list.module.ts","../../../libs/design/list/examples/src/examples.ts","../../../libs/design/list/examples/src/icon-list/icon-list.module.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.module.ts","../../../libs/design/list/examples/src/nav-list/nav-list.module.ts","../../../libs/design/list/examples/src/list-examples.module.ts","../../../libs/design/list/examples/src/daffodil-design-list-examples.ts"],"sourcesContent":["import {\n
|
1
|
+
{"version":3,"file":"daffodil-design-list-examples.js","sources":["../../../libs/design/list/examples/src/basic-list/basic-list.component.ts","../../../libs/design/list/examples/src/nav-list/nav-list.component.ts","../../../libs/design/list/examples/src/icon-list/icon-list.component.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.component.ts","../../../libs/design/list/examples/src/basic-list/basic-list.module.ts","../../../libs/design/list/examples/src/examples.ts","../../../libs/design/list/examples/src/icon-list/icon-list.module.ts","../../../libs/design/list/examples/src/multiline-list/multiline-list.module.ts","../../../libs/design/list/examples/src/nav-list/nav-list.module.ts","../../../libs/design/list/examples/src/list-examples.module.ts","../../../libs/design/list/examples/src/daffodil-design-list-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\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})\nexport class BasicListComponent {}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons';\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})\nexport class NavListComponent {\n faChevronRight = faChevronRight;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\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})\nexport class IconListComponent {\n faInfoCircle = faInfoCircle;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\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})\nexport class MultilineListComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { BasicListComponent } from './basic-list.component';\n\n\n@NgModule({\n declarations: [\n BasicListComponent,\n ],\n imports: [\n CommonModule,\n DaffListModule,\n ],\n exports: [\n BasicListComponent,\n ],\n})\nexport class BasicListModule { }\n","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","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { IconListComponent } from './icon-list.component';\n\n\n@NgModule({\n declarations: [\n IconListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n IconListComponent,\n ],\n})\nexport class IconListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { MultilineListComponent } from './multiline-list.component';\n\n\n@NgModule({\n declarations: [\n MultilineListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n MultilineListComponent,\n ],\n})\nexport class MultilineListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffListModule } from '@daffodil/design';\n\nimport { NavListComponent } from './nav-list.component';\n\n\n@NgModule({\n declarations: [\n NavListComponent,\n ],\n imports: [\n CommonModule,\n\n DaffListModule,\n FontAwesomeModule,\n ],\n exports: [\n NavListComponent,\n ],\n})\nexport class NavListModule { }\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { BasicListModule } from './basic-list/basic-list.module';\nimport { LIST_EXAMPLES } from './examples';\nimport { IconListModule } from './icon-list/icon-list.module';\nimport { MultilineListModule } from './multiline-list/multiline-list.module';\nimport { NavListModule } from './nav-list/nav-list.module';\n\n@NgModule({\n imports: [\n CommonModule,\n BasicListModule,\n NavListModule,\n IconListModule,\n MultilineListModule,\n ],\n entryComponents: [\n ...LIST_EXAMPLES,\n ],\n})\nexport class ListExamplesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicListModule as ɵa} from './basic-list/basic-list.module';\nexport {IconListModule as ɵc} from './icon-list/icon-list.module';\nexport {MultilineListModule as ɵd} from './multiline-list/multiline-list.module';\nexport {NavListModule as ɵb} from './nav-list/nav-list.module';"],"names":[],"mappings":";;;;;;MAWa,kBAAkB;;;YAN9B,SAAS,SAAC;;gBAET,QAAQ,EAAE,YAAY;gBACtB,qNAA0C;gBAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCEY,gBAAgB;IAN7B;QAOE,mBAAc,GAAG,cAAc,CAAC;KACjC;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,UAAU;gBACpB,kUAAwC;gBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCCY,iBAAiB;IAN9B;QAOE,iBAAY,GAAG,YAAY,CAAC;KAC7B;;;YARA,SAAS,SAAC;;gBAET,QAAQ,EAAE,WAAW;gBACrB,mKAAyC;gBACzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCAY,sBAAsB;;;YANlC,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,mSAA8C;gBAC9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCUY,eAAe;;;YAZ3B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;MCdY,aAAa,GAAG;IAC3B,kBAAkB;IAClB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;;;MCcX,cAAc;;;YAd1B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,iBAAiB;iBAClB;aACF;;;MCCY,mBAAmB;;;YAd/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;aACF;;;MCCY,aAAa;;;YAdzB,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,cAAc;oBACd,iBAAiB;iBAClB;gBACD,OAAO,EAAE;oBACP,gBAAgB;iBACjB;aACF;;;MCDY,kBAAkB;;;YAZ9B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,eAAe;oBACf,aAAa;oBACb,cAAc;oBACd,mBAAmB;iBACpB;gBACD,eAAe,EAAE;oBACf,GAAG,aAAa;iBACjB;aACF;;;ACpBD;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
|
3
3
|
import { DaffLoadingIconModule, DaffRadioModule } from '@daffodil/design';
|
4
4
|
|
@@ -13,7 +13,8 @@ LoadingIconColorComponent.decorators = [
|
|
13
13
|
{ type: Component, args: [{
|
14
14
|
// eslint-disable-next-line @angular-eslint/component-selector
|
15
15
|
selector: 'loading-icon-color',
|
16
|
-
template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>"
|
16
|
+
template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>",
|
17
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
17
18
|
},] }
|
18
19
|
];
|
19
20
|
|
@@ -41,7 +42,8 @@ LoadingIconDiameterComponent.decorators = [
|
|
41
42
|
{ type: Component, args: [{
|
42
43
|
// eslint-disable-next-line @angular-eslint/component-selector
|
43
44
|
selector: 'loading-icon-diameter',
|
44
|
-
template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n"
|
45
|
+
template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n",
|
46
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
45
47
|
},] }
|
46
48
|
];
|
47
49
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-loading-icon-examples.js","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.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import {
|
1
|
+
{"version":3,"file":"daffodil-design-loading-icon-examples.js","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.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\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 changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconColorComponent {\n colorGroup = new FormGroup({\n color: new FormControl('primary'),\n });\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffLoadingIconModule,\n DaffRadioModule,\n} from '@daffodil/design';\n\nimport { LoadingIconColorComponent } from './loading-icon-color.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconColorComponent,\n ],\n exports: [\n LoadingIconColorComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n})\nexport class LoadingIconColorModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconDiameterComponent { }\n","import { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design';\n\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconDiameterComponent,\n ],\n exports: [\n LoadingIconDiameterComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n ],\n})\nexport class LoadingIconDiameterModule { }\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\nexport { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\nexport { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {LoadingIconDiameterComponent as ɵa} from './loading-icon-diameter/loading-icon-diameter.component';"],"names":[],"mappings":";;;;MAea,yBAAyB;IANtC;QAOE,eAAU,GAAG,IAAI,SAAS,CAAC;YACzB,KAAK,EAAE,IAAI,WAAW,CAAC,SAAS,CAAC;SAClC,CAAC,CAAC;KACJ;;;YAVA,SAAS,SAAC;;gBAET,QAAQ,EAAE,oBAAoB;gBAC9B,sbAAkD;gBAClD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCUY,sBAAsB;;;YAblC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,qBAAqB;oBACrB,eAAe;oBACf,mBAAmB;iBACpB;aACF;;;MCZY,4BAA4B;;;YANxC,SAAS,SAAC;;gBAET,QAAQ,EAAE,uBAAuB;gBACjC,wEAAqD;gBACrD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCQY,yBAAyB;;;YAXrC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,4BAA4B;iBAC7B;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;MCZY,qBAAqB,GAAG;IACnC,yBAAyB;IACzB,4BAA4B;;;ACP9B;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { DaffImageModule, DaffMediaGalleryModule } from '@daffodil/design';
|
3
3
|
|
4
4
|
class BasicMediaGalleryComponent {
|
@@ -7,7 +7,8 @@ BasicMediaGalleryComponent.decorators = [
|
|
7
7
|
{ type: Component, args: [{
|
8
8
|
// eslint-disable-next-line @angular-eslint/component-selector
|
9
9
|
selector: 'basic-media-gallery',
|
10
|
-
template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n"
|
10
|
+
template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n",
|
11
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
11
12
|
},] }
|
12
13
|
];
|
13
14
|
|
@@ -17,7 +18,8 @@ MismatchedSizesMediaGalleryComponent.decorators = [
|
|
17
18
|
{ type: Component, args: [{
|
18
19
|
// eslint-disable-next-line @angular-eslint/component-selector
|
19
20
|
selector: 'mismatched-sizes-media-gallery',
|
20
|
-
template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n"
|
21
|
+
template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n",
|
22
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
21
23
|
},] }
|
22
24
|
];
|
23
25
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-media-gallery-examples.js","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {
|
1
|
+
{"version":3,"file":"daffodil-design-media-gallery-examples.js","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\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})\nexport class BasicMediaGalleryComponent {\n\n\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\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})\nexport class MismatchedSizesMediaGalleryComponent {}\n","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n BasicMediaGalleryComponent,\n MismatchedSizesMediaGalleryComponent,\n];\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffMediaGalleryModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { BasicMediaGalleryComponent } from './basic-media-gallery.component';\n\n@NgModule({\n declarations: [\n BasicMediaGalleryComponent,\n ],\n exports: [\n BasicMediaGalleryComponent,\n ],\n imports: [\n DaffImageModule,\n DaffMediaGalleryModule,\n ],\n providers: [],\n})\nexport class BasicMediaGalleryModule { }\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffMediaGalleryModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery.component';\n\n@NgModule({\n declarations: [\n MismatchedSizesMediaGalleryComponent,\n ],\n exports: [\n MismatchedSizesMediaGalleryComponent,\n ],\n imports: [\n DaffImageModule,\n DaffMediaGalleryModule,\n ],\n providers: [],\n})\nexport class MismatchedSizesMediaGalleryModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicMediaGalleryComponent as ɵa} from './basic-media-gallery/basic-media-gallery.component';\nexport {MismatchedSizesMediaGalleryComponent as ɵb} from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';"],"names":[],"mappings":";;;MAWa,0BAA0B;;;YANtC,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,kzCAAmD;gBACnD,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCCY,oCAAoC;;;YANhD,SAAS,SAAC;;gBAET,QAAQ,EAAE,gCAAgC;gBAC1C,+yCAA8D;gBAC9D,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCPY,sBAAsB,GAAG;IACpC,0BAA0B;IAC1B,oCAAoC;;;MCiBzB,uBAAuB;;;YAbnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCCY,iCAAiC;;;YAb7C,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oCAAoC;iBACrC;gBACD,OAAO,EAAE;oBACP,oCAAoC;iBACrC;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,sBAAsB;iBACvB;gBACD,SAAS,EAAE,EAAE;aACd;;;ACrBD;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { DaffModalService, DaffModalModule, DaffButtonModule } from '@daffodil/design';
|
3
3
|
|
4
4
|
class BasicModalContentComponent {
|
@@ -7,7 +7,8 @@ BasicModalContentComponent.decorators = [
|
|
7
7
|
{ type: Component, args: [{
|
8
8
|
// eslint-disable-next-line @angular-eslint/component-selector
|
9
9
|
selector: 'basic-modal-content',
|
10
|
-
template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>"
|
10
|
+
template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>",
|
11
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
11
12
|
},] }
|
12
13
|
];
|
13
14
|
|
@@ -23,7 +24,8 @@ BasicModalComponent.decorators = [
|
|
23
24
|
{ type: Component, args: [{
|
24
25
|
// eslint-disable-next-line @angular-eslint/component-selector
|
25
26
|
selector: 'basic-modal',
|
26
|
-
template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n"
|
27
|
+
template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n",
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
27
29
|
},] }
|
28
30
|
];
|
29
31
|
/** @nocollapse */
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-modal-examples.js","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-examples.ts"],"sourcesContent":["import {
|
1
|
+
{"version":3,"file":"daffodil-design-modal-examples.js","sources":["../../../libs/design/modal/examples/src/basic-modal/modal-content.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.component.ts","../../../libs/design/modal/examples/src/basic-modal/basic-modal.module.ts","../../../libs/design/modal/examples/src/public_api.ts","../../../libs/design/modal/examples/src/daffodil-design-modal-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal-content',\n templateUrl: './modal-content.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalContentComponent {\n\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffModalService } from '@daffodil/design';\n\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-modal',\n templateUrl: './basic-modal.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicModalComponent {\n modal: any;\n\n constructor(private modalService: DaffModalService) {}\n\n showModal() {\n this.modal = this.modalService.open(BasicModalContentComponent);\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport {\n DaffModalModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal.component';\nimport { BasicModalContentComponent } from './modal-content.component';\n\n@NgModule({\n imports: [\n DaffModalModule,\n DaffButtonModule,\n ],\n declarations: [\n BasicModalComponent,\n BasicModalContentComponent,\n ],\n exports: [\n BasicModalComponent,\n ],\n})\nexport class BasicModalModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicModalComponent } from './basic-modal/basic-modal.component';\nimport { BasicModalModule } from './basic-modal/basic-modal.module';\n\nexport const MODAL_EXAMPLES: ComponentExample[] = [\n { component: BasicModalComponent, module: BasicModalModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicModalComponent as ɵa} from './basic-modal/basic-modal.component';\nexport {BasicModalModule as ɵb} from './basic-modal/basic-modal.module';\nexport {BasicModalContentComponent as ɵc} from './basic-modal/modal-content.component';"],"names":[],"mappings":";;;MAWa,0BAA0B;;;YANtC,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,4TAA6C;gBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;MCKY,mBAAmB;IAG9B,YAAoB,YAA8B;QAA9B,iBAAY,GAAZ,YAAY,CAAkB;KAAI;IAEtD,SAAS;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;KACjE;;;YAbF,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,6EAA2C;gBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;YATQ,gBAAgB;;;MCkBZ,gBAAgB;;;YAb5B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,eAAe;oBACf,gBAAgB;iBACjB;gBACD,YAAY,EAAE;oBACZ,mBAAmB;oBACnB,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;MCjBY,cAAc,GAAuB;IAChD,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,gBAAgB,EAAE;;;ACN9D;;;;;;"}
|