@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,"sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.module.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.module.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.module.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.module.ts","../../../libs/design/callout/examples/src/examples.ts"],"names":["this","faMobile","colorControl","FormControl","options","value","label","Component","args","selector","template","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","DaffButtonModule","FontAwesomeModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","CalloutWithGridComponent","CompactCalloutComponent","CALLOUT_EXAMPLES"],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../libs/design/callout/examples/src/callout-theming/callout-theming.component.ts","../../../libs/design/callout/examples/src/callout-theming/callout-theming.module.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.component.ts","../../../libs/design/callout/examples/src/callout-text-alignment/callout-text-alignment.module.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.component.ts","../../../libs/design/callout/examples/src/callout-with-grid/callout-with-grid.module.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.component.ts","../../../libs/design/callout/examples/src/compact-callout/compact-callout.module.ts","../../../libs/design/callout/examples/src/examples.ts"],"names":["this","faMobile","colorControl","FormControl","options","value","label","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","DaffButtonModule","FontAwesomeModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","CalloutWithGridComponent","CompactCalloutComponent","CALLOUT_EXAMPLES"],"mappings":"s2BAOA,WAQEA,KAAAC,SAAWA,EAAAA,SACXD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,IAE5CH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,UAAWC,MAAO,WAC3B,CAAED,MAAO,YAAaC,MAAO,aAC7B,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,iBAAkBC,MAAO,wCAnBrCC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,61BAEAC,gBAAiBC,EAAAA,wBAAwBC,uPCY3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAC,EAAAA,iBACAC,EAAAA,6BCdJ,WAQEtB,KAAAC,SAAWA,EAAAA,SACXD,KAAAuB,iBAAgC,IAAIpB,EAAAA,YAAY,IAEhDH,KAAAI,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAf5BC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,yBACVC,SAAA,+7BAEAC,gBAAiBC,EAAAA,wBAAwBC,8PCc3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZS,GAEFP,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCjBJ,WAQEtB,KAAAC,SAAWA,EAAAA,8BARZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,oBACVC,SAAA,oyCAEAC,gBAAiBC,EAAAA,wBAAwBC,+1BCe3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZW,GAEFT,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,6BCjBJ,WAQEtB,KAAAC,SAAWA,EAAAA,8BARZM,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,2wBAEAC,gBAAiBC,EAAAA,wBAAwBC,uPCe3C,iCAbCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aAEAE,EAAAA,kBACAK,EAAAA,oBACAJ,EAAAA,iBACAC,EAAAA,2BClBSM,EAAmB,CAC9BZ,EACAQ,EACAE,EACAC","sourcesContent":["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: 'callout-theming',\n templateUrl: './callout-theming.component.html',\n styleUrls: ['./callout-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutThemingComponent {\n faMobile = faMobile;\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: 'white', label: 'White' },\n { value: 'black', label: 'Black' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\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 DaffCalloutModule,\n} from '@daffodil/design';\n\nimport { CalloutThemingComponent } from './callout-theming.component';\n\n@NgModule({\n declarations: [\n CalloutThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutThemingModule { }\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: 'callout-text-alignment',\n templateUrl: './callout-text-alignment.component.html',\n styleUrls: ['./callout-text-alignment.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutTextAlignmentComponent {\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 DaffButtonModule,\n DaffCalloutModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CalloutTextAlignmentComponent } from './callout-text-alignment.component';\n\n@NgModule({\n declarations: [\n CalloutTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutTextAlignmentModule { }\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: 'callout-with-grid',\n templateUrl: './callout-with-grid.component.html',\n styleUrls: ['./callout-with-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CalloutWithGridComponent {\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 DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { CalloutWithGridComponent } from './callout-with-grid.component';\n\n@NgModule({\n declarations: [\n CalloutWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CalloutWithGridModule { }\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: 'compact-callout',\n templateUrl: './compact-callout.component.html',\n styleUrls: ['./compact-callout.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CompactCalloutComponent {\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 DaffButtonModule,\n DaffCalloutModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { CompactCalloutComponent } from './compact-callout.component';\n\n@NgModule({\n declarations: [\n CompactCalloutComponent,\n ],\n imports: [\n CommonModule,\n\n DaffCalloutModule,\n DaffContainerModule,\n DaffButtonModule,\n FontAwesomeModule,\n ],\n})\nexport class CompactCalloutModule { }\n","import { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';\nimport { CalloutThemingComponent } from './callout-theming/callout-theming.component';\nimport { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';\nimport { CompactCalloutComponent } from './compact-callout/compact-callout.component';\n\nexport const CALLOUT_EXAMPLES = [\n CalloutThemingComponent,\n CalloutTextAlignmentComponent,\n CalloutWithGridComponent,\n CompactCalloutComponent,\n];\n"]}
|
@@ -1,11 +1,12 @@
|
|
1
1
|
(function (global, factory) {
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@daffodil/design'), require('@angular/forms'), require('@angular/router')) :
|
3
|
-
typeof define === 'function' && define.amd ? define('@daffodil/design/card/examples', ['exports', '@angular/core', '@angular/common', '@daffodil/design', '@angular/forms', '@angular/router'], factory) :
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.card = global.daffodil.design.card || {}, global.daffodil.design.card.examples = {}), global.ng.core, global.ng.common, global.daffodil.design, global.ng.forms, global.ng.router));
|
5
|
-
}(this, (function (exports, core, common, design, forms, router) { 'use strict';
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@fortawesome/free-solid-svg-icons'), require('@angular/common'), require('@fortawesome/angular-fontawesome'), require('@daffodil/design'), require('@angular/forms'), require('@angular/router')) :
|
3
|
+
typeof define === 'function' && define.amd ? define('@daffodil/design/card/examples', ['exports', '@angular/core', '@fortawesome/free-solid-svg-icons', '@angular/common', '@fortawesome/angular-fontawesome', '@daffodil/design', '@angular/forms', '@angular/router'], factory) :
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.card = global.daffodil.design.card || {}, global.daffodil.design.card.examples = {}), global.ng.core, global.freeSolidSvgIcons, global.ng.common, global.angularFontawesome, global.daffodil.design, global.ng.forms, global.ng.router));
|
5
|
+
}(this, (function (exports, core, freeSolidSvgIcons, common, angularFontawesome, design, forms, router) { 'use strict';
|
6
6
|
|
7
7
|
var BasicCardComponent = /** @class */ (function () {
|
8
8
|
function BasicCardComponent() {
|
9
|
+
this.faMapMarked = freeSolidSvgIcons.faMapMarked;
|
9
10
|
}
|
10
11
|
return BasicCardComponent;
|
11
12
|
}());
|
@@ -13,8 +14,9 @@
|
|
13
14
|
{ type: core.Component, args: [{
|
14
15
|
// eslint-disable-next-line @angular-eslint/component-selector
|
15
16
|
selector: 'basic-card',
|
16
|
-
template: "<daff-card>\n
|
17
|
-
|
17
|
+
template: "<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n <div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n",
|
18
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
19
|
+
styles: ["daff-card{max-width:480px}"]
|
18
20
|
},] }
|
19
21
|
];
|
20
22
|
|
@@ -33,6 +35,7 @@
|
|
33
35
|
design.DaffCardModule,
|
34
36
|
design.DaffImageModule,
|
35
37
|
design.DaffButtonModule,
|
38
|
+
angularFontawesome.FontAwesomeModule,
|
36
39
|
],
|
37
40
|
exports: [
|
38
41
|
BasicCardComponent,
|
@@ -40,10 +43,65 @@
|
|
40
43
|
},] }
|
41
44
|
];
|
42
45
|
|
46
|
+
var CardOrientationComponent = /** @class */ (function () {
|
47
|
+
function CardOrientationComponent() {
|
48
|
+
this.faMapMarked = freeSolidSvgIcons.faMapMarked;
|
49
|
+
this.orientationControl = new forms.FormControl('');
|
50
|
+
this.options = [
|
51
|
+
{ value: '', label: 'Default' },
|
52
|
+
{ value: 'vertical', label: 'Vertical' },
|
53
|
+
{ value: 'horizontal', label: 'Horizontal' },
|
54
|
+
];
|
55
|
+
}
|
56
|
+
return CardOrientationComponent;
|
57
|
+
}());
|
58
|
+
CardOrientationComponent.decorators = [
|
59
|
+
{ type: core.Component, args: [{
|
60
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
61
|
+
selector: 'card-orientation',
|
62
|
+
template: "<daff-card [orientation]=\"orientationControl.value\">\n <daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]=\"faMapMarked\"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color=\"theme-contrast\">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]=\"orientationControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
63
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
64
|
+
styles: [".daff-card--vertical{max-width:560px}"]
|
65
|
+
},] }
|
66
|
+
];
|
67
|
+
|
68
|
+
var CardOrientationModule = /** @class */ (function () {
|
69
|
+
function CardOrientationModule() {
|
70
|
+
}
|
71
|
+
return CardOrientationModule;
|
72
|
+
}());
|
73
|
+
CardOrientationModule.decorators = [
|
74
|
+
{ type: core.NgModule, args: [{
|
75
|
+
declarations: [
|
76
|
+
CardOrientationComponent,
|
77
|
+
],
|
78
|
+
imports: [
|
79
|
+
common.CommonModule,
|
80
|
+
forms.ReactiveFormsModule,
|
81
|
+
design.DaffCardModule,
|
82
|
+
design.DaffImageModule,
|
83
|
+
design.DaffButtonModule,
|
84
|
+
angularFontawesome.FontAwesomeModule,
|
85
|
+
],
|
86
|
+
exports: [
|
87
|
+
CardOrientationComponent,
|
88
|
+
],
|
89
|
+
},] }
|
90
|
+
];
|
91
|
+
|
43
92
|
var CardThemingComponent = /** @class */ (function () {
|
44
93
|
function CardThemingComponent() {
|
45
|
-
this.color = 'primary';
|
46
94
|
this.colorControl = new forms.FormControl('');
|
95
|
+
this.options = [
|
96
|
+
{ value: '', label: 'Default' },
|
97
|
+
{ value: 'primary', label: 'Primary' },
|
98
|
+
{ value: 'secondary', label: 'Secondary' },
|
99
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
100
|
+
{ value: 'theme', label: 'Theme' },
|
101
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
102
|
+
{ value: 'black', label: 'Black' },
|
103
|
+
{ value: 'white', label: 'White' },
|
104
|
+
];
|
47
105
|
}
|
48
106
|
return CardThemingComponent;
|
49
107
|
}());
|
@@ -51,8 +109,9 @@
|
|
51
109
|
{ type: core.Component, args: [{
|
52
110
|
// eslint-disable-next-line @angular-eslint/component-selector
|
53
111
|
selector: 'card-theming',
|
54
|
-
template: "<daff-card [color]=\"colorControl.value\">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n
|
55
|
-
|
112
|
+
template: "<daff-card [color]=\"colorControl.value\">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <div daffCardContent>\n <p>Cards are themable.</p>\n </div>\n</daff-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
113
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
114
|
+
styles: ["\n daff-card {\n max-width: 480px;\n }\n "]
|
56
115
|
},] }
|
57
116
|
];
|
58
117
|
|
@@ -80,6 +139,19 @@
|
|
80
139
|
|
81
140
|
var LinkableCardComponent = /** @class */ (function () {
|
82
141
|
function LinkableCardComponent() {
|
142
|
+
this.basicColorControl = new forms.FormControl('');
|
143
|
+
this.raisedColorControl = new forms.FormControl('');
|
144
|
+
this.strokedColorControl = new forms.FormControl('');
|
145
|
+
this.options = [
|
146
|
+
{ value: '', label: 'Default' },
|
147
|
+
{ value: 'primary', label: 'Primary' },
|
148
|
+
{ value: 'secondary', label: 'Secondary' },
|
149
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
150
|
+
{ value: 'theme', label: 'Theme' },
|
151
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
152
|
+
{ value: 'black', label: 'Black' },
|
153
|
+
{ value: 'white', label: 'White' },
|
154
|
+
];
|
83
155
|
}
|
84
156
|
return LinkableCardComponent;
|
85
157
|
}());
|
@@ -87,8 +159,9 @@
|
|
87
159
|
{ type: core.Component, args: [{
|
88
160
|
// eslint-disable-next-line @angular-eslint/component-selector
|
89
161
|
selector: 'linkable-card',
|
90
|
-
template: "<a
|
91
|
-
|
162
|
+
template: "<a daff-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"basicColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"basicColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"raisedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href=\"https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0\" target=\"_blank\" [color]=\"strokedColorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</a>\n\n<select [formControl]=\"strokedColorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
163
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
164
|
+
styles: ["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]
|
92
165
|
},] }
|
93
166
|
];
|
94
167
|
|
@@ -105,6 +178,7 @@
|
|
105
178
|
imports: [
|
106
179
|
common.CommonModule,
|
107
180
|
router.RouterModule,
|
181
|
+
forms.ReactiveFormsModule,
|
108
182
|
design.DaffCardModule,
|
109
183
|
design.DaffImageModule,
|
110
184
|
design.DaffButtonModule,
|
@@ -117,6 +191,17 @@
|
|
117
191
|
|
118
192
|
var RaisedCardComponent = /** @class */ (function () {
|
119
193
|
function RaisedCardComponent() {
|
194
|
+
this.colorControl = new forms.FormControl('');
|
195
|
+
this.options = [
|
196
|
+
{ value: '', label: 'Default' },
|
197
|
+
{ value: 'primary', label: 'Primary' },
|
198
|
+
{ value: 'secondary', label: 'Secondary' },
|
199
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
200
|
+
{ value: 'theme', label: 'Theme' },
|
201
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
202
|
+
{ value: 'black', label: 'Black' },
|
203
|
+
{ value: 'white', label: 'White' },
|
204
|
+
];
|
120
205
|
}
|
121
206
|
return RaisedCardComponent;
|
122
207
|
}());
|
@@ -124,8 +209,9 @@
|
|
124
209
|
{ type: core.Component, args: [{
|
125
210
|
// eslint-disable-next-line @angular-eslint/component-selector
|
126
211
|
selector: 'raised-card',
|
127
|
-
template: "<daff-card [
|
128
|
-
|
212
|
+
template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
213
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
214
|
+
styles: ["daff-raised-card{max-width:480px}"]
|
129
215
|
},] }
|
130
216
|
];
|
131
217
|
|
@@ -141,7 +227,7 @@
|
|
141
227
|
],
|
142
228
|
imports: [
|
143
229
|
common.CommonModule,
|
144
|
-
|
230
|
+
forms.ReactiveFormsModule,
|
145
231
|
design.DaffCardModule,
|
146
232
|
design.DaffImageModule,
|
147
233
|
design.DaffButtonModule,
|
@@ -152,11 +238,63 @@
|
|
152
238
|
},] }
|
153
239
|
];
|
154
240
|
|
241
|
+
var StrokedCardComponent = /** @class */ (function () {
|
242
|
+
function StrokedCardComponent() {
|
243
|
+
this.colorControl = new forms.FormControl('');
|
244
|
+
this.options = [
|
245
|
+
{ value: '', label: 'Default' },
|
246
|
+
{ value: 'primary', label: 'Primary' },
|
247
|
+
{ value: 'secondary', label: 'Secondary' },
|
248
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
249
|
+
{ value: 'theme', label: 'Theme' },
|
250
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
251
|
+
{ value: 'black', label: 'Black' },
|
252
|
+
{ value: 'white', label: 'White' },
|
253
|
+
];
|
254
|
+
}
|
255
|
+
return StrokedCardComponent;
|
256
|
+
}());
|
257
|
+
StrokedCardComponent.decorators = [
|
258
|
+
{ type: core.Component, args: [{
|
259
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
260
|
+
selector: 'stroked-card',
|
261
|
+
template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
262
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
263
|
+
styles: [":host{display:block;max-width:340px}"]
|
264
|
+
},] }
|
265
|
+
];
|
266
|
+
|
267
|
+
var StrokedCardModule = /** @class */ (function () {
|
268
|
+
function StrokedCardModule() {
|
269
|
+
}
|
270
|
+
return StrokedCardModule;
|
271
|
+
}());
|
272
|
+
StrokedCardModule.decorators = [
|
273
|
+
{ type: core.NgModule, args: [{
|
274
|
+
declarations: [
|
275
|
+
StrokedCardComponent,
|
276
|
+
],
|
277
|
+
imports: [
|
278
|
+
common.CommonModule,
|
279
|
+
router.RouterModule,
|
280
|
+
forms.ReactiveFormsModule,
|
281
|
+
design.DaffCardModule,
|
282
|
+
design.DaffImageModule,
|
283
|
+
design.DaffButtonModule,
|
284
|
+
],
|
285
|
+
exports: [
|
286
|
+
StrokedCardComponent,
|
287
|
+
],
|
288
|
+
},] }
|
289
|
+
];
|
290
|
+
|
155
291
|
var CARD_EXAMPLES = [
|
156
292
|
BasicCardComponent,
|
157
293
|
CardThemingComponent,
|
158
294
|
LinkableCardComponent,
|
159
295
|
RaisedCardComponent,
|
296
|
+
StrokedCardComponent,
|
297
|
+
CardOrientationComponent,
|
160
298
|
];
|
161
299
|
|
162
300
|
/**
|
@@ -165,13 +303,17 @@
|
|
165
303
|
|
166
304
|
exports.BasicCardModule = BasicCardModule;
|
167
305
|
exports.CARD_EXAMPLES = CARD_EXAMPLES;
|
306
|
+
exports.CardOrientationModule = CardOrientationModule;
|
168
307
|
exports.CardThemingModule = CardThemingModule;
|
169
308
|
exports.LinkableCardModule = LinkableCardModule;
|
170
309
|
exports.RaisedCardModule = RaisedCardModule;
|
310
|
+
exports.StrokedCardModule = StrokedCardModule;
|
171
311
|
exports.ɵa = BasicCardComponent;
|
172
312
|
exports.ɵb = CardThemingComponent;
|
173
313
|
exports.ɵc = LinkableCardComponent;
|
174
314
|
exports.ɵd = RaisedCardComponent;
|
315
|
+
exports.ɵe = StrokedCardComponent;
|
316
|
+
exports.ɵf = CardOrientationComponent;
|
175
317
|
|
176
318
|
Object.defineProperty(exports, '__esModule', { value: true });
|
177
319
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-card-examples.umd.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":["Component","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":";;;;;;;QAQA;;;;;gBANCA,cAAS,SAAC;;oBAET,QAAQ,EAAE,YAAY;oBACtB,gdAA0C;;iBAE3C;;;;QCkBD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,kBAAkB;qBACnB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,kBAAkB;qBACnB;iBACF;;;;QCnBD;YAWE,UAAK,GAAgB,SAAS,CAAC;YAE/B,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;SACjD;;;;gBAdAN,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,slBAA4C;6BACnC,uDAIR;iBACF;;;;QCWD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZK,yBAAmB;wBACnBJ,qBAAc;wBACdC,sBAAe;qBAChB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;;QChBD;;;;;gBANCJ,cAAS,SAAC;;oBAET,QAAQ,EAAE,eAAe;oBACzB,0TAA6C;;iBAE9C;;;;QCoBD;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZM,mBAAY;wBACZL,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,qBAAqB;qBACtB;iBACF;;;;QClBD;;;;;gBANCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,aAAa;oBACvB,oUAA2C;;iBAE5C;;;;QCoBD;;;;;gBAfCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,mBAAmB;qBACpB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZM,mBAAY;wBACZL,qBAAc;wBACdC,sBAAe;wBACfC,uBAAgB;qBACjB;oBACD,OAAO,EAAE;wBACP,mBAAmB;qBACpB;iBACF;;;QCjBY,aAAa,GAAG;QAC3B,kBAAkB;QAClB,oBAAoB;QACpB,qBAAqB;QACrB,mBAAmB;;;ICbrB;;;;;;;;;;;;;;;;;;;;"}
|
1
|
+
{"version":3,"file":"daffodil-design-card-examples.umd.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":["faMapMarked","Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
!function(a,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@daffodil/design"),require("@angular/forms"),require("@angular/router")):"function"==typeof define&&define.amd?define("@daffodil/design/card/examples",["exports","@angular/core","@angular/common","@daffodil/design","@angular/forms","@angular/router"],e):e(((a="undefined"!=typeof globalThis?globalThis:a||self).daffodil=a.daffodil||{},a.daffodil.design=a.daffodil.design||{},a.daffodil.design.card=a.daffodil.design.card||{},a.daffodil.design.card.examples={}),a.ng.core,a.ng.common,a.daffodil.design,a.ng.forms,a.ng.router)}(this,(function(a,e,o,t,d,r){"use strict";var n=function(){};n.decorators=[{type:e.Component,args:[{selector:"basic-card",template:'<daff-card>\n <daff-image daffCardImage src="/assets/card/uber-logo-dark.svg" alt="uber logo" width="340" height="135"></daff-image>\n <div daffCardTagline>Card Tagline</div>\n <h4 daffCardTitle>Title</h4>\n <p>This is a basic card.</p>\n <div daffCardActions class="daff-basic-card__actions">\n <button daff-underline-button>Card Button</button>\n <button daff-underline-button>Another Card Button</button>\n </div>\n</daff-card>',styles:[":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]}]}];var i=function(){};i.decorators=[{type:e.NgModule,args:[{declarations:[n],imports:[o.CommonModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[n]}]}];var l=function(){this.color="primary",this.colorControl=new d.FormControl("")};l.decorators=[{type:e.Component,args:[{selector:"card-theming",template:'<daff-card [color]="colorControl.value">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <p>Cards are themable.</p>\n</daff-card>\n\n<select [formControl]="colorControl">\n <option value="">Default</option>\n <option value="primary">Primary</option>\n <option value="secondary">Secondary</option>\n <option value="tertiary">Tertiary</option>\n <option value="theme">Theme</option>\n <option value="theme-contrast">Theme Contrast</option>\n <option value="black">Black</option>\n <option value="white">White</option>\n</select>',styles:["\n daff-card {\n max-width: 400px;\n }\n "]}]}];var f=function(){};f.decorators=[{type:e.NgModule,args:[{declarations:[l],imports:[o.CommonModule,d.ReactiveFormsModule,t.DaffCardModule,t.DaffImageModule],exports:[l]}]}];var s=function(){};s.decorators=[{type:e.Component,args:[{selector:"linkable-card",template:'<a routerLink="/" daff-card>\n\t<daff-image daffCardImage\n\t\tsrc="/assets/card/uber-logo-dark.svg"\n\t\talt="uber logo"\n\t\twidth="340"\n\t\theight="135">\n\t</daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a linkable card.</p>\n</a>\n',styles:[":host{display:block;max-width:340px}"]}]}];var c=function(){};c.decorators=[{type:e.NgModule,args:[{declarations:[s],imports:[o.CommonModule,r.RouterModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[s]}]}];var u=function(){};u.decorators=[{type:e.Component,args:[{selector:"raised-card",template:'<daff-card [raised]="true">\n\t<daff-image\n\t\tdaffCardImage\n\t\tsrc="/assets/card/uber-logo-dark.svg"\n\t\talt="uber logo"\n\t\twidth="340"\n\t\theight="135"\n\t></daff-image>\n\t<div daffCardTagline>Card Tagline</div>\n\t<h4 daffCardTitle>Title</h4>\n\t<p>This is a raised card.</p>\n</daff-card>\n',styles:[":host{display:block;max-width:340px}"]}]}];var g=function(){};g.decorators=[{type:e.NgModule,args:[{declarations:[u],imports:[o.CommonModule,r.RouterModule,t.DaffCardModule,t.DaffImageModule,t.DaffButtonModule],exports:[u]}]}];var p=[n,l,s,u];a.BasicCardModule=i,a.CARD_EXAMPLES=p,a.CardThemingModule=f,a.LinkableCardModule=c,a.RaisedCardModule=g,a.ɵa=n,a.ɵb=l,a.ɵc=s,a.ɵd=u,Object.defineProperty(a,"__esModule",{value:!0})}));
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@fortawesome/free-solid-svg-icons"),require("@angular/common"),require("@fortawesome/angular-fontawesome"),require("@daffodil/design"),require("@angular/forms"),require("@angular/router")):"function"==typeof define&&define.amd?define("@daffodil/design/card/examples",["exports","@angular/core","@fortawesome/free-solid-svg-icons","@angular/common","@fortawesome/angular-fontawesome","@daffodil/design","@angular/forms","@angular/router"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.card=e.daffodil.design.card||{},e.daffodil.design.card.examples={}),e.ng.core,e.freeSolidSvgIcons,e.ng.common,e.angularFontawesome,e.daffodil.design,e.ng.forms,e.ng.router)}(this,(function(e,t,o,a,n,i,l,r){"use strict";var d=function(){this.faMapMarked=o.faMapMarked};d.decorators=[{type:t.Component,args:[{selector:"basic-card",template:'<daff-card>\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]="faMapMarked"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors.</p>\n <p>The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n </div>\n <div daffCardActions>\n <button daff-button color="theme-contrast">Learn More</button>\n </div>\n</daff-card>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["daff-card{max-width:480px}"]}]}];var f=function(){};f.decorators=[{type:t.NgModule,args:[{declarations:[d],imports:[a.CommonModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule,n.FontAwesomeModule],exports:[d]}]}];var s=function(){this.faMapMarked=o.faMapMarked,this.orientationControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]};s.decorators=[{type:t.Component,args:[{selector:"card-orientation",template:'<daff-card [orientation]="orientationControl.value">\n <daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n <fa-icon daffCardIcon [icon]="faMapMarked"></fa-icon>\n <div daffCardTagline>Basel, Switzerland</div>\n <h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n <p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n </div>\n\t<div daffCardActions>\n <button daff-button color="theme-contrast">Learn More</button>\n </div>\n</daff-card>\n\n<select [formControl]="orientationControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[".daff-card--vertical{max-width:560px}"]}]}];var c=function(){};c.decorators=[{type:t.NgModule,args:[{declarations:[s],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule,n.FontAwesomeModule],exports:[s]}]}];var h=function(){this.colorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};h.decorators=[{type:t.Component,args:[{selector:"card-theming",template:'<daff-card [color]="colorControl.value">\n <div daffCardTagline>Card Tagline</div>\n <div daffCardTitle>Title</div>\n <div daffCardContent>\n <p>Cards are themable.</p>\n </div>\n</daff-card>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["\n daff-card {\n max-width: 480px;\n }\n "]}]}];var u=function(){};u.decorators=[{type:t.NgModule,args:[{declarations:[h],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule],exports:[h]}]}];var m=function(){this.basicColorControl=new l.FormControl(""),this.raisedColorControl=new l.FormControl(""),this.strokedColorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};m.decorators=[{type:t.Component,args:[{selector:"linkable-card",template:'<a daff-card href="https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0" target="_blank" [color]="basicColorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</a>\n\n<select [formControl]="basicColorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>\n\n<a daff-raised-card href="https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0" target="_blank" [color]="raisedColorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</a>\n\n<select [formControl]="strokedColorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>\n\n<a daff-stroked-card href="https://www.basel.com/en/attractions/basel-exhibition-centre-f45d5dd6f0" target="_blank" [color]="strokedColorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</a>\n\n<select [formControl]="strokedColorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["a.daff-card,a.daff-raised-card,a.daff-stroked-card{max-width:480px}"]}]}];var p=function(){};p.decorators=[{type:t.NgModule,args:[{declarations:[m],imports:[a.CommonModule,r.RouterModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[m]}]}];var v=function(){this.colorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};v.decorators=[{type:t.Component,args:[{selector:"raised-card",template:'<daff-raised-card [color]="colorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:["daff-raised-card{max-width:480px}"]}]}];var g=function(){};g.decorators=[{type:t.NgModule,args:[{declarations:[v],imports:[a.CommonModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[v]}]}];var b=function(){this.colorControl=new l.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"},{value:"black",label:"Black"},{value:"white",label:"White"}]};b.decorators=[{type:t.Component,args:[{selector:"stroked-card",template:'<daff-stroked-card [color]="colorControl.value">\n\t<daff-image daffCardImage\n\t\tsrc="https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80"\n\t\talt="Bottom up view of Basel exhibition centre"\n\t\twidth="1261"\n\t\theight="946">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the "Fenster zum Himmel" ("window to heaven").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;max-width:340px}"]}]}];var C=function(){};C.decorators=[{type:t.NgModule,args:[{declarations:[b],imports:[a.CommonModule,r.RouterModule,l.ReactiveFormsModule,i.DaffCardModule,i.DaffImageModule,i.DaffButtonModule],exports:[b]}]}];var w=[d,h,m,v,b,s];e.BasicCardModule=f,e.CARD_EXAMPLES=w,e.CardOrientationModule=c,e.CardThemingModule=u,e.LinkableCardModule=p,e.RaisedCardModule=g,e.StrokedCardModule=C,e.ɵa=d,e.ɵb=h,e.ɵc=m,e.ɵd=v,e.ɵe=b,e.ɵf=s,Object.defineProperty(e,"__esModule",{value:!0})}));
|
2
2
|
//# sourceMappingURL=daffodil-design-card-examples.umd.min.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"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"],"names":["Component","args","selector","template","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","exports","this","color","colorControl","FormControl","CardThemingComponent","ReactiveFormsModule","LinkableCardComponent","RouterModule","RaisedCardComponent","CARD_EXAMPLES"],"mappings":"wsBAQA,iCANCA,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,aACVC,SAAA,0lBCoBF,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPN,aCjBJ,WAWEO,KAAAC,MAAqB,UAErBD,KAAAE,aAA4B,IAAIC,EAAAA,YAAY,yBAb7ChB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,ikBACS,mECgBX,iCAdCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZY,GAEFV,QAAS,CACPC,EAAAA,aACAU,EAAAA,oBACAT,EAAAA,eACAC,EAAAA,iBAEFE,QAAS,CACPK,aCdJ,iCANCjB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,iWCsBF,iCAfCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPO,aChBJ,iCANCnB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,cACVC,SAAA,2WCsBF,iCAfCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aACAY,EAAAA,aACAX,EAAAA,eACAC,EAAAA,gBACAC,EAAAA,kBAEFC,QAAS,CACPS,WCfSC,EAAgB,CAC3BhB,EACAW,EACAE,EACAE","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"]}
|
1
|
+
{"version":3,"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"],"names":["this","faMapMarked","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicCardComponent","imports","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FontAwesomeModule","exports","orientationControl","FormControl","options","value","label","CardOrientationComponent","ReactiveFormsModule","colorControl","CardThemingComponent","basicColorControl","raisedColorControl","strokedColorControl","LinkableCardComponent","RouterModule","RaisedCardComponent","StrokedCardComponent","CARD_EXAMPLES"],"mappings":"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","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"]}
|
@@ -23,7 +23,8 @@
|
|
23
23
|
{ type: core.Component, args: [{
|
24
24
|
// eslint-disable-next-line @angular-eslint/component-selector
|
25
25
|
selector: 'basic-checkbox',
|
26
|
-
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>"
|
26
|
+
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>",
|
27
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush
|
27
28
|
},] }
|
28
29
|
];
|
29
30
|
|
@@ -66,7 +67,8 @@
|
|
66
67
|
{ type: core.Component, args: [{
|
67
68
|
// eslint-disable-next-line @angular-eslint/component-selector
|
68
69
|
selector: 'checkbox-set',
|
69
|
-
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>"
|
70
|
+
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>",
|
71
|
+
changeDetection: core.ChangeDetectionStrategy.OnPush
|
70
72
|
},] }
|
71
73
|
];
|
72
74
|
CheckboxSetComponent.propDecorators = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-checkbox-examples.umd.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":["FormControl","Component","NgModule","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","FormArray","ViewChild","DaffCheckboxSetComponent"],"mappings":";;;;;;;
|
1
|
+
{"version":3,"file":"daffodil-design-checkbox-examples.umd.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":["FormControl","Component","ChangeDetectionStrategy","NgModule","DaffCheckboxModule","DaffButtonModule","ReactiveFormsModule","FormArray","ViewChild","DaffCheckboxSetComponent"],"mappings":";;;;;;;QAOA;YAOI,oBAAe,GAAG,IAAIA,iBAAW,EAAE,CAAC;SAWvC;QATG,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;QACD,yCAAQ,GAAR;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACtC;QACD,wCAAO,GAAP;YACE,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;SACrC;;;;gBAjBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,+SAA8C;oBAC9C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;;QCaD;;;;;gBAdCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACP,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;;QCXD;YAUI,kBAAa,GAAG,IAAIC,eAAS,CAAC,CAAC,IAAIP,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,EAAE,IAAIA,iBAAW,EAAE,CAAC,CAAC,CAAC;YACzF,mBAAc,GAAG,EAAE,CAAC;SAQvB;QANG,uCAAQ,GAAR;YACE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;SACpD;QACD,0CAAW,GAAX;YACE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;SACpD;;;;gBAlBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wkBAA4C;oBAC5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;iBAChD;;;8BAGIM,cAAS,SAACC,+BAAwB;;;;QCIvC;;;;;gBAfCN,aAAQ,SAAC;oBAER,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,yBAAkB;wBAClBC,uBAAgB;wBAChBC,yBAAmB;qBACpB;oBACD,SAAS,EAAE,EAAE;iBACd;;;QClBY,iBAAiB,GAAG;QAC/B,oBAAoB;QACpB,sBAAsB;MACtB;QAEW,yBAAyB,GAAG;QACvC,mBAAmB;QACnB,iBAAiB;;;ICbnB;;;;;;;;;;;;;;;;;"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/checkbox/examples",["exports","@angular/core","@angular/forms","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.checkbox=e.daffodil.design.checkbox||{},e.daffodil.design.checkbox.examples={}),e.ng.core,e.ng.forms,e.daffodil.design)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.checkboxExample=new t.FormControl}return e.prototype.ngOnInit=function(){this.checkboxExample.setValue(!0)},e.prototype.setFalse=function(){this.checkboxExample.setValue(!1)},e.prototype.setTrue=function(){this.checkboxExample.setValue(!0)},e}();c.decorators=[{type:o.Component,args:[{selector:"basic-checkbox",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>'}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[c],exports:[c],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var r=function(){function e(){this.checkboxArray=new t.FormArray([new t.FormControl,new t.FormControl,new t.FormControl]),this.selectedValues=[]}return e.prototype.ngOnInit=function(){this.checkboxArray.setValue([!1,!1,!1])},e.prototype.displayList=function(){this.selectedValues=this.checkboxSet.getValues()},e}();r.decorators=[{type:o.Component,args:[{selector:"checkbox-set",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>'}]}],r.propDecorators={checkboxSet:[{type:o.ViewChild,args:[n.DaffCheckboxSetComponent]}]};var
|
1
|
+
!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/forms"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/checkbox/examples",["exports","@angular/core","@angular/forms","@daffodil/design"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.checkbox=e.daffodil.design.checkbox||{},e.daffodil.design.checkbox.examples={}),e.ng.core,e.ng.forms,e.daffodil.design)}(this,(function(e,o,t,n){"use strict";var c=function(){function e(){this.checkboxExample=new t.FormControl}return e.prototype.ngOnInit=function(){this.checkboxExample.setValue(!0)},e.prototype.setFalse=function(){this.checkboxExample.setValue(!1)},e.prototype.setTrue=function(){this.checkboxExample.setValue(!0)},e}();c.decorators=[{type:o.Component,args:[{selector:"basic-checkbox",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>',changeDetection:o.ChangeDetectionStrategy.OnPush}]}];var a=function(){};a.decorators=[{type:o.NgModule,args:[{declarations:[c],exports:[c],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var r=function(){function e(){this.checkboxArray=new t.FormArray([new t.FormControl,new t.FormControl,new t.FormControl]),this.selectedValues=[]}return e.prototype.ngOnInit=function(){this.checkboxArray.setValue([!1,!1,!1])},e.prototype.displayList=function(){this.selectedValues=this.checkboxSet.getValues()},e}();r.decorators=[{type:o.Component,args:[{selector:"checkbox-set",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>',changeDetection:o.ChangeDetectionStrategy.OnPush}]}],r.propDecorators={checkboxSet:[{type:o.ViewChild,args:[n.DaffCheckboxSetComponent]}]};var i=function(){};i.decorators=[{type:o.NgModule,args:[{declarations:[r],exports:[r],imports:[n.DaffCheckboxModule,n.DaffButtonModule,t.ReactiveFormsModule],providers:[]}]}];var f=[r,c],s=[a,i];e.CHECKBOX_EXAMPLES=f,e.CHECKBOX_EXAMPLES_MODULES=s,e.ɵa=r,e.ɵb=c,e.ɵc=a,e.ɵd=i,Object.defineProperty(e,"__esModule",{value:!0})}));
|
2
2
|
//# sourceMappingURL=daffodil-design-checkbox-examples.umd.min.js.map
|