@daffodil/design 0.74.0 → 0.76.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/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/article/src/article-theme.scss +18 -8
- package/breadcrumb/README.md +52 -0
- package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +7 -0
- package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts +9 -0
- package/breadcrumb/breadcrumb.d.ts +3 -0
- package/breadcrumb/breadcrumb.module.d.ts +9 -0
- package/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.d.ts +5 -0
- package/breadcrumb/examples/index.d.ts +1 -0
- package/breadcrumb/examples/public_api.d.ts +2 -0
- package/breadcrumb/index.d.ts +1 -0
- package/breadcrumb/public_api.d.ts +4 -0
- package/breadcrumb/src/breadcrumb-theme.scss +13 -0
- 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/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 +31 -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 +82 -0
- package/core/colorable/public_api.d.ts +1 -1
- package/core/compactable/compactable.directive.d.ts +54 -0
- package/core/compactable/public_api.d.ts +1 -1
- package/core/manage-container-layout/manage-container-layout.directive.d.ts +66 -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 +81 -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 +50 -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 +65 -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 +73 -0
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +11 -23
- package/esm2022/article/article/article.component.mjs +2 -2
- 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/breadcrumb/breadcrumb/breadcrumb.component.mjs +25 -0
- package/esm2022/breadcrumb/breadcrumb-item/breadcrumb-item.directive.mjs +33 -0
- package/esm2022/breadcrumb/breadcrumb.mjs +7 -0
- package/esm2022/breadcrumb/breadcrumb.module.mjs +26 -0
- package/esm2022/breadcrumb/daffodil-design-breadcrumb.mjs +5 -0
- package/esm2022/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.mjs +15 -0
- package/esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs +5 -0
- package/esm2022/breadcrumb/examples/index.mjs +2 -0
- package/esm2022/breadcrumb/examples/public_api.mjs +5 -0
- package/esm2022/breadcrumb/index.mjs +2 -0
- package/esm2022/breadcrumb/public_api.mjs +5 -0
- 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 +45 -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 +104 -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 +70 -0
- package/esm2022/core/compactable/public_api.mjs +2 -2
- package/esm2022/core/manage-container-layout/manage-container-layout.directive.mjs +80 -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 +96 -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 +66 -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 +77 -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 +84 -0
- package/esm2022/core/text-alignable/text-alignable.mjs +1 -1
- 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/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 +6 -5
- 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-config.mjs +1 -1
- 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 +6 -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/examples/default-notification/default-notification.component.mjs +16 -8
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +14 -7
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +15 -6
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +19 -9
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +14 -8
- package/esm2022/notification/examples/public_api.mjs +6 -11
- package/esm2022/notification/notification/notification.component.mjs +31 -36
- 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/paginator/paginator.component.mjs +1 -1
- 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/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/sidebar/helper/is-docked-mode.mjs +9 -0
- package/esm2022/sidebar/helper/is-floating-mode.mjs +9 -0
- package/esm2022/sidebar/public_api.mjs +5 -1
- package/esm2022/sidebar/service/registration.type.mjs +2 -0
- package/esm2022/sidebar/service/sidebar.service.mjs +36 -0
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -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/esm2022/tree/tree-item/tree-item.directive.mjs +3 -3
- 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-article.mjs +2 -2
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs +26 -0
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-breadcrumb.mjs +90 -0
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -0
- 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 +9 -34
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +172 -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 +41 -164
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +29 -34
- 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-sidebar.mjs +57 -5
- package/fesm2022/daffodil-design-sidebar.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 +13 -23
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +643 -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/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/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 +33 -35
- 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-config.d.ts +2 -0
- 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/examples/default-notification/default-notification.component.d.ts +1 -1
- package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +1 -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 +1 -1
- package/notification/examples/public_api.d.ts +6 -2
- package/notification/notification/notification.component.d.ts +7 -25
- 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/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/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/theme.scss +2 -0
- package/scss/theming/_theme-css-variables.scss +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/sidebar/helper/is-docked-mode.d.ts +5 -0
- package/sidebar/helper/is-floating-mode.d.ts +5 -0
- package/sidebar/public_api.d.ts +4 -0
- package/sidebar/service/registration.type.d.ts +11 -0
- package/sidebar/service/sidebar.service.d.ts +25 -0
- 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/notification/examples/notification-with-actions/notification-with-actions.module.mjs +0 -36
- 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/notification/examples/notification-with-actions/notification-with-actions.module.d.ts +0 -11
- 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
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class CompactCalloutComponent {
|
3
3
|
faMobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<CompactCalloutComponent, never>;
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never,
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CompactCalloutComponent, "compact-callout", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -1,9 +1,5 @@
|
|
1
1
|
export { CalloutThemingComponent } from './callout-theming/callout-theming.component';
|
2
|
-
export { CalloutThemingModule } from './callout-theming/callout-theming.module';
|
3
2
|
export { CalloutTextAlignmentComponent } from './callout-text-alignment/callout-text-alignment.component';
|
4
|
-
export { CalloutTextAlignmentModule } from './callout-text-alignment/callout-text-alignment.module';
|
5
3
|
export { CalloutWithGridComponent } from './callout-with-grid/callout-with-grid.component';
|
6
|
-
export { CalloutWithGridModule } from './callout-with-grid/callout-with-grid.module';
|
7
4
|
export { CompactCalloutComponent } from './compact-callout/compact-callout.component';
|
8
|
-
export { CompactCalloutModule } from './compact-callout/compact-callout.module';
|
9
5
|
export { CALLOUT_EXAMPLES } from './examples';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { ElementRef, Renderer2, OnInit } from '@angular/core';
|
2
|
-
import { DaffColorable } from '@daffodil/design';
|
3
2
|
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@daffodil/design";
|
4
4
|
export type DaffCardType = null | 'daff-raised-card' | 'daff-stroked-card';
|
5
5
|
/**
|
6
6
|
* This attribute determines what orientation the the card contents are stacked.
|
@@ -10,27 +10,10 @@ export declare enum DaffCardOrientationEnum {
|
|
10
10
|
Vertical = "vertical",
|
11
11
|
Horizontal = "horizontal"
|
12
12
|
}
|
13
|
-
/**
|
14
|
-
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
15
|
-
*/
|
16
|
-
declare class DaffCardBase {
|
17
|
-
_elementRef: ElementRef;
|
18
|
-
_renderer: Renderer2;
|
19
|
-
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
20
|
-
}
|
21
|
-
declare const _daffCardBase: (new (...args: any[]) => {
|
22
|
-
_elementRef: ElementRef<any>;
|
23
|
-
_renderer: Renderer2;
|
24
|
-
}) & (new (...args: any[]) => {
|
25
|
-
_color: import("@daffodil/design").DaffPalette;
|
26
|
-
color: import("@daffodil/design").DaffPalette;
|
27
|
-
_elementRef: ElementRef<any>;
|
28
|
-
_renderer: Renderer2;
|
29
|
-
}) & typeof DaffCardBase;
|
30
13
|
/**
|
31
14
|
* @inheritdoc
|
32
15
|
*/
|
33
|
-
export declare class DaffCardComponent
|
16
|
+
export declare class DaffCardComponent implements OnInit {
|
34
17
|
private elementRef;
|
35
18
|
private renderer;
|
36
19
|
private _orientation;
|
@@ -61,6 +44,5 @@ export declare class DaffCardComponent extends _daffCardBase implements OnInit,
|
|
61
44
|
* */
|
62
45
|
private _hasHostAttributes;
|
63
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffCardComponent, never>;
|
64
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffCardComponent, "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", never, { "orientation": { "alias": "orientation"; "required": false; }; }, {}, never, ["[daffCardImage]", "[daffCardIcon]", "[daffCardTagline]", "[daffCardTitle]", "[daffCardContent]", "[daffCardActions]"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
|
65
48
|
}
|
66
|
-
export {};
|
@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
|
|
2
2
|
export declare class BasicCardComponent {
|
3
3
|
faMapMarked: import("@fortawesome/fontawesome-common-types").IconDefinition;
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<BasicCardComponent, never>;
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never,
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BasicCardComponent, "basic-card", never, {}, {}, never, never, true, never>;
|
6
6
|
}
|
@@ -8,5 +8,5 @@ export declare class CardOrientationComponent {
|
|
8
8
|
label: string;
|
9
9
|
}[];
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardOrientationComponent, never>;
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never,
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardOrientationComponent, "card-orientation", never, {}, {}, never, never, true, never>;
|
12
12
|
}
|
@@ -7,5 +7,5 @@ export declare class CardThemingComponent {
|
|
7
7
|
label: string;
|
8
8
|
}[];
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<CardThemingComponent, never>;
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never,
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CardThemingComponent, "card-theming", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|
@@ -9,5 +9,5 @@ export declare class LinkableCardComponent {
|
|
9
9
|
label: string;
|
10
10
|
}[];
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<LinkableCardComponent, never>;
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never,
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LinkableCardComponent, "linkable-card", never, {}, {}, never, never, true, never>;
|
13
13
|
}
|
@@ -1,14 +1,8 @@
|
|
1
1
|
import { BasicCardComponent } from './basic-card/basic-card.component';
|
2
|
-
export { BasicCardModule } from './basic-card/basic-card.module';
|
3
2
|
import { CardOrientationComponent } from './card-orientation/card-orientation.component';
|
4
|
-
export { CardOrientationModule } from './card-orientation/card-orientation.module';
|
5
3
|
import { CardThemingComponent } from './card-theming/card-theming.component';
|
6
|
-
export { CardThemingModule } from './card-theming/card-theming.module';
|
7
4
|
import { LinkableCardComponent } from './linkable-card/linkable-card.component';
|
8
|
-
export { LinkableCardModule } from './linkable-card/linkable-card.module';
|
9
5
|
import { RaisedCardComponent } from './raised-card/raised-card.component';
|
10
|
-
export { RaisedCardModule } from './raised-card/raised-card.module';
|
11
6
|
import { StrokedCardComponent } from './stroked-card/stroked-card.component';
|
12
|
-
export { StrokedCardModule } from './stroked-card/stroked-card.module';
|
13
7
|
export declare const CARD_EXAMPLES: (typeof BasicCardComponent | typeof CardThemingComponent | typeof LinkableCardComponent)[];
|
14
8
|
export { BasicCardComponent, CardThemingComponent, LinkableCardComponent, RaisedCardComponent, StrokedCardComponent, CardOrientationComponent, };
|
@@ -7,5 +7,5 @@ export declare class RaisedCardComponent {
|
|
7
7
|
label: string;
|
8
8
|
}[];
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<RaisedCardComponent, never>;
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RaisedCardComponent, "raised-card", never, {}, {}, never, never,
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RaisedCardComponent, "raised-card", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|
@@ -7,5 +7,5 @@ export declare class StrokedCardComponent {
|
|
7
7
|
label: string;
|
8
8
|
}[];
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<StrokedCardComponent, never>;
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never,
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StrokedCardComponent, "stroked-card", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|
@@ -7,5 +7,5 @@ export declare class BasicCheckboxComponent implements OnInit {
|
|
7
7
|
setFalse(): void;
|
8
8
|
setTrue(): void;
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<BasicCheckboxComponent, never>;
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never,
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BasicCheckboxComponent, "basic-checkbox", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|
@@ -8,5 +8,5 @@ export declare class CheckboxSetComponent implements OnInit {
|
|
8
8
|
ngOnInit(): void;
|
9
9
|
displayList(): void;
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetComponent, never>;
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never,
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxSetComponent, "checkbox-set", never, {}, {}, never, never, true, never>;
|
12
12
|
}
|
@@ -1,5 +1,3 @@
|
|
1
1
|
import { BasicCheckboxComponent } from './basic-checkbox/basic-checkbox.component';
|
2
|
-
import { BasicCheckboxModule } from './basic-checkbox/basic-checkbox.module';
|
3
2
|
import { CheckboxSetComponent } from './checkbox-set/checkbox-set.component';
|
4
3
|
export declare const CHECKBOX_EXAMPLES: (typeof BasicCheckboxComponent | typeof CheckboxSetComponent)[];
|
5
|
-
export declare const CHECKBOX_EXAMPLES_MODULES: (typeof BasicCheckboxModule)[];
|
@@ -1,32 +1,13 @@
|
|
1
|
-
import { ElementRef, Renderer2 } from '@angular/core';
|
2
|
-
import { DaffSizable, DaffSizeAllType } from '@daffodil/design';
|
3
1
|
import * as i0 from "@angular/core";
|
4
|
-
|
5
|
-
* An _elementRef and an instance of renderer2 are needed for the Sizeable mixin
|
6
|
-
*/
|
7
|
-
declare class DaffContainerBase {
|
8
|
-
_elementRef: ElementRef;
|
9
|
-
_renderer: Renderer2;
|
10
|
-
constructor(_elementRef: ElementRef, _renderer: Renderer2);
|
11
|
-
}
|
12
|
-
declare const _daffContainerBase: (new (...args: any[]) => {
|
13
|
-
_size: DaffSizeAllType;
|
14
|
-
size: DaffSizeAllType;
|
15
|
-
_elementRef: ElementRef<any>;
|
16
|
-
_renderer: Renderer2;
|
17
|
-
}) & typeof DaffContainerBase;
|
2
|
+
import * as i1 from "@daffodil/design";
|
18
3
|
/**
|
19
4
|
* @inheritdoc
|
20
5
|
*/
|
21
|
-
export declare class DaffContainerComponent
|
22
|
-
private elementRef;
|
23
|
-
private renderer;
|
6
|
+
export declare class DaffContainerComponent {
|
24
7
|
/**
|
25
8
|
* @docs-private
|
26
9
|
*/
|
27
10
|
class: boolean;
|
28
|
-
constructor(elementRef: ElementRef, renderer: Renderer2);
|
29
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<DaffContainerComponent, never>;
|
30
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, { "
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.DaffSizableDirective; inputs: { "size": "size"; }; outputs: {}; }]>;
|
31
13
|
}
|
32
|
-
export {};
|
@@ -7,5 +7,5 @@ export declare class ContainerSizesComponent {
|
|
7
7
|
label: string;
|
8
8
|
}[];
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<ContainerSizesComponent, never>;
|
10
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never,
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ContainerSizesComponent, "container-sizes", never, {}, {}, never, never, true, never>;
|
11
11
|
}
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
/**
|
3
|
+
* `DaffArticleEncapsulatedDirective` is used to encapsulate custom components within an article,
|
4
|
+
* preventing {@link DaffArticleComponent } styles from bleeding into the component.
|
5
|
+
*
|
6
|
+
* ## Usage
|
7
|
+
*
|
8
|
+
* ### Implementing it as an attribute directive
|
9
|
+
*
|
10
|
+
* ```html
|
11
|
+
* <my-custom-component daffArticleEncapsulated></my-custom-component>
|
12
|
+
* ```
|
13
|
+
*
|
14
|
+
* ### Implementing it as an Angular host directive
|
15
|
+
*
|
16
|
+
* ```ts
|
17
|
+
* @Component({
|
18
|
+
* standalone: true,
|
19
|
+
* selector: 'custom-component',
|
20
|
+
* template: 'custom-component.html',
|
21
|
+
* hostDirectives: [{ directive: DaffArticleEncapsulatedDirective }],
|
22
|
+
* })
|
23
|
+
* export class CustomComponent { }
|
24
|
+
*
|
25
|
+
* This directive will apply the `daff-ae` class to your component, ensuring that it is encapsulated from the article's styles.
|
26
|
+
*/
|
27
|
+
export declare class DaffArticleEncapsulatedDirective {
|
28
|
+
class: boolean;
|
29
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleEncapsulatedDirective, never>;
|
30
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleEncapsulatedDirective, "[daffArticleEncapsulated]", never, {}, {}, never, never, true, never>;
|
31
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export {
|
1
|
+
export { DaffArticleEncapsulatedDirective } from './article-encapsulated.directive';
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
|
2
|
+
import { Observable } from 'rxjs';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
/**
|
5
|
+
* A stubbed out breakpoint observer service.
|
6
|
+
*/
|
7
|
+
export declare class NoopBreakpointObserver implements Omit<BreakpointObserver, never> {
|
8
|
+
ngOnDestroy(): void;
|
9
|
+
isMatched(value: string | readonly string[]): boolean;
|
10
|
+
observe(value: string | readonly string[]): Observable<BreakpointState>;
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NoopBreakpointObserver, never>;
|
12
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NoopBreakpointObserver>;
|
13
|
+
}
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
2
|
+
import { InjectionToken } from '@angular/core';
|
3
|
+
/**
|
4
|
+
* Provides a {@link NoopBreakpointObserver} if the platform is not browser.
|
5
|
+
*/
|
6
|
+
export declare const SERVER_SAFE_BREAKPOINT_OBSERVER: InjectionToken<Omit<BreakpointObserver, never>>;
|
@@ -7,5 +7,39 @@ export interface DaffColorable {
|
|
7
7
|
/**
|
8
8
|
* These are the valid options that can be passed to a DaffColorable component
|
9
9
|
*/
|
10
|
-
export type DaffPalette = 'primary' | 'secondary' | '
|
11
|
-
|
10
|
+
export type DaffPalette = 'primary' | 'secondary' | 'tertiary' | 'black' | 'white' | 'theme' | 'theme-contrast' | undefined;
|
11
|
+
/**
|
12
|
+
* Enumerates the available color palette options for a component.
|
13
|
+
* These values can be used to apply specific color styles to components within the
|
14
|
+
* application.
|
15
|
+
*/
|
16
|
+
export declare enum DaffPaletteEnum {
|
17
|
+
/**
|
18
|
+
* Your primary color.
|
19
|
+
*/
|
20
|
+
Primary = "primary",
|
21
|
+
/**
|
22
|
+
* Your secondary color.
|
23
|
+
*/
|
24
|
+
Secondary = "secondary",
|
25
|
+
/**
|
26
|
+
* Your tertiary color.
|
27
|
+
*/
|
28
|
+
Tertiary = "tertiary",
|
29
|
+
/**
|
30
|
+
* Black. It's dark.
|
31
|
+
*/
|
32
|
+
Black = "black",
|
33
|
+
/**
|
34
|
+
* White. It's bright.
|
35
|
+
*/
|
36
|
+
White = "white",
|
37
|
+
/**
|
38
|
+
* The default color for your theme.
|
39
|
+
*/
|
40
|
+
Theme = "theme",
|
41
|
+
/**
|
42
|
+
* A color that constrats against your defined theme.
|
43
|
+
*/
|
44
|
+
ThemeContrast = "theme-contrast"
|
45
|
+
}
|
@@ -0,0 +1,82 @@
|
|
1
|
+
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
+
import { DaffColorable, DaffPalette } from './colorable';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
/**
|
5
|
+
* `DaffColorableDirective` allows a component to conditionally apply color-specific
|
6
|
+
* styles by setting CSS classes based on the specified color. This directive is useful
|
7
|
+
* for applying different color palettes to a component in an Angular application.
|
8
|
+
*
|
9
|
+
* ## Usage
|
10
|
+
*
|
11
|
+
* ### Implementing it as an attribute directive
|
12
|
+
*
|
13
|
+
* ```html
|
14
|
+
* <div daffColorable [color]="componentColor">Colored content</div>
|
15
|
+
* ```
|
16
|
+
*
|
17
|
+
* ### Implementing it as an Angular host directive
|
18
|
+
*
|
19
|
+
* ```ts
|
20
|
+
* @Component({
|
21
|
+
* standalone: true,
|
22
|
+
* selector: 'custom-component',
|
23
|
+
* template: 'custom-component.html',
|
24
|
+
* hostDirectives: [
|
25
|
+
* {
|
26
|
+
* directive: DaffColorableDirective,
|
27
|
+
* inputs: ['color'],
|
28
|
+
* },
|
29
|
+
* ],
|
30
|
+
* })
|
31
|
+
* export class CustomComponent { }
|
32
|
+
* ```
|
33
|
+
*
|
34
|
+
* ```scss
|
35
|
+
* .custom-component {
|
36
|
+
*
|
37
|
+
* &.daff-primary {
|
38
|
+
* background: daff-color($primary, 10);
|
39
|
+
* color: daff-color($primary, 90);
|
40
|
+
* }
|
41
|
+
* }
|
42
|
+
* ```
|
43
|
+
*
|
44
|
+
* ## Styles
|
45
|
+
*
|
46
|
+
* The directive applies the following CSS classes based on the color:
|
47
|
+
*
|
48
|
+
* - `daff-primary`: Applied when the color is `primary`.
|
49
|
+
* - `daff-secondary`: Applied when the color is `secondary`.
|
50
|
+
* - `daff-tertiary`: Applied when the color is `tertiary`.
|
51
|
+
* - `daff-black`: Applied when the color is `black`.
|
52
|
+
* - `daff-white`: Applied when the color is `white`.
|
53
|
+
* - `daff-theme`: Applied when the color is `theme`.
|
54
|
+
* - `daff-theme-contrast`: Applied when the color is `theme-contrast`.
|
55
|
+
*/
|
56
|
+
export declare class DaffColorableDirective implements DaffColorable, OnChanges, OnInit {
|
57
|
+
/**
|
58
|
+
* Dynamically sets the CSS classes based on the color.
|
59
|
+
* @docs-private
|
60
|
+
*/
|
61
|
+
get class(): {
|
62
|
+
'daff-primary': boolean;
|
63
|
+
'daff-secondary': boolean;
|
64
|
+
'daff-tertiary': boolean;
|
65
|
+
'daff-black': boolean;
|
66
|
+
'daff-white': boolean;
|
67
|
+
'daff-theme': boolean;
|
68
|
+
'daff-theme-contrast': boolean;
|
69
|
+
};
|
70
|
+
/**
|
71
|
+
* Sets the color on a component.
|
72
|
+
*/
|
73
|
+
color: DaffPalette;
|
74
|
+
/**
|
75
|
+
* Sets a default color.
|
76
|
+
*/
|
77
|
+
defaultColor: DaffPalette;
|
78
|
+
ngOnChanges(changes: SimpleChanges): void;
|
79
|
+
ngOnInit(): void;
|
80
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffColorableDirective, never>;
|
81
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffColorableDirective, "[daffColorable]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
82
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { DaffPalette, DaffColorable, } from './colorable';
|
2
|
-
export {
|
2
|
+
export { DaffColorableDirective } from './colorable.directive';
|
@@ -0,0 +1,54 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
/**
|
3
|
+
* `DaffCompactableDirective` allows a component to conditionally apply a compact
|
4
|
+
* style by toggling a CSS class. This is useful for creating components that can
|
5
|
+
* switch between regular and compact styles based on the `compact` property.
|
6
|
+
*
|
7
|
+
* ## Usage
|
8
|
+
*
|
9
|
+
* ### Implementing it as an attribute directive
|
10
|
+
*
|
11
|
+
* ```html
|
12
|
+
* <div daffCompactable [compact]="isCompact">Content goes here</div>
|
13
|
+
* ```
|
14
|
+
*
|
15
|
+
* In this example, the `daff-compact` class is applied to the `div` element when
|
16
|
+
* `isCompact` is `true`, making the `div` display its compact state.
|
17
|
+
*
|
18
|
+
* ### Implementing it as an Angular host directive
|
19
|
+
*
|
20
|
+
* ```ts
|
21
|
+
* @Component({
|
22
|
+
* standalone: true,
|
23
|
+
* selector: 'custom-component',
|
24
|
+
* template: 'custom-component.html',
|
25
|
+
* hostDirectives: [
|
26
|
+
* {
|
27
|
+
* directive: DaffCompactableDirective,
|
28
|
+
* inputs: ['compact'],
|
29
|
+
* },
|
30
|
+
* ],
|
31
|
+
* })
|
32
|
+
* export class CustomComponent { }
|
33
|
+
* ```
|
34
|
+
*
|
35
|
+
* ```scss
|
36
|
+
* .custom-component {
|
37
|
+
* padding: 8px 16px;
|
38
|
+
*
|
39
|
+
* &.daff-compact {
|
40
|
+
* padding: 4px 8px;
|
41
|
+
* }
|
42
|
+
* }
|
43
|
+
* ```
|
44
|
+
*
|
45
|
+
* ## Styles
|
46
|
+
*
|
47
|
+
* The `daff-compact` class should be defined in your styles to display the compact
|
48
|
+
* state as desired.
|
49
|
+
*/
|
50
|
+
export declare class DaffCompactableDirective {
|
51
|
+
compact: boolean;
|
52
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffCompactableDirective, never>;
|
53
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffCompactableDirective, "[daffCompactable]", never, { "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, true, never>;
|
54
|
+
}
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { DaffCompactable } from './compactable';
|
2
|
-
export {
|
2
|
+
export { DaffCompactableDirective } from './compactable.directive';
|
@@ -0,0 +1,66 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
/**
|
3
|
+
* `DaffManageContainerLayoutDirective` gives a component the ability to manage a `DaffContainerComponent`'s layout.
|
4
|
+
* By including this directive, predetermined layout styles are passed down to the container.
|
5
|
+
*
|
6
|
+
* To understand the motivation for this directive, consider:
|
7
|
+
*
|
8
|
+
* ```html
|
9
|
+
* <daff-container>
|
10
|
+
* <daff-hero></daff-hero>
|
11
|
+
* </daff-container>
|
12
|
+
* ```
|
13
|
+
* vs.
|
14
|
+
*
|
15
|
+
* ```html
|
16
|
+
* <daff-hero>
|
17
|
+
* <daff-container></daff-container>
|
18
|
+
* </daff-hero>
|
19
|
+
* ```
|
20
|
+
*
|
21
|
+
* The former may inappropriately constrain the width of its child elements,
|
22
|
+
* while the latter (without `DaffManageContainerLayoutDirective`) may unexpectedly
|
23
|
+
* interfere in the layout features of its parent element (i.e. display: grid, display: flex).
|
24
|
+
*
|
25
|
+
* ## Usage
|
26
|
+
*
|
27
|
+
* ### Implementing it as an attribute directive
|
28
|
+
*
|
29
|
+
* ```html
|
30
|
+
* <my-custom-component daffManageContainerLayout>
|
31
|
+
* <daff-container size="lg"></daff-container>
|
32
|
+
* </my-custom-component>
|
33
|
+
* ```
|
34
|
+
*
|
35
|
+
* ```scss
|
36
|
+
* :host {
|
37
|
+
* display: grid;
|
38
|
+
* grid-template-columns: 1fr 1fr;
|
39
|
+
* }
|
40
|
+
* ```
|
41
|
+
*
|
42
|
+
* ### Implementing it as an Angular host directive
|
43
|
+
*
|
44
|
+
* ```ts
|
45
|
+
* @Component({
|
46
|
+
* standalone: true,
|
47
|
+
* selector: 'my-custom-component',
|
48
|
+
* template: 'my-custom-component.html',
|
49
|
+
* hostDirectives: [{ directive: DaffManageContainerLayoutDirective }],
|
50
|
+
* })
|
51
|
+
* export class MyCustomComponent { }
|
52
|
+
*
|
53
|
+
* ```scss
|
54
|
+
* :host {
|
55
|
+
* display: grid;
|
56
|
+
* grid-template-columns: 1fr 1fr;
|
57
|
+
* }
|
58
|
+
* ```
|
59
|
+
*
|
60
|
+
* This directive will apply the `daff-manage-container-layout` class to your component, ensuring that the styles set on `:host` are passed down to the container.
|
61
|
+
*/
|
62
|
+
export declare class DaffManageContainerLayoutDirective {
|
63
|
+
class: boolean;
|
64
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffManageContainerLayoutDirective, never>;
|
65
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffManageContainerLayoutDirective, "[daffManageContainerLayout]", never, {}, {}, never, never, true, never>;
|
66
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
export {
|
1
|
+
export { DaffManageContainerLayoutDirective } from './manage-container-layout.directive';
|
package/core/public_api.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
export * from './animation/animation-state-with-params';
|
2
2
|
export * from './prefix-suffix/public_api';
|
3
3
|
export * from './colorable/public_api';
|
4
|
-
export * from './breakpoints/
|
4
|
+
export * from './breakpoints/public_api';
|
5
5
|
export * from './constructor/constructor';
|
6
6
|
export * from './statusable/public_api';
|
7
7
|
export * from './skeletonable/public_api';
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { DaffSizable, DaffSizeAllType, DaffSizableEnum, DaffSizeXSmallType, DaffSizeSmallType, DaffSizeMediumType, DaffSizeLargeType, DaffSizeXLargeType, } from './sizable';
|
2
|
-
export {
|
2
|
+
export { DaffSizableDirective } from './sizable.directive';
|
@@ -1,6 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
*
|
3
|
-
* In order to be sizable, a component class must implement this property.
|
2
|
+
* Interfaces that gives a component the ability to customize sizing for component specific UI.
|
4
3
|
*/
|
5
4
|
export interface DaffSizable<T extends DaffSizeAllType> {
|
6
5
|
size: T;
|
@@ -13,6 +12,9 @@ export type DaffSizeSmallType = 'sm';
|
|
13
12
|
export type DaffSizeMediumType = 'md';
|
14
13
|
export type DaffSizeLargeType = 'lg';
|
15
14
|
export type DaffSizeXLargeType = 'xl';
|
15
|
+
/**
|
16
|
+
* The a type representing all available sizes.
|
17
|
+
*/
|
16
18
|
export type DaffSizeAllType = DaffSizeXSmallType | DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType | DaffSizeXLargeType;
|
17
19
|
export declare enum DaffSizableEnum {
|
18
20
|
XSmall = "xs",
|
@@ -0,0 +1,81 @@
|
|
1
|
+
import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
2
|
+
import { DaffSizable, DaffSizeAllType } from './sizable';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
/**
|
5
|
+
* `DaffSizableDirective` allows for dynamic sizing of a component by setting
|
6
|
+
* CSS classes based on the specified size.
|
7
|
+
*
|
8
|
+
* ## Usage
|
9
|
+
*
|
10
|
+
* ### Implementing it as an attribute directive
|
11
|
+
*
|
12
|
+
* ```html
|
13
|
+
* <div daffSizable [size]="small">Sized content</div>
|
14
|
+
* ```
|
15
|
+
* In this example, the `daff-small` class is applied to the `div` element, allowing you to
|
16
|
+
* use the class to style the `div`.
|
17
|
+
*
|
18
|
+
* ### Implementing it as an Angular host directive
|
19
|
+
*
|
20
|
+
* ```ts
|
21
|
+
* @Component({
|
22
|
+
* standalone: true,
|
23
|
+
* selector: 'custom-component',
|
24
|
+
* template: 'custom-component.html',
|
25
|
+
* hostDirectives: [
|
26
|
+
* {
|
27
|
+
* directive: DaffSizableDirective,
|
28
|
+
* inputs: ['size'],
|
29
|
+
* },
|
30
|
+
* ],
|
31
|
+
* })
|
32
|
+
* export class CustomComponent { }
|
33
|
+
* ```
|
34
|
+
*
|
35
|
+
* ```scss
|
36
|
+
* .custom-component {
|
37
|
+
* &.daff-sm {
|
38
|
+
* width: 24px;
|
39
|
+
* }
|
40
|
+
*
|
41
|
+
* &.daff-md {
|
42
|
+
* width: 32px;
|
43
|
+
* }
|
44
|
+
* }
|
45
|
+
* ```
|
46
|
+
*
|
47
|
+
* ## Styles
|
48
|
+
*
|
49
|
+
* The directive applies the following CSS classes based on the size:
|
50
|
+
*
|
51
|
+
* - `daff-xs`: Applied when the size is `xs`.
|
52
|
+
* - `daff-sm`: Applied when the size is `sm`.
|
53
|
+
* - `daff-md`: Applied when the size is `md`.
|
54
|
+
* - `daff-lg`: Applied when the size is `lg`.
|
55
|
+
* - `daff-xl`: Applied when the size is `xl`.
|
56
|
+
*/
|
57
|
+
export declare class DaffSizableDirective<T extends DaffSizeAllType> implements DaffSizable<T>, OnChanges, OnInit {
|
58
|
+
/**
|
59
|
+
* Dynamically sets the CSS classes based on the size.
|
60
|
+
* @docs-private
|
61
|
+
*/
|
62
|
+
get class(): {
|
63
|
+
'daff-xs': boolean;
|
64
|
+
'daff-sm': boolean;
|
65
|
+
'daff-md': boolean;
|
66
|
+
'daff-lg': boolean;
|
67
|
+
'daff-xl': boolean;
|
68
|
+
};
|
69
|
+
/**
|
70
|
+
* The size of a component.
|
71
|
+
*/
|
72
|
+
size: T;
|
73
|
+
/**
|
74
|
+
* Sets a default size when no size is provided.
|
75
|
+
*/
|
76
|
+
defaultSize: T;
|
77
|
+
ngOnChanges(changes: SimpleChanges): void;
|
78
|
+
ngOnInit(): void;
|
79
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DaffSizableDirective<any>, never>;
|
80
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DaffSizableDirective<any>, "[daffSizable]", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
81
|
+
}
|