@daffodil/design 0.73.0 → 0.75.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/README.md +20 -22
- package/accordion/accordion/accordion/accordion.component.d.ts +3 -19
- package/article/README.md +19 -13
- package/article/examples/article-blockquote/article-blockquote.component.d.ts +1 -1
- package/article/examples/article-code-block/article-code-block.component.d.ts +1 -1
- package/article/examples/article-code-inline/article-code-inline.component.d.ts +1 -1
- package/article/examples/article-headings/article-headings.component.d.ts +1 -1
- package/article/examples/article-hr/article-hr.component.d.ts +1 -1
- package/article/examples/article-link/article-link.component.d.ts +1 -1
- package/article/examples/article-meta/article-meta.component.d.ts +1 -1
- package/article/examples/article-ol/article-ol.component.d.ts +1 -1
- package/article/examples/article-table/article-table.component.d.ts +1 -1
- package/article/examples/article-ul/article-ul.component.d.ts +1 -1
- package/article/examples/public_api.d.ts +0 -1
- package/button/button/button-sizable.directive.d.ts +10 -0
- package/button/button/button.component.d.ts +17 -27
- package/button/examples/basic-button/basic-button.component.d.ts +1 -1
- package/button/examples/flat-button/flat-button.component.d.ts +1 -1
- package/button/examples/icon-button/icon-button.component.d.ts +1 -1
- package/button/examples/public_api.d.ts +0 -8
- package/button/examples/raised-button/raised-button.component.d.ts +1 -1
- package/button/examples/sizeable-button/sizeable-button.component.d.ts +1 -1
- package/button/examples/statusable-button/statusable-button.component.d.ts +1 -1
- package/button/examples/stroked-button/stroked-button.component.d.ts +1 -1
- package/button/examples/underline-button/underline-button.component.d.ts +1 -1
- package/button/public_api.d.ts +1 -0
- package/callout/callout/callout.component.d.ts +6 -38
- package/callout/examples/callout-text-alignment/callout-text-alignment.component.d.ts +1 -1
- package/callout/examples/callout-theming/callout-theming.component.d.ts +1 -1
- package/callout/examples/callout-with-grid/callout-with-grid.component.d.ts +1 -1
- package/callout/examples/compact-callout/compact-callout.component.d.ts +1 -1
- package/callout/examples/public_api.d.ts +0 -4
- package/card/card/card.component.d.ts +3 -21
- package/card/examples/basic-card/basic-card.component.d.ts +1 -1
- package/card/examples/card-orientation/card-orientation.component.d.ts +1 -1
- package/card/examples/card-theming/card-theming.component.d.ts +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +1 -1
- package/card/examples/public_api.d.ts +0 -6
- package/card/examples/raised-card/raised-card.component.d.ts +1 -1
- package/card/examples/stroked-card/stroked-card.component.d.ts +1 -1
- package/checkbox/examples/basic-checkbox/basic-checkbox.component.d.ts +1 -1
- package/checkbox/examples/checkbox-set/checkbox-set.component.d.ts +1 -1
- package/checkbox/examples/examples.d.ts +0 -2
- package/checkbox/examples/public_api.d.ts +0 -1
- package/container/README.md +11 -8
- package/container/container/container.component.d.ts +3 -22
- package/container/examples/container-sizes/container-sizes.component.d.ts +1 -1
- package/container/examples/public_api.d.ts +0 -1
- package/core/article-encapsulated/article-encapsulated.directive.d.ts +19 -0
- package/core/article-encapsulated/public_api.d.ts +1 -1
- package/core/breakpoints/noop.service.d.ts +13 -0
- package/core/breakpoints/provider.d.ts +6 -0
- package/core/breakpoints/public_api.d.ts +3 -0
- package/core/colorable/colorable.d.ts +36 -2
- package/core/colorable/colorable.directive.d.ts +55 -0
- package/core/colorable/public_api.d.ts +1 -1
- package/core/compactable/compactable.directive.d.ts +25 -0
- package/core/compactable/public_api.d.ts +1 -1
- package/core/manage-container-layout/manage-container-layout.directive.d.ts +29 -0
- package/core/manage-container-layout/public_api.d.ts +1 -1
- package/core/public_api.d.ts +1 -1
- package/core/sizable/public_api.d.ts +1 -1
- package/core/sizable/sizable.d.ts +4 -2
- package/core/sizable/sizable.directive.d.ts +38 -0
- package/core/skeletonable/public_api.d.ts +1 -1
- package/core/skeletonable/skeletonable.d.ts +0 -1
- package/core/skeletonable/skeletonable.directive.d.ts +17 -0
- package/core/statusable/public_api.d.ts +1 -1
- package/core/statusable/statusable.d.ts +16 -0
- package/core/statusable/statusable.directive.d.ts +38 -0
- package/core/text-alignable/public_api.d.ts +1 -1
- package/core/text-alignable/text-alignable.d.ts +1 -2
- package/core/text-alignable/text-alignable.directive.d.ts +42 -0
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +11 -23
- package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +4 -3
- package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +4 -3
- package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +4 -3
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +3 -3
- package/esm2022/article/examples/article-hr/article-hr.component.mjs +4 -3
- package/esm2022/article/examples/article-link/article-link.component.mjs +4 -3
- package/esm2022/article/examples/article-meta/article-meta.component.mjs +4 -3
- package/esm2022/article/examples/article-ol/article-ol.component.mjs +4 -3
- package/esm2022/article/examples/article-table/article-table.component.mjs +4 -3
- package/esm2022/article/examples/article-ul/article-ul.component.mjs +4 -3
- package/esm2022/article/examples/public_api.mjs +1 -2
- package/esm2022/button/button/button-sizable.directive.mjs +14 -0
- package/esm2022/button/button/button.component.mjs +32 -10
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +10 -4
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +10 -4
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +5 -4
- package/esm2022/button/examples/public_api.mjs +1 -9
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +10 -4
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +5 -4
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +5 -4
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +10 -4
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +10 -4
- package/esm2022/button/public_api.mjs +2 -1
- package/esm2022/callout/callout/callout.component.mjs +28 -22
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +20 -10
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +17 -9
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +12 -4
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +12 -4
- package/esm2022/callout/examples/public_api.mjs +1 -5
- package/esm2022/card/card/card.component.mjs +12 -16
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +12 -4
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +20 -10
- package/esm2022/card/examples/card-theming/card-theming.component.mjs +11 -6
- package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +15 -8
- package/esm2022/card/examples/public_api.mjs +1 -7
- package/esm2022/card/examples/raised-card/raised-card.component.mjs +15 -8
- package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +15 -8
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +12 -6
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +12 -7
- package/esm2022/checkbox/examples/examples.mjs +1 -7
- package/esm2022/checkbox/examples/public_api.mjs +1 -2
- package/esm2022/container/container/container.component.mjs +15 -22
- package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +11 -6
- package/esm2022/container/examples/public_api.mjs +1 -2
- package/esm2022/core/article-encapsulated/article-encapsulated.directive.mjs +33 -0
- package/esm2022/core/article-encapsulated/public_api.mjs +2 -2
- package/esm2022/core/breakpoints/noop.service.mjs +25 -0
- package/esm2022/core/breakpoints/provider.mjs +13 -0
- package/esm2022/core/breakpoints/public_api.mjs +4 -0
- package/esm2022/core/colorable/colorable.directive.mjs +77 -0
- package/esm2022/core/colorable/colorable.mjs +37 -2
- package/esm2022/core/colorable/public_api.mjs +2 -2
- package/esm2022/core/compactable/compactable.directive.mjs +41 -0
- package/esm2022/core/compactable/public_api.mjs +2 -2
- package/esm2022/core/manage-container-layout/manage-container-layout.directive.mjs +43 -0
- package/esm2022/core/manage-container-layout/public_api.mjs +2 -2
- package/esm2022/core/public_api.mjs +2 -2
- package/esm2022/core/sizable/public_api.mjs +2 -2
- package/esm2022/core/sizable/sizable.directive.mjs +53 -0
- package/esm2022/core/sizable/sizable.mjs +2 -3
- package/esm2022/core/skeletonable/public_api.mjs +2 -2
- package/esm2022/core/skeletonable/skeletonable.directive.mjs +33 -0
- package/esm2022/core/skeletonable/skeletonable.mjs +1 -1
- package/esm2022/core/statusable/public_api.mjs +2 -2
- package/esm2022/core/statusable/statusable.directive.mjs +50 -0
- package/esm2022/core/statusable/statusable.mjs +4 -1
- package/esm2022/core/text-alignable/public_api.mjs +2 -2
- package/esm2022/core/text-alignable/text-alignable.directive.mjs +53 -0
- package/esm2022/core/text-alignable/text-alignable.mjs +1 -1
- package/esm2022/daffodil-design.mjs +2 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +10 -4
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +20 -10
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +15 -8
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +12 -4
- package/esm2022/hero/examples/public_api.mjs +1 -5
- package/esm2022/hero/hero/hero.component.mjs +28 -22
- package/esm2022/image/examples/basic-image/basic-image.component.mjs +4 -3
- package/esm2022/image/examples/load-image/load-image.component.mjs +6 -5
- package/esm2022/image/examples/public_api.mjs +4 -7
- package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -3
- package/esm2022/image/image/image.component.mjs +14 -23
- package/esm2022/index.mjs +6 -0
- package/esm2022/input/examples/basic-input/basic-input.component.mjs +4 -3
- package/esm2022/input/examples/examples.mjs +5 -9
- package/esm2022/input/examples/input-disabled/input-disabled.component.mjs +4 -3
- package/esm2022/input/examples/input-error/input-error.component.mjs +9 -4
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -3
- package/esm2022/link-set/link-set/link-set.component.mjs +12 -22
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +4 -3
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +10 -4
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -3
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +10 -4
- package/esm2022/list/examples/public_api.mjs +1 -2
- package/esm2022/list/list/list.component.mjs +12 -21
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +12 -7
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -3
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +21 -28
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +7 -5
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +7 -5
- package/esm2022/media-gallery/examples/public_api.mjs +1 -4
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +7 -5
- package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +17 -23
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -3
- package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +5 -4
- package/esm2022/menu/examples/public_api.mjs +2 -3
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +5 -4
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +5 -3
- package/esm2022/modal/examples/public_api.mjs +2 -3
- package/esm2022/modal/modal/modal.component.mjs +42 -6
- package/esm2022/modal/modal-actions/modal-actions.component.mjs +15 -5
- package/esm2022/modal/modal-close/modal-close.directive.mjs +47 -0
- package/esm2022/modal/modal-content/modal-content.component.mjs +15 -5
- package/esm2022/modal/modal-header/modal-header.component.mjs +16 -4
- package/esm2022/modal/modal-title/modal-title.directive.mjs +33 -6
- package/esm2022/modal/modal.module.mjs +18 -5
- package/esm2022/modal/public_api.mjs +2 -1
- package/esm2022/modal/service/modal.service.mjs +3 -2
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +5 -3
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +12 -5
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +15 -8
- package/esm2022/navbar/examples/public_api.mjs +1 -5
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +5 -3
- package/esm2022/navbar/navbar/navbar.component.mjs +22 -28
- package/esm2022/notification/daffodil-design-notification.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +18 -5
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +16 -4
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +15 -7
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +19 -10
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +30 -0
- package/esm2022/notification/examples/public_api.mjs +7 -9
- package/esm2022/notification/index.mjs +2 -0
- package/esm2022/notification/notification/notification.component.mjs +51 -42
- package/esm2022/paginator/daffodil-design-paginator.mjs +2 -2
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +6 -3
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +8 -4
- package/esm2022/paginator/examples/public_api.mjs +1 -2
- package/esm2022/paginator/index.mjs +2 -0
- package/esm2022/paginator/paginator/paginator.component.mjs +1 -1
- package/esm2022/progress-bar/daffodil-design-progress-bar.mjs +2 -2
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +4 -3
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +4 -3
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +5 -4
- package/esm2022/progress-bar/examples/public_api.mjs +4 -7
- package/esm2022/progress-bar/index.mjs +2 -0
- package/esm2022/progress-bar/progress-bar.component.mjs +18 -23
- package/esm2022/public_api.mjs +1 -3
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +11 -6
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +11 -6
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +11 -6
- package/esm2022/quantity-field/examples/public_api.mjs +1 -5
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +11 -6
- package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +5 -4
- package/esm2022/radio/examples/examples.mjs +1 -5
- package/esm2022/radio/examples/public_api.mjs +1 -2
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -3
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +15 -8
- package/esm2022/sidebar/examples/public_api.mjs +5 -9
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -3
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -3
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -3
- package/esm2022/toast/examples/public_api.mjs +5 -9
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +22 -5
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +5 -4
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -3
- package/esm2022/toast/toast/toast-template.component.mjs +2 -2
- package/esm2022/toast/toast/toast.component.mjs +16 -22
- package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +6 -5
- package/esm2022/tree/examples/public_api.mjs +1 -2
- package/esm2022/tree/tree/tree.component.mjs +13 -23
- package/fesm2022/daffodil-design-accordion.mjs +9 -21
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +22 -43
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +41 -205
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +42 -11
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +29 -130
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +25 -20
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +39 -209
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +11 -15
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +14 -64
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +9 -32
- package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +13 -20
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +27 -136
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +25 -20
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +11 -75
- package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +12 -21
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +15 -94
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +10 -20
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +20 -140
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +12 -21
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +10 -53
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +19 -26
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +10 -82
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +14 -20
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +10 -39
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +8 -33
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +169 -23
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +20 -113
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +20 -26
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +63 -132
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +64 -56
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +12 -28
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -73
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +16 -21
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +25 -126
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio-examples.mjs +4 -31
- package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +22 -130
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +20 -142
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +15 -21
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +6 -34
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +11 -21
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +409 -199
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/examples/compact-hero/compact-hero.component.d.ts +1 -1
- package/hero/examples/hero-text-alignment/hero-text-alignment.component.d.ts +1 -1
- package/hero/examples/hero-theming/hero-theming.component.d.ts +1 -1
- package/hero/examples/hero-with-grid/hero-with-grid.component.d.ts +1 -1
- package/hero/examples/public_api.d.ts +0 -4
- package/hero/hero/hero.component.d.ts +6 -38
- package/image/examples/basic-image/basic-image.component.d.ts +1 -1
- package/image/examples/load-image/load-image.component.d.ts +1 -1
- package/image/examples/public_api.d.ts +2 -2
- package/image/examples/skeleton-image/skeleton-image.component.d.ts +1 -1
- package/image/image/image.component.d.ts +5 -22
- package/index.d.ts +2 -2
- package/input/examples/basic-input/basic-input.component.d.ts +1 -1
- package/input/examples/examples.d.ts +2 -2
- package/input/examples/input-disabled/input-disabled.component.d.ts +1 -1
- package/input/examples/input-error/input-error.component.d.ts +1 -1
- package/input/examples/input-with-form-field/input-with-form-field.component.d.ts +1 -1
- package/link-set/link-set/link-set.component.d.ts +3 -22
- package/list/examples/basic-list/basic-list.component.d.ts +1 -1
- package/list/examples/icon-list/icon-list.component.d.ts +1 -1
- package/list/examples/multiline-list/multiline-list.component.d.ts +1 -1
- package/list/examples/nav-list/nav-list.component.d.ts +1 -1
- package/list/examples/public_api.d.ts +0 -1
- package/list/list/list.component.d.ts +5 -18
- package/loading-icon/README.md +1 -1
- package/loading-icon/examples/examples.d.ts +0 -2
- package/loading-icon/examples/loading-icon-color/loading-icon-color.component.d.ts +1 -1
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +1 -1
- package/loading-icon/loading-icon/loading-icon.component.d.ts +3 -22
- package/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.d.ts +1 -1
- package/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.d.ts +1 -1
- package/media-gallery/examples/public_api.d.ts +0 -3
- package/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.d.ts +1 -1
- package/media-gallery/media-gallery/media-gallery.component.d.ts +5 -25
- package/menu/examples/basic-menu/basic-menu.component.d.ts +1 -1
- package/menu/examples/basic-menu/menu-content/menu-content.component.d.ts +1 -1
- package/menu/examples/public_api.d.ts +2 -2
- package/modal/README.md +22 -37
- package/modal/examples/basic-modal/basic-modal.component.d.ts +1 -1
- package/modal/examples/basic-modal/modal-content.component.d.ts +1 -1
- package/modal/examples/public_api.d.ts +2 -2
- package/modal/modal/modal.component.d.ts +17 -1
- package/modal/modal-actions/modal-actions.component.d.ts +1 -0
- package/modal/modal-close/modal-close.directive.d.ts +24 -0
- package/modal/modal-content/modal-content.component.d.ts +1 -0
- package/modal/modal-header/modal-header.component.d.ts +6 -1
- package/modal/modal-title/modal-title.directive.d.ts +12 -1
- package/modal/modal.module.d.ts +7 -4
- package/modal/public_api.d.ts +1 -0
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +1 -1
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +1 -1
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +1 -1
- package/navbar/examples/public_api.d.ts +0 -4
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +1 -1
- package/navbar/navbar/navbar.component.d.ts +3 -25
- package/notification/README.md +49 -23
- package/notification/examples/default-notification/default-notification.component.d.ts +3 -1
- package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +3 -1
- package/notification/examples/notification-orientations/notification-orientations.component.d.ts +1 -1
- package/notification/examples/notification-status/notification-status.component.d.ts +1 -1
- package/notification/examples/notification-with-actions/notification-with-actions.component.d.ts +8 -0
- package/notification/examples/public_api.d.ts +6 -2
- package/notification/index.d.ts +0 -4
- package/notification/notification/notification.component.d.ts +21 -30
- package/notification/src/notification-theme.scss +1 -1
- package/package.json +1 -1
- package/paginator/examples/basic-paginator/basic-paginator.component.d.ts +1 -1
- package/paginator/examples/link-paginator/link-paginator.component.d.ts +1 -1
- package/paginator/examples/public_api.d.ts +0 -1
- package/paginator/index.d.ts +0 -4
- package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts +1 -1
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts +1 -1
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts +1 -1
- package/progress-bar/examples/public_api.d.ts +2 -2
- package/progress-bar/index.d.ts +0 -4
- package/progress-bar/progress-bar.component.d.ts +7 -22
- package/public_api.d.ts +0 -1
- package/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.d.ts +1 -1
- package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.d.ts +1 -1
- package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.d.ts +1 -1
- package/quantity-field/examples/public_api.d.ts +0 -4
- package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.d.ts +1 -1
- package/radio/examples/basic-radio/basic-radio.component.d.ts +1 -1
- package/radio/examples/examples.d.ts +0 -2
- package/radio/examples/public_api.d.ts +0 -1
- package/scss/state/skeleton/_mixins.scss +1 -1
- package/scss/typography/_index.scss +1 -1
- package/scss/typography/utilities/_variables.scss +14 -4
- package/sidebar/README.md +1 -1
- package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +1 -1
- package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.d.ts +1 -1
- package/sidebar/examples/public_api.d.ts +2 -2
- package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.d.ts +1 -1
- package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.d.ts +1 -1
- package/toast/README.md +2 -2
- package/toast/examples/default-toast/default-toast.component.d.ts +1 -1
- package/toast/examples/public_api.d.ts +5 -2
- package/toast/examples/toast-positions/toast-positions.component.d.ts +1 -1
- package/toast/examples/toast-status/toast-status.component.d.ts +1 -1
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts +1 -1
- package/toast/toast/toast.component.d.ts +7 -25
- package/tree/examples/basic-tree/basic-tree.component.d.ts +1 -1
- package/tree/examples/public_api.d.ts +0 -1
- package/tree/tree/tree.component.d.ts +5 -19
- package/article/examples/article-examples.module.d.ts +0 -18
- package/button/examples/basic-button/basic-button.module.d.ts +0 -9
- package/button/examples/flat-button/flat-button.module.d.ts +0 -9
- package/button/examples/icon-button/icon-button.module.d.ts +0 -9
- package/button/examples/raised-button/raised-button.module.d.ts +0 -9
- package/button/examples/sizeable-button/sizeable-button.module.d.ts +0 -9
- package/button/examples/statusable-button/statusable-button.module.d.ts +0 -9
- package/button/examples/stroked-button/stroked-button.module.d.ts +0 -9
- package/button/examples/underline-button/underline-button.module.d.ts +0 -9
- package/callout/examples/callout-text-alignment/callout-text-alignment.module.d.ts +0 -13
- package/callout/examples/callout-theming/callout-theming.module.d.ts +0 -12
- package/callout/examples/callout-with-grid/callout-with-grid.module.d.ts +0 -13
- package/callout/examples/compact-callout/compact-callout.module.d.ts +0 -12
- package/card/examples/basic-card/basic-card.module.d.ts +0 -12
- package/card/examples/card-orientation/card-orientation.module.d.ts +0 -13
- package/card/examples/card-theming/card-theming.module.d.ts +0 -11
- package/card/examples/linkable-card/linkable-card.module.d.ts +0 -13
- package/card/examples/raised-card/raised-card.module.d.ts +0 -12
- package/card/examples/stroked-card/stroked-card.module.d.ts +0 -13
- package/checkbox/examples/basic-checkbox/basic-checkbox.module.d.ts +0 -10
- package/checkbox/examples/checkbox-set/checkbox-set.module.d.ts +0 -10
- package/container/examples/container-sizes/container-sizes.module.d.ts +0 -10
- package/core/article-encapsulated/article-encapsulated-mixin.d.ts +0 -15
- package/core/colorable/color-in-palette.d.ts +0 -1
- package/core/colorable/colorable-enum.d.ts +0 -10
- package/core/colorable/colorable-mixin.d.ts +0 -23
- package/core/compactable/compactable-mixin.d.ts +0 -14
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +0 -17
- package/core/sizable/sizable-mixin.d.ts +0 -15
- package/core/skeletonable/skeletonable-mixin.d.ts +0 -15
- package/core/statusable/statusable-mixin.d.ts +0 -16
- package/core/text-alignable/text-alignable-mixin.d.ts +0 -19
- package/esm2022/article/examples/article-examples.module.mjs +0 -35
- package/esm2022/button/examples/basic-button/basic-button.module.mjs +0 -28
- package/esm2022/button/examples/flat-button/flat-button.module.mjs +0 -28
- package/esm2022/button/examples/icon-button/icon-button.module.mjs +0 -28
- package/esm2022/button/examples/raised-button/raised-button.module.mjs +0 -28
- package/esm2022/button/examples/sizeable-button/sizeable-button.module.mjs +0 -28
- package/esm2022/button/examples/statusable-button/statusable-button.module.mjs +0 -28
- package/esm2022/button/examples/stroked-button/stroked-button.module.mjs +0 -28
- package/esm2022/button/examples/underline-button/underline-button.module.mjs +0 -28
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.module.mjs +0 -41
- package/esm2022/callout/examples/callout-theming/callout-theming.module.mjs +0 -37
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.module.mjs +0 -41
- package/esm2022/callout/examples/compact-callout/compact-callout.module.mjs +0 -37
- package/esm2022/card/examples/basic-card/basic-card.module.mjs +0 -40
- package/esm2022/card/examples/card-orientation/card-orientation.module.mjs +0 -44
- package/esm2022/card/examples/card-theming/card-theming.module.mjs +0 -36
- package/esm2022/card/examples/linkable-card/linkable-card.module.mjs +0 -44
- package/esm2022/card/examples/raised-card/raised-card.module.mjs +0 -40
- package/esm2022/card/examples/stroked-card/stroked-card.module.mjs +0 -44
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.module.mjs +0 -33
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.module.mjs +0 -33
- package/esm2022/container/examples/container-sizes/container-sizes.module.mjs +0 -32
- package/esm2022/core/article-encapsulated/article-encapsulated-mixin.mjs +0 -12
- package/esm2022/core/colorable/color-in-palette.mjs +0 -5
- package/esm2022/core/colorable/colorable-enum.mjs +0 -12
- package/esm2022/core/colorable/colorable-mixin.mjs +0 -42
- package/esm2022/core/compactable/compactable-mixin.mjs +0 -26
- package/esm2022/core/manage-container-layout/manage-container-layout-mixin.mjs +0 -14
- package/esm2022/core/sizable/sizable-mixin.mjs +0 -31
- package/esm2022/core/skeletonable/skeletonable-mixin.mjs +0 -26
- package/esm2022/core/statusable/statusable-mixin.mjs +0 -32
- package/esm2022/core/text-alignable/text-alignable-mixin.mjs +0 -35
- package/esm2022/examples/examples.mjs +0 -2
- package/esm2022/examples/public_api.mjs +0 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.module.mjs +0 -40
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.module.mjs +0 -41
- package/esm2022/hero/examples/hero-theming/hero-theming.module.mjs +0 -40
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.module.mjs +0 -41
- package/esm2022/image/examples/basic-image/basic-image.module.mjs +0 -24
- package/esm2022/image/examples/load-image/load-image.module.mjs +0 -28
- package/esm2022/image/examples/skeleton-image/skeleton-image.module.mjs +0 -24
- package/esm2022/input/examples/basic-input/basic-input.module.mjs +0 -24
- package/esm2022/input/examples/input-disabled/input-disabled.module.mjs +0 -24
- package/esm2022/input/examples/input-error/input-error.module.mjs +0 -28
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.module.mjs +0 -24
- package/esm2022/list/examples/basic-list/basic-list.module.mjs +0 -28
- package/esm2022/list/examples/icon-list/icon-list.module.mjs +0 -32
- package/esm2022/list/examples/list-examples.module.mjs +0 -33
- package/esm2022/list/examples/multiline-list/multiline-list.module.mjs +0 -32
- package/esm2022/list/examples/nav-list/nav-list.module.mjs +0 -32
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.module.mjs +0 -32
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.mjs +0 -24
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.mjs +0 -29
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.mjs +0 -29
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.mjs +0 -29
- package/esm2022/menu/examples/basic-menu/basic-menu.module.mjs +0 -35
- package/esm2022/modal/examples/basic-modal/basic-modal.module.mjs +0 -31
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.module.mjs +0 -33
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.module.mjs +0 -33
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.module.mjs +0 -33
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.module.mjs +0 -29
- package/esm2022/notification/examples/default-notification/default-notification.module.mjs +0 -36
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.module.mjs +0 -36
- package/esm2022/notification/examples/notification-orientations/notification-orientations.module.mjs +0 -40
- package/esm2022/notification/examples/notification-status/notification-status.module.mjs +0 -40
- package/esm2022/paginator/examples/paginator-examples.module.mjs +0 -27
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.module.mjs +0 -24
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.mjs +0 -24
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.mjs +0 -28
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.mjs +0 -35
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.mjs +0 -35
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.mjs +0 -35
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.mjs +0 -35
- package/esm2022/radio/examples/basic-radio/basic-radio.module.mjs +0 -29
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +0 -32
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.mjs +0 -44
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.mjs +0 -32
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.mjs +0 -28
- package/esm2022/toast/examples/default-toast/default-toast.module.mjs +0 -36
- package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +0 -57
- package/esm2022/toast/examples/toast-status/toast-status.module.mjs +0 -40
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +0 -32
- package/esm2022/tree/examples/basic-tree/basic-tree.module.mjs +0 -32
- package/examples/examples.d.ts +0 -12
- package/examples/public_api.d.ts +0 -1
- package/hero/examples/compact-hero/compact-hero.module.d.ts +0 -12
- package/hero/examples/hero-text-alignment/hero-text-alignment.module.d.ts +0 -13
- package/hero/examples/hero-theming/hero-theming.module.d.ts +0 -12
- package/hero/examples/hero-with-grid/hero-with-grid.module.d.ts +0 -13
- package/image/examples/basic-image/basic-image.module.d.ts +0 -8
- package/image/examples/load-image/load-image.module.d.ts +0 -9
- package/image/examples/skeleton-image/skeleton-image.module.d.ts +0 -8
- package/input/examples/basic-input/basic-input.module.d.ts +0 -8
- package/input/examples/input-disabled/input-disabled.module.d.ts +0 -8
- package/input/examples/input-error/input-error.module.d.ts +0 -9
- package/input/examples/input-with-form-field/input-with-form-field.module.d.ts +0 -8
- package/list/examples/basic-list/basic-list.module.d.ts +0 -9
- package/list/examples/icon-list/icon-list.module.d.ts +0 -10
- package/list/examples/list-examples.module.d.ts +0 -11
- package/list/examples/multiline-list/multiline-list.module.d.ts +0 -10
- package/list/examples/nav-list/nav-list.module.d.ts +0 -10
- package/loading-icon/examples/loading-icon-color/loading-icon-color.module.d.ts +0 -10
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.d.ts +0 -8
- package/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.d.ts +0 -9
- package/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.d.ts +0 -9
- package/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.d.ts +0 -9
- package/menu/examples/basic-menu/basic-menu.module.d.ts +0 -11
- package/modal/examples/basic-modal/basic-modal.module.d.ts +0 -10
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +0 -11
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +0 -11
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +0 -11
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +0 -10
- package/notification/examples/default-notification/default-notification.module.d.ts +0 -11
- package/notification/examples/dismissible-notification/dismissible-notification.module.d.ts +0 -11
- package/notification/examples/notification-orientations/notification-orientations.module.d.ts +0 -12
- package/notification/examples/notification-status/notification-status.module.d.ts +0 -12
- package/paginator/examples/paginator-examples.module.d.ts +0 -10
- package/progress-bar/examples/progress-bar-default/progress-bar-default.module.d.ts +0 -8
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.d.ts +0 -8
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.d.ts +0 -9
- package/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.d.ts +0 -10
- package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.d.ts +0 -10
- package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.d.ts +0 -10
- package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.d.ts +0 -10
- package/radio/examples/basic-radio/basic-radio.module.d.ts +0 -9
- package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +0 -10
- package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.d.ts +0 -13
- package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.d.ts +0 -10
- package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.d.ts +0 -9
- package/toast/examples/default-toast/default-toast.module.d.ts +0 -11
- package/toast/examples/toast-positions/toast-positions.module.d.ts +0 -12
- package/toast/examples/toast-status/toast-status.module.d.ts +0 -12
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts +0 -10
- package/tree/examples/basic-tree/basic-tree.module.d.ts +0 -10
@@ -1,98 +1,59 @@
|
|
1
|
+
import { NgIf } from '@angular/common';
|
1
2
|
import * as i0 from '@angular/core';
|
2
|
-
import { Component, ChangeDetectionStrategy
|
3
|
-
import
|
4
|
-
import
|
5
|
-
import {
|
3
|
+
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
4
|
+
import * as i3$1 from '@fortawesome/angular-fontawesome';
|
5
|
+
import { FaIconComponent, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
6
|
+
import { faInfoCircle, faCheck, faExclamation, faExclamationCircle } from '@fortawesome/free-solid-svg-icons';
|
6
7
|
import * as i2 from '@daffodil/design';
|
7
|
-
import
|
8
|
-
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
8
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
9
9
|
import * as i4 from '@daffodil/design/button';
|
10
10
|
import { DaffButtonModule } from '@daffodil/design/button';
|
11
|
-
import * as i1
|
12
|
-
import {
|
13
|
-
import * as
|
11
|
+
import * as i1 from '@daffodil/design/notification';
|
12
|
+
import { DaffNotificationModule } from '@daffodil/design/notification';
|
13
|
+
import * as i3 from '@angular/forms';
|
14
14
|
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
15
15
|
|
16
16
|
class DefaultNotificationComponent {
|
17
17
|
constructor() {
|
18
18
|
this.faInfoCircle = faInfoCircle;
|
19
|
+
this.showNotification = false;
|
20
|
+
}
|
21
|
+
toggleNotification() {
|
22
|
+
this.showNotification = !this.showNotification;
|
19
23
|
}
|
20
24
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
21
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DefaultNotificationComponent, isStandalone: true, selector: "default-notification", ngImport: i0, template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
22
26
|
}
|
23
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationComponent, decorators: [{
|
24
28
|
type: Component,
|
25
|
-
args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush,
|
26
|
-
}] });
|
27
|
-
|
28
|
-
class DefaultNotificationModule {
|
29
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
30
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, declarations: [DefaultNotificationComponent], imports: [CommonModule,
|
31
|
-
DaffNotificationModule,
|
32
|
-
FontAwesomeModule,
|
33
|
-
DaffButtonModule], exports: [DefaultNotificationComponent] }); }
|
34
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, imports: [CommonModule,
|
35
|
-
DaffNotificationModule,
|
36
|
-
FontAwesomeModule,
|
37
|
-
DaffButtonModule] }); }
|
38
|
-
}
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DefaultNotificationModule, decorators: [{
|
40
|
-
type: NgModule,
|
41
|
-
args: [{
|
42
|
-
declarations: [
|
43
|
-
DefaultNotificationComponent,
|
44
|
-
],
|
45
|
-
imports: [
|
46
|
-
CommonModule,
|
29
|
+
args: [{ selector: 'default-notification', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
47
30
|
DaffNotificationModule,
|
48
|
-
|
31
|
+
FaIconComponent,
|
32
|
+
DaffPrefixSuffixModule,
|
49
33
|
DaffButtonModule,
|
50
|
-
|
51
|
-
|
52
|
-
DefaultNotificationComponent,
|
53
|
-
],
|
54
|
-
}]
|
34
|
+
NgIf,
|
35
|
+
], template: "<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
|
55
36
|
}] });
|
56
37
|
|
57
38
|
class DismissibleNotificationComponent {
|
58
39
|
constructor() {
|
59
40
|
this.faInfoCircle = faInfoCircle;
|
41
|
+
this.hidden = false;
|
42
|
+
}
|
43
|
+
hideNotification() {
|
44
|
+
this.hidden = true;
|
60
45
|
}
|
61
46
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
62
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification dismissible=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["
|
47
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DismissibleNotificationComponent, isStandalone: true, selector: "dismissible-notification", ngImport: i0, template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
63
48
|
}
|
64
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationComponent, decorators: [{
|
65
50
|
type: Component,
|
66
|
-
args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush,
|
67
|
-
}] });
|
68
|
-
|
69
|
-
class DismissibleNotificationModule {
|
70
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
71
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, declarations: [DismissibleNotificationComponent], imports: [CommonModule,
|
72
|
-
DaffNotificationModule,
|
73
|
-
FontAwesomeModule,
|
74
|
-
DaffButtonModule], exports: [DismissibleNotificationComponent] }); }
|
75
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, imports: [CommonModule,
|
76
|
-
DaffNotificationModule,
|
77
|
-
FontAwesomeModule,
|
78
|
-
DaffButtonModule] }); }
|
79
|
-
}
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DismissibleNotificationModule, decorators: [{
|
81
|
-
type: NgModule,
|
82
|
-
args: [{
|
83
|
-
declarations: [
|
84
|
-
DismissibleNotificationComponent,
|
85
|
-
],
|
86
|
-
imports: [
|
87
|
-
CommonModule,
|
51
|
+
args: [{ selector: 'dismissible-notification', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
88
52
|
DaffNotificationModule,
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
DismissibleNotificationComponent,
|
94
|
-
],
|
95
|
-
}]
|
53
|
+
FaIconComponent,
|
54
|
+
DaffPrefixSuffixModule,
|
55
|
+
NgIf,
|
56
|
+
], template: "<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>", styles: [":host{display:flex;justify-content:center}\n"] }]
|
96
57
|
}] });
|
97
58
|
|
98
59
|
class NotificationOrientationsComponent {
|
@@ -103,43 +64,17 @@ class NotificationOrientationsComponent {
|
|
103
64
|
this.orientationControl = new UntypedFormControl('vertical');
|
104
65
|
}
|
105
66
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
106
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationOrientationsComponent, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n
|
67
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationOrientationsComponent, isStandalone: true, selector: "notification-orientations", ngImport: i0, template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
107
68
|
}
|
108
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsComponent, decorators: [{
|
109
70
|
type: Component,
|
110
|
-
args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush,
|
111
|
-
}] });
|
112
|
-
|
113
|
-
class NotificationOrientationsModule {
|
114
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
115
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, declarations: [NotificationOrientationsComponent], imports: [CommonModule,
|
116
|
-
DaffNotificationModule,
|
117
|
-
DaffButtonModule,
|
118
|
-
FontAwesomeModule,
|
119
|
-
ReactiveFormsModule], exports: [NotificationOrientationsComponent] }); }
|
120
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, imports: [CommonModule,
|
121
|
-
DaffNotificationModule,
|
122
|
-
DaffButtonModule,
|
123
|
-
FontAwesomeModule,
|
124
|
-
ReactiveFormsModule] }); }
|
125
|
-
}
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationOrientationsModule, decorators: [{
|
127
|
-
type: NgModule,
|
128
|
-
args: [{
|
129
|
-
declarations: [
|
130
|
-
NotificationOrientationsComponent,
|
131
|
-
],
|
132
|
-
imports: [
|
133
|
-
CommonModule,
|
71
|
+
args: [{ selector: 'notification-orientations', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
134
72
|
DaffNotificationModule,
|
73
|
+
FaIconComponent,
|
74
|
+
DaffPrefixSuffixModule,
|
135
75
|
DaffButtonModule,
|
136
|
-
FontAwesomeModule,
|
137
76
|
ReactiveFormsModule,
|
138
|
-
],
|
139
|
-
exports: [
|
140
|
-
NotificationOrientationsComponent,
|
141
|
-
],
|
142
|
-
}]
|
77
|
+
], template: "<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
|
143
78
|
}] });
|
144
79
|
|
145
80
|
class NotificationStatusComponent {
|
@@ -150,50 +85,46 @@ class NotificationStatusComponent {
|
|
150
85
|
this.statusControl = new UntypedFormControl('success');
|
151
86
|
}
|
152
87
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
153
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationStatusComponent, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === '
|
88
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationStatusComponent, isStandalone: true, selector: "notification-status", ngImport: i0, template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'danger'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"danger\">Danger</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
154
89
|
}
|
155
90
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationStatusComponent, decorators: [{
|
156
91
|
type: Component,
|
157
|
-
args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush,
|
92
|
+
args: [{ selector: 'notification-status', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
93
|
+
DaffNotificationModule,
|
94
|
+
NgIf,
|
95
|
+
FaIconComponent,
|
96
|
+
DaffPrefixSuffixModule,
|
97
|
+
DaffButtonModule,
|
98
|
+
ReactiveFormsModule,
|
99
|
+
], template: "<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'danger'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"danger\">Danger</option>\n</select>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
|
158
100
|
}] });
|
159
101
|
|
160
|
-
class
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
FontAwesomeModule,
|
171
|
-
ReactiveFormsModule] }); }
|
102
|
+
class NotificationWithActionsComponent {
|
103
|
+
constructor() {
|
104
|
+
this.faExclamationCircle = faExclamationCircle;
|
105
|
+
this.showNotification = false;
|
106
|
+
}
|
107
|
+
toggleNotification() {
|
108
|
+
this.showNotification = !this.showNotification;
|
109
|
+
}
|
110
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
111
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationWithActionsComponent, isStandalone: true, selector: "notification-with-actions", ngImport: i0, template: "<daff-notification>\n <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n <div daffNotificationTitle>Title</div>\n <div daffNotificationSubtitle>This is the subtitle with information</div>\n <div daffNotificationActions>\n <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffNotificationModule }, { kind: "component", type: i1.DaffNotificationComponent, selector: "daff-notification", inputs: ["dismissible", "orientation"], outputs: ["closeNotification"] }, { kind: "directive", type: i1.DaffNotificationActionsDirective, selector: "[daffNotificationActions]" }, { kind: "directive", type: i1.DaffNotificationTitleDirective, selector: "[daffNotificationTitle]" }, { kind: "directive", type: i1.DaffNotificationSubtitleDirective, selector: "[daffNotificationSubtitle]" }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i3$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i4.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
172
112
|
}
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type:
|
174
|
-
type:
|
175
|
-
args: [{
|
176
|
-
declarations: [
|
177
|
-
NotificationStatusComponent,
|
178
|
-
],
|
179
|
-
imports: [
|
180
|
-
CommonModule,
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationWithActionsComponent, decorators: [{
|
114
|
+
type: Component,
|
115
|
+
args: [{ selector: 'notification-with-actions', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
181
116
|
DaffNotificationModule,
|
182
|
-
DaffButtonModule,
|
183
117
|
FontAwesomeModule,
|
184
|
-
|
185
|
-
],
|
186
|
-
exports: [
|
187
|
-
NotificationStatusComponent,
|
188
|
-
],
|
189
|
-
}]
|
118
|
+
DaffButtonModule,
|
119
|
+
], template: "<daff-notification>\n <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n <div daffNotificationTitle>Title</div>\n <div daffNotificationSubtitle>This is the subtitle with information</div>\n <div daffNotificationActions>\n <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n </div>\n</daff-notification>", styles: [":host{display:flex;flex-direction:column;align-items:center;gap:16px}\n"] }]
|
190
120
|
}] });
|
191
121
|
|
192
122
|
const NOTIFICATION_EXAMPLES = [
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
123
|
+
DefaultNotificationComponent,
|
124
|
+
DismissibleNotificationComponent,
|
125
|
+
NotificationOrientationsComponent,
|
126
|
+
NotificationStatusComponent,
|
127
|
+
NotificationWithActionsComponent,
|
197
128
|
];
|
198
129
|
|
199
130
|
/**
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-notification-examples.mjs","sources":["../../../libs/design/notification/examples/src/default-notification/default-notification.component.ts","../../../libs/design/notification/examples/src/default-notification/default-notification.component.html","../../../libs/design/notification/examples/src/default-notification/default-notification.module.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.html","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.module.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.html","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.module.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.html","../../../libs/design/notification/examples/src/notification-status/notification-status.module.ts","../../../libs/design/notification/examples/src/public_api.ts","../../../libs/design/notification/examples/src/daffodil-design-notification-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-notification',\n templateUrl: './default-notification.component.html',\n styles: [`\n :host {\n display: flex;\n justify-content: center;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DefaultNotificationComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\">Confirm</button>\n\t</div>\n</daff-notification>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DefaultNotificationComponent } from './default-notification.component';\n\n@NgModule({\n declarations: [\n DefaultNotificationComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n FontAwesomeModule,\n DaffButtonModule,\n ],\n exports: [\n DefaultNotificationComponent,\n ],\n})\nexport class DefaultNotificationModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissible-notification',\n templateUrl: './dismissible-notification.component.html',\n styles: [`\n :host {\n display: flex;\n justify-content: center;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DismissibleNotificationComponent {\n faInfoCircle = faInfoCircle;\n}\n","<daff-notification dismissible=\"true\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { DismissibleNotificationComponent } from './dismissible-notification.component';\n\n@NgModule({\n declarations: [\n DismissibleNotificationComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n FontAwesomeModule,\n DaffButtonModule,\n ],\n exports: [\n DismissibleNotificationComponent,\n ],\n})\nexport class DismissibleNotificationModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-orientations',\n templateUrl: './notification-orientations.component.html',\n styleUrls: ['./notification-orientations.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationOrientationsComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n orientationControl: UntypedFormControl = new UntypedFormControl('vertical');\n}\n","<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationOrientationsComponent } from './notification-orientations.component';\n\n@NgModule({\n declarations: [\n NotificationOrientationsComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n DaffButtonModule,\n FontAwesomeModule,\n ReactiveFormsModule,\n ],\n exports: [\n NotificationOrientationsComponent,\n ],\n})\nexport class NotificationOrientationsModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-status',\n templateUrl: './notification-status.component.html',\n styleUrls: ['./notification-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NotificationStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: UntypedFormControl = new UntypedFormControl('success');\n}\n","<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'error'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n\t<div daffNotificationActions>\n\t\t<button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n\t</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"error\">Error</option>\n</select>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\nimport { NotificationStatusComponent } from './notification-status.component';\n\n@NgModule({\n declarations: [\n NotificationStatusComponent,\n ],\n imports: [\n CommonModule,\n DaffNotificationModule,\n DaffButtonModule,\n FontAwesomeModule,\n ReactiveFormsModule,\n ],\n exports: [\n NotificationStatusComponent,\n ],\n})\nexport class NotificationStatusModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DefaultNotificationModule } from './default-notification/default-notification.module';\nimport { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';\nimport { DismissibleNotificationModule } from './dismissible-notification/dismissible-notification.module';\nimport { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';\nimport { NotificationOrientationsModule } from './notification-orientations/notification-orientations.module';\nimport { NotificationStatusComponent } from './notification-status/notification-status.component';\nimport { NotificationStatusModule } from './notification-status/notification-status.module';\n\nexport const NOTIFICATION_EXAMPLES: ComponentExample[] = [\n { component: DefaultNotificationComponent, module: DefaultNotificationModule },\n { component: NotificationStatusComponent, module: NotificationStatusModule },\n { component: NotificationOrientationsComponent, module: NotificationOrientationsModule },\n { component: DismissibleNotificationComponent, module: DismissibleNotificationModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3","i4","i1","i2","i5","i6"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"daffodil-design-notification-examples.mjs","sources":["../../../libs/design/notification/examples/src/default-notification/default-notification.component.ts","../../../libs/design/notification/examples/src/default-notification/default-notification.component.html","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.ts","../../../libs/design/notification/examples/src/dismissible-notification/dismissible-notification.component.html","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.ts","../../../libs/design/notification/examples/src/notification-orientations/notification-orientations.component.html","../../../libs/design/notification/examples/src/notification-status/notification-status.component.ts","../../../libs/design/notification/examples/src/notification-status/notification-status.component.html","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.component.ts","../../../libs/design/notification/examples/src/notification-with-actions/notification-with-actions.component.html","../../../libs/design/notification/examples/src/public_api.ts","../../../libs/design/notification/examples/src/daffodil-design-notification-examples.ts"],"sourcesContent":["import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'default-notification',\n templateUrl: './default-notification.component.html',\n styleUrls: ['./default-notification.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffNotificationModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n DaffButtonModule,\n NgIf,\n ],\n})\nexport class DefaultNotificationComponent {\n faInfoCircle = faInfoCircle;\n\n showNotification = false;\n\n toggleNotification() {\n this.showNotification = !this.showNotification;\n }\n}\n","<daff-notification>\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'dismissible-notification',\n templateUrl: './dismissible-notification.component.html',\n styles: [`\n :host {\n display: flex;\n justify-content: center;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffNotificationModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n NgIf,\n ],\n})\nexport class DismissibleNotificationComponent {\n faInfoCircle = faInfoCircle;\n\n hidden = false;\n\n hideNotification() {\n this.hidden = true;\n }\n}\n","<daff-notification *ngIf=\"!hidden\" dismissible=\"true\" (closeNotification)=\"hideNotification()\">\n\t<fa-icon daffPrefix [icon]=\"faInfoCircle\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-orientations',\n templateUrl: './notification-orientations.component.html',\n styleUrls: ['./notification-orientations.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffNotificationModule,\n FaIconComponent,\n DaffPrefixSuffixModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n})\nexport class NotificationOrientationsComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n orientationControl: UntypedFormControl = new UntypedFormControl('vertical');\n}\n","<daff-notification [orientation]=\"orientationControl.value\">\n\t<fa-icon daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"orientationControl\">\n\t<option value=\"vertical\">Vertical</option>\n\t<option value=\"horizontal\">Horizontal</option>\n</select>","import { NgIf } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\nimport { FaIconComponent } from '@fortawesome/angular-fontawesome';\nimport {\n faCheck,\n faExclamation,\n faInfoCircle,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-status',\n templateUrl: './notification-status.component.html',\n styleUrls: ['./notification-status.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffNotificationModule,\n NgIf,\n FaIconComponent,\n DaffPrefixSuffixModule,\n DaffButtonModule,\n ReactiveFormsModule,\n ],\n})\nexport class NotificationStatusComponent {\n faInfoCircle = faInfoCircle;\n faCheck = faCheck;\n faExclamation = faExclamation;\n\n statusControl: UntypedFormControl = new UntypedFormControl('success');\n}\n","<daff-notification [status]=\"statusControl.value\">\n\t<fa-icon *ngIf=\"statusControl.value === 'success'\" daffPrefix [icon]=\"faCheck\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'warn'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<fa-icon *ngIf=\"statusControl.value === 'danger'\" daffPrefix [icon]=\"faExclamation\" [fixedWidth]=\"true\"></fa-icon>\n\t<div daffNotificationTitle>Title</div>\n\t<div daffNotificationSubtitle>This is the subtitle with information</div>\n</daff-notification>\n\n<select [formControl]=\"statusControl\">\n\t<option value=\"success\">Success</option>\n\t<option value=\"warn\">Warn</option>\n\t<option value=\"danger\">Danger</option>\n</select>","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faExclamationCircle } from '@fortawesome/free-solid-svg-icons';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffNotificationModule } from '@daffodil/design/notification';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'notification-with-actions',\n templateUrl: './notification-with-actions.component.html',\n styles: [`\n :host {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffNotificationModule,\n FontAwesomeModule,\n DaffButtonModule,\n ],\n})\nexport class NotificationWithActionsComponent {\n faExclamationCircle = faExclamationCircle;\n\n showNotification = false;\n\n toggleNotification() {\n this.showNotification = !this.showNotification;\n }\n}\n","<daff-notification>\n <fa-icon daffPrefix [icon]=\"faExclamationCircle\"></fa-icon>\n <div daffNotificationTitle>Title</div>\n <div daffNotificationSubtitle>This is the subtitle with information</div>\n <div daffNotificationActions>\n <button daff-button size=\"sm\" color=\"theme-contrast\">Confirm</button>\n <button daff-flat-button size=\"sm\" color=\"theme-contrast\">Cancel</button>\n </div>\n</daff-notification>","import { DefaultNotificationComponent } from './default-notification/default-notification.component';\nimport { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';\nimport { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';\nimport { NotificationStatusComponent } from './notification-status/notification-status.component';\nimport { NotificationWithActionsComponent } from './notification-with-actions/notification-with-actions.component';\n\nexport const NOTIFICATION_EXAMPLES = [\n DefaultNotificationComponent,\n DismissibleNotificationComponent,\n NotificationOrientationsComponent,\n NotificationStatusComponent,\n NotificationWithActionsComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MA2Ba,4BAA4B,CAAA;AAfzC,IAAA,WAAA,GAAA;QAgBE,IAAY,CAAA,YAAA,GAAG,YAAY,CAAC;QAE5B,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;AAK1B,KAAA;IAHC,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC;KAChD;kIAPU,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3BzC,4NAIoB,EDgBhB,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,sBAAsB,geACtB,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACtB,gBAAgB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAIP,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAfxC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,mBAGf,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,eAAe;wBACf,sBAAsB;wBACtB,gBAAgB;wBAChB,IAAI;AACL,qBAAA,EAAA,QAAA,EAAA,4NAAA,EAAA,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,CAAA;;;MEKU,gCAAgC,CAAA;AAnB7C,IAAA,WAAA,GAAA;QAoBE,IAAY,CAAA,YAAA,GAAG,YAAY,CAAC;QAE5B,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AAKhB,KAAA;IAHC,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;KACpB;kIAPU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9B7C,8SAIoB,EDoBhB,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,sBAAsB,geACtB,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAGK,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAnB5C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,mBAQnB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,eAAe;wBACf,sBAAsB;wBACtB,IAAI;AACL,qBAAA,EAAA,QAAA,EAAA,8SAAA,EAAA,MAAA,EAAA,CAAA,8CAAA,CAAA,EAAA,CAAA;;;MEMU,iCAAiC,CAAA;AAf9C,IAAA,WAAA,GAAA;QAgBE,IAAY,CAAA,YAAA,GAAG,YAAY,CAAC;QAC5B,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;QAClB,IAAa,CAAA,aAAA,GAAG,aAAa,CAAC;AAE9B,QAAA,IAAA,CAAA,kBAAkB,GAAuB,IAAI,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAC7E,KAAA;kIANY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAAjC,iCAAiC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClC9C,wbASS,EAAA,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDkBL,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,eAAe,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACtB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAGV,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAf7C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,mBAGpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,eAAe;wBACf,sBAAsB;wBACtB,gBAAgB;wBAChB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,wbAAA,EAAA,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,CAAA;;;MEIU,2BAA2B,CAAA;AAhBxC,IAAA,WAAA,GAAA;QAiBE,IAAY,CAAA,YAAA,GAAG,YAAY,CAAC;QAC5B,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;QAClB,IAAa,CAAA,aAAA,GAAG,aAAa,CAAC;AAE9B,QAAA,IAAA,CAAA,aAAa,GAAuB,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC;AACvE,KAAA;kIANY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,ECpCxC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,yuBAYS,EDgBL,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EACJ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,EACf,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,gBAAgB,8BAChB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAGV,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAhBvC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,mBAGd,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,IAAI;wBACJ,eAAe;wBACf,sBAAsB;wBACtB,gBAAgB;wBAChB,mBAAmB;AACpB,qBAAA,EAAA,QAAA,EAAA,yuBAAA,EAAA,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,CAAA;;;MEJU,gCAAgC,CAAA;AApB7C,IAAA,WAAA,GAAA;QAqBE,IAAmB,CAAA,mBAAA,GAAG,mBAAmB,CAAC;QAE1C,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;AAK1B,KAAA;IAHC,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC;KAChD;kIAPU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhC,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gCAAgC,qFC9B7C,gbAQoB,EAAA,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDiBhB,sBAAsB,EACtB,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gCAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,oSACjB,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,yRAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAGP,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBApB5C,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,mBAUpB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,sBAAsB;wBACtB,iBAAiB;wBACjB,gBAAgB;AACjB,qBAAA,EAAA,QAAA,EAAA,gbAAA,EAAA,MAAA,EAAA,CAAA,yEAAA,CAAA,EAAA,CAAA;;;AEtBU,MAAA,qBAAqB,GAAG;IACnC,4BAA4B;IAC5B,gCAAgC;IAChC,iCAAiC;IACjC,2BAA2B;IAC3B,gCAAgC;;;ACXlC;;AAEG;;;;"}
|