@daffodil/design 0.73.0 → 0.75.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -22
- package/accordion/accordion/accordion/accordion.component.d.ts +3 -19
- package/article/README.md +19 -13
- package/article/examples/article-blockquote/article-blockquote.component.d.ts +1 -1
- package/article/examples/article-code-block/article-code-block.component.d.ts +1 -1
- package/article/examples/article-code-inline/article-code-inline.component.d.ts +1 -1
- package/article/examples/article-headings/article-headings.component.d.ts +1 -1
- package/article/examples/article-hr/article-hr.component.d.ts +1 -1
- package/article/examples/article-link/article-link.component.d.ts +1 -1
- package/article/examples/article-meta/article-meta.component.d.ts +1 -1
- package/article/examples/article-ol/article-ol.component.d.ts +1 -1
- package/article/examples/article-table/article-table.component.d.ts +1 -1
- package/article/examples/article-ul/article-ul.component.d.ts +1 -1
- package/article/examples/public_api.d.ts +0 -1
- package/button/button/button-sizable.directive.d.ts +10 -0
- package/button/button/button.component.d.ts +17 -27
- package/button/examples/basic-button/basic-button.component.d.ts +1 -1
- package/button/examples/flat-button/flat-button.component.d.ts +1 -1
- package/button/examples/icon-button/icon-button.component.d.ts +1 -1
- package/button/examples/public_api.d.ts +0 -8
- package/button/examples/raised-button/raised-button.component.d.ts +1 -1
- package/button/examples/sizeable-button/sizeable-button.component.d.ts +1 -1
- package/button/examples/statusable-button/statusable-button.component.d.ts +1 -1
- package/button/examples/stroked-button/stroked-button.component.d.ts +1 -1
- package/button/examples/underline-button/underline-button.component.d.ts +1 -1
- package/button/public_api.d.ts +1 -0
- package/callout/callout/callout.component.d.ts +6 -38
- package/callout/examples/callout-text-alignment/callout-text-alignment.component.d.ts +1 -1
- package/callout/examples/callout-theming/callout-theming.component.d.ts +1 -1
- package/callout/examples/callout-with-grid/callout-with-grid.component.d.ts +1 -1
- package/callout/examples/compact-callout/compact-callout.component.d.ts +1 -1
- package/callout/examples/public_api.d.ts +0 -4
- package/card/card/card.component.d.ts +3 -21
- package/card/examples/basic-card/basic-card.component.d.ts +1 -1
- package/card/examples/card-orientation/card-orientation.component.d.ts +1 -1
- package/card/examples/card-theming/card-theming.component.d.ts +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +1 -1
- package/card/examples/public_api.d.ts +0 -6
- package/card/examples/raised-card/raised-card.component.d.ts +1 -1
- package/card/examples/stroked-card/stroked-card.component.d.ts +1 -1
- package/checkbox/examples/basic-checkbox/basic-checkbox.component.d.ts +1 -1
- package/checkbox/examples/checkbox-set/checkbox-set.component.d.ts +1 -1
- package/checkbox/examples/examples.d.ts +0 -2
- package/checkbox/examples/public_api.d.ts +0 -1
- package/container/README.md +11 -8
- package/container/container/container.component.d.ts +3 -22
- package/container/examples/container-sizes/container-sizes.component.d.ts +1 -1
- package/container/examples/public_api.d.ts +0 -1
- package/core/article-encapsulated/article-encapsulated.directive.d.ts +19 -0
- package/core/article-encapsulated/public_api.d.ts +1 -1
- package/core/breakpoints/noop.service.d.ts +13 -0
- package/core/breakpoints/provider.d.ts +6 -0
- package/core/breakpoints/public_api.d.ts +3 -0
- package/core/colorable/colorable.d.ts +36 -2
- package/core/colorable/colorable.directive.d.ts +55 -0
- package/core/colorable/public_api.d.ts +1 -1
- package/core/compactable/compactable.directive.d.ts +25 -0
- package/core/compactable/public_api.d.ts +1 -1
- package/core/manage-container-layout/manage-container-layout.directive.d.ts +29 -0
- package/core/manage-container-layout/public_api.d.ts +1 -1
- package/core/public_api.d.ts +1 -1
- package/core/sizable/public_api.d.ts +1 -1
- package/core/sizable/sizable.d.ts +4 -2
- package/core/sizable/sizable.directive.d.ts +38 -0
- package/core/skeletonable/public_api.d.ts +1 -1
- package/core/skeletonable/skeletonable.d.ts +0 -1
- package/core/skeletonable/skeletonable.directive.d.ts +17 -0
- package/core/statusable/public_api.d.ts +1 -1
- package/core/statusable/statusable.d.ts +16 -0
- package/core/statusable/statusable.directive.d.ts +38 -0
- package/core/text-alignable/public_api.d.ts +1 -1
- package/core/text-alignable/text-alignable.d.ts +1 -2
- package/core/text-alignable/text-alignable.directive.d.ts +42 -0
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +11 -23
- package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +4 -3
- package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +4 -3
- package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +4 -3
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +3 -3
- package/esm2022/article/examples/article-hr/article-hr.component.mjs +4 -3
- package/esm2022/article/examples/article-link/article-link.component.mjs +4 -3
- package/esm2022/article/examples/article-meta/article-meta.component.mjs +4 -3
- package/esm2022/article/examples/article-ol/article-ol.component.mjs +4 -3
- package/esm2022/article/examples/article-table/article-table.component.mjs +4 -3
- package/esm2022/article/examples/article-ul/article-ul.component.mjs +4 -3
- package/esm2022/article/examples/public_api.mjs +1 -2
- package/esm2022/button/button/button-sizable.directive.mjs +14 -0
- package/esm2022/button/button/button.component.mjs +32 -10
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +10 -4
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +10 -4
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +5 -4
- package/esm2022/button/examples/public_api.mjs +1 -9
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +10 -4
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +5 -4
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +5 -4
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +10 -4
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +10 -4
- package/esm2022/button/public_api.mjs +2 -1
- package/esm2022/callout/callout/callout.component.mjs +28 -22
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +20 -10
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +17 -9
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +12 -4
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +12 -4
- package/esm2022/callout/examples/public_api.mjs +1 -5
- package/esm2022/card/card/card.component.mjs +12 -16
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +12 -4
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +20 -10
- package/esm2022/card/examples/card-theming/card-theming.component.mjs +11 -6
- package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +15 -8
- package/esm2022/card/examples/public_api.mjs +1 -7
- package/esm2022/card/examples/raised-card/raised-card.component.mjs +15 -8
- package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +15 -8
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +12 -6
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +12 -7
- package/esm2022/checkbox/examples/examples.mjs +1 -7
- package/esm2022/checkbox/examples/public_api.mjs +1 -2
- package/esm2022/container/container/container.component.mjs +15 -22
- package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +11 -6
- package/esm2022/container/examples/public_api.mjs +1 -2
- package/esm2022/core/article-encapsulated/article-encapsulated.directive.mjs +33 -0
- package/esm2022/core/article-encapsulated/public_api.mjs +2 -2
- package/esm2022/core/breakpoints/noop.service.mjs +25 -0
- package/esm2022/core/breakpoints/provider.mjs +13 -0
- package/esm2022/core/breakpoints/public_api.mjs +4 -0
- package/esm2022/core/colorable/colorable.directive.mjs +77 -0
- package/esm2022/core/colorable/colorable.mjs +37 -2
- package/esm2022/core/colorable/public_api.mjs +2 -2
- package/esm2022/core/compactable/compactable.directive.mjs +41 -0
- package/esm2022/core/compactable/public_api.mjs +2 -2
- package/esm2022/core/manage-container-layout/manage-container-layout.directive.mjs +43 -0
- package/esm2022/core/manage-container-layout/public_api.mjs +2 -2
- package/esm2022/core/public_api.mjs +2 -2
- package/esm2022/core/sizable/public_api.mjs +2 -2
- package/esm2022/core/sizable/sizable.directive.mjs +53 -0
- package/esm2022/core/sizable/sizable.mjs +2 -3
- package/esm2022/core/skeletonable/public_api.mjs +2 -2
- package/esm2022/core/skeletonable/skeletonable.directive.mjs +33 -0
- package/esm2022/core/skeletonable/skeletonable.mjs +1 -1
- package/esm2022/core/statusable/public_api.mjs +2 -2
- package/esm2022/core/statusable/statusable.directive.mjs +50 -0
- package/esm2022/core/statusable/statusable.mjs +4 -1
- package/esm2022/core/text-alignable/public_api.mjs +2 -2
- package/esm2022/core/text-alignable/text-alignable.directive.mjs +53 -0
- package/esm2022/core/text-alignable/text-alignable.mjs +1 -1
- package/esm2022/daffodil-design.mjs +2 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +10 -4
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +20 -10
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +15 -8
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +12 -4
- package/esm2022/hero/examples/public_api.mjs +1 -5
- package/esm2022/hero/hero/hero.component.mjs +28 -22
- package/esm2022/image/examples/basic-image/basic-image.component.mjs +4 -3
- package/esm2022/image/examples/load-image/load-image.component.mjs +6 -5
- package/esm2022/image/examples/public_api.mjs +4 -7
- package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -3
- package/esm2022/image/image/image.component.mjs +14 -23
- package/esm2022/index.mjs +6 -0
- package/esm2022/input/examples/basic-input/basic-input.component.mjs +4 -3
- package/esm2022/input/examples/examples.mjs +5 -9
- package/esm2022/input/examples/input-disabled/input-disabled.component.mjs +4 -3
- package/esm2022/input/examples/input-error/input-error.component.mjs +9 -4
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -3
- package/esm2022/link-set/link-set/link-set.component.mjs +12 -22
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +4 -3
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +10 -4
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -3
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +10 -4
- package/esm2022/list/examples/public_api.mjs +1 -2
- package/esm2022/list/list/list.component.mjs +12 -21
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +12 -7
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -3
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +21 -28
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +7 -5
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +7 -5
- package/esm2022/media-gallery/examples/public_api.mjs +1 -4
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +7 -5
- package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +17 -23
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -3
- package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +5 -4
- package/esm2022/menu/examples/public_api.mjs +2 -3
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +5 -4
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +5 -3
- package/esm2022/modal/examples/public_api.mjs +2 -3
- package/esm2022/modal/modal/modal.component.mjs +42 -6
- package/esm2022/modal/modal-actions/modal-actions.component.mjs +15 -5
- package/esm2022/modal/modal-close/modal-close.directive.mjs +47 -0
- package/esm2022/modal/modal-content/modal-content.component.mjs +15 -5
- package/esm2022/modal/modal-header/modal-header.component.mjs +16 -4
- package/esm2022/modal/modal-title/modal-title.directive.mjs +33 -6
- package/esm2022/modal/modal.module.mjs +18 -5
- package/esm2022/modal/public_api.mjs +2 -1
- package/esm2022/modal/service/modal.service.mjs +3 -2
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +5 -3
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +12 -5
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +15 -8
- package/esm2022/navbar/examples/public_api.mjs +1 -5
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +5 -3
- package/esm2022/navbar/navbar/navbar.component.mjs +22 -28
- package/esm2022/notification/daffodil-design-notification.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +18 -5
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.component.mjs +16 -4
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +15 -7
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +19 -10
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +30 -0
- package/esm2022/notification/examples/public_api.mjs +7 -9
- package/esm2022/notification/index.mjs +2 -0
- package/esm2022/notification/notification/notification.component.mjs +51 -42
- package/esm2022/paginator/daffodil-design-paginator.mjs +2 -2
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +6 -3
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +8 -4
- package/esm2022/paginator/examples/public_api.mjs +1 -2
- package/esm2022/paginator/index.mjs +2 -0
- package/esm2022/paginator/paginator/paginator.component.mjs +1 -1
- package/esm2022/progress-bar/daffodil-design-progress-bar.mjs +2 -2
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +4 -3
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +4 -3
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +5 -4
- package/esm2022/progress-bar/examples/public_api.mjs +4 -7
- package/esm2022/progress-bar/index.mjs +2 -0
- package/esm2022/progress-bar/progress-bar.component.mjs +18 -23
- package/esm2022/public_api.mjs +1 -3
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +11 -6
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +11 -6
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +11 -6
- package/esm2022/quantity-field/examples/public_api.mjs +1 -5
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +11 -6
- package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +5 -4
- package/esm2022/radio/examples/examples.mjs +1 -5
- package/esm2022/radio/examples/public_api.mjs +1 -2
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -3
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +15 -8
- package/esm2022/sidebar/examples/public_api.mjs +5 -9
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +5 -3
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -3
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -3
- package/esm2022/toast/examples/public_api.mjs +5 -9
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +22 -5
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +5 -4
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -3
- package/esm2022/toast/toast/toast-template.component.mjs +2 -2
- package/esm2022/toast/toast/toast.component.mjs +16 -22
- package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +6 -5
- package/esm2022/tree/examples/public_api.mjs +1 -2
- package/esm2022/tree/tree/tree.component.mjs +13 -23
- package/fesm2022/daffodil-design-accordion.mjs +9 -21
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +22 -43
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +41 -205
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +42 -11
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +29 -130
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +25 -20
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +39 -209
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +11 -15
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +14 -64
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +9 -32
- package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +13 -20
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +27 -136
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +25 -20
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +11 -75
- package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +12 -21
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +15 -94
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +10 -20
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +20 -140
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +12 -21
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +10 -53
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +19 -26
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +10 -82
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +14 -20
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +10 -39
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +8 -33
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +169 -23
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +20 -113
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +20 -26
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +63 -132
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +64 -56
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +12 -28
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +10 -73
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +16 -21
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +25 -126
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio-examples.mjs +4 -31
- package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +22 -130
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +20 -142
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +15 -21
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +6 -34
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +11 -21
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +409 -199
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/examples/compact-hero/compact-hero.component.d.ts +1 -1
- package/hero/examples/hero-text-alignment/hero-text-alignment.component.d.ts +1 -1
- package/hero/examples/hero-theming/hero-theming.component.d.ts +1 -1
- package/hero/examples/hero-with-grid/hero-with-grid.component.d.ts +1 -1
- package/hero/examples/public_api.d.ts +0 -4
- package/hero/hero/hero.component.d.ts +6 -38
- package/image/examples/basic-image/basic-image.component.d.ts +1 -1
- package/image/examples/load-image/load-image.component.d.ts +1 -1
- package/image/examples/public_api.d.ts +2 -2
- package/image/examples/skeleton-image/skeleton-image.component.d.ts +1 -1
- package/image/image/image.component.d.ts +5 -22
- package/index.d.ts +2 -2
- package/input/examples/basic-input/basic-input.component.d.ts +1 -1
- package/input/examples/examples.d.ts +2 -2
- package/input/examples/input-disabled/input-disabled.component.d.ts +1 -1
- package/input/examples/input-error/input-error.component.d.ts +1 -1
- package/input/examples/input-with-form-field/input-with-form-field.component.d.ts +1 -1
- package/link-set/link-set/link-set.component.d.ts +3 -22
- package/list/examples/basic-list/basic-list.component.d.ts +1 -1
- package/list/examples/icon-list/icon-list.component.d.ts +1 -1
- package/list/examples/multiline-list/multiline-list.component.d.ts +1 -1
- package/list/examples/nav-list/nav-list.component.d.ts +1 -1
- package/list/examples/public_api.d.ts +0 -1
- package/list/list/list.component.d.ts +5 -18
- package/loading-icon/README.md +1 -1
- package/loading-icon/examples/examples.d.ts +0 -2
- package/loading-icon/examples/loading-icon-color/loading-icon-color.component.d.ts +1 -1
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +1 -1
- package/loading-icon/loading-icon/loading-icon.component.d.ts +3 -22
- package/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.d.ts +1 -1
- package/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.d.ts +1 -1
- package/media-gallery/examples/public_api.d.ts +0 -3
- package/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.d.ts +1 -1
- package/media-gallery/media-gallery/media-gallery.component.d.ts +5 -25
- package/menu/examples/basic-menu/basic-menu.component.d.ts +1 -1
- package/menu/examples/basic-menu/menu-content/menu-content.component.d.ts +1 -1
- package/menu/examples/public_api.d.ts +2 -2
- package/modal/README.md +22 -37
- package/modal/examples/basic-modal/basic-modal.component.d.ts +1 -1
- package/modal/examples/basic-modal/modal-content.component.d.ts +1 -1
- package/modal/examples/public_api.d.ts +2 -2
- package/modal/modal/modal.component.d.ts +17 -1
- package/modal/modal-actions/modal-actions.component.d.ts +1 -0
- package/modal/modal-close/modal-close.directive.d.ts +24 -0
- package/modal/modal-content/modal-content.component.d.ts +1 -0
- package/modal/modal-header/modal-header.component.d.ts +6 -1
- package/modal/modal-title/modal-title.directive.d.ts +12 -1
- package/modal/modal.module.d.ts +7 -4
- package/modal/public_api.d.ts +1 -0
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +1 -1
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +1 -1
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +1 -1
- package/navbar/examples/public_api.d.ts +0 -4
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +1 -1
- package/navbar/navbar/navbar.component.d.ts +3 -25
- package/notification/README.md +49 -23
- package/notification/examples/default-notification/default-notification.component.d.ts +3 -1
- package/notification/examples/dismissible-notification/dismissible-notification.component.d.ts +3 -1
- package/notification/examples/notification-orientations/notification-orientations.component.d.ts +1 -1
- package/notification/examples/notification-status/notification-status.component.d.ts +1 -1
- package/notification/examples/notification-with-actions/notification-with-actions.component.d.ts +8 -0
- package/notification/examples/public_api.d.ts +6 -2
- package/notification/index.d.ts +0 -4
- package/notification/notification/notification.component.d.ts +21 -30
- package/notification/src/notification-theme.scss +1 -1
- package/package.json +1 -1
- package/paginator/examples/basic-paginator/basic-paginator.component.d.ts +1 -1
- package/paginator/examples/link-paginator/link-paginator.component.d.ts +1 -1
- package/paginator/examples/public_api.d.ts +0 -1
- package/paginator/index.d.ts +0 -4
- package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts +1 -1
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts +1 -1
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts +1 -1
- package/progress-bar/examples/public_api.d.ts +2 -2
- package/progress-bar/index.d.ts +0 -4
- package/progress-bar/progress-bar.component.d.ts +7 -22
- package/public_api.d.ts +0 -1
- package/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.d.ts +1 -1
- package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.d.ts +1 -1
- package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.d.ts +1 -1
- package/quantity-field/examples/public_api.d.ts +0 -4
- package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.d.ts +1 -1
- package/radio/examples/basic-radio/basic-radio.component.d.ts +1 -1
- package/radio/examples/examples.d.ts +0 -2
- package/radio/examples/public_api.d.ts +0 -1
- package/scss/state/skeleton/_mixins.scss +1 -1
- package/scss/typography/_index.scss +1 -1
- package/scss/typography/utilities/_variables.scss +14 -4
- package/sidebar/README.md +1 -1
- package/sidebar/examples/basic-sidebar/basic-sidebar.component.d.ts +1 -1
- package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.d.ts +1 -1
- package/sidebar/examples/public_api.d.ts +2 -2
- package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.d.ts +1 -1
- package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.d.ts +1 -1
- package/toast/README.md +2 -2
- package/toast/examples/default-toast/default-toast.component.d.ts +1 -1
- package/toast/examples/public_api.d.ts +5 -2
- package/toast/examples/toast-positions/toast-positions.component.d.ts +1 -1
- package/toast/examples/toast-status/toast-status.component.d.ts +1 -1
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts +1 -1
- package/toast/toast/toast.component.d.ts +7 -25
- package/tree/examples/basic-tree/basic-tree.component.d.ts +1 -1
- package/tree/examples/public_api.d.ts +0 -1
- package/tree/tree/tree.component.d.ts +5 -19
- package/article/examples/article-examples.module.d.ts +0 -18
- package/button/examples/basic-button/basic-button.module.d.ts +0 -9
- package/button/examples/flat-button/flat-button.module.d.ts +0 -9
- package/button/examples/icon-button/icon-button.module.d.ts +0 -9
- package/button/examples/raised-button/raised-button.module.d.ts +0 -9
- package/button/examples/sizeable-button/sizeable-button.module.d.ts +0 -9
- package/button/examples/statusable-button/statusable-button.module.d.ts +0 -9
- package/button/examples/stroked-button/stroked-button.module.d.ts +0 -9
- package/button/examples/underline-button/underline-button.module.d.ts +0 -9
- package/callout/examples/callout-text-alignment/callout-text-alignment.module.d.ts +0 -13
- package/callout/examples/callout-theming/callout-theming.module.d.ts +0 -12
- package/callout/examples/callout-with-grid/callout-with-grid.module.d.ts +0 -13
- package/callout/examples/compact-callout/compact-callout.module.d.ts +0 -12
- package/card/examples/basic-card/basic-card.module.d.ts +0 -12
- package/card/examples/card-orientation/card-orientation.module.d.ts +0 -13
- package/card/examples/card-theming/card-theming.module.d.ts +0 -11
- package/card/examples/linkable-card/linkable-card.module.d.ts +0 -13
- package/card/examples/raised-card/raised-card.module.d.ts +0 -12
- package/card/examples/stroked-card/stroked-card.module.d.ts +0 -13
- package/checkbox/examples/basic-checkbox/basic-checkbox.module.d.ts +0 -10
- package/checkbox/examples/checkbox-set/checkbox-set.module.d.ts +0 -10
- package/container/examples/container-sizes/container-sizes.module.d.ts +0 -10
- package/core/article-encapsulated/article-encapsulated-mixin.d.ts +0 -15
- package/core/colorable/color-in-palette.d.ts +0 -1
- package/core/colorable/colorable-enum.d.ts +0 -10
- package/core/colorable/colorable-mixin.d.ts +0 -23
- package/core/compactable/compactable-mixin.d.ts +0 -14
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +0 -17
- package/core/sizable/sizable-mixin.d.ts +0 -15
- package/core/skeletonable/skeletonable-mixin.d.ts +0 -15
- package/core/statusable/statusable-mixin.d.ts +0 -16
- package/core/text-alignable/text-alignable-mixin.d.ts +0 -19
- package/esm2022/article/examples/article-examples.module.mjs +0 -35
- package/esm2022/button/examples/basic-button/basic-button.module.mjs +0 -28
- package/esm2022/button/examples/flat-button/flat-button.module.mjs +0 -28
- package/esm2022/button/examples/icon-button/icon-button.module.mjs +0 -28
- package/esm2022/button/examples/raised-button/raised-button.module.mjs +0 -28
- package/esm2022/button/examples/sizeable-button/sizeable-button.module.mjs +0 -28
- package/esm2022/button/examples/statusable-button/statusable-button.module.mjs +0 -28
- package/esm2022/button/examples/stroked-button/stroked-button.module.mjs +0 -28
- package/esm2022/button/examples/underline-button/underline-button.module.mjs +0 -28
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.module.mjs +0 -41
- package/esm2022/callout/examples/callout-theming/callout-theming.module.mjs +0 -37
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.module.mjs +0 -41
- package/esm2022/callout/examples/compact-callout/compact-callout.module.mjs +0 -37
- package/esm2022/card/examples/basic-card/basic-card.module.mjs +0 -40
- package/esm2022/card/examples/card-orientation/card-orientation.module.mjs +0 -44
- package/esm2022/card/examples/card-theming/card-theming.module.mjs +0 -36
- package/esm2022/card/examples/linkable-card/linkable-card.module.mjs +0 -44
- package/esm2022/card/examples/raised-card/raised-card.module.mjs +0 -40
- package/esm2022/card/examples/stroked-card/stroked-card.module.mjs +0 -44
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.module.mjs +0 -33
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.module.mjs +0 -33
- package/esm2022/container/examples/container-sizes/container-sizes.module.mjs +0 -32
- package/esm2022/core/article-encapsulated/article-encapsulated-mixin.mjs +0 -12
- package/esm2022/core/colorable/color-in-palette.mjs +0 -5
- package/esm2022/core/colorable/colorable-enum.mjs +0 -12
- package/esm2022/core/colorable/colorable-mixin.mjs +0 -42
- package/esm2022/core/compactable/compactable-mixin.mjs +0 -26
- package/esm2022/core/manage-container-layout/manage-container-layout-mixin.mjs +0 -14
- package/esm2022/core/sizable/sizable-mixin.mjs +0 -31
- package/esm2022/core/skeletonable/skeletonable-mixin.mjs +0 -26
- package/esm2022/core/statusable/statusable-mixin.mjs +0 -32
- package/esm2022/core/text-alignable/text-alignable-mixin.mjs +0 -35
- package/esm2022/examples/examples.mjs +0 -2
- package/esm2022/examples/public_api.mjs +0 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.module.mjs +0 -40
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.module.mjs +0 -41
- package/esm2022/hero/examples/hero-theming/hero-theming.module.mjs +0 -40
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.module.mjs +0 -41
- package/esm2022/image/examples/basic-image/basic-image.module.mjs +0 -24
- package/esm2022/image/examples/load-image/load-image.module.mjs +0 -28
- package/esm2022/image/examples/skeleton-image/skeleton-image.module.mjs +0 -24
- package/esm2022/input/examples/basic-input/basic-input.module.mjs +0 -24
- package/esm2022/input/examples/input-disabled/input-disabled.module.mjs +0 -24
- package/esm2022/input/examples/input-error/input-error.module.mjs +0 -28
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.module.mjs +0 -24
- package/esm2022/list/examples/basic-list/basic-list.module.mjs +0 -28
- package/esm2022/list/examples/icon-list/icon-list.module.mjs +0 -32
- package/esm2022/list/examples/list-examples.module.mjs +0 -33
- package/esm2022/list/examples/multiline-list/multiline-list.module.mjs +0 -32
- package/esm2022/list/examples/nav-list/nav-list.module.mjs +0 -32
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.module.mjs +0 -32
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.mjs +0 -24
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.mjs +0 -29
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.mjs +0 -29
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.mjs +0 -29
- package/esm2022/menu/examples/basic-menu/basic-menu.module.mjs +0 -35
- package/esm2022/modal/examples/basic-modal/basic-modal.module.mjs +0 -31
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.module.mjs +0 -33
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.module.mjs +0 -33
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.module.mjs +0 -33
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.module.mjs +0 -29
- package/esm2022/notification/examples/default-notification/default-notification.module.mjs +0 -36
- package/esm2022/notification/examples/dismissible-notification/dismissible-notification.module.mjs +0 -36
- package/esm2022/notification/examples/notification-orientations/notification-orientations.module.mjs +0 -40
- package/esm2022/notification/examples/notification-status/notification-status.module.mjs +0 -40
- package/esm2022/paginator/examples/paginator-examples.module.mjs +0 -27
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.module.mjs +0 -24
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.mjs +0 -24
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.mjs +0 -28
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.mjs +0 -35
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.mjs +0 -35
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.mjs +0 -35
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.mjs +0 -35
- package/esm2022/radio/examples/basic-radio/basic-radio.module.mjs +0 -29
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +0 -32
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.mjs +0 -44
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.mjs +0 -32
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.mjs +0 -28
- package/esm2022/toast/examples/default-toast/default-toast.module.mjs +0 -36
- package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +0 -57
- package/esm2022/toast/examples/toast-status/toast-status.module.mjs +0 -40
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +0 -32
- package/esm2022/tree/examples/basic-tree/basic-tree.module.mjs +0 -32
- package/examples/examples.d.ts +0 -12
- package/examples/public_api.d.ts +0 -1
- package/hero/examples/compact-hero/compact-hero.module.d.ts +0 -12
- package/hero/examples/hero-text-alignment/hero-text-alignment.module.d.ts +0 -13
- package/hero/examples/hero-theming/hero-theming.module.d.ts +0 -12
- package/hero/examples/hero-with-grid/hero-with-grid.module.d.ts +0 -13
- package/image/examples/basic-image/basic-image.module.d.ts +0 -8
- package/image/examples/load-image/load-image.module.d.ts +0 -9
- package/image/examples/skeleton-image/skeleton-image.module.d.ts +0 -8
- package/input/examples/basic-input/basic-input.module.d.ts +0 -8
- package/input/examples/input-disabled/input-disabled.module.d.ts +0 -8
- package/input/examples/input-error/input-error.module.d.ts +0 -9
- package/input/examples/input-with-form-field/input-with-form-field.module.d.ts +0 -8
- package/list/examples/basic-list/basic-list.module.d.ts +0 -9
- package/list/examples/icon-list/icon-list.module.d.ts +0 -10
- package/list/examples/list-examples.module.d.ts +0 -11
- package/list/examples/multiline-list/multiline-list.module.d.ts +0 -10
- package/list/examples/nav-list/nav-list.module.d.ts +0 -10
- package/loading-icon/examples/loading-icon-color/loading-icon-color.module.d.ts +0 -10
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.d.ts +0 -8
- package/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.d.ts +0 -9
- package/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.d.ts +0 -9
- package/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.d.ts +0 -9
- package/menu/examples/basic-menu/basic-menu.module.d.ts +0 -11
- package/modal/examples/basic-modal/basic-modal.module.d.ts +0 -10
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +0 -11
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +0 -11
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +0 -11
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +0 -10
- package/notification/examples/default-notification/default-notification.module.d.ts +0 -11
- package/notification/examples/dismissible-notification/dismissible-notification.module.d.ts +0 -11
- package/notification/examples/notification-orientations/notification-orientations.module.d.ts +0 -12
- package/notification/examples/notification-status/notification-status.module.d.ts +0 -12
- package/paginator/examples/paginator-examples.module.d.ts +0 -10
- package/progress-bar/examples/progress-bar-default/progress-bar-default.module.d.ts +0 -8
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.d.ts +0 -8
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.d.ts +0 -9
- package/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.d.ts +0 -10
- package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.d.ts +0 -10
- package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.d.ts +0 -10
- package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.d.ts +0 -10
- package/radio/examples/basic-radio/basic-radio.module.d.ts +0 -9
- package/sidebar/examples/basic-sidebar/basic-sidebar.module.d.ts +0 -10
- package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.d.ts +0 -13
- package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.d.ts +0 -10
- package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.d.ts +0 -9
- package/toast/examples/default-toast/default-toast.module.d.ts +0 -11
- package/toast/examples/toast-positions/toast-positions.module.d.ts +0 -12
- package/toast/examples/toast-status/toast-status.module.d.ts +0 -12
- package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts +0 -10
- package/tree/examples/basic-tree/basic-tree.module.d.ts +0 -10
@@ -1,19 +1,25 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
6
|
import * as i0 from "@angular/core";
|
4
7
|
import * as i1 from "@daffodil/design/button";
|
5
8
|
import * as i2 from "@daffodil/design";
|
6
|
-
import * as i3 from "@fortawesome/angular-fontawesome";
|
7
9
|
export class BasicButtonComponent {
|
8
10
|
constructor() {
|
9
11
|
this.faChevronLeft = faChevronLeft;
|
10
12
|
this.faChevronRight = faChevronRight;
|
11
13
|
}
|
12
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicButtonComponent, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicButtonComponent, isStandalone: true, selector: "basic-button", ngImport: i0, template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
16
|
}
|
15
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicButtonComponent, decorators: [{
|
16
18
|
type: Component,
|
17
|
-
args: [{ selector: 'basic-button', changeDetection: ChangeDetectionStrategy.OnPush,
|
19
|
+
args: [{ selector: 'basic-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
20
|
+
DaffButtonModule,
|
21
|
+
FaIconComponent,
|
22
|
+
DaffPrefixSuffixModule,
|
23
|
+
], template: "<button daff-button>Default</button>\n<button daff-button color=\"primary\">Primary</button>\n<button daff-button color=\"secondary\">Secondary</button>\n<button daff-button color=\"tertiary\">Tertiary</button>\n<button daff-button color=\"black\">Black</button>\n<button daff-button color=\"white\">White</button>\n<button daff-button color=\"theme\">Theme</button>\n<button daff-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-button disabled>Disabled</button>\n<button daff-button loading=\"true\">Default</button>\n<a href=\"#\" daff-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
18
24
|
}] });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvYmFzaWMtYnV0dG9uL2Jhc2ljLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2Jhc2ljLWJ1dHRvbi9iYXNpYy1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFDTCxhQUFhLEVBQ2IsY0FBYyxHQUNmLE1BQU0sbUNBQW1DLENBQUM7QUFFM0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7QUFxQjNELE1BQU0sT0FBTyxvQkFBb0I7SUFuQmpDO1FBb0JFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO0tBQ2pDO2tJQUhZLG9CQUFvQjtzSEFBcEIsb0JBQW9CLHdFQ2hDakMsa3hCQVlnQyxxR0RlNUIsZ0JBQWdCLG9rQkFDaEIsZUFBZSxpUEFDZixzQkFBc0I7OzRGQUdiLG9CQUFvQjtrQkFuQmhDLFNBQVM7K0JBRUUsY0FBYyxtQkFTUCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2Ysc0JBQXNCO3FCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhTdWZmaXhNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2Jhc2ljLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNCdXR0b25Db21wb25lbnQge1xuICBmYUNoZXZyb25MZWZ0ID0gZmFDaGV2cm9uTGVmdDtcbiAgZmFDaGV2cm9uUmlnaHQgPSBmYUNoZXZyb25SaWdodDtcbn1cbiIsIjxidXR0b24gZGFmZi1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1idXR0b24gY29sb3I9XCJ3aGl0ZVwiPldoaXRlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uTGVmdFwiIHNpemU9XCJzbVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBsb2FkaW5nPVwidHJ1ZVwiPkRlZmF1bHQ8L2J1dHRvbj5cbjxhIGhyZWY9XCIjXCIgZGFmZi1idXR0b24+TGluazwvYT4iXX0=
|
@@ -1,19 +1,25 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
6
|
import * as i0 from "@angular/core";
|
4
7
|
import * as i1 from "@daffodil/design/button";
|
5
8
|
import * as i2 from "@daffodil/design";
|
6
|
-
import * as i3 from "@fortawesome/angular-fontawesome";
|
7
9
|
export class FlatButtonComponent {
|
8
10
|
constructor() {
|
9
11
|
this.faChevronLeft = faChevronLeft;
|
10
12
|
this.faChevronRight = faChevronRight;
|
11
13
|
}
|
12
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: FlatButtonComponent, selector: "flat-button", ngImport: i0, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: FlatButtonComponent, isStandalone: true, selector: "flat-button", ngImport: i0, template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
16
|
}
|
15
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: FlatButtonComponent, decorators: [{
|
16
18
|
type: Component,
|
17
|
-
args: [{ selector: 'flat-button', changeDetection: ChangeDetectionStrategy.OnPush,
|
19
|
+
args: [{ selector: 'flat-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
20
|
+
DaffButtonModule,
|
21
|
+
FaIconComponent,
|
22
|
+
DaffPrefixSuffixModule,
|
23
|
+
], template: "<button daff-flat-button>Default</button>\n<button daff-flat-button color=\"primary\">Primary</button>\n<button daff-flat-button color=\"secondary\">Secondary</button>\n<button daff-flat-button color=\"tertiary\">Tertiary</button>\n<button daff-flat-button color=\"black\">Black</button>\n<button daff-flat-button color=\"white\">White</button>\n<button daff-flat-button color=\"theme\">Theme</button>\n<button daff-flat-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-flat-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-flat-button disabled>Disabled</button>\n<button daff-flat-button loading=\"true\">Default</button>\n<a href=\"#\" daff-flat-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
18
24
|
}] });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9mbGF0LWJ1dHRvbi9mbGF0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ZsYXQtYnV0dG9uL2ZsYXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBcUIzRCxNQUFNLE9BQU8sbUJBQW1CO0lBbkJoQztRQW9CRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQztrSUFIWSxtQkFBbUI7c0hBQW5CLG1CQUFtQix1RUNoQ2hDLG0xQkFZcUMscUdEZWpDLGdCQUFnQixva0JBQ2hCLGVBQWUsaVBBQ2Ysc0JBQXNCOzs0RkFHYixtQkFBbUI7a0JBbkIvQixTQUFTOytCQUVFLGFBQWEsbUJBU04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdmbGF0LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbGF0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmQnV0dG9uTW9kdWxlLFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBGbGF0QnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtZmxhdC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlByaW1hcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj5CbGFjazwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9idXR0b24+XG48YnV0dG9uIGRhZmYtZmxhdC1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtZmxhdC1idXR0b24+TGluazwvYT4iXX0=
|
@@ -1,17 +1,18 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faPlus } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
5
|
import * as i0 from "@angular/core";
|
4
6
|
import * as i1 from "@daffodil/design/button";
|
5
|
-
import * as i2 from "@fortawesome/angular-fontawesome";
|
6
7
|
export class IconButtonComponent {
|
7
8
|
constructor() {
|
8
9
|
this.faPlus = faPlus;
|
9
10
|
}
|
10
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: IconButtonComponent, selector: "icon-button", ngImport: i0, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: IconButtonComponent, isStandalone: true, selector: "icon-button", ngImport: i0, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
13
|
}
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: IconButtonComponent, decorators: [{
|
14
15
|
type: Component,
|
15
|
-
args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
16
|
+
args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<button daff-icon-button><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"primary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"secondary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"tertiary\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"black\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"white\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button color=\"theme-contrast\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n<button daff-icon-button disabled><fa-icon [icon]=\"faPlus\"></fa-icon></button>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
16
17
|
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFM0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0seUJBQXlCLENBQUM7OztBQWlCM0QsTUFBTSxPQUFPLG1CQUFtQjtJQWZoQztRQWdCRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCO2tJQUZZLG1CQUFtQjtzSEFBbkIsbUJBQW1CLHVFQ3hCaEMsNHhCQVE4RSxxR0RjbEUsZ0JBQWdCLHNhQUFFLGVBQWU7OzRGQUVoQyxtQkFBbUI7a0JBZi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFTTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLGdCQUFnQixFQUFFLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFQbHVzIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnaWNvbi1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGFmZkJ1dHRvbk1vZHVsZSwgRmFJY29uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJibGFja1wiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGhlbWVcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBkaXNhYmxlZD48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+Il19
|
@@ -1,18 +1,10 @@
|
|
1
1
|
export { BUTTON_EXAMPLES } from './examples';
|
2
2
|
export { BasicButtonComponent } from './basic-button/basic-button.component';
|
3
|
-
export { BasicButtonModule } from './basic-button/basic-button.module';
|
4
3
|
export { FlatButtonComponent } from './flat-button/flat-button.component';
|
5
|
-
export { FlatButtonModule } from './flat-button/flat-button.module';
|
6
4
|
export { IconButtonComponent } from './icon-button/icon-button.component';
|
7
|
-
export { IconButtonModule } from './icon-button/icon-button.module';
|
8
5
|
export { RaisedButtonComponent } from './raised-button/raised-button.component';
|
9
|
-
export { RaisedButtonModule } from './raised-button/raised-button.module';
|
10
6
|
export { SizeableButtonComponent } from './sizeable-button/sizeable-button.component';
|
11
|
-
export { SizeableButtonModule } from './sizeable-button/sizeable-button.module';
|
12
7
|
export { StatusableButtonComponent } from './statusable-button/statusable-button.component';
|
13
|
-
export { StatusableButtonModule } from './statusable-button/statusable-button.module';
|
14
8
|
export { StrokedButtonComponent } from './stroked-button/stroked-button.component';
|
15
|
-
export { StrokedButtonModule } from './stroked-button/stroked-button.module';
|
16
9
|
export { UnderlineButtonComponent } from './underline-button/underline-button.component';
|
17
|
-
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQlVUVE9OX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG5cbmV4cG9ydCB7IEJhc2ljQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1idXR0b24vYmFzaWMtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBCYXNpY0J1dHRvbk1vZHVsZSB9IGZyb20gJy4vYmFzaWMtYnV0dG9uL2Jhc2ljLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgRmxhdEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vZmxhdC1idXR0b24vZmxhdC1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IEZsYXRCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2ZsYXQtYnV0dG9uL2ZsYXQtYnV0dG9uLm1vZHVsZSc7XG5leHBvcnQgeyBJY29uQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgSWNvbkJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vaWNvbi1idXR0b24vaWNvbi1idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFpc2VkLWJ1dHRvbi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBSYWlzZWRCdXR0b25Nb2R1bGUgfSBmcm9tICcuL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgU2l6ZWFibGVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNpemVhYmxlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9zaXplYWJsZS1idXR0b24vc2l6ZWFibGUtYnV0dG9uLm1vZHVsZSc7XG5leHBvcnQgeyBTdGF0dXNhYmxlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU3RhdHVzYWJsZUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vc3RhdHVzYWJsZS1idXR0b24vc3RhdHVzYWJsZS1idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IFN0cm9rZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTdHJva2VkQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi91bmRlcmxpbmUtYnV0dG9uL3VuZGVybGluZS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFVuZGVybGluZUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4vdW5kZXJsaW5lLWJ1dHRvbi91bmRlcmxpbmUtYnV0dG9uLm1vZHVsZSc7XG4iXX0=
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzVGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQlVUVE9OX0VYQU1QTEVTIH0gZnJvbSAnLi9leGFtcGxlcyc7XG5cbmV4cG9ydCB7IEJhc2ljQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1idXR0b24vYmFzaWMtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGbGF0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9mbGF0LWJ1dHRvbi9mbGF0LWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vaWNvbi1idXR0b24vaWNvbi1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vcmFpc2VkLWJ1dHRvbi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU3RhdHVzYWJsZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vc3RhdHVzYWJsZS1idXR0b24vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFN0cm9rZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQnO1xuIl19
|
@@ -1,19 +1,25 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
6
|
import * as i0 from "@angular/core";
|
4
7
|
import * as i1 from "@daffodil/design/button";
|
5
8
|
import * as i2 from "@daffodil/design";
|
6
|
-
import * as i3 from "@fortawesome/angular-fontawesome";
|
7
9
|
export class RaisedButtonComponent {
|
8
10
|
constructor() {
|
9
11
|
this.faChevronLeft = faChevronLeft;
|
10
12
|
this.faChevronRight = faChevronRight;
|
11
13
|
}
|
12
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: RaisedButtonComponent, selector: "raised-button", ngImport: i0, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: RaisedButtonComponent, isStandalone: true, selector: "raised-button", ngImport: i0, template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
16
|
}
|
15
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: RaisedButtonComponent, decorators: [{
|
16
18
|
type: Component,
|
17
|
-
args: [{ selector: 'raised-button', changeDetection: ChangeDetectionStrategy.OnPush,
|
19
|
+
args: [{ selector: 'raised-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
20
|
+
DaffButtonModule,
|
21
|
+
FaIconComponent,
|
22
|
+
DaffPrefixSuffixModule,
|
23
|
+
], template: "<button daff-raised-button>Default</button>\n<button daff-raised-button color=\"primary\">Primary</button>\n<button daff-raised-button color=\"secondary\">Secondary</button>\n<button daff-raised-button color=\"tertiary\">Tertiary</button>\n<button daff-raised-button color=\"black\">Black</button>\n<button daff-raised-button color=\"white\">White</button>\n<button daff-raised-button color=\"theme\">Theme</button>\n<button daff-raised-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-raised-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-raised-button disabled>Disabled</button>\n<button daff-raised-button loading=\"true\">Default</button>\n<a href=\"#\" daff-raised-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
18
24
|
}] });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQXFCM0QsTUFBTSxPQUFPLHFCQUFxQjtJQW5CbEM7UUFvQkUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7a0lBSFkscUJBQXFCO3NIQUFyQixxQkFBcUIseUVDaENsQyw2MkJBWXVDLHFHRGVuQyxnQkFBZ0Isb2tCQUNoQixlQUFlLGlQQUNmLHNCQUFzQjs7NEZBR2IscUJBQXFCO2tCQW5CakMsU0FBUzsrQkFFRSxlQUFlLG1CQVNSLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixzQkFBc0I7cUJBQ3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAncmFpc2VkLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWlzZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZEJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgc2l6ZT1cInNtXCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGxvYWRpbmc9XCJ0cnVlXCI+RGVmYXVsdDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLXJhaXNlZC1idXR0b24+TGluazwvYT4iXX0=
|
@@ -1,17 +1,18 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faPlus } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
5
|
import * as i0 from "@angular/core";
|
4
6
|
import * as i1 from "@daffodil/design/button";
|
5
|
-
import * as i2 from "@fortawesome/angular-fontawesome";
|
6
7
|
export class SizeableButtonComponent {
|
7
8
|
constructor() {
|
8
9
|
this.faPlus = faPlus;
|
9
10
|
}
|
10
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
11
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SizeableButtonComponent, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SizeableButtonComponent, isStandalone: true, selector: "sizeable-button", ngImport: i0, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
12
13
|
}
|
13
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SizeableButtonComponent, decorators: [{
|
14
15
|
type: Component,
|
15
|
-
args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
|
16
|
+
args: [{ selector: 'sizeable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<h4>Small Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"sm\">Small Button</button>\n\t<button daff-raised-button size=\"sm\">Small Raised Button</button>\n\t<button daff-stroked-button size=\"sm\">Small Stroked Button</button>\n\t<button daff-flat-button size=\"sm\">Small Flat Button</button>\n\t<button daff-underline-button size=\"sm\">Small Underline Button</button>\n<button daff-icon-button size=\"sm\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Medium Buttons (Default)</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"md\">Medium Button</button>\n\t<button daff-raised-button size=\"md\">Medium Raised Button</button>\n\t<button daff-stroked-button size=\"md\">Medium Stroked Button</button>\n\t<button daff-flat-button size=\"md\">Medium Flat Button</button>\n\t<button daff-underline-button size=\"md\">Medium Underline Button</button>\n\t<button daff-icon-button size=\"md\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>\n\n<h4>Large Buttons</h4>\n\n<div class=\"sizeable-button__group\">\n\t<button daff-button size=\"lg\">Large Button</button>\n\t<button daff-raised-button size=\"lg\">Large Raised Button</button>\n\t<button daff-stroked-button size=\"lg\">Large Stroked Button</button>\n\t<button daff-flat-button size=\"lg\">Large Flat Button</button>\n\t<button daff-underline-button size=\"lg\">Large Underline Button</button>\n\t<button daff-icon-button size=\"lg\"><fa-icon [icon]=\"faPlus\"></fa-icon></button>\n</div>", styles: [".sizeable-button__group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}\n"] }]
|
16
17
|
}] });
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBVzNELE1BQU0sT0FBTyx1QkFBdUI7SUFUcEM7UUFVRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCO2tJQUZZLHVCQUF1QjtzSEFBdkIsdUJBQXVCLDJFQ2xCcEMsZ2dEQStCTSw0SkRmTSxnQkFBZ0Isc2FBQUUsZUFBZTs7NEZBRWhDLHVCQUF1QjtrQkFUbkMsU0FBUzsrQkFFRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxnQkFBZ0IsRUFBRSxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IGZhUGx1cyB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NpemVhYmxlLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtEYWZmQnV0dG9uTW9kdWxlLCBGYUljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxoND5TbWFsbCBCdXR0b25zPC9oND5cblxuPGRpdiBjbGFzcz1cInNpemVhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgU3Ryb2tlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIEZsYXQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwic21cIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj5cblxuPGg0Pk1lZGl1bSBCdXR0b25zIChEZWZhdWx0KTwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gRmxhdCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJtZFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+TGFyZ2UgQnV0dG9uczwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFJhaXNlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBGbGF0IEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBVbmRlcmxpbmUgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwibGdcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj4iXX0=
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faExclamation, faExclamationTriangle, faCheckCircle, } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
5
|
import * as i0 from "@angular/core";
|
4
6
|
import * as i1 from "@daffodil/design/button";
|
5
|
-
import * as i2 from "@fortawesome/angular-fontawesome";
|
6
7
|
export class StatusableButtonComponent {
|
7
8
|
constructor() {
|
8
9
|
this.faExclamation = faExclamation;
|
@@ -10,10 +11,10 @@ export class StatusableButtonComponent {
|
|
10
11
|
this.faCheckCircle = faCheckCircle;
|
11
12
|
}
|
12
13
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StatusableButtonComponent, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
14
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StatusableButtonComponent, isStandalone: true, selector: "statusable-button", ngImport: i0, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
15
|
}
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StatusableButtonComponent, decorators: [{
|
16
17
|
type: Component,
|
17
|
-
args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
|
18
|
+
args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffButtonModule, FaIconComponent], template: "<h4>Basic Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-button status=\"warn\">Warn</button>\n\t<button daff-button status=\"danger\">Danger</button>\n\t<button daff-button status=\"success\">Success</button>\n</div>\n\n<h4>Stroked Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-stroked-button status=\"warn\">Warn</button>\n\t<button daff-stroked-button status=\"danger\">Danger</button>\n\t<button daff-stroked-button status=\"success\">Success</button>\n</div>\n\n<h4>Raised Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-raised-button status=\"warn\">Warn</button>\n\t<button daff-raised-button status=\"danger\">Danger</button>\n\t<button daff-raised-button status=\"success\">Success</button>\n</div>\n\n<h4>Underline Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-underline-button status=\"warn\">Warn</button>\n\t<button daff-underline-button status=\"danger\">Danger</button>\n\t<button daff-underline-button status=\"success\">Success</button>\n</div>\n\n<h4>Icon Status Buttons</h4>\n<div class=\"statusable-button__group\">\n\t<button daff-icon-button status=\"warn\"><fa-icon [icon]=\"faExclamation\"></fa-icon></button>\n\t<button daff-icon-button status=\"danger\"><fa-icon [icon]=\"faExclamationTriangle\"></fa-icon></button>\n\t<button daff-icon-button status=\"success\"><fa-icon [icon]=\"faCheckCircle\"></fa-icon></button>\n</div>", styles: [".statusable-button__group{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}\n"] }]
|
18
19
|
}] });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLHFCQUFxQixFQUNyQixhQUFhLEdBQ2QsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBWTNELE1BQU0sT0FBTyx5QkFBeUI7SUFUdEM7UUFVRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QiwwQkFBcUIsR0FBRyxxQkFBcUIsQ0FBQztRQUM5QyxrQkFBYSxHQUFHLGFBQWEsQ0FBQztLQUMvQjtrSUFKWSx5QkFBeUI7c0hBQXpCLHlCQUF5Qiw2RUN2QnRDLHE4Q0FpQ00sMklEWk0sZ0JBQWdCLHNhQUFFLGVBQWU7OzRGQUVoQyx5QkFBeUI7a0JBVHJDLFNBQVM7K0JBRUUsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZ0JBQWdCLEVBQUUsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQge1xuICBmYUV4Y2xhbWF0aW9uLFxuICBmYUV4Y2xhbWF0aW9uVHJpYW5nbGUsXG4gIGZhQ2hlY2tDaXJjbGUsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3RhdHVzYWJsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0RhZmZCdXR0b25Nb2R1bGUsIEZhSWNvbkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0YXR1c2FibGVCdXR0b25Db21wb25lbnQge1xuICBmYUV4Y2xhbWF0aW9uID0gZmFFeGNsYW1hdGlvbjtcbiAgZmFFeGNsYW1hdGlvblRyaWFuZ2xlID0gZmFFeGNsYW1hdGlvblRyaWFuZ2xlO1xuICBmYUNoZWNrQ2lyY2xlID0gZmFDaGVja0NpcmNsZTtcbn1cbiIsIjxoND5CYXNpYyBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc3RhdHVzPVwid2FyblwiPldhcm48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5TdHJva2VkIFN0YXR1cyBCdXR0b25zPC9oND5cbjxkaXYgY2xhc3M9XCJzdGF0dXNhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG48L2Rpdj5cblxuPGg0PlJhaXNlZCBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPkRhbmdlcjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5VbmRlcmxpbmUgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGRpdiBjbGFzcz1cInN0YXR1c2FibGUtYnV0dG9uX19ncm91cFwiPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+V2FybjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJkYW5nZXJcIj5EYW5nZXI8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+SWNvbiBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJ3YXJuXCI+PGZhLWljb24gW2ljb25dPVwiZmFFeGNsYW1hdGlvblwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cImRhbmdlclwiPjxmYS1pY29uIFtpY29uXT1cImZhRXhjbGFtYXRpb25UcmlhbmdsZVwiPjwvZmEtaWNvbj48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZWNrQ2lyY2xlXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPC9kaXY+Il19
|
@@ -1,19 +1,25 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
6
|
import * as i0 from "@angular/core";
|
4
7
|
import * as i1 from "@daffodil/design/button";
|
5
8
|
import * as i2 from "@daffodil/design";
|
6
|
-
import * as i3 from "@fortawesome/angular-fontawesome";
|
7
9
|
export class StrokedButtonComponent {
|
8
10
|
constructor() {
|
9
11
|
this.faChevronLeft = faChevronLeft;
|
10
12
|
this.faChevronRight = faChevronRight;
|
11
13
|
}
|
12
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StrokedButtonComponent, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: StrokedButtonComponent, isStandalone: true, selector: "stroked-button", ngImport: i0, template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
16
|
}
|
15
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: StrokedButtonComponent, decorators: [{
|
16
18
|
type: Component,
|
17
|
-
args: [{ selector: 'stroked-button', changeDetection: ChangeDetectionStrategy.OnPush,
|
19
|
+
args: [{ selector: 'stroked-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
20
|
+
DaffButtonModule,
|
21
|
+
FaIconComponent,
|
22
|
+
DaffPrefixSuffixModule,
|
23
|
+
], template: "<button daff-stroked-button>Default</button>\n<button daff-stroked-button color=\"primary\">Primary</button>\n<button daff-stroked-button color=\"secondary\">Secondary</button>\n<button daff-stroked-button color=\"tertiary\">Tertiary</button>\n<button daff-stroked-button color=\"black\">Black</button>\n<button daff-stroked-button color=\"white\">White</button>\n<button daff-stroked-button color=\"theme\">Theme</button>\n<button daff-stroked-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-stroked-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-stroked-button disabled>Disabled</button>\n<button daff-stroked-button loading=\"true\">Default</button>\n<a href=\"#\" daff-stroked-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
18
24
|
}] });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7O0FBcUIzRCxNQUFNLE9BQU8sc0JBQXNCO0lBbkJuQztRQW9CRSxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5QixtQkFBYyxHQUFHLGNBQWMsQ0FBQztLQUNqQztrSUFIWSxzQkFBc0I7c0hBQXRCLHNCQUFzQiwwRUNoQ25DLDAzQkFZd0MscUdEZXBDLGdCQUFnQixva0JBQ2hCLGVBQWUsaVBBQ2Ysc0JBQXNCOzs0RkFHYixzQkFBc0I7a0JBbkJsQyxTQUFTOytCQUVFLGdCQUFnQixtQkFTVCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2Ysc0JBQXNCO3FCQUN2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhTdWZmaXhNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0cm9rZWQtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFN0cm9rZWRCdXR0b25Db21wb25lbnQge1xuICBmYUNoZXZyb25MZWZ0ID0gZmFDaGV2cm9uTGVmdDtcbiAgZmFDaGV2cm9uUmlnaHQgPSBmYUNoZXZyb25SaWdodDtcbn1cbiIsIjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+UHJpbWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJibGFja1wiPkJsYWNrPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ3aGl0ZVwiPldoaXRlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPlRoZW1lIENvbnRyYXN0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uTGVmdFwiIHNpemU9XCJzbVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gZGlzYWJsZWQ+RGlzYWJsZWQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBsb2FkaW5nPVwidHJ1ZVwiPkRlZmF1bHQ8L2J1dHRvbj5cbjxhIGhyZWY9XCIjXCIgZGFmZi1zdHJva2VkLWJ1dHRvbj5MaW5rPC9hPiJdfQ==
|
@@ -1,19 +1,25 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
|
+
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
2
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
+
import { DaffPrefixSuffixModule } from '@daffodil/design';
|
5
|
+
import { DaffButtonModule } from '@daffodil/design/button';
|
3
6
|
import * as i0 from "@angular/core";
|
4
7
|
import * as i1 from "@daffodil/design/button";
|
5
8
|
import * as i2 from "@daffodil/design";
|
6
|
-
import * as i3 from "@fortawesome/angular-fontawesome";
|
7
9
|
export class UnderlineButtonComponent {
|
8
10
|
constructor() {
|
9
11
|
this.faChevronLeft = faChevronLeft;
|
10
12
|
this.faChevronRight = faChevronRight;
|
11
13
|
}
|
12
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: UnderlineButtonComponent, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "component", type: i1.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: ["
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: UnderlineButtonComponent, isStandalone: true, selector: "underline-button", ngImport: i0, template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i1.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"] }, { kind: "directive", type: i2.DaffPrefixDirective, selector: "[daffPrefix]" }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DaffPrefixSuffixModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
16
|
}
|
15
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: UnderlineButtonComponent, decorators: [{
|
16
18
|
type: Component,
|
17
|
-
args: [{ selector: 'underline-button', changeDetection: ChangeDetectionStrategy.OnPush,
|
19
|
+
args: [{ selector: 'underline-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
20
|
+
DaffButtonModule,
|
21
|
+
FaIconComponent,
|
22
|
+
DaffPrefixSuffixModule,
|
23
|
+
], template: "<button daff-underline-button>Default</button>\n<button daff-underline-button color=\"primary\">Primary</button>\n<button daff-underline-button color=\"secondary\">Secondary</button>\n<button daff-underline-button color=\"tertiary\">Tertiary</button>\n<button daff-underline-button color=\"black\">Black</button>\n<button daff-underline-button color=\"white\">White</button>\n<button daff-underline-button color=\"theme\">Theme</button>\n<button daff-underline-button color=\"theme-contrast\">Theme Contrast</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronLeft\" size=\"sm\" daffPrefix></fa-icon>Button</button>\n<button daff-underline-button><fa-icon [icon]=\"faChevronRight\" size=\"sm\" daffSuffix></fa-icon>Button</button>\n<button daff-underline-button disabled>Disabled</button>\n<button daff-underline-button loading=\"true\">Default</button>\n<a href=\"#\" daff-underline-button>Link</a>", styles: [":host{display:flex;flex-wrap:wrap;gap:8px}\n"] }]
|
18
24
|
}] });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQXFCM0QsTUFBTSxPQUFPLHdCQUF3QjtJQW5CckM7UUFvQkUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7a0lBSFksd0JBQXdCO3NIQUF4Qix3QkFBd0IsNEVDaENyQyxvNUJBWTBDLHFHRGV0QyxnQkFBZ0Isb2tCQUNoQixlQUFlLGlQQUNmLHNCQUFzQjs7NEZBR2Isd0JBQXdCO2tCQW5CcEMsU0FBUzsrQkFFRSxrQkFBa0IsbUJBU1gsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmUHJlZml4U3VmZml4TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5pbXBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICd1bmRlcmxpbmUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VuZGVybGluZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkJ1dHRvbk1vZHVsZSxcbiAgICBGYUljb25Db21wb25lbnQsXG4gICAgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgVW5kZXJsaW5lQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbj5MaW5rPC9hPiJdfQ==
|
@@ -1,3 +1,4 @@
|
|
1
1
|
export { DaffButtonComponent } from './button/button.component';
|
2
2
|
export { DaffButtonModule } from './button.module';
|
3
|
-
|
3
|
+
export { DaffButtonSizableDirective } from './button/button-sizable.directive';
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICcuL2J1dHRvbi5tb2R1bGUnO1xuZXhwb3J0IHsgRGFmZkJ1dHRvblNpemFibGVEaXJlY3RpdmUgfSBmcm9tICcuL2J1dHRvbi9idXR0b24tc2l6YWJsZS5kaXJlY3RpdmUnO1xuIl19
|