@daffodil/design 0.74.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/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/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/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 +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/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/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 +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-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 +404 -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 +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/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/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/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
@@ -1,10 +1,11 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, ViewChild, } from '@angular/core';
|
2
|
-
import { UntypedFormArray, UntypedFormControl, } from '@angular/forms';
|
3
|
-
import { DaffCheckboxSetComponent } from '@daffodil/design';
|
2
|
+
import { UntypedFormArray, UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
|
3
|
+
import { DaffCheckboxSetComponent, DaffCheckboxModule, } from '@daffodil/design';
|
4
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
4
5
|
import * as i0 from "@angular/core";
|
5
6
|
import * as i1 from "@daffodil/design";
|
6
|
-
import * as i2 from "@
|
7
|
-
import * as i3 from "@
|
7
|
+
import * as i2 from "@angular/forms";
|
8
|
+
import * as i3 from "@daffodil/design/button";
|
8
9
|
export class CheckboxSetComponent {
|
9
10
|
constructor() {
|
10
11
|
this.checkboxArray = new UntypedFormArray([new UntypedFormControl(), new UntypedFormControl(), new UntypedFormControl()]);
|
@@ -17,13 +18,17 @@ export class CheckboxSetComponent {
|
|
17
18
|
this.selectedValues = this.checkboxSet.getValues();
|
18
19
|
}
|
19
20
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CheckboxSetComponent, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>", dependencies: [{ kind: "component", type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { kind: "component", type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { kind: "directive", type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { kind: "
|
21
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CheckboxSetComponent, isStandalone: true, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>", dependencies: [{ kind: "ngmodule", type: DaffCheckboxModule }, { kind: "component", type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { kind: "component", type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { kind: "directive", type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.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 }); }
|
21
22
|
}
|
22
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CheckboxSetComponent, decorators: [{
|
23
24
|
type: Component,
|
24
|
-
args: [{ selector: 'checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush,
|
25
|
+
args: [{ selector: 'checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
26
|
+
DaffCheckboxModule,
|
27
|
+
ReactiveFormsModule,
|
28
|
+
DaffButtonModule,
|
29
|
+
], template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>" }]
|
25
30
|
}], propDecorators: { checkboxSet: [{
|
26
31
|
type: ViewChild,
|
27
32
|
args: [DaffCheckboxSetComponent]
|
28
33
|
}] } });
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLGtCQUFrQixFQUNsQixtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLGtCQUFrQixHQUNuQixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWMzRCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBZ0JFLGtCQUFhLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLElBQUksa0JBQWtCLEVBQUUsRUFBRSxJQUFJLGtCQUFrQixFQUFFLEVBQUUsSUFBSSxrQkFBa0IsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNySCxtQkFBYyxHQUFHLEVBQUUsQ0FBQztLQVFyQjtJQU5DLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyRCxDQUFDO2tJQVpVLG9CQUFvQjtzSEFBcEIsb0JBQW9CLHFIQUVwQix3QkFBd0IsZ0RDaENyQyw4akJBWU0sMkNEYUYsa0JBQWtCLGtrQkFDbEIsbUJBQW1CLHlUQUNuQixnQkFBZ0I7OzRGQUdQLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFFRSxjQUFjLG1CQUVQLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixnQkFBZ0I7cUJBQ2pCOzhCQUtPLFdBQVc7c0JBRGxCLFNBQVM7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1BcnJheSxcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZDaGVja2JveFNldENvbXBvbmVudCxcbiAgRGFmZkNoZWNrYm94TW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NoZWNrYm94LXNldCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC1zZXQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDaGVja2JveE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94U2V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBAVmlld0NoaWxkKERhZmZDaGVja2JveFNldENvbXBvbmVudClcbiAgcHJpdmF0ZSBjaGVja2JveFNldDogRGFmZkNoZWNrYm94U2V0Q29tcG9uZW50O1xuICBjaGVja2JveEFycmF5ID0gbmV3IFVudHlwZWRGb3JtQXJyYXkoW25ldyBVbnR5cGVkRm9ybUNvbnRyb2woKSwgbmV3IFVudHlwZWRGb3JtQ29udHJvbCgpLCBuZXcgVW50eXBlZEZvcm1Db250cm9sKCldKTtcbiAgc2VsZWN0ZWRWYWx1ZXMgPSBbXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNoZWNrYm94QXJyYXkuc2V0VmFsdWUoW2ZhbHNlLCBmYWxzZSwgZmFsc2VdKTtcbiAgfVxuICBkaXNwbGF5TGlzdCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWVzID0gdGhpcy5jaGVja2JveFNldC5nZXRWYWx1ZXMoKTtcbiAgfVxufVxuIiwiPGRhZmYtY2hlY2tib3gtc2V0IFtmb3JtQXJyYXldPVwiY2hlY2tib3hBcnJheVwiPlxuICA8ZGFmZi1jaGVja2JveCBbZm9ybUNvbnRyb2xdPVwiY2hlY2tib3hBcnJheS5hdCgwKVwiIHZhbHVlPVwib3B0aW9uMVwiPk9wdGlvbiAxIDwvZGFmZi1jaGVja2JveD5cbiAgPGRhZmYtY2hlY2tib3ggW2Zvcm1Db250cm9sXT1cImNoZWNrYm94QXJyYXkuYXQoMSlcIiB2YWx1ZT1cIm9wdGlvbjJcIj5PcHRpb24gMiA8L2RhZmYtY2hlY2tib3g+XG4gIDxkYWZmLWNoZWNrYm94IFtmb3JtQ29udHJvbF09XCJjaGVja2JveEFycmF5LmF0KDIpXCIgdmFsdWU9XCJvcHRpb24zXCI+T3B0aW9uIDMgPC9kYWZmLWNoZWNrYm94PlxuPC9kYWZmLWNoZWNrYm94LXNldD5cblxuPGRpdj5cbiAge3tjaGVja2JveEFycmF5LnZhbHVlfX1cbjwvZGl2PlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiIChjbGljayk9XCJkaXNwbGF5TGlzdCgpXCI+R2V0IExpc3Qgb2YgVmFsdWVzPC9idXR0b24+XG48ZGl2PlxuICBMaXN0IG9mIHNlbGVjdGVkIHZhbHVlczoge3tzZWxlY3RlZFZhbHVlc319XG48L2Rpdj4iXX0=
|
@@ -1,13 +1,7 @@
|
|
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
|
-
import { CheckboxSetModule } from './checkbox-set/checkbox-set.module';
|
5
3
|
export const CHECKBOX_EXAMPLES = [
|
6
4
|
CheckboxSetComponent,
|
7
5
|
BasicCheckboxComponent,
|
8
6
|
];
|
9
|
-
|
10
|
-
BasicCheckboxModule,
|
11
|
-
CheckboxSetModule,
|
12
|
-
];
|
13
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jaGVja2JveC9leGFtcGxlcy9zcmMvZXhhbXBsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFHdkUsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0Isb0JBQW9CO0lBQ3BCLHNCQUFzQjtDQUN2QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQUc7SUFDdkMsbUJBQW1CO0lBQ25CLGlCQUFpQjtDQUNsQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2hlY2tib3gvYmFzaWMtY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IEJhc2ljQ2hlY2tib3hNb2R1bGUgfSBmcm9tICcuL2Jhc2ljLWNoZWNrYm94L2Jhc2ljLWNoZWNrYm94Lm1vZHVsZSc7XG5pbXBvcnQgeyBDaGVja2JveFNldENvbXBvbmVudCB9IGZyb20gJy4vY2hlY2tib3gtc2V0L2NoZWNrYm94LXNldC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hlY2tib3hTZXRNb2R1bGUgfSBmcm9tICcuL2NoZWNrYm94LXNldC9jaGVja2JveC1zZXQubW9kdWxlJztcblxuXG5leHBvcnQgY29uc3QgQ0hFQ0tCT1hfRVhBTVBMRVMgPSBbXG4gIENoZWNrYm94U2V0Q29tcG9uZW50LFxuICBCYXNpY0NoZWNrYm94Q29tcG9uZW50LFxuXTtcblxuZXhwb3J0IGNvbnN0IENIRUNLQk9YX0VYQU1QTEVTX01PRFVMRVMgPSBbXG4gIEJhc2ljQ2hlY2tib3hNb2R1bGUsXG4gIENoZWNrYm94U2V0TW9kdWxlLFxuXTtcbiJdfQ==
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jaGVja2JveC9leGFtcGxlcy9zcmMvZXhhbXBsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFHN0UsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUc7SUFDL0Isb0JBQW9CO0lBQ3BCLHNCQUFzQjtDQUN2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNDaGVja2JveENvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtY2hlY2tib3gvYmFzaWMtY2hlY2tib3guY29tcG9uZW50JztcbmltcG9ydCB7IENoZWNrYm94U2V0Q29tcG9uZW50IH0gZnJvbSAnLi9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudCc7XG5cblxuZXhwb3J0IGNvbnN0IENIRUNLQk9YX0VYQU1QTEVTID0gW1xuICBDaGVja2JveFNldENvbXBvbmVudCxcbiAgQmFzaWNDaGVja2JveENvbXBvbmVudCxcbl07XG4iXX0=
|
@@ -1,3 +1,2 @@
|
|
1
1
|
export { CHECKBOX_EXAMPLES } from './examples';
|
2
|
-
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUUvQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDSEVDS0JPWF9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuXG5leHBvcnQgeyBDSEVDS0JPWF9FWEFNUExFU19NT0RVTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG4iXX0=
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IENIRUNLQk9YX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG4iXX0=
|
@@ -1,37 +1,30 @@
|
|
1
|
-
import { Component, ChangeDetectionStrategy, HostBinding,
|
2
|
-
import {
|
1
|
+
import { Component, ChangeDetectionStrategy, HostBinding, } from '@angular/core';
|
2
|
+
import { DaffSizableDirective } from '@daffodil/design';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
|
5
|
-
* An _elementRef and an instance of renderer2 are needed for the Sizeable mixin
|
6
|
-
*/
|
7
|
-
class DaffContainerBase {
|
8
|
-
constructor(_elementRef, _renderer) {
|
9
|
-
this._elementRef = _elementRef;
|
10
|
-
this._renderer = _renderer;
|
11
|
-
}
|
12
|
-
}
|
13
|
-
const _daffContainerBase = daffSizeMixin(DaffContainerBase);
|
4
|
+
import * as i1 from "@daffodil/design";
|
14
5
|
/**
|
15
6
|
* @inheritdoc
|
16
7
|
*/
|
17
|
-
export class DaffContainerComponent
|
18
|
-
constructor(
|
19
|
-
super(elementRef, renderer);
|
20
|
-
this.elementRef = elementRef;
|
21
|
-
this.renderer = renderer;
|
8
|
+
export class DaffContainerComponent {
|
9
|
+
constructor() {
|
22
10
|
/**
|
23
11
|
* @docs-private
|
24
12
|
*/
|
25
13
|
this.class = true;
|
26
14
|
}
|
27
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffContainerComponent, deps: [
|
28
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffContainerComponent, selector: "daff-container",
|
15
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
16
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffContainerComponent, selector: "daff-container", host: { properties: { "class.daff-container": "this.class" } }, hostDirectives: [{ directive: i1.DaffSizableDirective, inputs: ["size", "size"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
29
17
|
}
|
30
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffContainerComponent, decorators: [{
|
31
19
|
type: Component,
|
32
|
-
args: [{ selector: 'daff-container', template: '<ng-content></ng-content>',
|
33
|
-
|
20
|
+
args: [{ selector: 'daff-container', template: '<ng-content></ng-content>', hostDirectives: [
|
21
|
+
{
|
22
|
+
directive: DaffSizableDirective,
|
23
|
+
inputs: ['size'],
|
24
|
+
},
|
25
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"] }]
|
26
|
+
}], propDecorators: { class: [{
|
34
27
|
type: HostBinding,
|
35
28
|
args: ['class.daff-container']
|
36
29
|
}] } });
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9zcmMvY29udGFpbmVyL2NvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFFeEQ7O0dBRUc7QUFhSCxNQUFNLE9BQU8sc0JBQXNCO0lBWm5DO1FBYUU7O1dBRUc7UUFDa0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNuRDtrSUFMWSxzQkFBc0I7c0hBQXRCLHNCQUFzQiwwTUFUdkIsMkJBQTJCOzs0RkFTMUIsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNFLGdCQUFnQixZQUVoQiwyQkFBMkIsa0JBQ3JCO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxvQkFBb0I7NEJBQy9CLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQzt5QkFDakI7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBTVYsS0FBSztzQkFBekMsV0FBVzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZTaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQGluaGVyaXRkb2NcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1jb250YWluZXInLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZTaXphYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ3NpemUnXSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNvbnRhaW5lckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY29udGFpbmVyJykgY2xhc3MgPSB0cnVlO1xufVxuIl19
|
@@ -1,9 +1,10 @@
|
|
1
|
+
import { NgFor } from '@angular/common';
|
1
2
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
-
import { UntypedFormControl } from '@angular/forms';
|
3
|
+
import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
|
4
|
+
import { DaffContainerModule } from '@daffodil/design/container';
|
3
5
|
import * as i0 from "@angular/core";
|
4
|
-
import * as i1 from "@
|
6
|
+
import * as i1 from "@daffodil/design/container";
|
5
7
|
import * as i2 from "@angular/forms";
|
6
|
-
import * as i3 from "@daffodil/design/container";
|
7
8
|
export class ContainerSizesComponent {
|
8
9
|
constructor() {
|
9
10
|
this.sizeControl = new UntypedFormControl('xs');
|
@@ -16,10 +17,14 @@ export class ContainerSizesComponent {
|
|
16
17
|
];
|
17
18
|
}
|
18
19
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ContainerSizesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
19
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ContainerSizesComponent, selector: "container-sizes", ngImport: i0, template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", dependencies: [{ kind: "
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ContainerSizesComponent, isStandalone: true, selector: "container-sizes", ngImport: i0, template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", dependencies: [{ kind: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i1.DaffContainerComponent, selector: "daff-container" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
20
21
|
}
|
21
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ContainerSizesComponent, decorators: [{
|
22
23
|
type: Component,
|
23
|
-
args: [{ selector: 'container-sizes', changeDetection: ChangeDetectionStrategy.OnPush,
|
24
|
+
args: [{ selector: 'container-sizes', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
25
|
+
DaffContainerModule,
|
26
|
+
ReactiveFormsModule,
|
27
|
+
NgFor,
|
28
|
+
], template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>" }]
|
24
29
|
}] });
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jb250YWluZXIvZXhhbXBsZXMvc3JjL2NvbnRhaW5lci1zaXplcy9jb250YWluZXItc2l6ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsbUJBQW1CLEdBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFjakUsTUFBTSxPQUFPLHVCQUF1QjtJQVpwQztRQWFFLGdCQUFXLEdBQXVCLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFL0QsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUU7WUFDckMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUU7U0FDdEMsQ0FBQztLQUNIO2tJQVZZLHVCQUF1QjtzSEFBdkIsdUJBQXVCLDJFQ3hCcEMseXZDQU1TLDJDRGFMLG1CQUFtQixrSEFDbkIsbUJBQW1CLHF0QkFDbkIsS0FBSzs7NEZBR0ksdUJBQXVCO2tCQVpuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFFVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDb250YWluZXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NvbnRhaW5lcic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NvbnRhaW5lci1zaXplcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWluZXItc2l6ZXMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ0ZvcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQge1xuICBzaXplQ29udHJvbDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgneHMnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICd4cycsIGxhYmVsOiAnRXh0cmEgU21hbGwnIH0sXG4gICAgeyB2YWx1ZTogJ3NtJywgbGFiZWw6ICdTbWFsbCcgfSxcbiAgICB7IHZhbHVlOiAnbWQnLCBsYWJlbDogJ01lZGl1bScgfSxcbiAgICB7IHZhbHVlOiAnbGcnLCBsYWJlbDogJ0xhcmdlJyB9LFxuICAgIHsgdmFsdWU6ICd4bCcsIGxhYmVsOiAnRXh0cmEgTGFyZ2UnIH0sXG4gIF07XG59XG4iLCI8ZGFmZi1jb250YWluZXIgW3NpemVdPVwic2l6ZUNvbnRyb2wudmFsdWVcIj5cblx0TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gVmVzdGlidWx1bSBpbiBlZ2VzdGFzIGV4LCBzZWQgc2NlbGVyaXNxdWUgbmVxdWUuIEluIHV0IHZlc3RpYnVsdW0gZHVpLiBEb25lYyBhbGlxdWV0IHRvcnRvciBwZWxsZW50ZXNxdWUgZXggdGluY2lkdW50IGZhdWNpYnVzLiBWZXN0aWJ1bHVtIHNjZWxlcmlzcXVlIGRvbG9yIHNpdCBhbWV0IGVuaW0gZmFjaWxpc2lzIG1hdHRpcy4gUGVsbGVudGVzcXVlIHNjZWxlcmlzcXVlIHZpdGFlIHNhcGllbiBzaXQgYW1ldCBkaWduaXNzaW0uIEFlbmVhbiBncmF2aWRhIGZhY2lsaXNpcyBsaWd1bGEgaWQgdmVzdGlidWx1bS4gRXRpYW0gdml2ZXJyYSBtYXNzYSBldCBuaWJoIGF1Y3RvciBtb2xlc3RpZS4gVmVzdGlidWx1bSBydXRydW0gcHJldGl1bSBleCwgdml0YWUgdGVtcHVzIG1pLiBOdW5jIG5vbiBhcmN1IGlkIGxpZ3VsYSBmZXVnaWF0IHZlbmVuYXRpcyBldSBpZCB1cm5hLiBWaXZhbXVzIGZyaW5naWxsYSwgc2FwaWVuIHV0IG1vbGVzdGllIGVsZWlmZW5kLCBleCBhcmN1IGZyaW5naWxsYSBzYXBpZW4sIG5lYyBlbGVpZmVuZCBlcmF0IGp1c3RvIHNjZWxlcmlzcXVlIG1ldHVzLiBJbnRlZ2VyIGVsZWlmZW5kLCBmZWxpcyBlZ2V0IHVsdHJpY2VzIGlhY3VsaXMsIHNhcGllbiBuaWJoIHBoYXJldHJhIGVuaW0sIG5vbiBtYWxlc3VhZGEgbWF1cmlzIG9yY2kgc2VkIGRpYW0uIEN1cmFiaXR1ciB1bHRyaWNpZXMsIGVuaW0gaW4gcG9ydGEgYmxhbmRpdCwganVzdG8gdXJuYSBwb3J0YSBsYWN1cywgZXUgYWxpcXVldCBsZWN0dXMgZXN0IG5lYyBxdWFtLiBNb3JiaSBjb25kaW1lbnR1bSBhdWN0b3IgbmlzbCwgaWQgY29udmFsbGlzIHB1cnVzIGJsYW5kaXQgbGFvcmVldC4gTnVuYyBxdWlzIG51bGxhIG1hdHRpcyB0ZWxsdXMgZmV1Z2lhdCBsYW9yZWV0LiBDdXJhYml0dXIgaW4gZWZmaWNpdHVyIG5pc2wuIE9yY2kgdmFyaXVzIG5hdG9xdWUgcGVuYXRpYnVzIGV0IG1hZ25pcyBkaXMgcGFydHVyaWVudCBtb250ZXMsIG5hc2NldHVyIHJpZGljdWx1cyBtdXMuXG48L2RhZmYtY29udGFpbmVyPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJzaXplQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==
|
@@ -1,4 +1,3 @@
|
|
1
1
|
export { ContainerSizesComponent } from './container-sizes/container-sizes.component';
|
2
|
-
export { ContainerSizesModule } from './container-sizes/container-sizes.module';
|
3
2
|
export { CONTAINER_EXAMPLES } from './examples';
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUV0RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBDb250YWluZXJTaXplc0NvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQnO1xuXG5leHBvcnQgeyBDT05UQUlORVJfRVhBTVBMRVMgfSBmcm9tICcuL2V4YW1wbGVzJztcbiJdfQ==
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import { Directive, HostBinding, } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* The `DaffArticleEncapsulatedDirective` is used to encapsulate custom components
|
5
|
+
* within an article, preventing article styles from bleeding into the component.
|
6
|
+
*
|
7
|
+
* ## Example
|
8
|
+
*
|
9
|
+
* ```html
|
10
|
+
* <my-custom-component daffArticleEncapsulated></my-custom-component>
|
11
|
+
* ```
|
12
|
+
*
|
13
|
+
* This directive will apply the `daff-ae` class to your component, ensuring that it is encapsulated
|
14
|
+
* from the article's styles.
|
15
|
+
*/
|
16
|
+
export class DaffArticleEncapsulatedDirective {
|
17
|
+
constructor() {
|
18
|
+
this.class = true;
|
19
|
+
}
|
20
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffArticleEncapsulatedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
21
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffArticleEncapsulatedDirective, isStandalone: true, selector: "[daffArticleEncapsulated]", host: { properties: { "class.daff-ae": "this.class" } }, ngImport: i0 }); }
|
22
|
+
}
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffArticleEncapsulatedDirective, decorators: [{
|
24
|
+
type: Directive,
|
25
|
+
args: [{
|
26
|
+
selector: '[daffArticleEncapsulated]',
|
27
|
+
standalone: true,
|
28
|
+
}]
|
29
|
+
}], propDecorators: { class: [{
|
30
|
+
type: HostBinding,
|
31
|
+
args: ['class.daff-ae']
|
32
|
+
}] } });
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJ0aWNsZS1lbmNhcHN1bGF0ZWQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvYXJ0aWNsZS1lbmNhcHN1bGF0ZWQvYXJ0aWNsZS1lbmNhcHN1bGF0ZWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7O0dBWUc7QUFLSCxNQUFNLE9BQU8sZ0NBQWdDO0lBSjdDO1FBS2dDLFVBQUssR0FBRyxJQUFJLENBQUM7S0FDNUM7a0lBRlksZ0NBQWdDO3NIQUFoQyxnQ0FBZ0M7OzRGQUFoQyxnQ0FBZ0M7a0JBSjVDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUUrQixLQUFLO3NCQUFsQyxXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBUaGUgYERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlYCBpcyB1c2VkIHRvIGVuY2Fwc3VsYXRlIGN1c3RvbSBjb21wb25lbnRzXG4gKiB3aXRoaW4gYW4gYXJ0aWNsZSwgcHJldmVudGluZyBhcnRpY2xlIHN0eWxlcyBmcm9tIGJsZWVkaW5nIGludG8gdGhlIGNvbXBvbmVudC5cbiAqXG4gKiAjIyBFeGFtcGxlXG4gKlxuICogYGBgaHRtbFxuICogPG15LWN1c3RvbS1jb21wb25lbnQgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWQ+PC9teS1jdXN0b20tY29tcG9uZW50PlxuICogYGBgXG4gKlxuICogVGhpcyBkaXJlY3RpdmUgd2lsbCBhcHBseSB0aGUgYGRhZmYtYWVgIGNsYXNzIHRvIHlvdXIgY29tcG9uZW50LCBlbnN1cmluZyB0aGF0IGl0IGlzIGVuY2Fwc3VsYXRlZFxuICogZnJvbSB0aGUgYXJ0aWNsZSdzIHN0eWxlcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZBcnRpY2xlRW5jYXBzdWxhdGVkXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWFlJykgY2xhc3MgPSB0cnVlO1xufVxuIl19
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export {
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
1
|
+
export { DaffArticleEncapsulatedDirective } from './article-encapsulated.directive';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2FydGljbGUtZW5jYXBzdWxhdGVkL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sa0NBQWtDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSB9IGZyb20gJy4vYXJ0aWNsZS1lbmNhcHN1bGF0ZWQuZGlyZWN0aXZlJztcbiJdfQ==
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { Injectable } from '@angular/core';
|
2
|
+
import { of, } from 'rxjs';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
/**
|
5
|
+
* A stubbed out breakpoint observer service.
|
6
|
+
*/
|
7
|
+
export class NoopBreakpointObserver {
|
8
|
+
// eslint-disable-next-line @angular-eslint/no-empty-lifecycle-method, @angular-eslint/use-lifecycle-interface
|
9
|
+
ngOnDestroy() { }
|
10
|
+
isMatched(value) {
|
11
|
+
return false;
|
12
|
+
}
|
13
|
+
observe(value) {
|
14
|
+
return of();
|
15
|
+
}
|
16
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NoopBreakpointObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
17
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NoopBreakpointObserver, providedIn: 'root' }); }
|
18
|
+
}
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NoopBreakpointObserver, decorators: [{
|
20
|
+
type: Injectable,
|
21
|
+
args: [{
|
22
|
+
providedIn: 'root',
|
23
|
+
}]
|
24
|
+
}] });
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9vcC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvYnJlYWtwb2ludHMvbm9vcC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUVMLEVBQUUsR0FDSCxNQUFNLE1BQU0sQ0FBQzs7QUFFZDs7R0FFRztBQUlILE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsOEdBQThHO0lBQzlHLFdBQVcsS0FBVSxDQUFDO0lBQ3RCLFNBQVMsQ0FBQyxLQUFpQztRQUN6QyxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFDRCxPQUFPLENBQUMsS0FBaUM7UUFDdkMsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUNkLENBQUM7a0lBUlUsc0JBQXNCO3NJQUF0QixzQkFBc0IsY0FGckIsTUFBTTs7NEZBRVAsc0JBQXNCO2tCQUhsQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJyZWFrcG9pbnRPYnNlcnZlcixcbiAgQnJlYWtwb2ludFN0YXRlLFxufSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE9ic2VydmFibGUsXG4gIG9mLFxufSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBBIHN0dWJiZWQgb3V0IGJyZWFrcG9pbnQgb2JzZXJ2ZXIgc2VydmljZS5cbiAqL1xuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIE5vb3BCcmVha3BvaW50T2JzZXJ2ZXIgaW1wbGVtZW50cyBPbWl0PEJyZWFrcG9pbnRPYnNlcnZlciwgbmV2ZXI+IHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1lbXB0eS1saWZlY3ljbGUtbWV0aG9kLCBAYW5ndWxhci1lc2xpbnQvdXNlLWxpZmVjeWNsZS1pbnRlcmZhY2VcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7fVxuICBpc01hdGNoZWQodmFsdWU6IHN0cmluZyB8IHJlYWRvbmx5IHN0cmluZ1tdKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG4gIG9ic2VydmUodmFsdWU6IHN0cmluZyB8IHJlYWRvbmx5IHN0cmluZ1tdKTogT2JzZXJ2YWJsZTxCcmVha3BvaW50U3RhdGU+IHtcbiAgICByZXR1cm4gb2YoKTtcbiAgfVxuXG59XG4iXX0=
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
2
|
+
import { isPlatformBrowser } from '@angular/common';
|
3
|
+
import { inject, InjectionToken, PLATFORM_ID, } from '@angular/core';
|
4
|
+
import { NoopBreakpointObserver } from './noop.service';
|
5
|
+
/**
|
6
|
+
* Provides a {@link NoopBreakpointObserver} if the platform is not browser.
|
7
|
+
*/
|
8
|
+
export const SERVER_SAFE_BREAKPOINT_OBSERVER = new InjectionToken('SERVER_SAFE_BREAKPOINT_OBSERVER', {
|
9
|
+
factory: () => isPlatformBrowser(inject(PLATFORM_ID))
|
10
|
+
? inject(BreakpointObserver)
|
11
|
+
: inject(NoopBreakpointObserver),
|
12
|
+
});
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9icmVha3BvaW50cy9wcm92aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQ0wsTUFBTSxFQUNOLGNBQWMsRUFDZCxXQUFXLEdBQ1osTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSwrQkFBK0IsR0FBRyxJQUFJLGNBQWMsQ0FBa0MsaUNBQWlDLEVBQUU7SUFDcEksT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUNaLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwQyxDQUFDLENBQUMsTUFBTSxDQUFDLGtCQUFrQixDQUFDO1FBQzVCLENBQUMsQ0FBQyxNQUFNLENBQUMsc0JBQXNCLENBQUM7Q0FDckMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBpc1BsYXRmb3JtQnJvd3NlciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBpbmplY3QsXG4gIEluamVjdGlvblRva2VuLFxuICBQTEFURk9STV9JRCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE5vb3BCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICcuL25vb3Auc2VydmljZSc7XG5cbi8qKlxuICogUHJvdmlkZXMgYSB7QGxpbmsgTm9vcEJyZWFrcG9pbnRPYnNlcnZlcn0gaWYgdGhlIHBsYXRmb3JtIGlzIG5vdCBicm93c2VyLlxuICovXG5leHBvcnQgY29uc3QgU0VSVkVSX1NBRkVfQlJFQUtQT0lOVF9PQlNFUlZFUiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxPbWl0PEJyZWFrcG9pbnRPYnNlcnZlciwgbmV2ZXI+PignU0VSVkVSX1NBRkVfQlJFQUtQT0lOVF9PQlNFUlZFUicsIHtcbiAgZmFjdG9yeTogKCkgPT5cbiAgICBpc1BsYXRmb3JtQnJvd3NlcihpbmplY3QoUExBVEZPUk1fSUQpKVxuICAgICAgPyBpbmplY3QoQnJlYWtwb2ludE9ic2VydmVyKVxuICAgICAgOiBpbmplY3QoTm9vcEJyZWFrcG9pbnRPYnNlcnZlciksXG59KTtcbiJdfQ==
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export * from './breakpoints';
|
2
|
+
export * from './provider';
|
3
|
+
export * from './noop.service';
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2JyZWFrcG9pbnRzL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxZQUFZLENBQUM7QUFDM0IsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnJlYWtwb2ludHMnO1xuZXhwb3J0ICogZnJvbSAnLi9wcm92aWRlcic7XG5leHBvcnQgKiBmcm9tICcuL25vb3Auc2VydmljZSc7XG4iXX0=
|
@@ -0,0 +1,77 @@
|
|
1
|
+
import { Directive, HostBinding, Input, } from '@angular/core';
|
2
|
+
import { DaffPaletteEnum, } from './colorable';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
const colorInPalette = (color) => Object.values(DaffPaletteEnum).includes(color);
|
5
|
+
const validateColor = (color) => {
|
6
|
+
if (color !== undefined && !colorInPalette(color)) {
|
7
|
+
console.warn(color + ' is not a valid color in DaffPalette');
|
8
|
+
}
|
9
|
+
};
|
10
|
+
/**
|
11
|
+
* The `DaffColorableDirective` allows a component to conditionally apply color-specific
|
12
|
+
* styles by setting CSS classes based on the specified color. This directive is useful
|
13
|
+
* for applying different color palettes to a component in an Angular application.
|
14
|
+
*
|
15
|
+
* ## Usage
|
16
|
+
*
|
17
|
+
* ## Example
|
18
|
+
*
|
19
|
+
* ```html
|
20
|
+
* <div daffColorable [color]="componentColor">Colored content</div>
|
21
|
+
* ```
|
22
|
+
*
|
23
|
+
* ## Styles
|
24
|
+
*
|
25
|
+
* The directive applies the following CSS classes based on the color:
|
26
|
+
*
|
27
|
+
* - `daff-primary`: Applied when the color is `primary`.
|
28
|
+
* - `daff-secondary`: Applied when the color is `secondary`.
|
29
|
+
* - `daff-tertiary`: Applied when the color is `tertiary`.
|
30
|
+
* - `daff-black`: Applied when the color is `black`.
|
31
|
+
* - `daff-white`: Applied when the color is `white`.
|
32
|
+
* - `daff-theme`: Applied when the color is `theme`.
|
33
|
+
* - `daff-theme-contrast`: Applied when the color is `theme-contrast`.
|
34
|
+
*/
|
35
|
+
export class DaffColorableDirective {
|
36
|
+
/**
|
37
|
+
* Dynamically sets the CSS classes based on the color.
|
38
|
+
* @docs-private
|
39
|
+
*/
|
40
|
+
get class() {
|
41
|
+
return {
|
42
|
+
'daff-primary': this.color === DaffPaletteEnum.Primary,
|
43
|
+
'daff-secondary': this.color === DaffPaletteEnum.Secondary,
|
44
|
+
'daff-tertiary': this.color === DaffPaletteEnum.Tertiary,
|
45
|
+
'daff-black': this.color === DaffPaletteEnum.Black,
|
46
|
+
'daff-white': this.color === DaffPaletteEnum.White,
|
47
|
+
'daff-theme': this.color === DaffPaletteEnum.Theme,
|
48
|
+
'daff-theme-contrast': this.color === DaffPaletteEnum.ThemeContrast,
|
49
|
+
};
|
50
|
+
}
|
51
|
+
ngOnChanges(changes) {
|
52
|
+
if (!changes.color.currentValue) {
|
53
|
+
this.color = this.defaultColor;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
ngOnInit() {
|
57
|
+
validateColor(this.color);
|
58
|
+
if (!this.color) {
|
59
|
+
this.color = this.defaultColor;
|
60
|
+
}
|
61
|
+
}
|
62
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffColorableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
63
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffColorableDirective, isStandalone: true, selector: "[daffColorable]", inputs: { color: "color" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
|
64
|
+
}
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffColorableDirective, decorators: [{
|
66
|
+
type: Directive,
|
67
|
+
args: [{
|
68
|
+
selector: '[daffColorable]',
|
69
|
+
standalone: true,
|
70
|
+
}]
|
71
|
+
}], propDecorators: { class: [{
|
72
|
+
type: HostBinding,
|
73
|
+
args: ['class']
|
74
|
+
}], color: [{
|
75
|
+
type: Input
|
76
|
+
}] } });
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2NvbG9yYWJsZS9jb2xvcmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBR0wsZUFBZSxHQUNoQixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFPLE1BQU8sQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBRWhHLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7SUFDdEMsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ2pELE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLHNDQUFzQyxDQUFDLENBQUM7S0FDOUQ7QUFDSCxDQUFDLENBQUM7QUFFRjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JHO0FBS0gsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQzs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxjQUFjLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxlQUFlLENBQUMsT0FBTztZQUN0RCxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGVBQWUsQ0FBQyxTQUFTO1lBQzFELGVBQWUsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGVBQWUsQ0FBQyxRQUFRO1lBQ3hELFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQ2xELFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQ2xELFlBQVksRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQ2xELHFCQUFxQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssZUFBZSxDQUFDLGFBQWE7U0FDcEUsQ0FBQztJQUNKLENBQUM7SUFZRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsWUFBWSxFQUFFO1lBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUNoQztJQUNILENBQUM7SUFFRCxRQUFRO1FBQ04sYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNmLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztTQUNoQztJQUNILENBQUM7a0lBdkNVLHNCQUFzQjtzSEFBdEIsc0JBQXNCOzs0RkFBdEIsc0JBQXNCO2tCQUpsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFPMkIsS0FBSztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPO2dCQWVYLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZDb2xvcmFibGUsXG4gIERhZmZQYWxldHRlLFxuICBEYWZmUGFsZXR0ZUVudW0sXG59IGZyb20gJy4vY29sb3JhYmxlJztcblxuY29uc3QgY29sb3JJblBhbGV0dGUgPSAoY29sb3I6IHN0cmluZykgPT4gKDxhbnk+T2JqZWN0KS52YWx1ZXMoRGFmZlBhbGV0dGVFbnVtKS5pbmNsdWRlcyhjb2xvcik7XG5cbmNvbnN0IHZhbGlkYXRlQ29sb3IgPSAoY29sb3I6IHN0cmluZykgPT4ge1xuICBpZiAoY29sb3IgIT09IHVuZGVmaW5lZCAmJiAhY29sb3JJblBhbGV0dGUoY29sb3IpKSB7XG4gICAgY29uc29sZS53YXJuKGNvbG9yICsgJyBpcyBub3QgYSB2YWxpZCBjb2xvciBpbiBEYWZmUGFsZXR0ZScpO1xuICB9XG59O1xuXG4vKipcbiAqIFRoZSBgRGFmZkNvbG9yYWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGNvbmRpdGlvbmFsbHkgYXBwbHkgY29sb3Itc3BlY2lmaWNcbiAqIHN0eWxlcyBieSBzZXR0aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzcGVjaWZpZWQgY29sb3IuIFRoaXMgZGlyZWN0aXZlIGlzIHVzZWZ1bFxuICogZm9yIGFwcGx5aW5nIGRpZmZlcmVudCBjb2xvciBwYWxldHRlcyB0byBhIGNvbXBvbmVudCBpbiBhbiBBbmd1bGFyIGFwcGxpY2F0aW9uLlxuICpcbiAqICMjIFVzYWdlXG4gKlxuICogIyMgRXhhbXBsZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZkNvbG9yYWJsZSBbY29sb3JdPVwiY29tcG9uZW50Q29sb3JcIj5Db2xvcmVkIGNvbnRlbnQ8L2Rpdj5cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBkaXJlY3RpdmUgYXBwbGllcyB0aGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBjb2xvcjpcbiAqXG4gKiAtIGBkYWZmLXByaW1hcnlgOiBBcHBsaWVkIHdoZW4gdGhlIGNvbG9yIGlzIGBwcmltYXJ5YC5cbiAqIC0gYGRhZmYtc2Vjb25kYXJ5YDogQXBwbGllZCB3aGVuIHRoZSBjb2xvciBpcyBgc2Vjb25kYXJ5YC5cbiAqIC0gYGRhZmYtdGVydGlhcnlgOiBBcHBsaWVkIHdoZW4gdGhlIGNvbG9yIGlzIGB0ZXJ0aWFyeWAuXG4gKiAtIGBkYWZmLWJsYWNrYDogQXBwbGllZCB3aGVuIHRoZSBjb2xvciBpcyBgYmxhY2tgLlxuICogLSBgZGFmZi13aGl0ZWA6IEFwcGxpZWQgd2hlbiB0aGUgY29sb3IgaXMgYHdoaXRlYC5cbiAqIC0gYGRhZmYtdGhlbWVgOiBBcHBsaWVkIHdoZW4gdGhlIGNvbG9yIGlzIGB0aGVtZWAuXG4gKiAtIGBkYWZmLXRoZW1lLWNvbnRyYXN0YDogQXBwbGllZCB3aGVuIHRoZSBjb2xvciBpcyBgdGhlbWUtY29udHJhc3RgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZkNvbG9yYWJsZV0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSwgT25DaGFuZ2VzLCBPbkluaXQge1xuXG4gIC8qKlxuICAgKiBEeW5hbWljYWxseSBzZXRzIHRoZSBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgY29sb3IuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLXByaW1hcnknOiB0aGlzLmNvbG9yID09PSBEYWZmUGFsZXR0ZUVudW0uUHJpbWFyeSxcbiAgICAgICdkYWZmLXNlY29uZGFyeSc6IHRoaXMuY29sb3IgPT09IERhZmZQYWxldHRlRW51bS5TZWNvbmRhcnksXG4gICAgICAnZGFmZi10ZXJ0aWFyeSc6IHRoaXMuY29sb3IgPT09IERhZmZQYWxldHRlRW51bS5UZXJ0aWFyeSxcbiAgICAgICdkYWZmLWJsYWNrJzogdGhpcy5jb2xvciA9PT0gRGFmZlBhbGV0dGVFbnVtLkJsYWNrLFxuICAgICAgJ2RhZmYtd2hpdGUnOiB0aGlzLmNvbG9yID09PSBEYWZmUGFsZXR0ZUVudW0uV2hpdGUsXG4gICAgICAnZGFmZi10aGVtZSc6IHRoaXMuY29sb3IgPT09IERhZmZQYWxldHRlRW51bS5UaGVtZSxcbiAgICAgICdkYWZmLXRoZW1lLWNvbnRyYXN0JzogdGhpcy5jb2xvciA9PT0gRGFmZlBhbGV0dGVFbnVtLlRoZW1lQ29udHJhc3QsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvbiBhIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBEYWZmUGFsZXR0ZTtcblxuICAvKipcbiAgICogU2V0cyBhIGRlZmF1bHQgY29sb3IuXG4gICAqL1xuICBkZWZhdWx0Q29sb3I6IERhZmZQYWxldHRlO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoIWNoYW5nZXMuY29sb3IuY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmNvbG9yID0gdGhpcy5kZWZhdWx0Q29sb3I7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdmFsaWRhdGVDb2xvcih0aGlzLmNvbG9yKTtcbiAgICBpZiAoIXRoaXMuY29sb3IpIHtcbiAgICAgIHRoaXMuY29sb3IgPSB0aGlzLmRlZmF1bHRDb2xvcjtcbiAgICB9XG4gIH1cbn1cblxuIl19
|
@@ -1,2 +1,37 @@
|
|
1
|
-
|
2
|
-
|
1
|
+
/**
|
2
|
+
* Enumerates the available color palette options for a component.
|
3
|
+
* These values can be used to apply specific color styles to components within the
|
4
|
+
* application.
|
5
|
+
*/
|
6
|
+
export var DaffPaletteEnum;
|
7
|
+
(function (DaffPaletteEnum) {
|
8
|
+
/**
|
9
|
+
* Your primary color.
|
10
|
+
*/
|
11
|
+
DaffPaletteEnum["Primary"] = "primary";
|
12
|
+
/**
|
13
|
+
* Your secondary color.
|
14
|
+
*/
|
15
|
+
DaffPaletteEnum["Secondary"] = "secondary";
|
16
|
+
/**
|
17
|
+
* Your tertiary color.
|
18
|
+
*/
|
19
|
+
DaffPaletteEnum["Tertiary"] = "tertiary";
|
20
|
+
/**
|
21
|
+
* Black. It's dark.
|
22
|
+
*/
|
23
|
+
DaffPaletteEnum["Black"] = "black";
|
24
|
+
/**
|
25
|
+
* White. It's bright.
|
26
|
+
*/
|
27
|
+
DaffPaletteEnum["White"] = "white";
|
28
|
+
/**
|
29
|
+
* The default color for your theme.
|
30
|
+
*/
|
31
|
+
DaffPaletteEnum["Theme"] = "theme";
|
32
|
+
/**
|
33
|
+
* A color that constrats against your defined theme.
|
34
|
+
*/
|
35
|
+
DaffPaletteEnum["ThemeContrast"] = "theme-contrast";
|
36
|
+
})(DaffPaletteEnum || (DaffPaletteEnum = {}));
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvY29sb3JhYmxlL2NvbG9yYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZQTs7OztHQUlHO0FBQ0gsTUFBTSxDQUFOLElBQVksZUFtQ1g7QUFuQ0QsV0FBWSxlQUFlO0lBQ3pCOztPQUVHO0lBQ0gsc0NBQW1CLENBQUE7SUFFbkI7O09BRUc7SUFDSCwwQ0FBdUIsQ0FBQTtJQUV2Qjs7T0FFRztJQUNILHdDQUFxQixDQUFBO0lBRXJCOztPQUVHO0lBQ0gsa0NBQWUsQ0FBQTtJQUVmOztPQUVHO0lBQ0gsa0NBQWUsQ0FBQTtJQUVmOztPQUVHO0lBQ0gsa0NBQWUsQ0FBQTtJQUVmOztPQUVHO0lBQ0gsbURBQWdDLENBQUE7QUFDbEMsQ0FBQyxFQW5DVyxlQUFlLEtBQWYsZUFBZSxRQW1DMUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEluIG9yZGVyIHRvIGJlIGNvbG9yYWJsZSwgb3VyIGNsYXNzIG11c3QgaW1wbGVtZW50IHRoaXMgcHJvcGVydHlcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBEYWZmQ29sb3JhYmxlIHtcbiAgY29sb3I6IERhZmZQYWxldHRlO1xufVxuXG4vKipcbiAqIFRoZXNlIGFyZSB0aGUgdmFsaWQgb3B0aW9ucyB0aGF0IGNhbiBiZSBwYXNzZWQgdG8gYSBEYWZmQ29sb3JhYmxlIGNvbXBvbmVudFxuICovXG5leHBvcnQgdHlwZSBEYWZmUGFsZXR0ZSA9ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3RlcnRpYXJ5JyB8ICdibGFjaycgfCAnd2hpdGUnIHwgJ3RoZW1lJyB8ICd0aGVtZS1jb250cmFzdCcgfCB1bmRlZmluZWQ7XG5cbi8qKlxuICogRW51bWVyYXRlcyB0aGUgYXZhaWxhYmxlIGNvbG9yIHBhbGV0dGUgb3B0aW9ucyBmb3IgYSBjb21wb25lbnQuXG4gKiBUaGVzZSB2YWx1ZXMgY2FuIGJlIHVzZWQgdG8gYXBwbHkgc3BlY2lmaWMgY29sb3Igc3R5bGVzIHRvIGNvbXBvbmVudHMgd2l0aGluIHRoZVxuICogYXBwbGljYXRpb24uXG4gKi9cbmV4cG9ydCBlbnVtIERhZmZQYWxldHRlRW51bSB7XG4gIC8qKlxuICAgKiBZb3VyIHByaW1hcnkgY29sb3IuXG4gICAqL1xuICBQcmltYXJ5ID0gJ3ByaW1hcnknLFxuXG4gIC8qKlxuICAgKiBZb3VyIHNlY29uZGFyeSBjb2xvci5cbiAgICovXG4gIFNlY29uZGFyeSA9ICdzZWNvbmRhcnknLFxuXG4gIC8qKlxuICAgKiBZb3VyIHRlcnRpYXJ5IGNvbG9yLlxuICAgKi9cbiAgVGVydGlhcnkgPSAndGVydGlhcnknLFxuXG4gIC8qKlxuICAgKiBCbGFjay4gSXQncyBkYXJrLlxuICAgKi9cbiAgQmxhY2sgPSAnYmxhY2snLFxuXG4gIC8qKlxuICAgKiBXaGl0ZS4gSXQncyBicmlnaHQuXG4gICAqL1xuICBXaGl0ZSA9ICd3aGl0ZScsXG5cbiAgLyoqXG4gICAqIFRoZSBkZWZhdWx0IGNvbG9yIGZvciB5b3VyIHRoZW1lLlxuICAgKi9cbiAgVGhlbWUgPSAndGhlbWUnLFxuXG4gIC8qKlxuICAgKiBBIGNvbG9yIHRoYXQgY29uc3RyYXRzIGFnYWluc3QgeW91ciBkZWZpbmVkIHRoZW1lLlxuICAgKi9cbiAgVGhlbWVDb250cmFzdCA9ICd0aGVtZS1jb250cmFzdCdcbn1cbiJdfQ==
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export {
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
1
|
+
export { DaffColorableDirective } from './colorable.directive';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2NvbG9yYWJsZS9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtcbiAgRGFmZlBhbGV0dGUsXG4gIERhZmZDb2xvcmFibGUsXG59IGZyb20gJy4vY29sb3JhYmxlJztcbmV4cG9ydCB7IERhZmZDb2xvcmFibGVEaXJlY3RpdmUgfSBmcm9tICcuL2NvbG9yYWJsZS5kaXJlY3RpdmUnO1xuIl19
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import { Directive, HostBinding, Input, } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* The `DaffCompactableDirective` allows a component to conditionally apply a compact
|
5
|
+
* style by toggling a CSS class. This is useful for creating components that can
|
6
|
+
* switch between regular and compact styles based on the `compact` property.
|
7
|
+
*
|
8
|
+
* ## Example
|
9
|
+
*
|
10
|
+
* ```html
|
11
|
+
* <div daffCompactable [compact]="isCompact">Content goes here</div>
|
12
|
+
* ```
|
13
|
+
*
|
14
|
+
* In this example, the `daff-compact` class is applied to the `div` element when
|
15
|
+
* `isCompact` is `true`, making the `div` display its compact state.
|
16
|
+
*
|
17
|
+
* ## Styles
|
18
|
+
*
|
19
|
+
* The `daff-compact` class should be defined in your styles to display the compact
|
20
|
+
* state as desired.
|
21
|
+
*/
|
22
|
+
export class DaffCompactableDirective {
|
23
|
+
constructor() {
|
24
|
+
this.compact = false;
|
25
|
+
}
|
26
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCompactableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
27
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffCompactableDirective, isStandalone: true, selector: "[daffCompactable]", inputs: { compact: "compact" }, host: { properties: { "class.daff-compact": "this.compact" } }, ngImport: i0 }); }
|
28
|
+
}
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffCompactableDirective, decorators: [{
|
30
|
+
type: Directive,
|
31
|
+
args: [{
|
32
|
+
selector: '[daffCompactable]',
|
33
|
+
standalone: true,
|
34
|
+
}]
|
35
|
+
}], propDecorators: { compact: [{
|
36
|
+
type: Input
|
37
|
+
}, {
|
38
|
+
type: HostBinding,
|
39
|
+
args: ['class.daff-compact']
|
40
|
+
}] } });
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvY29tcGFjdGFibGUvY29tcGFjdGFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUtILE1BQU0sT0FBTyx3QkFBd0I7SUFKckM7UUFLOEMsWUFBTyxHQUFHLEtBQUssQ0FBQztLQUM3RDtrSUFGWSx3QkFBd0I7c0hBQXhCLHdCQUF3Qjs7NEZBQXhCLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUJBQW1CO29CQUM3QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBRTZDLE9BQU87c0JBQWxELEtBQUs7O3NCQUFJLFdBQVc7dUJBQUMsb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFRoZSBgRGFmZkNvbXBhY3RhYmxlRGlyZWN0aXZlYCBhbGxvd3MgYSBjb21wb25lbnQgdG8gY29uZGl0aW9uYWxseSBhcHBseSBhIGNvbXBhY3RcbiAqIHN0eWxlIGJ5IHRvZ2dsaW5nIGEgQ1NTIGNsYXNzLiBUaGlzIGlzIHVzZWZ1bCBmb3IgY3JlYXRpbmcgY29tcG9uZW50cyB0aGF0IGNhblxuICogc3dpdGNoIGJldHdlZW4gcmVndWxhciBhbmQgY29tcGFjdCBzdHlsZXMgYmFzZWQgb24gdGhlIGBjb21wYWN0YCBwcm9wZXJ0eS5cbiAqXG4gKiAjIyBFeGFtcGxlXG4gKlxuICogYGBgaHRtbFxuICogPGRpdiBkYWZmQ29tcGFjdGFibGUgW2NvbXBhY3RdPVwiaXNDb21wYWN0XCI+Q29udGVudCBnb2VzIGhlcmU8L2Rpdj5cbiAqIGBgYFxuICpcbiAqIEluIHRoaXMgZXhhbXBsZSwgdGhlIGBkYWZmLWNvbXBhY3RgIGNsYXNzIGlzIGFwcGxpZWQgdG8gdGhlIGBkaXZgIGVsZW1lbnQgd2hlblxuICogYGlzQ29tcGFjdGAgaXMgYHRydWVgLCBtYWtpbmcgdGhlIGBkaXZgIGRpc3BsYXkgaXRzIGNvbXBhY3Qgc3RhdGUuXG4gKlxuICogIyMgU3R5bGVzXG4gKlxuICogVGhlIGBkYWZmLWNvbXBhY3RgIGNsYXNzIHNob3VsZCBiZSBkZWZpbmVkIGluIHlvdXIgc3R5bGVzIHRvIGRpc3BsYXkgdGhlIGNvbXBhY3RcbiAqIHN0YXRlIGFzIGRlc2lyZWQuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmQ29tcGFjdGFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNvbXBhY3RhYmxlRGlyZWN0aXZlIHtcbiAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWNvbXBhY3QnKSBjb21wYWN0ID0gZmFsc2U7XG59XG4iXX0=
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export {
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
1
|
+
export { DaffCompactableDirective } from './compactable.directive';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2NvbXBhY3RhYmxlL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0seUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmQ29tcGFjdGFibGUgfSBmcm9tICcuL2NvbXBhY3RhYmxlJztcbmV4cG9ydCB7IERhZmZDb21wYWN0YWJsZURpcmVjdGl2ZSB9IGZyb20gJy4vY29tcGFjdGFibGUuZGlyZWN0aXZlJztcbiJdfQ==
|
@@ -0,0 +1,43 @@
|
|
1
|
+
import { Directive, HostBinding, } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
/**
|
4
|
+
* A directive that gives a component the ability to manage a DaffContainerComponent's layout.
|
5
|
+
* By including this directive, predetermined layout styles are passed down to the container.
|
6
|
+
*
|
7
|
+
* To understand the motivation for this directive, consider:
|
8
|
+
*
|
9
|
+
* ```html
|
10
|
+
* <daff-container>
|
11
|
+
* <daff-hero></daff-hero>
|
12
|
+
* </daff-container>
|
13
|
+
* ```
|
14
|
+
* vs.
|
15
|
+
*
|
16
|
+
* ```html
|
17
|
+
* <daff-hero>
|
18
|
+
* <daff-container></daff-container>
|
19
|
+
* </daff-hero>
|
20
|
+
* ```
|
21
|
+
*
|
22
|
+
* The former may inappropriately constrain the width of its child elements,
|
23
|
+
* while the latter (without `DaffManageContainerLayoutDirective`) may unexpectedly
|
24
|
+
* interfere in the layout features of its parent element (i.e. display: grid, display: flex).
|
25
|
+
*/
|
26
|
+
export class DaffManageContainerLayoutDirective {
|
27
|
+
constructor() {
|
28
|
+
this.class = true;
|
29
|
+
}
|
30
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffManageContainerLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
31
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffManageContainerLayoutDirective, isStandalone: true, selector: "[daffManageContainerLayout]", host: { properties: { "class.daff-manage-container-layout": "this.class" } }, ngImport: i0 }); }
|
32
|
+
}
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffManageContainerLayoutDirective, decorators: [{
|
34
|
+
type: Directive,
|
35
|
+
args: [{
|
36
|
+
selector: '[daffManageContainerLayout]',
|
37
|
+
standalone: true,
|
38
|
+
}]
|
39
|
+
}], propDecorators: { class: [{
|
40
|
+
type: HostBinding,
|
41
|
+
args: ['class.daff-manage-container-layout']
|
42
|
+
}] } });
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCRztBQUtILE1BQU0sT0FBTyxrQ0FBa0M7SUFKL0M7UUFLcUQsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNqRTtrSUFGWSxrQ0FBa0M7c0hBQWxDLGtDQUFrQzs7NEZBQWxDLGtDQUFrQztrQkFKOUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBRW9ELEtBQUs7c0JBQXZELFdBQVc7dUJBQUMsb0NBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQSBkaXJlY3RpdmUgdGhhdCBnaXZlcyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBtYW5hZ2UgYSBEYWZmQ29udGFpbmVyQ29tcG9uZW50J3MgbGF5b3V0LlxuICogQnkgaW5jbHVkaW5nIHRoaXMgZGlyZWN0aXZlLCBwcmVkZXRlcm1pbmVkIGxheW91dCBzdHlsZXMgYXJlIHBhc3NlZCBkb3duIHRvIHRoZSBjb250YWluZXIuXG4gKlxuICogVG8gdW5kZXJzdGFuZCB0aGUgbW90aXZhdGlvbiBmb3IgdGhpcyBkaXJlY3RpdmUsIGNvbnNpZGVyOlxuICpcbiAqIGBgYGh0bWxcbiAqIDxkYWZmLWNvbnRhaW5lcj5cbiAqICA8ZGFmZi1oZXJvPjwvZGFmZi1oZXJvPlxuICogPC9kYWZmLWNvbnRhaW5lcj5cbiAqIGBgYFxuICogdnMuXG4gKlxuICogYGBgaHRtbFxuICogPGRhZmYtaGVybz5cbiAqICAgPGRhZmYtY29udGFpbmVyPjwvZGFmZi1jb250YWluZXI+XG4gKiA8L2RhZmYtaGVybz5cbiAqIGBgYFxuICpcbiAqIFRoZSBmb3JtZXIgbWF5IGluYXBwcm9wcmlhdGVseSBjb25zdHJhaW4gdGhlIHdpZHRoIG9mIGl0cyBjaGlsZCBlbGVtZW50cyxcbiAqIHdoaWxlIHRoZSBsYXR0ZXIgKHdpdGhvdXQgYERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmVgKSBtYXkgdW5leHBlY3RlZGx5XG4gKiBpbnRlcmZlcmUgaW4gdGhlIGxheW91dCBmZWF0dXJlcyBvZiBpdHMgcGFyZW50IGVsZW1lbnQgKGkuZS4gZGlzcGxheTogZ3JpZCwgZGlzcGxheTogZmxleCkuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0XScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZNYW5hZ2VDb250YWluZXJMYXlvdXREaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export {
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
1
|
+
export { DaffManageContainerLayoutDirective } from './manage-container-layout.directive';
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL21hbmFnZS1jb250YWluZXItbGF5b3V0L3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0scUNBQXFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIH0gZnJvbSAnLi9tYW5hZ2UtY29udGFpbmVyLWxheW91dC5kaXJlY3RpdmUnO1xuIl19
|