@daffodil/design 0.77.0 → 0.79.0
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/README.md +40 -2
- package/accordion/accordion/accordion/accordion.component.d.ts +1 -1
- package/accordion/accordion/accordion-item/accordion-item.component.d.ts +19 -8
- package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.module.d.ts +6 -7
- package/accordion/examples/basic-accordion/basic-accordion.component.d.ts +1 -1
- package/accordion/examples/public_api.d.ts +0 -1
- package/accordion/public_api.d.ts +1 -0
- package/article/README.md +42 -1
- package/article/article/article.component.d.ts +1 -1
- package/article/article-meta/article-meta.directive.d.ts +1 -1
- package/article/article.d.ts +3 -0
- package/article/article.module.d.ts +5 -4
- package/article/public_api.d.ts +2 -1
- package/atoms/form/form-field/form-field/form-field.component.d.ts +1 -1
- package/button/README.md +42 -1
- package/button/button/basic/button.component.d.ts +28 -0
- package/button/button/button-base.directive.d.ts +51 -0
- package/button/button/flat/flat.component.d.ts +28 -0
- package/button/button/icon/icon.component.d.ts +24 -0
- package/button/button/raised/raised.component.d.ts +28 -0
- package/button/button/stroked/stroked.component.d.ts +28 -0
- package/button/button/underline/underline.component.d.ts +28 -0
- package/button/button.d.ts +8 -0
- package/button/button.module.d.ts +10 -5
- package/button/public_api.d.ts +7 -1
- package/button/src/button/basic/button-theme.scss +145 -0
- package/button/src/button/button-base.scss +79 -0
- package/button/src/button/flat/flat-theme.scss +143 -0
- package/button/src/button/icon/icon-theme.scss +141 -0
- package/button/src/button/raised/raised-theme.scss +120 -0
- package/button/src/button/stroked/stroked-theme.scss +158 -0
- package/button/src/button/underline/underline-theme.scss +93 -0
- package/callout/README.md +42 -0
- package/callout/callout/callout.component.d.ts +1 -1
- package/callout/callout-body/callout-body.directive.d.ts +1 -1
- package/callout/callout-icon/callout-icon.directive.d.ts +1 -1
- package/callout/callout-subtitle/callout-subtitle.directive.d.ts +1 -1
- package/callout/callout-tagline/callout-tagline.directive.d.ts +1 -1
- package/callout/callout-title/callout-title.directive.d.ts +1 -1
- package/callout/callout.d.ts +7 -0
- package/callout/callout.module.d.ts +9 -8
- package/callout/public_api.d.ts +1 -0
- package/card/README.md +41 -0
- package/card/card/card.component.d.ts +1 -1
- package/card/card-actions/card-actions.directive.d.ts +1 -1
- package/card/card-content/card-content.directive.d.ts +1 -1
- package/card/card-icon/card-icon.directive.d.ts +1 -1
- package/card/card-image/card-image.directive.d.ts +1 -1
- package/card/card-tagline/card-tagline.directive.d.ts +1 -1
- package/card/card-title/card-title.directive.d.ts +1 -1
- package/card/card.d.ts +8 -0
- package/card/card.module.d.ts +12 -9
- package/card/public_api.d.ts +1 -0
- package/container/README.md +42 -1
- package/container/container/container.component.d.ts +1 -1
- package/container/container.d.ts +2 -0
- package/container/container.module.d.ts +6 -3
- package/container/public_api.d.ts +1 -0
- package/core/openable/openable.d.ts +13 -0
- package/core/openable/openable.directive.d.ts +81 -0
- package/core/openable/public_api.d.ts +2 -0
- package/core/openable/utils/state-error.d.ts +1 -0
- package/core/public_api.d.ts +1 -0
- package/core/statusable/statusable.d.ts +5 -3
- package/core/statusable/statusable.directive.d.ts +6 -4
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +3 -3
- package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +38 -22
- package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +3 -2
- package/esm2022/accordion/accordion/animation/accordion-animation.mjs +1 -4
- package/esm2022/accordion/accordion.mjs +9 -0
- package/esm2022/accordion/accordion.module.mjs +6 -14
- package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +6 -3
- package/esm2022/accordion/examples/public_api.mjs +1 -2
- package/esm2022/accordion/public_api.mjs +2 -1
- package/esm2022/article/article/article.component.mjs +3 -3
- package/esm2022/article/article-meta/article-meta.directive.mjs +3 -2
- package/esm2022/article/article.mjs +7 -0
- package/esm2022/article/article.module.mjs +5 -5
- package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +6 -4
- package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +6 -4
- package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +6 -4
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +7 -3
- package/esm2022/article/examples/article-hr/article-hr.component.mjs +6 -4
- package/esm2022/article/examples/article-link/article-link.component.mjs +6 -4
- package/esm2022/article/examples/article-meta/article-meta.component.mjs +6 -4
- package/esm2022/article/examples/article-ol/article-ol.component.mjs +6 -4
- package/esm2022/article/examples/article-table/article-table.component.mjs +6 -4
- package/esm2022/article/examples/article-ul/article-ul.component.mjs +6 -4
- package/esm2022/article/public_api.mjs +3 -2
- package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +2 -2
- package/esm2022/button/button/basic/button.component.mjs +48 -0
- package/esm2022/button/button/button-base.directive.mjs +105 -0
- package/esm2022/button/button/flat/flat.component.mjs +48 -0
- package/esm2022/button/button/icon/icon.component.mjs +44 -0
- package/esm2022/button/button/raised/raised.component.mjs +48 -0
- package/esm2022/button/button/stroked/stroked.component.mjs +48 -0
- package/esm2022/button/button/underline/underline.component.mjs +48 -0
- package/esm2022/button/button.mjs +17 -0
- package/esm2022/button/button.module.mjs +36 -12
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -8
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -8
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +7 -5
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -8
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +8 -4
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +8 -4
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -8
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -8
- package/esm2022/button/public_api.mjs +8 -2
- package/esm2022/callout/callout/callout.component.mjs +4 -4
- package/esm2022/callout/callout-body/callout-body.directive.mjs +3 -2
- package/esm2022/callout/callout-icon/callout-icon.directive.mjs +3 -2
- package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +3 -2
- package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +3 -2
- package/esm2022/callout/callout-title/callout-title.directive.mjs +3 -2
- package/esm2022/callout/callout.mjs +15 -0
- package/esm2022/callout/callout.module.mjs +5 -5
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +9 -10
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +7 -8
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +9 -9
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +8 -9
- package/esm2022/callout/public_api.mjs +2 -1
- package/esm2022/card/card/card.component.mjs +3 -3
- package/esm2022/card/card-actions/card-actions.directive.mjs +3 -2
- package/esm2022/card/card-content/card-content.directive.mjs +3 -2
- package/esm2022/card/card-icon/card-icon.directive.mjs +3 -2
- package/esm2022/card/card-image/card-image.directive.mjs +3 -2
- package/esm2022/card/card-tagline/card-tagline.directive.mjs +3 -2
- package/esm2022/card/card-title/card-title.directive.mjs +3 -2
- package/esm2022/card/card.mjs +17 -0
- package/esm2022/card/card.module.mjs +7 -5
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +8 -9
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +9 -10
- package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
- package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +6 -6
- package/esm2022/card/examples/raised-card/raised-card.component.mjs +6 -6
- package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +6 -6
- package/esm2022/card/public_api.mjs +2 -1
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -5
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -5
- package/esm2022/container/container/container.component.mjs +3 -3
- package/esm2022/container/container.mjs +5 -0
- package/esm2022/container/container.module.mjs +6 -4
- package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
- package/esm2022/container/public_api.mjs +2 -1
- package/esm2022/core/openable/openable.directive.mjs +122 -0
- package/esm2022/core/openable/openable.mjs +2 -0
- package/esm2022/core/openable/public_api.mjs +2 -0
- package/esm2022/core/openable/utils/state-error.mjs +2 -0
- package/esm2022/core/public_api.mjs +2 -1
- package/esm2022/core/statusable/statusable.directive.mjs +7 -5
- package/esm2022/core/statusable/statusable.mjs +3 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +6 -7
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +9 -10
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +7 -8
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +8 -9
- package/esm2022/hero/hero/hero.component.mjs +4 -7
- package/esm2022/hero/hero-body/hero-body.directive.mjs +3 -2
- package/esm2022/hero/hero-icon/hero-icon.directive.mjs +3 -2
- package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +3 -2
- package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +3 -2
- package/esm2022/hero/hero-title/hero-title.directive.mjs +3 -2
- package/esm2022/hero/hero.mjs +15 -0
- package/esm2022/hero/hero.module.mjs +7 -5
- package/esm2022/hero/public_api.mjs +2 -1
- package/esm2022/image/examples/basic-image/basic-image.component.mjs +6 -4
- package/esm2022/image/examples/load-image/load-image.component.mjs +7 -4
- package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +6 -4
- package/esm2022/image/image/image.component.mjs +3 -3
- package/esm2022/image/image.mjs +5 -0
- package/esm2022/image/image.module.mjs +7 -5
- package/esm2022/image/public_api.mjs +2 -1
- package/esm2022/link-set/link-set/link-set.component.mjs +3 -3
- package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +3 -2
- package/esm2022/link-set/link-set-item/link-set-item.component.mjs +3 -2
- package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +3 -2
- package/esm2022/link-set/link-set.mjs +11 -0
- package/esm2022/link-set/link-set.module.mjs +8 -6
- package/esm2022/link-set/public_api.mjs +2 -1
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +7 -4
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -6
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +7 -4
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -6
- package/esm2022/list/list/list.component.mjs +3 -3
- package/esm2022/list/list-item/list-item.component.mjs +8 -5
- package/esm2022/list/list.mjs +9 -0
- package/esm2022/list/list.module.mjs +8 -8
- package/esm2022/list/public_api.mjs +2 -1
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +4 -4
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +5 -20
- package/esm2022/loading-icon/loading-icon.mjs +5 -0
- package/esm2022/loading-icon/loading-icon.module.mjs +6 -4
- package/esm2022/loading-icon/public_api.mjs +2 -1
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +8 -5
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +8 -5
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +8 -5
- package/esm2022/media-gallery/helpers/media-gallery-token.mjs +7 -3
- package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +9 -5
- package/esm2022/media-gallery/media-gallery.mjs +9 -0
- package/esm2022/media-gallery/media-gallery.module.mjs +11 -9
- package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +3 -2
- package/esm2022/media-gallery/public_api.mjs +2 -1
- package/esm2022/media-gallery/thumbnail/thumbnail-compat.token.mjs +8 -3
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +3 -2
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +8 -6
- package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +6 -3
- package/esm2022/menu/menu/menu.component.mjs +6 -3
- package/esm2022/menu/menu-activator/menu-activator.component.mjs +3 -2
- package/esm2022/menu/menu-item/menu-item.component.mjs +8 -5
- package/esm2022/menu/menu.module.mjs +8 -7
- package/esm2022/menu/services/menu.service.mjs +8 -7
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +12 -6
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +8 -6
- package/esm2022/modal/modal/modal.component.mjs +47 -21
- package/esm2022/modal/modal-actions/modal-actions.component.mjs +3 -2
- package/esm2022/modal/modal-close/modal-close.directive.mjs +3 -2
- package/esm2022/modal/modal-content/modal-content.component.mjs +3 -2
- package/esm2022/modal/modal-header/modal-header.component.mjs +12 -7
- package/esm2022/modal/modal-title/modal-title.directive.mjs +3 -2
- package/esm2022/modal/modal.mjs +13 -0
- package/esm2022/modal/modal.module.mjs +17 -11
- package/esm2022/modal/public_api.mjs +2 -1
- package/esm2022/modal/service/modal.service.mjs +7 -5
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +8 -6
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +8 -9
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +7 -8
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +8 -6
- package/esm2022/navbar/navbar/navbar.component.mjs +3 -6
- package/esm2022/navbar/navbar.mjs +5 -0
- package/esm2022/navbar/navbar.module.mjs +10 -4
- package/esm2022/navbar/public_api.mjs +2 -1
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +4 -6
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +4 -4
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +4 -6
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +5 -7
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +6 -7
- package/esm2022/notification/notification/notification.component.mjs +12 -8
- package/esm2022/notification/notification-actions/notification-actions.directive.mjs +3 -2
- package/esm2022/notification/notification-message/notification-message.directive.mjs +3 -2
- package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +3 -2
- package/esm2022/notification/notification-title/notification-title.directive.mjs +3 -2
- package/esm2022/notification/notification.mjs +15 -0
- package/esm2022/notification/notification.module.mjs +11 -8
- package/esm2022/notification/public_api.mjs +2 -1
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
- package/esm2022/paginator/paginator/paginator.component.mjs +12 -9
- package/esm2022/paginator/paginator.mjs +5 -0
- package/esm2022/paginator/paginator.module.mjs +9 -6
- package/esm2022/paginator/public_api.mjs +2 -1
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +6 -4
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +6 -4
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +7 -4
- package/esm2022/progress-bar/progress-bar-label/progress-bar-label.directive.mjs +20 -0
- package/esm2022/progress-bar/progress-bar.component.mjs +5 -3
- package/esm2022/progress-bar/progress-bar.mjs +7 -0
- package/esm2022/progress-bar/progress-bar.module.mjs +11 -4
- package/esm2022/progress-bar/public_api.mjs +3 -1
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +6 -4
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +8 -8
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -5
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +6 -4
- package/esm2022/sidebar/public_api.mjs +2 -1
- package/esm2022/sidebar/sidebar/sidebar.component.mjs +35 -15
- package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
- package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +3 -2
- package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +3 -2
- package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
- package/esm2022/sidebar/sidebar-viewport/scroll-token/scroll.token.mjs +9 -3
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +22 -38
- package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs +6 -6
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +3 -3
- package/esm2022/sidebar/sidebar.mjs +17 -0
- package/esm2022/sidebar/sidebar.module.mjs +8 -6
- package/esm2022/tabs/daffodil-design-tabs.mjs +5 -0
- package/esm2022/tabs/examples/basic-tabs/basic-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/custom-select-tabs/custom-select-tabs.component.mjs +34 -0
- package/esm2022/tabs/examples/daffodil-design-tabs-examples.mjs +5 -0
- package/esm2022/tabs/examples/disabled-tabs/disabled-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/index.mjs +2 -0
- package/esm2022/tabs/examples/initially-select-tab/initially-select-tab.component.mjs +22 -0
- package/esm2022/tabs/examples/public_api.mjs +11 -0
- package/esm2022/tabs/index.mjs +2 -0
- package/esm2022/tabs/public_api.mjs +6 -0
- package/esm2022/tabs/tabs/tab/tab.component.mjs +86 -0
- package/esm2022/tabs/tabs/tab-activator/tab-activator.component.mjs +83 -0
- package/esm2022/tabs/tabs/tab-label/tab-label.component.mjs +33 -0
- package/esm2022/tabs/tabs/tab-panel/tab-panel.component.mjs +68 -0
- package/esm2022/tabs/tabs/tabs.component.mjs +161 -0
- package/esm2022/tabs/tabs.mjs +13 -0
- package/esm2022/text-snippet/daffodil-design-text-snippet.mjs +5 -0
- package/esm2022/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.mjs +14 -0
- package/esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs +5 -0
- package/esm2022/text-snippet/examples/index.mjs +2 -0
- package/esm2022/text-snippet/examples/public_api.mjs +5 -0
- package/esm2022/text-snippet/index.mjs +2 -0
- package/esm2022/text-snippet/public_api.mjs +2 -0
- package/esm2022/text-snippet/text-snippet.component.mjs +46 -0
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +6 -5
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +7 -5
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +11 -8
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +6 -5
- package/esm2022/toast/options/daff-toast-options.mjs +7 -7
- package/esm2022/toast/public_api.mjs +2 -1
- package/esm2022/toast/service/toast.service.mjs +9 -10
- package/esm2022/toast/toast/toast-provider.mjs +7 -0
- package/esm2022/toast/toast/toast-template.component.mjs +30 -12
- package/esm2022/toast/toast/toast.component.mjs +6 -9
- package/esm2022/toast/toast-actions/toast-actions.directive.mjs +3 -2
- package/esm2022/toast/toast-message/toast-message.directive.mjs +3 -2
- package/esm2022/toast/toast-title/toast-title.directive.mjs +3 -2
- package/esm2022/toast/toast.module.mjs +10 -11
- package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +7 -4
- package/esm2022/tree/public_api.mjs +2 -2
- package/esm2022/tree/tree/tree.component.mjs +8 -5
- package/esm2022/tree/tree-item/tree-item.directive.mjs +3 -2
- package/esm2022/tree/tree.mjs +7 -0
- package/esm2022/tree/tree.module.mjs +9 -7
- package/fesm2022/daffodil-design-accordion-examples.mjs +7 -26
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +52 -41
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +41 -21
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +15 -9
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +27 -24
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +312 -135
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +21 -21
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +27 -13
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +23 -24
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +31 -13
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -6
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +3 -3
- package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +12 -6
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +19 -20
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +29 -16
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +14 -7
- package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +13 -7
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +23 -11
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +14 -13
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +22 -14
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +3 -13
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +14 -23
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +17 -8
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +82 -59
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +11 -6
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +55 -48
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +16 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +95 -49
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +22 -17
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +16 -9
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +14 -18
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +39 -21
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +5 -5
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +23 -16
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +14 -7
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +38 -8
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +18 -14
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +94 -70
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-tabs-examples.mjs +93 -0
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-tabs.mjs +431 -0
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +25 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet.mjs +53 -0
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast-examples.mjs +23 -13
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +152 -132
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +6 -3
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +23 -35
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +132 -8
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/README.md +41 -0
- package/hero/hero/hero.component.d.ts +1 -4
- package/hero/hero-body/hero-body.directive.d.ts +1 -1
- package/hero/hero-icon/hero-icon.directive.d.ts +1 -1
- package/hero/hero-subtitle/hero-subtitle.directive.d.ts +1 -1
- package/hero/hero-tagline/hero-tagline.directive.d.ts +1 -1
- package/hero/hero-title/hero-title.directive.d.ts +1 -1
- package/hero/hero.d.ts +7 -0
- package/hero/hero.module.d.ts +11 -8
- package/hero/public_api.d.ts +1 -0
- package/image/README.md +47 -8
- package/image/image/image.component.d.ts +1 -1
- package/image/image.d.ts +2 -0
- package/image/image.module.d.ts +6 -3
- package/image/public_api.d.ts +1 -0
- package/link-set/README.md +43 -2
- package/link-set/link-set/link-set.component.d.ts +1 -1
- package/link-set/link-set-heading/link-set-heading.directive.d.ts +1 -1
- package/link-set/link-set-item/link-set-item.component.d.ts +1 -1
- package/link-set/link-set-subheading/link-set-subheading.directive.d.ts +1 -1
- package/link-set/link-set.d.ts +5 -0
- package/link-set/link-set.module.d.ts +9 -6
- package/link-set/public_api.d.ts +1 -0
- package/list/README.md +42 -1
- package/list/list/list.component.d.ts +1 -1
- package/list/list-item/list-item.component.d.ts +1 -1
- package/list/list.d.ts +4 -0
- package/list/list.module.d.ts +7 -4
- package/list/public_api.d.ts +1 -0
- package/loading-icon/README.md +39 -3
- package/loading-icon/examples/examples.d.ts +2 -2
- package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -9
- package/loading-icon/loading-icon.d.ts +2 -0
- package/loading-icon/loading-icon.module.d.ts +6 -3
- package/loading-icon/public_api.d.ts +1 -0
- package/media-gallery/README.md +45 -1
- package/media-gallery/helpers/media-gallery-token.d.ts +1 -2
- package/media-gallery/media-gallery/media-gallery.component.d.ts +1 -1
- package/media-gallery/media-gallery.d.ts +4 -0
- package/media-gallery/media-gallery.module.d.ts +8 -5
- package/media-gallery/media-renderer/media-renderer.component.d.ts +1 -1
- package/media-gallery/public_api.d.ts +1 -0
- package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +1 -5
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
- package/menu/README.md +23 -0
- package/menu/menu/menu.component.d.ts +1 -1
- package/menu/menu-activator/menu-activator.component.d.ts +1 -1
- package/menu/menu-item/menu-item.component.d.ts +1 -1
- package/menu/menu.module.d.ts +6 -6
- package/menu/services/menu.service.d.ts +3 -2
- package/modal/README.md +41 -0
- package/modal/modal/modal.component.d.ts +20 -8
- package/modal/modal-actions/modal-actions.component.d.ts +1 -1
- package/modal/modal-close/modal-close.directive.d.ts +1 -1
- package/modal/modal-content/modal-content.component.d.ts +1 -1
- package/modal/modal-header/modal-header.component.d.ts +1 -1
- package/modal/modal-title/modal-title.directive.d.ts +1 -1
- package/modal/modal.d.ts +6 -0
- package/modal/modal.module.d.ts +15 -12
- package/modal/public_api.d.ts +1 -0
- package/navbar/README.md +41 -0
- package/navbar/navbar/navbar.component.d.ts +1 -4
- package/navbar/navbar.d.ts +2 -0
- package/navbar/navbar.module.d.ts +6 -2
- package/navbar/public_api.d.ts +1 -0
- package/notification/README.md +43 -2
- package/notification/notification/notification.component.d.ts +2 -2
- package/notification/notification-actions/notification-actions.directive.d.ts +1 -1
- package/notification/notification-message/notification-message.directive.d.ts +1 -1
- package/notification/notification-subtitle/notification-subtitle.directive.d.ts +1 -1
- package/notification/notification-title/notification-title.directive.d.ts +1 -1
- package/notification/notification.d.ts +7 -0
- package/notification/notification.module.d.ts +12 -9
- package/notification/public_api.d.ts +1 -0
- package/notification/src/notification-theme.scss +17 -13
- package/package.json +1 -1
- package/paginator/README.md +45 -4
- package/paginator/paginator/paginator.component.d.ts +1 -4
- package/paginator/paginator.d.ts +2 -0
- package/paginator/paginator.module.d.ts +8 -5
- package/paginator/public_api.d.ts +1 -0
- package/progress-bar/README.md +41 -0
- package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts +6 -0
- package/progress-bar/progress-bar.component.d.ts +1 -1
- package/progress-bar/progress-bar.d.ts +3 -0
- package/progress-bar/progress-bar.module.d.ts +7 -3
- package/progress-bar/public_api.d.ts +2 -0
- package/scss/theme.scss +13 -1
- package/scss/theming/_configure-theme.scss +60 -2
- package/scss/theming/_theme-css-variables.scss +1 -1
- package/sidebar/README.md +78 -20
- package/sidebar/public_api.d.ts +1 -0
- package/sidebar/sidebar/sidebar.component.d.ts +19 -8
- package/sidebar/sidebar-footer/sidebar-footer.component.d.ts +1 -1
- package/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.d.ts +1 -1
- package/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.d.ts +1 -1
- package/sidebar/sidebar-header/sidebar-header.component.d.ts +1 -1
- package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts +1 -7
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +5 -17
- package/sidebar/sidebar-viewport/utils/content-pad.d.ts +2 -2
- package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +1 -1
- package/sidebar/sidebar.d.ts +8 -0
- package/sidebar/sidebar.module.d.ts +13 -10
- package/tabs/README.md +19 -0
- package/tabs/examples/basic-tabs/basic-tabs.component.d.ts +6 -0
- package/tabs/examples/custom-select-tabs/custom-select-tabs.component.d.ts +11 -0
- package/tabs/examples/disabled-tabs/disabled-tabs.component.d.ts +6 -0
- package/tabs/examples/index.d.ts +1 -0
- package/tabs/examples/initially-select-tab/initially-select-tab.component.d.ts +6 -0
- package/tabs/examples/public_api.d.ts +2 -0
- package/tabs/index.d.ts +1 -0
- package/tabs/public_api.d.ts +5 -0
- package/tabs/src/tabs-theme.scss +22 -0
- package/tabs/tabs/tab/tab.component.d.ts +57 -0
- package/tabs/tabs/tab-activator/tab-activator.component.d.ts +37 -0
- package/tabs/tabs/tab-label/tab-label.component.d.ts +19 -0
- package/tabs/tabs/tab-panel/tab-panel.component.d.ts +38 -0
- package/tabs/tabs/tabs.component.d.ts +104 -0
- package/tabs/tabs.d.ts +6 -0
- package/text-snippet/README.md +2 -0
- package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts +5 -0
- package/text-snippet/examples/index.d.ts +1 -0
- package/text-snippet/examples/public_api.d.ts +2 -0
- package/text-snippet/index.d.ts +1 -0
- package/text-snippet/public_api.d.ts +1 -0
- package/text-snippet/text-snippet.component.d.ts +19 -0
- package/toast/README.md +109 -34
- package/toast/options/daff-toast-options.d.ts +1 -3
- package/toast/public_api.d.ts +1 -0
- package/toast/service/toast.service.d.ts +4 -3
- package/toast/src/toast-theme.scss +14 -10
- package/toast/toast/toast-provider.d.ts +2 -0
- package/toast/toast/toast-template.component.d.ts +1 -1
- package/toast/toast/toast.component.d.ts +1 -3
- package/toast/toast-actions/toast-actions.directive.d.ts +1 -1
- package/toast/toast-message/toast-message.directive.d.ts +1 -1
- package/toast/toast-title/toast-title.directive.d.ts +1 -1
- package/toast/toast.module.d.ts +14 -12
- package/tree/README.md +41 -0
- package/tree/public_api.d.ts +1 -2
- package/tree/tree/tree.component.d.ts +1 -1
- package/tree/tree-item/tree-item.directive.d.ts +1 -1
- package/tree/tree.d.ts +3 -0
- package/tree/tree.module.d.ts +7 -4
- package/accordion/examples/accordion-examples.module.d.ts +0 -9
- package/button/button/button.component.d.ts +0 -80
- package/button/src/button-theme-variants/button.scss +0 -26
- package/button/src/button-theme-variants/flat.scss +0 -25
- package/button/src/button-theme-variants/icon.scss +0 -21
- package/button/src/button-theme-variants/raised.scss +0 -36
- package/button/src/button-theme-variants/stroked.scss +0 -28
- package/button/src/button-theme-variants/underline.scss +0 -9
- package/button/src/button-theme.scss +0 -574
- package/esm2022/accordion/examples/accordion-examples.module.mjs +0 -26
- package/esm2022/button/button/button.component.mjs +0 -207
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +0 -13
- package/esm2022/tree/utils/transform-in-place.mjs +0 -23
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +0 -5
- package/tree/utils/transform-in-place.d.ts +0 -15
@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
5
5
|
* `DaffStatusableDirective` allows a component to conditionally apply status-specific
|
6
6
|
* styles by setting CSS classes based on the specified status. This directive is useful
|
7
|
-
* for indicating different statuses such as warning,
|
7
|
+
* for indicating different statuses such as info, warning, critical, or success states.
|
8
8
|
*
|
9
9
|
* ## Usage
|
10
10
|
*
|
@@ -33,7 +33,7 @@ import * as i0 from "@angular/core";
|
|
33
33
|
* ```scss
|
34
34
|
* .custom-component {
|
35
35
|
*
|
36
|
-
* &.daff-
|
36
|
+
* &.daff-critical {
|
37
37
|
* background: daff-color($red, 10);
|
38
38
|
* color: daff-color($red, 90);
|
39
39
|
* }
|
@@ -43,8 +43,9 @@ import * as i0 from "@angular/core";
|
|
43
43
|
*
|
44
44
|
* The directive applies the following CSS classes based on the status:
|
45
45
|
*
|
46
|
+
* - `daff-info`: Applied when the status is `info`.
|
46
47
|
* - `daff-warn`: Applied when the status is `warn`.
|
47
|
-
* - `daff-
|
48
|
+
* - `daff-critical`: Applied when the status is `critical`.
|
48
49
|
* - `daff-success`: Applied when the status is `success`.
|
49
50
|
*/
|
50
51
|
export class DaffStatusableDirective {
|
@@ -54,8 +55,9 @@ export class DaffStatusableDirective {
|
|
54
55
|
*/
|
55
56
|
get class() {
|
56
57
|
return {
|
58
|
+
'daff-info': this.status === DaffStatusEnum.Info,
|
57
59
|
'daff-warn': this.status === DaffStatusEnum.Warn,
|
58
|
-
'daff-
|
60
|
+
'daff-critical': this.status === DaffStatusEnum.Critical,
|
59
61
|
'daff-success': this.status === DaffStatusEnum.Success,
|
60
62
|
};
|
61
63
|
}
|
@@ -74,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
74
76
|
}], status: [{
|
75
77
|
type: Input
|
76
78
|
}] } });
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsY0FBYyxHQUVmLE1BQU0sY0FBYyxDQUFDOztBQUV0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThDRztBQUtILE1BQU0sT0FBTyx1QkFBdUI7SUFFbEM7OztPQUdHO0lBQ0gsSUFBMEIsS0FBSztRQUM3QixPQUFPO1lBQ0wsV0FBVyxFQUFFLElBQUksQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLElBQUk7WUFDaEQsV0FBVyxFQUFFLElBQUksQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLElBQUk7WUFDaEQsZUFBZSxFQUFFLElBQUksQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLFFBQVE7WUFDeEQsY0FBYyxFQUFFLElBQUksQ0FBQyxNQUFNLEtBQUssY0FBYyxDQUFDLE9BQU87U0FDdkQsQ0FBQztJQUNKLENBQUM7aUlBYlUsdUJBQXVCO3FIQUF2Qix1QkFBdUI7OzJGQUF2Qix1QkFBdUI7a0JBSm5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQU8yQixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBWVgsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmU3RhdHVzLFxuICBEYWZmU3RhdHVzRW51bSxcbiAgRGFmZlN0YXR1c2FibGUsXG59IGZyb20gJy4vc3RhdHVzYWJsZSc7XG5cbi8qKlxuICogYERhZmZTdGF0dXNhYmxlRGlyZWN0aXZlYCBhbGxvd3MgYSBjb21wb25lbnQgdG8gY29uZGl0aW9uYWxseSBhcHBseSBzdGF0dXMtc3BlY2lmaWNcbiAqIHN0eWxlcyBieSBzZXR0aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzcGVjaWZpZWQgc3RhdHVzLiBUaGlzIGRpcmVjdGl2ZSBpcyB1c2VmdWxcbiAqIGZvciBpbmRpY2F0aW5nIGRpZmZlcmVudCBzdGF0dXNlcyBzdWNoIGFzIGluZm8sIHdhcm5pbmcsIGNyaXRpY2FsLCBvciBzdWNjZXNzIHN0YXRlcy5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlN0YXR1c2FibGUgW3N0YXR1c109XCJjb21wb25lbnRTdGF0dXNcIj5TdGF0dXMgY29udGVudDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBBbmd1bGFyIGhvc3QgZGlyZWN0aXZlXG4gKlxuICogYGBgdHNcbiAqIEBDb21wb25lbnQoe1xuICogIHN0YW5kYWxvbmU6IHRydWUsXG4gKiAgc2VsZWN0b3I6ICdjdXN0b20tY29tcG9uZW50JyxcbiAqICB0ZW1wbGF0ZTogJ2N1c3RvbS1jb21wb25lbnQuaHRtbCcsXG4gKiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAqICAgIHtcbiAqICAgICAgZGlyZWN0aXZlOiBEYWZmU3RhdHVzYWJsZURpcmVjdGl2ZSxcbiAqICAgICAgaW5wdXRzOiBbJ3N0YXR1cyddLFxuICogICAgfSxcbiAqICBdLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBDdXN0b21Db21wb25lbnQgeyB9XG4gKlxuICogYGBgc2Nzc1xuICogLmN1c3RvbS1jb21wb25lbnQge1xuICpcbiAqICAmLmRhZmYtY3JpdGljYWwge1xuICogICAgYmFja2dyb3VuZDogZGFmZi1jb2xvcigkcmVkLCAxMCk7XG4gKiAgICBjb2xvcjogZGFmZi1jb2xvcigkcmVkLCA5MCk7XG4gKiAgfVxuICogfVxuICogYGBgXG4gKiAjIyBTdHlsZXNcbiAqXG4gKiBUaGUgZGlyZWN0aXZlIGFwcGxpZXMgdGhlIGZvbGxvd2luZyBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3RhdHVzOlxuICpcbiAqIC0gYGRhZmYtaW5mb2A6IEFwcGxpZWQgd2hlbiB0aGUgc3RhdHVzIGlzIGBpbmZvYC5cbiAqIC0gYGRhZmYtd2FybmA6IEFwcGxpZWQgd2hlbiB0aGUgc3RhdHVzIGlzIGB3YXJuYC5cbiAqIC0gYGRhZmYtY3JpdGljYWxgOiBBcHBsaWVkIHdoZW4gdGhlIHN0YXR1cyBpcyBgY3JpdGljYWxgLlxuICogLSBgZGFmZi1zdWNjZXNzYDogQXBwbGllZCB3aGVuIHRoZSBzdGF0dXMgaXMgYHN1Y2Nlc3NgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlN0YXR1c2FibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlN0YXR1c2FibGVEaXJlY3RpdmUgaW1wbGVtZW50cyBEYWZmU3RhdHVzYWJsZSB7XG5cbiAgLyoqXG4gICAqIER5bmFtaWNhbGx5IHNldHMgdGhlIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzdGF0dXMuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLWluZm8nOiB0aGlzLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uSW5mbyxcbiAgICAgICdkYWZmLXdhcm4nOiB0aGlzLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uV2FybixcbiAgICAgICdkYWZmLWNyaXRpY2FsJzogdGhpcy5zdGF0dXMgPT09IERhZmZTdGF0dXNFbnVtLkNyaXRpY2FsLFxuICAgICAgJ2RhZmYtc3VjY2Vzcyc6IHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5TdWNjZXNzLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgc3RhdHVzIG9uIGEgY29tcG9uZW50LlxuICAgKi9cbiAgQElucHV0KCkgc3RhdHVzOiBEYWZmU3RhdHVzO1xufVxuXG4iXX0=
|
@@ -3,8 +3,9 @@
|
|
3
3
|
*/
|
4
4
|
export var DaffStatusEnum;
|
5
5
|
(function (DaffStatusEnum) {
|
6
|
+
DaffStatusEnum["Info"] = "info";
|
6
7
|
DaffStatusEnum["Warn"] = "warn";
|
7
|
-
DaffStatusEnum["
|
8
|
+
DaffStatusEnum["Critical"] = "critical";
|
8
9
|
DaffStatusEnum["Success"] = "success";
|
9
10
|
})(DaffStatusEnum || (DaffStatusEnum = {}));
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3N0YXR1c2FibGUvc3RhdHVzYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQkE7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLCtCQUFhLENBQUE7SUFDYiwrQkFBYSxDQUFBO0lBQ2IsdUNBQXFCLENBQUE7SUFDckIscUNBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUxXLGNBQWMsS0FBZCxjQUFjLFFBS3pCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBUaGUgYERhZmZTdGF0dXNhYmxlYCBpbnRlcmZhY2UgZGVmaW5lcyBhIGNvbXBvbmVudCB0aGF0IGNhbiBoYXZlIGEgc3RhdHVzLlxuICogVGhpcyBzdGF0dXMgZGV0ZXJtaW5lcyB0aGUgc3R5bGluZyBvciBiZWhhdmlvciBvZiB0aGUgY29tcG9uZW50LlxuICovXG5leHBvcnQgaW50ZXJmYWNlIERhZmZTdGF0dXNhYmxlIHtcbiAgLyoqXG4gICAqIFRoZSBzdGF0dXMgb2YgdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIHN0YXR1czogRGFmZlN0YXR1cztcbn1cblxuLyoqXG4gKiBUaGUgYERhZmZTdGF0dXNgIHR5cGUgZGVmaW5lcyB0aGUgcG9zc2libGUgc3RhdHVzIHZhbHVlcyB0aGF0IGEgY29tcG9uZW50IGNhbiBoYXZlLlxuICogLSAnaW5mbyc6IEluZGljYXRlYSBhbiBpbmZvcm1hdGlvbmFsIHN0YXR1cy5cbiAqIC0gJ3dhcm4nOiBJbmRpY2F0ZXMgYSB3YXJuaW5nIHN0YXR1cy5cbiAqIC0gJ2NyaXRpY2FsJzogSW5kaWNhdGVzIGEgY3JpdGljYWwgb3IgZXJyb3Igc3RhdHVzLlxuICogLSAnc3VjY2Vzcyc6IEluZGljYXRlcyBhIHN1Y2Nlc3Mgc3RhdHVzLlxuICovXG5leHBvcnQgdHlwZSBEYWZmU3RhdHVzID0gJ2luZm8nIHwgJ3dhcm4nIHwgJ2NyaXRpY2FsJyB8ICdzdWNjZXNzJztcblxuLyoqXG4gKiBUaGUgYERhZmZTdGF0dXNFbnVtYCBlbnVtZXJhdGVzIHRoZSBwb3NzaWJsZSBzdGF0dXMgdmFsdWVzIGZvciBhIGNvbXBvbmVudC5cbiAqL1xuZXhwb3J0IGVudW0gRGFmZlN0YXR1c0VudW0ge1xuICBJbmZvID0gJ2luZm8nLFxuICBXYXJuID0gJ3dhcm4nLFxuICBDcml0aWNhbCA9ICdjcml0aWNhbCcsXG4gIFN1Y2Nlc3MgPSAnc3VjY2Vzcydcbn1cbiJdfQ==
|
@@ -1,24 +1,23 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
5
|
-
import {
|
4
|
+
import { DaffButtonComponent } from '@daffodil/design/button';
|
5
|
+
import { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';
|
6
6
|
import * as i0 from "@angular/core";
|
7
7
|
import * as i1 from "@daffodil/design/hero";
|
8
|
-
import * as i2 from "@daffodil/design/button";
|
9
8
|
export class CompactHeroComponent {
|
10
9
|
constructor() {
|
11
10
|
this.faMobile = faMobile;
|
12
11
|
}
|
13
12
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CompactHeroComponent, isStandalone: true, selector: "compact-hero", ngImport: i0, 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}\n"], dependencies: [{ kind: "
|
13
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CompactHeroComponent, isStandalone: true, selector: "compact-hero", ngImport: i0, 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}\n"], dependencies: [{ kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
14
|
}
|
16
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CompactHeroComponent, decorators: [{
|
17
16
|
type: Component,
|
18
17
|
args: [{ selector: 'compact-hero', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
19
|
-
DaffHeroModule,
|
20
18
|
FaIconComponent,
|
21
|
-
|
19
|
+
DAFF_HERO_COMPONENTS,
|
20
|
+
DaffButtonComponent,
|
22
21
|
], 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}\n"] }]
|
23
22
|
}] });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1oZXJvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2NvbXBhY3QtaGVyby9jb21wYWN0LWhlcm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvY29tcGFjdC1oZXJvL2NvbXBhY3QtaGVyby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTdELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFlN0QsTUFBTSxPQUFPLG9CQUFvQjtJQWJqQztRQWNFLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDckI7aUlBRlksb0JBQW9CO3FIQUFwQixvQkFBb0Isd0VDdkJqQyw4cEJBYVksbVJES1IsZUFBZSxxc0JBRWYsbUJBQW1COzsyRkFHVixvQkFBb0I7a0JBYmhDLFNBQVM7K0JBRUUsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLG9CQUFvQjt3QkFDcEIsbUJBQW1CO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgREFGRl9IRVJPX0NPTVBPTkVOVFMgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdjb21wYWN0LWhlcm8nLFxuICB0ZW1wbGF0ZVVybDogJy4vY29tcGFjdC1oZXJvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29tcGFjdC1oZXJvLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERBRkZfSEVST19DT01QT05FTlRTLFxuICAgIERhZmZCdXR0b25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbXBhY3RIZXJvQ29tcG9uZW50IHtcbiAgZmFNb2JpbGUgPSBmYU1vYmlsZTtcbn1cbiIsIjxkYWZmLWhlcm8gW2NvbXBhY3RdPVwidHJ1ZVwiPlxuXHQ8ZGl2IGNsYXNzPVwiZGFmZi1jb21wYWN0LWhlcm9fX2ljb25cIiBkYWZmSGVyb0ljb24+XG5cdFx0PGZhLWljb24gW2ljb25dPVwiZmFNb2JpbGVcIj48L2ZhLWljb24+XG5cdDwvZGl2PlxuXHQ8cCBkYWZmSGVyb1RhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvcD5cblx0PGgxIGRhZmZIZXJvVGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDE+XG5cdDxoMiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdDxwPkRhZmZvZGlsIHByb3ZpZGVzIGV2ZXJ5dGhpbmcgeW91IG5lZWQgdG8gY3JlYXRlIHBvd2VyZnVsIGFuZCBmbGV4aWJsZSBlY29tbWVyY2UgZXhwZXJpZW5jZXMuPC9wPlxuXHRcdDxwPldpdGggRGFmZm9kaWwsIGFtYml0aW91cyBidXNpbmVzc2VzIGFyZSBhYmxlIHRvIGFjaGlldmUgbW9yZSB3aGlsZSBtaW5pbWl6aW5nIGRldmVsb3BtZW50IGFuZCBtYWludGVuYW5jZSBjb3N0cy48L3A+XG5cdDwvaDI+XG5cdDxkaXYgZGFmZkhlcm9Cb2R5PlxuXHRcdDxhIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCIgdGFyZ2V0PVwiX2JsYW5rXCIgZGFmZi1idXR0b24+R2V0IFN0YXJ0ZWQ8L2E+XG5cdDwvZGl2PlxuPC9kYWZmLWhlcm8+Il19
|
@@ -3,14 +3,13 @@ import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
3
3
|
import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
|
4
4
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
5
5
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
6
|
-
import {
|
7
|
-
import {
|
8
|
-
import {
|
6
|
+
import { DaffButtonComponent } from '@daffodil/design/button';
|
7
|
+
import { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';
|
8
|
+
import { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';
|
9
9
|
import * as i0 from "@angular/core";
|
10
10
|
import * as i1 from "@daffodil/design/hero";
|
11
11
|
import * as i2 from "@daffodil/design/container";
|
12
|
-
import * as i3 from "@
|
13
|
-
import * as i4 from "@angular/forms";
|
12
|
+
import * as i3 from "@angular/forms";
|
14
13
|
export class HeroTextAlignmentComponent {
|
15
14
|
constructor() {
|
16
15
|
this.faMobile = faMobile;
|
@@ -23,17 +22,17 @@ export class HeroTextAlignmentComponent {
|
|
23
22
|
];
|
24
23
|
}
|
25
24
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
26
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: HeroTextAlignmentComponent, isStandalone: true, selector: "hero-text-alignment", ngImport: i0, 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}\n"], dependencies: [{ kind: "
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: HeroTextAlignmentComponent, isStandalone: true, selector: "hero-text-alignment", ngImport: i0, 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}\n"], dependencies: [{ kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
27
26
|
}
|
28
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
|
29
28
|
type: Component,
|
30
29
|
args: [{ selector: 'hero-text-alignment', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
31
|
-
|
32
|
-
|
30
|
+
DAFF_HERO_COMPONENTS,
|
31
|
+
DAFF_CONTAINER_COMPONENTS,
|
33
32
|
FaIconComponent,
|
34
|
-
|
33
|
+
DaffButtonComponent,
|
35
34
|
ReactiveFormsModule,
|
36
35
|
NgFor,
|
37
36
|
], 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}\n"] }]
|
38
37
|
}] });
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL2V4YW1wbGVzL3NyYy9oZXJvLXRleHQtYWxpZ25tZW50L2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10ZXh0LWFsaWdubWVudC9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7O0FBa0I3RCxNQUFNLE9BQU8sMEJBQTBCO0lBaEJ2QztRQWlCRSxhQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3BCLHFCQUFnQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWxFLFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQ2hDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO1lBQ3BDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7S0FDSDtpSUFWWSwwQkFBMEI7cUhBQTFCLDBCQUEwQiwrRUNoQ3ZDLHE2QkFtQlMsdTJCRE9MLGVBQWUsNE1BQ2YsbUJBQW1CLDhFQUNuQixtQkFBbUIscXRCQUNuQixLQUFLOzsyRkFHSSwwQkFBMEI7a0JBaEJ0QyxTQUFTOytCQUVFLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxvQkFBb0I7d0JBQ3BCLHlCQUF5Qjt3QkFDekIsZUFBZTt3QkFDZixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEQUZGX0NPTlRBSU5FUl9DT01QT05FTlRTIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuaW1wb3J0IHsgREFGRl9IRVJPX0NPTVBPTkVOVFMgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXRleHQtYWxpZ25tZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlcm8tdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgREFGRl9IRVJPX0NPTVBPTkVOVFMsXG4gICAgREFGRl9DT05UQUlORVJfQ09NUE9ORU5UUyxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbkNvbXBvbmVudCxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE5nRm9yLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvVGV4dEFsaWdubWVudENvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIHRleHRBbGlnbkNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAnbGVmdCcsIGxhYmVsOiAnTGVmdCcgfSxcbiAgICB7IHZhbHVlOiAnY2VudGVyJywgbGFiZWw6ICdDZW50ZXInIH0sXG4gICAgeyB2YWx1ZTogJ3JpZ2h0JywgbGFiZWw6ICdSaWdodCcgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWhlcm8gW3RleHRBbGlnbm1lbnRdPVwidGV4dEFsaWduQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGFmZi1jb250YWluZXIgc2l6ZT1cIm1kXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtaGVyby10ZXh0LWFsaWdubWVudF9faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHRcdDwvZGl2PlxuXHRcdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHRcdDxoMSBkYWZmSGVyb1RpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gxPlxuXHRcdDxoMiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvaDI+XG5cdFx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0XHQ8YSBocmVmPVwiaHR0cHM6Ly93d3cuZGFmZi5pb1wiIHRhcmdldD1cIl9ibGFua1wiIGRhZmYtYnV0dG9uPkdldCBTdGFydGVkPC9hPlxuXHRcdDwvZGl2PlxuXHQ8L2RhZmYtY29udGFpbmVyPlxuPC9kYWZmLWhlcm8+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInRleHRBbGlnbkNvbnRyb2xcIj5cblx0PG9wdGlvbiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIiBbdmFsdWVdPVwib3B0aW9uLnZhbHVlXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
|
@@ -2,12 +2,11 @@ import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
2
2
|
import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
|
3
3
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
4
4
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
5
|
-
import {
|
6
|
-
import {
|
5
|
+
import { DaffButtonComponent } from '@daffodil/design/button';
|
6
|
+
import { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
import * as i1 from "@daffodil/design/hero";
|
9
|
-
import * as i2 from "@
|
10
|
-
import * as i3 from "@angular/forms";
|
9
|
+
import * as i2 from "@angular/forms";
|
11
10
|
export class HeroThemingComponent {
|
12
11
|
constructor() {
|
13
12
|
this.faMobile = faMobile;
|
@@ -15,15 +14,15 @@ export class HeroThemingComponent {
|
|
15
14
|
this.colorControl = new UntypedFormControl('');
|
16
15
|
}
|
17
16
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
18
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: HeroThemingComponent, isStandalone: true, selector: "hero-theming", ngImport: i0, 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}\n"], dependencies: [{ kind: "
|
17
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: HeroThemingComponent, isStandalone: true, selector: "hero-theming", ngImport: i0, 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}\n"], dependencies: [{ kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
19
18
|
}
|
20
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroThemingComponent, decorators: [{
|
21
20
|
type: Component,
|
22
21
|
args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
23
|
-
|
22
|
+
DAFF_HERO_COMPONENTS,
|
24
23
|
FaIconComponent,
|
25
|
-
|
24
|
+
DaffButtonComponent,
|
26
25
|
ReactiveFormsModule,
|
27
26
|
], 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}\n"] }]
|
28
27
|
}] });
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10aGVtaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vZXhhbXBsZXMvc3JjL2hlcm8tdGhlbWluZy9oZXJvLXRoZW1pbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby10aGVtaW5nL2hlcm8tdGhlbWluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFHN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFnQjdELE1BQU0sT0FBTyxvQkFBb0I7SUFkakM7UUFlRSxhQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3BCLFVBQUssR0FBZ0IsU0FBUyxDQUFDO1FBRS9CLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7S0FDL0Q7aUlBTFksb0JBQW9CO3FIQUFwQixvQkFBb0Isd0VDN0JqQyxpbENBd0JTLDR3QkRBTCxlQUFlLDRNQUNmLG1CQUFtQiw4RUFDbkIsbUJBQW1COzsyRkFHVixvQkFBb0I7a0JBZGhDLFNBQVM7K0JBRUUsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxvQkFBb0I7d0JBQ3BCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixtQkFBbUI7cUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhTW9iaWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlBhbGV0dGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEQUZGX0hFUk9fQ09NUE9ORU5UUyB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vaGVybyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2hlcm8tdGhlbWluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXRoZW1pbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZXJvLXRoZW1pbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEQUZGX0hFUk9fQ09NUE9ORU5UUyxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbkNvbXBvbmVudCxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBIZXJvVGhlbWluZ0NvbXBvbmVudCB7XG4gIGZhTW9iaWxlID0gZmFNb2JpbGU7XG4gIGNvbG9yOiBEYWZmUGFsZXR0ZSA9ICdwcmltYXJ5JztcblxuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xufVxuIiwiPGRhZmYtaGVybyBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+XG5cdDxkaXYgY2xhc3M9XCJkYWZmLWhlcm8tdGhlbWluZ19faWNvblwiIGRhZmZIZXJvSWNvbj5cblx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0PC9kaXY+XG5cdDxwIGRhZmZIZXJvVGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9wPlxuXHQ8aDEgZGFmZkhlcm9UaXRsZT5EYWZmb2RpbDogVGhlIG5leHQgZ3JlYXQgbGVhcCBpbiBlY29tbWVyY2UuPC9oMT5cblx0PGgyIGRhZmZIZXJvU3VidGl0bGU+XG5cdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0PC9oMj5cblx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0PGEgaHJlZj1cImh0dHBzOi8vd3d3LmRhZmYuaW9cIiB0YXJnZXQ9XCJfYmxhbmtcIiBkYWZmLWJ1dHRvbj5HZXQgU3RhcnRlZDwvYT5cblx0PC9kaXY+XG48L2RhZmYtaGVybz5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gdmFsdWU9XCJcIj5EZWZhdWx0PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJwcmltYXJ5XCI+UHJpbWFyeTwvb3B0aW9uPlxuXHQ8b3B0aW9uIHZhbHVlPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ3aGl0ZVwiPldoaXRlPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJibGFja1wiPkJsYWNrPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0aGVtZVwiPlRoZW1lPC9vcHRpb24+XG5cdDxvcHRpb24gdmFsdWU9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9vcHRpb24+XG48L3NlbGVjdD4iXX0=
|
@@ -1,27 +1,26 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
5
|
-
import {
|
6
|
-
import {
|
4
|
+
import { DaffButtonComponent } from '@daffodil/design/button';
|
5
|
+
import { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';
|
6
|
+
import { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
import * as i1 from "@daffodil/design/hero";
|
9
9
|
import * as i2 from "@daffodil/design/container";
|
10
|
-
import * as i3 from "@daffodil/design/button";
|
11
10
|
export class HeroWithGridComponent {
|
12
11
|
constructor() {
|
13
12
|
this.faMobile = faMobile;
|
14
13
|
}
|
15
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
16
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: HeroWithGridComponent, isStandalone: true, selector: "hero-with-grid", ngImport: i0, 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}\n"], dependencies: [{ kind: "
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: HeroWithGridComponent, isStandalone: true, selector: "hero-with-grid", ngImport: i0, 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}\n"], dependencies: [{ kind: "component", type: i1.DaffHeroComponent, selector: "daff-hero" }, { kind: "directive", type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { kind: "directive", type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { kind: "directive", type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { kind: "directive", type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { kind: "directive", type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
17
16
|
}
|
18
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroWithGridComponent, decorators: [{
|
19
18
|
type: Component,
|
20
19
|
args: [{ selector: 'hero-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
21
|
-
|
22
|
-
|
20
|
+
DAFF_HERO_COMPONENTS,
|
21
|
+
DAFF_CONTAINER_COMPONENTS,
|
23
22
|
FaIconComponent,
|
24
|
-
|
23
|
+
DaffButtonComponent,
|
25
24
|
], 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}\n"] }]
|
26
25
|
}] });
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaGVyby9leGFtcGxlcy9zcmMvaGVyby13aXRoLWdyaWQvaGVyby13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWdCN0QsTUFBTSxPQUFPLHFCQUFxQjtJQWRsQztRQWVFLGFBQVEsR0FBRyxRQUFRLENBQUM7S0FDckI7aUlBRlkscUJBQXFCO3FIQUFyQixxQkFBcUIsMEVDekJsQyx3L0JBb0JZLG1xQ0RDUixlQUFlLDRNQUNmLG1CQUFtQjs7MkZBR1YscUJBQXFCO2tCQWRqQyxTQUFTOytCQUVFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxvQkFBb0I7d0JBQ3BCLHlCQUF5Qjt3QkFDekIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBmYU1vYmlsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5pbXBvcnQgeyBEQUZGX0NPTlRBSU5FUl9DT01QT05FTlRTIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jb250YWluZXInO1xuaW1wb3J0IHsgREFGRl9IRVJPX0NPTVBPTkVOVFMgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2hlcm8nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdoZXJvLXdpdGgtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZXJvLXdpdGgtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlcm8td2l0aC1ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgREFGRl9IRVJPX0NPTVBPTkVOVFMsXG4gICAgREFGRl9DT05UQUlORVJfQ09NUE9ORU5UUyxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZkJ1dHRvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSGVyb1dpdGhHcmlkQ29tcG9uZW50IHtcbiAgZmFNb2JpbGUgPSBmYU1vYmlsZTtcbn1cbiIsIjxkYWZmLWhlcm8gY29sb3I9XCJ0aGVtZVwiPlxuXHQ8ZGFmZi1jb250YWluZXIgY2xhc3M9XCJkYWZmLWhlcm8td2l0aC1ncmlkX19ncmlkXCI+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtaGVyby13aXRoLWdyaWRfX2ltYWdlXCI+XG5cdFx0XHQ8aW1nIHNyYz1cIi9hc3NldHMvZGVzaWduL2NhbGxvdXQvcHdhLWlsbHVzdHJhdGlvbi5zdmdcIiBhbHQ9XCJQV0EgSWxsdXN0cmF0aW9uXCI+XG5cdFx0PC9kaXY+XG5cdFx0PGRpdiBjbGFzcz1cImRhZmYtaGVyby13aXRoLWdyaWRfX2NvbnRlbnQtd3JhcHBlclwiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImRhZmYtaGVyby13aXRoLWdyaWRfX2ljb25cIiBkYWZmSGVyb0ljb24+XG5cdFx0XHRcdDxmYS1pY29uIFtpY29uXT1cImZhTW9iaWxlXCI+PC9mYS1pY29uPlxuXHRcdFx0PC9kaXY+XG5cdFx0XHQ8cCBkYWZmSGVyb1RhZ2xpbmU+RnJvbnRlbmQgZnJhbWV3b3JrIGZvciBlY29tbWVyY2UgUFdBczwvcD5cblx0XHRcdDxoMyBkYWZmSGVyb1RpdGxlPkRhZmZvZGlsOiBUaGUgbmV4dCBncmVhdCBsZWFwIGluIGVjb21tZXJjZS48L2gzPlxuXHRcdFx0PGRpdiBkYWZmSGVyb1N1YnRpdGxlPlxuXHRcdFx0XHQ8cD5EYWZmb2RpbCBwcm92aWRlcyBldmVyeXRoaW5nIHlvdSBuZWVkIHRvIGNyZWF0ZSBwb3dlcmZ1bCBhbmQgZmxleGlibGUgZWNvbW1lcmNlIGV4cGVyaWVuY2VzLjwvcD5cblx0XHRcdFx0PHA+V2l0aCBEYWZmb2RpbCwgYW1iaXRpb3VzIGJ1c2luZXNzZXMgYXJlIGFibGUgdG8gYWNoaWV2ZSBtb3JlIHdoaWxlIG1pbmltaXppbmcgZGV2ZWxvcG1lbnQgYW5kIG1haW50ZW5hbmNlIGNvc3RzLjwvcD5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PGRpdiBkYWZmSGVyb0JvZHk+XG5cdFx0XHRcdDxhIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCIgdGFyZ2V0PVwiX2JsYW5rXCIgZGFmZi1idXR0b24+R2V0IFN0YXJ0ZWQ8L2E+XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2Rpdj5cblx0PC9kYWZmLWNvbnRhaW5lcj5cbjwvZGFmZi1oZXJvPiJdfQ==
|
@@ -3,9 +3,6 @@ import { DaffColorableDirective, DaffCompactableDirective, } from '@daffodil/des
|
|
3
3
|
import { DaffArticleEncapsulatedDirective, DaffManageContainerLayoutDirective, DaffTextAlignableDirective, } from '@daffodil/design';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
import * as i1 from "@daffodil/design";
|
6
|
-
/**
|
7
|
-
* @inheritdoc
|
8
|
-
*/
|
9
6
|
export class DaffHeroComponent {
|
10
7
|
constructor(textAlignable) {
|
11
8
|
this.textAlignable = textAlignable;
|
@@ -16,11 +13,11 @@ export class DaffHeroComponent {
|
|
16
13
|
this.textAlignable.defaultAlignment = 'left';
|
17
14
|
}
|
18
15
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroComponent, deps: [{ token: i1.DaffTextAlignableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
19
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroComponent, selector: "daff-hero", host: { properties: { "class.daff-hero": "this.class" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffTextAlignableDirective, inputs: ["textAlignment", "textAlignment"] }, { directive: i1.DaffCompactableDirective, inputs: ["compact", "compact"] }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
16
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroComponent, isStandalone: true, selector: "daff-hero", host: { properties: { "class.daff-hero": "this.class" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }, { directive: i1.DaffManageContainerLayoutDirective }, { directive: i1.DaffTextAlignableDirective, inputs: ["textAlignment", "textAlignment"] }, { directive: i1.DaffCompactableDirective, inputs: ["compact", "compact"] }, { directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
20
17
|
}
|
21
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroComponent, decorators: [{
|
22
19
|
type: Component,
|
23
|
-
args: [{ selector: 'daff-hero', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
20
|
+
args: [{ selector: 'daff-hero', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
24
21
|
{ directive: DaffArticleEncapsulatedDirective },
|
25
22
|
{ directive: DaffManageContainerLayoutDirective },
|
26
23
|
{
|
@@ -35,9 +32,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
35
32
|
directive: DaffColorableDirective,
|
36
33
|
inputs: ['color'],
|
37
34
|
},
|
38
|
-
],
|
35
|
+
], standalone: true, styles: [".daff-hero{display:block;padding:64px 24px}@media (min-width: 480px){.daff-hero{padding:96px 48px}}.daff-hero__icon{margin:0 0 16px}.daff-hero__tagline{font-size:.875rem;font-weight:600;letter-spacing:.03125rem;line-height:1rem;text-transform:uppercase;margin:0 0 8px;padding:0}.daff-hero__title{font-weight:700;font-size:2.5rem;line-height:2.5rem;margin:0;max-width:1040px;width:100%}@media (min-width: 768px){.daff-hero__title{font-size:4.5rem;line-height:4.5rem}}.daff-hero__subtitle{font-size:1.25rem;font-weight:400;line-height:1.75rem;margin:16px 0 0;max-width:672px;width:100%}@media (min-width: 768px){.daff-hero__subtitle{font-size:1.5rem;font-weight:400;line-height:2rem}}.daff-hero__subtitle p:first-of-type{margin-top:0}.daff-hero__subtitle p:last-of-type{margin-bottom:0}.daff-hero__body:not(:last-child){margin-bottom:48px}.daff-hero__body:not(:first-child){margin-top:48px}.daff-hero.daff-compact{padding:48px 24px}@media (min-width: 480px){.daff-hero.daff-compact{padding:48px}}.daff-hero.daff-left .daff-hero__icon,.daff-hero.daff-left .daff-hero__tagline,.daff-hero.daff-left .daff-hero__title,.daff-hero.daff-left .daff-hero__subtitle{text-align:left}.daff-hero.daff-center .daff-hero__icon,.daff-hero.daff-center .daff-hero__tagline,.daff-hero.daff-center .daff-hero__title,.daff-hero.daff-center .daff-hero__subtitle{margin-left:auto;margin-right:auto;text-align:center}.daff-hero.daff-right .daff-hero__icon,.daff-hero.daff-right .daff-hero__tagline,.daff-hero.daff-right .daff-hero__title,.daff-hero.daff-right .daff-hero__subtitle{margin-left:auto;text-align:right}\n"] }]
|
39
36
|
}], ctorParameters: () => [{ type: i1.DaffTextAlignableDirective }], propDecorators: { class: [{
|
40
37
|
type: HostBinding,
|
41
38
|
args: ['class.daff-hero']
|
42
39
|
}] } });
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvL2hlcm8uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLHNCQUFzQixFQUN0Qix3QkFBd0IsR0FDekIsTUFBTSxrQkFBa0IsQ0FBQztBQUMxQixPQUFPLEVBQ0wsZ0NBQWdDLEVBQ2hDLGtDQUFrQyxFQUNsQywwQkFBMEIsR0FDM0IsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBMEIxQixNQUFNLE9BQU8saUJBQWlCO0lBQzVCLFlBQW9CLGFBQXlDO1FBQXpDLGtCQUFhLEdBQWIsYUFBYSxDQUE0QjtRQUk3RDs7V0FFRztRQUM2QixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBTjNDLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLEdBQUcsTUFBTSxDQUFDO0lBQy9DLENBQUM7aUlBSFUsaUJBQWlCO3FIQUFqQixpQkFBaUIsd2VBdEJsQiwyQkFBMkI7OzJGQXNCMUIsaUJBQWlCO2tCQXhCN0IsU0FBUzsrQkFDRSxXQUFXLFlBQ1gsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQjt3QkFDZCxFQUFFLFNBQVMsRUFBRSxnQ0FBZ0MsRUFBRTt3QkFDL0MsRUFBRSxTQUFTLEVBQUUsa0NBQWtDLEVBQUU7d0JBQ2pEOzRCQUNFLFNBQVMsRUFBRSwwQkFBMEI7NEJBQ3JDLE1BQU0sRUFBRSxDQUFDLGVBQWUsQ0FBQzt5QkFDMUI7d0JBQ0Q7NEJBQ0UsU0FBUyxFQUFFLHdCQUF3Qjs0QkFDbkMsTUFBTSxFQUFFLENBQUMsU0FBUyxDQUFDO3lCQUNwQjt3QkFDRDs0QkFDRSxTQUFTLEVBQUUsc0JBQXNCOzRCQUNqQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLENBQUM7eUJBQ2xCO3FCQUNGLGNBQ1csSUFBSTsrRkFVZ0IsS0FBSztzQkFBcEMsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlLFxuICBEYWZmQ29tcGFjdGFibGVEaXJlY3RpdmUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHtcbiAgRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUsXG4gIERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmUsXG4gIERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1oZXJvJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vaGVyby5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7IGRpcmVjdGl2ZTogRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUgfSxcbiAgICB7IGRpcmVjdGl2ZTogRGFmZk1hbmFnZUNvbnRhaW5lckxheW91dERpcmVjdGl2ZSB9LFxuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGFmZlRleHRBbGlnbmFibGVEaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsndGV4dEFsaWdubWVudCddLFxuICAgIH0sXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEYWZmQ29tcGFjdGFibGVEaXJlY3RpdmUsXG4gICAgICBpbnB1dHM6IFsnY29tcGFjdCddLFxuICAgIH0sXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gICAgfSxcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkhlcm9Db21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRleHRBbGlnbmFibGU6IERhZmZUZXh0QWxpZ25hYmxlRGlyZWN0aXZlKSB7XG4gICAgdGhpcy50ZXh0QWxpZ25hYmxlLmRlZmF1bHRBbGlnbm1lbnQgPSAnbGVmdCc7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWhlcm8nKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=
|
@@ -8,15 +8,16 @@ export class DaffHeroBodyDirective {
|
|
8
8
|
this.class = true;
|
9
9
|
}
|
10
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroBodyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroBodyDirective, selector: "[daffHeroBody]", host: { properties: { "class.daff-hero__body": "this.class" } }, ngImport: i0 }); }
|
11
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroBodyDirective, isStandalone: true, selector: "[daffHeroBody]", host: { properties: { "class.daff-hero__body": "this.class" } }, ngImport: i0 }); }
|
12
12
|
}
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroBodyDirective, decorators: [{
|
14
14
|
type: Directive,
|
15
15
|
args: [{
|
16
16
|
selector: '[daffHeroBody]',
|
17
|
+
standalone: true,
|
17
18
|
}]
|
18
19
|
}], propDecorators: { class: [{
|
19
20
|
type: HostBinding,
|
20
21
|
args: ['class.daff-hero__body']
|
21
22
|
}] } });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1ib2R5LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vc3JjL2hlcm8tYm9keS9oZXJvLWJvZHkuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0U7O1dBRUc7UUFDbUMsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNwRDtpSUFOWSxxQkFBcUI7cUhBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFMakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBT3VDLEtBQUs7c0JBQTFDLFdBQVc7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmSGVyb0JvZHldJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmSGVyb0JvZHlEaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVyb19fYm9keScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -8,15 +8,16 @@ export class DaffHeroIconDirective {
|
|
8
8
|
this.class = true;
|
9
9
|
}
|
10
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroIconDirective, selector: "[daffHeroIcon]", host: { properties: { "class.daff-hero__icon": "this.class" } }, ngImport: i0 }); }
|
11
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroIconDirective, isStandalone: true, selector: "[daffHeroIcon]", host: { properties: { "class.daff-hero__icon": "this.class" } }, ngImport: i0 }); }
|
12
12
|
}
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroIconDirective, decorators: [{
|
14
14
|
type: Directive,
|
15
15
|
args: [{
|
16
16
|
selector: '[daffHeroIcon]',
|
17
|
+
standalone: true,
|
17
18
|
}]
|
18
19
|
}], propDecorators: { class: [{
|
19
20
|
type: HostBinding,
|
20
21
|
args: ['class.daff-hero__icon']
|
21
22
|
}] } });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1pY29uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vc3JjL2hlcm8taWNvbi9oZXJvLWljb24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0U7O1dBRUc7UUFDbUMsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNwRDtpSUFOWSxxQkFBcUI7cUhBQXJCLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFMakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBT3VDLEtBQUs7c0JBQTFDLFdBQVc7dUJBQUMsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmSGVyb0ljb25dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmSGVyb0ljb25EaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVyb19faWNvbicpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -8,15 +8,16 @@ export class DaffHeroSubtitleDirective {
|
|
8
8
|
this.class = true;
|
9
9
|
}
|
10
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]", host: { properties: { "class.daff-hero__subtitle": "this.class" } }, ngImport: i0 }); }
|
11
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroSubtitleDirective, isStandalone: true, selector: "[daffHeroSubtitle]", host: { properties: { "class.daff-hero__subtitle": "this.class" } }, ngImport: i0 }); }
|
12
12
|
}
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroSubtitleDirective, decorators: [{
|
14
14
|
type: Directive,
|
15
15
|
args: [{
|
16
16
|
selector: '[daffHeroSubtitle]',
|
17
|
+
standalone: true,
|
17
18
|
}]
|
18
19
|
}], propDecorators: { class: [{
|
19
20
|
type: HostBinding,
|
20
21
|
args: ['class.daff-hero__subtitle']
|
21
22
|
}] } });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby1zdWJ0aXRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvLXN1YnRpdGxlL2hlcm8tc3VidGl0bGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBT0U7O1dBRUc7UUFDdUMsVUFBSyxHQUFHLElBQUksQ0FBQztLQUN4RDtpSUFOWSx5QkFBeUI7cUhBQXpCLHlCQUF5Qjs7MkZBQXpCLHlCQUF5QjtrQkFMckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJDLEtBQUs7c0JBQTlDLFdBQVc7dUJBQUMsMkJBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmSGVyb1N1YnRpdGxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZkhlcm9TdWJ0aXRsZURpcmVjdGl2ZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1oZXJvX19zdWJ0aXRsZScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -8,15 +8,16 @@ export class DaffHeroTaglineDirective {
|
|
8
8
|
this.class = true;
|
9
9
|
}
|
10
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroTaglineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroTaglineDirective, selector: "[daffHeroTagline]", host: { properties: { "class.daff-hero__tagline": "this.class" } }, ngImport: i0 }); }
|
11
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroTaglineDirective, isStandalone: true, selector: "[daffHeroTagline]", host: { properties: { "class.daff-hero__tagline": "this.class" } }, ngImport: i0 }); }
|
12
12
|
}
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroTaglineDirective, decorators: [{
|
14
14
|
type: Directive,
|
15
15
|
args: [{
|
16
16
|
selector: '[daffHeroTagline]',
|
17
|
+
standalone: true,
|
17
18
|
}]
|
18
19
|
}], propDecorators: { class: [{
|
19
20
|
type: HostBinding,
|
20
21
|
args: ['class.daff-hero__tagline']
|
21
22
|
}] } });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10YWdsaW5lLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vc3JjL2hlcm8tdGFnbGluZS9oZXJvLXRhZ2xpbmUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8sd0JBQXdCO0lBTHJDO1FBT0U7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUN2RDtpSUFOWSx3QkFBd0I7cUhBQXhCLHdCQUF3Qjs7MkZBQXhCLHdCQUF3QjtrQkFMcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzBDLEtBQUs7c0JBQTdDLFdBQVc7dUJBQUMsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmSGVyb1RhZ2xpbmVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmSGVyb1RhZ2xpbmVEaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtaGVyb19fdGFnbGluZScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -8,15 +8,16 @@ export class DaffHeroTitleDirective {
|
|
8
8
|
this.class = true;
|
9
9
|
}
|
10
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
11
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroTitleDirective, selector: "[daffHeroTitle]", host: { properties: { "class.daff-hero__title": "this.class" } }, ngImport: i0 }); }
|
11
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffHeroTitleDirective, isStandalone: true, selector: "[daffHeroTitle]", host: { properties: { "class.daff-hero__title": "this.class" } }, ngImport: i0 }); }
|
12
12
|
}
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroTitleDirective, decorators: [{
|
14
14
|
type: Directive,
|
15
15
|
args: [{
|
16
16
|
selector: '[daffHeroTitle]',
|
17
|
+
standalone: true,
|
17
18
|
}]
|
18
19
|
}], propDecorators: { class: [{
|
19
20
|
type: HostBinding,
|
20
21
|
args: ['class.daff-hero__title']
|
21
22
|
}] } });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby10aXRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9oZXJvL3NyYy9oZXJvLXRpdGxlL2hlcm8tdGl0bGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQU92QixNQUFNLE9BQU8sc0JBQXNCO0lBTG5DO1FBT0U7O1dBRUc7UUFDb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNyRDtpSUFOWSxzQkFBc0I7cUhBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFMbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBT3dDLEtBQUs7c0JBQTNDLFdBQVc7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmSGVyb1RpdGxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZkhlcm9UaXRsZURpcmVjdGl2ZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1oZXJvX190aXRsZScpIGNsYXNzID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { DaffHeroComponent } from './hero/hero.component';
|
2
|
+
import { DaffHeroBodyDirective } from './hero-body/hero-body.directive';
|
3
|
+
import { DaffHeroIconDirective } from './hero-icon/hero-icon.directive';
|
4
|
+
import { DaffHeroSubtitleDirective } from './hero-subtitle/hero-subtitle.directive';
|
5
|
+
import { DaffHeroTaglineDirective } from './hero-tagline/hero-tagline.directive';
|
6
|
+
import { DaffHeroTitleDirective } from './hero-title/hero-title.directive';
|
7
|
+
export const DAFF_HERO_COMPONENTS = [
|
8
|
+
DaffHeroComponent,
|
9
|
+
DaffHeroIconDirective,
|
10
|
+
DaffHeroTaglineDirective,
|
11
|
+
DaffHeroTitleDirective,
|
12
|
+
DaffHeroSubtitleDirective,
|
13
|
+
DaffHeroBodyDirective,
|
14
|
+
];
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVyby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2hlcm8vc3JjL2hlcm8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDakYsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFM0UsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQVU7SUFDekMsaUJBQWlCO0lBQ2pCLHFCQUFxQjtJQUNyQix3QkFBd0I7SUFDeEIsc0JBQXNCO0lBQ3RCLHlCQUF5QjtJQUN6QixxQkFBcUI7Q0FDdEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERhZmZIZXJvQ29tcG9uZW50IH0gZnJvbSAnLi9oZXJvL2hlcm8uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZIZXJvQm9keURpcmVjdGl2ZSB9IGZyb20gJy4vaGVyby1ib2R5L2hlcm8tYm9keS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZkhlcm9JY29uRGlyZWN0aXZlIH0gZnJvbSAnLi9oZXJvLWljb24vaGVyby1pY29uLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYWZmSGVyb1N1YnRpdGxlRGlyZWN0aXZlIH0gZnJvbSAnLi9oZXJvLXN1YnRpdGxlL2hlcm8tc3VidGl0bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZIZXJvVGFnbGluZURpcmVjdGl2ZSB9IGZyb20gJy4vaGVyby10YWdsaW5lL2hlcm8tdGFnbGluZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZkhlcm9UaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vaGVyby10aXRsZS9oZXJvLXRpdGxlLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBjb25zdCBEQUZGX0hFUk9fQ09NUE9ORU5UUyA9IDxjb25zdD5bXG4gIERhZmZIZXJvQ29tcG9uZW50LFxuICBEYWZmSGVyb0ljb25EaXJlY3RpdmUsXG4gIERhZmZIZXJvVGFnbGluZURpcmVjdGl2ZSxcbiAgRGFmZkhlcm9UaXRsZURpcmVjdGl2ZSxcbiAgRGFmZkhlcm9TdWJ0aXRsZURpcmVjdGl2ZSxcbiAgRGFmZkhlcm9Cb2R5RGlyZWN0aXZlLFxuXTtcbiJdfQ==
|