@daffodil/design 0.78.0 → 0.80.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/accordion.module.d.ts +3 -1
- package/accordion/src/accordion-theme.scss +4 -4
- package/article/README.md +5 -6
- package/article/article.module.d.ts +3 -1
- package/article/src/article-theme.scss +8 -8
- package/atoms/form/form-field/form-field/form-field.component.d.ts +1 -1
- package/breadcrumb/breadcrumb.module.d.ts +3 -1
- package/breadcrumb/src/breadcrumb-theme.scss +3 -3
- package/button/README.md +3 -3
- 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 +7 -2
- package/button/button.module.d.ts +11 -4
- package/button/public_api.d.ts +6 -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 +142 -0
- package/button/src/button/icon/icon-theme.scss +140 -0
- package/button/src/button/raised/raised-theme.scss +107 -0
- package/button/src/button/stroked/stroked-theme.scss +155 -0
- package/button/src/button/underline/underline-theme.scss +89 -0
- package/callout/callout.module.d.ts +3 -1
- package/callout/src/callout-theme.scss +11 -17
- package/card/card.module.d.ts +1 -1
- package/card/src/card-theme-variants/linkable-card.scss +1 -1
- package/card/src/card-theme.scss +9 -9
- package/container/container.module.d.ts +1 -1
- package/core/public_api.d.ts +1 -0
- package/core/selectable/public_api.d.ts +2 -0
- package/core/selectable/selectable.d.ts +7 -0
- package/core/selectable/selectable.directive.d.ts +17 -0
- package/core/statusable/statusable.d.ts +5 -3
- package/core/statusable/statusable.directive.d.ts +6 -4
- package/esm2022/accordion/accordion/animation/accordion-animation.mjs +1 -4
- package/esm2022/accordion/accordion.module.mjs +4 -2
- package/esm2022/article/article.module.mjs +4 -2
- package/esm2022/atoms/form/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +2 -2
- package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +2 -2
- package/esm2022/atoms/form/radio/radio.component.mjs +2 -2
- package/esm2022/atoms/form/radio-set/radio-set.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.module.mjs +4 -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 +12 -2
- package/esm2022/button/button.module.mjs +37 -5
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -6
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +2 -2
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +3 -3
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
- package/esm2022/button/public_api.mjs +7 -2
- package/esm2022/callout/callout.module.mjs +4 -2
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +5 -7
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +5 -7
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +5 -6
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -6
- package/esm2022/card/card.module.mjs +2 -2
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -6
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +5 -7
- 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 +2 -2
- package/esm2022/container/container.module.mjs +2 -2
- package/esm2022/core/public_api.mjs +2 -1
- package/esm2022/core/selectable/public_api.mjs +2 -0
- package/esm2022/core/selectable/selectable.directive.mjs +41 -0
- package/esm2022/core/selectable/selectable.mjs +2 -0
- 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 +4 -6
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +5 -7
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +5 -7
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -6
- package/esm2022/hero/hero.module.mjs +2 -2
- package/esm2022/image/image.module.mjs +2 -2
- package/esm2022/link-set/link-set.module.mjs +2 -2
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +1 -1
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +2 -2
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +1 -1
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +2 -2
- package/esm2022/list/list/list.component.mjs +2 -2
- package/esm2022/list/list-item/list-item.component.mjs +10 -3
- package/esm2022/list/list.module.mjs +2 -2
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +2 -2
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +5 -20
- package/esm2022/loading-icon/loading-icon.module.mjs +2 -2
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/helpers/media-gallery-token.mjs +7 -3
- package/esm2022/media-gallery/media-gallery.module.mjs +2 -2
- package/esm2022/media-gallery/thumbnail/thumbnail-compat.token.mjs +8 -3
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +26 -39
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -7
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +4 -6
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -6
- package/esm2022/modal/modal-header/modal-header.component.mjs +4 -6
- package/esm2022/modal/modal.module.mjs +2 -2
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +5 -7
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -6
- package/esm2022/navbar/navbar.module.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -3
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -3
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +3 -5
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -5
- package/esm2022/notification/notification/notification.component.mjs +3 -3
- package/esm2022/notification/notification.module.mjs +2 -2
- package/esm2022/paginator/paginator.module.mjs +2 -2
- package/esm2022/progress-bar/progress-bar.module.mjs +2 -2
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +5 -6
- package/esm2022/sidebar/sidebar-viewport/scroll-token/scroll.token.mjs +9 -3
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
- package/esm2022/sidebar/sidebar.module.mjs +2 -2
- package/esm2022/switch/daffodil-design-switch.mjs +5 -0
- package/esm2022/switch/examples/basic-switch/basic-switch.component.mjs +23 -0
- package/esm2022/switch/examples/daffodil-design-switch-examples.mjs +5 -0
- package/esm2022/switch/examples/disabled-switch/disabled-switch.component.mjs +20 -0
- package/esm2022/switch/examples/examples.mjs +13 -0
- package/esm2022/switch/examples/index.mjs +2 -0
- package/esm2022/switch/examples/loading-switch/loading-switch.component.mjs +20 -0
- package/esm2022/switch/examples/public_api.mjs +7 -0
- package/esm2022/switch/examples/switch-error/switch-error.component.mjs +22 -0
- package/esm2022/switch/examples/switch-label-positions/switch-label-positions.component.mjs +31 -0
- package/esm2022/switch/index.mjs +2 -0
- package/esm2022/switch/public_api.mjs +3 -0
- package/esm2022/switch/switch/label-position.mjs +11 -0
- package/esm2022/switch/switch/switch.component.mjs +126 -0
- package/esm2022/switch/switch.mjs +7 -0
- 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 +84 -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 +157 -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 +4 -6
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -6
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +8 -10
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -6
- package/esm2022/toast/options/daff-toast-options.mjs +7 -7
- package/esm2022/toast/toast/toast-provider.mjs +2 -2
- package/esm2022/toast/toast/toast-template.component.mjs +2 -2
- package/esm2022/toast/toast/toast.component.mjs +3 -3
- package/esm2022/toast/toast.module.mjs +2 -2
- package/esm2022/tree/tree.module.mjs +2 -2
- package/fesm2022/daffodil-design-accordion.mjs +3 -4
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +3 -1
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +3 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +16 -16
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +308 -132
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +12 -13
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +3 -1
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +10 -12
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +1 -1
- 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.mjs +3 -3
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +11 -13
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +1 -1
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +1 -1
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +1 -1
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +4 -4
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +12 -5
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +1 -13
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +5 -20
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +3 -3
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +37 -42
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +3 -5
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +5 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +4 -5
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +11 -13
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +1 -1
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +5 -9
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +3 -3
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +4 -5
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +11 -5
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +109 -0
- package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-switch.mjs +148 -0
- package/fesm2022/daffodil-design-switch.mjs.map +1 -0
- 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 +428 -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 +13 -15
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +13 -12
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +1 -1
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +53 -11
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/hero.module.d.ts +1 -1
- package/hero/src/hero-theme.scss +11 -17
- package/image/README.md +4 -1
- package/image/image.module.d.ts +1 -1
- package/link-set/README.md +1 -1
- package/link-set/link-set.module.d.ts +1 -1
- package/list/list-item/list-item.component.d.ts +3 -1
- package/list/list.module.d.ts +1 -1
- package/list/src/list-theme.scss +13 -9
- package/loading-icon/README.md +0 -5
- 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.module.d.ts +1 -1
- package/loading-icon/src/loading-icon-theme.scss +7 -7
- package/media-gallery/README.md +4 -1
- package/media-gallery/helpers/media-gallery-token.d.ts +1 -2
- package/media-gallery/media-gallery.module.d.ts +1 -1
- package/media-gallery/src/media-gallery-theme.scss +3 -3
- package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +1 -5
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +9 -18
- package/menu/src/menu-theme.scss +5 -5
- package/modal/modal.module.d.ts +1 -1
- package/modal/src/modal-theme.scss +1 -1
- package/navbar/navbar.module.d.ts +1 -1
- package/navbar/src/navbar-theme.scss +8 -8
- package/notification/README.md +2 -2
- package/notification/notification/notification.component.d.ts +1 -1
- package/notification/notification.module.d.ts +1 -1
- package/notification/src/notification-theme.scss +25 -21
- package/package.json +1 -1
- package/paginator/paginator.module.d.ts +1 -1
- package/paginator/src/paginator-theme.scss +11 -10
- package/progress-bar/progress-bar.module.d.ts +1 -1
- package/progress-bar/src/progress-bar-theme.scss +10 -10
- package/scss/accessibility/_index.scss +1 -1
- package/scss/core/_index.scss +1 -2
- package/scss/core/error/error-to-string.scss +13 -0
- package/scss/core/map/map-deep-check/map-deep-check.scss +2 -1
- package/scss/core/map/map-deep-get/map-deep-get.scss +1 -0
- package/scss/core/map/map-get/map-get.scss +23 -0
- package/scss/core/map/map-get/map-get.spec.scss +65 -0
- package/scss/core/string/split/string-split.scss +10 -7
- package/scss/global.scss +1 -0
- package/scss/interactions/_index.scss +1 -1
- package/scss/layout/_index.scss +1 -1
- package/scss/state/skeleton/_mixins.scss +2 -2
- package/scss/theme.scss +15 -1
- package/scss/theming/_configure-theme.scss +60 -2
- package/scss/theming/_daff-theme.scss +14 -4
- package/scss/theming/_index.scss +1 -1
- package/scss/theming/_theme-css-variables.scss +15 -13
- package/scss/theming/contrast/luminance/luminance.scss +8 -6
- package/scss/theming/illuminate/illuminate.scss +20 -17
- package/scss/typography/utilities/_index.scss +1 -1
- package/scss/typography/utilities/_variables.scss +1 -1
- package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts +1 -7
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +1 -1
- package/sidebar/sidebar.module.d.ts +1 -1
- package/sidebar/src/sidebar-theme.scss +3 -3
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +6 -6
- package/src/atoms/form/input/input-theme.scss +2 -2
- package/src/atoms/form/native-select/native-select-theme.scss +3 -3
- package/switch/README.md +61 -0
- package/switch/examples/basic-switch/basic-switch.component.d.ts +8 -0
- package/switch/examples/disabled-switch/disabled-switch.component.d.ts +7 -0
- package/switch/examples/examples.d.ts +5 -0
- package/switch/examples/index.d.ts +1 -0
- package/switch/examples/loading-switch/loading-switch.component.d.ts +7 -0
- package/switch/examples/public_api.d.ts +6 -0
- package/switch/examples/switch-error/switch-error.component.d.ts +7 -0
- package/switch/examples/switch-label-positions/switch-label-positions.component.d.ts +12 -0
- package/switch/index.d.ts +1 -0
- package/switch/public_api.d.ts +2 -0
- package/switch/src/switch-theme.scss +31 -0
- package/switch/switch/label-position.d.ts +10 -0
- package/switch/switch/switch.component.d.ts +53 -0
- package/switch/switch.d.ts +3 -0
- 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 +38 -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 +103 -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 +5 -5
- package/toast/options/daff-toast-options.d.ts +1 -3
- package/toast/src/toast-theme.scss +28 -24
- package/toast/toast/toast-provider.d.ts +1 -1
- package/toast/toast.module.d.ts +1 -1
- package/tree/src/tree-theme.scss +11 -11
- package/tree/tree.module.d.ts +1 -1
- 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/button/button/button.component.mjs +0 -212
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +0 -15
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +0 -5
- package/scss/core/map/map-deep-check/map-deep-check.spec.scss +0 -43
- package/scss/core/map/map-deep-get/map-deep-get.spec.scss +0 -25
- package/scss/theming/contrast/contrast-ratio/contrast-ratio.spec.scss +0 -0
- package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +0 -0
- package/src/atoms/form/radio/radio.scss +0 -0
@@ -15,7 +15,7 @@ class DaffContainerComponent {
|
|
15
15
|
this.class = true;
|
16
16
|
}
|
17
17
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
18
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffContainerComponent, isStandalone: true, selector: "daff-container", host: { properties: { "class.daff-container": "this.class" } }, hostDirectives: [{ directive: i1.DaffSizableDirective, inputs: ["size", "size"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-
|
18
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffContainerComponent, isStandalone: true, selector: "daff-container", host: { properties: { "class.daff-container": "this.class" } }, hostDirectives: [{ directive: i1.DaffSizableDirective, inputs: ["size", "size"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-flow:inherit;flex-direction:inherit;flex-wrap:inherit;place-items:inherit;place-content:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid:inherit;grid-template:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-gap:inherit;column-gap:inherit;row-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
19
19
|
}
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerComponent, decorators: [{
|
21
21
|
type: Component,
|
@@ -24,14 +24,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
24
24
|
directive: DaffSizableDirective,
|
25
25
|
inputs: ['size'],
|
26
26
|
},
|
27
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-
|
27
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-flow:inherit;flex-direction:inherit;flex-wrap:inherit;place-items:inherit;place-content:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid:inherit;grid-template:inherit;grid-template-areas:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid-gap:inherit;column-gap:inherit;row-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"] }]
|
28
28
|
}], propDecorators: { class: [{
|
29
29
|
type: HostBinding,
|
30
30
|
args: ['class.daff-container']
|
31
31
|
}] } });
|
32
32
|
|
33
33
|
/**
|
34
|
-
* @deprecated in favor of {@link DAFF_CONTAINER_COMPONENTS}
|
34
|
+
* @deprecated in favor of {@link DAFF_CONTAINER_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
35
35
|
*/
|
36
36
|
class DaffContainerModule {
|
37
37
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-container.mjs","sources":["../../../libs/design/container/src/container/container.component.ts","../../../libs/design/container/src/container.module.ts","../../../libs/design/container/src/container.ts","../../../libs/design/container/src/daffodil-design-container.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffSizableDirective } from '@daffodil/design';\n\n/**\n * @inheritdoc\n */\n@Component({\n selector: 'daff-container',\n styleUrls: ['./container.component.scss'],\n template: '<ng-content></ng-content>',\n hostDirectives: [\n {\n directive: DaffSizableDirective,\n inputs: ['size'],\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffContainerComponent {\n /**\n * @docs-private\n */\n @HostBinding('class.daff-container') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffContainerComponent } from './container/container.component';\n\n/**\n * @deprecated in favor of {@link DAFF_CONTAINER_COMPONENTS}
|
1
|
+
{"version":3,"file":"daffodil-design-container.mjs","sources":["../../../libs/design/container/src/container/container.component.ts","../../../libs/design/container/src/container.module.ts","../../../libs/design/container/src/container.ts","../../../libs/design/container/src/daffodil-design-container.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffSizableDirective } from '@daffodil/design';\n\n/**\n * @inheritdoc\n */\n@Component({\n selector: 'daff-container',\n styleUrls: ['./container.component.scss'],\n template: '<ng-content></ng-content>',\n hostDirectives: [\n {\n directive: DaffSizableDirective,\n inputs: ['size'],\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffContainerComponent {\n /**\n * @docs-private\n */\n @HostBinding('class.daff-container') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffContainerComponent } from './container/container.component';\n\n/**\n * @deprecated in favor of {@link DAFF_CONTAINER_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffContainerComponent,\n ],\n exports: [\n DaffContainerComponent,\n ],\n})\nexport class DaffContainerModule { }\n","import { DaffContainerComponent } from './container/container.component';\n\nexport const DAFF_CONTAINER_COMPONENTS = <const> [\n DaffContainerComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAQA;;AAEG;MAcU,sBAAsB,CAAA;AAbnC,IAAA,WAAA,GAAA;AAcE;;AAEG;QACkC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACnD,KAAA;iIALY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,8NAVvB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAU1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAEhB,2BAA2B,EACrB,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,oBAAoB;4BAC/B,MAAM,EAAE,CAAC,MAAM,CAAC;AACjB,yBAAA;AACF,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA,CAAA;8BAMqB,KAAK,EAAA,CAAA;sBAAzC,WAAW;uBAAC,sBAAsB,CAAA;;;ACvBrC;;AAEG;MAUU,mBAAmB,CAAA;iIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAP5B,YAAY;AACZ,YAAA,sBAAsB,aAGtB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAP5B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAOH,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAT/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;AACvB,qBAAA;AACF,iBAAA,CAAA;;;ACdY,MAAA,yBAAyB,GAAW;IAC/C,sBAAsB;;;ACHxB;;AAEG;;;;"}
|
@@ -1,16 +1,14 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
2
|
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
3
|
-
import * as
|
3
|
+
import * as i2 from '@angular/forms';
|
4
4
|
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
5
5
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
6
6
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
7
|
-
import
|
8
|
-
import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
|
7
|
+
import { DaffButtonComponent } from '@daffodil/design/button';
|
9
8
|
import * as i1 from '@daffodil/design/hero';
|
10
9
|
import { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';
|
11
|
-
import * as i4 from '@daffodil/design';
|
12
10
|
import { NgFor } from '@angular/common';
|
13
|
-
import * as i2 from '@daffodil/design/container';
|
11
|
+
import * as i2$1 from '@daffodil/design/container';
|
14
12
|
import { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';
|
15
13
|
|
16
14
|
class HeroThemingComponent {
|
@@ -20,14 +18,14 @@ class HeroThemingComponent {
|
|
20
18
|
this.colorControl = new UntypedFormControl('');
|
21
19
|
}
|
22
20
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
23
|
-
/** @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:
|
21
|
+
/** @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 }); }
|
24
22
|
}
|
25
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroThemingComponent, decorators: [{
|
26
24
|
type: Component,
|
27
25
|
args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
28
26
|
DAFF_HERO_COMPONENTS,
|
29
27
|
FaIconComponent,
|
30
|
-
|
28
|
+
DaffButtonComponent,
|
31
29
|
ReactiveFormsModule,
|
32
30
|
], 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"] }]
|
33
31
|
}] });
|
@@ -44,7 +42,7 @@ class HeroTextAlignmentComponent {
|
|
44
42
|
];
|
45
43
|
}
|
46
44
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
47
|
-
/** @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:
|
45
|
+
/** @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$1.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: 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"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
48
46
|
}
|
49
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroTextAlignmentComponent, decorators: [{
|
50
48
|
type: Component,
|
@@ -52,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
52
50
|
DAFF_HERO_COMPONENTS,
|
53
51
|
DAFF_CONTAINER_COMPONENTS,
|
54
52
|
FaIconComponent,
|
55
|
-
|
53
|
+
DaffButtonComponent,
|
56
54
|
ReactiveFormsModule,
|
57
55
|
NgFor,
|
58
56
|
], 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"] }]
|
@@ -63,7 +61,7 @@ class HeroWithGridComponent {
|
|
63
61
|
this.faMobile = faMobile;
|
64
62
|
}
|
65
63
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
66
|
-
/** @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:
|
64
|
+
/** @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$1.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 }); }
|
67
65
|
}
|
68
66
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: HeroWithGridComponent, decorators: [{
|
69
67
|
type: Component,
|
@@ -71,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
71
69
|
DAFF_HERO_COMPONENTS,
|
72
70
|
DAFF_CONTAINER_COMPONENTS,
|
73
71
|
FaIconComponent,
|
74
|
-
|
72
|
+
DaffButtonComponent,
|
75
73
|
], 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"] }]
|
76
74
|
}] });
|
77
75
|
|
@@ -80,14 +78,14 @@ class CompactHeroComponent {
|
|
80
78
|
this.faMobile = faMobile;
|
81
79
|
}
|
82
80
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CompactHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
83
|
-
/** @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:
|
81
|
+
/** @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 }); }
|
84
82
|
}
|
85
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CompactHeroComponent, decorators: [{
|
86
84
|
type: Component,
|
87
85
|
args: [{ selector: 'compact-hero', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
88
86
|
FaIconComponent,
|
89
87
|
DAFF_HERO_COMPONENTS,
|
90
|
-
|
88
|
+
DaffButtonComponent,
|
91
89
|
], 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"] }]
|
92
90
|
}] });
|
93
91
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-hero-examples.mjs","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.html","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.html","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.html","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.html","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n styleUrls: ['./hero-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_HERO_COMPONENTS,\n FaIconComponent,\n DAFF_BUTTON_COMPONENTS,\n ReactiveFormsModule,\n ],\n})\nexport class HeroThemingComponent {\n faMobile = faMobile;\n color: DaffPalette = 'primary';\n\n colorControl: UntypedFormControl = new UntypedFormControl('');\n}\n","<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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n styleUrls: ['./hero-text-alignment.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_HERO_COMPONENTS,\n DAFF_CONTAINER_COMPONENTS,\n FaIconComponent,\n DAFF_BUTTON_COMPONENTS,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class HeroTextAlignmentComponent {\n faMobile = faMobile;\n textAlignControl: UntypedFormControl = new UntypedFormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'left', label: 'Left' },\n { value: 'center', label: 'Center' },\n { value: 'right', label: 'Right' },\n ];\n}\n","<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>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_HERO_COMPONENTS,\n DAFF_CONTAINER_COMPONENTS,\n FaIconComponent,\n DAFF_BUTTON_COMPONENTS,\n ],\n})\nexport class HeroWithGridComponent {\n faMobile = faMobile;\n}\n","<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>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'compact-hero',\n templateUrl: './compact-hero.component.html',\n styleUrls: ['./compact-hero.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n FaIconComponent,\n DAFF_HERO_COMPONENTS,\n DAFF_BUTTON_COMPONENTS,\n ],\n})\nexport class CompactHeroComponent {\n faMobile = faMobile;\n}\n","<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>","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i4","i2","i3"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"daffodil-design-hero-examples.mjs","sources":["../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.ts","../../../libs/design/hero/examples/src/hero-theming/hero-theming.component.html","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.ts","../../../libs/design/hero/examples/src/hero-text-alignment/hero-text-alignment.component.html","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.ts","../../../libs/design/hero/examples/src/hero-with-grid/hero-with-grid.component.html","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.ts","../../../libs/design/hero/examples/src/compact-hero/compact-hero.component.html","../../../libs/design/hero/examples/src/examples.ts","../../../libs/design/hero/examples/src/daffodil-design-hero-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPalette } from '@daffodil/design';\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-theming',\n templateUrl: './hero-theming.component.html',\n styleUrls: ['./hero-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_HERO_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ReactiveFormsModule,\n ],\n})\nexport class HeroThemingComponent {\n faMobile = faMobile;\n color: DaffPalette = 'primary';\n\n colorControl: UntypedFormControl = new UntypedFormControl('');\n}\n","<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>","import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-text-alignment',\n templateUrl: './hero-text-alignment.component.html',\n styleUrls: ['./hero-text-alignment.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_HERO_COMPONENTS,\n DAFF_CONTAINER_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class HeroTextAlignmentComponent {\n faMobile = faMobile;\n textAlignControl: UntypedFormControl = new UntypedFormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'left', label: 'Left' },\n { value: 'center', label: 'Center' },\n { value: 'right', label: 'Right' },\n ];\n}\n","<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>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'hero-with-grid',\n templateUrl: './hero-with-grid.component.html',\n styleUrls: ['./hero-with-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DAFF_HERO_COMPONENTS,\n DAFF_CONTAINER_COMPONENTS,\n FaIconComponent,\n DaffButtonComponent,\n ],\n})\nexport class HeroWithGridComponent {\n faMobile = faMobile;\n}\n","<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>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faMobile } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonComponent } from '@daffodil/design/button';\nimport { DAFF_HERO_COMPONENTS } from '@daffodil/design/hero';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'compact-hero',\n templateUrl: './compact-hero.component.html',\n styleUrls: ['./compact-hero.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n FaIconComponent,\n DAFF_HERO_COMPONENTS,\n DaffButtonComponent,\n ],\n})\nexport class CompactHeroComponent {\n faMobile = faMobile;\n}\n","<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>","import { CompactHeroComponent } from './compact-hero/compact-hero.component';\nimport { HeroTextAlignmentComponent } from './hero-text-alignment/hero-text-alignment.component';\nimport { HeroThemingComponent } from './hero-theming/hero-theming.component';\nimport { HeroWithGridComponent } from './hero-with-grid/hero-with-grid.component';\n\nexport const HERO_EXAMPLES = [\n HeroThemingComponent,\n HeroTextAlignmentComponent,\n HeroWithGridComponent,\n CompactHeroComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i2","i3"],"mappings":"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"}
|
@@ -145,7 +145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
145
145
|
}] } });
|
146
146
|
|
147
147
|
/**
|
148
|
-
* @deprecated in favor of {@link DAFF_HERO_COMPONENTS}
|
148
|
+
* @deprecated in favor of {@link DAFF_HERO_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
149
149
|
* */
|
150
150
|
class DaffHeroModule {
|
151
151
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffHeroModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-hero.mjs","sources":["../../../libs/design/hero/src/hero/hero.component.ts","../../../libs/design/hero/src/hero-body/hero-body.directive.ts","../../../libs/design/hero/src/hero-icon/hero-icon.directive.ts","../../../libs/design/hero/src/hero-subtitle/hero-subtitle.directive.ts","../../../libs/design/hero/src/hero-tagline/hero-tagline.directive.ts","../../../libs/design/hero/src/hero-title/hero-title.directive.ts","../../../libs/design/hero/src/hero.module.ts","../../../libs/design/hero/src/hero.ts","../../../libs/design/hero/src/daffodil-design-hero.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport {\n DaffColorableDirective,\n DaffCompactableDirective,\n} from '@daffodil/design';\nimport {\n DaffArticleEncapsulatedDirective,\n DaffManageContainerLayoutDirective,\n DaffTextAlignableDirective,\n} from '@daffodil/design';\n\n@Component({\n selector: 'daff-hero',\n template: '<ng-content></ng-content>',\n styleUrls: ['./hero.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n { directive: DaffManageContainerLayoutDirective },\n {\n directive: DaffTextAlignableDirective,\n inputs: ['textAlignment'],\n },\n {\n directive: DaffCompactableDirective,\n inputs: ['compact'],\n },\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n standalone: true,\n})\nexport class DaffHeroComponent {\n constructor(private textAlignable: DaffTextAlignableDirective) {\n this.textAlignable.defaultAlignment = 'left';\n }\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroBody]',\n standalone: true,\n})\n\nexport class DaffHeroBodyDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__body') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroIcon]',\n standalone: true,\n})\n\nexport class DaffHeroIconDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__icon') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroSubtitle]',\n standalone: true,\n})\n\nexport class DaffHeroSubtitleDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__subtitle') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroTagline]',\n standalone: true,\n})\n\nexport class DaffHeroTaglineDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__tagline') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroTitle]',\n standalone: true,\n})\n\nexport class DaffHeroTitleDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffHeroComponent } from './hero/hero.component';\nimport { DaffHeroBodyDirective } from './hero-body/hero-body.directive';\nimport { DaffHeroIconDirective } from './hero-icon/hero-icon.directive';\nimport { DaffHeroSubtitleDirective } from './hero-subtitle/hero-subtitle.directive';\nimport { DaffHeroTaglineDirective } from './hero-tagline/hero-tagline.directive';\nimport { DaffHeroTitleDirective } from './hero-title/hero-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_HERO_COMPONENTS}\n * */\n@NgModule({\n imports: [\n CommonModule,\n DaffHeroComponent,\n DaffHeroIconDirective,\n DaffHeroTaglineDirective,\n DaffHeroTitleDirective,\n DaffHeroSubtitleDirective,\n DaffHeroBodyDirective,\n ],\n exports: [\n DaffHeroComponent,\n DaffHeroIconDirective,\n DaffHeroTaglineDirective,\n DaffHeroTitleDirective,\n DaffHeroSubtitleDirective,\n DaffHeroBodyDirective,\n ],\n})\nexport class DaffHeroModule { }\n","import { DaffHeroComponent } from './hero/hero.component';\nimport { DaffHeroBodyDirective } from './hero-body/hero-body.directive';\nimport { DaffHeroIconDirective } from './hero-icon/hero-icon.directive';\nimport { DaffHeroSubtitleDirective } from './hero-subtitle/hero-subtitle.directive';\nimport { DaffHeroTaglineDirective } from './hero-tagline/hero-tagline.directive';\nimport { DaffHeroTitleDirective } from './hero-title/hero-title.directive';\n\nexport const DAFF_HERO_COMPONENTS = <const>[\n DaffHeroComponent,\n DaffHeroIconDirective,\n DaffHeroTaglineDirective,\n DaffHeroTitleDirective,\n DaffHeroSubtitleDirective,\n DaffHeroBodyDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"daffodil-design-hero.mjs","sources":["../../../libs/design/hero/src/hero/hero.component.ts","../../../libs/design/hero/src/hero-body/hero-body.directive.ts","../../../libs/design/hero/src/hero-icon/hero-icon.directive.ts","../../../libs/design/hero/src/hero-subtitle/hero-subtitle.directive.ts","../../../libs/design/hero/src/hero-tagline/hero-tagline.directive.ts","../../../libs/design/hero/src/hero-title/hero-title.directive.ts","../../../libs/design/hero/src/hero.module.ts","../../../libs/design/hero/src/hero.ts","../../../libs/design/hero/src/daffodil-design-hero.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\nimport {\n DaffColorableDirective,\n DaffCompactableDirective,\n} from '@daffodil/design';\nimport {\n DaffArticleEncapsulatedDirective,\n DaffManageContainerLayoutDirective,\n DaffTextAlignableDirective,\n} from '@daffodil/design';\n\n@Component({\n selector: 'daff-hero',\n template: '<ng-content></ng-content>',\n styleUrls: ['./hero.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n { directive: DaffArticleEncapsulatedDirective },\n { directive: DaffManageContainerLayoutDirective },\n {\n directive: DaffTextAlignableDirective,\n inputs: ['textAlignment'],\n },\n {\n directive: DaffCompactableDirective,\n inputs: ['compact'],\n },\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n standalone: true,\n})\nexport class DaffHeroComponent {\n constructor(private textAlignable: DaffTextAlignableDirective) {\n this.textAlignable.defaultAlignment = 'left';\n }\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroBody]',\n standalone: true,\n})\n\nexport class DaffHeroBodyDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__body') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroIcon]',\n standalone: true,\n})\n\nexport class DaffHeroIconDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__icon') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroSubtitle]',\n standalone: true,\n})\n\nexport class DaffHeroSubtitleDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__subtitle') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroTagline]',\n standalone: true,\n})\n\nexport class DaffHeroTaglineDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__tagline') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n@Directive({\n selector: '[daffHeroTitle]',\n standalone: true,\n})\n\nexport class DaffHeroTitleDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-hero__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffHeroComponent } from './hero/hero.component';\nimport { DaffHeroBodyDirective } from './hero-body/hero-body.directive';\nimport { DaffHeroIconDirective } from './hero-icon/hero-icon.directive';\nimport { DaffHeroSubtitleDirective } from './hero-subtitle/hero-subtitle.directive';\nimport { DaffHeroTaglineDirective } from './hero-tagline/hero-tagline.directive';\nimport { DaffHeroTitleDirective } from './hero-title/hero-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_HERO_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n * */\n@NgModule({\n imports: [\n CommonModule,\n DaffHeroComponent,\n DaffHeroIconDirective,\n DaffHeroTaglineDirective,\n DaffHeroTitleDirective,\n DaffHeroSubtitleDirective,\n DaffHeroBodyDirective,\n ],\n exports: [\n DaffHeroComponent,\n DaffHeroIconDirective,\n DaffHeroTaglineDirective,\n DaffHeroTitleDirective,\n DaffHeroSubtitleDirective,\n DaffHeroBodyDirective,\n ],\n})\nexport class DaffHeroModule { }\n","import { DaffHeroComponent } from './hero/hero.component';\nimport { DaffHeroBodyDirective } from './hero-body/hero-body.directive';\nimport { DaffHeroIconDirective } from './hero-icon/hero-icon.directive';\nimport { DaffHeroSubtitleDirective } from './hero-subtitle/hero-subtitle.directive';\nimport { DaffHeroTaglineDirective } from './hero-tagline/hero-tagline.directive';\nimport { DaffHeroTitleDirective } from './hero-title/hero-title.directive';\n\nexport const DAFF_HERO_COMPONENTS = <const>[\n DaffHeroComponent,\n DaffHeroIconDirective,\n DaffHeroTaglineDirective,\n DaffHeroTitleDirective,\n DaffHeroSubtitleDirective,\n DaffHeroBodyDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAyCa,iBAAiB,CAAA;AAC5B,IAAA,WAAA,CAAoB,aAAyC,EAAA;QAAzC,IAAa,CAAA,aAAA,GAAb,aAAa,CAA4B;AAI7D;;AAEG;QAC6B,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAN3C,QAAA,IAAI,CAAC,aAAa,CAAC,gBAAgB,GAAG,MAAM,CAAC;KAC9C;iIAHU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,weAtBlB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yjDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAsB1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAxB7B,SAAS;+BACE,WAAW,EAAA,QAAA,EACX,2BAA2B,EAAA,aAAA,EAEtB,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAC/B,cAAA,EAAA;wBACd,EAAE,SAAS,EAAE,gCAAgC,EAAE;wBAC/C,EAAE,SAAS,EAAE,kCAAkC,EAAE;AACjD,wBAAA;AACE,4BAAA,SAAS,EAAE,0BAA0B;4BACrC,MAAM,EAAE,CAAC,eAAe,CAAC;AAC1B,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,wBAAwB;4BACnC,MAAM,EAAE,CAAC,SAAS,CAAC;AACpB,yBAAA;AACD,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;AACF,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,MAAA,EAAA,CAAA,yjDAAA,CAAA,EAAA,CAAA;+FAUgB,KAAK,EAAA,CAAA;sBAApC,WAAW;uBAAC,iBAAiB,CAAA;;;MCvCnB,qBAAqB,CAAA;AALlC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACmC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACpD,KAAA;iIANY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;8BAOuC,KAAK,EAAA,CAAA;sBAA1C,WAAW;uBAAC,uBAAuB,CAAA;;;MCLzB,qBAAqB,CAAA;AALlC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACmC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACpD,KAAA;iIANY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;8BAOuC,KAAK,EAAA,CAAA;sBAA1C,WAAW;uBAAC,uBAAuB,CAAA;;;MCLzB,yBAAyB,CAAA;AALtC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACuC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACxD,KAAA;iIANY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,2BAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;8BAO2C,KAAK,EAAA,CAAA;sBAA9C,WAAW;uBAAC,2BAA2B,CAAA;;;MCL7B,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACsC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACvD,KAAA;iIANY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;8BAO0C,KAAK,EAAA,CAAA;sBAA7C,WAAW;uBAAC,0BAA0B,CAAA;;;MCL5B,sBAAsB,CAAA;AALnC,IAAA,WAAA,GAAA;AAOE;;AAEG;QACoC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACrD,KAAA;iIANY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,wBAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBALlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA,CAAA;8BAOwC,KAAK,EAAA,CAAA;sBAA3C,WAAW;uBAAC,wBAAwB,CAAA;;;ACLvC;;AAEK;MAoBQ,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAjBvB,YAAY;YACZ,iBAAiB;YACjB,qBAAqB;YACrB,wBAAwB;YACxB,sBAAsB;YACtB,yBAAyB;AACzB,YAAA,qBAAqB,aAGrB,iBAAiB;YACjB,qBAAqB;YACrB,wBAAwB;YACxB,sBAAsB;YACtB,yBAAyB;YACzB,qBAAqB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAjBvB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAiBH,cAAc,EAAA,UAAA,EAAA,CAAA;kBAnB1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,iBAAiB;wBACjB,qBAAqB;wBACrB,wBAAwB;wBACxB,sBAAsB;wBACtB,yBAAyB;wBACzB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB,wBAAwB;wBACxB,sBAAsB;wBACtB,yBAAyB;wBACzB,qBAAqB;AACtB,qBAAA;AACF,iBAAA,CAAA;;;ACxBY,MAAA,oBAAoB,GAAU;IACzC,iBAAiB;IACjB,qBAAqB;IACrB,wBAAwB;IACxB,sBAAsB;IACtB,yBAAyB;IACzB,qBAAqB;;;ACbvB;;AAEG;;;;"}
|
@@ -116,7 +116,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
116
116
|
}] } });
|
117
117
|
|
118
118
|
/**
|
119
|
-
* @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}
|
119
|
+
* @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
120
120
|
* */
|
121
121
|
class DaffImageModule {
|
122
122
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-image.mjs","sources":["../../../libs/design/image/src/image/image.component.ts","../../../libs/design/image/src/image/image.component.html","../../../libs/design/image/src/image.module.ts","../../../libs/design/image/src/image.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n Input,\n EventEmitter,\n OnInit,\n Output,\n HostBinding,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { DaffSkeletonableDirective } from '@daffodil/design';\nimport { daffThumbnailCompatToken } from '@daffodil/design/media-gallery';\n\nconst validateProperty = (object: Record<string, any>, prop: string) => {\n if (object[prop] === null || object[prop] === undefined || object[prop] === '') {\n throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);\n }\n};\n\nconst validateProperties = (object: Record<string, any>, props: string[]) => {\n const invalidProps = props.filter(prop => {\n try {\n validateProperty(object, prop);\n } catch(e) {\n return true;\n }\n return false;\n });\n\n if (invalidProps.length) {\n throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);\n }\n};\n\n@Component({\n selector: 'daff-image',\n templateUrl: './image.component.html',\n styleUrls: ['./image.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,\n },\n ],\n hostDirectives: [{\n directive: DaffSkeletonableDirective,\n inputs: ['skeleton'],\n }],\n standalone: true,\n})\nexport class DaffImageComponent implements OnInit {\n\n private _src: string;\n\n @Input()\n get src(): string {\n return this._src;\n }\n set src(value: string) {\n this._src = value;\n validateProperty(this, 'src');\n }\n\n private _alt: string;\n\n @Input()\n get alt(): string {\n return this._alt;\n }\n set alt(value: string) {\n this._alt = value;\n validateProperty(this, 'alt');\n }\n\n private _width: number;\n\n @Input()\n get width(): number {\n return this._width;\n }\n set width(value: number) {\n this._width = value;\n validateProperty(this, 'width');\n }\n\n private _height: number;\n\n @Input()\n get height(): number {\n return this._height;\n }\n set height(value: number) {\n this._height = value;\n validateProperty(this, 'height');\n }\n\n // TODO: rename event to not collide with native event (unless that's intentional)\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output() load: EventEmitter<void> = new EventEmitter();\n\n /**\n * @docs-private\n */\n ngOnInit(): void {\n validateProperties(this, ['src', 'alt', 'width', 'height']);\n }\n\n constructor(private sanitizer: DomSanitizer) {}\n\n /**\n * @docs-private\n */\n get _paddingTop(): any {\n if (!this.height || !this.width ) {\n return undefined;\n }\n\n return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');\n }\n\n /**\n * @docs-private\n */\n @HostBinding('style.max-width') get maxWidth(): string {\n return this.width + 'px';\n }\n}\n","<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n/**\n * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}
|
1
|
+
{"version":3,"file":"daffodil-design-image.mjs","sources":["../../../libs/design/image/src/image/image.component.ts","../../../libs/design/image/src/image/image.component.html","../../../libs/design/image/src/image.module.ts","../../../libs/design/image/src/image.ts","../../../libs/design/image/src/daffodil-design-image.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n Input,\n EventEmitter,\n OnInit,\n Output,\n HostBinding,\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport { DaffSkeletonableDirective } from '@daffodil/design';\nimport { daffThumbnailCompatToken } from '@daffodil/design/media-gallery';\n\nconst validateProperty = (object: Record<string, any>, prop: string) => {\n if (object[prop] === null || object[prop] === undefined || object[prop] === '') {\n throw new Error(`DaffImageComponent must have a defined ${prop} attribute.`);\n }\n};\n\nconst validateProperties = (object: Record<string, any>, props: string[]) => {\n const invalidProps = props.filter(prop => {\n try {\n validateProperty(object, prop);\n } catch(e) {\n return true;\n }\n return false;\n });\n\n if (invalidProps.length) {\n throw new Error(`DaffImageComponent must have the ${invalidProps.join(',')} attributes defined.`);\n }\n};\n\n@Component({\n selector: 'daff-image',\n templateUrl: './image.component.html',\n styleUrls: ['./image.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n provide: daffThumbnailCompatToken, useExisting: DaffImageComponent,\n },\n ],\n hostDirectives: [{\n directive: DaffSkeletonableDirective,\n inputs: ['skeleton'],\n }],\n standalone: true,\n})\nexport class DaffImageComponent implements OnInit {\n\n private _src: string;\n\n @Input()\n get src(): string {\n return this._src;\n }\n set src(value: string) {\n this._src = value;\n validateProperty(this, 'src');\n }\n\n private _alt: string;\n\n @Input()\n get alt(): string {\n return this._alt;\n }\n set alt(value: string) {\n this._alt = value;\n validateProperty(this, 'alt');\n }\n\n private _width: number;\n\n @Input()\n get width(): number {\n return this._width;\n }\n set width(value: number) {\n this._width = value;\n validateProperty(this, 'width');\n }\n\n private _height: number;\n\n @Input()\n get height(): number {\n return this._height;\n }\n set height(value: number) {\n this._height = value;\n validateProperty(this, 'height');\n }\n\n // TODO: rename event to not collide with native event (unless that's intentional)\n // eslint-disable-next-line @angular-eslint/no-output-native\n @Output() load: EventEmitter<void> = new EventEmitter();\n\n /**\n * @docs-private\n */\n ngOnInit(): void {\n validateProperties(this, ['src', 'alt', 'width', 'height']);\n }\n\n constructor(private sanitizer: DomSanitizer) {}\n\n /**\n * @docs-private\n */\n get _paddingTop(): any {\n if (!this.height || !this.width ) {\n return undefined;\n }\n\n return this.sanitizer.bypassSecurityTrustStyle('calc(' + this.height + ' / ' + this.width + ' * 100%)');\n }\n\n /**\n * @docs-private\n */\n @HostBinding('style.max-width') get maxWidth(): string {\n return this.width + 'px';\n }\n}\n","<div class=\"daff-image__wrapper\" [style.paddingTop]=\"_paddingTop\">\n\t<img [src]=\"src\" [alt]=\"alt\" (load)=\"load.emit\" loading=\"lazy\"/>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffImageComponent } from './image/image.component';\n\n/**\n * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n * */\n@NgModule({\n imports: [\n CommonModule,\n DaffImageComponent,\n ],\n exports: [\n DaffImageComponent,\n ],\n})\nexport class DaffImageModule { }\n","import { DaffImageComponent } from './image/image.component';\n\nexport const DAFF_IMAGE_COMPONENTS = <const>[\n DaffImageComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
101
101
|
}] } });
|
102
102
|
|
103
103
|
/**
|
104
|
-
* @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS}
|
104
|
+
* @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
105
105
|
*/
|
106
106
|
class DaffLinkSetModule {
|
107
107
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffLinkSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-link-set.mjs","sources":["../../../libs/design/link-set/src/link-set/link-set.component.ts","../../../libs/design/link-set/src/link-set-heading/link-set-heading.directive.ts","../../../libs/design/link-set/src/link-set-item/link-set-item.component.ts","../../../libs/design/link-set/src/link-set-subheading/link-set-subheading.directive.ts","../../../libs/design/link-set/src/link-set.module.ts","../../../libs/design/link-set/src/link-set.ts","../../../libs/design/link-set/src/daffodil-design-link-set.ts"],"sourcesContent":["import {\n Component,\n HostBinding,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n/**\n * DaffLinkSetComponent is a component for displaying a two or more links.\n */\n@Component({\n selector: 'daff-link-set',\n template: '<ng-content></ng-content>',\n styleUrls: ['./link-set.component.scss'],\n hostDirectives: [{\n directive: DaffArticleEncapsulatedDirective,\n }],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffLinkSetComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n/**\n * A directive for adding a heading to a daff-link-set.\n */\n@Directive({\n selector: '[daffLinkSetHeading]',\n standalone: true,\n})\nexport class DaffLinkSetHeadingDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set__heading') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\n@Component ({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'a[daff-link-set-item]',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffLinkSetItemComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set__item') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n/**\n * A directive for adding a subheading to a daff-link-set.\n */\n@Directive({\n selector: '[daffLinkSetSubheading]',\n standalone: true,\n})\nexport class DaffLinkSetSubheadingDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set__subheading') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLinkSetComponent } from './link-set/link-set.component';\nimport { DaffLinkSetHeadingDirective } from './link-set-heading/link-set-heading.directive';\nimport { DaffLinkSetItemComponent } from './link-set-item/link-set-item.component';\nimport { DaffLinkSetSubheadingDirective } from './link-set-subheading/link-set-subheading.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS}
|
1
|
+
{"version":3,"file":"daffodil-design-link-set.mjs","sources":["../../../libs/design/link-set/src/link-set/link-set.component.ts","../../../libs/design/link-set/src/link-set-heading/link-set-heading.directive.ts","../../../libs/design/link-set/src/link-set-item/link-set-item.component.ts","../../../libs/design/link-set/src/link-set-subheading/link-set-subheading.directive.ts","../../../libs/design/link-set/src/link-set.module.ts","../../../libs/design/link-set/src/link-set.ts","../../../libs/design/link-set/src/daffodil-design-link-set.ts"],"sourcesContent":["import {\n Component,\n HostBinding,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n/**\n * DaffLinkSetComponent is a component for displaying a two or more links.\n */\n@Component({\n selector: 'daff-link-set',\n template: '<ng-content></ng-content>',\n styleUrls: ['./link-set.component.scss'],\n hostDirectives: [{\n directive: DaffArticleEncapsulatedDirective,\n }],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffLinkSetComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n/**\n * A directive for adding a heading to a daff-link-set.\n */\n@Directive({\n selector: '[daffLinkSetHeading]',\n standalone: true,\n})\nexport class DaffLinkSetHeadingDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set__heading') class = true;\n}\n","import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n} from '@angular/core';\n\n@Component ({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'a[daff-link-set-item]',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class DaffLinkSetItemComponent {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set__item') class = true;\n}\n","import {\n Directive,\n HostBinding,\n} from '@angular/core';\n\n/**\n * A directive for adding a subheading to a daff-link-set.\n */\n@Directive({\n selector: '[daffLinkSetSubheading]',\n standalone: true,\n})\nexport class DaffLinkSetSubheadingDirective {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-link-set__subheading') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLinkSetComponent } from './link-set/link-set.component';\nimport { DaffLinkSetHeadingDirective } from './link-set-heading/link-set-heading.directive';\nimport { DaffLinkSetItemComponent } from './link-set-item/link-set-item.component';\nimport { DaffLinkSetSubheadingDirective } from './link-set-subheading/link-set-subheading.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n imports: [\n CommonModule,\n DaffLinkSetComponent,\n DaffLinkSetHeadingDirective,\n DaffLinkSetSubheadingDirective,\n DaffLinkSetItemComponent,\n ],\n exports: [\n DaffLinkSetComponent,\n DaffLinkSetHeadingDirective,\n DaffLinkSetSubheadingDirective,\n DaffLinkSetItemComponent,\n ],\n})\nexport class DaffLinkSetModule {}\n","import { DaffLinkSetComponent } from './link-set/link-set.component';\nimport { DaffLinkSetHeadingDirective } from './link-set-heading/link-set-heading.directive';\nimport { DaffLinkSetItemComponent } from './link-set-item/link-set-item.component';\nimport { DaffLinkSetSubheadingDirective } from './link-set-subheading/link-set-subheading.directive';\n\nexport const DAFF_LINK_SET_COMPONENTS = <const>[\n DaffLinkSetComponent,\n DaffLinkSetHeadingDirective,\n DaffLinkSetSubheadingDirective,\n DaffLinkSetItemComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -8,7 +8,7 @@ import { faChevronRight, faInfoCircle } from '@fortawesome/free-solid-svg-icons'
|
|
8
8
|
|
9
9
|
class BasicListComponent {
|
10
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicListComponent, isStandalone: true, selector: "basic-list", ngImport: i0, template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
11
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicListComponent, isStandalone: true, selector: "basic-list", ngImport: i0, template: "<daff-list role=\"list\">\n\t<daff-list-item>Basic list item 1</daff-list-item>\n\t<daff-list-item>Basic list item 2</daff-list-item>\n\t<daff-list-item>Basic list item 3</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
12
|
}
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicListComponent, decorators: [{
|
14
14
|
type: Component,
|
@@ -22,7 +22,7 @@ class NavListComponent {
|
|
22
22
|
this.faChevronRight = faChevronRight;
|
23
23
|
}
|
24
24
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: NavListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
25
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: NavListComponent, isStandalone: true, selector: "nav-list", ngImport: i0, template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: NavListComponent, isStandalone: true, selector: "nav-list", ngImport: i0, template: "<daff-nav-list>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 1\n\t\t\t<fa-icon [icon]=\"faChevronRight\" daffSuffix></fa-icon>\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 2\n\t</a>\n\t<a href=\"#\" daff-list-item>\n\t\t\tNavigation list item 3\n\t</a>\n</daff-nav-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
26
26
|
}
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: NavListComponent, decorators: [{
|
28
28
|
type: Component,
|
@@ -37,7 +37,7 @@ class IconListComponent {
|
|
37
37
|
this.faInfoCircle = faInfoCircle;
|
38
38
|
}
|
39
39
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IconListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
40
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: IconListComponent, isStandalone: true, selector: "icon-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
40
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: IconListComponent, isStandalone: true, selector: "icon-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<fa-icon [icon]=\"faInfoCircle\" daffPrefix></fa-icon>\n\t\tList item with icon\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
41
41
|
}
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IconListComponent, decorators: [{
|
43
43
|
type: Component,
|
@@ -49,7 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
49
49
|
|
50
50
|
class MultilineListComponent {
|
51
51
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MultilineListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
52
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: MultilineListComponent, isStandalone: true, selector: "multiline-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
52
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: MultilineListComponent, isStandalone: true, selector: "multiline-list", ngImport: i0, template: "<daff-list>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description<p>\n\t\t<p>List item description line 2</p>\n\t</daff-list-item>\n\t<daff-list-item>\n\t\t<h5>List item heading</h5>\n\t\t<p>List item description</p>\n\t</daff-list-item>\n</daff-list>", dependencies: [{ kind: "component", type: i1.DaffListComponent, selector: "daff-list,daff-nav-list" }, { kind: "component", type: i1.DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", inputs: ["active"] }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
53
53
|
}
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: MultilineListComponent, decorators: [{
|
55
55
|
type: Component,
|