@daffodil/design 0.68.1 → 0.70.0

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.68.1","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.68.1","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
+{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.70.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.70.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}

package/progress-bar/README.md

@@ -0,0 +1,27 @@
+# Progress Bar
+A progress bar provides visual feedback about the duration or progress of a task or operation.
+
+## Types
+There are two types of progress bars: `determinate` and `indeterminate`. They are `determinate` by default.
+
+### Determinate
+Determinate progress bars should be used when the percentage of a task or operation is known.
+
+<design-land-example-viewer-container example="progress-bar-default"></design-land-example-viewer-container>
+
+### Indeterminate
+Indeterminate progress bars should be used when the loading percentage of a task or operation is unknown or cannot be calculated.
+
+<design-land-example-viewer-container example="progress-bar-indeterminate"></design-land-example-viewer-container>
+
+## Theming
+The progress bar color is defined by using the `color` property. By default, the color is set to `primary`. This can be changed to one of the supported colors.
+
+Supported colors: `primary | secondary | tertiary | theme | theme-contrast | white | black`
+
+> `theme`, `theme-contrast`, `white`, and `black` should be used with caution to ensure that there is sufficient contrast.
+
+<design-land-example-viewer-container example="progress-bar-themes"></design-land-example-viewer-container>
+
+## Accessibility
+The progress bar component works with the ARIA `role="progressbar"` to provide an accessible experience. A Label should always be provided by using `label[daffFormLabel]`, `aria-label`, or `aria-labelledby`.

package/progress-bar/animation/progress-bar-animation.d.ts

@@ -0,0 +1,4 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare const daffProgressBarAnimation: {
+    readonly fill: AnimationTriggerMetadata;
+};

package/progress-bar/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ProgressBarDefaultComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarDefaultComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarDefaultComponent, "progress-bar-default", never, {}, {}, never, never, false, never>;
+}

package/progress-bar/examples/progress-bar-default/progress-bar-default.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar-default.component";
+import * as i2 from "@daffodil/design/progress-bar";
+export declare class ProgressBarDefaultComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarDefaultComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarDefaultComponentModule, [typeof i1.ProgressBarDefaultComponent], [typeof i2.DaffProgressBarModule], [typeof i1.ProgressBarDefaultComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarDefaultComponentModule>;
+}

package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ProgressBarIndeterminateComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarIndeterminateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarIndeterminateComponent, "progress-bar-indeterminate", never, {}, {}, never, never, false, never>;
+}

package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar-indeterminate.component";
+import * as i2 from "@daffodil/design/progress-bar";
+export declare class ProgressBarIndeterminateComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarIndeterminateComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarIndeterminateComponentModule, [typeof i1.ProgressBarIndeterminateComponent], [typeof i2.DaffProgressBarModule], [typeof i1.ProgressBarIndeterminateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarIndeterminateComponentModule>;
+}

package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts

@@ -0,0 +1,9 @@
+import { FormControl } from '@angular/forms';
+import { DaffPalette } from '@daffodil/design';
+import * as i0 from "@angular/core";
+export declare class ProgressBarThemesComponent {
+    color: DaffPalette;
+    colorControl: FormControl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarThemesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarThemesComponent, "progress-bar-themes", never, {}, {}, never, never, false, never>;
+}

package/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar-themes.component";
+import * as i2 from "@daffodil/design/progress-bar";
+import * as i3 from "@angular/forms";
+export declare class ProgressBarThemesComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarThemesComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarThemesComponentModule, [typeof i1.ProgressBarThemesComponent], [typeof i2.DaffProgressBarModule, typeof i3.ReactiveFormsModule], [typeof i1.ProgressBarThemesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarThemesComponentModule>;
+}

package/progress-bar/examples/public_api.d.ts

@@ -0,0 +1,2 @@
+import { ComponentExample } from '@daffodil/design';
+export declare const PROGRESS_BAR_EXAMPLES: ComponentExample[];

package/progress-bar/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@daffodil/design/progress-bar" />
+export * from './public_api';

package/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,76 @@
+import { AnimationEvent } from '@angular/animations';
+import { ElementRef, EventEmitter, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { DaffColorable } from '@daffodil/design';
+import * as i0 from "@angular/core";
+/**
+ * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
+ */
+declare class DaffProgressBarBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffProgressBarBase: (new (...args: any[]) => {
+    _color: import("@daffodil/design").DaffPalette;
+    color: import("@daffodil/design").DaffPalette;
+    _elementRef: ElementRef<any>;
+    _renderer: Renderer2;
+}) & typeof DaffProgressBarBase;
+export declare const clamp: (number: number, min: number, max: number) => number;
+/**
+ * @inheritdoc
+ */
+export declare class DaffProgressBarComponent extends _daffProgressBarBase implements DaffColorable {
+    private _changeDetectorRef;
+    private elementRef;
+    private renderer;
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    /**
+     * @docs-private
+     */
+    get indeterminateClass(): boolean;
+    get role(): string;
+    get ariaLabel(): string;
+    ariaValueMin: string;
+    ariaValueMax: string;
+    get ariaValueNow(): number;
+    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, renderer: Renderer2);
+    private _percentage;
+    private _indeterminate;
+    /**
+     * Sets the percentage completion of the progression,
+     * expressed as a whole number between 0 and 100.
+     *
+     */
+    get percentage(): number;
+    set percentage(val: number);
+    /**
+     * Property to set the animation of a progress bar to
+     * run for an indefinite amount of time.
+     *
+     * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
+     **/
+    get indeterminate(): any;
+    set indeterminate(value: any);
+    /**
+     * An event that emits each time the progression reaches 100%
+     * and the animation is finished
+     */
+    finished: EventEmitter<void>;
+    /**
+     * Calculates when the progress animation is fully completed
+     *
+     * @param event: AnimationEvent
+     */
+    onAnimationComplete(event: AnimationEvent): void;
+    /**
+     * @docs-private
+     */
+    get fillState(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffProgressBarComponent, "daff-progress-bar", never, { "color": { "alias": "color"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "finished": "finished"; }, never, ["label[daffProgressBarLabel]"], false, never>;
+}
+export {};

package/progress-bar/progress-bar.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar.component";
+import * as i2 from "@angular/common";
+export declare class DaffProgressBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffProgressBarModule, [typeof i1.DaffProgressBarComponent], [typeof i2.CommonModule], [typeof i1.DaffProgressBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DaffProgressBarModule>;
+}

package/progress-bar/public_api.d.ts

@@ -0,0 +1,2 @@
+export { DaffProgressBarModule } from './progress-bar.module';
+export * from './progress-bar.component';

package/progress-bar/src/progress-bar-theme.scss

@@ -0,0 +1,68 @@
+@use 'sass:map';
+@use '../../scss/core';
+@use '../../scss/theming';
+
+@mixin daff-progress-bar-theme($theme) {
+	$primary: map.get($theme, primary);
+	$secondary: map.get($theme, secondary);
+	$tertiary: map.get($theme, tertiary);
+	$base: core.daff-map-deep-get($theme, 'core.base');
+	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
+	$white: core.daff-map-deep-get($theme, 'core.white');
+	$black: core.daff-map-deep-get($theme, 'core.black');
+	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
+
+	.daff-progress-bar {
+		$root: '.daff-progress-bar';
+
+		#{$root}__label {
+			color: theming.daff-illuminate($base-contrast, $neutral, 2);
+		}
+
+		#{$root}__track {
+			background: theming.daff-illuminate($base, $neutral, 2);
+		}
+
+		&.daff-primary {
+			#{$root}__fill {
+				background: theming.daff-illuminate($base, $primary, 6);
+			}
+		}
+
+		&.daff-secondary {
+			#{$root}__fill {
+				background: theming.daff-illuminate($base, $secondary, 6);
+			}
+		}
+
+		&.daff-tertiary {
+			#{$root}__fill {
+				background: theming.daff-illuminate($base, $tertiary, 6);
+			}
+		}
+
+		&.daff-theme {
+			#{$root}__fill {
+				background: $base;
+			}
+		}
+
+		&.daff-theme-contrast {
+			#{$root}__fill {
+				background: $base-contrast;
+			}
+		}
+		
+		&.daff-white {
+			#{$root}__fill {
+				background: $white;
+			}
+		}
+
+		&.daff-black {
+			#{$root}__fill {
+				background: $black;
+			}
+		}
+	}
+}

package/public_api.d.ts

@@ -8,7 +8,6 @@ export * from './atoms/form/quantity-field/public_api';
 export * from './atoms/progress-indicator/public_api';
 export * from './atoms/form/radio/public_api';
 export * from './atoms/form/form-label/public_api';
-export * from './molecules/backdrop/public_api';
 export * from './molecules/button-set/public_api';
 export * from './molecules/image-gallery/public_api';
 export * from './molecules/image-list/public_api';

package/scss/theme.scss

@@ -38,6 +38,7 @@
 @use '../notification/src/notification-theme' as notification;
 @use '../paginator/src/paginator-theme' as paginator;
 @use '../sidebar/src/sidebar-theme' as sidebar;
+@use '../progress-bar/src/progress-bar-theme' as progress-bar;
 @use '../scss/state/skeleton/mixins' as skeleton;
 @use '../tree/src/tree-theme' as tree;
 @use '../toast/src/toast-theme' as toast;
@@ -66,6 +67,7 @@
 	@include native-select.daff-native-select-theme($theme);
 	@include loading-icon.daff-loading-icon-theme($theme);
 	@include progress-indicator.daff-progress-indicator-theme($theme);
+	@include progress-bar.daff-progress-bar-theme($theme);
 
 	// Molecules
 	@include accordion.daff-accordion-theme($theme);

package/sidebar/public_api.d.ts

@@ -5,5 +5,6 @@ export * from './sidebar-header/sidebar-header.component';
 export * from './sidebar-footer/sidebar-footer.component';
 export * from './sidebar-header/sidebar-header-title/sidebar-header-title.directive';
 export * from './sidebar-header/sidebar-header-action/sidebar-header-action.directive';
+export * from './sidebar-viewport-backdrop/sidebar-viewport-backdrop.component';
 export { DaffSidebarMode, DaffSidebarModeEnum, } from './helper/sidebar-mode';
 export { DaffSidebarSide, DaffSidebarSideEnum, } from './helper/sidebar-side';

package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts

@@ -1,5 +1,5 @@
 import { AnimationEvent } from '@angular/animations';
-import { EventEmitter, ChangeDetectorRef, AfterContentChecked, ElementRef } from '@angular/core';
+import { EventEmitter, ChangeDetectorRef, AfterContentChecked, ElementRef, OnDestroy } from '@angular/core';
 import { DaffNavPlacement } from './nav-placement';
 import { DaffSidebarScroll } from './scroll-token/scroll.token';
 import { DaffSidebarViewportAnimationStateWithParams } from '../animation/sidebar-viewport-animation-state';
@@ -23,7 +23,7 @@ import * as i0 from "@angular/core";
  * However, importantly, there can only be one sidebar of each mode, on each side, at any given time.
  * If this is violated, this component will throw an exception.
  */
-export declare class DaffSidebarViewportComponent implements AfterContentChecked {
+export declare class DaffSidebarViewportComponent implements AfterContentChecked, OnDestroy {
     private cdRef;
     private _elementRef;
     private bodyScroll;
@@ -83,6 +83,7 @@ export declare class DaffSidebarViewportComponent implements AfterContentChecked
      */
     backdropClicked: EventEmitter<void>;
     ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
     /**
      * @docs-private
      *

package/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.d.ts

@@ -0,0 +1,2 @@
+export type DaffSidebarViewportBackdropAnimationState = 'interactable' | 'non-interactable';
+export declare const getAnimationState: (interactable: boolean) => DaffSidebarViewportBackdropAnimationState;

package/{molecules/backdrop → sidebar/sidebar-viewport-backdrop}/animation/backdrop-animation.d.ts

@@ -1,4 +1,4 @@
 import { AnimationTriggerMetadata } from '@angular/animations';
-export declare const daffBackdropAnimations: {
+export declare const daffSidebarViewportBackdropAnimations: {
     readonly fadeBackdrop: AnimationTriggerMetadata;
 };

package/{molecules/backdrop/backdrop/backdrop.component.d.ts → sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts}

@@ -1,7 +1,8 @@
 import { AnimationEvent } from '@angular/animations';
 import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class DaffBackdropComponent implements OnInit {
+export declare class DaffSidebarViewportBackdropComponent implements OnInit {
+    interactableClass: boolean;
     /**
      * Determines whether or not the backdrop is transparent.
      */
@@ -19,13 +20,12 @@ export declare class DaffBackdropComponent implements OnInit {
      * Output event triggered when the backdrop is clicked.
      */
     backdropClicked: EventEmitter<void>;
-    interactableClass: boolean;
     ngOnInit(): void;
     /**
      * Animation hook for that controls the backdrops
      * entrance and fade animations.
      */
-    get fadeBackdropTrigger(): import("../animation/backdrop-animation-state").DaffBackdropAnimationState;
+    get fadeBackdropTrigger(): import("./animation/backdrop-animation-state").DaffSidebarViewportBackdropAnimationState;
     animationDone(e: AnimationEvent): void;
     animationStart(e: AnimationEvent): void;
     /**
@@ -33,6 +33,6 @@ export declare class DaffBackdropComponent implements OnInit {
      * Backdrop event that triggers when the backdrop element is clicked.
      */
     onBackdropClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": { "alias": "transparent"; "required": false; }; "interactable": { "alias": "interactable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportBackdropComponent, never>;
+    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, ["*"], false, never>;
 }

package/sidebar/sidebar.module.d.ts

@@ -5,11 +5,11 @@ import * as i3 from "./sidebar-header/sidebar-header.component";
 import * as i4 from "./sidebar-footer/sidebar-footer.component";
 import * as i5 from "./sidebar-header/sidebar-header-title/sidebar-header-title.directive";
 import * as i6 from "./sidebar-header/sidebar-header-action/sidebar-header-action.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/cdk/a11y";
-import * as i9 from "@daffodil/design";
+import * as i7 from "./sidebar-viewport-backdrop/sidebar-viewport-backdrop.component";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/cdk/a11y";
 export declare class DaffSidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective], [typeof i7.CommonModule, typeof i8.A11yModule, typeof i9.DaffBackdropModule], [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective, typeof i7.DaffSidebarViewportBackdropComponent], [typeof i8.CommonModule, typeof i9.A11yModule], [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective, typeof i7.DaffSidebarViewportBackdropComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffSidebarModule>;
 }

package/tree/README.md

@@ -1,5 +1,4 @@
 # Tree
-
 Trees are used to visualize hierarchial information. They are often used to display navigational structures like nested lists of links.
 
 ## Overview
@@ -11,10 +10,9 @@ Instead of defining a recursive tree structure of components, which is often pro
 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.
 
 ## Features
-
 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.
 
-Currently, we support two kind of templates `daffTreeItemWithChildrenTpl` and `daffTreeItemTpl`. These templates allow you to control the content of each tree node. In the case of `daffTreeItemWithChildrenTpl` a `click` handler will be automatically applied (along with an icon indicating the expanded state) to the template to allow users to automatically open and close the node.
+Currently, we support two kind of templates: `daffTreeItemWithChildrenTpl` and `daffTreeItemTpl`. These templates allow you to control the content of each tree node. In the case of `daffTreeItemWithChildrenTpl`, a `click` handler will be automatically applied (along with an icon indicating the expanded state) to the template to allow users to automatically open and close the node.
 
 ```html
 <ng-template #daffTreeItemWithChildrenTpl let-node>

package/tree/interfaces/tree-render-mode.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Represents the mode of rendering for nodes in a tree UI.
+ * - 'in-dom': Closed nodes are present in the Document Object Model (DOM).
+ * - 'not-in-dom': Closed nodes are not present in the Document Object Model (DOM).
+ */
+export type DaffTreeRenderMode = 'in-dom' | 'not-in-dom';

package/tree/public_api.d.ts

@@ -4,3 +4,5 @@ export { DaffTreeItemDirective } from './tree-item/tree-item.directive';
 export { DaffTreeData } from './interfaces/tree-data';
 export { DaffTreeUi } from './interfaces/tree-ui';
 export { daffTransformTreeInPlace } from './utils/transform-in-place';
+export { daffTransformTree } from './utils/transform';
+export { DaffTreeRenderMode } from './interfaces/tree-render-mode';

package/tree/tree/tree.component.d.ts

@@ -1,8 +1,21 @@
-import { OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { DaffTreeNotifierService } from './tree-notifier.service';
 import { DaffTreeData } from '../interfaces/tree-data';
+import { DaffTreeRenderMode } from '../interfaces/tree-render-mode';
 import { DaffTreeFlatNode } from '../utils/flatten-tree';
 import * as i0 from "@angular/core";
+/**
+ * An _elementRef and an instance of renderer2 are needed for the list mixins
+ */
+declare class DaffTreeBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffTreeBase: (new (...args: any[]) => {
+    _elementRef: ElementRef<any>;
+    _renderer: Renderer2;
+}) & typeof DaffTreeBase;
 /**
  * The `DaffTreeComponent` allows you to render tree structures as interactable ui.
  *
@@ -23,32 +36,39 @@ import * as i0 from "@angular/core";
  * where `tree` is a {@link DaffTreeData}.
  *
  */
-export declare class DaffTreeComponent implements OnInit {
+export declare class DaffTreeComponent extends _daffTreeBase implements OnInit, OnChanges {
     private notifier;
+    private elementRef;
+    private renderer;
     /**
      * The css class of the daff-tree.
      *
      * @docs-private
      */
     class: boolean;
+    /**
+     * The rendering mode for nodes in the tree.
+     *
+     * Default value is 'in-dom', which means nodes are present in the DOM.
+     *
+     * Generally, `not-in-dom` is faster as there are less DOM elements to render,
+     * but there may be use-cases (like SEO) where having the tree in the DOM
+     * is relevant.
+     */
+    renderMode: DaffTreeRenderMode;
     /**
      * The internal tree element.
      */
-    private tree;
+    private _tree;
     /**
      * The flattened tree data. You can iterate through this if you want to inspect
      * the resulting array structure we computed to render the tree.
      */
     flatTree: DaffTreeFlatNode[];
-    /**
-     * @docs-private
-     */
-    private _dataTree;
     /**
      * The tree data you would like to render.
      */
-    get dataTree(): DaffTreeData<unknown>;
-    set dataTree(dataTree: DaffTreeData<unknown>);
+    tree: DaffTreeData<unknown>;
     /**
      * The template used to render tree-nodes that themselves have children.
      *
@@ -61,7 +81,8 @@ export declare class DaffTreeComponent implements OnInit {
      * @docs-private
      */
     treeItemTemplate: TemplateRef<any>;
-    constructor(notifier: DaffTreeNotifierService);
+    constructor(notifier: DaffTreeNotifierService, elementRef: ElementRef, renderer: Renderer2);
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * The track-by function used to reduce tree-item re-renders
      */
@@ -71,5 +92,6 @@ export declare class DaffTreeComponent implements OnInit {
      */
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "dataTree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, never>;
 }
+export {};

package/tree/utils/flatten-tree.d.ts

@@ -10,10 +10,11 @@ export interface DaffTreeFlatNode {
     level: number;
     hasChildren: boolean;
     data: unknown;
+    visible: boolean;
     _treeRef: DaffTreeUi<unknown>;
 }
 /**
  * Flatten a DaffTreeUi<unknown> into an array, removing elements from the array
  * below nodes in the tree that are not open.
  */
-export declare const flattenTree: (daffUiTree: DaffTreeUi<unknown>) => DaffTreeFlatNode[];
+export declare const flattenTree: (daffUiTree: DaffTreeUi<unknown>, removeNodes?: boolean) => DaffTreeFlatNode[];