@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
@@ -4,11 +4,6 @@ import { DaffCardModule, DaffImageModule, DaffButtonModule } from '@daffodil/des
|
|
4
4
|
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
5
5
|
import { RouterModule } from '@angular/router';
|
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
|
class BasicCardComponent {
|
13
8
|
}
|
14
9
|
BasicCardComponent.decorators = [
|
@@ -17,14 +12,9 @@ BasicCardComponent.decorators = [
|
|
17
12
|
selector: 'basic-card',
|
18
13
|
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>",
|
19
14
|
styles: [":host{display:block;max-width:340px}.daff-basic-card__actions>*{margin-right:16px}.daff-basic-card__actions>:last-child{margin-right:0}"]
|
20
|
-
}] }
|
15
|
+
},] }
|
21
16
|
];
|
22
17
|
|
23
|
-
/**
|
24
|
-
* @fileoverview added by tsickle
|
25
|
-
* Generated from: basic-card/basic-card.module.ts
|
26
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
27
|
-
*/
|
28
18
|
class BasicCardModule {
|
29
19
|
}
|
30
20
|
BasicCardModule.decorators = [
|
@@ -44,11 +34,6 @@ BasicCardModule.decorators = [
|
|
44
34
|
},] }
|
45
35
|
];
|
46
36
|
|
47
|
-
/**
|
48
|
-
* @fileoverview added by tsickle
|
49
|
-
* Generated from: card-theming/card-theming.component.ts
|
50
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
51
|
-
*/
|
52
37
|
class CardThemingComponent {
|
53
38
|
constructor() {
|
54
39
|
this.color = 'primary';
|
@@ -65,20 +50,9 @@ CardThemingComponent.decorators = [
|
|
65
50
|
max-width: 400px;
|
66
51
|
}
|
67
52
|
`]
|
68
|
-
}] }
|
53
|
+
},] }
|
69
54
|
];
|
70
|
-
if (false) {
|
71
|
-
/** @type {?} */
|
72
|
-
CardThemingComponent.prototype.color;
|
73
|
-
/** @type {?} */
|
74
|
-
CardThemingComponent.prototype.colorControl;
|
75
|
-
}
|
76
55
|
|
77
|
-
/**
|
78
|
-
* @fileoverview added by tsickle
|
79
|
-
* Generated from: card-theming/card-theming.module.ts
|
80
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
81
|
-
*/
|
82
56
|
class CardThemingModule {
|
83
57
|
}
|
84
58
|
CardThemingModule.decorators = [
|
@@ -98,11 +72,6 @@ CardThemingModule.decorators = [
|
|
98
72
|
},] }
|
99
73
|
];
|
100
74
|
|
101
|
-
/**
|
102
|
-
* @fileoverview added by tsickle
|
103
|
-
* Generated from: linkable-card/linkable-card.component.ts
|
104
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
105
|
-
*/
|
106
75
|
class LinkableCardComponent {
|
107
76
|
}
|
108
77
|
LinkableCardComponent.decorators = [
|
@@ -111,14 +80,9 @@ LinkableCardComponent.decorators = [
|
|
111
80
|
selector: 'linkable-card',
|
112
81
|
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",
|
113
82
|
styles: [":host{display:block;max-width:340px}"]
|
114
|
-
}] }
|
83
|
+
},] }
|
115
84
|
];
|
116
85
|
|
117
|
-
/**
|
118
|
-
* @fileoverview added by tsickle
|
119
|
-
* Generated from: linkable-card/linkable-card.module.ts
|
120
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
121
|
-
*/
|
122
86
|
class LinkableCardModule {
|
123
87
|
}
|
124
88
|
LinkableCardModule.decorators = [
|
@@ -139,11 +103,6 @@ LinkableCardModule.decorators = [
|
|
139
103
|
},] }
|
140
104
|
];
|
141
105
|
|
142
|
-
/**
|
143
|
-
* @fileoverview added by tsickle
|
144
|
-
* Generated from: raised-card/raised-card.component.ts
|
145
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
146
|
-
*/
|
147
106
|
class RaisedCardComponent {
|
148
107
|
}
|
149
108
|
RaisedCardComponent.decorators = [
|
@@ -152,14 +111,9 @@ RaisedCardComponent.decorators = [
|
|
152
111
|
selector: 'raised-card',
|
153
112
|
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",
|
154
113
|
styles: [":host{display:block;max-width:340px}"]
|
155
|
-
}] }
|
114
|
+
},] }
|
156
115
|
];
|
157
116
|
|
158
|
-
/**
|
159
|
-
* @fileoverview added by tsickle
|
160
|
-
* Generated from: raised-card/raised-card.module.ts
|
161
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
162
|
-
*/
|
163
117
|
class RaisedCardModule {
|
164
118
|
}
|
165
119
|
RaisedCardModule.decorators = [
|
@@ -180,12 +134,6 @@ RaisedCardModule.decorators = [
|
|
180
134
|
},] }
|
181
135
|
];
|
182
136
|
|
183
|
-
/**
|
184
|
-
* @fileoverview added by tsickle
|
185
|
-
* Generated from: public_api.ts
|
186
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
187
|
-
*/
|
188
|
-
/** @type {?} */
|
189
137
|
const CARD_EXAMPLES = [
|
190
138
|
BasicCardComponent,
|
191
139
|
CardThemingComponent,
|
@@ -194,15 +142,7 @@ const CARD_EXAMPLES = [
|
|
194
142
|
];
|
195
143
|
|
196
144
|
/**
|
197
|
-
*
|
198
|
-
* Generated from: index.ts
|
199
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
200
|
-
*/
|
201
|
-
|
202
|
-
/**
|
203
|
-
* @fileoverview added by tsickle
|
204
|
-
* Generated from: daffodil-design-card-examples.ts
|
205
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
145
|
+
* Generated bundle index. Do not edit.
|
206
146
|
*/
|
207
147
|
|
208
148
|
export { BasicCardModule, CARD_EXAMPLES, CardThemingModule, LinkableCardModule, RaisedCardModule, BasicCardComponent as ɵa, CardThemingComponent as ɵb, LinkableCardComponent as ɵc, RaisedCardComponent as ɵd };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-card-examples.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts"],"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":[],"mappings":"
|
1
|
+
{"version":3,"file":"daffodil-design-card-examples.js","sources":["../../../libs/design/card/examples/src/basic-card/basic-card.component.ts","../../../libs/design/card/examples/src/basic-card/basic-card.module.ts","../../../libs/design/card/examples/src/card-theming/card-theming.component.ts","../../../libs/design/card/examples/src/card-theming/card-theming.module.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.component.ts","../../../libs/design/card/examples/src/linkable-card/linkable-card.module.ts","../../../libs/design/card/examples/src/raised-card/raised-card.component.ts","../../../libs/design/card/examples/src/raised-card/raised-card.module.ts","../../../libs/design/card/examples/src/public_api.ts","../../../libs/design/card/examples/src/daffodil-design-card-examples.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-card',\n templateUrl: './basic-card.component.html',\n styleUrls: ['./basic-card.component.scss'],\n})\nexport class BasicCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { BasicCardComponent } from './basic-card.component';\n\n@NgModule({\n declarations: [\n BasicCardComponent,\n ],\n imports: [\n CommonModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n BasicCardComponent,\n ],\n})\nexport class BasicCardModule { }\n","import { Component } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { DaffPalette } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'card-theming',\n templateUrl: './card-theming.component.html',\n styles: [`\n daff-card {\n max-width: 400px;\n }\n `],\n})\nexport class CardThemingComponent {\n color: DaffPalette = 'primary';\n\n colorControl: FormControl = new FormControl('');\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n} from '@daffodil/design';\n\nimport { CardThemingComponent } from './card-theming.component';\n\n@NgModule({\n declarations: [\n CardThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffCardModule,\n DaffImageModule,\n ],\n exports: [\n CardThemingComponent,\n ],\n})\nexport class CardThemingModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'linkable-card',\n templateUrl: './linkable-card.component.html',\n styleUrls: ['./linkable-card.component.scss'],\n})\nexport class LinkableCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { LinkableCardComponent } from './linkable-card.component';\n\n@NgModule({\n declarations: [\n LinkableCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n LinkableCardComponent,\n ],\n})\nexport class LinkableCardModule { }\n","import { Component } from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-card',\n templateUrl: './raised-card.component.html',\n styleUrls: ['./raised-card.component.scss'],\n})\nexport class RaisedCardComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\n\nimport {\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n} from '@daffodil/design';\n\nimport { RaisedCardComponent } from './raised-card.component';\n\n@NgModule({\n declarations: [\n RaisedCardComponent,\n ],\n imports: [\n CommonModule,\n RouterModule,\n DaffCardModule,\n DaffImageModule,\n DaffButtonModule,\n ],\n exports: [\n RaisedCardComponent,\n ],\n})\nexport class RaisedCardModule { }\n","import { BasicCardComponent } from './basic-card/basic-card.component';\nexport { BasicCardModule } from './basic-card/basic-card.module';\nimport { CardThemingComponent } from './card-theming/card-theming.component';\nexport { CardThemingModule } from './card-theming/card-theming.module';\nimport { LinkableCardComponent } from './linkable-card/linkable-card.component';\nexport { LinkableCardModule } from './linkable-card/linkable-card.module';\nimport { RaisedCardComponent } from './raised-card/raised-card.component';\nexport { RaisedCardModule } from './raised-card/raised-card.module';\n\nexport const CARD_EXAMPLES = [\n BasicCardComponent,\n CardThemingComponent,\n LinkableCardComponent,\n RaisedCardComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCardComponent as ɵa} from './basic-card/basic-card.component';\nexport {CardThemingComponent as ɵb} from './card-theming/card-theming.component';\nexport {LinkableCardComponent as ɵc} from './linkable-card/linkable-card.component';\nexport {RaisedCardComponent as ɵd} from './raised-card/raised-card.component';"],"names":[],"mappings":";;;;;;MAQa,kBAAkB;;;YAN9B,SAAS,SAAC;;gBAET,QAAQ,EAAE,YAAY;gBACtB,gdAA0C;;aAE3C;;;MCkBY,eAAe;;;YAd3B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,kBAAkB;iBACnB;aACF;;;MCTY,oBAAoB;IAVjC;QAWE,UAAK,GAAgB,SAAS,CAAC;QAE/B,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KACjD;;;YAdA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,slBAA4C;yBACnC;;;;GAIR;aACF;;;MCWY,iBAAiB;;;YAd7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,eAAe;iBAChB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MChBY,qBAAqB;;;YANjC,SAAS,SAAC;;gBAET,QAAQ,EAAE,eAAe;gBACzB,0TAA6C;;aAE9C;;;MCoBY,kBAAkB;;;YAf9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;MClBY,mBAAmB;;;YAN/B,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,oUAA2C;;aAE5C;;;MCoBY,gBAAgB;;;YAf5B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,YAAY;oBACZ,cAAc;oBACd,eAAe;oBACf,gBAAgB;iBACjB;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;aACF;;;MCjBY,aAAa,GAAG;IAC3B,kBAAkB;IAClB,oBAAoB;IACpB,qBAAqB;IACrB,mBAAmB;;;ACbrB;;;;;;"}
|
@@ -2,30 +2,16 @@ import { Component, NgModule, ViewChild } from '@angular/core';
|
|
2
2
|
import { FormControl, ReactiveFormsModule, FormArray } from '@angular/forms';
|
3
3
|
import { DaffCheckboxModule, DaffButtonModule, DaffCheckboxSetComponent } from '@daffodil/design';
|
4
4
|
|
5
|
-
/**
|
6
|
-
* @fileoverview added by tsickle
|
7
|
-
* Generated from: basic-checkbox/basic-checkbox.component.ts
|
8
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
9
|
-
*/
|
10
5
|
class BasicCheckboxComponent {
|
11
6
|
constructor() {
|
12
7
|
this.checkboxExample = new FormControl();
|
13
8
|
}
|
14
|
-
/**
|
15
|
-
* @return {?}
|
16
|
-
*/
|
17
9
|
ngOnInit() {
|
18
10
|
this.checkboxExample.setValue(true);
|
19
11
|
}
|
20
|
-
/**
|
21
|
-
* @return {?}
|
22
|
-
*/
|
23
12
|
setFalse() {
|
24
13
|
this.checkboxExample.setValue(false);
|
25
14
|
}
|
26
|
-
/**
|
27
|
-
* @return {?}
|
28
|
-
*/
|
29
15
|
setTrue() {
|
30
16
|
this.checkboxExample.setValue(true);
|
31
17
|
}
|
@@ -35,18 +21,9 @@ BasicCheckboxComponent.decorators = [
|
|
35
21
|
// eslint-disable-next-line @angular-eslint/component-selector
|
36
22
|
selector: 'basic-checkbox',
|
37
23
|
template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>"
|
38
|
-
}] }
|
24
|
+
},] }
|
39
25
|
];
|
40
|
-
if (false) {
|
41
|
-
/** @type {?} */
|
42
|
-
BasicCheckboxComponent.prototype.checkboxExample;
|
43
|
-
}
|
44
26
|
|
45
|
-
/**
|
46
|
-
* @fileoverview added by tsickle
|
47
|
-
* Generated from: basic-checkbox/basic-checkbox.module.ts
|
48
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
49
|
-
*/
|
50
27
|
class BasicCheckboxModule {
|
51
28
|
}
|
52
29
|
BasicCheckboxModule.decorators = [
|
@@ -66,25 +43,14 @@ BasicCheckboxModule.decorators = [
|
|
66
43
|
},] }
|
67
44
|
];
|
68
45
|
|
69
|
-
/**
|
70
|
-
* @fileoverview added by tsickle
|
71
|
-
* Generated from: checkbox-set/checkbox-set.component.ts
|
72
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
73
|
-
*/
|
74
46
|
class CheckboxSetComponent {
|
75
47
|
constructor() {
|
76
48
|
this.checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);
|
77
49
|
this.selectedValues = [];
|
78
50
|
}
|
79
|
-
/**
|
80
|
-
* @return {?}
|
81
|
-
*/
|
82
51
|
ngOnInit() {
|
83
52
|
this.checkboxArray.setValue([false, false, false]);
|
84
53
|
}
|
85
|
-
/**
|
86
|
-
* @return {?}
|
87
|
-
*/
|
88
54
|
displayList() {
|
89
55
|
this.selectedValues = this.checkboxSet.getValues();
|
90
56
|
}
|
@@ -94,28 +60,12 @@ CheckboxSetComponent.decorators = [
|
|
94
60
|
// eslint-disable-next-line @angular-eslint/component-selector
|
95
61
|
selector: 'checkbox-set',
|
96
62
|
template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>"
|
97
|
-
}] }
|
63
|
+
},] }
|
98
64
|
];
|
99
65
|
CheckboxSetComponent.propDecorators = {
|
100
66
|
checkboxSet: [{ type: ViewChild, args: [DaffCheckboxSetComponent,] }]
|
101
67
|
};
|
102
|
-
if (false) {
|
103
|
-
/**
|
104
|
-
* @type {?}
|
105
|
-
* @private
|
106
|
-
*/
|
107
|
-
CheckboxSetComponent.prototype.checkboxSet;
|
108
|
-
/** @type {?} */
|
109
|
-
CheckboxSetComponent.prototype.checkboxArray;
|
110
|
-
/** @type {?} */
|
111
|
-
CheckboxSetComponent.prototype.selectedValues;
|
112
|
-
}
|
113
68
|
|
114
|
-
/**
|
115
|
-
* @fileoverview added by tsickle
|
116
|
-
* Generated from: checkbox-set/checkbox-set.module.ts
|
117
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
118
|
-
*/
|
119
69
|
class CheckboxSetModule {
|
120
70
|
}
|
121
71
|
CheckboxSetModule.decorators = [
|
@@ -135,38 +85,17 @@ CheckboxSetModule.decorators = [
|
|
135
85
|
},] }
|
136
86
|
];
|
137
87
|
|
138
|
-
/**
|
139
|
-
* @fileoverview added by tsickle
|
140
|
-
* Generated from: examples.ts
|
141
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
142
|
-
*/
|
143
|
-
/** @type {?} */
|
144
88
|
const CHECKBOX_EXAMPLES = [
|
145
89
|
CheckboxSetComponent,
|
146
90
|
BasicCheckboxComponent,
|
147
91
|
];
|
148
|
-
/** @type {?} */
|
149
92
|
const CHECKBOX_EXAMPLES_MODULES = [
|
150
93
|
BasicCheckboxModule,
|
151
94
|
CheckboxSetModule,
|
152
95
|
];
|
153
96
|
|
154
97
|
/**
|
155
|
-
*
|
156
|
-
* Generated from: public_api.ts
|
157
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
158
|
-
*/
|
159
|
-
|
160
|
-
/**
|
161
|
-
* @fileoverview added by tsickle
|
162
|
-
* Generated from: index.ts
|
163
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
164
|
-
*/
|
165
|
-
|
166
|
-
/**
|
167
|
-
* @fileoverview added by tsickle
|
168
|
-
* Generated from: daffodil-design-checkbox-examples.ts
|
169
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
98
|
+
* Generated bundle index. Do not edit.
|
170
99
|
*/
|
171
100
|
|
172
101
|
export { CHECKBOX_EXAMPLES, CHECKBOX_EXAMPLES_MODULES, CheckboxSetComponent as ɵa, BasicCheckboxComponent as ɵb, BasicCheckboxModule as ɵc, CheckboxSetModule as ɵd };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-checkbox-examples.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts"],"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":[],"mappings":"
|
1
|
+
{"version":3,"file":"daffodil-design-checkbox-examples.js","sources":["../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.component.ts","../../../libs/design/checkbox/examples/src/basic-checkbox/basic-checkbox.module.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.component.ts","../../../libs/design/checkbox/examples/src/checkbox-set/checkbox-set.module.ts","../../../libs/design/checkbox/examples/src/examples.ts","../../../libs/design/checkbox/examples/src/daffodil-design-checkbox-examples.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-checkbox',\n templateUrl: './basic-checkbox.component.html',\n})\nexport class BasicCheckboxComponent implements OnInit {\n checkboxExample = new FormControl();\n\n ngOnInit() {\n this.checkboxExample.setValue(true);\n }\n setFalse() {\n this.checkboxExample.setValue(false);\n }\n setTrue() {\n this.checkboxExample.setValue(true);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { BasicCheckboxComponent } from './basic-checkbox.component';\n\n\n@NgModule({\n declarations: [\n BasicCheckboxComponent,\n ],\n exports: [\n BasicCheckboxComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicCheckboxModule { }\n","import {\n Component,\n OnInit,\n ViewChild,\n} from '@angular/core';\nimport {\n FormArray,\n FormControl,\n} from '@angular/forms';\n\nimport { DaffCheckboxSetComponent } from '@daffodil/design';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'checkbox-set',\n templateUrl: './checkbox-set.component.html',\n})\nexport class CheckboxSetComponent implements OnInit {\n\n @ViewChild(DaffCheckboxSetComponent)\n private checkboxSet: DaffCheckboxSetComponent;\n checkboxArray = new FormArray([new FormControl(), new FormControl(), new FormControl()]);\n selectedValues = [];\n\n ngOnInit() {\n this.checkboxArray.setValue([false, false, false]);\n }\n displayList() {\n this.selectedValues = this.checkboxSet.getValues();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffCheckboxModule,\n} from '@daffodil/design';\n\nimport { CheckboxSetComponent } from './checkbox-set.component';\n\n@NgModule({\n\n declarations: [\n CheckboxSetComponent,\n ],\n exports: [\n CheckboxSetComponent,\n ],\n imports: [\n DaffCheckboxModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class CheckboxSetModule { }\n","import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';\nimport { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';\nimport { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';\nimport { CheckboxSetModule } from './checkbox-set/checkbox-set.module';\n\n\nexport const CHECKBOX_EXAMPLES = [\n CheckboxSetComponent,\n BasicCheckboxComponent,\n];\n\nexport const CHECKBOX_EXAMPLES_MODULES = [\n BasicCheckboxModule,\n CheckboxSetModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicCheckboxComponent as ɵb} from './basic-checkbox/basic-checkbox.component';\nexport {BasicCheckboxModule as ɵc} from './basic-checkbox/basic-checkbox.module';\nexport {CheckboxSetComponent as ɵa} from './checkbox-set/checkbox-set.component';\nexport {CheckboxSetModule as ɵd} from './checkbox-set/checkbox-set.module';"],"names":[],"mappings":";;;;MAWa,sBAAsB;IALnC;QAMI,oBAAe,GAAG,IAAI,WAAW,EAAE,CAAC;KAWvC;IATG,QAAQ;QACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACrC;IACD,QAAQ;QACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACtC;IACD,OAAO;QACL,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACrC;;;YAhBJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,+SAA8C;aAC/C;;;MCeY,mBAAmB;;;YAd/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,kBAAkB;oBAClB,gBAAgB;oBAChB,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCPY,oBAAoB;IALjC;QASI,kBAAa,GAAG,IAAI,SAAS,CAAC,CAAC,IAAI,WAAW,EAAE,EAAE,IAAI,WAAW,EAAE,EAAE,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC;QACzF,mBAAc,GAAG,EAAE,CAAC;KAQvB;IANG,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;KACpD;IACD,WAAW;QACT,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;KACpD;;;YAjBJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,wkBAA4C;aAC7C;;;0BAGI,SAAS,SAAC,wBAAwB;;;MCM1B,iBAAiB;;;YAf7B,QAAQ,SAAC;gBAER,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,kBAAkB;oBAClB,gBAAgB;oBAChB,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MClBY,iBAAiB,GAAG;IAC/B,oBAAoB;IACpB,sBAAsB;EACtB;MAEW,yBAAyB,GAAG;IACvC,mBAAmB;IACnB,iBAAiB;;;ACbnB;;;;;;"}
|
@@ -3,11 +3,6 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
4
4
|
import { DaffHeroModule, DaffContainerModule, DaffButtonModule } from '@daffodil/design';
|
5
5
|
|
6
|
-
/**
|
7
|
-
* @fileoverview added by tsickle
|
8
|
-
* Generated from: hero-theming/hero-theming.component.ts
|
9
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
10
|
-
*/
|
11
6
|
class HeroThemingComponent {
|
12
7
|
constructor() {
|
13
8
|
this.color = 'primary';
|
@@ -19,20 +14,9 @@ HeroThemingComponent.decorators = [
|
|
19
14
|
// eslint-disable-next-line @angular-eslint/component-selector
|
20
15
|
selector: 'hero-theming',
|
21
16
|
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>"
|
22
|
-
}] }
|
17
|
+
},] }
|
23
18
|
];
|
24
|
-
if (false) {
|
25
|
-
/** @type {?} */
|
26
|
-
HeroThemingComponent.prototype.color;
|
27
|
-
/** @type {?} */
|
28
|
-
HeroThemingComponent.prototype.colorControl;
|
29
|
-
}
|
30
19
|
|
31
|
-
/**
|
32
|
-
* @fileoverview added by tsickle
|
33
|
-
* Generated from: hero-theming/hero-theming.module.ts
|
34
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
35
|
-
*/
|
36
20
|
class HeroThemingModule {
|
37
21
|
}
|
38
22
|
HeroThemingModule.decorators = [
|
@@ -51,11 +35,6 @@ HeroThemingModule.decorators = [
|
|
51
35
|
},] }
|
52
36
|
];
|
53
37
|
|
54
|
-
/**
|
55
|
-
* @fileoverview added by tsickle
|
56
|
-
* Generated from: hero-text-alignment/hero-text-alignment.component.ts
|
57
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
58
|
-
*/
|
59
38
|
class HeroTextAlignmentComponent {
|
60
39
|
constructor() {
|
61
40
|
this.textAlignControl = new FormControl('');
|
@@ -72,20 +51,9 @@ HeroTextAlignmentComponent.decorators = [
|
|
72
51
|
// eslint-disable-next-line @angular-eslint/component-selector
|
73
52
|
selector: 'hero-text-alignment',
|
74
53
|
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>"
|
75
|
-
}] }
|
54
|
+
},] }
|
76
55
|
];
|
77
|
-
if (false) {
|
78
|
-
/** @type {?} */
|
79
|
-
HeroTextAlignmentComponent.prototype.textAlignControl;
|
80
|
-
/** @type {?} */
|
81
|
-
HeroTextAlignmentComponent.prototype.options;
|
82
|
-
}
|
83
56
|
|
84
|
-
/**
|
85
|
-
* @fileoverview added by tsickle
|
86
|
-
* Generated from: hero-text-alignment/hero-text-alignment.module.ts
|
87
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
88
|
-
*/
|
89
57
|
class HeroTextAlignmentModule {
|
90
58
|
}
|
91
59
|
HeroTextAlignmentModule.decorators = [
|
@@ -102,11 +70,6 @@ HeroTextAlignmentModule.decorators = [
|
|
102
70
|
},] }
|
103
71
|
];
|
104
72
|
|
105
|
-
/**
|
106
|
-
* @fileoverview added by tsickle
|
107
|
-
* Generated from: hero-with-grid/hero-with-grid.component.ts
|
108
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
109
|
-
*/
|
110
73
|
class HeroWithGridComponent {
|
111
74
|
}
|
112
75
|
HeroWithGridComponent.decorators = [
|
@@ -114,15 +77,10 @@ HeroWithGridComponent.decorators = [
|
|
114
77
|
// eslint-disable-next-line @angular-eslint/component-selector
|
115
78
|
selector: 'hero-with-grid',
|
116
79
|
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>",
|
117
|
-
styles: [".daff-hero-with-grid__grid{
|
118
|
-
}] }
|
80
|
+
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}"]
|
81
|
+
},] }
|
119
82
|
];
|
120
83
|
|
121
|
-
/**
|
122
|
-
* @fileoverview added by tsickle
|
123
|
-
* Generated from: hero-with-grid/hero-with-grid.module.ts
|
124
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
125
|
-
*/
|
126
84
|
class HeroWithGridModule {
|
127
85
|
}
|
128
86
|
HeroWithGridModule.decorators = [
|
@@ -140,12 +98,6 @@ HeroWithGridModule.decorators = [
|
|
140
98
|
},] }
|
141
99
|
];
|
142
100
|
|
143
|
-
/**
|
144
|
-
* @fileoverview added by tsickle
|
145
|
-
* Generated from: examples.ts
|
146
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
147
|
-
*/
|
148
|
-
/** @type {?} */
|
149
101
|
const HERO_EXAMPLES = [
|
150
102
|
HeroThemingComponent,
|
151
103
|
HeroTextAlignmentComponent,
|
@@ -153,21 +105,7 @@ const HERO_EXAMPLES = [
|
|
153
105
|
];
|
154
106
|
|
155
107
|
/**
|
156
|
-
*
|
157
|
-
* Generated from: public_api.ts
|
158
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
159
|
-
*/
|
160
|
-
|
161
|
-
/**
|
162
|
-
* @fileoverview added by tsickle
|
163
|
-
* Generated from: index.ts
|
164
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
165
|
-
*/
|
166
|
-
|
167
|
-
/**
|
168
|
-
* @fileoverview added by tsickle
|
169
|
-
* Generated from: daffodil-design-hero-examples.ts
|
170
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
108
|
+
* Generated bundle index. Do not edit.
|
171
109
|
*/
|
172
110
|
|
173
111
|
export { HERO_EXAMPLES, HeroTextAlignmentComponent, HeroTextAlignmentModule, HeroThemingComponent, HeroThemingModule, HeroWithGridComponent, HeroWithGridModule };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-hero-examples.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/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":[],"mappings":"
|
1
|
+
{"version":3,"file":"daffodil-design-hero-examples.js","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.module.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.module.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.module.ts","../../../libs/design/hero/examples/src/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":[],"mappings":";;;;;MAUa,oBAAoB;IALjC;QAME,UAAK,GAAgB,SAAS,CAAC;QAE/B,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;KACjD;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,8pBAA4C;aAC7C;;;MCaY,iBAAiB;;;YAb7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,oBAAoB;iBACrB;aACF;;;MCbY,0BAA0B;IALvC;QAME,qBAAgB,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEpD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACpC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;KACH;;;YAdA,SAAS,SAAC;;gBAET,QAAQ,EAAE,qBAAqB;gBAC/B,gsBAAmD;aACpD;;;MCeY,uBAAuB;;;YAXnC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,0BAA0B;iBAC3B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;iBACpB;aACF;;;MCbY,qBAAqB;;;YANjC,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,0wBAA8C;;aAE/C;;;MCiBY,kBAAkB;;;YAZ9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,cAAc;oBACd,mBAAmB;oBACnB,gBAAgB;iBACjB;aACF;;;MCnBY,aAAa,GAAG;IAC3B,oBAAoB;IACpB,0BAA0B;IAC1B,qBAAqB;;;ACPvB;;;;;;"}
|