@daffodil/design 0.77.0 → 0.78.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/README.md +40 -2
- package/accordion/accordion/accordion/accordion.component.d.ts +1 -1
- package/accordion/accordion/accordion-item/accordion-item.component.d.ts +19 -8
- package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.module.d.ts +6 -7
- package/accordion/examples/basic-accordion/basic-accordion.component.d.ts +1 -1
- package/accordion/examples/public_api.d.ts +0 -1
- package/accordion/public_api.d.ts +1 -0
- package/article/README.md +42 -1
- package/article/article/article.component.d.ts +1 -1
- package/article/article-meta/article-meta.directive.d.ts +1 -1
- package/article/article.d.ts +3 -0
- package/article/article.module.d.ts +5 -4
- package/article/public_api.d.ts +2 -1
- package/button/README.md +41 -0
- package/button/button/button.component.d.ts +1 -1
- package/button/button.d.ts +3 -0
- package/button/button.module.d.ts +4 -4
- package/button/public_api.d.ts +2 -1
- package/callout/README.md +42 -0
- package/callout/callout/callout.component.d.ts +1 -1
- package/callout/callout-body/callout-body.directive.d.ts +1 -1
- package/callout/callout-icon/callout-icon.directive.d.ts +1 -1
- package/callout/callout-subtitle/callout-subtitle.directive.d.ts +1 -1
- package/callout/callout-tagline/callout-tagline.directive.d.ts +1 -1
- package/callout/callout-title/callout-title.directive.d.ts +1 -1
- package/callout/callout.d.ts +7 -0
- package/callout/callout.module.d.ts +9 -8
- package/callout/public_api.d.ts +1 -0
- package/card/README.md +41 -0
- package/card/card/card.component.d.ts +1 -1
- package/card/card-actions/card-actions.directive.d.ts +1 -1
- package/card/card-content/card-content.directive.d.ts +1 -1
- package/card/card-icon/card-icon.directive.d.ts +1 -1
- package/card/card-image/card-image.directive.d.ts +1 -1
- package/card/card-tagline/card-tagline.directive.d.ts +1 -1
- package/card/card-title/card-title.directive.d.ts +1 -1
- package/card/card.d.ts +8 -0
- package/card/card.module.d.ts +12 -9
- package/card/public_api.d.ts +1 -0
- package/container/README.md +42 -1
- package/container/container/container.component.d.ts +1 -1
- package/container/container.d.ts +2 -0
- package/container/container.module.d.ts +6 -3
- package/container/public_api.d.ts +1 -0
- package/core/openable/openable.d.ts +13 -0
- package/core/openable/openable.directive.d.ts +81 -0
- package/core/openable/public_api.d.ts +2 -0
- package/core/openable/utils/state-error.d.ts +1 -0
- package/core/public_api.d.ts +1 -0
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +3 -3
- package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +38 -22
- package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +3 -2
- package/esm2022/accordion/accordion.mjs +9 -0
- package/esm2022/accordion/accordion.module.mjs +6 -14
- package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +6 -3
- package/esm2022/accordion/examples/public_api.mjs +1 -2
- package/esm2022/accordion/public_api.mjs +2 -1
- package/esm2022/article/article/article.component.mjs +3 -3
- package/esm2022/article/article-meta/article-meta.directive.mjs +3 -2
- package/esm2022/article/article.mjs +7 -0
- package/esm2022/article/article.module.mjs +5 -5
- package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +6 -4
- package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +6 -4
- package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +6 -4
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +7 -3
- package/esm2022/article/examples/article-hr/article-hr.component.mjs +6 -4
- package/esm2022/article/examples/article-link/article-link.component.mjs +6 -4
- package/esm2022/article/examples/article-meta/article-meta.component.mjs +6 -4
- package/esm2022/article/examples/article-ol/article-ol.component.mjs +6 -4
- package/esm2022/article/examples/article-table/article-table.component.mjs +6 -4
- package/esm2022/article/examples/article-ul/article-ul.component.mjs +6 -4
- package/esm2022/article/public_api.mjs +3 -2
- package/esm2022/button/button/button.component.mjs +11 -6
- package/esm2022/button/button.mjs +7 -0
- package/esm2022/button/button.module.mjs +5 -11
- 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 +8 -4
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +8 -4
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +8 -4
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
- package/esm2022/button/public_api.mjs +3 -2
- package/esm2022/callout/callout/callout.component.mjs +4 -4
- package/esm2022/callout/callout-body/callout-body.directive.mjs +3 -2
- package/esm2022/callout/callout-icon/callout-icon.directive.mjs +3 -2
- package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +3 -2
- package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +3 -2
- package/esm2022/callout/callout-title/callout-title.directive.mjs +3 -2
- package/esm2022/callout/callout.mjs +15 -0
- package/esm2022/callout/callout.module.mjs +5 -5
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +10 -9
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +8 -7
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +9 -8
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +9 -8
- package/esm2022/callout/public_api.mjs +2 -1
- package/esm2022/card/card/card.component.mjs +3 -3
- package/esm2022/card/card-actions/card-actions.directive.mjs +3 -2
- package/esm2022/card/card-content/card-content.directive.mjs +3 -2
- package/esm2022/card/card-icon/card-icon.directive.mjs +3 -2
- package/esm2022/card/card-image/card-image.directive.mjs +3 -2
- package/esm2022/card/card-tagline/card-tagline.directive.mjs +3 -2
- package/esm2022/card/card-title/card-title.directive.mjs +3 -2
- package/esm2022/card/card.mjs +17 -0
- package/esm2022/card/card.module.mjs +7 -5
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +9 -8
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +10 -9
- package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
- package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +6 -6
- package/esm2022/card/examples/raised-card/raised-card.component.mjs +6 -6
- package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +6 -6
- package/esm2022/card/public_api.mjs +2 -1
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
- package/esm2022/container/container/container.component.mjs +3 -3
- package/esm2022/container/container.mjs +5 -0
- package/esm2022/container/container.module.mjs +6 -4
- package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
- package/esm2022/container/public_api.mjs +2 -1
- package/esm2022/core/openable/openable.directive.mjs +122 -0
- package/esm2022/core/openable/openable.mjs +2 -0
- package/esm2022/core/openable/public_api.mjs +2 -0
- package/esm2022/core/openable/utils/state-error.mjs +2 -0
- package/esm2022/core/public_api.mjs +2 -1
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +7 -6
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +10 -9
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +8 -7
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +9 -8
- package/esm2022/hero/hero/hero.component.mjs +4 -7
- package/esm2022/hero/hero-body/hero-body.directive.mjs +3 -2
- package/esm2022/hero/hero-icon/hero-icon.directive.mjs +3 -2
- package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +3 -2
- package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +3 -2
- package/esm2022/hero/hero-title/hero-title.directive.mjs +3 -2
- package/esm2022/hero/hero.mjs +15 -0
- package/esm2022/hero/hero.module.mjs +7 -5
- package/esm2022/hero/public_api.mjs +2 -1
- package/esm2022/image/examples/basic-image/basic-image.component.mjs +6 -4
- package/esm2022/image/examples/load-image/load-image.component.mjs +7 -4
- package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +6 -4
- package/esm2022/image/image/image.component.mjs +3 -3
- package/esm2022/image/image.mjs +5 -0
- package/esm2022/image/image.module.mjs +7 -5
- package/esm2022/image/public_api.mjs +2 -1
- package/esm2022/link-set/link-set/link-set.component.mjs +3 -3
- package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +3 -2
- package/esm2022/link-set/link-set-item/link-set-item.component.mjs +3 -2
- package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +3 -2
- package/esm2022/link-set/link-set.mjs +11 -0
- package/esm2022/link-set/link-set.module.mjs +8 -6
- package/esm2022/link-set/public_api.mjs +2 -1
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +7 -4
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -6
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +7 -4
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -6
- package/esm2022/list/list/list.component.mjs +3 -3
- package/esm2022/list/list-item/list-item.component.mjs +8 -5
- package/esm2022/list/list.mjs +9 -0
- package/esm2022/list/list.module.mjs +8 -8
- package/esm2022/list/public_api.mjs +2 -1
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +4 -4
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +6 -4
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +3 -3
- package/esm2022/loading-icon/loading-icon.mjs +5 -0
- package/esm2022/loading-icon/loading-icon.module.mjs +6 -4
- package/esm2022/loading-icon/public_api.mjs +2 -1
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +8 -5
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +8 -5
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +8 -5
- package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +9 -5
- package/esm2022/media-gallery/media-gallery.mjs +9 -0
- package/esm2022/media-gallery/media-gallery.module.mjs +11 -9
- package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +3 -2
- package/esm2022/media-gallery/public_api.mjs +2 -1
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +3 -2
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +9 -5
- package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +6 -3
- package/esm2022/menu/menu/menu.component.mjs +6 -3
- package/esm2022/menu/menu-activator/menu-activator.component.mjs +3 -2
- package/esm2022/menu/menu-item/menu-item.component.mjs +8 -5
- package/esm2022/menu/menu.module.mjs +8 -7
- package/esm2022/menu/services/menu.service.mjs +8 -7
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +13 -5
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +9 -5
- package/esm2022/modal/modal/modal.component.mjs +47 -21
- package/esm2022/modal/modal-actions/modal-actions.component.mjs +3 -2
- package/esm2022/modal/modal-close/modal-close.directive.mjs +3 -2
- package/esm2022/modal/modal-content/modal-content.component.mjs +3 -2
- package/esm2022/modal/modal-header/modal-header.component.mjs +14 -7
- package/esm2022/modal/modal-title/modal-title.directive.mjs +3 -2
- package/esm2022/modal/modal.mjs +13 -0
- package/esm2022/modal/modal.module.mjs +17 -11
- package/esm2022/modal/public_api.mjs +2 -1
- package/esm2022/modal/service/modal.service.mjs +7 -5
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +9 -5
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +9 -8
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +8 -7
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +9 -5
- package/esm2022/navbar/navbar/navbar.component.mjs +3 -6
- package/esm2022/navbar/navbar.mjs +5 -0
- package/esm2022/navbar/navbar.module.mjs +10 -4
- package/esm2022/navbar/public_api.mjs +2 -1
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +6 -6
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +4 -4
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +6 -6
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +6 -6
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +6 -6
- package/esm2022/notification/notification/notification.component.mjs +10 -6
- package/esm2022/notification/notification-actions/notification-actions.directive.mjs +3 -2
- package/esm2022/notification/notification-message/notification-message.directive.mjs +3 -2
- package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +3 -2
- package/esm2022/notification/notification-title/notification-title.directive.mjs +3 -2
- package/esm2022/notification/notification.mjs +15 -0
- package/esm2022/notification/notification.module.mjs +11 -8
- package/esm2022/notification/public_api.mjs +2 -1
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
- package/esm2022/paginator/paginator/paginator.component.mjs +12 -9
- package/esm2022/paginator/paginator.mjs +5 -0
- package/esm2022/paginator/paginator.module.mjs +9 -6
- package/esm2022/paginator/public_api.mjs +2 -1
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +6 -4
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +6 -4
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +7 -4
- package/esm2022/progress-bar/progress-bar-label/progress-bar-label.directive.mjs +20 -0
- package/esm2022/progress-bar/progress-bar.component.mjs +5 -3
- package/esm2022/progress-bar/progress-bar.mjs +7 -0
- package/esm2022/progress-bar/progress-bar.module.mjs +11 -4
- package/esm2022/progress-bar/public_api.mjs +3 -1
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +6 -4
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +9 -8
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -5
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +6 -4
- package/esm2022/sidebar/public_api.mjs +2 -1
- package/esm2022/sidebar/sidebar/sidebar.component.mjs +35 -15
- package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +3 -3
- package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +3 -2
- package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +3 -2
- package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +3 -3
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +22 -38
- package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs +6 -6
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +3 -3
- package/esm2022/sidebar/sidebar.mjs +17 -0
- package/esm2022/sidebar/sidebar.module.mjs +8 -6
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +7 -4
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +8 -4
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +12 -7
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +7 -4
- package/esm2022/toast/public_api.mjs +2 -1
- package/esm2022/toast/service/toast.service.mjs +9 -10
- package/esm2022/toast/toast/toast-provider.mjs +7 -0
- package/esm2022/toast/toast/toast-template.component.mjs +30 -12
- package/esm2022/toast/toast/toast.component.mjs +6 -9
- package/esm2022/toast/toast-actions/toast-actions.directive.mjs +3 -2
- package/esm2022/toast/toast-message/toast-message.directive.mjs +3 -2
- package/esm2022/toast/toast-title/toast-title.directive.mjs +3 -2
- package/esm2022/toast/toast.module.mjs +10 -11
- package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +7 -4
- package/esm2022/tree/public_api.mjs +2 -2
- package/esm2022/tree/tree/tree.component.mjs +8 -5
- package/esm2022/tree/tree-item/tree-item.directive.mjs +3 -2
- package/esm2022/tree/tree.mjs +7 -0
- package/esm2022/tree/tree.module.mjs +9 -7
- package/fesm2022/daffodil-design-accordion-examples.mjs +7 -26
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +52 -38
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +41 -21
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +15 -9
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +27 -24
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +21 -18
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +20 -19
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +27 -13
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +23 -22
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +31 -13
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -5
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +3 -3
- package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +12 -6
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +19 -18
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +29 -16
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +14 -7
- package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +13 -7
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +23 -11
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +14 -13
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +22 -14
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +7 -5
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +12 -6
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +17 -8
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +70 -57
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +12 -5
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +55 -48
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +17 -6
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +96 -49
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +22 -15
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +16 -9
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +16 -16
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +37 -19
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +5 -5
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +23 -16
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +14 -7
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +38 -8
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +19 -14
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +86 -68
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +23 -11
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +146 -127
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +6 -3
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +23 -35
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +123 -2
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/README.md +41 -0
- package/hero/hero/hero.component.d.ts +1 -4
- package/hero/hero-body/hero-body.directive.d.ts +1 -1
- package/hero/hero-icon/hero-icon.directive.d.ts +1 -1
- package/hero/hero-subtitle/hero-subtitle.directive.d.ts +1 -1
- package/hero/hero-tagline/hero-tagline.directive.d.ts +1 -1
- package/hero/hero-title/hero-title.directive.d.ts +1 -1
- package/hero/hero.d.ts +7 -0
- package/hero/hero.module.d.ts +11 -8
- package/hero/public_api.d.ts +1 -0
- package/image/README.md +43 -7
- package/image/image/image.component.d.ts +1 -1
- package/image/image.d.ts +2 -0
- package/image/image.module.d.ts +6 -3
- package/image/public_api.d.ts +1 -0
- package/link-set/README.md +42 -1
- package/link-set/link-set/link-set.component.d.ts +1 -1
- package/link-set/link-set-heading/link-set-heading.directive.d.ts +1 -1
- package/link-set/link-set-item/link-set-item.component.d.ts +1 -1
- package/link-set/link-set-subheading/link-set-subheading.directive.d.ts +1 -1
- package/link-set/link-set.d.ts +5 -0
- package/link-set/link-set.module.d.ts +9 -6
- package/link-set/public_api.d.ts +1 -0
- package/list/README.md +42 -1
- package/list/list/list.component.d.ts +1 -1
- package/list/list-item/list-item.component.d.ts +1 -1
- package/list/list.d.ts +4 -0
- package/list/list.module.d.ts +7 -4
- package/list/public_api.d.ts +1 -0
- package/loading-icon/README.md +41 -0
- package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -1
- package/loading-icon/loading-icon.d.ts +2 -0
- package/loading-icon/loading-icon.module.d.ts +6 -3
- package/loading-icon/public_api.d.ts +1 -0
- package/media-gallery/README.md +41 -0
- package/media-gallery/media-gallery/media-gallery.component.d.ts +1 -1
- package/media-gallery/media-gallery.d.ts +4 -0
- package/media-gallery/media-gallery.module.d.ts +8 -5
- package/media-gallery/media-renderer/media-renderer.component.d.ts +1 -1
- package/media-gallery/public_api.d.ts +1 -0
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
- package/menu/README.md +23 -0
- package/menu/menu/menu.component.d.ts +1 -1
- package/menu/menu-activator/menu-activator.component.d.ts +1 -1
- package/menu/menu-item/menu-item.component.d.ts +1 -1
- package/menu/menu.module.d.ts +6 -6
- package/menu/services/menu.service.d.ts +3 -2
- package/modal/README.md +41 -0
- package/modal/modal/modal.component.d.ts +20 -8
- package/modal/modal-actions/modal-actions.component.d.ts +1 -1
- package/modal/modal-close/modal-close.directive.d.ts +1 -1
- package/modal/modal-content/modal-content.component.d.ts +1 -1
- package/modal/modal-header/modal-header.component.d.ts +1 -1
- package/modal/modal-title/modal-title.directive.d.ts +1 -1
- package/modal/modal.d.ts +6 -0
- package/modal/modal.module.d.ts +15 -12
- package/modal/public_api.d.ts +1 -0
- package/navbar/README.md +41 -0
- package/navbar/navbar/navbar.component.d.ts +1 -4
- package/navbar/navbar.d.ts +2 -0
- package/navbar/navbar.module.d.ts +6 -2
- package/navbar/public_api.d.ts +1 -0
- package/notification/README.md +41 -0
- package/notification/notification/notification.component.d.ts +1 -1
- package/notification/notification-actions/notification-actions.directive.d.ts +1 -1
- package/notification/notification-message/notification-message.directive.d.ts +1 -1
- package/notification/notification-subtitle/notification-subtitle.directive.d.ts +1 -1
- package/notification/notification-title/notification-title.directive.d.ts +1 -1
- package/notification/notification.d.ts +7 -0
- package/notification/notification.module.d.ts +12 -9
- package/notification/public_api.d.ts +1 -0
- package/package.json +1 -1
- package/paginator/README.md +45 -4
- package/paginator/paginator/paginator.component.d.ts +1 -4
- package/paginator/paginator.d.ts +2 -0
- package/paginator/paginator.module.d.ts +8 -5
- package/paginator/public_api.d.ts +1 -0
- package/progress-bar/README.md +41 -0
- package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts +6 -0
- package/progress-bar/progress-bar.component.d.ts +1 -1
- package/progress-bar/progress-bar.d.ts +3 -0
- package/progress-bar/progress-bar.module.d.ts +7 -3
- package/progress-bar/public_api.d.ts +2 -0
- package/sidebar/README.md +78 -20
- package/sidebar/public_api.d.ts +1 -0
- package/sidebar/sidebar/sidebar.component.d.ts +19 -8
- package/sidebar/sidebar-footer/sidebar-footer.component.d.ts +1 -1
- package/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.d.ts +1 -1
- package/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.d.ts +1 -1
- package/sidebar/sidebar-header/sidebar-header.component.d.ts +1 -1
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +5 -17
- package/sidebar/sidebar-viewport/utils/content-pad.d.ts +2 -2
- package/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts +1 -1
- package/sidebar/sidebar.d.ts +8 -0
- package/sidebar/sidebar.module.d.ts +13 -10
- package/toast/README.md +108 -33
- package/toast/public_api.d.ts +1 -0
- package/toast/service/toast.service.d.ts +4 -3
- package/toast/src/toast-theme.scss +1 -1
- package/toast/toast/toast-provider.d.ts +2 -0
- package/toast/toast/toast-template.component.d.ts +1 -1
- package/toast/toast/toast.component.d.ts +1 -3
- package/toast/toast-actions/toast-actions.directive.d.ts +1 -1
- package/toast/toast-message/toast-message.directive.d.ts +1 -1
- package/toast/toast-title/toast-title.directive.d.ts +1 -1
- package/toast/toast.module.d.ts +14 -12
- package/tree/README.md +41 -0
- package/tree/public_api.d.ts +1 -2
- package/tree/tree/tree.component.d.ts +1 -1
- package/tree/tree-item/tree-item.directive.d.ts +1 -1
- package/tree/tree.d.ts +3 -0
- package/tree/tree.module.d.ts +7 -4
- package/accordion/examples/accordion-examples.module.d.ts +0 -9
- package/esm2022/accordion/examples/accordion-examples.module.mjs +0 -26
- package/esm2022/tree/utils/transform-in-place.mjs +0 -23
- package/tree/utils/transform-in-place.d.ts +0 -15
@@ -30,5 +30,5 @@ export declare class DaffSidebarViewportBackdropComponent implements OnInit {
|
|
30
30
|
animationStart(e: AnimationEvent): void;
|
31
31
|
onBackdropClicked(): void;
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportBackdropComponent, never>;
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportBackdropComponent, "daff-sidebar-viewport-backdrop", never, { "transparent": { "alias": "transparent"; "required": false; }; "interactable": { "alias": "interactable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, never, ["*"],
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportBackdropComponent, "daff-sidebar-viewport-backdrop", never, { "transparent": { "alias": "transparent"; "required": false; }; "interactable": { "alias": "interactable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, never, ["*"], true, never>;
|
34
34
|
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { DaffSidebarComponent } from './sidebar/sidebar.component';
|
2
|
+
import { DaffSidebarFooterComponent } from './sidebar-footer/sidebar-footer.component';
|
3
|
+
import { DaffSidebarHeaderActionDirective } from './sidebar-header/sidebar-header-action/sidebar-header-action.directive';
|
4
|
+
import { DaffSidebarHeaderTitleDirective } from './sidebar-header/sidebar-header-title/sidebar-header-title.directive';
|
5
|
+
import { DaffSidebarHeaderComponent } from './sidebar-header/sidebar-header.component';
|
6
|
+
import { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewport.component';
|
7
|
+
import { DaffSidebarViewportBackdropComponent } from './sidebar-viewport-backdrop/sidebar-viewport-backdrop.component';
|
8
|
+
export declare const DAFF_SIDEBAR_COMPONENTS: readonly [typeof DaffSidebarComponent, typeof DaffSidebarViewportComponent, typeof DaffSidebarHeaderComponent, typeof DaffSidebarFooterComponent, typeof DaffSidebarHeaderTitleDirective, typeof DaffSidebarHeaderActionDirective, typeof DaffSidebarViewportBackdropComponent];
|
@@ -1,15 +1,18 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "
|
3
|
-
import * as i2 from "
|
4
|
-
import * as i3 from "./sidebar
|
5
|
-
import * as i4 from "./sidebar-
|
6
|
-
import * as i5 from "./sidebar-header/sidebar-header
|
7
|
-
import * as i6 from "./sidebar-
|
8
|
-
import * as i7 from "./sidebar-
|
9
|
-
import * as i8 from "
|
10
|
-
import * as i9 from "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "@angular/cdk/a11y";
|
4
|
+
import * as i3 from "./sidebar/sidebar.component";
|
5
|
+
import * as i4 from "./sidebar-viewport/sidebar-viewport.component";
|
6
|
+
import * as i5 from "./sidebar-header/sidebar-header.component";
|
7
|
+
import * as i6 from "./sidebar-footer/sidebar-footer.component";
|
8
|
+
import * as i7 from "./sidebar-header/sidebar-header-title/sidebar-header-title.directive";
|
9
|
+
import * as i8 from "./sidebar-header/sidebar-header-action/sidebar-header-action.directive";
|
10
|
+
import * as i9 from "./sidebar-viewport-backdrop/sidebar-viewport-backdrop.component";
|
11
|
+
/**
|
12
|
+
* @deprecated in favor of {@link DAFF_SIDEBAR_COMPONENTS}
|
13
|
+
*/
|
11
14
|
export declare class DaffSidebarModule {
|
12
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarModule, never>;
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, [typeof i1.
|
16
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, never, [typeof i1.CommonModule, typeof i2.A11yModule, typeof i3.DaffSidebarComponent, typeof i4.DaffSidebarViewportComponent, typeof i5.DaffSidebarHeaderComponent, typeof i6.DaffSidebarFooterComponent, typeof i7.DaffSidebarHeaderTitleDirective, typeof i8.DaffSidebarHeaderActionDirective, typeof i9.DaffSidebarViewportBackdropComponent], [typeof i3.DaffSidebarComponent, typeof i4.DaffSidebarViewportComponent, typeof i5.DaffSidebarHeaderComponent, typeof i6.DaffSidebarFooterComponent, typeof i7.DaffSidebarHeaderTitleDirective, typeof i8.DaffSidebarHeaderActionDirective, typeof i9.DaffSidebarViewportBackdropComponent]>;
|
14
17
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffSidebarModule>;
|
15
18
|
}
|
package/toast/README.md
CHANGED
@@ -4,10 +4,23 @@ Toasts are small messages designed to mimic push notifications. They are used to
|
|
4
4
|
## Overview
|
5
5
|
Toasts should be used to display temporary messages about actions or events that occured or in need of attention, with no relation to content on a page. For messaging that provide context in close promixity to a piece of content within a page, use the [Notification](/libs/design/notification/README.md) component.
|
6
6
|
|
7
|
-
|
8
|
-
<design-land-
|
9
|
-
|
10
|
-
|
7
|
+
## Basic Toast
|
8
|
+
<design-land-example-viewer-container example="default-toast"></design-land-example-viewer-container>
|
9
|
+
|
10
|
+
## Setting up the component
|
11
|
+
`daffProviderToast()` should be added as a provider either in your application's root component for global use or in a specific feature component.
|
12
|
+
|
13
|
+
```ts
|
14
|
+
import { daffProvideToast } from '@daffodil/design/toast';
|
15
|
+
|
16
|
+
@NgModule({
|
17
|
+
providers: [
|
18
|
+
daffProvideToast(),
|
19
|
+
]
|
20
|
+
)}
|
21
|
+
|
22
|
+
export class AppModule {}
|
23
|
+
```
|
11
24
|
|
12
25
|
### Configurations
|
13
26
|
Toast can be configured by using the `DaffToastService`.
|
@@ -15,31 +28,93 @@ Toast can be configured by using the `DaffToastService`.
|
|
15
28
|
The following is an example of a toast with a duration:
|
16
29
|
|
17
30
|
```ts
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
31
|
+
import {
|
32
|
+
ChangeDetectionStrategy,
|
33
|
+
Component,
|
34
|
+
} from '@angular/core';
|
35
|
+
|
36
|
+
import {
|
37
|
+
DaffToast
|
38
|
+
DaffToastService,
|
39
|
+
} from '@daffodil/design/toast';
|
40
|
+
|
41
|
+
@Component({
|
42
|
+
selector: 'custom-toast',
|
43
|
+
templateUrl: './custom-toast.component.html',
|
44
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
45
|
+
standalone: true,
|
46
|
+
})
|
47
|
+
export class CustomToastComponent {
|
48
|
+
private toast: DaffToast;
|
49
|
+
|
50
|
+
constructor(private toastService: DaffToastService) {}
|
51
|
+
|
52
|
+
open() {
|
53
|
+
this.toast = this.toastService.open({
|
54
|
+
title: 'Update Complete',
|
55
|
+
message: 'This page has been updated to the newest version.',
|
56
|
+
},
|
57
|
+
{
|
58
|
+
duration: 5000,
|
59
|
+
});
|
60
|
+
}
|
28
61
|
}
|
29
62
|
```
|
30
63
|
|
31
64
|
The following is an example of a toast with actions:
|
32
65
|
|
33
66
|
```ts
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
67
|
+
import {
|
68
|
+
ChangeDetectionStrategy,
|
69
|
+
Component,
|
70
|
+
EventEmitter,
|
71
|
+
OnInit,
|
72
|
+
} from '@angular/core';
|
73
|
+
|
74
|
+
import { DAFF_BUTTON_COMPONENTS } from '@daffodil/design/button';
|
75
|
+
import {
|
76
|
+
DaffToast,
|
77
|
+
DaffToastAction,
|
78
|
+
DaffToastService,
|
79
|
+
} from '@daffodil/design/toast';
|
80
|
+
|
81
|
+
@Component({
|
82
|
+
selector: 'action-toast',
|
83
|
+
templateUrl: './action-toast.component.html',
|
84
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
85
|
+
standalone: true,
|
86
|
+
imports: [
|
87
|
+
DAFF_BUTTON_COMPONENTS,
|
88
|
+
],
|
89
|
+
})
|
90
|
+
export class ActionToastComponent implements OnInit {
|
91
|
+
private toast: DaffToast;
|
92
|
+
|
93
|
+
constructor(private toastService: DaffToastService) {}
|
94
|
+
|
95
|
+
update = new EventEmitter<DaffToastAction>();
|
96
|
+
|
97
|
+
closeToast = new EventEmitter<DaffToastAction>();
|
98
|
+
|
99
|
+
open() {
|
100
|
+
this.toast = this.toastService.open({
|
101
|
+
title: 'Update Available',
|
102
|
+
message: 'A new version of this page is available.',
|
103
|
+
actions: [
|
104
|
+
{ content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
|
105
|
+
{ content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
|
106
|
+
]
|
107
|
+
});
|
108
|
+
}
|
109
|
+
|
110
|
+
ngOnInit() {
|
111
|
+
this.update.subscribe(() => {
|
112
|
+
});
|
113
|
+
|
114
|
+
this.closeToast.subscribe(() => {
|
115
|
+
this.toastService.close(this.toast);
|
116
|
+
});
|
117
|
+
}
|
43
118
|
}
|
44
119
|
```
|
45
120
|
|
@@ -55,10 +130,10 @@ The following configurations are available in the `DaffToastService`:
|
|
55
130
|
|
56
131
|
The `actions` configurations are based on the properties of the `DaffButtonComponent` (view [Button Documentation](/libs/design/button/README.md)) with the addition of `data` and `eventEmitter`.
|
57
132
|
|
58
|
-
|
133
|
+
## Dismissal
|
59
134
|
A toast can be dismissed via a timed duration, a close button, or the `ESC` key.
|
60
135
|
|
61
|
-
|
136
|
+
### Timed duration
|
62
137
|
A toast with actions will persist until one of the actions have been interacted with, or is dismissed by the close button or the `ESC` key. Actionable toasts should be persistent, but a duration is allowed to be set. If duration must be set, make sure it's long enough for users to engage with the actions.
|
63
138
|
|
64
139
|
By default, a toast without actions will be dismissed after `5000ms`. This can be updated by setting `duration` through the `DaffToastService`.
|
@@ -66,24 +141,24 @@ By default, a toast without actions will be dismissed after `5000ms`. This can b
|
|
66
141
|
#### Toast with custom duration
|
67
142
|
<design-land-example-viewer-container example="toast-with-custom-duration"></design-land-example-viewer-container>
|
68
143
|
|
69
|
-
|
144
|
+
### Close button
|
70
145
|
The close button is shown by default but can be hidden by setting `dismissible: false` through the `DaffToastService`.
|
71
146
|
|
72
|
-
|
147
|
+
### Escape Key
|
73
148
|
A toast can be dismissed by using the `ESC` key if it has actions and is focus trapped.
|
74
149
|
|
75
|
-
|
150
|
+
## Stacking
|
76
151
|
A maximum of three toasts can be shown at a time. Toasts are stacked vertically, with the most recent toast displayed on top.
|
77
152
|
|
78
|
-
|
153
|
+
## Statuses
|
79
154
|
The status color of a toast can be updated by using the `status` property.
|
80
155
|
|
81
156
|
Supported statuses: `warn | danger | success`
|
82
157
|
|
83
|
-
|
158
|
+
### Toast with statuses
|
84
159
|
<design-land-example-viewer-container example="toast-status"></design-land-example-viewer-container>
|
85
160
|
|
86
|
-
|
161
|
+
## Positions
|
87
162
|
|
88
163
|
| Property | Value | Default |
|
89
164
|
| ------------ | ------------------------ | ------- |
|
@@ -106,10 +181,10 @@ providers: [
|
|
106
181
|
|
107
182
|
The position of a toast on a mobile device will always be on the bottom center.
|
108
183
|
|
109
|
-
|
184
|
+
### Toast with configurable positions
|
110
185
|
<design-land-example-viewer-container example="toast-positions"></design-land-example-viewer-container>
|
111
186
|
|
112
|
-
|
187
|
+
## Accessibility
|
113
188
|
By default, toasts use a `role="status"` to announce messages. It's the equivalent of `aria-live="polite"`, which does not interrupt a user's current activity and waits until they are idle to make the announcement. When a toast has actions, a `role="alertdialog"` is used. The toast will be focus trapped and focus immediately moves to the actions.
|
114
189
|
|
115
190
|
Avoid setting a duration on toasts with actions because they will disappear automatically, making it difficult for users to interact with the actions.
|
package/toast/public_api.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { BreakpointObserver } from '@angular/cdk/layout';
|
2
2
|
import { Overlay } from '@angular/cdk/overlay';
|
3
|
-
import { OnDestroy } from '@angular/core';
|
3
|
+
import { Injector, OnDestroy } from '@angular/core';
|
4
4
|
import { DaffFocusStackService } from '@daffodil/design';
|
5
5
|
import { DaffToastPositionService } from './position.service';
|
6
6
|
import { DaffToast, DaffToastData } from '../interfaces/toast';
|
@@ -14,16 +14,17 @@ export declare class DaffToastService implements OnDestroy {
|
|
14
14
|
private mediaQuery;
|
15
15
|
private toastPosition;
|
16
16
|
private focusStack;
|
17
|
+
private injector;
|
17
18
|
private _sub;
|
18
19
|
private _toasts;
|
19
20
|
private _overlayRef?;
|
20
21
|
private _template?;
|
21
|
-
constructor(overlay: Overlay, options: DaffToastOptions, _parentToast: DaffToastService, mediaQuery: BreakpointObserver, toastPosition: DaffToastPositionService, focusStack: DaffFocusStackService);
|
22
|
+
constructor(overlay: Overlay, options: DaffToastOptions, _parentToast: DaffToastService, mediaQuery: BreakpointObserver, toastPosition: DaffToastPositionService, focusStack: DaffFocusStackService, injector: Injector);
|
22
23
|
ngOnDestroy(): void;
|
23
24
|
private _attachToastTemplate;
|
24
25
|
private _createOverlayRef;
|
25
26
|
open(toast: DaffToastData, configuration?: Partial<DaffToastConfiguration>): DaffToast;
|
26
27
|
close(toast: DaffToast): void;
|
27
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastService, [null, null, { optional: true; skipSelf: true; }, null, null, null]>;
|
28
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastService, [null, null, { optional: true; skipSelf: true; }, null, null, null, null]>;
|
28
29
|
static ɵprov: i0.ɵɵInjectableDeclaration<DaffToastService>;
|
29
30
|
}
|
@@ -16,5 +16,5 @@ export declare class DaffToastTemplateComponent {
|
|
16
16
|
get items(): DaffToast[];
|
17
17
|
set items(value: DaffToast[]);
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastTemplateComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastTemplateComponent, "ng-component", never, { "items": { "alias": "items"; "required": false; }; }, { "closeToast": "closeToast"; }, never, never,
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastTemplateComponent, "ng-component", never, { "items": { "alias": "items"; "required": false; }; }, { "closeToast": "closeToast"; }, never, never, true, never>;
|
20
20
|
}
|
@@ -15,8 +15,6 @@ export declare class DaffToastComponent implements DaffPrefixable, AfterContentI
|
|
15
15
|
private _focusStack;
|
16
16
|
/** @docs-private */
|
17
17
|
class: boolean;
|
18
|
-
/** @docs-private */
|
19
|
-
role: string;
|
20
18
|
_actions: DaffToastActionsDirective;
|
21
19
|
_prefix: DaffPrefixDirective;
|
22
20
|
toast: DaffToast;
|
@@ -30,5 +28,5 @@ export declare class DaffToastComponent implements DaffPrefixable, AfterContentI
|
|
30
28
|
ngAfterViewInit(): void;
|
31
29
|
ngOnDestroy(): void;
|
32
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastComponent, never>;
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"],
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
|
34
32
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffToastActionsDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastActionsDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastActionsDirective, "[daffToastActions]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastActionsDirective, "[daffToastActions]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffToastMessageDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastMessageDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastMessageDirective, "[daffToastMessage]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastMessageDirective, "[daffToastMessage]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffToastTitleDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastTitleDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastTitleDirective, "[daffToastTitle]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffToastTitleDirective, "[daffToastTitle]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
package/toast/toast.module.d.ts
CHANGED
@@ -1,17 +1,19 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "
|
3
|
-
import * as i2 from "
|
4
|
-
import * as i3 from "
|
5
|
-
import * as i4 from "
|
6
|
-
import * as i5 from "
|
7
|
-
import * as i6 from "@angular/
|
8
|
-
import * as i7 from "
|
9
|
-
import * as i8 from "
|
10
|
-
import * as i9 from "
|
11
|
-
import * as i10 from "
|
12
|
-
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "@daffodil/design";
|
4
|
+
import * as i3 from "@daffodil/design/button";
|
5
|
+
import * as i4 from "@fortawesome/angular-fontawesome";
|
6
|
+
import * as i5 from "@angular/cdk/portal";
|
7
|
+
import * as i6 from "@angular/cdk/overlay";
|
8
|
+
import * as i7 from "./toast/toast.component";
|
9
|
+
import * as i8 from "./toast-actions/toast-actions.directive";
|
10
|
+
import * as i9 from "./toast-title/toast-title.directive";
|
11
|
+
import * as i10 from "./toast-message/toast-message.directive";
|
12
|
+
/**
|
13
|
+
* @deprecated in favor of {@link daffProvideToast}
|
14
|
+
*/
|
13
15
|
export declare class DaffToastModule {
|
14
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, [typeof i1.
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffToastModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.DaffButtonModule, typeof i4.FontAwesomeModule, typeof i5.PortalModule, typeof i6.OverlayModule, typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective], [typeof i7.DaffToastComponent, typeof i8.DaffToastActionsDirective, typeof i9.DaffToastTitleDirective, typeof i10.DaffToastMessageDirective, typeof i2.DaffPrefixSuffixModule]>;
|
16
18
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffToastModule>;
|
17
19
|
}
|
package/tree/README.md
CHANGED
@@ -9,6 +9,47 @@ Instead of defining a recursive tree structure of components, which is often pro
|
|
9
9
|
|
10
10
|
Generally, tree usage consists of taking existing tree data, converting it to the `DaffTreeData` format, setting the `tree` input on the `DaffTreeComponent`, and providing templates for the cases where the tree element has children or not.
|
11
11
|
|
12
|
+
## Usage
|
13
|
+
|
14
|
+
### Within a standalone component
|
15
|
+
To use sidebar in a standalone component, import `DAFF_TREE_COMPONENTS` directly into your custom component:
|
16
|
+
|
17
|
+
```ts
|
18
|
+
@Component({
|
19
|
+
selector: 'custom-component',
|
20
|
+
templateUrl: './custom-component.component.html',
|
21
|
+
standalone: true,
|
22
|
+
imports: [
|
23
|
+
DAFF_TREE_COMPONENTS,
|
24
|
+
],
|
25
|
+
})
|
26
|
+
export class CustomComponent {}
|
27
|
+
```
|
28
|
+
|
29
|
+
### Within a module (deprecated)
|
30
|
+
To use sidebar in a module, import `DaffTreeModule` into your custom module:
|
31
|
+
|
32
|
+
```ts
|
33
|
+
import { NgModule } from '@angular/core';
|
34
|
+
|
35
|
+
import { DaffTreeModule } from '@daffodil/design/tree';
|
36
|
+
|
37
|
+
@NgModule({
|
38
|
+
declarations: [
|
39
|
+
CustomComponent,
|
40
|
+
],
|
41
|
+
exports: [
|
42
|
+
CustomComponent,
|
43
|
+
],
|
44
|
+
imports: [
|
45
|
+
DaffTreeModule,
|
46
|
+
],
|
47
|
+
})
|
48
|
+
export class CustomComponentModule { }
|
49
|
+
```
|
50
|
+
|
51
|
+
> This method is deprecated. It's recommended to update all custom components to standalone.
|
52
|
+
|
12
53
|
## Features
|
13
54
|
The `DaffTreeComponent` controls the rendering of the structure of the tree and provides template slots so that you can control the ultimate UI rendered for each node.
|
14
55
|
|
package/tree/public_api.d.ts
CHANGED
@@ -2,7 +2,6 @@ export { DaffTreeModule } from './tree.module';
|
|
2
2
|
export { DaffTreeComponent } from './tree/tree.component';
|
3
3
|
export { DaffTreeItemDirective } from './tree-item/tree-item.directive';
|
4
4
|
export { DaffTreeData } from './interfaces/tree-data';
|
5
|
-
export { DaffTreeUi } from './interfaces/tree-ui';
|
6
|
-
export { daffTransformTreeInPlace } from './utils/transform-in-place';
|
7
5
|
export { daffTransformTree } from './utils/transform';
|
8
6
|
export { DaffTreeRenderMode } from './interfaces/tree-render-mode';
|
7
|
+
export { DAFF_TREE_COMPONENTS } from './tree';
|
@@ -79,5 +79,5 @@ export declare class DaffTreeComponent implements OnInit, OnChanges {
|
|
79
79
|
*/
|
80
80
|
ngOnInit(): void;
|
81
81
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
|
82
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never,
|
82
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
|
83
83
|
}
|
@@ -98,5 +98,5 @@ export declare class DaffTreeItemDirective {
|
|
98
98
|
*/
|
99
99
|
toggleTree(node: DaffTreeFlatNode): void;
|
100
100
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeItemDirective, never>;
|
101
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTreeItemDirective, "[daffTreeItem]", never, { "node": { "alias": "node"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, never,
|
101
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTreeItemDirective, "[daffTreeItem]", never, { "node": { "alias": "node"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, never, true, never>;
|
102
102
|
}
|
package/tree/tree.d.ts
ADDED
package/tree/tree.module.d.ts
CHANGED
@@ -1,9 +1,12 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "
|
3
|
-
import * as i2 from "./tree
|
4
|
-
import * as i3 from "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "./tree/tree.component";
|
4
|
+
import * as i3 from "./tree-item/tree-item.directive";
|
5
|
+
/**
|
6
|
+
* @deprecated in favor of {@link DAFF_TREE_COMPONENTS}
|
7
|
+
*/
|
5
8
|
export declare class DaffTreeModule {
|
6
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeModule, never>;
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffTreeModule, [typeof i1.
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffTreeModule, never, [typeof i1.CommonModule, typeof i2.DaffTreeComponent, typeof i3.DaffTreeItemDirective], [typeof i2.DaffTreeComponent, typeof i3.DaffTreeItemDirective]>;
|
8
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffTreeModule>;
|
9
12
|
}
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "./basic-accordion/basic-accordion.component";
|
3
|
-
import * as i2 from "@angular/common";
|
4
|
-
import * as i3 from "@daffodil/design/accordion";
|
5
|
-
export declare class AccordionExamplesModule {
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionExamplesModule, never>;
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionExamplesModule, [typeof i1.BasicAccordionComponent], [typeof i2.CommonModule, typeof i3.DaffAccordionModule], never>;
|
8
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<AccordionExamplesModule>;
|
9
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
2
|
-
import { NgModule } from '@angular/core';
|
3
|
-
import { DaffAccordionModule } from '@daffodil/design/accordion';
|
4
|
-
import { ACCORDION_EXAMPLES } from './examples';
|
5
|
-
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "./basic-accordion/basic-accordion.component";
|
7
|
-
export class AccordionExamplesModule {
|
8
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: AccordionExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
9
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: AccordionExamplesModule, declarations: [i1.BasicAccordionComponent], imports: [CommonModule,
|
10
|
-
DaffAccordionModule] }); }
|
11
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: AccordionExamplesModule, imports: [CommonModule,
|
12
|
-
DaffAccordionModule] }); }
|
13
|
-
}
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: AccordionExamplesModule, decorators: [{
|
15
|
-
type: NgModule,
|
16
|
-
args: [{
|
17
|
-
declarations: [
|
18
|
-
...ACCORDION_EXAMPLES,
|
19
|
-
],
|
20
|
-
imports: [
|
21
|
-
CommonModule,
|
22
|
-
DaffAccordionModule,
|
23
|
-
],
|
24
|
-
}]
|
25
|
-
}] });
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWV4YW1wbGVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9leGFtcGxlcy9zcmMvYWNjb3JkaW9uLWV4YW1wbGVzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVqRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQVdoRCxNQUFNLE9BQU8sdUJBQXVCO2lJQUF2Qix1QkFBdUI7a0lBQXZCLHVCQUF1Qix3REFKaEMsWUFBWTtZQUNaLG1CQUFtQjtrSUFHVix1QkFBdUIsWUFKaEMsWUFBWTtZQUNaLG1CQUFtQjs7MkZBR1YsdUJBQXVCO2tCQVRuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixHQUFHLGtCQUFrQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQWNjb3JkaW9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9hY2NvcmRpb24nO1xuXG5pbXBvcnQgeyBBQ0NPUkRJT05fRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgLi4uQUNDT1JESU9OX0VYQU1QTEVTLFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZBY2NvcmRpb25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFjY29yZGlvbkV4YW1wbGVzTW9kdWxlIHsgfVxuIl19
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { traverse } from './traverse-tree';
|
2
|
-
/**
|
3
|
-
* Transform a tree-like structure in-place into a {@link DaffTreeData}.
|
4
|
-
*
|
5
|
-
* This will mutate the original object, hydrating with additional properties.
|
6
|
-
*
|
7
|
-
* @param tree - The data structure representing tree-like data.
|
8
|
-
* @param transformFn - A user-supplied function that will transform the user
|
9
|
-
* type into a {@link DaffTreeData}
|
10
|
-
* @param key - The property of the your tree that indicates which
|
11
|
-
* key contains the "children" of your tree structure.
|
12
|
-
*
|
13
|
-
*/
|
14
|
-
export const daffTransformTreeInPlace = (tree, transformFn, key) => traverse(tree, (el) => {
|
15
|
-
const r = Object.assign(el, transformFn(el));
|
16
|
-
r.items = el[key];
|
17
|
-
el = r;
|
18
|
-
return el;
|
19
|
-
},
|
20
|
-
// This type is confusing. I don't understand why it has to be here,
|
21
|
-
// the associated error message is incomprehensible.
|
22
|
-
key);
|
23
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLWluLXBsYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdHJlZS9zcmMvdXRpbHMvdHJhbnNmb3JtLWluLXBsYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUkzQzs7Ozs7Ozs7Ozs7R0FXRztBQUNILE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLENBSXRDLElBQU8sRUFDUCxXQUFtRCxFQUNuRCxHQUE4QixFQUNQLEVBQUUsQ0FBQyxRQUFRLENBQ2xDLElBQUksRUFDSixDQUFDLEVBQUUsRUFBRSxFQUFFO0lBQ0wsTUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDN0MsQ0FBQyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDbEIsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNQLE9BQWtDLEVBQUUsQ0FBQztBQUN2QyxDQUFDO0FBQ0Msb0VBQW9FO0FBQ3BFLG9EQUFvRDtBQUNaLEdBQUcsQ0FDOUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRyYXZlcnNlIH0gZnJvbSAnLi90cmF2ZXJzZS10cmVlJztcbmltcG9ydCB7IFJlY3Vyc2l2ZVRyZWVLZXlPZlR5cGUgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3JlY3Vyc2l2ZS1rZXknO1xuaW1wb3J0IHsgRGFmZlRyZWVEYXRhIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy90cmVlLWRhdGEnO1xuXG4vKipcbiAqIFRyYW5zZm9ybSBhIHRyZWUtbGlrZSBzdHJ1Y3R1cmUgaW4tcGxhY2UgaW50byBhIHtAbGluayBEYWZmVHJlZURhdGF9LlxuICpcbiAqIFRoaXMgd2lsbCBtdXRhdGUgdGhlIG9yaWdpbmFsIG9iamVjdCwgaHlkcmF0aW5nIHdpdGggYWRkaXRpb25hbCBwcm9wZXJ0aWVzLlxuICpcbiAqIEBwYXJhbSB0cmVlIC0gVGhlIGRhdGEgc3RydWN0dXJlIHJlcHJlc2VudGluZyB0cmVlLWxpa2UgZGF0YS5cbiAqIEBwYXJhbSB0cmFuc2Zvcm1GbiAtIEEgdXNlci1zdXBwbGllZCBmdW5jdGlvbiB0aGF0IHdpbGwgdHJhbnNmb3JtIHRoZSB1c2VyXG4gKiAgdHlwZSBpbnRvIGEge0BsaW5rIERhZmZUcmVlRGF0YX1cbiAqIEBwYXJhbSBrZXkgLSBUaGUgcHJvcGVydHkgb2YgdGhlIHlvdXIgdHJlZSB0aGF0IGluZGljYXRlcyB3aGljaFxuICogIGtleSBjb250YWlucyB0aGUgXCJjaGlsZHJlblwiIG9mIHlvdXIgdHJlZSBzdHJ1Y3R1cmUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgZGFmZlRyYW5zZm9ybVRyZWVJblBsYWNlID0gPFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXJlc3RyaWN0ZWQtdHlwZXNcbiAgVCBleHRlbmRzIFJlY29yZDxhbnksYW55Pixcbj4oXG4gIHRyZWU6IFQsXG4gIHRyYW5zZm9ybUZuOiAodHlwZTogVCkgPT4gVCAmIERhZmZUcmVlRGF0YTx1bmtub3duPixcbiAga2V5OiBSZWN1cnNpdmVUcmVlS2V5T2ZUeXBlPFQ+LFxuKTogRGFmZlRyZWVEYXRhPHVua25vd24+ID0+IHRyYXZlcnNlPFQsIFQgJiBEYWZmVHJlZURhdGE8dW5rbm93bj4+KFxuICB0cmVlLFxuICAoZWwpID0+IHtcbiAgICBjb25zdCByID0gT2JqZWN0LmFzc2lnbihlbCwgdHJhbnNmb3JtRm4oZWwpKTtcbiAgICByLml0ZW1zID0gZWxba2V5XTtcbiAgICBlbCA9IHI7XG4gICAgcmV0dXJuIDxUICYgRGFmZlRyZWVEYXRhPHVua25vd24+PmVsO1xuICB9LFxuICAgIC8vIFRoaXMgdHlwZSBpcyBjb25mdXNpbmcuIEkgZG9uJ3QgdW5kZXJzdGFuZCB3aHkgaXQgaGFzIHRvIGJlIGhlcmUsXG4gICAgLy8gdGhlIGFzc29jaWF0ZWQgZXJyb3IgbWVzc2FnZSBpcyBpbmNvbXByZWhlbnNpYmxlLlxuICAgIDxUW3N0cmluZ10gZXh0ZW5kcyBUW10gPyBzdHJpbmcgOiBuZXZlcj5rZXksXG4pO1xuIl19
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { RecursiveTreeKeyOfType } from '../interfaces/recursive-key';
|
2
|
-
import { DaffTreeData } from '../interfaces/tree-data';
|
3
|
-
/**
|
4
|
-
* Transform a tree-like structure in-place into a {@link DaffTreeData}.
|
5
|
-
*
|
6
|
-
* This will mutate the original object, hydrating with additional properties.
|
7
|
-
*
|
8
|
-
* @param tree - The data structure representing tree-like data.
|
9
|
-
* @param transformFn - A user-supplied function that will transform the user
|
10
|
-
* type into a {@link DaffTreeData}
|
11
|
-
* @param key - The property of the your tree that indicates which
|
12
|
-
* key contains the "children" of your tree structure.
|
13
|
-
*
|
14
|
-
*/
|
15
|
-
export declare const daffTransformTreeInPlace: <T extends Record<any, any>>(tree: T, transformFn: (type: T) => T & DaffTreeData<unknown>, key: RecursiveTreeKeyOfType<T>) => DaffTreeData<unknown>;
|