@daffodil/design 0.80.0 → 0.81.1

package/media-gallery/README.md

@@ -46,7 +46,7 @@ export class CustomComponentModule { }
 > This method is deprecated. It's recommended to update all custom components to standalone.
 
 ## Thumbnail
-`[daffThumbnail]` should be used as a directive with `<daff-image>`. [View Image Documentation](/libs/design/src/atoms/image/README.md)
+`[daffThumbnail]` should be used as a directive with `<daff-image>`. [View Image Documentation](/libs/design/image/README.md)
 
 It should never be used as a standalone component. The first thumbnail is selected by default and dynamically rendered as the primary image by utilizing the `<daff-media-renderer>` component. The selected thumbnail can be controlled by the enduser, and the position of the list of thumbnails is dependent on the screen size.
 
@@ -60,4 +60,4 @@ The thumbnail dimension is set to `80x80` pixels, so the recommended aspect rati
 <design-land-example-viewer-container example="mismatched-sizes-media-gallery"></design-land-example-viewer-container>
 
 ## Accessibility
-Accessibility considerations for media gallery is handled by the `DaffImageComponent`. The `alt` attribute must be defined in `<daff-image>`. It specifies an alternate text for an image. An error will appear if it's not defined. This is important because it allows screen readers to describe what's in the image for visually impaired people. [View Image Documentation](/libs/design/src/atoms/image/README.md)
+Accessibility considerations for media gallery is handled by the `DaffImageComponent`. The `alt` attribute must be defined in `<daff-image>`. It specifies an alternate text for an image. An error will appear if it's not defined. This is important because it allows screen readers to describe what's in the image for visually impaired people. [View Image Documentation](/libs/design/image/README.md)

package/navbar/README.md

@@ -56,7 +56,7 @@ Supported colors: `primary | secondary | tertiary | black | white | theme | them
 <design-land-example-viewer-container example="navbar-theming"></design-land-example-viewer-container>
 
 ## Contained Navbar
-A navbar can be contained to a specific width by using the [Container](/libs/design/src/atoms/container/README.md) component. The layout styles set on the navbar will automatically be passed down to the container.
+A navbar can be contained to a specific width by using the [Container](/libs/design/container/README.md) component. The layout styles set on the navbar will automatically be passed down to the container.
 
 <design-land-example-viewer-container example="contained-navbar"></design-land-example-viewer-container>
 

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.80.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":"^18.2.2","@angular/common":"^18.2.2","@angular/core":"^18.2.2","@angular/forms":"^18.2.2","@angular/cdk":"^18.2.2","@daffodil/core":"0.80.0","@fortawesome/angular-fontawesome":"^0.15.0","@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/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.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"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","esm2022":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","esm":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","default":"./fesm2022/daffodil-design-breadcrumb.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"},"./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"},"./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"},"./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"},"./switch":{"types":"./switch/index.d.ts","esm2022":"./esm2022/switch/daffodil-design-switch.mjs","esm":"./esm2022/switch/daffodil-design-switch.mjs","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","esm2022":"./esm2022/tabs/daffodil-design-tabs.mjs","esm":"./esm2022/tabs/daffodil-design-tabs.mjs","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","esm2022":"./esm2022/text-snippet/daffodil-design-text-snippet.mjs","esm":"./esm2022/text-snippet/daffodil-design-text-snippet.mjs","default":"./fesm2022/daffodil-design-text-snippet.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"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","esm2022":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","esm":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","default":"./fesm2022/daffodil-design-breadcrumb-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"},"./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"},"./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"},"./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"},"./switch/examples":{"types":"./switch/examples/index.d.ts","esm2022":"./esm2022/switch/examples/daffodil-design-switch-examples.mjs","esm":"./esm2022/switch/examples/daffodil-design-switch-examples.mjs","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","esm2022":"./esm2022/tabs/examples/daffodil-design-tabs-examples.mjs","esm":"./esm2022/tabs/examples/daffodil-design-tabs-examples.mjs","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","esm2022":"./esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs","esm":"./esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs","default":"./fesm2022/daffodil-design-text-snippet-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.81.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":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.81.1","@fortawesome/angular-fontawesome":"^1.0.0","@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/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}

package/scss/global.scss

@@ -19,7 +19,7 @@
 
 body,
 html {
-	font-family: t.$body-font-family;
+	font-family: t.$font-family-base;
 	font-size: 16px;
 	font-weight: 400;
 	line-height: 1.5;

package/scss/interactions/mouse/_clickable.scss

@@ -11,6 +11,7 @@
 // @include clickable();
 // ```
 @mixin clickable() {
+	// stylelint-disable daffodil/no-direct-cursor-pointer
 	cursor: pointer;
 	-webkit-user-select: none;
 	/// Chrome all / Safari all ///

package/scss/theming/_theme-css-variables.scss

@@ -12,6 +12,9 @@
 	$primary: core.daff-map-get($theme, primary);
 	$secondary: core.daff-map-get($theme, secondary);
 	$tertiary: core.daff-map-get($theme, tertiary);
+	$warn: core.daff-map-get($theme, warn);
+	$success: core.daff-map-get($theme, success);
+	$critical: core.daff-map-get($theme, critical);
 	$neutral: core.daff-map-get($theme, 'core', 'neutral');
 	$white: core.daff-map-get($theme, 'core', 'white');
 	$black: core.daff-map-get($theme, 'core', 'black');
@@ -24,9 +27,9 @@
 	--daff-theme-primary: #{theming.daff-color($primary)};
 	--daff-theme-secondary: #{theming.daff-color($secondary)};
 	--daff-theme-tertiary: #{theming.daff-color($tertiary)};
-	--daff-theme-warn: #{theming.daff-color(theming.$daff-bronze, 60)};
-	--daff-theme-success: #{theming.daff-color(theming.$daff-green, 60)};
-	--daff-theme-critical: #{theming.daff-color(theming.$daff-red, 60)};
+	--daff-theme-warn: #{theming.daff-color($warn)};
+	--daff-theme-success: #{theming.daff-color($success)};
+	--daff-theme-critical: #{theming.daff-color($critical)};
 	--daff-theme-white: #{$white};
 	--daff-theme-black: #{$black};
 	--daff-theme-gray: #{theming.daff-color($neutral)};

package/scss/typography/_classes.scss

@@ -2,8 +2,9 @@
 @use './mixins/font-weight' as *;
 @use './mixins/text-truncate' as *;
 
+// @deprecated
 .embolden { /* stylelint-disable-line selector-class-pattern */
-	@include embolden();
+	font-weight: bold;
 }
 
 .uppercase { /* stylelint-disable-line selector-class-pattern */

package/scss/typography/mixins/_font-weight.scss

@@ -1,5 +1,7 @@
 @use '../utilities/variables';
 
+//
+// @deprecated
 //
 // @docs
 //

package/scss/typography/mixins/_sizes.scss

@@ -2,8 +2,8 @@
 @use 'font-weight';
 
 @mixin headline-xl() {
-	@include font-weight.embolden;
 	font-size: 2.5rem;
+	font-weight: bold;
 	line-height: 2.75rem;
 
 	@include layout.breakpoint(tablet) {
@@ -13,8 +13,8 @@
 }
 
 @mixin headline-lg() {
-	@include font-weight.embolden;
 	font-size: 2rem;
+	font-weight: bold;
 	line-height: 2.25rem;
 
 	@include layout.breakpoint(tablet) {
@@ -24,8 +24,8 @@
 }
 
 @mixin headline-md() {
-	@include font-weight.embolden;
 	font-size: 1.5rem;
+	font-weight: bold;
 	line-height: 1.75rem;
 
 	@include layout.breakpoint(tablet) {
@@ -35,8 +35,8 @@
 }
 
 @mixin headline-sm() {
-	@include font-weight.embolden;
 	font-size: 1.25rem;
+	font-weight: bold;
 	line-height: 1.5rem;
 
 	@include layout.breakpoint(tablet) {

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

@@ -1,6 +1,15 @@
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DaffSidebarHeaderComponent {
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
     class: boolean;
+    /** Whether or not a sidebar header displays the close icon */
+    dismissible: boolean;
+    /**
+     * Output event triggered when the close icon is clicked.
+     */
+    closeSidebar: EventEmitter<void>;
+    onCloseSidebar(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarHeaderComponent, "daff-sidebar-header", never, {}, {}, never, ["[daffSidebarHeaderAction]", "[daffSidebarHeaderTitle]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarHeaderComponent, "daff-sidebar-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, { "closeSidebar": "closeSidebar"; }, never, ["*"], true, never>;
 }

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

@@ -5,23 +5,25 @@ import { DaffSidebarScroll } from './scroll-token/scroll.token';
 import { DaffSidebarViewportAnimationStateWithParams } from '../animation/sidebar-viewport-animation-state';
 import * as i0 from "@angular/core";
 /**
- * The DaffSidebarViewport is the "holder" of sidebars throughout an entire application.
- * It's generally only used once, like
+ * The DaffSidebarViewportComponent is the "holder" of sidebars throughout an entire application.
  *
- * ```html
- * <daff-sidebar-viewport>
- *    <daff-sidebar></daff-sidebar>
- *    <p>Some Content</p>
- * </daff-sidebar-viewport>
- * ```
- *
- * Importantly, its possible for there to be multiple sidebars of many modes
- * at the same time. @see {@link DaffSidebarMode }
+ * `<daff-sidebar-viewport>` should only ever be used once in an application,
+ * but it's possible for there to be multiple sidebars of many modes
+ * at the same time. See {@link DaffSidebarMode}.
  *
  * Since this is a functional component, it's possible to have multiple "open" sidebars
  * at the same time. As a result, this component attempts to gracefully handle these situations.
  * 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.
+ *
+ * @example Using the sidebar viewport
+ * ```html
+ * <daff-sidebar-viewport>
+ *    <daff-sidebar></daff-sidebar>
+ *    <p>Site content</p>
+ * </daff-sidebar-viewport>
+ * ```
  */
 export declare class DaffSidebarViewportComponent implements AfterContentChecked, OnDestroy {
     private cdRef;

package/switch/switch/switch.component.d.ts

@@ -4,11 +4,14 @@ import * as i0 from "@angular/core";
 /**
  * The switch component provides a way to toggle between two settings.
  *
- * ## Usage
- * <daff-switch [checked]="checked" loading="loading" [error]="true" [labelPosition]="daff-left">
+ * @example
+ *
+ * ```html
+ * <daff-switch [checked]="checked" loading="loading" [error]="true" [labelPosition]="top">
  *    Label
  *    <daff-error-message>Error message</daff-error-message>
  * </daff-switch>
+ * ```
  */
 export declare class DaffSwitchComponent {
     /**

package/tabs/README.md

@@ -17,3 +17,6 @@ A meaningful `aria-label` should be set on `<daff-tabs>` by using the `aria-labe
 | Right Arrow |  Moves focus and activates next tab. If focus is on the last tab, moves focus to the first tab. |
 | Home |  Moves focus and activates first tab. |
 | End |  Moves focus and activates last tab. |
+
+### Link Mode
+Tabs can operate in "link mode" which replaces the tab buttons with anchors. This allows the selected tab to be connected to the URL. To use this mode, set `linkMode` to `true` on the tabs component. By default, the current URL and `tab` query param will be used. These can be overriden with the `url` and `queryParam` inputs respectively.

package/tabs/examples/link-tabs/link-tabs.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LinkTabsComponent {
+    faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkTabsComponent, "link-tabs", never, {}, {}, never, never, true, never>;
+}

package/tabs/src/tabs-theme.scss

@@ -12,6 +12,14 @@
 	$white: core.daff-map-get($theme, 'core', 'white');
 	$black: core.daff-map-get($theme, 'core', 'black');
 
+	.daff-tabs {
+		&__tab-list {
+			&::after {
+				background: theming.daff-illuminate($base, $neutral, 2);
+			}
+		}
+	}
+
 	.daff-tab-activator {
 		border-bottom: 2px solid theming.daff-illuminate($base, $neutral, 2);
 

package/tabs/tabs/tab/tab.component.d.ts

@@ -3,10 +3,9 @@ import * as i0 from "@angular/core";
 /**
  * `DaffTabComponet` is an element in the tab list that is used as a content container to group the label of a tab panel and the tab panel together.
  *
- * ## Template Structure
  * A `<daff-tab>` should include the {@link DaffTabLabelComponent} and {@link DaffTabPanelComponent} components in order to properly structure the UI.
  *
- * ## Usage
+ * @example Basic structure of tab
  * ```html
  * <daff-tab>
  * 	<daff-tab-label>
@@ -23,6 +22,7 @@ export declare class DaffTabComponent {
     /**
      * Whether the tab is disabled.
      *
+     * @example Using the `disabled` property
      * ```html
      * <daff-tab [disabled]="true">
      * </daff-tab>
@@ -42,6 +42,7 @@ export declare class DaffTabComponent {
      *
      * The `id` is automatically generated by linking the prefix 'daff-tab-' with an incrementing `tabId`. This value can be customized by passing a different `id` value via the component's `id` input.
      *
+     * @example Using the `id` property
      * ```html
      * <daff-tab [id]="'custom-id'"></daff-tab>
      * ```

package/tabs/tabs/tab-label/tab-label.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffTabLabelComponent is used to display the label of a tab panel. Labels may optionally contain a `daffPrefix` or `daffSuffix` to add icons or badges.
  *
+ * @example Basic structure of tab label
  * ```html
  * <daff-tab-label>
  *  <div daffPrefix></div>

package/tabs/tabs/tab-panel/tab-panel.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffTabPanelComponent is used to display the content panel of a tab.
  *
+ * @example Basic structure of tab panel
  * ```html
  * <daff-tab-panel>
  *  <!-- Tab panel content goes here -->

package/tabs/tabs/tabs.component.d.ts

@@ -1,4 +1,6 @@
-import { QueryList, AfterContentInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { Location } from '@angular/common';
+import { QueryList, AfterContentInit, EventEmitter, ChangeDetectorRef, OnInit } from '@angular/core';
+import { Params } from '@angular/router';
 import { DaffTabComponent } from './tab/tab.component';
 import { DaffTabActivatorComponent } from './tab-activator/tab-activator.component';
 import { DaffTabLabelComponent } from './tab-label/tab-label.component';
@@ -6,7 +8,7 @@ import * as i0 from "@angular/core";
 /**
  * Tabs provide a way to navigate between panels that display related content.
  *
- * ## Usage
+ * @example Basic use of the tabs component
  * ```html
  * <daff-tabs aria-label="List of tabs">
  * 	<daff-tab>
@@ -30,14 +32,15 @@ import * as i0 from "@angular/core";
  * </daff-tabs>
  * ```
  */
-export declare class DaffTabsComponent implements AfterContentInit {
+export declare class DaffTabsComponent implements AfterContentInit, OnInit {
     private cdRef;
+    private location;
     /**
      * @docs-private
      */
     private class;
     /**
-     * The currently selected tab. This property is dynamically updated when a user selects a tab
+     * The currently selected tab. This property is dynamically updated when a user selects a tab.
      */
     selectedTab: string;
     /**
@@ -52,6 +55,19 @@ export declare class DaffTabsComponent implements AfterContentInit {
      * aria-label for the tab.
      */
     ariaLabel: string;
+    /**
+     * Replace the tab buttons with links.
+     */
+    linkMode: boolean;
+    /**
+     * The URL to navigate to when the component is in link mode.
+     * This component will set the specified query param.
+     */
+    url?: string;
+    /**
+     * The query parameter that the tabs component will use to set the tab value in link mode.
+     */
+    queryParam: string;
     /**
      * Event emitted when tab selection changes.
      */
@@ -68,7 +84,12 @@ export declare class DaffTabsComponent implements AfterContentInit {
      * @docs-private
      */
     _tabActivators: QueryList<DaffTabActivatorComponent>;
-    constructor(cdRef: ChangeDetectorRef);
+    get currentPath(): string;
+    constructor(cdRef: ChangeDetectorRef, location: Location);
+    /**
+     * @docs-private
+     */
+    ngOnInit(): void;
     /**
      * @docs-private
      */
@@ -82,6 +103,10 @@ export declare class DaffTabsComponent implements AfterContentInit {
      * Moves forward or backward in the tab array, wrapping around when necessary.
      */
     private navigateTabs;
+    /**
+     * @docs-private
+     */
+    _buildQueryParams(tab: string): Params;
     /**
      * Selects the previous tab and wraps around to the last tab if the first tab is currently selected.
      */
@@ -99,5 +124,5 @@ export declare class DaffTabsComponent implements AfterContentInit {
      */
     selectLast(event: KeyboardEvent | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabsComponent, "daff-tabs", never, { "initiallySelected": { "alias": "initiallySelected"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, { "tabChange": "tabChange"; }, ["_labels", "_tabs"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabsComponent, "daff-tabs", never, { "initiallySelected": { "alias": "initiallySelected"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "tabChange": "tabChange"; }, ["_labels", "_tabs"], never, true, never>;
 }

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

@@ -8,8 +8,7 @@ import * as i1 from "@daffodil/design";
 /**
  * The `DaffTreeComponent` allows you to render tree structures as interactable ui.
  *
- * They can be used like:
- *
+ * @example Basic use of the tree component
  * ```html
  * <ul daff-tree [tree]="tree">
  *   <ng-template #daffTreeItemWithChildrenTpl let-node>

package/tree/tree-item/tree-item.directive.d.ts

@@ -2,10 +2,11 @@ import { DaffTreeNotifierService } from '../tree/tree-notifier.service';
 import { DaffTreeFlatNode } from '../utils/flatten-tree';
 import * as i0 from "@angular/core";
 /**
- * The `DaffTreeItemDirective` allows you to demarcate the elements which are
- * tree-children that interact with the parent tree.
+ * The `DaffTreeItemDirective` marks elements as tree child nodes that interact with the parent tree structure.
  *
- * They can be used like:
+ * @example Using a `[daffTreeItem]`
+ *
+ * `[tree]` is a {@link DaffTreeData} and `[daff-tree]` is a {@link DaffTreeComponent}.
  *
  * ```html
  * <ul daff-tree [tree]="tree">
@@ -19,14 +20,12 @@ import * as i0 from "@angular/core";
  * </ul>
  * ```
  *
- * where `tree` is a {@link DaffTreeData} and `daff-tree` is a {@link DaffTreeComponent}.
- *
  */
 export declare class DaffTreeItemDirective {
     private document;
     private treeNotifier;
     /**
-     * The css class of the daff-tree.
+     * The css class of the tree item.
      *
      * @docs-private
      */

package/esm2022/accordion/accordion/accordion/accordion.component.mjs

@@ -1,15 +0,0 @@
-import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { DaffArticleEncapsulatedDirective } from '@daffodil/design';
-import * as i0 from "@angular/core";
-import * as i1 from "@daffodil/design";
-export class DaffAccordionComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffAccordionComponent, isStandalone: true, selector: "daff-accordion", hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'daff-accordion', template: '<ng-content></ng-content>', hostDirectives: [{
-                            directive: DaffArticleEncapsulatedDirective,
-                        }], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [":host{display:block}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFpQnBFLE1BQU0sT0FBTyxzQkFBc0I7aUlBQXRCLHNCQUFzQjtxSEFBdEIsc0JBQXNCLGdKQWJ2QiwyQkFBMkI7OzJGQWExQixzQkFBc0I7a0JBZmxDLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBQ2hCLDJCQUEyQixrQkFNckIsQ0FBQzs0QkFDZixTQUFTLEVBQUUsZ0NBQWdDO3lCQUM1QyxDQUFDLG1CQUNlLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWFjY29yZGlvbicsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gIGBdLFxuICBob3N0RGlyZWN0aXZlczogW3tcbiAgICBkaXJlY3RpdmU6IERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlLFxuICB9XSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZkFjY29yZGlvbkNvbXBvbmVudCB7fVxuIl19

package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs

@@ -1,81 +0,0 @@
-import { Component, Input, ViewEncapsulation, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
-import { faChevronDown, faChevronUp, } from '@fortawesome/free-solid-svg-icons';
-import { DaffOpenableDirective, } from '@daffodil/design';
-import { daffAccordionAnimations } from '../animation/accordion-animation';
-import { getAnimationState } from '../animation/accordion-animation-state';
-import * as i0 from "@angular/core";
-import * as i1 from "@daffodil/design";
-let daffAccordionItemId = 0;
-export class DaffAccordionItemComponent {
-    constructor(openDirective) {
-        this.openDirective = openDirective;
-        /**
-         * @docs-private
-         */
-        this.faChevronDown = faChevronDown;
-        /**
-         * @docs-private
-         */
-        this.faChevronUp = faChevronUp;
-        /**
-         * @docs-private
-         */
-        this.class = true;
-        this._daffAccordionItemId = 'daff-accordion-item' + '-' + ++daffAccordionItemId;
-        this.id = this._daffAccordionItemId;
-        /** Whether or not the item is initiallyExpanded by default. */
-        this.initiallyExpanded = false;
-        this.openDirective.stateless = false;
-    }
-    /**
-     * @docs-private
-     */
-    ngOnInit() {
-        this.openDirective.open = this.initiallyExpanded ? this.initiallyExpanded : this.openDirective.open;
-        this._animationState = getAnimationState(this.openDirective.open);
-    }
-    get open() {
-        return this.openDirective.open;
-    }
-    /**
-     * Reveals the contents of the accordion item
-     */
-    reveal() {
-        this.openDirective.reveal();
-    }
-    /**
-     * Hides the contents of the accordion item
-     */
-    hide() {
-        this.openDirective.hide();
-    }
-    /**
-     * Toggles the visibility of the contents of the accordion item
-     */
-    toggle() {
-        this.openDirective.toggle();
-        this._animationState = getAnimationState(this.openDirective.open);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionItemComponent, deps: [{ token: i1.DaffOpenableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffAccordionItemComponent, isStandalone: true, selector: "daff-accordion-item", inputs: { id: "id", initiallyExpanded: "initiallyExpanded" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, hostDirectives: [{ directive: i1.DaffOpenableDirective, inputs: ["open", "open"], outputs: ["toggled", "toggled"] }], ngImport: i0, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggle()\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-accordion-item{display:block}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.daff-open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"], animations: [
-            daffAccordionAnimations.openAccordion,
-        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'daff-accordion-item', hostDirectives: [{
-                            directive: DaffOpenableDirective,
-                            inputs: ['open'],
-                            outputs: ['toggled'],
-                        }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
-                        daffAccordionAnimations.openAccordion,
-                    ], standalone: true, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggle()\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-accordion-item{display:block}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.daff-open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DaffOpenableDirective }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-accordion-item']
-            }], id: [{
-                type: Input
-            }], initiallyExpanded: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRUwsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCx1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGFBQWEsRUFDYixXQUFXLEdBQ1osTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBRUwscUJBQXFCLEdBQ3RCLE1BQU0sa0JBQWtCLENBQUM7QUFFMUIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7OztBQUUzRSxJQUFJLG1CQUFtQixHQUFHLENBQUMsQ0FBQztBQWtCNUIsTUFBTSxPQUFPLDBCQUEwQjtJQTJCckMsWUFBb0IsYUFBb0M7UUFBcEMsa0JBQWEsR0FBYixhQUFhLENBQXVCO1FBMUJ4RDs7V0FFRztRQUNILGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCOztXQUVHO1FBQ0gsZ0JBQVcsR0FBRyxXQUFXLENBQUM7UUFFMUI7O1dBRUc7UUFDdUMsVUFBSyxHQUFHLElBQUksQ0FBQztRQUV2RCx5QkFBb0IsR0FBRyxxQkFBcUIsR0FBRyxHQUFHLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQztRQUVsRSxPQUFFLEdBQVcsSUFBSSxDQUFDLG9CQUFvQixDQUFDO1FBRWhELCtEQUErRDtRQUN0RCxzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFRakMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3ZDLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7UUFDcEcsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BFLENBQUM7SUFFRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDO0lBQ2pDLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUk7UUFDRixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwRSxDQUFDO2lJQS9EVSwwQkFBMEI7cUhBQTFCLDBCQUEwQix3VUN2Q3ZDLDZYQVVNLDArQkR3QlE7WUFDVix1QkFBdUIsQ0FBQyxhQUFhO1NBQ3RDOzsyRkFHVSwwQkFBMEI7a0JBaEJ0QyxTQUFTOytCQUNFLHFCQUFxQixrQkFHZixDQUFDOzRCQUNmLFNBQVMsRUFBRSxxQkFBcUI7NEJBQ2hDLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQzs0QkFDaEIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDO3lCQUNyQixDQUFDLGlCQUNhLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkM7d0JBQ1YsdUJBQXVCLENBQUMsYUFBYTtxQkFDdEMsY0FDVyxJQUFJOzBGQWUwQixLQUFLO3NCQUE5QyxXQUFXO3VCQUFDLDJCQUEyQjtnQkFJL0IsRUFBRTtzQkFBVixLQUFLO2dCQUdHLGlCQUFpQjtzQkFBekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25Eb3duLFxuICBmYUNoZXZyb25VcCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHtcbiAgRGFmZk9wZW5hYmxlLFxuICBEYWZmT3BlbmFibGVEaXJlY3RpdmUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBkYWZmQWNjb3JkaW9uQW5pbWF0aW9ucyB9IGZyb20gJy4uL2FuaW1hdGlvbi9hY2NvcmRpb24tYW5pbWF0aW9uJztcbmltcG9ydCB7IGdldEFuaW1hdGlvblN0YXRlIH0gZnJvbSAnLi4vYW5pbWF0aW9uL2FjY29yZGlvbi1hbmltYXRpb24tc3RhdGUnO1xuXG5sZXQgZGFmZkFjY29yZGlvbkl0ZW1JZCA9IDA7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtYWNjb3JkaW9uLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICBob3N0RGlyZWN0aXZlczogW3tcbiAgICBkaXJlY3RpdmU6IERhZmZPcGVuYWJsZURpcmVjdGl2ZSxcbiAgICBpbnB1dHM6IFsnb3BlbiddLFxuICAgIG91dHB1dHM6IFsndG9nZ2xlZCddLFxuICB9XSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtcbiAgICBkYWZmQWNjb3JkaW9uQW5pbWF0aW9ucy5vcGVuQWNjb3JkaW9uLFxuICBdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQWNjb3JkaW9uSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgRGFmZk9wZW5hYmxlIHtcbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIGZhQ2hldnJvbkRvd24gPSBmYUNoZXZyb25Eb3duO1xuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZmFDaGV2cm9uVXAgPSBmYUNoZXZyb25VcDtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWFjY29yZGlvbi1pdGVtJykgY2xhc3MgPSB0cnVlO1xuXG4gIF9kYWZmQWNjb3JkaW9uSXRlbUlkID0gJ2RhZmYtYWNjb3JkaW9uLWl0ZW0nICsgJy0nICsgKytkYWZmQWNjb3JkaW9uSXRlbUlkO1xuXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSB0aGlzLl9kYWZmQWNjb3JkaW9uSXRlbUlkO1xuXG4gIC8qKiBXaGV0aGVyIG9yIG5vdCB0aGUgaXRlbSBpcyBpbml0aWFsbHlFeHBhbmRlZCBieSBkZWZhdWx0LiAqL1xuICBASW5wdXQoKSBpbml0aWFsbHlFeHBhbmRlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBfYW5pbWF0aW9uU3RhdGU6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG9wZW5EaXJlY3RpdmU6IERhZmZPcGVuYWJsZURpcmVjdGl2ZSkge1xuICAgIHRoaXMub3BlbkRpcmVjdGl2ZS5zdGF0ZWxlc3MgPSBmYWxzZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm9wZW5EaXJlY3RpdmUub3BlbiA9IHRoaXMuaW5pdGlhbGx5RXhwYW5kZWQgPyB0aGlzLmluaXRpYWxseUV4cGFuZGVkIDogdGhpcy5vcGVuRGlyZWN0aXZlLm9wZW47XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW5EaXJlY3RpdmUub3Blbik7XG4gIH1cblxuICBnZXQgb3BlbigpIHtcbiAgICByZXR1cm4gdGhpcy5vcGVuRGlyZWN0aXZlLm9wZW47XG4gIH1cblxuICAvKipcbiAgICogUmV2ZWFscyB0aGUgY29udGVudHMgb2YgdGhlIGFjY29yZGlvbiBpdGVtXG4gICAqL1xuICByZXZlYWwoKSB7XG4gICAgdGhpcy5vcGVuRGlyZWN0aXZlLnJldmVhbCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhpZGVzIHRoZSBjb250ZW50cyBvZiB0aGUgYWNjb3JkaW9uIGl0ZW1cbiAgICovXG4gIGhpZGUoKSB7XG4gICAgdGhpcy5vcGVuRGlyZWN0aXZlLmhpZGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUb2dnbGVzIHRoZSB2aXNpYmlsaXR5IG9mIHRoZSBjb250ZW50cyBvZiB0aGUgYWNjb3JkaW9uIGl0ZW1cbiAgICovXG4gIHRvZ2dsZSgpIHtcbiAgICB0aGlzLm9wZW5EaXJlY3RpdmUudG9nZ2xlKCk7XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLm9wZW5EaXJlY3RpdmUub3Blbik7XG4gIH1cbn1cbiIsIjxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiZGFmZi1hY2NvcmRpb24taXRlbV9faGVhZGVyXCJcbiAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJvcGVuXCJcbiAgW2F0dHIuYXJpYS1jb250cm9sc109XCJpZFwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkFjY29yZGlvbkl0ZW1UaXRsZV1cIj48L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbjxkaXYgW0BvcGVuQWNjb3JkaW9uXT1cIl9hbmltYXRpb25TdGF0ZVwiIFtpZF09XCJpZFwiPlxuICA8ZGl2IGNsYXNzPVwiZGFmZi1hY2NvcmRpb24taXRlbV9fY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj4iXX0=