@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
@@ -1,10 +1,13 @@
|
|
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 "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "./media-gallery/media-gallery.component";
|
4
|
+
import * as i3 from "./thumbnail/thumbnail.directive";
|
5
|
+
import * as i4 from "./media-renderer/media-renderer.component";
|
6
|
+
/**
|
7
|
+
* @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS}
|
8
|
+
*/
|
6
9
|
export declare class DaffMediaGalleryModule {
|
7
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, [typeof i1.
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMediaGalleryModule, never, [typeof i1.CommonModule, typeof i2.DaffMediaGalleryComponent, typeof i3.DaffThumbnailDirective, typeof i4.DaffMediaRendererComponent], [typeof i2.DaffMediaGalleryComponent, typeof i3.DaffThumbnailDirective]>;
|
9
12
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffMediaGalleryModule>;
|
10
13
|
}
|
@@ -25,5 +25,5 @@ export declare class DaffMediaRendererComponent implements OnInit, OnDestroy {
|
|
25
25
|
*/
|
26
26
|
ngOnDestroy(): void;
|
27
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaRendererComponent, never>;
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never,
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMediaRendererComponent, "daff-media-renderer", never, {}, {}, never, never, true, never>;
|
29
29
|
}
|
@@ -2,3 +2,4 @@ export * from './media-gallery/media-gallery.component';
|
|
2
2
|
export * from './media-gallery.module';
|
3
3
|
export * from './thumbnail/thumbnail.directive';
|
4
4
|
export { daffThumbnailCompatToken } from './thumbnail/thumbnail-compat.token';
|
5
|
+
export { DAFF_MEDIA_GALLERY_COMPONENTS } from './media-gallery';
|
@@ -40,5 +40,5 @@ export declare class DaffThumbnailDirective implements OnInit, OnDestroy, DaffTh
|
|
40
40
|
select(): this;
|
41
41
|
deselect(): this;
|
42
42
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffThumbnailDirective, never>;
|
43
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "becameSelected": "becameSelected"; }, never, never,
|
43
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffThumbnailDirective, "[daffThumbnail]", never, {}, { "becameSelected": "becameSelected"; }, never, never, true, never>;
|
44
44
|
}
|
package/menu/README.md
CHANGED
@@ -7,6 +7,29 @@ Menus only appear when a user interacts with a menu activator button. They shoul
|
|
7
7
|
## Basic Menu
|
8
8
|
<design-land-example-viewer-container example="basic-menu"></design-land-example-viewer-container>
|
9
9
|
|
10
|
+
## Usage
|
11
|
+
|
12
|
+
To use menu, import `DaffMenuModule` into your custom module:
|
13
|
+
|
14
|
+
```ts
|
15
|
+
import { NgModule } from '@angular/core';
|
16
|
+
|
17
|
+
import { DaffMenuModule } from '@daffodil/design/menu';
|
18
|
+
|
19
|
+
@NgModule({
|
20
|
+
declarations: [
|
21
|
+
CustomComponent,
|
22
|
+
],
|
23
|
+
exports: [
|
24
|
+
CustomComponent,
|
25
|
+
],
|
26
|
+
imports: [
|
27
|
+
DaffMenuModule,
|
28
|
+
],
|
29
|
+
})
|
30
|
+
export class CustomComponentModule { }
|
31
|
+
```
|
32
|
+
|
10
33
|
## Supported Content Types
|
11
34
|
|
12
35
|
### Menu Item
|
@@ -15,5 +15,5 @@ export declare class DaffMenuComponent implements AfterContentInit, AfterViewIni
|
|
15
15
|
ngAfterContentInit(): void;
|
16
16
|
ngAfterViewInit(): void;
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuComponent, never>;
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"],
|
18
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"], true, never>;
|
19
19
|
}
|
@@ -14,5 +14,5 @@ export declare class DaffMenuActivatorDirective implements OnDestroy {
|
|
14
14
|
focus(): void;
|
15
15
|
openMenu(event: any): void;
|
16
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuActivatorDirective, never>;
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never,
|
17
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never, true, never>;
|
18
18
|
}
|
@@ -16,5 +16,5 @@ export declare class DaffMenuItemComponent {
|
|
16
16
|
*/
|
17
17
|
_prefix: DaffPrefixDirective;
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuItemComponent, never>;
|
19
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuItemComponent, "a[daff-menu-item],button[daff-menu-item]", never, {}, {}, ["_prefix"], ["[daffPrefix]", "*"],
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuItemComponent, "a[daff-menu-item],button[daff-menu-item]", never, {}, {}, ["_prefix"], ["[daffPrefix]", "*"], true, never>;
|
20
20
|
}
|
package/menu/menu.module.d.ts
CHANGED
@@ -1,11 +1,11 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "
|
3
|
-
import * as i2 from "
|
4
|
-
import * as i3 from "./menu-
|
5
|
-
import * as i4 from "
|
6
|
-
import * as i5 from "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "@angular/cdk/overlay";
|
4
|
+
import * as i3 from "./menu-activator/menu-activator.component";
|
5
|
+
import * as i4 from "./menu/menu.component";
|
6
|
+
import * as i5 from "./menu-item/menu-item.component";
|
7
7
|
export declare class DaffMenuModule {
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuModule, never>;
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMenuModule, [typeof i1.
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffMenuModule, never, [typeof i1.CommonModule, typeof i2.OverlayModule, typeof i3.DaffMenuActivatorDirective, typeof i4.DaffMenuComponent, typeof i5.DaffMenuItemComponent], [typeof i3.DaffMenuActivatorDirective, typeof i4.DaffMenuComponent, typeof i5.DaffMenuItemComponent]>;
|
10
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffMenuModule>;
|
11
11
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
|
2
|
-
import { ElementRef, TemplateRef, Type, ViewContainerRef } from '@angular/core';
|
2
|
+
import { ElementRef, Injector, TemplateRef, Type, ViewContainerRef } from '@angular/core';
|
3
3
|
import { Observable } from 'rxjs';
|
4
4
|
import { DaffLazyComponent } from '@daffodil/design';
|
5
5
|
import * as i0 from "@angular/core";
|
@@ -10,11 +10,12 @@ export interface DaffActivatedMenu {
|
|
10
10
|
export type DaffMenuSlot = TemplateRef<unknown> | DaffLazyComponent | Type<unknown>;
|
11
11
|
export declare class DaffMenuService {
|
12
12
|
protected overlay: Overlay;
|
13
|
+
private injector;
|
13
14
|
protected _overlay: OverlayRef | null;
|
14
15
|
private _activator;
|
15
16
|
private $_open;
|
16
17
|
open$: Observable<boolean>;
|
17
|
-
constructor(overlay: Overlay);
|
18
|
+
constructor(overlay: Overlay, injector: Injector);
|
18
19
|
protected _createOverlay(activatorElement: ViewContainerRef, component: DaffMenuSlot): Promise<void>;
|
19
20
|
protected _destroyOverlay(): void;
|
20
21
|
close(): void;
|
package/modal/README.md
CHANGED
@@ -4,6 +4,47 @@ Modal is a dynamically rendered element that floats above the rest of a page's c
|
|
4
4
|
## Basic Modal
|
5
5
|
<design-land-example-viewer-container example="basic-modal"></design-land-example-viewer-container>
|
6
6
|
|
7
|
+
## Usage
|
8
|
+
|
9
|
+
### Within a standalone component
|
10
|
+
To use modal in a standalone component, import `DAFF_MODAL_COMPONENTS` directly into your custom component:
|
11
|
+
|
12
|
+
```ts
|
13
|
+
@Component({
|
14
|
+
selector: 'custom-component',
|
15
|
+
templateUrl: './custom-component.component.html',
|
16
|
+
standalone: true,
|
17
|
+
imports: [
|
18
|
+
DAFF_MODAL_COMPONENTS,
|
19
|
+
],
|
20
|
+
})
|
21
|
+
export class CustomComponent {}
|
22
|
+
```
|
23
|
+
|
24
|
+
### Within a module (deprecated)
|
25
|
+
To use modal in a module, import `DaffModalModule` into your custom module:
|
26
|
+
|
27
|
+
```ts
|
28
|
+
import { NgModule } from '@angular/core';
|
29
|
+
|
30
|
+
import { DaffModalModule } from '@daffodil/design/modal';
|
31
|
+
|
32
|
+
@NgModule({
|
33
|
+
declarations: [
|
34
|
+
CustomComponent,
|
35
|
+
],
|
36
|
+
exports: [
|
37
|
+
CustomComponent,
|
38
|
+
],
|
39
|
+
imports: [
|
40
|
+
DaffModalModule,
|
41
|
+
],
|
42
|
+
})
|
43
|
+
export class CustomComponentModule { }
|
44
|
+
```
|
45
|
+
|
46
|
+
> This method is deprecated. It's recommended to update all custom components to standalone.
|
47
|
+
|
7
48
|
## Supported Content Types
|
8
49
|
A modal includes minimally pre-styled components and directives to help structure the content in your modal.
|
9
50
|
|
@@ -2,12 +2,15 @@ import { AnimationEvent } from '@angular/animations';
|
|
2
2
|
import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
|
3
3
|
import { ComponentPortal } from '@angular/cdk/portal';
|
4
4
|
import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit } from '@angular/core';
|
5
|
+
import { DaffOpenable, DaffOpenableDirective } from '@daffodil/design';
|
5
6
|
import { DaffModalService } from '../service/modal.service';
|
6
7
|
import * as i0 from "@angular/core";
|
7
|
-
|
8
|
+
import * as i1 from "@daffodil/design";
|
9
|
+
export declare class DaffModalComponent implements AfterContentInit, AfterViewInit, DaffOpenable {
|
8
10
|
private modalService;
|
9
11
|
private _focusTrapFactory;
|
10
|
-
private
|
12
|
+
private elementRef;
|
13
|
+
private openDirective;
|
11
14
|
/**
|
12
15
|
* Sets a class of .daff-modal to the host element.
|
13
16
|
*/
|
@@ -28,10 +31,6 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
|
|
28
31
|
*/
|
29
32
|
get ariaLabelledBy(): string;
|
30
33
|
set ariaLabelledBy(value: string);
|
31
|
-
/**
|
32
|
-
* Dictates whether or not a modal is open or closed.
|
33
|
-
*/
|
34
|
-
open: boolean;
|
35
34
|
/**
|
36
35
|
* The CDK Portal outlet used to portal content into the modal.
|
37
36
|
*/
|
@@ -49,7 +48,7 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
|
|
49
48
|
*/
|
50
49
|
onEscape(): void;
|
51
50
|
private _focusTrap;
|
52
|
-
constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory,
|
51
|
+
constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, elementRef: ElementRef<HTMLElement>, openDirective: DaffOpenableDirective);
|
53
52
|
ngAfterContentInit(): void;
|
54
53
|
ngAfterViewInit(): void;
|
55
54
|
/**
|
@@ -65,6 +64,19 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
|
|
65
64
|
* so that the animation does not clip as the element is removed.
|
66
65
|
*/
|
67
66
|
animationDone(e: AnimationEvent): void;
|
67
|
+
get open(): boolean;
|
68
|
+
/**
|
69
|
+
* Reveals the modal
|
70
|
+
*/
|
71
|
+
reveal(): void;
|
72
|
+
/**
|
73
|
+
* Hides the modal
|
74
|
+
*/
|
75
|
+
hide(): void;
|
76
|
+
/**
|
77
|
+
* Toggles the visibility of the modal
|
78
|
+
*/
|
79
|
+
toggle(): void;
|
68
80
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalComponent, never>;
|
69
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, {
|
81
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffOpenableDirective; inputs: {}; outputs: { "toggled": "toggled"; }; }]>;
|
70
82
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffModalActionsComponent {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalActionsComponent, never>;
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"],
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"], true, never>;
|
6
6
|
}
|
@@ -20,5 +20,5 @@ export declare class DaffModalCloseDirective {
|
|
20
20
|
*/
|
21
21
|
typeAttribute: string;
|
22
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalCloseDirective, [null, { optional: true; }]>;
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never,
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, true, never>;
|
24
24
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffModalContentComponent {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalContentComponent, never>;
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"],
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"], true, never>;
|
6
6
|
}
|
@@ -10,5 +10,5 @@ export declare class DaffModalHeaderComponent {
|
|
10
10
|
*/
|
11
11
|
dismissible: boolean;
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalHeaderComponent, never>;
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"],
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"], true, never>;
|
14
14
|
}
|
@@ -16,5 +16,5 @@ export declare class DaffModalTitleDirective {
|
|
16
16
|
get uniqueId(): string;
|
17
17
|
constructor(modal: DaffModalComponent);
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalTitleDirective, [{ optional: true; }]>;
|
19
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never,
|
19
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, true, never>;
|
20
20
|
}
|
package/modal/modal.d.ts
ADDED
@@ -0,0 +1,6 @@
|
|
1
|
+
import { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
|
2
|
+
import { DaffModalCloseDirective } from './modal-close/modal-close.directive';
|
3
|
+
import { DaffModalContentComponent } from './modal-content/modal-content.component';
|
4
|
+
import { DaffModalHeaderComponent } from './modal-header/modal-header.component';
|
5
|
+
import { DaffModalTitleDirective } from './modal-title/modal-title.directive';
|
6
|
+
export declare const DAFF_MODAL_COMPONENTS: readonly [typeof DaffModalHeaderComponent, typeof DaffModalTitleDirective, typeof DaffModalContentComponent, typeof DaffModalActionsComponent, typeof DaffModalCloseDirective];
|
package/modal/modal.module.d.ts
CHANGED
@@ -1,17 +1,20 @@
|
|
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 "./modal
|
8
|
-
import * as i7 from "
|
9
|
-
import * as i8 from "
|
10
|
-
import * as i9 from "
|
11
|
-
import * as i10 from "
|
12
|
-
import * as i11 from "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "@angular/cdk/portal";
|
4
|
+
import * as i3 from "@angular/cdk/overlay";
|
5
|
+
import * as i4 from "@daffodil/design/button";
|
6
|
+
import * as i5 from "@fortawesome/angular-fontawesome";
|
7
|
+
import * as i6 from "./modal/modal.component";
|
8
|
+
import * as i7 from "./modal-header/modal-header.component";
|
9
|
+
import * as i8 from "./modal-title/modal-title.directive";
|
10
|
+
import * as i9 from "./modal-content/modal-content.component";
|
11
|
+
import * as i10 from "./modal-actions/modal-actions.component";
|
12
|
+
import * as i11 from "./modal-close/modal-close.directive";
|
13
|
+
/**
|
14
|
+
* @deprecated in favor of {@link DAFF_MODAL_COMPONENTS}
|
15
|
+
*/
|
13
16
|
export declare class DaffModalModule {
|
14
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalModule, never>;
|
15
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, [typeof i1.
|
18
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, never, [typeof i1.CommonModule, typeof i2.PortalModule, typeof i3.OverlayModule, typeof i4.DaffButtonModule, typeof i5.FontAwesomeModule, typeof i6.DaffModalComponent, typeof i7.DaffModalHeaderComponent, typeof i8.DaffModalTitleDirective, typeof i9.DaffModalContentComponent, typeof i10.DaffModalActionsComponent, typeof i11.DaffModalCloseDirective], [typeof i6.DaffModalComponent, typeof i7.DaffModalHeaderComponent, typeof i8.DaffModalTitleDirective, typeof i9.DaffModalContentComponent, typeof i10.DaffModalActionsComponent, typeof i11.DaffModalCloseDirective]>;
|
16
19
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffModalModule>;
|
17
20
|
}
|
package/modal/public_api.d.ts
CHANGED
@@ -7,3 +7,4 @@ export { DaffModalTitleDirective } from './modal-title/modal-title.directive';
|
|
7
7
|
export { DaffModalContentComponent } from './modal-content/modal-content.component';
|
8
8
|
export { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
|
9
9
|
export { DaffModalCloseDirective } from './modal-close/modal-close.directive';
|
10
|
+
export { DAFF_MODAL_COMPONENTS } from './modal';
|
package/navbar/README.md
CHANGED
@@ -7,6 +7,47 @@ The navbar contains minimal layout styles, allowing the content within it to be
|
|
7
7
|
## Basic Navbar
|
8
8
|
<design-land-example-viewer-container example="basic-navbar"></design-land-example-viewer-container>
|
9
9
|
|
10
|
+
## Usage
|
11
|
+
|
12
|
+
### Within a standalone component
|
13
|
+
To use navbar in a standalone component, import `DAFF_NAVBAR_COMPONENTS` directly into your custom component:
|
14
|
+
|
15
|
+
```ts
|
16
|
+
@Component({
|
17
|
+
selector: 'custom-component',
|
18
|
+
templateUrl: './custom-component.component.html',
|
19
|
+
standalone: true,
|
20
|
+
imports: [
|
21
|
+
DAFF_NAVBAR_COMPONENTS,
|
22
|
+
],
|
23
|
+
})
|
24
|
+
export class CustomComponent {}
|
25
|
+
```
|
26
|
+
|
27
|
+
### Within a module (deprecated)
|
28
|
+
To use navbar in a module, import `DaffNavbarModule` into your custom module:
|
29
|
+
|
30
|
+
```ts
|
31
|
+
import { NgModule } from '@angular/core';
|
32
|
+
|
33
|
+
import { DaffNavbarModule } from '@daffodil/design/navbar';
|
34
|
+
|
35
|
+
@NgModule({
|
36
|
+
declarations: [
|
37
|
+
CustomComponent,
|
38
|
+
],
|
39
|
+
exports: [
|
40
|
+
CustomComponent,
|
41
|
+
],
|
42
|
+
imports: [
|
43
|
+
DaffNavbarModule,
|
44
|
+
],
|
45
|
+
})
|
46
|
+
export class CustomComponentModule { }
|
47
|
+
```
|
48
|
+
|
49
|
+
> This method is deprecated. It's recommended to update all custom components to standalone.
|
50
|
+
|
10
51
|
## Theming
|
11
52
|
The default background color of a navbar is light gray, but it can be updated to one of the supported colors by using the `color` property.
|
12
53
|
|
@@ -1,8 +1,5 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
2
|
import * as i1 from "@daffodil/design";
|
3
|
-
/**
|
4
|
-
* @inheritdoc
|
5
|
-
*/
|
6
3
|
export declare class DaffNavbarComponent {
|
7
4
|
raised: boolean;
|
8
5
|
/**
|
@@ -14,5 +11,5 @@ export declare class DaffNavbarComponent {
|
|
14
11
|
*/
|
15
12
|
hostClass: boolean;
|
16
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarComponent, never>;
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"],
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
|
18
15
|
}
|
@@ -1,7 +1,11 @@
|
|
1
1
|
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "./navbar/navbar.component";
|
4
|
+
/**
|
5
|
+
* @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS}
|
6
|
+
*/
|
3
7
|
export declare class DaffNavbarModule {
|
4
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarModule, never>;
|
5
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNavbarModule, [typeof i1.DaffNavbarComponent],
|
9
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNavbarModule, never, [typeof i1.CommonModule, typeof i2.DaffNavbarComponent], [typeof i2.DaffNavbarComponent]>;
|
6
10
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffNavbarModule>;
|
7
11
|
}
|
package/navbar/public_api.d.ts
CHANGED
package/notification/README.md
CHANGED
@@ -7,6 +7,47 @@ Notifications are used to display short messages that provide context in close p
|
|
7
7
|
### Default Notification
|
8
8
|
<design-land-example-viewer-container example="default-notification"></design-land-example-viewer-container>
|
9
9
|
|
10
|
+
## Usage
|
11
|
+
|
12
|
+
### Within a standalone component
|
13
|
+
To use notification in a standalone component, import `DAFF_NOTIFICATION_COMPONENTS` directly into your custom component:
|
14
|
+
|
15
|
+
```ts
|
16
|
+
@Component({
|
17
|
+
selector: 'custom-component',
|
18
|
+
templateUrl: './custom-component.component.html',
|
19
|
+
standalone: true,
|
20
|
+
imports: [
|
21
|
+
DAFF_NOTIFICATION_COMPONENTS,
|
22
|
+
],
|
23
|
+
})
|
24
|
+
export class CustomComponent {}
|
25
|
+
```
|
26
|
+
|
27
|
+
### Within a module (deprecated)
|
28
|
+
To use notification in a module, import `DaffNotificationModule` into your custom module:
|
29
|
+
|
30
|
+
```ts
|
31
|
+
import { NgModule } from '@angular/core';
|
32
|
+
|
33
|
+
import { DaffNotificationModule } from '@daffodil/design/notification';
|
34
|
+
|
35
|
+
@NgModule({
|
36
|
+
declarations: [
|
37
|
+
CustomComponent,
|
38
|
+
],
|
39
|
+
exports: [
|
40
|
+
CustomComponent,
|
41
|
+
],
|
42
|
+
imports: [
|
43
|
+
DaffNotificationModule,
|
44
|
+
],
|
45
|
+
})
|
46
|
+
export class CustomComponentModule { }
|
47
|
+
```
|
48
|
+
|
49
|
+
> This method is deprecated. It's recommended to update all custom components to standalone.
|
50
|
+
|
10
51
|
## Supported Content Types
|
11
52
|
|
12
53
|
### Icon
|
@@ -34,5 +34,5 @@ export declare class DaffNotificationComponent implements DaffPrefixable {
|
|
34
34
|
closeNotification: EventEmitter<void>;
|
35
35
|
onCloseNotification(event: Event): void;
|
36
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"],
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
|
38
38
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffNotificationActionsDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationActionsDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffNotificationMessageDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationMessageDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffNotificationSubtitleDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationSubtitleDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class DaffNotificationTitleDirective {
|
3
3
|
class: boolean;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationTitleDirective, never>;
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never,
|
5
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
2
|
+
import { DaffNotificationComponent } from './notification/notification.component';
|
3
|
+
import { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';
|
4
|
+
import { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';
|
5
|
+
import { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';
|
6
|
+
import { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';
|
7
|
+
export declare const DAFF_NOTIFICATION_COMPONENTS: readonly [typeof DaffNotificationComponent, typeof DaffNotificationActionsDirective, typeof DaffNotificationMessageDirective, typeof DaffNotificationTitleDirective, typeof DaffNotificationSubtitleDirective, typeof DaffPrefixSuffixModule];
|
@@ -1,14 +1,17 @@
|
|
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 "./notification
|
6
|
-
import * as i5 from "./notification-
|
7
|
-
import * as i6 from "
|
8
|
-
import * as i7 from "
|
9
|
-
import * as i8 from "
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "@daffodil/design";
|
4
|
+
import * as i3 from "@fortawesome/angular-fontawesome";
|
5
|
+
import * as i4 from "./notification/notification.component";
|
6
|
+
import * as i5 from "./notification-actions/notification-actions.directive";
|
7
|
+
import * as i6 from "./notification-message/notification-message.directive";
|
8
|
+
import * as i7 from "./notification-title/notification-title.directive";
|
9
|
+
import * as i8 from "./notification-subtitle/notification-subtitle.directive";
|
10
|
+
/**
|
11
|
+
* @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS}
|
12
|
+
*/
|
10
13
|
export declare class DaffNotificationModule {
|
11
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationModule, never>;
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNotificationModule, [typeof i1.
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNotificationModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.FontAwesomeModule, typeof i4.DaffNotificationComponent, typeof i5.DaffNotificationActionsDirective, typeof i6.DaffNotificationMessageDirective, typeof i7.DaffNotificationTitleDirective, typeof i8.DaffNotificationSubtitleDirective], [typeof i4.DaffNotificationComponent, typeof i5.DaffNotificationActionsDirective, typeof i6.DaffNotificationMessageDirective, typeof i7.DaffNotificationTitleDirective, typeof i8.DaffNotificationSubtitleDirective, typeof i2.DaffPrefixSuffixModule]>;
|
13
16
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffNotificationModule>;
|
14
17
|
}
|
@@ -4,3 +4,4 @@ export * from './notification-actions/notification-actions.directive';
|
|
4
4
|
export * from './notification-title/notification-title.directive';
|
5
5
|
export * from './notification-subtitle/notification-subtitle.directive';
|
6
6
|
export * from './notification-message/notification-message.directive';
|
7
|
+
export { DAFF_NOTIFICATION_COMPONENTS } from './notification';
|