@daffodil/design 0.39.7 → 0.39.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/examples/daffodil-design-accordion-examples.metadata.json +1 -1
- package/article/examples/daffodil-design-article-examples.metadata.json +1 -1
- package/atoms/button/button.component.d.ts +5 -0
- package/bundles/daffodil-design-accordion-examples.umd.js +4 -2
- package/bundles/daffodil-design-accordion-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.js +22 -11
- package/bundles/daffodil-design-article-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.js +7 -0
- package/bundles/daffodil-design-button-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-button-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.js +4 -0
- package/bundles/daffodil-design-callout-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-callout-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.js +156 -14
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.js +4 -2
- package/bundles/daffodil-design-checkbox-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-container-examples.umd.js +65 -0
- package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design-hero-examples.umd.js +4 -0
- package/bundles/daffodil-design-hero-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-hero-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-hero-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.js +8 -4
- package/bundles/daffodil-design-list-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.js +4 -2
- package/bundles/daffodil-design-loading-icon-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.js +4 -2
- package/bundles/daffodil-design-media-gallery-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.js +4 -2
- package/bundles/daffodil-design-modal-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-modal-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
- package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design-quantity-field-examples.umd.js +4 -0
- package/bundles/daffodil-design-quantity-field-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.js +2 -1
- package/bundles/daffodil-design-radio-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-radio-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design.umd.js +384 -87
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +2 -2
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/button/examples/daffodil-design-button-examples.metadata.json +1 -1
- package/callout/examples/daffodil-design-callout-examples.metadata.json +1 -1
- package/card/examples/basic-card/basic-card.component.d.ts +1 -0
- package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
- package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
- package/card/examples/card-theming/card-theming.component.d.ts +4 -2
- package/card/examples/daffodil-design-card-examples.d.ts +2 -0
- package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
- package/card/examples/public_api.d.ts +5 -1
- package/card/examples/raised-card/raised-card.component.d.ts +6 -0
- package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
- package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
- package/checkbox/examples/daffodil-design-checkbox-examples.metadata.json +1 -1
- package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
- package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
- package/container/examples/daffodil-design-container-examples.d.ts +4 -0
- package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
- package/container/examples/examples.d.ts +2 -0
- package/container/examples/index.d.ts +1 -0
- package/container/examples/package.json +11 -0
- package/container/examples/public_api.d.ts +3 -0
- package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
- package/core/article-encapsulated/public_api.d.ts +1 -0
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
- package/core/manage-container-layout/public_api.d.ts +1 -0
- package/core/public_api.d.ts +2 -0
- package/daff-theme.scss +293 -128
- package/daff-typography.scss +5 -4
- package/daff-util.scss +5 -4
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/accordion/examples/basic-accordion/basic-accordion.component.js +4 -3
- package/esm2015/accordion/examples/nav-accordion/nav-accordion.component.js +4 -3
- package/esm2015/article/examples/article-blockquote/article-blockquote.component.js +4 -3
- package/esm2015/article/examples/article-code-block/article-code-block.component.js +4 -3
- package/esm2015/article/examples/article-code-inline/article-code-inline.component.js +4 -3
- package/esm2015/article/examples/article-headings/article-headings.component.js +4 -3
- package/esm2015/article/examples/article-hr/article-hr.component.js +4 -3
- package/esm2015/article/examples/article-lead/article-lead.component.js +4 -3
- package/esm2015/article/examples/article-link/article-link.component.js +4 -3
- package/esm2015/article/examples/article-meta/article-meta.component.js +4 -3
- package/esm2015/article/examples/article-ol/article-ol.component.js +4 -3
- package/esm2015/article/examples/article-table/article-table.component.js +4 -3
- package/esm2015/article/examples/article-ul/article-ul.component.js +4 -3
- package/esm2015/atoms/button/button.component.js +3 -2
- package/esm2015/atoms/container/container.component.js +1 -1
- package/esm2015/atoms/form/form-field/form-field/form-field.component.js +3 -1
- package/esm2015/atoms/form/input/input.component.js +3 -2
- package/esm2015/atoms/form/select/select/select.component.js +3 -2
- package/esm2015/atoms/image/image.component.js +2 -2
- package/esm2015/button/examples/basic-button/basic-button.component.js +3 -2
- package/esm2015/button/examples/icon-button/icon-button.component.js +3 -2
- package/esm2015/button/examples/raised-button/raised-button.component.js +3 -2
- package/esm2015/button/examples/sizeable-button/sizeable-button.component.js +3 -2
- package/esm2015/button/examples/statusable-button/statusable-button.component.js +3 -2
- package/esm2015/button/examples/stroked-button/stroked-button.component.js +3 -2
- package/esm2015/button/examples/underline-button/underline-button.component.js +3 -2
- package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.component.js +3 -2
- package/esm2015/callout/examples/callout-theming/callout-theming.component.js +3 -2
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +3 -2
- package/esm2015/callout/examples/compact-callout/compact-callout.component.js +3 -2
- package/esm2015/card/examples/basic-card/basic-card.component.js +9 -4
- package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
- package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
- package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
- package/esm2015/card/examples/card-theming/card-theming.component.js +15 -5
- package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +21 -4
- package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
- package/esm2015/card/examples/public_api.js +7 -1
- package/esm2015/card/examples/raised-card/raised-card.component.js +19 -4
- package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
- package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
- package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
- package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.component.js +4 -3
- package/esm2015/checkbox/examples/checkbox-set/checkbox-set.component.js +4 -3
- package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
- package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
- package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
- package/esm2015/container/examples/examples.js +5 -0
- package/esm2015/container/examples/index.js +2 -0
- package/esm2015/container/examples/public_api.js +4 -0
- package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
- package/esm2015/core/article-encapsulated/public_api.js +2 -0
- package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
- package/esm2015/core/manage-container-layout/public_api.js +2 -0
- package/esm2015/core/public_api.js +3 -1
- package/esm2015/hero/examples/compact-hero/compact-hero.component.js +3 -2
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +3 -2
- package/esm2015/hero/examples/hero-theming/hero-theming.component.js +3 -2
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +3 -2
- package/esm2015/list/examples/basic-list/basic-list.component.js +4 -3
- package/esm2015/list/examples/icon-list/icon-list.component.js +4 -3
- package/esm2015/list/examples/multiline-list/multiline-list.component.js +4 -3
- package/esm2015/list/examples/nav-list/nav-list.component.js +4 -3
- package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.component.js +4 -3
- package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.js +4 -3
- package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.js +4 -3
- package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.js +4 -3
- package/esm2015/modal/examples/basic-modal/basic-modal.component.js +4 -3
- package/esm2015/modal/examples/basic-modal/modal-content.component.js +4 -3
- package/esm2015/molecules/accordion/accordion/accordion.component.js +25 -3
- package/esm2015/molecules/accordion/accordion-item/accordion-item.component.js +3 -2
- package/esm2015/molecules/accordion/nav-accordion-item/nav-accordion-item.component.js +3 -2
- package/esm2015/molecules/article/article/article.component.js +4 -3
- package/esm2015/molecules/button-set/button-set.component.js +3 -2
- package/esm2015/molecules/callout/callout/callout.component.js +5 -3
- package/esm2015/molecules/card/card/card.component.js +78 -15
- package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
- package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
- package/esm2015/molecules/card/card.module.js +9 -3
- package/esm2015/molecules/card/public_api.js +4 -2
- package/esm2015/molecules/feature/feature/feature.component.js +4 -1
- package/esm2015/molecules/hero/hero/hero.component.js +6 -4
- package/esm2015/molecules/image-gallery/gallery-image/gallery-image.component.js +7 -3
- package/esm2015/molecules/image-gallery/image-gallery/image-gallery.component.js +6 -2
- package/esm2015/molecules/image-list/image-list.component.js +3 -2
- package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
- package/esm2015/molecules/list/list/list.component.js +19 -5
- package/esm2015/molecules/media-gallery/media-gallery.component.js +31 -5
- package/esm2015/molecules/media-gallery/registry/media-gallery.registry.js +22 -8
- package/esm2015/molecules/media-gallery/thumbnail/thumbnail.directive.js +2 -2
- package/esm2015/molecules/modal/modal-actions/modal-actions.component.js +3 -2
- package/esm2015/molecules/navbar/navbar.component.js +11 -9
- package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +6 -1
- package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +3 -2
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
- package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
- package/esm2015/navbar/examples/examples.js +11 -0
- package/esm2015/navbar/examples/index.js +2 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
- package/esm2015/navbar/examples/public_api.js +10 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
- package/esm2015/quantity-field/examples/basic/basic-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.component.js +3 -2
- package/esm2015/radio/examples/basic-radio/basic-radio.component.js +4 -3
- package/fesm2015/daffodil-design-accordion-examples.js +5 -3
- package/fesm2015/daffodil-design-accordion-examples.js.map +1 -1
- package/fesm2015/daffodil-design-article-examples.js +23 -12
- package/fesm2015/daffodil-design-article-examples.js.map +1 -1
- package/fesm2015/daffodil-design-button-examples.js +8 -1
- package/fesm2015/daffodil-design-button-examples.js.map +1 -1
- package/fesm2015/daffodil-design-callout-examples.js +5 -1
- package/fesm2015/daffodil-design-callout-examples.js.map +1 -1
- package/fesm2015/daffodil-design-card-examples.js +150 -12
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-checkbox-examples.js +5 -3
- package/fesm2015/daffodil-design-checkbox-examples.js.map +1 -1
- package/fesm2015/daffodil-design-container-examples.js +54 -0
- package/fesm2015/daffodil-design-container-examples.js.map +1 -0
- package/fesm2015/daffodil-design-hero-examples.js +5 -1
- package/fesm2015/daffodil-design-hero-examples.js.map +1 -1
- package/fesm2015/daffodil-design-list-examples.js +9 -5
- package/fesm2015/daffodil-design-list-examples.js.map +1 -1
- package/fesm2015/daffodil-design-loading-icon-examples.js +5 -3
- package/fesm2015/daffodil-design-loading-icon-examples.js.map +1 -1
- package/fesm2015/daffodil-design-media-gallery-examples.js +5 -3
- package/fesm2015/daffodil-design-media-gallery-examples.js.map +1 -1
- package/fesm2015/daffodil-design-modal-examples.js +5 -3
- package/fesm2015/daffodil-design-modal-examples.js.map +1 -1
- package/fesm2015/daffodil-design-navbar-examples.js +142 -0
- package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
- package/fesm2015/daffodil-design-quantity-field-examples.js +5 -1
- package/fesm2015/daffodil-design-quantity-field-examples.js.map +1 -1
- package/fesm2015/daffodil-design-radio-examples.js +3 -2
- package/fesm2015/daffodil-design-radio-examples.js.map +1 -1
- package/fesm2015/daffodil-design.js +326 -82
- package/fesm2015/daffodil-design.js.map +1 -1
- package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
- package/list/examples/daffodil-design-list-examples.metadata.json +1 -1
- package/loading-icon/examples/daffodil-design-loading-icon-examples.metadata.json +1 -1
- package/media-gallery/examples/daffodil-design-media-gallery-examples.metadata.json +1 -1
- package/modal/examples/daffodil-design-modal-examples.metadata.json +1 -1
- package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
- package/molecules/callout/callout/callout.component.d.ts +10 -0
- package/molecules/card/card/card.component.d.ts +42 -11
- package/molecules/card/card-content/card-content.directive.d.ts +6 -0
- package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
- package/molecules/card/public_api.d.ts +3 -1
- package/molecules/feature/feature/feature.component.d.ts +3 -0
- package/molecules/hero/hero/hero.component.d.ts +11 -1
- package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +3 -0
- package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +3 -0
- package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
- package/molecules/list/list/list.component.d.ts +19 -3
- package/molecules/media-gallery/media-gallery.component.d.ts +24 -2
- package/molecules/media-gallery/registry/media-gallery.registry.d.ts +6 -3
- package/molecules/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
- package/molecules/navbar/navbar.component.d.ts +10 -5
- package/molecules/qty-dropdown/qty-dropdown.component.d.ts +3 -0
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
- package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
- package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
- package/navbar/examples/examples.d.ts +2 -0
- package/navbar/examples/index.d.ts +1 -0
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
- package/navbar/examples/package.json +11 -0
- package/navbar/examples/public_api.d.ts +9 -0
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
- package/package.json +2 -2
- package/quantity-field/examples/daffodil-design-quantity-field-examples.metadata.json +1 -1
- package/radio/examples/daffodil-design-radio-examples.metadata.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"HeroThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"hero-theming","template":"<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>","styles":[".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"HeroThemingComponent"}]}]}],"members":{}},"HeroTextAlignmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"hero-text-alignment","template":"<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroTextAlignmentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroTextAlignmentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":24,"character":4}]}]}],"members":{}},"HeroWithGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"hero-with-grid","template":"<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>","styles":[".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroWithGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroWithGridComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":24,"character":4}]}]}],"members":{}},"CompactHeroComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"compact-hero","template":"<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>","styles":[".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CompactHeroModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CompactHeroComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"CompactHeroComponent"}]}]}],"members":{}},"HERO_EXAMPLES":[{"__symbolic":"reference","name":"HeroThemingComponent"},{"__symbolic":"reference","name":"HeroTextAlignmentComponent"},{"__symbolic":"reference","name":"HeroWithGridComponent"},{"__symbolic":"reference","name":"CompactHeroComponent"}]},"origins":{"HeroThemingComponent":"./hero-theming/hero-theming.component","HeroThemingModule":"./hero-theming/hero-theming.module","HeroTextAlignmentComponent":"./hero-text-alignment/hero-text-alignment.component","HeroTextAlignmentModule":"./hero-text-alignment/hero-text-alignment.module","HeroWithGridComponent":"./hero-with-grid/hero-with-grid.component","HeroWithGridModule":"./hero-with-grid/hero-with-grid.module","CompactHeroComponent":"./compact-hero/compact-hero.component","CompactHeroModule":"./compact-hero/compact-hero.module","HERO_EXAMPLES":"./examples"},"importAs":"@daffodil/design/hero/examples"}
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"HeroThemingComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"hero-theming","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>","styles":[".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroThemingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroThemingComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"HeroThemingComponent"}]}]}],"members":{}},"HeroTextAlignmentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"hero-text-alignment","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":12,"character":19},"member":"OnPush"},"template":"<daff-hero [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-hero-text-alignment__icon\" daffHeroIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t\t<h2 daffHeroSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</h2>\n\t\t<div daffHeroBody>\n\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t</div>\n\t</daff-container>\n</daff-hero>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>","styles":[".daff-hero-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroTextAlignmentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroTextAlignmentComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":24,"character":4}]}]}],"members":{}},"HeroWithGridComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"hero-with-grid","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":11,"character":19},"member":"OnPush"},"template":"<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>","styles":[".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width:768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"HeroWithGridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"HeroWithGridComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":20,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffContainerModule","line":21,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":22,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":24,"character":4}]}]}],"members":{}},"CompactHeroComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"compact-hero","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<daff-hero [compact]=\"true\">\n\t<div class=\"daff-compact-hero__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>","styles":[".daff-compact-hero__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}"]}]}],"members":{}},"CompactHeroModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CompactHeroComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffHeroModule","line":19,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":20,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":22,"character":4}],"exports":[{"__symbolic":"reference","name":"CompactHeroComponent"}]}]}],"members":{}},"HERO_EXAMPLES":[{"__symbolic":"reference","name":"HeroThemingComponent"},{"__symbolic":"reference","name":"HeroTextAlignmentComponent"},{"__symbolic":"reference","name":"HeroWithGridComponent"},{"__symbolic":"reference","name":"CompactHeroComponent"}]},"origins":{"HeroThemingComponent":"./hero-theming/hero-theming.component","HeroThemingModule":"./hero-theming/hero-theming.module","HeroTextAlignmentComponent":"./hero-text-alignment/hero-text-alignment.component","HeroTextAlignmentModule":"./hero-text-alignment/hero-text-alignment.module","HeroWithGridComponent":"./hero-with-grid/hero-with-grid.component","HeroWithGridModule":"./hero-with-grid/hero-with-grid.module","CompactHeroComponent":"./compact-hero/compact-hero.component","CompactHeroModule":"./compact-hero/compact-hero.module","HERO_EXAMPLES":"./examples"},"importAs":"@daffodil/design/hero/examples"}
|
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"BasicListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-list","template":"<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>"}]}],"members":{}},"NavListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nav-list","template":"<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>"}]}],"members":{}},"IconListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"BasicListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>"}]}],"members":{}},"NavListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"nav-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>"}]}],"members":{}},"IconListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"icon-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>"}]}],"members":{}},"MultilineListComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"multiline-list","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>"}]}],"members":{}},"ListExamplesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵd"}],"entryComponents":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"LIST_EXAMPLES"}}]}]}],"members":{}},"LIST_EXAMPLES":[{"__symbolic":"reference","name":"BasicListComponent"},{"__symbolic":"reference","name":"NavListComponent"},{"__symbolic":"reference","name":"IconListComponent"},{"__symbolic":"reference","name":"MultilineListComponent"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"BasicListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":14,"character":4}],"exports":[{"__symbolic":"reference","name":"BasicListComponent"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NavListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"NavListComponent"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"IconListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"IconListComponent"}]}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MultilineListComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffListModule","line":16,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":17,"character":4}],"exports":[{"__symbolic":"reference","name":"MultilineListComponent"}]}]}],"members":{}}},"origins":{"BasicListComponent":"./basic-list/basic-list.component","NavListComponent":"./nav-list/nav-list.component","IconListComponent":"./icon-list/icon-list.component","MultilineListComponent":"./multiline-list/multiline-list.component","ListExamplesModule":"./list-examples.module","LIST_EXAMPLES":"./examples","ɵa":"./basic-list/basic-list.module","ɵb":"./nav-list/nav-list.module","ɵc":"./icon-list/icon-list.module","ɵd":"./multiline-list/multiline-list.module"},"importAs":"@daffodil/design/list/examples"}
|
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"LoadingIconColorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"LoadingIconColorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"loading-icon-color","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>"}]}],"members":{}},"LOADING_ICON_EXAMPLES":[{"__symbolic":"reference","name":"LoadingIconColorComponent"},{"__symbolic":"reference","name":"ɵa"}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"loading-icon-diameter","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n"}]}],"members":{}}},"origins":{"LoadingIconColorComponent":"./loading-icon-color/loading-icon-color.component","LOADING_ICON_EXAMPLES":"./examples","ɵa":"./loading-icon-diameter/loading-icon-diameter.component"},"importAs":"@daffodil/design/loading-icon/examples"}
|
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"MEDIA_GALLERY_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"BasicMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"MismatchedSizesMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"MEDIA_GALLERY_EXAMPLES":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"BasicMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"ɵa"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"MismatchedSizesMediaGalleryModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffImageModule","line":17,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffMediaGalleryModule","line":18,"character":4}],"providers":[]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-media-gallery","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n"}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"mismatched-sizes-media-gallery","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n"}]}],"members":{}}},"origins":{"MEDIA_GALLERY_EXAMPLES":"./examples","BasicMediaGalleryModule":"./basic-media-gallery/basic-media-gallery.module","MismatchedSizesMediaGalleryModule":"./mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module","ɵa":"./basic-media-gallery/basic-media-gallery.component","ɵb":"./mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component"},"importAs":"@daffodil/design/media-gallery/examples"}
|
@@ -1 +1 @@
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"MODAL_EXAMPLES":[{"component":{"__symbolic":"reference","name":"ɵa"},"module":{"__symbolic":"reference","name":"ɵb"}}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"MODAL_EXAMPLES":[{"component":{"__symbolic":"reference","name":"ɵa"},"module":{"__symbolic":"reference","name":"ɵb"}}],"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"basic-modal","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":13,"character":19},"member":"OnPush"},"template":"<button daff-button (click)=\"showModal()\">Open Modal</button>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffModalService","line":18,"character":36}]}],"showModal":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@daffodil/design","name":"DaffModalModule","line":12,"character":4},{"__symbolic":"reference","module":"@daffodil/design","name":"DaffButtonModule","line":13,"character":4}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"basic-modal-content","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":19},"member":"OnPush"},"template":"<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>"}]}],"members":{}}},"origins":{"MODAL_EXAMPLES":"./public_api","ɵa":"./basic-modal/basic-modal.component","ɵb":"./basic-modal/basic-modal.module","ɵc":"./basic-modal/modal-content.component"},"importAs":"@daffodil/design/modal/examples"}
|
@@ -1,2 +1,21 @@
|
|
1
|
-
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
2
|
+
/**
|
3
|
+
* An _elementRef and an instance of renderer2 are needed for the link set mixins
|
4
|
+
*/
|
5
|
+
declare class DaffAccordionBase {
|
6
|
+
_elementRef: ElementRef;
|
7
|
+
_renderer: Renderer2;
|
8
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
2
9
|
}
|
10
|
+
declare const _daffAccordionBase: {
|
11
|
+
new (...args: any[]): {
|
12
|
+
_elementRef: ElementRef<any>;
|
13
|
+
_renderer: Renderer2;
|
14
|
+
};
|
15
|
+
} & typeof DaffAccordionBase;
|
16
|
+
export declare class DaffAccordionComponent extends _daffAccordionBase {
|
17
|
+
private elementRef;
|
18
|
+
private renderer;
|
19
|
+
constructor(elementRef: ElementRef, renderer: Renderer2);
|
20
|
+
}
|
21
|
+
export {};
|
@@ -25,6 +25,16 @@ declare class DaffCalloutBase {
|
|
25
25
|
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
26
26
|
}
|
27
27
|
declare const _daffCalloutBase: {
|
28
|
+
new (...args: any[]): {
|
29
|
+
_elementRef: ElementRef<any>;
|
30
|
+
_renderer: Renderer2;
|
31
|
+
};
|
32
|
+
} & {
|
33
|
+
new (...args: any[]): {
|
34
|
+
_elementRef: ElementRef<any>;
|
35
|
+
_renderer: Renderer2;
|
36
|
+
};
|
37
|
+
} & {
|
28
38
|
new (...args: any[]): {
|
29
39
|
_color: import("../../../core/colorable/colorable").DaffPalette;
|
30
40
|
color: import("../../../core/colorable/colorable").DaffPalette;
|
@@ -1,5 +1,14 @@
|
|
1
|
-
import { ElementRef, Renderer2 } from '@angular/core';
|
2
|
-
import { DaffColorable
|
1
|
+
import { ElementRef, Renderer2, OnInit } from '@angular/core';
|
2
|
+
import { DaffColorable } from '../../../core/colorable/public_api';
|
3
|
+
export declare type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
|
4
|
+
/**
|
5
|
+
* This attribute determines what orientation the the card contents are stacked.
|
6
|
+
*/
|
7
|
+
export declare type DaffCardOrientation = 'vertical' | 'horizontal';
|
8
|
+
export declare enum DaffCardOrientationEnum {
|
9
|
+
Vertical = "vertical",
|
10
|
+
Horizontal = "horizontal"
|
11
|
+
}
|
3
12
|
/**
|
4
13
|
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
5
14
|
*/
|
@@ -10,11 +19,13 @@ declare class DaffCardBase {
|
|
10
19
|
}
|
11
20
|
declare const _daffCardBase: {
|
12
21
|
new (...args: any[]): {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
22
|
+
_elementRef: ElementRef<any>;
|
23
|
+
_renderer: Renderer2;
|
24
|
+
};
|
25
|
+
} & {
|
26
|
+
new (...args: any[]): {
|
27
|
+
_color: import("../../../core/colorable/colorable").DaffPalette;
|
28
|
+
color: import("../../../core/colorable/colorable").DaffPalette;
|
18
29
|
_elementRef: ElementRef<any>;
|
19
30
|
_renderer: Renderer2;
|
20
31
|
};
|
@@ -22,15 +33,35 @@ declare const _daffCardBase: {
|
|
22
33
|
/**
|
23
34
|
* @inheritdoc
|
24
35
|
*/
|
25
|
-
export declare class DaffCardComponent extends _daffCardBase implements DaffColorable {
|
36
|
+
export declare class DaffCardComponent extends _daffCardBase implements OnInit, DaffColorable {
|
26
37
|
private elementRef;
|
27
38
|
private renderer;
|
28
|
-
|
39
|
+
private _orientation;
|
40
|
+
get orientation(): DaffCardOrientation;
|
41
|
+
set orientation(value: DaffCardOrientation);
|
29
42
|
/**
|
30
43
|
* @docs-private
|
31
44
|
*/
|
32
|
-
|
33
|
-
|
45
|
+
private cardType;
|
46
|
+
private initCardType;
|
34
47
|
constructor(elementRef: ElementRef, renderer: Renderer2);
|
48
|
+
/**
|
49
|
+
* @docs-private
|
50
|
+
*/
|
51
|
+
ngOnInit(): void;
|
52
|
+
class: boolean;
|
53
|
+
/**
|
54
|
+
* @docs-private
|
55
|
+
*/
|
56
|
+
get verticalClass(): boolean;
|
57
|
+
/**
|
58
|
+
* @docs-private
|
59
|
+
*/
|
60
|
+
get horizontalClass(): boolean;
|
61
|
+
private _getHostElement;
|
62
|
+
/**
|
63
|
+
* Gets whether the button has one of the given attributes.
|
64
|
+
* */
|
65
|
+
private _hasHostAttributes;
|
35
66
|
}
|
36
67
|
export {};
|
@@ -1,6 +1,8 @@
|
|
1
1
|
export { DaffCardModule } from './card.module';
|
2
2
|
export * from './card/card.component';
|
3
|
-
export * from './card-
|
3
|
+
export * from './card-icon/card-icon.directive';
|
4
4
|
export * from './card-image/card-image.directive';
|
5
5
|
export * from './card-tagline/card-tagline.directive';
|
6
|
+
export * from './card-title/card-title.directive';
|
7
|
+
export * from './card-content/card-content.directive';
|
6
8
|
export * from './card-actions/card-actions.directive';
|
@@ -18,7 +18,7 @@ export declare enum DaffHeroSizeEnum {
|
|
18
18
|
Small = "small"
|
19
19
|
}
|
20
20
|
/**
|
21
|
-
* An _elementRef and an instance of renderer2 are needed for the
|
21
|
+
* An _elementRef and an instance of renderer2 are needed for the hero mixins
|
22
22
|
*/
|
23
23
|
declare class DaffHeroBase {
|
24
24
|
_elementRef: ElementRef;
|
@@ -26,6 +26,16 @@ declare class DaffHeroBase {
|
|
26
26
|
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
27
27
|
}
|
28
28
|
declare const _daffHeroBase: {
|
29
|
+
new (...args: any[]): {
|
30
|
+
_elementRef: ElementRef<any>;
|
31
|
+
_renderer: Renderer2;
|
32
|
+
};
|
33
|
+
} & {
|
34
|
+
new (...args: any[]): {
|
35
|
+
_elementRef: ElementRef<any>;
|
36
|
+
_renderer: Renderer2;
|
37
|
+
};
|
38
|
+
} & {
|
29
39
|
new (...args: any[]): {
|
30
40
|
_color: import("../../../core/colorable/colorable").DaffPalette;
|
31
41
|
color: import("../../../core/colorable/colorable").DaffPalette;
|
@@ -1,9 +1,28 @@
|
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
2
|
+
/**
|
3
|
+
* An _elementRef and an instance of renderer2 are needed for the link set mixins
|
4
|
+
*/
|
5
|
+
declare class DaffLinkSetBase {
|
6
|
+
_elementRef: ElementRef;
|
7
|
+
_renderer: Renderer2;
|
8
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
9
|
+
}
|
10
|
+
declare const _daffLinkSetBase: {
|
11
|
+
new (...args: any[]): {
|
12
|
+
_elementRef: ElementRef<any>;
|
13
|
+
_renderer: Renderer2;
|
14
|
+
};
|
15
|
+
} & typeof DaffLinkSetBase;
|
1
16
|
/**
|
2
17
|
* DaffLinkSetComponent is a component for displaying a two or more links.
|
3
18
|
*/
|
4
|
-
export declare class DaffLinkSetComponent {
|
19
|
+
export declare class DaffLinkSetComponent extends _daffLinkSetBase {
|
20
|
+
private elementRef;
|
21
|
+
private renderer;
|
5
22
|
/**
|
6
23
|
* @docs-private
|
7
24
|
*/
|
8
25
|
class: boolean;
|
26
|
+
constructor(elementRef: ElementRef, renderer: Renderer2);
|
9
27
|
}
|
28
|
+
export {};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ElementRef } from '@angular/core';
|
1
|
+
import { ElementRef, Renderer2 } from '@angular/core';
|
2
2
|
/**
|
3
3
|
* @deprecated
|
4
4
|
* DaffListMode will be completely deprecated in v1.0.0
|
@@ -10,8 +10,23 @@ export declare enum DaffListModeEnum {
|
|
10
10
|
Navigation = "navigation"
|
11
11
|
}
|
12
12
|
export declare type DaffListType = 'daff-list' | 'daff-nav-list';
|
13
|
-
|
13
|
+
/**
|
14
|
+
* An _elementRef and an instance of renderer2 are needed for the list mixins
|
15
|
+
*/
|
16
|
+
declare class DaffListBase {
|
17
|
+
_elementRef: ElementRef;
|
18
|
+
_renderer: Renderer2;
|
19
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
20
|
+
}
|
21
|
+
declare const _daffListBase: {
|
22
|
+
new (...args: any[]): {
|
23
|
+
_elementRef: ElementRef<any>;
|
24
|
+
_renderer: Renderer2;
|
25
|
+
};
|
26
|
+
} & typeof DaffListBase;
|
27
|
+
export declare class DaffListComponent extends _daffListBase {
|
14
28
|
private elementRef;
|
29
|
+
private renderer;
|
15
30
|
/**
|
16
31
|
* @deprecated
|
17
32
|
* */
|
@@ -39,7 +54,7 @@ export declare class DaffListComponent {
|
|
39
54
|
* @docs-private
|
40
55
|
*/
|
41
56
|
get listType(): DaffListType;
|
42
|
-
constructor(elementRef: ElementRef);
|
57
|
+
constructor(elementRef: ElementRef, renderer: Renderer2);
|
43
58
|
/**
|
44
59
|
* @docs-private
|
45
60
|
*/
|
@@ -52,3 +67,4 @@ export declare class DaffListComponent {
|
|
52
67
|
get role(): "navigation" | "list";
|
53
68
|
private _getHostElement;
|
54
69
|
}
|
70
|
+
export {};
|
@@ -1,5 +1,24 @@
|
|
1
|
+
import { OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
|
1
2
|
import { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';
|
2
|
-
|
3
|
+
import { DaffMediaGalleryRegistry } from './registry/media-gallery.registry';
|
4
|
+
/**
|
5
|
+
* An _elementRef and an instance of renderer2 are needed for the link set mixins
|
6
|
+
*/
|
7
|
+
declare class DaffMediaGalleryBase {
|
8
|
+
_elementRef: ElementRef;
|
9
|
+
_renderer: Renderer2;
|
10
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
11
|
+
}
|
12
|
+
declare const _daffMediaGalleryBase: {
|
13
|
+
new (...args: any[]): {
|
14
|
+
_elementRef: ElementRef<any>;
|
15
|
+
_renderer: Renderer2;
|
16
|
+
};
|
17
|
+
} & typeof DaffMediaGalleryBase;
|
18
|
+
export declare class DaffMediaGalleryComponent extends _daffMediaGalleryBase implements DaffMediaGalleryRegistration, OnInit, OnDestroy {
|
19
|
+
private elementRef;
|
20
|
+
private renderer;
|
21
|
+
private registry;
|
3
22
|
/**
|
4
23
|
* Adds a class for styling the media gallery
|
5
24
|
*/
|
@@ -8,5 +27,8 @@ export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegist
|
|
8
27
|
* The name of the gallery
|
9
28
|
*/
|
10
29
|
name: string;
|
11
|
-
constructor();
|
30
|
+
constructor(elementRef: ElementRef, renderer: Renderer2, registry: DaffMediaGalleryRegistry);
|
31
|
+
ngOnInit(): void;
|
32
|
+
ngOnDestroy(): void;
|
12
33
|
}
|
34
|
+
export {};
|
@@ -8,18 +8,21 @@ export interface DaffMediaGallery {
|
|
8
8
|
gallery: DaffMediaGalleryRegistration;
|
9
9
|
thumbnails: DaffThumbnailRegistration[];
|
10
10
|
}
|
11
|
+
export declare const isGallery: (element: DaffThumbnailRegistration | DaffMediaGalleryRegistration) => element is DaffMediaGalleryRegistration;
|
11
12
|
export declare class DaffMediaGalleryRegistry {
|
12
13
|
galleries: DaffMediaGalleryDict;
|
13
14
|
/**
|
14
15
|
* @description
|
15
16
|
* Adds a media element to the internal registry.
|
16
17
|
*/
|
17
|
-
add(gallery: DaffMediaGalleryRegistration, thumbnail
|
18
|
+
add(gallery: DaffMediaGalleryRegistration, thumbnail?: DaffThumbnailRegistration): void;
|
18
19
|
/**
|
19
20
|
* @description
|
20
|
-
* Removes a
|
21
|
+
* Removes a thumbnail or gallery from the internal registry.
|
21
22
|
*/
|
22
|
-
remove(
|
23
|
+
remove(element: DaffThumbnailRegistration | DaffMediaGalleryRegistration): void;
|
24
|
+
private removeThumbnail;
|
25
|
+
private removeGallery;
|
23
26
|
/**
|
24
27
|
* @description
|
25
28
|
* Selects a media element for a given gallery.
|
@@ -31,7 +31,7 @@ export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffTh
|
|
31
31
|
/**
|
32
32
|
* Adds a click event to trigger selection of the media element.
|
33
33
|
*
|
34
|
-
* @param
|
34
|
+
* @param event: MouseEvent
|
35
35
|
*/
|
36
36
|
onClick($event: MouseEvent): void;
|
37
37
|
ngOnInit(): void;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { ElementRef, Renderer2 } from '@angular/core';
|
2
|
-
import { DaffColorable
|
2
|
+
import { DaffColorable } from '../../core/colorable/public_api';
|
3
3
|
/**
|
4
4
|
* An _elementRef is needed for the Colorable mixin
|
5
5
|
*/
|
@@ -10,8 +10,13 @@ declare class DaffNavbarBase {
|
|
10
10
|
}
|
11
11
|
declare const _daffNavbarBase: {
|
12
12
|
new (...args: any[]): {
|
13
|
-
|
14
|
-
|
13
|
+
_elementRef: ElementRef<any>;
|
14
|
+
_renderer: Renderer2;
|
15
|
+
};
|
16
|
+
} & {
|
17
|
+
new (...args: any[]): {
|
18
|
+
_color: import("../../core/colorable/colorable").DaffPalette;
|
19
|
+
color: import("../../core/colorable/colorable").DaffPalette;
|
15
20
|
_elementRef: ElementRef<any>;
|
16
21
|
_renderer: Renderer2;
|
17
22
|
};
|
@@ -22,11 +27,11 @@ declare const _daffNavbarBase: {
|
|
22
27
|
export declare class DaffNavbarComponent extends _daffNavbarBase implements DaffColorable {
|
23
28
|
private elementRef;
|
24
29
|
private renderer;
|
25
|
-
|
30
|
+
raised: boolean;
|
26
31
|
/**
|
27
32
|
* @docs-private
|
28
33
|
*/
|
29
|
-
get
|
34
|
+
get raisedClass(): boolean;
|
30
35
|
/**
|
31
36
|
* @docs-private
|
32
37
|
*/
|