@daffodil/design 0.38.6 → 0.39.2
Sign up to get free protection for your applications and to get access to all the features.
- package/accordion/examples/package.json +1 -1
- package/article/examples/package.json +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.js +3 -37
- package/bundles/daffodil-design-accordion-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.js +13 -88
- package/bundles/daffodil-design-article-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.js +8 -132
- package/bundles/daffodil-design-button-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.js +5 -67
- 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 +5 -65
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.js +3 -74
- package/bundles/daffodil-design-checkbox-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-hero-examples.umd.js +5 -67
- 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 +6 -74
- package/bundles/daffodil-design-list-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.js +3 -47
- package/bundles/daffodil-design-loading-icon-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.js +3 -43
- package/bundles/daffodil-design-media-gallery-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.js +3 -47
- package/bundles/daffodil-design-modal-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.js +5 -81
- package/bundles/daffodil-design-quantity-field-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.js +2 -40
- package/bundles/daffodil-design-radio-examples.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.js +391 -3432
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +1 -1
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/button/examples/package.json +1 -1
- package/callout/examples/daffodil-design-callout-examples.metadata.json +1 -1
- package/callout/examples/package.json +1 -1
- package/card/examples/package.json +1 -1
- package/checkbox/examples/package.json +1 -1
- package/daff-global.scss +1 -1
- package/daff-theme.scss +38 -4
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/accordion/examples/basic-accordion/basic-accordion.component.js +2 -7
- package/esm2015/accordion/examples/basic-accordion/basic-accordion.module.js +1 -6
- package/esm2015/accordion/examples/daffodil-design-accordion-examples.js +2 -7
- package/esm2015/accordion/examples/index.js +2 -7
- package/esm2015/accordion/examples/nav-accordion/nav-accordion.component.js +2 -7
- package/esm2015/accordion/examples/nav-accordion/nav-accordion.module.js +1 -6
- package/esm2015/accordion/examples/public_api.js +1 -7
- package/esm2015/article/examples/article-blockquote/article-blockquote.component.js +2 -7
- package/esm2015/article/examples/article-code-block/article-code-block.component.js +2 -7
- package/esm2015/article/examples/article-code-inline/article-code-inline.component.js +2 -7
- package/esm2015/article/examples/article-examples.module.js +1 -6
- package/esm2015/article/examples/article-headings/article-headings.component.js +2 -7
- package/esm2015/article/examples/article-hr/article-hr.component.js +2 -7
- package/esm2015/article/examples/article-lead/article-lead.component.js +2 -7
- package/esm2015/article/examples/article-link/article-link.component.js +2 -7
- package/esm2015/article/examples/article-meta/article-meta.component.js +2 -7
- package/esm2015/article/examples/article-ol/article-ol.component.js +2 -7
- package/esm2015/article/examples/article-table/article-table.component.js +2 -7
- package/esm2015/article/examples/article-ul/article-ul.component.js +2 -7
- package/esm2015/article/examples/daffodil-design-article-examples.js +2 -7
- package/esm2015/article/examples/examples.js +1 -7
- package/esm2015/article/examples/index.js +2 -7
- package/esm2015/article/examples/public_api.js +1 -6
- package/esm2015/atoms/button/button.component.js +21 -77
- package/esm2015/atoms/button/button.module.js +1 -6
- package/esm2015/atoms/button/public_api.js +2 -7
- package/esm2015/atoms/container/container.component.js +4 -41
- package/esm2015/atoms/container/container.module.js +1 -6
- package/esm2015/atoms/container/public_api.js +2 -7
- package/esm2015/atoms/form/checkbox/checkbox.component.js +7 -101
- package/esm2015/atoms/form/checkbox/checkbox.module.js +1 -6
- package/esm2015/atoms/form/checkbox/cva/checkbox-cva.directive.js +7 -60
- package/esm2015/atoms/form/checkbox/public_api.js +1 -6
- package/esm2015/atoms/form/checkbox-set/checkbox-set.component.js +4 -47
- package/esm2015/atoms/form/core/error-state-matcher/error-state-matcher.js +1 -11
- package/esm2015/atoms/form/core/public_api.js +1 -6
- package/esm2015/atoms/form/error-message/error-message.component.js +2 -7
- package/esm2015/atoms/form/error-message/error-message.module.js +1 -6
- package/esm2015/atoms/form/error-message/public_api.js +1 -6
- package/esm2015/atoms/form/form-field/form-field/form-field.component.js +7 -54
- package/esm2015/atoms/form/form-field/form-field-control.js +1 -21
- package/esm2015/atoms/form/form-field/form-field-errors.js +1 -7
- package/esm2015/atoms/form/form-field/form-field.module.js +1 -6
- package/esm2015/atoms/form/form-field/public_api.js +2 -7
- package/esm2015/atoms/form/input/input.component.js +8 -37
- package/esm2015/atoms/form/input/input.module.js +1 -6
- package/esm2015/atoms/form/input/public_api.js +1 -6
- package/esm2015/atoms/form/quantity-field/public_api.js +1 -6
- package/esm2015/atoms/form/quantity-field/quantity-field.component.js +5 -111
- package/esm2015/atoms/form/quantity-field/quantity-field.module.js +1 -6
- package/esm2015/atoms/form/quantity-field/quantity-input/quantity-input.component.js +6 -85
- package/esm2015/atoms/form/quantity-field/quantity-select/quantity-select.component.js +6 -81
- package/esm2015/atoms/form/radio/cva/radio-cva.directive.js +6 -64
- package/esm2015/atoms/form/radio/public_api.js +3 -8
- package/esm2015/atoms/form/radio/radio.component.js +7 -85
- package/esm2015/atoms/form/radio/radio.module.js +1 -6
- package/esm2015/atoms/form/radio/registry/radio-registry.js +7 -46
- package/esm2015/atoms/form/radio-set/radio-set.component.js +3 -17
- package/esm2015/atoms/form/select/public_api.js +2 -7
- package/esm2015/atoms/form/select/select/select.component.js +9 -45
- package/esm2015/atoms/form/select/select.module.js +1 -6
- package/esm2015/atoms/image/image.component.js +12 -97
- package/esm2015/atoms/image/image.module.js +1 -6
- package/esm2015/atoms/image/public_api.js +1 -6
- package/esm2015/atoms/loading-icon/loading-icon.component.js +6 -49
- package/esm2015/atoms/loading-icon/loading-icon.module.js +1 -6
- package/esm2015/atoms/loading-icon/public_api.js +2 -7
- package/esm2015/atoms/progress-indicator/animation/progress-indicator-animation.js +1 -7
- package/esm2015/atoms/progress-indicator/progress-indicator.component.js +6 -58
- package/esm2015/atoms/progress-indicator/progress-indicator.module.js +1 -6
- package/esm2015/atoms/progress-indicator/public_api.js +2 -7
- package/esm2015/button/examples/basic-button/basic-button.component.js +2 -13
- package/esm2015/button/examples/basic-button/basic-button.module.js +1 -6
- package/esm2015/button/examples/daffodil-design-button-examples.js +2 -7
- package/esm2015/button/examples/icon-button/icon-button.component.js +2 -11
- package/esm2015/button/examples/icon-button/icon-button.module.js +1 -6
- package/esm2015/button/examples/index.js +2 -7
- package/esm2015/button/examples/public_api.js +1 -7
- package/esm2015/button/examples/raised-button/raised-button.component.js +2 -13
- package/esm2015/button/examples/raised-button/raised-button.module.js +1 -6
- package/esm2015/button/examples/sizeable-button/sizeable-button.component.js +2 -11
- package/esm2015/button/examples/sizeable-button/sizeable-button.module.js +1 -6
- package/esm2015/button/examples/statusable-button/statusable-button.component.js +2 -15
- package/esm2015/button/examples/statusable-button/statusable-button.module.js +1 -6
- package/esm2015/button/examples/stroked-button/stroked-button.component.js +2 -13
- package/esm2015/button/examples/stroked-button/stroked-button.module.js +1 -6
- package/esm2015/button/examples/underline-button/underline-button.component.js +2 -13
- package/esm2015/button/examples/underline-button/underline-button.module.js +1 -6
- package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.component.js +2 -13
- package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.module.js +1 -6
- package/esm2015/callout/examples/callout-theming/callout-theming.component.js +2 -13
- package/esm2015/callout/examples/callout-theming/callout-theming.module.js +1 -6
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +3 -8
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.module.js +1 -6
- package/esm2015/callout/examples/daffodil-design-callout-examples.js +2 -7
- package/esm2015/callout/examples/examples.js +1 -7
- package/esm2015/callout/examples/index.js +2 -7
- package/esm2015/callout/examples/public_api.js +1 -6
- package/esm2015/card/examples/basic-card/basic-card.component.js +2 -7
- package/esm2015/card/examples/basic-card/basic-card.module.js +1 -6
- package/esm2015/card/examples/card-theming/card-theming.component.js +2 -13
- package/esm2015/card/examples/card-theming/card-theming.module.js +1 -6
- package/esm2015/card/examples/daffodil-design-card-examples.js +2 -7
- package/esm2015/card/examples/index.js +2 -7
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +2 -7
- package/esm2015/card/examples/linkable-card/linkable-card.module.js +1 -6
- package/esm2015/card/examples/public_api.js +1 -7
- package/esm2015/card/examples/raised-card/raised-card.component.js +2 -7
- package/esm2015/card/examples/raised-card/raised-card.module.js +1 -6
- package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.component.js +2 -20
- package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.module.js +1 -6
- package/esm2015/checkbox/examples/checkbox-set/checkbox-set.component.js +2 -24
- package/esm2015/checkbox/examples/checkbox-set/checkbox-set.module.js +1 -6
- package/esm2015/checkbox/examples/daffodil-design-checkbox-examples.js +2 -7
- package/esm2015/checkbox/examples/examples.js +1 -8
- package/esm2015/checkbox/examples/index.js +2 -7
- package/esm2015/checkbox/examples/public_api.js +1 -6
- package/esm2015/core/breakpoints/breakpoints.js +10 -16
- package/esm2015/core/colorable/color-in-palette.js +2 -11
- package/esm2015/core/colorable/colorable-enum.js +12 -18
- package/esm2015/core/colorable/colorable-mixin.js +1 -35
- package/esm2015/core/colorable/colorable.js +2 -15
- package/esm2015/core/colorable/public_api.js +1 -6
- package/esm2015/core/constructor/constructor.js +2 -6
- package/esm2015/core/mutable/mutable.js +2 -16
- package/esm2015/core/prefix-suffix/prefix-suffix.module.js +1 -6
- package/esm2015/core/prefix-suffix/prefix.directive.js +1 -10
- package/esm2015/core/prefix-suffix/prefixable/prefixable-interface.js +2 -15
- package/esm2015/core/prefix-suffix/prefixable/prefixable.js +2 -17
- package/esm2015/core/prefix-suffix/public_api.js +4 -9
- package/esm2015/core/prefix-suffix/suffix.directive.js +1 -10
- package/esm2015/core/prefix-suffix/suffixable/suffixable-interface.js +2 -15
- package/esm2015/core/prefix-suffix/suffixable/suffixable.js +2 -17
- package/esm2015/core/public_api.js +9 -14
- package/esm2015/core/sizeable/sizeable-mixin.js +1 -37
- package/esm2015/core/sizeable/sizeable.js +9 -24
- package/esm2015/core/skeletonable/skeletonable.js +2 -16
- package/esm2015/core/statusable/statusable-mixin.js +1 -37
- package/esm2015/core/statusable/statusable.js +7 -21
- package/esm2015/core/text-alignable/text-alignable-mixin.js +1 -35
- package/esm2015/core/text-alignable/text-alignable.js +7 -23
- package/esm2015/daffodil-design.js +2 -7
- package/esm2015/examples/examples.js +2 -17
- package/esm2015/examples/public_api.js +2 -6
- package/esm2015/hero/examples/daffodil-design-hero-examples.js +2 -7
- package/esm2015/hero/examples/examples.js +1 -7
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +2 -13
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.module.js +1 -6
- package/esm2015/hero/examples/hero-theming/hero-theming.component.js +2 -13
- package/esm2015/hero/examples/hero-theming/hero-theming.module.js +1 -6
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +3 -8
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.module.js +1 -6
- package/esm2015/hero/examples/index.js +2 -7
- package/esm2015/hero/examples/public_api.js +1 -6
- package/esm2015/list/examples/basic-list/basic-list.component.js +2 -7
- package/esm2015/list/examples/basic-list/basic-list.module.js +1 -6
- package/esm2015/list/examples/daffodil-design-list-examples.js +2 -7
- package/esm2015/list/examples/examples.js +1 -7
- package/esm2015/list/examples/icon-list/icon-list.component.js +2 -11
- package/esm2015/list/examples/icon-list/icon-list.module.js +1 -6
- package/esm2015/list/examples/index.js +2 -7
- package/esm2015/list/examples/list-examples.module.js +1 -6
- package/esm2015/list/examples/multiline-list/multiline-list.component.js +2 -7
- package/esm2015/list/examples/multiline-list/multiline-list.module.js +1 -6
- package/esm2015/list/examples/nav-list/nav-list.component.js +2 -11
- package/esm2015/list/examples/nav-list/nav-list.module.js +1 -6
- package/esm2015/list/examples/public_api.js +1 -6
- package/esm2015/loading-icon/examples/daffodil-design-loading-icon-examples.js +2 -7
- package/esm2015/loading-icon/examples/examples.js +1 -7
- package/esm2015/loading-icon/examples/index.js +2 -7
- package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.component.js +2 -11
- package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.module.js +1 -6
- package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.js +2 -7
- package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.js +1 -6
- package/esm2015/loading-icon/examples/public_api.js +1 -6
- package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.js +2 -7
- package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.js +1 -6
- package/esm2015/media-gallery/examples/daffodil-design-media-gallery-examples.js +2 -7
- package/esm2015/media-gallery/examples/examples.js +1 -7
- package/esm2015/media-gallery/examples/index.js +2 -7
- package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.js +2 -7
- package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.js +1 -6
- package/esm2015/media-gallery/examples/public_api.js +1 -6
- package/esm2015/modal/examples/basic-modal/basic-modal.component.js +2 -22
- package/esm2015/modal/examples/basic-modal/basic-modal.module.js +1 -6
- package/esm2015/modal/examples/basic-modal/modal-content.component.js +2 -7
- package/esm2015/modal/examples/daffodil-design-modal-examples.js +2 -7
- package/esm2015/modal/examples/index.js +2 -7
- package/esm2015/modal/examples/public_api.js +1 -7
- package/esm2015/molecules/accordion/accordion/accordion.component.js +2 -7
- package/esm2015/molecules/accordion/accordion-item/accordion-item.component.js +8 -46
- package/esm2015/molecules/accordion/accordion-item-content/accordion-item-content.directive.js +2 -14
- package/esm2015/molecules/accordion/accordion-item-title/accordion-item-title.directive.js +2 -14
- package/esm2015/molecules/accordion/accordion.module.js +1 -6
- package/esm2015/molecules/accordion/animation/accordion-animation-state.js +3 -13
- package/esm2015/molecules/accordion/animation/accordion-animation.js +1 -7
- package/esm2015/molecules/accordion/nav-accordion-item/nav-accordion-item.component.js +9 -64
- package/esm2015/molecules/accordion/public_api.js +5 -10
- package/esm2015/molecules/article/article/article.component.js +5 -22
- package/esm2015/molecules/article/article-lead/article-lead.directive.js +2 -14
- package/esm2015/molecules/article/article-meta/article-meta.directive.js +2 -14
- package/esm2015/molecules/article/article-title/article-title.directive.js +2 -14
- package/esm2015/molecules/article/article.module.js +1 -6
- package/esm2015/molecules/article/public_api.js +1 -6
- package/esm2015/molecules/backdrop/animation/backdrop-animation.js +1 -10
- package/esm2015/molecules/backdrop/backdrop/backdrop.component.js +3 -27
- package/esm2015/molecules/backdrop/backdrop.module.js +1 -6
- package/esm2015/molecules/backdrop/public_api.js +2 -7
- package/esm2015/molecules/button-set/button-set.component.js +3 -15
- package/esm2015/molecules/button-set/button-set.module.js +1 -6
- package/esm2015/molecules/button-set/public_api.js +2 -7
- package/esm2015/molecules/callout/callout/callout.component.js +15 -61
- package/esm2015/molecules/callout/callout-subtitle/callout-subtitle.directive.js +2 -14
- package/esm2015/molecules/callout/callout-tagline/callout-tagline.directive.js +2 -14
- package/esm2015/molecules/callout/callout-title/callout-title.directive.js +2 -14
- package/esm2015/molecules/callout/callout.module.js +1 -6
- package/esm2015/molecules/callout/public_api.js +5 -10
- package/esm2015/molecules/card/card/card.component.js +5 -47
- package/esm2015/molecules/card/card-actions/card-actions.directive.js +2 -14
- package/esm2015/molecules/card/card-image/card-image.directive.js +2 -14
- package/esm2015/molecules/card/card-tagline/card-tagline.directive.js +2 -14
- package/esm2015/molecules/card/card-title/card-title.directive.js +2 -14
- package/esm2015/molecules/card/card.module.js +1 -6
- package/esm2015/molecules/card/public_api.js +6 -11
- package/esm2015/molecules/feature/feature/feature.component.js +11 -28
- package/esm2015/molecules/feature/feature-icon/feature-icon.directive.js +2 -14
- package/esm2015/molecules/feature/feature-subheader/feature-subheader.directive.js +2 -14
- package/esm2015/molecules/feature/feature-subtitle/feature-subtitle.directive.js +2 -14
- package/esm2015/molecules/feature/feature-title/feature-title.directive.js +2 -14
- package/esm2015/molecules/feature/feature.module.js +1 -6
- package/esm2015/molecules/feature/public_api.js +6 -11
- package/esm2015/molecules/hero/hero/hero.component.js +17 -65
- package/esm2015/molecules/hero/hero-subtitle/hero-subtitle.directive.js +2 -14
- package/esm2015/molecules/hero/hero-tagline/hero-tagline.directive.js +2 -14
- package/esm2015/molecules/hero/hero-title/hero-title.directive.js +2 -14
- package/esm2015/molecules/hero/hero.module.js +1 -6
- package/esm2015/molecules/hero/public_api.js +5 -10
- package/esm2015/molecules/image-gallery/gallery-image/gallery-image.component.js +2 -13
- package/esm2015/molecules/image-gallery/image-gallery/image-gallery.component.js +3 -8
- package/esm2015/molecules/image-gallery/image-gallery.module.js +1 -6
- package/esm2015/molecules/image-gallery/public_api.js +3 -8
- package/esm2015/molecules/image-list/image-list.component.js +4 -16
- package/esm2015/molecules/image-list/image-list.module.js +1 -6
- package/esm2015/molecules/image-list/public_api.js +2 -7
- package/esm2015/molecules/link-set/link-set/link-set.component.js +4 -16
- package/esm2015/molecules/link-set/link-set-heading/link-set-heading.directive.js +2 -14
- package/esm2015/molecules/link-set/link-set-item/link-set-item.component.js +3 -15
- package/esm2015/molecules/link-set/link-set-subheading/link-set-subheading.directive.js +2 -14
- package/esm2015/molecules/link-set/link-set.module.js +1 -6
- package/esm2015/molecules/link-set/public_api.js +2 -7
- package/esm2015/molecules/list/list/list.component.js +24 -61
- package/esm2015/molecules/list/list-item/list-item.component.js +5 -45
- package/esm2015/molecules/list/list-subheader/list-subheader.directive.js +2 -14
- package/esm2015/molecules/list/list.module.js +1 -6
- package/esm2015/molecules/list/public_api.js +4 -9
- package/esm2015/molecules/media-gallery/media-gallery-registration.interface.js +2 -14
- package/esm2015/molecules/media-gallery/media-gallery-token.js +1 -7
- package/esm2015/molecules/media-gallery/media-gallery.component.js +3 -21
- package/esm2015/molecules/media-gallery/media-gallery.module.js +1 -6
- package/esm2015/molecules/media-gallery/media-renderer/media-renderer.component.js +8 -66
- package/esm2015/molecules/media-gallery/public_api.js +4 -9
- package/esm2015/molecules/media-gallery/registry/media-gallery.registry.js +7 -54
- package/esm2015/molecules/media-gallery/thumbnail/thumbnail-compat.token.js +1 -7
- package/esm2015/molecules/media-gallery/thumbnail/thumbnail-registration.interface.js +2 -22
- package/esm2015/molecules/media-gallery/thumbnail/thumbnail.directive.js +9 -70
- package/esm2015/molecules/modal/animations/modal-animation-state.js +2 -12
- package/esm2015/molecules/modal/animations/modal-animation.js +1 -7
- package/esm2015/molecules/modal/modal/modal-config.js +2 -18
- package/esm2015/molecules/modal/modal/modal.component.js +4 -50
- package/esm2015/molecules/modal/modal-actions/modal-actions.component.js +2 -7
- package/esm2015/molecules/modal/modal-content/modal-content.component.js +2 -7
- package/esm2015/molecules/modal/modal-header/modal-header.component.js +4 -16
- package/esm2015/molecules/modal/modal-title/modal-title.directive.js +2 -14
- package/esm2015/molecules/modal/modal.js +2 -22
- package/esm2015/molecules/modal/modal.module.js +1 -6
- package/esm2015/molecules/modal/public_api.js +2 -7
- package/esm2015/molecules/modal/service/modal.service.js +6 -78
- package/esm2015/molecules/navbar/navbar.component.js +5 -46
- package/esm2015/molecules/navbar/navbar.module.js +1 -6
- package/esm2015/molecules/navbar/public_api.js +2 -7
- package/esm2015/molecules/paginator/paginator-errors.js +1 -8
- package/esm2015/molecules/paginator/paginator.component.js +22 -117
- package/esm2015/molecules/paginator/paginator.module.js +1 -6
- package/esm2015/molecules/paginator/public_api.js +1 -6
- package/esm2015/molecules/qty-dropdown/public_api.js +2 -7
- package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +17 -100
- package/esm2015/molecules/qty-dropdown/qty-dropdown.module.js +1 -6
- package/esm2015/molecules/sidebar/animation/sidebar-animation-state.js +3 -14
- package/esm2015/molecules/sidebar/animation/sidebar-animation.js +6 -17
- package/esm2015/molecules/sidebar/helper/sidebar-mode.js +2 -6
- package/esm2015/molecules/sidebar/public_api.js +4 -9
- package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +7 -49
- package/esm2015/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.js +12 -80
- package/esm2015/molecules/sidebar/sidebar.module.js +1 -6
- package/esm2015/public_api.js +34 -39
- package/esm2015/quantity-field/examples/basic/basic-quantity-field.component.js +2 -11
- package/esm2015/quantity-field/examples/basic/basic-quantity-field.module.js +1 -6
- package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.component.js +2 -11
- package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.module.js +1 -6
- package/esm2015/quantity-field/examples/daffodil-design-quantity-field-examples.js +2 -7
- package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.component.js +2 -11
- package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.module.js +1 -6
- package/esm2015/quantity-field/examples/examples.js +1 -7
- package/esm2015/quantity-field/examples/index.js +2 -7
- package/esm2015/quantity-field/examples/public_api.js +1 -6
- package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.component.js +2 -11
- package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.module.js +1 -6
- package/esm2015/radio/examples/basic-radio/basic-radio.component.js +2 -14
- package/esm2015/radio/examples/basic-radio/basic-radio.module.js +1 -6
- package/esm2015/radio/examples/daffodil-design-radio-examples.js +2 -7
- package/esm2015/radio/examples/examples.js +1 -8
- package/esm2015/radio/examples/index.js +2 -7
- package/esm2015/radio/examples/public_api.js +1 -6
- package/fesm2015/daffodil-design-accordion-examples.js +3 -37
- package/fesm2015/daffodil-design-accordion-examples.js.map +1 -1
- package/fesm2015/daffodil-design-article-examples.js +12 -92
- package/fesm2015/daffodil-design-article-examples.js.map +1 -1
- package/fesm2015/daffodil-design-button-examples.js +8 -132
- package/fesm2015/daffodil-design-button-examples.js.map +1 -1
- package/fesm2015/daffodil-design-callout-examples.js +5 -67
- package/fesm2015/daffodil-design-callout-examples.js.map +1 -1
- package/fesm2015/daffodil-design-card-examples.js +5 -65
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-checkbox-examples.js +3 -74
- package/fesm2015/daffodil-design-checkbox-examples.js.map +1 -1
- package/fesm2015/daffodil-design-hero-examples.js +5 -67
- package/fesm2015/daffodil-design-hero-examples.js.map +1 -1
- package/fesm2015/daffodil-design-list-examples.js +5 -78
- package/fesm2015/daffodil-design-list-examples.js.map +1 -1
- package/fesm2015/daffodil-design-loading-icon-examples.js +3 -47
- package/fesm2015/daffodil-design-loading-icon-examples.js.map +1 -1
- package/fesm2015/daffodil-design-media-gallery-examples.js +3 -43
- package/fesm2015/daffodil-design-media-gallery-examples.js.map +1 -1
- package/fesm2015/daffodil-design-modal-examples.js +3 -47
- package/fesm2015/daffodil-design-modal-examples.js.map +1 -1
- package/fesm2015/daffodil-design-quantity-field-examples.js +5 -81
- package/fesm2015/daffodil-design-quantity-field-examples.js.map +1 -1
- package/fesm2015/daffodil-design-radio-examples.js +2 -40
- package/fesm2015/daffodil-design-radio-examples.js.map +1 -1
- package/fesm2015/daffodil-design.js +387 -3555
- package/fesm2015/daffodil-design.js.map +1 -1
- package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
- package/hero/examples/package.json +1 -1
- package/list/examples/package.json +1 -1
- package/loading-icon/examples/package.json +1 -1
- package/media-gallery/examples/package.json +1 -1
- package/modal/examples/package.json +1 -1
- package/package.json +2 -2
- package/quantity-field/examples/package.json +1 -1
- package/radio/examples/package.json +1 -1
@@ -1,2 +1,2 @@
|
|
1
|
-
!function(t
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@angular/common"),require("@daffodil/design")):"function"==typeof define&&define.amd?define("@daffodil/design/callout/examples",["exports","@angular/core","@angular/forms","@angular/common","@daffodil/design"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).daffodil=e.daffodil||{},e.daffodil.design=e.daffodil.design||{},e.daffodil.design.callout=e.daffodil.design.callout||{},e.daffodil.design.callout.examples={}),e.ng.core,e.ng.forms,e.ng.common,e.daffodil.design)}(this,(function(e,t,o,a,l){"use strict";var i=function(){this.colorControl=new o.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"white",label:"White"},{value:"black",label:"Black"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"}]};i.decorators=[{type:t.Component,args:[{selector:"callout-theming",template:'<daff-callout [color]="colorControl.value">\n\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t<div daffCalloutSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</div>\n</daff-callout>\n\n<select [formControl]="colorControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>'}]}];var n=function(){};n.decorators=[{type:t.NgModule,args:[{declarations:[i],imports:[a.CommonModule,o.ReactiveFormsModule,l.DaffCalloutModule]}]}];var d=function(){this.textAlignControl=new o.FormControl(""),this.options=[{value:"",label:"Default"},{value:"left",label:"Left"},{value:"center",label:"Center"},{value:"right",label:"Right"}]};d.decorators=[{type:t.Component,args:[{selector:"callout-text-alignment",template:'<daff-callout [textAlignment]="textAlignControl.value">\n\t<daff-container size="md">\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]="textAlignControl">\n\t<option *ngFor="let option of options" [value]="option.value">{{ option.label }}</option>\n</select>'}]}];var r=function(){};r.decorators=[{type:t.NgModule,args:[{declarations:[d],imports:[a.CommonModule,o.ReactiveFormsModule,l.DaffCalloutModule,l.DaffContainerModule,l.DaffAccordionModule]}]}];var f=function(){};f.decorators=[{type:t.Component,args:[{selector:"callout-with-grid",template:'<daff-callout color="theme">\n\t<daff-container class="daff-callout-with-grid__grid">\n\t\t<div class="daff-callout-with-grid__image">\n\t\t\t<img src="/assets/design/callout/pwa-illustration.svg" alt="PWA Illustration">\n\t\t</div>\n\t\t<div class="daff-callout-with-grid__content-wrapper">\n\t\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffCalloutSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div class="daff-callout-with-grid__actions">\n\t\t\t\t<a daff-button color="theme-contrast" href="https://www.daff.io" class="daff-callout-with-grid__daffodil-action">What is Daffodil?</a>\n\t\t\t\t<a daff-underline-button color="theme-contrast" routerLink="/contact" class="daff-callout-with-grid__demo-action">Sign up for a demo</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-callout>',styles:['.daff-callout-with-grid__grid{display:grid;grid-template:"image" "content"/1fr;grid-gap:24px}@media (min-width:768px){.daff-callout-with-grid__grid{grid-template:"image content"/1fr 1fr;grid-gap:48px}}.daff-callout-with-grid__image{grid-area:image}.daff-callout-with-grid__content-wrapper{grid-area:content}.daff-callout-with-grid__actions{display:grid;grid-template:"daffodil-action" "demo-action"/auto;grid-gap:24px}@media (min-width:768px){.daff-callout-with-grid__actions{grid-template:"daffodil-action demo-action"/auto}}.daff-callout-with-grid__daffodil-action{grid-area:daffodil-action}.daff-callout-with-grid__demo-action{grid-area:demo-action}']}]}];var c=function(){};c.decorators=[{type:t.NgModule,args:[{declarations:[f],imports:[a.CommonModule,o.ReactiveFormsModule,l.DaffCalloutModule,l.DaffContainerModule,l.DaffButtonModule]}]}];var u=[i,d,f];e.CALLOUT_EXAMPLES=u,e.CalloutTextAlignmentComponent=d,e.CalloutTextAlignmentModule=r,e.CalloutThemingComponent=i,e.CalloutThemingModule=n,e.CalloutWithGridComponent=f,e.CalloutWithGridModule=c,Object.defineProperty(e,"__esModule",{value:!0})}));
|
2
2
|
//# sourceMappingURL=daffodil-design-callout-examples.umd.min.js.map
|
@@ -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/examples.ts"],"names":["this","colorControl","FormControl","options","value","label","Component","args","selector","template","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","DaffAccordionModule","CalloutWithGridComponent","DaffButtonModule","CALLOUT_EXAMPLES"],"mappings":"ypBAKA,WAMEA,KAAAC,aAA4B,IAAIC,EAAAA,YAAY,IAE5CF,KAAAG,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,wCAhBrCC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,unBCUF,iCAVCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,6BCZJ,WAMEhB,KAAAiB,iBAAgC,IAAIf,EAAAA,YAAY,IAEhDF,KAAAG,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAZ5BC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,yBACVC,SAAA,ssBCkBF,iCAZCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZO,GAEFL,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAG,EAAAA,oBACAC,EAAAA,+BCbJ,iCANCd,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,oBACVC,SAAA,
|
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/examples.ts"],"names":["this","colorControl","FormControl","options","value","label","Component","args","selector","template","NgModule","declarations","CalloutThemingComponent","imports","CommonModule","ReactiveFormsModule","DaffCalloutModule","textAlignControl","CalloutTextAlignmentComponent","DaffContainerModule","DaffAccordionModule","CalloutWithGridComponent","DaffButtonModule","CALLOUT_EXAMPLES"],"mappings":"ypBAKA,WAMEA,KAAAC,aAA4B,IAAIC,EAAAA,YAAY,IAE5CF,KAAAG,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,wCAhBrCC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,kBACVC,SAAA,unBCUF,iCAVCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,6BCZJ,WAMEhB,KAAAiB,iBAAgC,IAAIf,EAAAA,YAAY,IAEhDF,KAAAG,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,OAAQC,MAAO,QACxB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,QAASC,MAAO,+BAZ5BC,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,yBACVC,SAAA,ssBCkBF,iCAZCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZO,GAEFL,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAG,EAAAA,oBACAC,EAAAA,+BCbJ,iCANCd,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,oBACVC,SAAA,oxDCmBF,iCAZCC,EAAAA,SAAQH,KAAA,CAAC,CACRI,aAAc,CACZU,GAEFR,QAAS,CACPC,EAAAA,aACAC,EAAAA,oBACAC,EAAAA,kBACAG,EAAAA,oBACAG,EAAAA,0BCjBSC,EAAmB,CAC9BX,EACAM,EACAG","sourcesContent":["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: 'callout-theming',\n templateUrl: './callout-theming.component.html',\n})\nexport class CalloutThemingComponent {\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';\n\nimport { DaffCalloutModule } 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 ],\n})\nexport class CalloutThemingModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\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})\nexport class CalloutTextAlignmentComponent {\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';\n\nimport {\n DaffCalloutModule,\n DaffContainerModule,\n DaffAccordionModule,\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 DaffAccordionModule,\n ],\n})\nexport class CalloutTextAlignmentModule { }\n","import { Component } from '@angular/core';\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})\nexport class CalloutWithGridComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\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 ],\n})\nexport class CalloutWithGridModule { }\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';\n\nexport const CALLOUT_EXAMPLES = [\n CalloutThemingComponent,\n CalloutTextAlignmentComponent,\n CalloutWithGridComponent,\n];\n"]}
|
@@ -4,11 +4,6 @@
|
|
4
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
5
|
}(this, (function (exports, core, common, design, forms, router) { 'use strict';
|
6
6
|
|
7
|
-
/**
|
8
|
-
* @fileoverview added by tsickle
|
9
|
-
* Generated from: basic-card/basic-card.component.ts
|
10
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
11
|
-
*/
|
12
7
|
var BasicCardComponent = /** @class */ (function () {
|
13
8
|
function BasicCardComponent() {
|
14
9
|
}
|
@@ -20,14 +15,9 @@
|
|
20
15
|
selector: 'basic-card',
|
21
16
|
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>",
|
22
17
|
styles: [":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]
|
23
|
-
}] }
|
18
|
+
},] }
|
24
19
|
];
|
25
20
|
|
26
|
-
/**
|
27
|
-
* @fileoverview added by tsickle
|
28
|
-
* Generated from: basic-card/basic-card.module.ts
|
29
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
30
|
-
*/
|
31
21
|
var BasicCardModule = /** @class */ (function () {
|
32
22
|
function BasicCardModule() {
|
33
23
|
}
|
@@ -50,11 +40,6 @@
|
|
50
40
|
},] }
|
51
41
|
];
|
52
42
|
|
53
|
-
/**
|
54
|
-
* @fileoverview added by tsickle
|
55
|
-
* Generated from: card-theming/card-theming.component.ts
|
56
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
57
|
-
*/
|
58
43
|
var CardThemingComponent = /** @class */ (function () {
|
59
44
|
function CardThemingComponent() {
|
60
45
|
this.color = 'primary';
|
@@ -68,20 +53,9 @@
|
|
68
53
|
selector: 'card-theming',
|
69
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 <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>",
|
70
55
|
styles: ["\n daff-card {\n max-width: 400px;\n }\n "]
|
71
|
-
}] }
|
56
|
+
},] }
|
72
57
|
];
|
73
|
-
if (false) {
|
74
|
-
/** @type {?} */
|
75
|
-
CardThemingComponent.prototype.color;
|
76
|
-
/** @type {?} */
|
77
|
-
CardThemingComponent.prototype.colorControl;
|
78
|
-
}
|
79
58
|
|
80
|
-
/**
|
81
|
-
* @fileoverview added by tsickle
|
82
|
-
* Generated from: card-theming/card-theming.module.ts
|
83
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
84
|
-
*/
|
85
59
|
var CardThemingModule = /** @class */ (function () {
|
86
60
|
function CardThemingModule() {
|
87
61
|
}
|
@@ -104,11 +78,6 @@
|
|
104
78
|
},] }
|
105
79
|
];
|
106
80
|
|
107
|
-
/**
|
108
|
-
* @fileoverview added by tsickle
|
109
|
-
* Generated from: linkable-card/linkable-card.component.ts
|
110
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
111
|
-
*/
|
112
81
|
var LinkableCardComponent = /** @class */ (function () {
|
113
82
|
function LinkableCardComponent() {
|
114
83
|
}
|
@@ -120,14 +89,9 @@
|
|
120
89
|
selector: 'linkable-card',
|
121
90
|
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",
|
122
91
|
styles: [":host{display:block;max-width:340px}"]
|
123
|
-
}] }
|
92
|
+
},] }
|
124
93
|
];
|
125
94
|
|
126
|
-
/**
|
127
|
-
* @fileoverview added by tsickle
|
128
|
-
* Generated from: linkable-card/linkable-card.module.ts
|
129
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
130
|
-
*/
|
131
95
|
var LinkableCardModule = /** @class */ (function () {
|
132
96
|
function LinkableCardModule() {
|
133
97
|
}
|
@@ -151,11 +115,6 @@
|
|
151
115
|
},] }
|
152
116
|
];
|
153
117
|
|
154
|
-
/**
|
155
|
-
* @fileoverview added by tsickle
|
156
|
-
* Generated from: raised-card/raised-card.component.ts
|
157
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
158
|
-
*/
|
159
118
|
var RaisedCardComponent = /** @class */ (function () {
|
160
119
|
function RaisedCardComponent() {
|
161
120
|
}
|
@@ -167,14 +126,9 @@
|
|
167
126
|
selector: 'raised-card',
|
168
127
|
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",
|
169
128
|
styles: [":host{display:block;max-width:340px}"]
|
170
|
-
}] }
|
129
|
+
},] }
|
171
130
|
];
|
172
131
|
|
173
|
-
/**
|
174
|
-
* @fileoverview added by tsickle
|
175
|
-
* Generated from: raised-card/raised-card.module.ts
|
176
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
177
|
-
*/
|
178
132
|
var RaisedCardModule = /** @class */ (function () {
|
179
133
|
function RaisedCardModule() {
|
180
134
|
}
|
@@ -198,12 +152,6 @@
|
|
198
152
|
},] }
|
199
153
|
];
|
200
154
|
|
201
|
-
/**
|
202
|
-
* @fileoverview added by tsickle
|
203
|
-
* Generated from: public_api.ts
|
204
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
205
|
-
*/
|
206
|
-
/** @type {?} */
|
207
155
|
var CARD_EXAMPLES = [
|
208
156
|
BasicCardComponent,
|
209
157
|
CardThemingComponent,
|
@@ -212,15 +160,7 @@
|
|
212
160
|
];
|
213
161
|
|
214
162
|
/**
|
215
|
-
*
|
216
|
-
* Generated from: index.ts
|
217
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
218
|
-
*/
|
219
|
-
|
220
|
-
/**
|
221
|
-
* @fileoverview added by tsickle
|
222
|
-
* Generated from: daffodil-design-card-examples.ts
|
223
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
163
|
+
* Generated bundle index. Do not edit.
|
224
164
|
*/
|
225
165
|
|
226
166
|
exports.BasicCardModule = BasicCardModule;
|
@@ -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"],"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"],"names":["Component","NgModule","CommonModule","DaffCardModule","DaffImageModule","DaffButtonModule","FormControl","ReactiveFormsModule","RouterModule"],"mappings":"
|
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;;;;;;;;;;;;;;;;;;;;"}
|
@@ -4,30 +4,16 @@
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.checkbox = global.daffodil.design.checkbox || {}, global.daffodil.design.checkbox.examples = {}), global.ng.core, global.ng.forms, global.daffodil.design));
|
5
5
|
}(this, (function (exports, core, forms, design) { 'use strict';
|
6
6
|
|
7
|
-
/**
|
8
|
-
* @fileoverview added by tsickle
|
9
|
-
* Generated from: basic-checkbox/basic-checkbox.component.ts
|
10
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
11
|
-
*/
|
12
7
|
var BasicCheckboxComponent = /** @class */ (function () {
|
13
8
|
function BasicCheckboxComponent() {
|
14
9
|
this.checkboxExample = new forms.FormControl();
|
15
10
|
}
|
16
|
-
/**
|
17
|
-
* @return {?}
|
18
|
-
*/
|
19
11
|
BasicCheckboxComponent.prototype.ngOnInit = function () {
|
20
12
|
this.checkboxExample.setValue(true);
|
21
13
|
};
|
22
|
-
/**
|
23
|
-
* @return {?}
|
24
|
-
*/
|
25
14
|
BasicCheckboxComponent.prototype.setFalse = function () {
|
26
15
|
this.checkboxExample.setValue(false);
|
27
16
|
};
|
28
|
-
/**
|
29
|
-
* @return {?}
|
30
|
-
*/
|
31
17
|
BasicCheckboxComponent.prototype.setTrue = function () {
|
32
18
|
this.checkboxExample.setValue(true);
|
33
19
|
};
|
@@ -38,18 +24,9 @@
|
|
38
24
|
// eslint-disable-next-line @angular-eslint/component-selector
|
39
25
|
selector: 'basic-checkbox',
|
40
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>"
|
41
|
-
}] }
|
27
|
+
},] }
|
42
28
|
];
|
43
|
-
if (false) {
|
44
|
-
/** @type {?} */
|
45
|
-
BasicCheckboxComponent.prototype.checkboxExample;
|
46
|
-
}
|
47
29
|
|
48
|
-
/**
|
49
|
-
* @fileoverview added by tsickle
|
50
|
-
* Generated from: basic-checkbox/basic-checkbox.module.ts
|
51
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
52
|
-
*/
|
53
30
|
var BasicCheckboxModule = /** @class */ (function () {
|
54
31
|
function BasicCheckboxModule() {
|
55
32
|
}
|
@@ -72,25 +49,14 @@
|
|
72
49
|
},] }
|
73
50
|
];
|
74
51
|
|
75
|
-
/**
|
76
|
-
* @fileoverview added by tsickle
|
77
|
-
* Generated from: checkbox-set/checkbox-set.component.ts
|
78
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
79
|
-
*/
|
80
52
|
var CheckboxSetComponent = /** @class */ (function () {
|
81
53
|
function CheckboxSetComponent() {
|
82
54
|
this.checkboxArray = new forms.FormArray([new forms.FormControl(), new forms.FormControl(), new forms.FormControl()]);
|
83
55
|
this.selectedValues = [];
|
84
56
|
}
|
85
|
-
/**
|
86
|
-
* @return {?}
|
87
|
-
*/
|
88
57
|
CheckboxSetComponent.prototype.ngOnInit = function () {
|
89
58
|
this.checkboxArray.setValue([false, false, false]);
|
90
59
|
};
|
91
|
-
/**
|
92
|
-
* @return {?}
|
93
|
-
*/
|
94
60
|
CheckboxSetComponent.prototype.displayList = function () {
|
95
61
|
this.selectedValues = this.checkboxSet.getValues();
|
96
62
|
};
|
@@ -101,28 +67,12 @@
|
|
101
67
|
// eslint-disable-next-line @angular-eslint/component-selector
|
102
68
|
selector: 'checkbox-set',
|
103
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>"
|
104
|
-
}] }
|
70
|
+
},] }
|
105
71
|
];
|
106
72
|
CheckboxSetComponent.propDecorators = {
|
107
73
|
checkboxSet: [{ type: core.ViewChild, args: [design.DaffCheckboxSetComponent,] }]
|
108
74
|
};
|
109
|
-
if (false) {
|
110
|
-
/**
|
111
|
-
* @type {?}
|
112
|
-
* @private
|
113
|
-
*/
|
114
|
-
CheckboxSetComponent.prototype.checkboxSet;
|
115
|
-
/** @type {?} */
|
116
|
-
CheckboxSetComponent.prototype.checkboxArray;
|
117
|
-
/** @type {?} */
|
118
|
-
CheckboxSetComponent.prototype.selectedValues;
|
119
|
-
}
|
120
75
|
|
121
|
-
/**
|
122
|
-
* @fileoverview added by tsickle
|
123
|
-
* Generated from: checkbox-set/checkbox-set.module.ts
|
124
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
125
|
-
*/
|
126
76
|
var CheckboxSetModule = /** @class */ (function () {
|
127
77
|
function CheckboxSetModule() {
|
128
78
|
}
|
@@ -145,38 +95,17 @@
|
|
145
95
|
},] }
|
146
96
|
];
|
147
97
|
|
148
|
-
/**
|
149
|
-
* @fileoverview added by tsickle
|
150
|
-
* Generated from: examples.ts
|
151
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
152
|
-
*/
|
153
|
-
/** @type {?} */
|
154
98
|
var CHECKBOX_EXAMPLES = [
|
155
99
|
CheckboxSetComponent,
|
156
100
|
BasicCheckboxComponent,
|
157
101
|
];
|
158
|
-
/** @type {?} */
|
159
102
|
var CHECKBOX_EXAMPLES_MODULES = [
|
160
103
|
BasicCheckboxModule,
|
161
104
|
CheckboxSetModule,
|
162
105
|
];
|
163
106
|
|
164
107
|
/**
|
165
|
-
*
|
166
|
-
* Generated from: public_api.ts
|
167
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
168
|
-
*/
|
169
|
-
|
170
|
-
/**
|
171
|
-
* @fileoverview added by tsickle
|
172
|
-
* Generated from: index.ts
|
173
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
174
|
-
*/
|
175
|
-
|
176
|
-
/**
|
177
|
-
* @fileoverview added by tsickle
|
178
|
-
* Generated from: daffodil-design-checkbox-examples.ts
|
179
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
108
|
+
* Generated bundle index. Do not edit.
|
180
109
|
*/
|
181
110
|
|
182
111
|
exports.CHECKBOX_EXAMPLES = CHECKBOX_EXAMPLES;
|
@@ -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"],"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"],"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 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":";;;;;;;QAMA;YAMI,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;;;;gBAhBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,+SAA8C;iBAC/C;;;;QCeD;;;;;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;;;;QCZD;YASI,kBAAa,GAAG,IAAIC,eAAS,CAAC,CAAC,IAAIN,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;;;;gBAjBJC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,wkBAA4C;iBAC7C;;;8BAGIM,cAAS,SAACC,+BAAwB;;;;QCMvC;;;;;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;;;;;;;;;;;;;;;;;"}
|
@@ -4,11 +4,6 @@
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.hero = global.daffodil.design.hero || {}, global.daffodil.design.hero.examples = {}), global.ng.core, global.ng.forms, global.ng.common, global.daffodil.design));
|
5
5
|
}(this, (function (exports, core, forms, common, design) { 'use strict';
|
6
6
|
|
7
|
-
/**
|
8
|
-
* @fileoverview added by tsickle
|
9
|
-
* Generated from: hero-theming/hero-theming.component.ts
|
10
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
11
|
-
*/
|
12
7
|
var HeroThemingComponent = /** @class */ (function () {
|
13
8
|
function HeroThemingComponent() {
|
14
9
|
this.color = 'primary';
|
@@ -21,20 +16,9 @@
|
|
21
16
|
// eslint-disable-next-line @angular-eslint/component-selector
|
22
17
|
selector: 'hero-theming',
|
23
18
|
template: "<daff-hero [color]=\"colorControl.value\">\n\t<div daffHeroTagline>Hero Tagline</div>\n\t<h1 daffHeroTitle>Hero Title</h1>\n\t<h2 daffHeroSubtitle>Hero subtitle</h2>\n\t<div>Additional Content (i.e. buttons, images)</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>"
|
24
|
-
}] }
|
19
|
+
},] }
|
25
20
|
];
|
26
|
-
if (false) {
|
27
|
-
/** @type {?} */
|
28
|
-
HeroThemingComponent.prototype.color;
|
29
|
-
/** @type {?} */
|
30
|
-
HeroThemingComponent.prototype.colorControl;
|
31
|
-
}
|
32
21
|
|
33
|
-
/**
|
34
|
-
* @fileoverview added by tsickle
|
35
|
-
* Generated from: hero-theming/hero-theming.module.ts
|
36
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
37
|
-
*/
|
38
22
|
var HeroThemingModule = /** @class */ (function () {
|
39
23
|
function HeroThemingModule() {
|
40
24
|
}
|
@@ -56,11 +40,6 @@
|
|
56
40
|
},] }
|
57
41
|
];
|
58
42
|
|
59
|
-
/**
|
60
|
-
* @fileoverview added by tsickle
|
61
|
-
* Generated from: hero-text-alignment/hero-text-alignment.component.ts
|
62
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
63
|
-
*/
|
64
43
|
var HeroTextAlignmentComponent = /** @class */ (function () {
|
65
44
|
function HeroTextAlignmentComponent() {
|
66
45
|
this.textAlignControl = new forms.FormControl('');
|
@@ -78,20 +57,9 @@
|
|
78
57
|
// eslint-disable-next-line @angular-eslint/component-selector
|
79
58
|
selector: 'hero-text-alignment',
|
80
59
|
template: "<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>"
|
81
|
-
}] }
|
60
|
+
},] }
|
82
61
|
];
|
83
|
-
if (false) {
|
84
|
-
/** @type {?} */
|
85
|
-
HeroTextAlignmentComponent.prototype.textAlignControl;
|
86
|
-
/** @type {?} */
|
87
|
-
HeroTextAlignmentComponent.prototype.options;
|
88
|
-
}
|
89
62
|
|
90
|
-
/**
|
91
|
-
* @fileoverview added by tsickle
|
92
|
-
* Generated from: hero-text-alignment/hero-text-alignment.module.ts
|
93
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
94
|
-
*/
|
95
63
|
var HeroTextAlignmentModule = /** @class */ (function () {
|
96
64
|
function HeroTextAlignmentModule() {
|
97
65
|
}
|
@@ -111,11 +79,6 @@
|
|
111
79
|
},] }
|
112
80
|
];
|
113
81
|
|
114
|
-
/**
|
115
|
-
* @fileoverview added by tsickle
|
116
|
-
* Generated from: hero-with-grid/hero-with-grid.component.ts
|
117
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
118
|
-
*/
|
119
82
|
var HeroWithGridComponent = /** @class */ (function () {
|
120
83
|
function HeroWithGridComponent() {
|
121
84
|
}
|
@@ -126,15 +89,10 @@
|
|
126
89
|
// eslint-disable-next-line @angular-eslint/component-selector
|
127
90
|
selector: 'hero-with-grid',
|
128
91
|
template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div daffHeroTagline>Frontend framework for ecommerce PWAs</div>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>",
|
129
|
-
styles: [".daff-hero-with-grid__grid{
|
130
|
-
}] }
|
92
|
+
styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}"]
|
93
|
+
},] }
|
131
94
|
];
|
132
95
|
|
133
|
-
/**
|
134
|
-
* @fileoverview added by tsickle
|
135
|
-
* Generated from: hero-with-grid/hero-with-grid.module.ts
|
136
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
137
|
-
*/
|
138
96
|
var HeroWithGridModule = /** @class */ (function () {
|
139
97
|
function HeroWithGridModule() {
|
140
98
|
}
|
@@ -155,12 +113,6 @@
|
|
155
113
|
},] }
|
156
114
|
];
|
157
115
|
|
158
|
-
/**
|
159
|
-
* @fileoverview added by tsickle
|
160
|
-
* Generated from: examples.ts
|
161
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
162
|
-
*/
|
163
|
-
/** @type {?} */
|
164
116
|
var HERO_EXAMPLES = [
|
165
117
|
HeroThemingComponent,
|
166
118
|
HeroTextAlignmentComponent,
|
@@ -168,21 +120,7 @@
|
|
168
120
|
];
|
169
121
|
|
170
122
|
/**
|
171
|
-
*
|
172
|
-
* Generated from: public_api.ts
|
173
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
174
|
-
*/
|
175
|
-
|
176
|
-
/**
|
177
|
-
* @fileoverview added by tsickle
|
178
|
-
* Generated from: index.ts
|
179
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
180
|
-
*/
|
181
|
-
|
182
|
-
/**
|
183
|
-
* @fileoverview added by tsickle
|
184
|
-
* Generated from: daffodil-design-hero-examples.ts
|
185
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
123
|
+
* Generated bundle index. Do not edit.
|
186
124
|
*/
|
187
125
|
|
188
126
|
exports.HERO_EXAMPLES = HERO_EXAMPLES;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-hero-examples.umd.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/examples.ts"],"sourcesContent":["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: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n})\nexport class HeroThemingComponent {\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 { DaffHeroModule } from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n\n@NgModule({\n declarations: [\n HeroThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n ],\n exports: [\n HeroThemingComponent,\n ],\n})\nexport class HeroThemingModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n})\nexport class HeroTextAlignmentComponent {\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';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n declarations: [\n HeroTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n ],\n})\nexport class HeroTextAlignmentModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n})\nexport class HeroWithGridComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n declarations: [\n HeroWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n ],\n})\nexport class HeroWithGridModule { }\n","import { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n];\n"],"names":["FormControl","Component","NgModule","CommonModule","ReactiveFormsModule","DaffHeroModule","DaffContainerModule","DaffButtonModule"],"mappings":"
|
1
|
+
{"version":3,"file":"daffodil-design-hero-examples.umd.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["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: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n})\nexport class HeroThemingComponent {\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 { DaffHeroModule } from '@daffodil/design';\n\nimport { HeroThemingComponent } from './hero-theming.component';\n\n\n@NgModule({\n declarations: [\n HeroThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n ],\n exports: [\n HeroThemingComponent,\n ],\n})\nexport class HeroThemingModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n})\nexport class HeroTextAlignmentComponent {\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';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n} from '@daffodil/design';\n\nimport { HeroTextAlignmentComponent } from './hero-text-alignment.component';\n\n@NgModule({\n declarations: [\n HeroTextAlignmentComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n ],\n})\nexport class HeroTextAlignmentModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n})\nexport class HeroWithGridComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { HeroWithGridComponent } from './hero-with-grid.component';\n\n@NgModule({\n declarations: [\n HeroWithGridComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffHeroModule,\n DaffContainerModule,\n DaffButtonModule,\n ],\n})\nexport class HeroWithGridModule { }\n","import { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["FormControl","Component","NgModule","CommonModule","ReactiveFormsModule","DaffHeroModule","DaffContainerModule","DaffButtonModule"],"mappings":";;;;;;;QAKA;YAME,UAAK,GAAgB,SAAS,CAAC;YAE/B,iBAAY,GAAgB,IAAIA,iBAAW,CAAC,EAAE,CAAC,CAAC;SACjD;;;;gBATAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,8pBAA4C;iBAC7C;;;;QCaD;;;;;gBAbCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;qBACf;oBACD,OAAO,EAAE;wBACP,oBAAoB;qBACrB;iBACF;;;;QClBD;YAME,qBAAgB,GAAgB,IAAIL,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEpD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;gBAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;gBACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;aACnC,CAAC;SACH;;;;gBAdAC,cAAS,SAAC;;oBAET,QAAQ,EAAE,qBAAqB;oBAC/B,gsBAAmD;iBACpD;;;;QCeD;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,0BAA0B;qBAC3B;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdC,0BAAmB;qBACpB;iBACF;;;;QCbD;;;;;gBANCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,0wBAA8C;;iBAE/C;;;;QCiBD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZC,yBAAmB;wBACnBC,qBAAc;wBACdC,0BAAmB;wBACnBC,uBAAgB;qBACjB;iBACF;;;QCnBY,aAAa,GAAG;QAC3B,oBAAoB;QACpB,0BAA0B;QAC1B,qBAAqB;;;ICPvB;;;;;;;;;;;;;;;;;;"}
|