@daffodil/design 0.68.1 → 0.69.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/esm2022/public_api.mjs +1 -2
- package/esm2022/sidebar/public_api.mjs +2 -1
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +12 -4
- package/esm2022/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.mjs +2 -0
- package/esm2022/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation.mjs +20 -0
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +91 -0
- package/esm2022/sidebar/sidebar.module.mjs +10 -9
- package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +1 -1
- package/esm2022/tree/interfaces/tree-render-mode.mjs +2 -0
- package/esm2022/tree/public_api.mjs +2 -1
- package/esm2022/tree/tree/tree.component.mjs +43 -36
- package/esm2022/tree/utils/flatten-tree.mjs +26 -14
- package/esm2022/tree/utils/transform.mjs +25 -0
- package/fesm2022/daffodil-design-sidebar.mjs +131 -14
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +92 -48
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +1 -125
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/package.json +1 -1
- package/public_api.d.ts +0 -1
- package/sidebar/public_api.d.ts +1 -0
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +3 -2
- package/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.d.ts +2 -0
- package/{molecules/backdrop → sidebar/sidebar-viewport-backdrop}/animation/backdrop-animation.d.ts +1 -1
- package/{molecules/backdrop/backdrop/backdrop.component.d.ts → sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts} +5 -5
- package/sidebar/sidebar.module.d.ts +4 -4
- package/tree/README.md +1 -3
- package/tree/interfaces/tree-render-mode.d.ts +6 -0
- package/tree/public_api.d.ts +2 -0
- package/tree/tree/tree.component.d.ts +33 -11
- package/tree/utils/flatten-tree.d.ts +2 -1
- package/tree/utils/transform.d.ts +13 -0
- package/esm2022/molecules/backdrop/animation/backdrop-animation-state.mjs +0 -2
- package/esm2022/molecules/backdrop/animation/backdrop-animation.mjs +0 -20
- package/esm2022/molecules/backdrop/backdrop/backdrop.component.mjs +0 -87
- package/esm2022/molecules/backdrop/backdrop.module.mjs +0 -24
- package/esm2022/molecules/backdrop/public_api.mjs +0 -3
- package/molecules/backdrop/animation/backdrop-animation-state.d.ts +0 -2
- package/molecules/backdrop/backdrop.module.d.ts +0 -8
- package/molecules/backdrop/public_api.d.ts +0 -2
package/package.json
CHANGED
@@ -1 +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"}}
|
1
|
+
{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.69.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.69.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"},"./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"}}
|
package/public_api.d.ts
CHANGED
@@ -8,7 +8,6 @@ export * from './atoms/form/quantity-field/public_api';
|
|
8
8
|
export * from './atoms/progress-indicator/public_api';
|
9
9
|
export * from './atoms/form/radio/public_api';
|
10
10
|
export * from './atoms/form/form-label/public_api';
|
11
|
-
export * from './molecules/backdrop/public_api';
|
12
11
|
export * from './molecules/button-set/public_api';
|
13
12
|
export * from './molecules/image-gallery/public_api';
|
14
13
|
export * from './molecules/image-list/public_api';
|
package/sidebar/public_api.d.ts
CHANGED
@@ -5,5 +5,6 @@ export * from './sidebar-header/sidebar-header.component';
|
|
5
5
|
export * from './sidebar-footer/sidebar-footer.component';
|
6
6
|
export * from './sidebar-header/sidebar-header-title/sidebar-header-title.directive';
|
7
7
|
export * from './sidebar-header/sidebar-header-action/sidebar-header-action.directive';
|
8
|
+
export * from './sidebar-viewport-backdrop/sidebar-viewport-backdrop.component';
|
8
9
|
export { DaffSidebarMode, DaffSidebarModeEnum, } from './helper/sidebar-mode';
|
9
10
|
export { DaffSidebarSide, DaffSidebarSideEnum, } from './helper/sidebar-side';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { AnimationEvent } from '@angular/animations';
|
2
|
-
import { EventEmitter, ChangeDetectorRef, AfterContentChecked, ElementRef } from '@angular/core';
|
2
|
+
import { EventEmitter, ChangeDetectorRef, AfterContentChecked, ElementRef, OnDestroy } from '@angular/core';
|
3
3
|
import { DaffNavPlacement } from './nav-placement';
|
4
4
|
import { DaffSidebarScroll } from './scroll-token/scroll.token';
|
5
5
|
import { DaffSidebarViewportAnimationStateWithParams } from '../animation/sidebar-viewport-animation-state';
|
@@ -23,7 +23,7 @@ import * as i0 from "@angular/core";
|
|
23
23
|
* However, importantly, there can only be one sidebar of each mode, on each side, at any given time.
|
24
24
|
* If this is violated, this component will throw an exception.
|
25
25
|
*/
|
26
|
-
export declare class DaffSidebarViewportComponent implements AfterContentChecked {
|
26
|
+
export declare class DaffSidebarViewportComponent implements AfterContentChecked, OnDestroy {
|
27
27
|
private cdRef;
|
28
28
|
private _elementRef;
|
29
29
|
private bodyScroll;
|
@@ -83,6 +83,7 @@ export declare class DaffSidebarViewportComponent implements AfterContentChecked
|
|
83
83
|
*/
|
84
84
|
backdropClicked: EventEmitter<void>;
|
85
85
|
ngAfterContentChecked(): void;
|
86
|
+
ngOnDestroy(): void;
|
86
87
|
/**
|
87
88
|
* @docs-private
|
88
89
|
*
|
@@ -1,7 +1,8 @@
|
|
1
1
|
import { AnimationEvent } from '@angular/animations';
|
2
2
|
import { EventEmitter, OnInit } from '@angular/core';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
export declare class
|
4
|
+
export declare class DaffSidebarViewportBackdropComponent implements OnInit {
|
5
|
+
interactableClass: boolean;
|
5
6
|
/**
|
6
7
|
* Determines whether or not the backdrop is transparent.
|
7
8
|
*/
|
@@ -19,13 +20,12 @@ export declare class DaffBackdropComponent implements OnInit {
|
|
19
20
|
* Output event triggered when the backdrop is clicked.
|
20
21
|
*/
|
21
22
|
backdropClicked: EventEmitter<void>;
|
22
|
-
interactableClass: boolean;
|
23
23
|
ngOnInit(): void;
|
24
24
|
/**
|
25
25
|
* Animation hook for that controls the backdrops
|
26
26
|
* entrance and fade animations.
|
27
27
|
*/
|
28
|
-
get fadeBackdropTrigger(): import("
|
28
|
+
get fadeBackdropTrigger(): import("./animation/backdrop-animation-state").DaffSidebarViewportBackdropAnimationState;
|
29
29
|
animationDone(e: AnimationEvent): void;
|
30
30
|
animationStart(e: AnimationEvent): void;
|
31
31
|
/**
|
@@ -33,6 +33,6 @@ export declare class DaffBackdropComponent implements OnInit {
|
|
33
33
|
* Backdrop event that triggers when the backdrop element is clicked.
|
34
34
|
*/
|
35
35
|
onBackdropClicked(): void;
|
36
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
37
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportBackdropComponent, never>;
|
37
|
+
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>;
|
38
38
|
}
|
@@ -5,11 +5,11 @@ import * as i3 from "./sidebar-header/sidebar-header.component";
|
|
5
5
|
import * as i4 from "./sidebar-footer/sidebar-footer.component";
|
6
6
|
import * as i5 from "./sidebar-header/sidebar-header-title/sidebar-header-title.directive";
|
7
7
|
import * as i6 from "./sidebar-header/sidebar-header-action/sidebar-header-action.directive";
|
8
|
-
import * as i7 from "
|
9
|
-
import * as i8 from "@angular/
|
10
|
-
import * as i9 from "@
|
8
|
+
import * as i7 from "./sidebar-viewport-backdrop/sidebar-viewport-backdrop.component";
|
9
|
+
import * as i8 from "@angular/common";
|
10
|
+
import * as i9 from "@angular/cdk/a11y";
|
11
11
|
export declare class DaffSidebarModule {
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarModule, never>;
|
13
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective
|
13
|
+
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]>;
|
14
14
|
static ɵinj: i0.ɵɵInjectorDeclaration<DaffSidebarModule>;
|
15
15
|
}
|
package/tree/README.md
CHANGED
@@ -1,5 +1,4 @@
|
|
1
1
|
# Tree
|
2
|
-
|
3
2
|
Trees are used to visualize hierarchial information. They are often used to display navigational structures like nested lists of links.
|
4
3
|
|
5
4
|
## Overview
|
@@ -11,10 +10,9 @@ Instead of defining a recursive tree structure of components, which is often pro
|
|
11
10
|
Generally, tree usage consists of taking existing tree data, converting it to the `DaffTreeData` format, setting the `tree` input on the `DaffTreeComponent`, and providing templates for the cases where the tree element has children or not.
|
12
11
|
|
13
12
|
## Features
|
14
|
-
|
15
13
|
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.
|
16
14
|
|
17
|
-
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
|
15
|
+
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.
|
18
16
|
|
19
17
|
```html
|
20
18
|
<ng-template #daffTreeItemWithChildrenTpl let-node>
|
@@ -0,0 +1,6 @@
|
|
1
|
+
/**
|
2
|
+
* Represents the mode of rendering for nodes in a tree UI.
|
3
|
+
* - 'in-dom': Closed nodes are present in the Document Object Model (DOM).
|
4
|
+
* - 'not-in-dom': Closed nodes are not present in the Document Object Model (DOM).
|
5
|
+
*/
|
6
|
+
export type DaffTreeRenderMode = 'in-dom' | 'not-in-dom';
|
package/tree/public_api.d.ts
CHANGED
@@ -4,3 +4,5 @@ export { DaffTreeItemDirective } from './tree-item/tree-item.directive';
|
|
4
4
|
export { DaffTreeData } from './interfaces/tree-data';
|
5
5
|
export { DaffTreeUi } from './interfaces/tree-ui';
|
6
6
|
export { daffTransformTreeInPlace } from './utils/transform-in-place';
|
7
|
+
export { daffTransformTree } from './utils/transform';
|
8
|
+
export { DaffTreeRenderMode } from './interfaces/tree-render-mode';
|
@@ -1,8 +1,21 @@
|
|
1
|
-
import { OnInit, TemplateRef } from '@angular/core';
|
1
|
+
import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
|
2
2
|
import { DaffTreeNotifierService } from './tree-notifier.service';
|
3
3
|
import { DaffTreeData } from '../interfaces/tree-data';
|
4
|
+
import { DaffTreeRenderMode } from '../interfaces/tree-render-mode';
|
4
5
|
import { DaffTreeFlatNode } from '../utils/flatten-tree';
|
5
6
|
import * as i0 from "@angular/core";
|
7
|
+
/**
|
8
|
+
* An _elementRef and an instance of renderer2 are needed for the list mixins
|
9
|
+
*/
|
10
|
+
declare class DaffTreeBase {
|
11
|
+
_elementRef: ElementRef;
|
12
|
+
_renderer: Renderer2;
|
13
|
+
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
14
|
+
}
|
15
|
+
declare const _daffTreeBase: (new (...args: any[]) => {
|
16
|
+
_elementRef: ElementRef<any>;
|
17
|
+
_renderer: Renderer2;
|
18
|
+
}) & typeof DaffTreeBase;
|
6
19
|
/**
|
7
20
|
* The `DaffTreeComponent` allows you to render tree structures as interactable ui.
|
8
21
|
*
|
@@ -23,32 +36,39 @@ import * as i0 from "@angular/core";
|
|
23
36
|
* where `tree` is a {@link DaffTreeData}.
|
24
37
|
*
|
25
38
|
*/
|
26
|
-
export declare class DaffTreeComponent implements OnInit {
|
39
|
+
export declare class DaffTreeComponent extends _daffTreeBase implements OnInit, OnChanges {
|
27
40
|
private notifier;
|
41
|
+
private elementRef;
|
42
|
+
private renderer;
|
28
43
|
/**
|
29
44
|
* The css class of the daff-tree.
|
30
45
|
*
|
31
46
|
* @docs-private
|
32
47
|
*/
|
33
48
|
class: boolean;
|
49
|
+
/**
|
50
|
+
* The rendering mode for nodes in the tree.
|
51
|
+
*
|
52
|
+
* Default value is 'in-dom', which means nodes are present in the DOM.
|
53
|
+
*
|
54
|
+
* Generally, `not-in-dom` is faster as there are less DOM elements to render,
|
55
|
+
* but there may be use-cases (like SEO) where having the tree in the DOM
|
56
|
+
* is relevant.
|
57
|
+
*/
|
58
|
+
renderMode: DaffTreeRenderMode;
|
34
59
|
/**
|
35
60
|
* The internal tree element.
|
36
61
|
*/
|
37
|
-
private
|
62
|
+
private _tree;
|
38
63
|
/**
|
39
64
|
* The flattened tree data. You can iterate through this if you want to inspect
|
40
65
|
* the resulting array structure we computed to render the tree.
|
41
66
|
*/
|
42
67
|
flatTree: DaffTreeFlatNode[];
|
43
|
-
/**
|
44
|
-
* @docs-private
|
45
|
-
*/
|
46
|
-
private _dataTree;
|
47
68
|
/**
|
48
69
|
* The tree data you would like to render.
|
49
70
|
*/
|
50
|
-
|
51
|
-
set dataTree(dataTree: DaffTreeData<unknown>);
|
71
|
+
tree: DaffTreeData<unknown>;
|
52
72
|
/**
|
53
73
|
* The template used to render tree-nodes that themselves have children.
|
54
74
|
*
|
@@ -61,7 +81,8 @@ export declare class DaffTreeComponent implements OnInit {
|
|
61
81
|
* @docs-private
|
62
82
|
*/
|
63
83
|
treeItemTemplate: TemplateRef<any>;
|
64
|
-
constructor(notifier: DaffTreeNotifierService);
|
84
|
+
constructor(notifier: DaffTreeNotifierService, elementRef: ElementRef, renderer: Renderer2);
|
85
|
+
ngOnChanges(changes: SimpleChanges): void;
|
65
86
|
/**
|
66
87
|
* The track-by function used to reduce tree-item re-renders
|
67
88
|
*/
|
@@ -71,5 +92,6 @@ export declare class DaffTreeComponent implements OnInit {
|
|
71
92
|
*/
|
72
93
|
ngOnInit(): void;
|
73
94
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "
|
95
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, never>;
|
75
96
|
}
|
97
|
+
export {};
|
@@ -10,10 +10,11 @@ export interface DaffTreeFlatNode {
|
|
10
10
|
level: number;
|
11
11
|
hasChildren: boolean;
|
12
12
|
data: unknown;
|
13
|
+
visible: boolean;
|
13
14
|
_treeRef: DaffTreeUi<unknown>;
|
14
15
|
}
|
15
16
|
/**
|
16
17
|
* Flatten a DaffTreeUi<unknown> into an array, removing elements from the array
|
17
18
|
* below nodes in the tree that are not open.
|
18
19
|
*/
|
19
|
-
export declare const flattenTree: (daffUiTree: DaffTreeUi<unknown
|
20
|
+
export declare const flattenTree: (daffUiTree: DaffTreeUi<unknown>, removeNodes?: boolean) => DaffTreeFlatNode[];
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { RecursiveTreeKeyOfType } from '../interfaces/recursive-key';
|
2
|
+
import { DaffTreeData } from '../interfaces/tree-data';
|
3
|
+
/**
|
4
|
+
* Transform a tree-like structure into a {@link DaffTreeData}.
|
5
|
+
*
|
6
|
+
* @param tree - The data structure representing tree-like data.
|
7
|
+
* @param transformFn - A user-supplied function that will transform the user
|
8
|
+
* type into a {@link DaffTreeData}
|
9
|
+
* @param key - The property of the your tree that indicates which
|
10
|
+
* key contains the "children" of your tree structure.
|
11
|
+
*
|
12
|
+
*/
|
13
|
+
export declare const daffTransformTree: <T extends Record<any, any>, V>(tree: T, transformFn: (type: T) => DaffTreeData<V>, key: keyof { [P in keyof T as T[P] extends T[] ? P : never]: T[]; }) => DaffTreeData<V>;
|
@@ -1,2 +0,0 @@
|
|
1
|
-
export const getAnimationState = (interactable) => interactable ? 'interactable' : 'non-interactable';
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLXN0YXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsWUFBcUIsRUFBNkIsRUFBRSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIERhZmZCYWNrZHJvcEFuaW1hdGlvblN0YXRlID0gJ2ludGVyYWN0YWJsZScgfCAnbm9uLWludGVyYWN0YWJsZSc7XG5leHBvcnQgY29uc3QgZ2V0QW5pbWF0aW9uU3RhdGUgPSAoaW50ZXJhY3RhYmxlOiBib29sZWFuKTogRGFmZkJhY2tkcm9wQW5pbWF0aW9uU3RhdGU9PiBpbnRlcmFjdGFibGUgPyAnaW50ZXJhY3RhYmxlJyA6ICdub24taW50ZXJhY3RhYmxlJztcbiJdfQ==
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
2
|
-
const animationDuration = '350ms';
|
3
|
-
const backdropTransitionOut = 'cubic-bezier(0.4, 0.0, 1, 1)';
|
4
|
-
const backdropTransitionIn = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
|
5
|
-
export const daffBackdropAnimations = {
|
6
|
-
fadeBackdrop: trigger('fadeBackdrop', [
|
7
|
-
state('interactable', style({ opacity: 1 })),
|
8
|
-
state('non-interactable', style({ opacity: 0 })),
|
9
|
-
transition('interactable => non-interactable', animate(animationDuration + ' ' + backdropTransitionOut)),
|
10
|
-
transition('non-interactable => interactable', animate(animationDuration + ' ' + backdropTransitionIn)),
|
11
|
-
transition(':enter', [
|
12
|
-
style({ opacity: 0 }),
|
13
|
-
animate(animationDuration + ' ' + backdropTransitionIn, style({ opacity: 1 })),
|
14
|
-
]),
|
15
|
-
transition(':leave', [
|
16
|
-
animate(animationDuration + ' ' + backdropTransitionOut, style({ opacity: 0 })),
|
17
|
-
]),
|
18
|
-
]),
|
19
|
-
};
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AtYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9hbmltYXRpb24vYmFja2Ryb3AtYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxpQkFBaUIsR0FBRyxPQUFPLENBQUM7QUFDbEMsTUFBTSxxQkFBcUIsR0FBRyw4QkFBOEIsQ0FBQztBQUM3RCxNQUFNLG9CQUFvQixHQUFHLGdDQUFnQyxDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUUvQjtJQUNGLFlBQVksRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFO1FBQ3BDLEtBQUssQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUMsS0FBSyxDQUFDLGtCQUFrQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ2hELFVBQVUsQ0FBQyxrQ0FBa0MsRUFBRSxPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLHFCQUFxQixDQUFDLENBQUM7UUFDeEcsVUFBVSxDQUFDLGtDQUFrQyxFQUFFLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcsb0JBQW9CLENBQUMsQ0FBQztRQUN2RyxVQUFVLENBQUMsUUFBUSxFQUFFO1lBQ25CLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNyQixPQUFPLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxHQUFHLG9CQUFvQixFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1NBQy9FLENBQUM7UUFDRixVQUFVLENBQUMsUUFBUSxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLEdBQUcscUJBQXFCLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDaEYsQ0FBQztLQUNILENBQUM7Q0FDSCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxuICBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5jb25zdCBhbmltYXRpb25EdXJhdGlvbiA9ICczNTBtcyc7XG5jb25zdCBiYWNrZHJvcFRyYW5zaXRpb25PdXQgPSAnY3ViaWMtYmV6aWVyKDAuNCwgMC4wLCAxLCAxKSc7XG5jb25zdCBiYWNrZHJvcFRyYW5zaXRpb25JbiA9ICdjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMiwgMSknO1xuXG5leHBvcnQgY29uc3QgZGFmZkJhY2tkcm9wQW5pbWF0aW9uczoge1xuICByZWFkb25seSBmYWRlQmFja2Ryb3A6IEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YTtcbn0gPSB7XG4gIGZhZGVCYWNrZHJvcDogdHJpZ2dlcignZmFkZUJhY2tkcm9wJywgW1xuICAgIHN0YXRlKCdpbnRlcmFjdGFibGUnLCBzdHlsZSh7IG9wYWNpdHk6IDEgfSkpLFxuICAgIHN0YXRlKCdub24taW50ZXJhY3RhYmxlJywgc3R5bGUoeyBvcGFjaXR5OiAwIH0pKSxcbiAgICB0cmFuc2l0aW9uKCdpbnRlcmFjdGFibGUgPT4gbm9uLWludGVyYWN0YWJsZScsIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25PdXQpKSxcbiAgICB0cmFuc2l0aW9uKCdub24taW50ZXJhY3RhYmxlID0+IGludGVyYWN0YWJsZScsIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25JbikpLFxuICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgIHN0eWxlKHsgb3BhY2l0eTogMCB9KSxcbiAgICAgIGFuaW1hdGUoYW5pbWF0aW9uRHVyYXRpb24gKyAnICcgKyBiYWNrZHJvcFRyYW5zaXRpb25Jbiwgc3R5bGUoeyBvcGFjaXR5OiAxIH0pKSxcbiAgICBdKSxcbiAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICBhbmltYXRlKGFuaW1hdGlvbkR1cmF0aW9uICsgJyAnICsgYmFja2Ryb3BUcmFuc2l0aW9uT3V0LCBzdHlsZSh7IG9wYWNpdHk6IDAgfSkpLFxuICAgIF0pLFxuICBdKSxcbn07XG4iXX0=
|
@@ -1,87 +0,0 @@
|
|
1
|
-
import { Component, Output, EventEmitter, Input, ChangeDetectionStrategy, HostListener, HostBinding, } from '@angular/core';
|
2
|
-
import { daffBackdropAnimations } from '../animation/backdrop-animation';
|
3
|
-
import { getAnimationState } from '../animation/backdrop-animation-state';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class DaffBackdropComponent {
|
6
|
-
constructor() {
|
7
|
-
/**
|
8
|
-
* Determines whether or not the backdrop is transparent.
|
9
|
-
*/
|
10
|
-
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
11
|
-
this.transparent = false;
|
12
|
-
/**
|
13
|
-
* Determines whether or not the backdrop is interactable.
|
14
|
-
*/
|
15
|
-
this.interactable = true;
|
16
|
-
/**
|
17
|
-
* Boolean property that determines whether or not the
|
18
|
-
* backdrop should fill up its containing window.
|
19
|
-
*/
|
20
|
-
// eslint-disable-next-line @typescript-eslint/no-inferrable-types
|
21
|
-
this.fullscreen = false;
|
22
|
-
/**
|
23
|
-
* Output event triggered when the backdrop is clicked.
|
24
|
-
*/
|
25
|
-
this.backdropClicked = new EventEmitter();
|
26
|
-
this.interactableClass = true;
|
27
|
-
}
|
28
|
-
ngOnInit() {
|
29
|
-
this.interactableClass = this.interactable;
|
30
|
-
}
|
31
|
-
/**
|
32
|
-
* Animation hook for that controls the backdrops
|
33
|
-
* entrance and fade animations.
|
34
|
-
*/
|
35
|
-
get fadeBackdropTrigger() {
|
36
|
-
return getAnimationState(this.interactable);
|
37
|
-
}
|
38
|
-
animationDone(e) {
|
39
|
-
this.interactableClass = !(e.toState === ':leave' || e.toState === 'non-interactable');
|
40
|
-
}
|
41
|
-
animationStart(e) {
|
42
|
-
if (e.toState === ':enter' || e.toState === 'interactable') {
|
43
|
-
this.interactableClass = true;
|
44
|
-
}
|
45
|
-
}
|
46
|
-
/**
|
47
|
-
* @deprecated
|
48
|
-
* Backdrop event that triggers when the backdrop element is clicked.
|
49
|
-
*/
|
50
|
-
onBackdropClicked() {
|
51
|
-
this.backdropClicked.emit();
|
52
|
-
}
|
53
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
54
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffBackdropComponent, selector: "daff-backdrop", inputs: { transparent: "transparent", interactable: "interactable", fullscreen: "fullscreen" }, outputs: { backdropClicked: "backdropClicked" }, host: { listeners: { "@fadeBackdrop.done": "animationDone($event)", "@fadeBackdrop.start": "animationStart($event)", "click": "onBackdropClicked()" }, properties: { "class.interactable": "this.interactableClass", "@fadeBackdrop": "this.fadeBackdropTrigger" } }, ngImport: i0, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.daff-backdrop{background:#0000004d;height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"], animations: [
|
55
|
-
daffBackdropAnimations.fadeBackdrop,
|
56
|
-
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
57
|
-
}
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropComponent, decorators: [{
|
59
|
-
type: Component,
|
60
|
-
args: [{ selector: 'daff-backdrop', animations: [
|
61
|
-
daffBackdropAnimations.fadeBackdrop,
|
62
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"daff-backdrop\" [class.daff-backdrop--fullscreen]=\"fullscreen\" [class.daff-backdrop--transparent]=\"transparent\"></div>\n", styles: [":host{display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);visibility:hidden;pointer-events:none}:host.interactable{visibility:visible;pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.daff-backdrop{background:#0000004d;height:100%;width:100%}.daff-backdrop--transparent{background:none}.daff-backdrop:focus,.daff-backdrop:active,.daff-backdrop:visited{outline:0}.daff-backdrop--fullscreen{position:absolute}\n"] }]
|
63
|
-
}], propDecorators: { transparent: [{
|
64
|
-
type: Input
|
65
|
-
}], interactable: [{
|
66
|
-
type: Input
|
67
|
-
}], fullscreen: [{
|
68
|
-
type: Input
|
69
|
-
}], backdropClicked: [{
|
70
|
-
type: Output
|
71
|
-
}], interactableClass: [{
|
72
|
-
type: HostBinding,
|
73
|
-
args: ['class.interactable']
|
74
|
-
}], fadeBackdropTrigger: [{
|
75
|
-
type: HostBinding,
|
76
|
-
args: ['@fadeBackdrop']
|
77
|
-
}], animationDone: [{
|
78
|
-
type: HostListener,
|
79
|
-
args: ['@fadeBackdrop.done', ['$event']]
|
80
|
-
}], animationStart: [{
|
81
|
-
type: HostListener,
|
82
|
-
args: ['@fadeBackdrop.start', ['$event']]
|
83
|
-
}], onBackdropClicked: [{
|
84
|
-
type: HostListener,
|
85
|
-
args: ['click']
|
86
|
-
}] } });
|
87
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9iYWNrZHJvcC9iYWNrZHJvcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL2JhY2tkcm9wL2JhY2tkcm9wL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsTUFBTSxFQUNOLFlBQVksRUFDWixLQUFLLEVBQ0wsdUJBQXVCLEVBQ3ZCLFlBQVksRUFDWixXQUFXLEdBR1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDekUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBVzFFLE1BQU0sT0FBTyxxQkFBcUI7SUFUbEM7UUFXRTs7V0FFRztRQUNILGtFQUFrRTtRQUN6RCxnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUV0Qzs7V0FFRztRQUNNLGlCQUFZLEdBQUcsSUFBSSxDQUFDO1FBRTdCOzs7V0FHRztRQUNILGtFQUFrRTtRQUN6RCxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRXJDOztXQUVHO1FBQ08sb0JBQWUsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUV0QyxzQkFBaUIsR0FBRyxJQUFJLENBQUM7S0FrQzdEO0lBaENDLFFBQVE7UUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBa0MsbUJBQW1CO1FBQ25ELE9BQU8saUJBQWlCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQzlDLENBQUM7SUFHRCxhQUFhLENBQUMsQ0FBaUI7UUFDOUIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxLQUFLLFFBQVEsSUFBSSxDQUFDLENBQUMsT0FBTyxLQUFLLGtCQUFrQixDQUFDLENBQUM7SUFDeEYsQ0FBQztJQUdELGNBQWMsQ0FBQyxDQUFpQjtRQUMvQixJQUFHLENBQUMsQ0FBQyxPQUFPLEtBQUssUUFBUSxJQUFJLENBQUMsQ0FBQyxPQUFPLEtBQUssY0FBYyxFQUFDO1lBQ3hELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7U0FDL0I7SUFDRixDQUFDO0lBRUQ7OztPQUdHO0lBRUgsaUJBQWlCO1FBQ2hCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztpSUExRFUscUJBQXFCO3FIQUFyQixxQkFBcUIsNGNDekJsQywySUFDQSwrZkRtQmM7WUFDVixzQkFBc0IsQ0FBQyxZQUFZO1NBQ3BDOzsyRkFHVSxxQkFBcUI7a0JBVGpDLFNBQVM7K0JBQ0UsZUFBZSxjQUdiO3dCQUNWLHNCQUFzQixDQUFDLFlBQVk7cUJBQ3BDLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzhCQVF0QyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFLSSxlQUFlO3NCQUF4QixNQUFNO2dCQUU0QixpQkFBaUI7c0JBQW5ELFdBQVc7dUJBQUMsb0JBQW9CO2dCQVVDLG1CQUFtQjtzQkFBcEQsV0FBVzt1QkFBQyxlQUFlO2dCQUs1QixhQUFhO3NCQURaLFlBQVk7dUJBQUMsb0JBQW9CLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBTTlDLGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxxQkFBcUIsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFZL0MsaUJBQWlCO3NCQURoQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmltYXRpb25FdmVudCB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBPdXRwdXQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0TGlzdGVuZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBFbGVtZW50UmVmLFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBkYWZmQmFja2Ryb3BBbmltYXRpb25zIH0gZnJvbSAnLi4vYW5pbWF0aW9uL2JhY2tkcm9wLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9iYWNrZHJvcC1hbmltYXRpb24tc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWJhY2tkcm9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2tkcm9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFja2Ryb3AuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIGRhZmZCYWNrZHJvcEFuaW1hdGlvbnMuZmFkZUJhY2tkcm9wLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkJhY2tkcm9wQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgdHJhbnNwYXJlbnQuXG4gICAqL1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWluZmVycmFibGUtdHlwZXNcbiAgQElucHV0KCkgdHJhbnNwYXJlbnQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIG9yIG5vdCB0aGUgYmFja2Ryb3AgaXMgaW50ZXJhY3RhYmxlLlxuICAgKi9cbiAgQElucHV0KCkgaW50ZXJhY3RhYmxlID0gdHJ1ZTtcblxuICAvKipcbiAgICogQm9vbGVhbiBwcm9wZXJ0eSB0aGF0IGRldGVybWluZXMgd2hldGhlciBvciBub3QgdGhlXG4gICAqIGJhY2tkcm9wIHNob3VsZCBmaWxsIHVwIGl0cyBjb250YWluaW5nIHdpbmRvdy5cbiAgICovXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8taW5mZXJyYWJsZS10eXBlc1xuICBASW5wdXQoKSBmdWxsc2NyZWVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIE91dHB1dCBldmVudCB0cmlnZ2VyZWQgd2hlbiB0aGUgYmFja2Ryb3AgaXMgY2xpY2tlZC5cbiAgICovXG4gIEBPdXRwdXQoKSBiYWNrZHJvcENsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmludGVyYWN0YWJsZScpIGludGVyYWN0YWJsZUNsYXNzID0gdHJ1ZTtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gdGhpcy5pbnRlcmFjdGFibGU7XG4gIH1cblxuICAvKipcbiAgICogQW5pbWF0aW9uIGhvb2sgZm9yIHRoYXQgY29udHJvbHMgdGhlIGJhY2tkcm9wc1xuICAgKiBlbnRyYW5jZSBhbmQgZmFkZSBhbmltYXRpb25zLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdAZmFkZUJhY2tkcm9wJykgZ2V0IGZhZGVCYWNrZHJvcFRyaWdnZXIoKSB7XG4gICAgcmV0dXJuIGdldEFuaW1hdGlvblN0YXRlKHRoaXMuaW50ZXJhY3RhYmxlKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ0BmYWRlQmFja2Ryb3AuZG9uZScsIFsnJGV2ZW50J10pXG4gIGFuaW1hdGlvbkRvbmUoZTogQW5pbWF0aW9uRXZlbnQpIHtcblx0ICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gIShlLnRvU3RhdGUgPT09ICc6bGVhdmUnIHx8IGUudG9TdGF0ZSA9PT0gJ25vbi1pbnRlcmFjdGFibGUnKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ0BmYWRlQmFja2Ryb3Auc3RhcnQnLCBbJyRldmVudCddKVxuICBhbmltYXRpb25TdGFydChlOiBBbmltYXRpb25FdmVudCkge1xuXHQgIGlmKGUudG9TdGF0ZSA9PT0gJzplbnRlcicgfHwgZS50b1N0YXRlID09PSAnaW50ZXJhY3RhYmxlJyl7XG5cdCAgICB0aGlzLmludGVyYWN0YWJsZUNsYXNzID0gdHJ1ZTtcblx0ICB9XG4gIH1cblxuICAvKipcbiAgICogQGRlcHJlY2F0ZWRcbiAgICogQmFja2Ryb3AgZXZlbnQgdGhhdCB0cmlnZ2VycyB3aGVuIHRoZSBiYWNrZHJvcCBlbGVtZW50IGlzIGNsaWNrZWQuXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIG9uQmFja2Ryb3BDbGlja2VkKCk6IHZvaWQge1xuXHQgIHRoaXMuYmFja2Ryb3BDbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtYmFja2Ryb3BcIiBbY2xhc3MuZGFmZi1iYWNrZHJvcC0tZnVsbHNjcmVlbl09XCJmdWxsc2NyZWVuXCIgW2NsYXNzLmRhZmYtYmFja2Ryb3AtLXRyYW5zcGFyZW50XT1cInRyYW5zcGFyZW50XCI+PC9kaXY+XG4iXX0=
|
@@ -1,24 +0,0 @@
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
2
|
-
import { NgModule } from '@angular/core';
|
3
|
-
import { DaffBackdropComponent } from './backdrop/backdrop.component';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
export class DaffBackdropModule {
|
6
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, declarations: [DaffBackdropComponent], imports: [CommonModule], exports: [DaffBackdropComponent] }); }
|
8
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, imports: [CommonModule] }); }
|
9
|
-
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffBackdropModule, decorators: [{
|
11
|
-
type: NgModule,
|
12
|
-
args: [{
|
13
|
-
imports: [
|
14
|
-
CommonModule,
|
15
|
-
],
|
16
|
-
declarations: [
|
17
|
-
DaffBackdropComponent,
|
18
|
-
],
|
19
|
-
exports: [
|
20
|
-
DaffBackdropComponent,
|
21
|
-
],
|
22
|
-
}]
|
23
|
-
}] });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2Ryb3AubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL21vbGVjdWxlcy9iYWNrZHJvcC9iYWNrZHJvcC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7O0FBYXRFLE1BQU0sT0FBTyxrQkFBa0I7aUlBQWxCLGtCQUFrQjtrSUFBbEIsa0JBQWtCLGlCQU4zQixxQkFBcUIsYUFIckIsWUFBWSxhQU1aLHFCQUFxQjtrSUFHWixrQkFBa0IsWUFUM0IsWUFBWTs7MkZBU0gsa0JBQWtCO2tCQVg5QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZCYWNrZHJvcENvbXBvbmVudCB9IGZyb20gJy4vYmFja2Ryb3AvYmFja2Ryb3AuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZkJhY2tkcm9wQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZkJhY2tkcm9wQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQmFja2Ryb3BNb2R1bGUgeyB9XG4iXX0=
|
@@ -1,3 +0,0 @@
|
|
1
|
-
export * from './backdrop/backdrop.component';
|
2
|
-
export { DaffBackdropModule } from './backdrop.module';
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvYmFja2Ryb3AvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLCtCQUErQixDQUFDO0FBQzlDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYWNrZHJvcC9iYWNrZHJvcC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRGFmZkJhY2tkcm9wTW9kdWxlIH0gZnJvbSAnLi9iYWNrZHJvcC5tb2R1bGUnO1xuIl19
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "./backdrop/backdrop.component";
|
3
|
-
import * as i2 from "@angular/common";
|
4
|
-
export declare class DaffBackdropModule {
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropModule, never>;
|
6
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DaffBackdropModule, [typeof i1.DaffBackdropComponent], [typeof i2.CommonModule], [typeof i1.DaffBackdropComponent]>;
|
7
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<DaffBackdropModule>;
|
8
|
-
}
|