@daffodil/design 0.78.0 → 0.80.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.module.d.ts +3 -1
- package/accordion/src/accordion-theme.scss +4 -4
- package/article/README.md +5 -6
- package/article/article.module.d.ts +3 -1
- package/article/src/article-theme.scss +8 -8
- package/atoms/form/form-field/form-field/form-field.component.d.ts +1 -1
- package/breadcrumb/breadcrumb.module.d.ts +3 -1
- package/breadcrumb/src/breadcrumb-theme.scss +3 -3
- package/button/README.md +3 -3
- package/button/button/basic/button.component.d.ts +28 -0
- package/button/button/button-base.directive.d.ts +51 -0
- package/button/button/flat/flat.component.d.ts +28 -0
- package/button/button/icon/icon.component.d.ts +24 -0
- package/button/button/raised/raised.component.d.ts +28 -0
- package/button/button/stroked/stroked.component.d.ts +28 -0
- package/button/button/underline/underline.component.d.ts +28 -0
- package/button/button.d.ts +7 -2
- package/button/button.module.d.ts +11 -4
- package/button/public_api.d.ts +6 -1
- package/button/src/button/basic/button-theme.scss +145 -0
- package/button/src/button/button-base.scss +79 -0
- package/button/src/button/flat/flat-theme.scss +142 -0
- package/button/src/button/icon/icon-theme.scss +140 -0
- package/button/src/button/raised/raised-theme.scss +107 -0
- package/button/src/button/stroked/stroked-theme.scss +155 -0
- package/button/src/button/underline/underline-theme.scss +89 -0
- package/callout/callout.module.d.ts +3 -1
- package/callout/src/callout-theme.scss +11 -17
- package/card/card.module.d.ts +1 -1
- package/card/src/card-theme-variants/linkable-card.scss +1 -1
- package/card/src/card-theme.scss +9 -9
- package/container/container.module.d.ts +1 -1
- package/core/public_api.d.ts +1 -0
- package/core/selectable/public_api.d.ts +2 -0
- package/core/selectable/selectable.d.ts +7 -0
- package/core/selectable/selectable.directive.d.ts +17 -0
- package/core/statusable/statusable.d.ts +5 -3
- package/core/statusable/statusable.directive.d.ts +6 -4
- package/esm2022/accordion/accordion/animation/accordion-animation.mjs +1 -4
- package/esm2022/accordion/accordion.module.mjs +4 -2
- package/esm2022/article/article.module.mjs +4 -2
- package/esm2022/atoms/form/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +2 -2
- package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +2 -2
- package/esm2022/atoms/form/radio/radio.component.mjs +2 -2
- package/esm2022/atoms/form/radio-set/radio-set.component.mjs +2 -2
- package/esm2022/breadcrumb/breadcrumb.module.mjs +4 -2
- package/esm2022/button/button/basic/button.component.mjs +48 -0
- package/esm2022/button/button/button-base.directive.mjs +105 -0
- package/esm2022/button/button/flat/flat.component.mjs +48 -0
- package/esm2022/button/button/icon/icon.component.mjs +44 -0
- package/esm2022/button/button/raised/raised.component.mjs +48 -0
- package/esm2022/button/button/stroked/stroked.component.mjs +48 -0
- package/esm2022/button/button/underline/underline.component.mjs +48 -0
- package/esm2022/button/button.mjs +12 -2
- package/esm2022/button/button.module.mjs +37 -5
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -6
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -6
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -6
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -6
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +2 -2
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +3 -3
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -6
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -6
- package/esm2022/button/public_api.mjs +7 -2
- package/esm2022/callout/callout.module.mjs +4 -2
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +5 -7
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +5 -7
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +5 -6
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -6
- package/esm2022/card/card.module.mjs +2 -2
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -6
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +5 -7
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -5
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -5
- package/esm2022/container/container/container.component.mjs +2 -2
- package/esm2022/container/container.module.mjs +2 -2
- package/esm2022/core/public_api.mjs +2 -1
- package/esm2022/core/selectable/public_api.mjs +2 -0
- package/esm2022/core/selectable/selectable.directive.mjs +41 -0
- package/esm2022/core/selectable/selectable.mjs +2 -0
- package/esm2022/core/statusable/statusable.directive.mjs +7 -5
- package/esm2022/core/statusable/statusable.mjs +3 -2
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -6
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +5 -7
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +5 -7
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -6
- package/esm2022/hero/hero.module.mjs +2 -2
- package/esm2022/image/image.module.mjs +2 -2
- package/esm2022/link-set/link-set.module.mjs +2 -2
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +1 -1
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +2 -2
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +1 -1
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +2 -2
- package/esm2022/list/list/list.component.mjs +2 -2
- package/esm2022/list/list-item/list-item.component.mjs +10 -3
- package/esm2022/list/list.module.mjs +2 -2
- package/esm2022/loading-icon/examples/examples.mjs +1 -3
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +2 -2
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +5 -20
- package/esm2022/loading-icon/loading-icon.module.mjs +2 -2
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +1 -1
- package/esm2022/media-gallery/helpers/media-gallery-token.mjs +7 -3
- package/esm2022/media-gallery/media-gallery.module.mjs +2 -2
- package/esm2022/media-gallery/thumbnail/thumbnail-compat.token.mjs +8 -3
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +26 -39
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +5 -7
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +4 -6
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -6
- package/esm2022/modal/modal-header/modal-header.component.mjs +4 -6
- package/esm2022/modal/modal.module.mjs +2 -2
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -6
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +5 -7
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -6
- package/esm2022/navbar/navbar.module.mjs +2 -2
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +1 -3
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +1 -3
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +3 -5
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -5
- package/esm2022/notification/notification/notification.component.mjs +3 -3
- package/esm2022/notification/notification.module.mjs +2 -2
- package/esm2022/paginator/paginator.module.mjs +2 -2
- package/esm2022/progress-bar/progress-bar.module.mjs +2 -2
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +5 -6
- package/esm2022/sidebar/sidebar-viewport/scroll-token/scroll.token.mjs +9 -3
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
- package/esm2022/sidebar/sidebar.module.mjs +2 -2
- package/esm2022/switch/daffodil-design-switch.mjs +5 -0
- package/esm2022/switch/examples/basic-switch/basic-switch.component.mjs +23 -0
- package/esm2022/switch/examples/daffodil-design-switch-examples.mjs +5 -0
- package/esm2022/switch/examples/disabled-switch/disabled-switch.component.mjs +20 -0
- package/esm2022/switch/examples/examples.mjs +13 -0
- package/esm2022/switch/examples/index.mjs +2 -0
- package/esm2022/switch/examples/loading-switch/loading-switch.component.mjs +20 -0
- package/esm2022/switch/examples/public_api.mjs +7 -0
- package/esm2022/switch/examples/switch-error/switch-error.component.mjs +22 -0
- package/esm2022/switch/examples/switch-label-positions/switch-label-positions.component.mjs +31 -0
- package/esm2022/switch/index.mjs +2 -0
- package/esm2022/switch/public_api.mjs +3 -0
- package/esm2022/switch/switch/label-position.mjs +11 -0
- package/esm2022/switch/switch/switch.component.mjs +126 -0
- package/esm2022/switch/switch.mjs +7 -0
- package/esm2022/tabs/daffodil-design-tabs.mjs +5 -0
- package/esm2022/tabs/examples/basic-tabs/basic-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/custom-select-tabs/custom-select-tabs.component.mjs +34 -0
- package/esm2022/tabs/examples/daffodil-design-tabs-examples.mjs +5 -0
- package/esm2022/tabs/examples/disabled-tabs/disabled-tabs.component.mjs +22 -0
- package/esm2022/tabs/examples/index.mjs +2 -0
- package/esm2022/tabs/examples/initially-select-tab/initially-select-tab.component.mjs +22 -0
- package/esm2022/tabs/examples/public_api.mjs +11 -0
- package/esm2022/tabs/index.mjs +2 -0
- package/esm2022/tabs/public_api.mjs +6 -0
- package/esm2022/tabs/tabs/tab/tab.component.mjs +86 -0
- package/esm2022/tabs/tabs/tab-activator/tab-activator.component.mjs +84 -0
- package/esm2022/tabs/tabs/tab-label/tab-label.component.mjs +33 -0
- package/esm2022/tabs/tabs/tab-panel/tab-panel.component.mjs +68 -0
- package/esm2022/tabs/tabs/tabs.component.mjs +157 -0
- package/esm2022/tabs/tabs.mjs +13 -0
- package/esm2022/text-snippet/daffodil-design-text-snippet.mjs +5 -0
- package/esm2022/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.mjs +14 -0
- package/esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs +5 -0
- package/esm2022/text-snippet/examples/index.mjs +2 -0
- package/esm2022/text-snippet/examples/public_api.mjs +5 -0
- package/esm2022/text-snippet/index.mjs +2 -0
- package/esm2022/text-snippet/public_api.mjs +2 -0
- package/esm2022/text-snippet/text-snippet.component.mjs +46 -0
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -6
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -6
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +8 -10
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -6
- package/esm2022/toast/options/daff-toast-options.mjs +7 -7
- package/esm2022/toast/toast/toast-provider.mjs +2 -2
- package/esm2022/toast/toast/toast-template.component.mjs +2 -2
- package/esm2022/toast/toast/toast.component.mjs +3 -3
- package/esm2022/toast/toast.module.mjs +2 -2
- package/esm2022/tree/tree.module.mjs +2 -2
- package/fesm2022/daffodil-design-accordion.mjs +3 -4
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +3 -1
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs +3 -1
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +16 -16
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +308 -132
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +12 -13
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +3 -1
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +10 -12
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +1 -1
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +5 -6
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +3 -3
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +11 -13
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +1 -1
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +1 -1
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +1 -1
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +4 -4
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +12 -5
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +1 -13
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +5 -20
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +3 -3
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +37 -42
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +3 -5
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +5 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +4 -5
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +11 -13
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +1 -1
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +5 -9
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +3 -3
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +1 -1
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +4 -5
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +11 -5
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-switch-examples.mjs +109 -0
- package/fesm2022/daffodil-design-switch-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-switch.mjs +148 -0
- package/fesm2022/daffodil-design-switch.mjs.map +1 -0
- package/fesm2022/daffodil-design-tabs-examples.mjs +93 -0
- package/fesm2022/daffodil-design-tabs-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-tabs.mjs +428 -0
- package/fesm2022/daffodil-design-tabs.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs +25 -0
- package/fesm2022/daffodil-design-text-snippet-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-text-snippet.mjs +53 -0
- package/fesm2022/daffodil-design-text-snippet.mjs.map +1 -0
- package/fesm2022/daffodil-design-toast-examples.mjs +13 -15
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +13 -12
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +1 -1
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +53 -11
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/hero/hero.module.d.ts +1 -1
- package/hero/src/hero-theme.scss +11 -17
- package/image/README.md +4 -1
- package/image/image.module.d.ts +1 -1
- package/link-set/README.md +1 -1
- package/link-set/link-set.module.d.ts +1 -1
- package/list/list-item/list-item.component.d.ts +3 -1
- package/list/list.module.d.ts +1 -1
- package/list/src/list-theme.scss +13 -9
- package/loading-icon/README.md +0 -5
- package/loading-icon/examples/examples.d.ts +2 -2
- package/loading-icon/loading-icon/loading-icon.component.d.ts +1 -9
- package/loading-icon/loading-icon.module.d.ts +1 -1
- package/loading-icon/src/loading-icon-theme.scss +7 -7
- package/media-gallery/README.md +4 -1
- package/media-gallery/helpers/media-gallery-token.d.ts +1 -2
- package/media-gallery/media-gallery.module.d.ts +1 -1
- package/media-gallery/src/media-gallery-theme.scss +3 -3
- package/media-gallery/thumbnail/thumbnail-compat.token.d.ts +1 -5
- package/media-gallery/thumbnail/thumbnail.directive.d.ts +9 -18
- package/menu/src/menu-theme.scss +5 -5
- package/modal/modal.module.d.ts +1 -1
- package/modal/src/modal-theme.scss +1 -1
- package/navbar/navbar.module.d.ts +1 -1
- package/navbar/src/navbar-theme.scss +8 -8
- package/notification/README.md +2 -2
- package/notification/notification/notification.component.d.ts +1 -1
- package/notification/notification.module.d.ts +1 -1
- package/notification/src/notification-theme.scss +25 -21
- package/package.json +1 -1
- package/paginator/paginator.module.d.ts +1 -1
- package/paginator/src/paginator-theme.scss +11 -10
- package/progress-bar/progress-bar.module.d.ts +1 -1
- package/progress-bar/src/progress-bar-theme.scss +10 -10
- package/scss/accessibility/_index.scss +1 -1
- package/scss/core/_index.scss +1 -2
- package/scss/core/error/error-to-string.scss +13 -0
- package/scss/core/map/map-deep-check/map-deep-check.scss +2 -1
- package/scss/core/map/map-deep-get/map-deep-get.scss +1 -0
- package/scss/core/map/map-get/map-get.scss +23 -0
- package/scss/core/map/map-get/map-get.spec.scss +65 -0
- package/scss/core/string/split/string-split.scss +10 -7
- package/scss/global.scss +1 -0
- package/scss/interactions/_index.scss +1 -1
- package/scss/layout/_index.scss +1 -1
- package/scss/state/skeleton/_mixins.scss +2 -2
- package/scss/theme.scss +15 -1
- package/scss/theming/_configure-theme.scss +60 -2
- package/scss/theming/_daff-theme.scss +14 -4
- package/scss/theming/_index.scss +1 -1
- package/scss/theming/_theme-css-variables.scss +15 -13
- package/scss/theming/contrast/luminance/luminance.scss +8 -6
- package/scss/theming/illuminate/illuminate.scss +20 -17
- package/scss/typography/utilities/_index.scss +1 -1
- package/scss/typography/utilities/_variables.scss +1 -1
- package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts +1 -7
- package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts +1 -1
- package/sidebar/sidebar.module.d.ts +1 -1
- package/sidebar/src/sidebar-theme.scss +3 -3
- package/src/atoms/form/form-field/form-field/form-field-theme.scss +6 -6
- package/src/atoms/form/input/input-theme.scss +2 -2
- package/src/atoms/form/native-select/native-select-theme.scss +3 -3
- package/switch/README.md +61 -0
- package/switch/examples/basic-switch/basic-switch.component.d.ts +8 -0
- package/switch/examples/disabled-switch/disabled-switch.component.d.ts +7 -0
- package/switch/examples/examples.d.ts +5 -0
- package/switch/examples/index.d.ts +1 -0
- package/switch/examples/loading-switch/loading-switch.component.d.ts +7 -0
- package/switch/examples/public_api.d.ts +6 -0
- package/switch/examples/switch-error/switch-error.component.d.ts +7 -0
- package/switch/examples/switch-label-positions/switch-label-positions.component.d.ts +12 -0
- package/switch/index.d.ts +1 -0
- package/switch/public_api.d.ts +2 -0
- package/switch/src/switch-theme.scss +31 -0
- package/switch/switch/label-position.d.ts +10 -0
- package/switch/switch/switch.component.d.ts +53 -0
- package/switch/switch.d.ts +3 -0
- package/tabs/README.md +19 -0
- package/tabs/examples/basic-tabs/basic-tabs.component.d.ts +6 -0
- package/tabs/examples/custom-select-tabs/custom-select-tabs.component.d.ts +11 -0
- package/tabs/examples/disabled-tabs/disabled-tabs.component.d.ts +6 -0
- package/tabs/examples/index.d.ts +1 -0
- package/tabs/examples/initially-select-tab/initially-select-tab.component.d.ts +6 -0
- package/tabs/examples/public_api.d.ts +2 -0
- package/tabs/index.d.ts +1 -0
- package/tabs/public_api.d.ts +5 -0
- package/tabs/src/tabs-theme.scss +22 -0
- package/tabs/tabs/tab/tab.component.d.ts +57 -0
- package/tabs/tabs/tab-activator/tab-activator.component.d.ts +38 -0
- package/tabs/tabs/tab-label/tab-label.component.d.ts +19 -0
- package/tabs/tabs/tab-panel/tab-panel.component.d.ts +38 -0
- package/tabs/tabs/tabs.component.d.ts +103 -0
- package/tabs/tabs.d.ts +6 -0
- package/text-snippet/README.md +2 -0
- package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts +5 -0
- package/text-snippet/examples/index.d.ts +1 -0
- package/text-snippet/examples/public_api.d.ts +2 -0
- package/text-snippet/index.d.ts +1 -0
- package/text-snippet/public_api.d.ts +1 -0
- package/text-snippet/text-snippet.component.d.ts +19 -0
- package/toast/README.md +5 -5
- package/toast/options/daff-toast-options.d.ts +1 -3
- package/toast/src/toast-theme.scss +28 -24
- package/toast/toast/toast-provider.d.ts +1 -1
- package/toast/toast.module.d.ts +1 -1
- package/tree/src/tree-theme.scss +11 -11
- package/tree/tree.module.d.ts +1 -1
- package/button/button/button.component.d.ts +0 -80
- package/button/src/button-theme-variants/button.scss +0 -26
- package/button/src/button-theme-variants/flat.scss +0 -25
- package/button/src/button-theme-variants/icon.scss +0 -21
- package/button/src/button-theme-variants/raised.scss +0 -36
- package/button/src/button-theme-variants/stroked.scss +0 -28
- package/button/src/button-theme-variants/underline.scss +0 -9
- package/button/src/button-theme.scss +0 -574
- package/esm2022/button/button/button.component.mjs +0 -212
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +0 -15
- package/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.d.ts +0 -5
- package/scss/core/map/map-deep-check/map-deep-check.spec.scss +0 -43
- package/scss/core/map/map-deep-get/map-deep-get.spec.scss +0 -25
- package/scss/theming/contrast/contrast-ratio/contrast-ratio.spec.scss +0 -0
- package/scss/theming/contrast/text-contrast/text-contrast.spec.scss +0 -0
- package/src/atoms/form/radio/radio.scss +0 -0
@@ -1,23 +1,21 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
4
|
+
import { DaffFlatButtonComponent } from '@daffodil/design/button';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@daffodil/design/button";
|
7
|
-
import * as i2 from "@daffodil/design";
|
8
6
|
export class FlatButtonComponent {
|
9
7
|
constructor() {
|
10
8
|
this.faChevronLeft = faChevronLeft;
|
11
9
|
this.faChevronRight = faChevronRight;
|
12
10
|
}
|
13
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FlatButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type:
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: DaffFlatButtonComponent, selector: "button[daff-flat-button],a[daff-flat-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
13
|
}
|
16
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: FlatButtonComponent, decorators: [{
|
17
15
|
type: Component,
|
18
16
|
args: [{ selector: 'flat-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
19
|
-
|
17
|
+
DaffFlatButtonComponent,
|
20
18
|
FaIconComponent,
|
21
19
|
], 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"] }]
|
22
20
|
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxhdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9mbGF0LWJ1dHRvbi9mbGF0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ZsYXQtYnV0dG9uL2ZsYXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQW9CbEUsTUFBTSxPQUFPLG1CQUFtQjtJQWxCaEM7UUFtQkUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7aUlBSFksbUJBQW1CO3FIQUFuQixtQkFBbUIsdUVDOUJoQyxtMUJBWXFDLHNHRGNqQyx1QkFBdUIseUZBQ3ZCLGVBQWU7OzJGQUdOLG1CQUFtQjtrQkFsQi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFTTix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCx1QkFBdUI7d0JBQ3ZCLGVBQWU7cUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZkZsYXRCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2ZsYXQtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZsYXQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZGbGF0QnV0dG9uQ29tcG9uZW50LFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRmxhdEJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhQ2hldnJvbkxlZnQgPSBmYUNoZXZyb25MZWZ0O1xuICBmYUNoZXZyb25SaWdodCA9IGZhQ2hldnJvblJpZ2h0O1xufVxuIiwiPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uPkRlZmF1bHQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtZmxhdC1idXR0b24gY29sb3I9XCJzZWNvbmRhcnlcIj5TZWNvbmRhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInRlcnRpYXJ5XCI+VGVydGlhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+V2hpdGU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInRoZW1lXCI+VGhlbWU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25MZWZ0XCIgc2l6ZT1cInNtXCIgZGFmZlByZWZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtZmxhdC1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uUmlnaHRcIiBzaXplPVwic21cIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIGxvYWRpbmc9XCJ0cnVlXCI+RGVmYXVsdDwvYnV0dG9uPlxuPGEgaHJlZj1cIiNcIiBkYWZmLWZsYXQtYnV0dG9uPkxpbms8L2E+Il19
|
@@ -1,22 +1,20 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faPlus } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
4
|
+
import { DaffIconButtonComponent } from '@daffodil/design/button';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@daffodil/design/button";
|
7
|
-
import * as i2 from "@daffodil/design";
|
8
6
|
export class IconButtonComponent {
|
9
7
|
constructor() {
|
10
8
|
this.faPlus = faPlus;
|
11
9
|
}
|
12
10
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type:
|
11
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: DaffIconButtonComponent, selector: "button[daff-icon-button],a[daff-icon-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
12
|
}
|
15
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: IconButtonComponent, decorators: [{
|
16
14
|
type: Component,
|
17
15
|
args: [{ selector: 'icon-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
18
|
-
|
16
|
+
DaffIconButtonComponent,
|
19
17
|
FaIconComponent,
|
20
18
|
], 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"] }]
|
21
19
|
}] });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFM0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBb0JsRSxNQUFNLE9BQU8sbUJBQW1CO0lBbEJoQztRQW1CRSxXQUFNLEdBQUcsTUFBTSxDQUFDO0tBQ2pCO2lJQUZZLG1CQUFtQjtxSEFBbkIsbUJBQW1CLHVFQzNCaEMsNHhCQVE4RSxzR0RlMUUsdUJBQXVCLHlGQUN2QixlQUFlOzsyRkFHTixtQkFBbUI7a0JBbEIvQixTQUFTOytCQUVFLGFBQWEsbUJBU04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsdUJBQXVCO3dCQUN2QixlQUFlO3FCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFQbHVzIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZkljb25CdXR0b25Db21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2ljb24tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZJY29uQnV0dG9uQ29tcG9uZW50LFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSWNvbkJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJwcmltYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJibGFja1wiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBjb2xvcj1cIndoaXRlXCI+PGZhLWljb24gW2ljb25dPVwiZmFQbHVzXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIGNvbG9yPVwidGhlbWVcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBkaXNhYmxlZD48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+Il19
|
@@ -1,23 +1,21 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
4
|
+
import { DaffRaisedButtonComponent } from '@daffodil/design/button';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@daffodil/design/button";
|
7
|
-
import * as i2 from "@daffodil/design";
|
8
6
|
export class RaisedButtonComponent {
|
9
7
|
constructor() {
|
10
8
|
this.faChevronLeft = faChevronLeft;
|
11
9
|
this.faChevronRight = faChevronRight;
|
12
10
|
}
|
13
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type:
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: DaffRaisedButtonComponent, selector: "button[daff-raised-button],a[daff-raised-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
13
|
}
|
16
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedButtonComponent, decorators: [{
|
17
15
|
type: Component,
|
18
16
|
args: [{ selector: 'raised-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
19
|
-
|
17
|
+
DaffRaisedButtonComponent,
|
20
18
|
FaIconComponent,
|
21
19
|
], 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"] }]
|
22
20
|
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3JhaXNlZC1idXR0b24vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFvQnBFLE1BQU0sT0FBTyxxQkFBcUI7SUFsQmxDO1FBbUJFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO0tBQ2pDO2lJQUhZLHFCQUFxQjtxSEFBckIscUJBQXFCLHlFQzlCbEMsNjJCQVl1QyxzR0RjbkMseUJBQXlCLDZGQUN6QixlQUFlOzsyRkFHTixxQkFBcUI7a0JBbEJqQyxTQUFTOytCQUVFLGVBQWUsbUJBU1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AseUJBQXlCO3dCQUN6QixlQUFlO3FCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHtcbiAgZmFDaGV2cm9uTGVmdCxcbiAgZmFDaGV2cm9uUmlnaHQsXG59IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucyc7XG5cbmltcG9ydCB7IERhZmZSYWlzZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3JhaXNlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcmFpc2VkLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW2BcbiAgICA6aG9zdCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmUmFpc2VkQnV0dG9uQ29tcG9uZW50LFxuICAgIEZhSWNvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUmFpc2VkQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbj5EZWZhdWx0PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIj5QcmltYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJ0ZXJ0aWFyeVwiPlRlcnRpYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cImJsYWNrXCI+QmxhY2s8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gY29sb3I9XCJ0aGVtZVwiPlRoZW1lPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInRoZW1lLWNvbnRyYXN0XCI+VGhlbWUgQ29udHJhc3Q8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblJpZ2h0XCIgc2l6ZT1cInNtXCIgZGFmZlN1ZmZpeD48L2ZhLWljb24+QnV0dG9uPC9idXR0b24+XG48YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBkaXNhYmxlZD5EaXNhYmxlZDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtcmFpc2VkLWJ1dHRvbj5MaW5rPC9hPiJdfQ==
|
@@ -10,7 +10,7 @@ export class SizeableButtonComponent {
|
|
10
10
|
this.faPlus = faPlus;
|
11
11
|
}
|
12
12
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SizeableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
13
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],
|
13
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: i1.DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffFlatButtonComponent, selector: "button[daff-flat-button],a[daff-flat-button]" }, { kind: "component", type: i1.DaffIconButtonComponent, selector: "button[daff-icon-button],a[daff-icon-button]" }, { kind: "component", type: i1.DaffRaisedButtonComponent, selector: "button[daff-raised-button],a[daff-raised-button]" }, { kind: "component", type: i1.DaffStrokedButtonComponent, selector: "button[daff-stroked-button],a[daff-stroked-button]" }, { kind: "component", type: i1.DaffUnderlineButtonComponent, selector: "button[daff-underline-button],a[daff-underline-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
14
14
|
}
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SizeableButtonComponent, decorators: [{
|
16
16
|
type: Component,
|
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
19
19
|
FaIconComponent,
|
20
20
|
], 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"] }]
|
21
21
|
}] });
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZWFibGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9leGFtcGxlcy9zcmMvc2l6ZWFibGUtYnV0dG9uL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3NpemVhYmxlLWJ1dHRvbi9zaXplYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQWNqRSxNQUFNLE9BQU8sdUJBQXVCO0lBWnBDO1FBYUUsV0FBTSxHQUFHLE1BQU0sQ0FBQztLQUNqQjtpSUFGWSx1QkFBdUI7cUhBQXZCLHVCQUF1QiwyRUNyQnBDLGdnREErQk0sczVCRGJGLGVBQWU7OzJGQUdOLHVCQUF1QjtrQkFabkMsU0FBUzsrQkFFRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1Asc0JBQXNCO3dCQUN0QixlQUFlO3FCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFQbHVzIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgREFGRl9CVVRUT05fQ09NUE9ORU5UUyB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc2l6ZWFibGUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NpemVhYmxlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERBRkZfQlVUVE9OX0NPTVBPTkVOVFMsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTaXplYWJsZUJ1dHRvbkNvbXBvbmVudCB7XG4gIGZhUGx1cyA9IGZhUGx1cztcbn1cbiIsIjxoND5TbWFsbCBCdXR0b25zPC9oND5cblxuPGRpdiBjbGFzcz1cInNpemVhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLWJ1dHRvbiBzaXplPVwic21cIj5TbWFsbCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cInNtXCI+U21hbGwgU3Ryb2tlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWZsYXQtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIEZsYXQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIHNpemU9XCJzbVwiPlNtYWxsIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwic21cIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj5cblxuPGg0Pk1lZGl1bSBCdXR0b25zIChEZWZhdWx0KTwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtcmFpc2VkLWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gUmFpc2VkIEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibWRcIj5NZWRpdW0gRmxhdCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc2l6ZT1cIm1kXCI+TWVkaXVtIFVuZGVybGluZSBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHNpemU9XCJtZFwiPjxmYS1pY29uIFtpY29uXT1cImZhUGx1c1wiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+TGFyZ2UgQnV0dG9uczwvaDQ+XG5cbjxkaXYgY2xhc3M9XCJzaXplYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc2l6ZT1cImxnXCI+TGFyZ2UgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFJhaXNlZCBCdXR0b248L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHNpemU9XCJsZ1wiPkxhcmdlIFN0cm9rZWQgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1mbGF0LWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBGbGF0IEJ1dHRvbjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzaXplPVwibGdcIj5MYXJnZSBVbmRlcmxpbmUgQnV0dG9uPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzaXplPVwibGdcIj48ZmEtaWNvbiBbaWNvbl09XCJmYVBsdXNcIj48L2ZhLWljb24+PC9idXR0b24+XG48L2Rpdj4iXX0=
|
@@ -12,13 +12,13 @@ export class StatusableButtonComponent {
|
|
12
12
|
this.faCheckCircle = faCheckCircle;
|
13
13
|
}
|
14
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StatusableButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
15
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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=\"
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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=\"critical\">Critical</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=\"critical\">Critical</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=\"critical\">Critical</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=\"critical\">Critical</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=\"critical\"><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],a[daff-button]" }, { kind: "ngmodule", type: i2.DaffPrefixSuffixModule }, { kind: "component", type: i1.DaffIconButtonComponent, selector: "button[daff-icon-button],a[daff-icon-button]" }, { kind: "component", type: i1.DaffRaisedButtonComponent, selector: "button[daff-raised-button],a[daff-raised-button]" }, { kind: "component", type: i1.DaffStrokedButtonComponent, selector: "button[daff-stroked-button],a[daff-stroked-button]" }, { kind: "component", type: i1.DaffUnderlineButtonComponent, selector: "button[daff-underline-button],a[daff-underline-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
16
16
|
}
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StatusableButtonComponent, decorators: [{
|
18
18
|
type: Component,
|
19
19
|
args: [{ selector: 'statusable-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
20
20
|
DAFF_BUTTON_COMPONENTS,
|
21
21
|
FaIconComponent,
|
22
|
-
], 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=\"
|
22
|
+
], 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=\"critical\">Critical</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=\"critical\">Critical</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=\"critical\">Critical</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=\"critical\">Critical</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=\"critical\"><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"] }]
|
23
23
|
}] });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdGF0dXNhYmxlLWJ1dHRvbi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0YXR1c2FibGUtYnV0dG9uL3N0YXR1c2FibGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLHFCQUFxQixFQUNyQixhQUFhLEdBQ2QsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7OztBQWNqRSxNQUFNLE9BQU8seUJBQXlCO0lBWnRDO1FBYUUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsMEJBQXFCLEdBQUcscUJBQXFCLENBQUM7UUFDOUMsa0JBQWEsR0FBRyxhQUFhLENBQUM7S0FDL0I7aUlBSlkseUJBQXlCO3FIQUF6Qix5QkFBeUIsNkVDekJ0Qyx1OUNBaUNNLGt4QkRYRixlQUFlOzsyRkFHTix5QkFBeUI7a0JBWnJDLFNBQVM7K0JBRUUsbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLHNCQUFzQjt3QkFDdEIsZUFBZTtxQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhRXhjbGFtYXRpb24sXG4gIGZhRXhjbGFtYXRpb25UcmlhbmdsZSxcbiAgZmFDaGVja0NpcmNsZSxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgREFGRl9CVVRUT05fQ09NUE9ORU5UUyB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3RhdHVzYWJsZS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzYWJsZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGF0dXNhYmxlLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERBRkZfQlVUVE9OX0NPTVBPTkVOVFMsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNhYmxlQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFFeGNsYW1hdGlvbiA9IGZhRXhjbGFtYXRpb247XG4gIGZhRXhjbGFtYXRpb25UcmlhbmdsZSA9IGZhRXhjbGFtYXRpb25UcmlhbmdsZTtcbiAgZmFDaGVja0NpcmNsZSA9IGZhQ2hlY2tDaXJjbGU7XG59XG4iLCI8aDQ+QmFzaWMgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGRpdiBjbGFzcz1cInN0YXR1c2FibGUtYnV0dG9uX19ncm91cFwiPlxuXHQ8YnV0dG9uIGRhZmYtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1idXR0b24gc3RhdHVzPVwiY3JpdGljYWxcIj5Dcml0aWNhbDwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG48L2Rpdj5cblxuPGg0PlN0cm9rZWQgU3RhdHVzIEJ1dHRvbnM8L2g0PlxuPGRpdiBjbGFzcz1cInN0YXR1c2FibGUtYnV0dG9uX19ncm91cFwiPlxuXHQ8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gc3RhdHVzPVwid2FyblwiPldhcm48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cImNyaXRpY2FsXCI+Q3JpdGljYWw8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIHN0YXR1cz1cInN1Y2Nlc3NcIj5TdWNjZXNzPC9idXR0b24+XG48L2Rpdj5cblxuPGg0PlJhaXNlZCBTdGF0dXMgQnV0dG9uczwvaDQ+XG48ZGl2IGNsYXNzPVwic3RhdHVzYWJsZS1idXR0b25fX2dyb3VwXCI+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cIndhcm5cIj5XYXJuPC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1yYWlzZWQtYnV0dG9uIHN0YXR1cz1cImNyaXRpY2FsXCI+Q3JpdGljYWw8L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXJhaXNlZC1idXR0b24gc3RhdHVzPVwic3VjY2Vzc1wiPlN1Y2Nlc3M8L2J1dHRvbj5cbjwvZGl2PlxuXG48aDQ+VW5kZXJsaW5lIFN0YXR1cyBCdXR0b25zPC9oND5cbjxkaXYgY2xhc3M9XCJzdGF0dXNhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc3RhdHVzPVwid2FyblwiPldhcm48L2J1dHRvbj5cblx0PGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gc3RhdHVzPVwiY3JpdGljYWxcIj5Dcml0aWNhbDwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+U3VjY2VzczwvYnV0dG9uPlxuPC9kaXY+XG5cbjxoND5JY29uIFN0YXR1cyBCdXR0b25zPC9oND5cbjxkaXYgY2xhc3M9XCJzdGF0dXNhYmxlLWJ1dHRvbl9fZ3JvdXBcIj5cblx0PGJ1dHRvbiBkYWZmLWljb24tYnV0dG9uIHN0YXR1cz1cIndhcm5cIj48ZmEtaWNvbiBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uXCI+PC9mYS1pY29uPjwvYnV0dG9uPlxuXHQ8YnV0dG9uIGRhZmYtaWNvbi1idXR0b24gc3RhdHVzPVwiY3JpdGljYWxcIj48ZmEtaWNvbiBbaWNvbl09XCJmYUV4Y2xhbWF0aW9uVHJpYW5nbGVcIj48L2ZhLWljb24+PC9idXR0b24+XG5cdDxidXR0b24gZGFmZi1pY29uLWJ1dHRvbiBzdGF0dXM9XCJzdWNjZXNzXCI+PGZhLWljb24gW2ljb25dPVwiZmFDaGVja0NpcmNsZVwiPjwvZmEtaWNvbj48L2J1dHRvbj5cbjwvZGl2PiJdfQ==
|
@@ -1,23 +1,21 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
4
|
+
import { DaffStrokedButtonComponent } from '@daffodil/design/button';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@daffodil/design/button";
|
7
|
-
import * as i2 from "@daffodil/design";
|
8
6
|
export class StrokedButtonComponent {
|
9
7
|
constructor() {
|
10
8
|
this.faChevronLeft = faChevronLeft;
|
11
9
|
this.faChevronRight = faChevronRight;
|
12
10
|
}
|
13
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type:
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: DaffStrokedButtonComponent, selector: "button[daff-stroked-button],a[daff-stroked-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
13
|
}
|
16
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedButtonComponent, decorators: [{
|
17
15
|
type: Component,
|
18
16
|
args: [{ selector: 'stroked-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
19
|
-
|
17
|
+
DaffStrokedButtonComponent,
|
20
18
|
FaIconComponent,
|
21
19
|
], 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"] }]
|
22
20
|
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYnV0dG9uL2V4YW1wbGVzL3NyYy9zdHJva2VkLWJ1dHRvbi9zdHJva2VkLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3N0cm9rZWQtYnV0dG9uL3N0cm9rZWQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsYUFBYSxFQUNiLGNBQWMsR0FDZixNQUFNLG1DQUFtQyxDQUFDO0FBRTNDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQW9CckUsTUFBTSxPQUFPLHNCQUFzQjtJQWxCbkM7UUFtQkUsa0JBQWEsR0FBRyxhQUFhLENBQUM7UUFDOUIsbUJBQWMsR0FBRyxjQUFjLENBQUM7S0FDakM7aUlBSFksc0JBQXNCO3FIQUF0QixzQkFBc0IsMEVDOUJuQywwM0JBWXdDLHNHRGNwQywwQkFBMEIsK0ZBQzFCLGVBQWU7OzJGQUdOLHNCQUFzQjtrQkFsQmxDLFNBQVM7K0JBRUUsZ0JBQWdCLG1CQVNULHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLDBCQUEwQjt3QkFDMUIsZUFBZTtxQkFDaEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7XG4gIGZhQ2hldnJvbkxlZnQsXG4gIGZhQ2hldnJvblJpZ2h0LFxufSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmU3Ryb2tlZEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc3Ryb2tlZC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Ryb2tlZC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgIGdhcDogOHB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZlN0cm9rZWRCdXR0b25Db21wb25lbnQsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTdHJva2VkQnV0dG9uQ29tcG9uZW50IHtcbiAgZmFDaGV2cm9uTGVmdCA9IGZhQ2hldnJvbkxlZnQ7XG4gIGZhQ2hldnJvblJpZ2h0ID0gZmFDaGV2cm9uUmlnaHQ7XG59XG4iLCI8YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24+RGVmYXVsdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlByaW1hcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiPlNlY29uZGFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj5CbGFjazwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwid2hpdGVcIj5XaGl0ZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwidGhlbWVcIj5UaGVtZTwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uPjxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkxlZnRcIiBzaXplPVwic21cIiBkYWZmUHJlZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi1zdHJva2VkLWJ1dHRvbj48ZmEtaWNvbiBbaWNvbl09XCJmYUNoZXZyb25SaWdodFwiIHNpemU9XCJzbVwiIGRhZmZTdWZmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXN0cm9rZWQtYnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9idXR0b24+XG48YnV0dG9uIGRhZmYtc3Ryb2tlZC1idXR0b24gbG9hZGluZz1cInRydWVcIj5EZWZhdWx0PC9idXR0b24+XG48YSBocmVmPVwiI1wiIGRhZmYtc3Ryb2tlZC1idXR0b24+TGluazwvYT4iXX0=
|
@@ -1,23 +1,21 @@
|
|
1
1
|
import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
2
2
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
3
3
|
import { faChevronLeft, faChevronRight, } from '@fortawesome/free-solid-svg-icons';
|
4
|
-
import {
|
4
|
+
import { DaffUnderlineButtonComponent } from '@daffodil/design/button';
|
5
5
|
import * as i0 from "@angular/core";
|
6
|
-
import * as i1 from "@daffodil/design/button";
|
7
|
-
import * as i2 from "@daffodil/design";
|
8
6
|
export class UnderlineButtonComponent {
|
9
7
|
constructor() {
|
10
8
|
this.faChevronLeft = faChevronLeft;
|
11
9
|
this.faChevronRight = faChevronRight;
|
12
10
|
}
|
13
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: UnderlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type:
|
12
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", 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: "component", type: DaffUnderlineButtonComponent, selector: "button[daff-underline-button],a[daff-underline-button]" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
15
13
|
}
|
16
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: UnderlineButtonComponent, decorators: [{
|
17
15
|
type: Component,
|
18
16
|
args: [{ selector: 'underline-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
19
|
-
|
17
|
+
DaffUnderlineButtonComponent,
|
20
18
|
FaIconComponent,
|
21
19
|
], 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"] }]
|
22
20
|
}] });
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9idXR0b24vZXhhbXBsZXMvc3JjL3VuZGVybGluZS1idXR0b24vdW5kZXJsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFvQnZFLE1BQU0sT0FBTyx3QkFBd0I7SUFsQnJDO1FBbUJFLGtCQUFhLEdBQUcsYUFBYSxDQUFDO1FBQzlCLG1CQUFjLEdBQUcsY0FBYyxDQUFDO0tBQ2pDO2lJQUhZLHdCQUF3QjtxSEFBeEIsd0JBQXdCLDRFQzlCckMsbzVCQVkwQyxzR0RjdEMsNEJBQTRCLG1HQUM1QixlQUFlOzsyRkFHTix3QkFBd0I7a0JBbEJwQyxTQUFTOytCQUVFLGtCQUFrQixtQkFTWCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCw0QkFBNEI7d0JBQzVCLGVBQWU7cUJBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25MZWZ0LFxuICBmYUNoZXZyb25SaWdodCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgRGFmZlVuZGVybGluZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndW5kZXJsaW5lLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi91bmRlcmxpbmUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIDpob3N0IHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG4gIGBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZVbmRlcmxpbmVCdXR0b25Db21wb25lbnQsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBVbmRlcmxpbmVCdXR0b25Db21wb25lbnQge1xuICBmYUNoZXZyb25MZWZ0ID0gZmFDaGV2cm9uTGVmdDtcbiAgZmFDaGV2cm9uUmlnaHQgPSBmYUNoZXZyb25SaWdodDtcbn1cbiIsIjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uPkRlZmF1bHQ8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiPlByaW1hcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInRlcnRpYXJ5XCI+VGVydGlhcnk8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwiYmxhY2tcIj5CbGFjazwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24gY29sb3I9XCJ3aGl0ZVwiPldoaXRlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBjb2xvcj1cInRoZW1lXCI+VGhlbWU8L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGNvbG9yPVwidGhlbWUtY29udHJhc3RcIj5UaGVtZSBDb250cmFzdDwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uTGVmdFwiIHNpemU9XCJzbVwiIGRhZmZQcmVmaXg+PC9mYS1pY29uPkJ1dHRvbjwvYnV0dG9uPlxuPGJ1dHRvbiBkYWZmLXVuZGVybGluZS1idXR0b24+PGZhLWljb24gW2ljb25dPVwiZmFDaGV2cm9uUmlnaHRcIiBzaXplPVwic21cIiBkYWZmU3VmZml4PjwvZmEtaWNvbj5CdXR0b248L2J1dHRvbj5cbjxidXR0b24gZGFmZi11bmRlcmxpbmUtYnV0dG9uIGRpc2FibGVkPkRpc2FibGVkPC9idXR0b24+XG48YnV0dG9uIGRhZmYtdW5kZXJsaW5lLWJ1dHRvbiBsb2FkaW5nPVwidHJ1ZVwiPkRlZmF1bHQ8L2J1dHRvbj5cbjxhIGhyZWY9XCIjXCIgZGFmZi11bmRlcmxpbmUtYnV0dG9uPkxpbms8L2E+Il19
|
@@ -1,5 +1,10 @@
|
|
1
1
|
export { DaffButtonModule } from './button.module';
|
2
2
|
export { DAFF_BUTTON_COMPONENTS } from './button';
|
3
|
-
export { DaffButtonComponent } from './button/button.component';
|
3
|
+
export { DaffButtonComponent } from './button/basic/button.component';
|
4
4
|
export { DaffButtonSizableDirective } from './button/button-sizable.directive';
|
5
|
-
|
5
|
+
export { DaffFlatButtonComponent } from './button/flat/flat.component';
|
6
|
+
export { DaffRaisedButtonComponent } from './button/raised/raised.component';
|
7
|
+
export { DaffStrokedButtonComponent } from './button/stroked/stroked.component';
|
8
|
+
export { DaffUnderlineButtonComponent } from './button/underline/underline.component';
|
9
|
+
export { DaffIconButtonComponent } from './button/icon/icon.component';
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2J1dHRvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFbEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDL0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDN0UsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDaEYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBEYWZmQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCB7IERBRkZfQlVUVE9OX0NPTVBPTkVOVFMgfSBmcm9tICcuL2J1dHRvbic7XG5cbmV4cG9ydCB7IERhZmZCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9iYXNpYy9idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZCdXR0b25TaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnLi9idXR0b24vYnV0dG9uLXNpemFibGUuZGlyZWN0aXZlJztcbmV4cG9ydCB7IERhZmZGbGF0QnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24vZmxhdC9mbGF0LmNvbXBvbmVudCc7XG5leHBvcnQgeyBEYWZmUmFpc2VkQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24vcmFpc2VkL3JhaXNlZC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRGFmZlN0cm9rZWRCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi9zdHJva2VkL3N0cm9rZWQuY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZVbmRlcmxpbmVCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi91bmRlcmxpbmUvdW5kZXJsaW5lLmNvbXBvbmVudCc7XG5leHBvcnQgeyBEYWZmSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuIl19
|
@@ -7,7 +7,9 @@ import { DaffCalloutSubtitleDirective } from './callout-subtitle/callout-subtitl
|
|
7
7
|
import { DaffCalloutTaglineDirective } from './callout-tagline/callout-tagline.directive';
|
8
8
|
import { DaffCalloutTitleDirective } from './callout-title/callout-title.directive';
|
9
9
|
import * as i0 from "@angular/core";
|
10
|
-
/**
|
10
|
+
/**
|
11
|
+
* @deprecated in favor of {@link DAFF_CALLOUT_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
|
12
|
+
*/
|
11
13
|
export class DaffCalloutModule {
|
12
14
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffCalloutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
13
15
|
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffCalloutModule, imports: [CommonModule,
|
@@ -46,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
46
48
|
],
|
47
49
|
}]
|
48
50
|
}] });
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L3NyYy9jYWxsb3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUM3RixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFFcEY7O0dBRUc7QUFxQkgsTUFBTSxPQUFPLGlCQUFpQjtpSUFBakIsaUJBQWlCO2tJQUFqQixpQkFBaUIsWUFsQjFCLFlBQVk7WUFDWixvQkFBb0I7WUFDcEIsd0JBQXdCO1lBQ3hCLHlCQUF5QjtZQUN6Qiw0QkFBNEI7WUFDNUIsMkJBQTJCO1lBQzNCLHdCQUF3QixhQUd4QixvQkFBb0I7WUFDcEIsd0JBQXdCO1lBQ3hCLDRCQUE0QjtZQUM1Qix5QkFBeUI7WUFDekIsMkJBQTJCO1lBQzNCLHdCQUF3QjtrSUFJZixpQkFBaUIsWUFsQjFCLFlBQVk7OzJGQWtCSCxpQkFBaUI7a0JBcEI3QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLDRCQUE0Qjt3QkFDNUIsMkJBQTJCO3dCQUMzQix3QkFBd0I7cUJBQ3pCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLHdCQUF3Qjt3QkFDeEIsNEJBQTRCO3dCQUM1Qix5QkFBeUI7d0JBQ3pCLDJCQUEyQjt3QkFDM0Isd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQ2FsbG91dENvbXBvbmVudCB9IGZyb20gJy4vY2FsbG91dC9jYWxsb3V0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYWZmQ2FsbG91dEJvZHlEaXJlY3RpdmUgfSBmcm9tICcuL2NhbGxvdXQtYm9keS9jYWxsb3V0LWJvZHkuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZDYWxsb3V0SWNvbkRpcmVjdGl2ZSB9IGZyb20gJy4vY2FsbG91dC1pY29uL2NhbGxvdXQtaWNvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZkNhbGxvdXRTdWJ0aXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vY2FsbG91dC1zdWJ0aXRsZS9jYWxsb3V0LXN1YnRpdGxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYWZmQ2FsbG91dFRhZ2xpbmVEaXJlY3RpdmUgfSBmcm9tICcuL2NhbGxvdXQtdGFnbGluZS9jYWxsb3V0LXRhZ2xpbmUuZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZDYWxsb3V0VGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL2NhbGxvdXQtdGl0bGUvY2FsbG91dC10aXRsZS5kaXJlY3RpdmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIGluIGZhdm9yIG9mIHtAbGluayBEQUZGX0NBTExPVVRfQ09NUE9ORU5UU30uIERlcHJlY2F0ZWQgaW4gdmVyc2lvbiAwLjc4LjAuIFdpbGwgYmUgcmVtb3ZlZCBpbiB2ZXJzaW9uIDEuMC4wLlxuICovXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZDYWxsb3V0Q29tcG9uZW50LFxuICAgIERhZmZDYWxsb3V0SWNvbkRpcmVjdGl2ZSxcbiAgICBEYWZmQ2FsbG91dFRpdGxlRGlyZWN0aXZlLFxuICAgIERhZmZDYWxsb3V0U3VidGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZkNhbGxvdXRUYWdsaW5lRGlyZWN0aXZlLFxuICAgIERhZmZDYWxsb3V0Qm9keURpcmVjdGl2ZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZDYWxsb3V0Q29tcG9uZW50LFxuICAgIERhZmZDYWxsb3V0SWNvbkRpcmVjdGl2ZSxcbiAgICBEYWZmQ2FsbG91dFN1YnRpdGxlRGlyZWN0aXZlLFxuICAgIERhZmZDYWxsb3V0VGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZkNhbGxvdXRUYWdsaW5lRGlyZWN0aXZlLFxuICAgIERhZmZDYWxsb3V0Qm9keURpcmVjdGl2ZSxcbiAgXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmQ2FsbG91dE1vZHVsZSB7IH1cbiJdfQ==
|
package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs
CHANGED
@@ -3,15 +3,13 @@ import { ChangeDetectionStrategy, Component, } from '@angular/core';
|
|
3
3
|
import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
|
4
4
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
5
5
|
import { faMobile } from '@fortawesome/free-solid-svg-icons';
|
6
|
-
import {
|
6
|
+
import { DaffButtonComponent } from '@daffodil/design/button';
|
7
7
|
import { DAFF_CALLOUT_COMPONENTS } from '@daffodil/design/callout';
|
8
8
|
import { DAFF_CONTAINER_COMPONENTS } from '@daffodil/design/container';
|
9
9
|
import * as i0 from "@angular/core";
|
10
10
|
import * as i1 from "@daffodil/design/callout";
|
11
11
|
import * as i2 from "@daffodil/design/container";
|
12
|
-
import * as i3 from "@
|
13
|
-
import * as i4 from "@daffodil/design";
|
14
|
-
import * as i5 from "@angular/forms";
|
12
|
+
import * as i3 from "@angular/forms";
|
15
13
|
export class CalloutTextAlignmentComponent {
|
16
14
|
constructor() {
|
17
15
|
this.faMobile = faMobile;
|
@@ -24,7 +22,7 @@ export class CalloutTextAlignmentComponent {
|
|
24
22
|
];
|
25
23
|
}
|
26
24
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutTextAlignmentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
27
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutTextAlignmentComponent, isStandalone: true, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type:
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CalloutTextAlignmentComponent, isStandalone: true, selector: "callout-text-alignment", ngImport: i0, template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], dependencies: [{ kind: "component", type: i1.DaffCalloutComponent, selector: "daff-callout" }, { kind: "directive", type: i1.DaffCalloutIconDirective, selector: "[daffCalloutIcon]" }, { kind: "directive", type: i1.DaffCalloutTitleDirective, selector: "[daffCalloutTitle]" }, { kind: "directive", type: i1.DaffCalloutSubtitleDirective, selector: "[daffCalloutSubtitle]" }, { kind: "directive", type: i1.DaffCalloutTaglineDirective, selector: "[daffCalloutTagline]" }, { kind: "directive", type: i1.DaffCalloutBodyDirective, selector: "[daffCalloutBody]" }, { kind: "component", type: i2.DaffContainerComponent, selector: "daff-container" }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"] }, { kind: "component", type: DaffButtonComponent, selector: "button[daff-button],a[daff-button]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
28
26
|
}
|
29
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CalloutTextAlignmentComponent, decorators: [{
|
30
28
|
type: Component,
|
@@ -32,9 +30,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
|
|
32
30
|
DAFF_CALLOUT_COMPONENTS,
|
33
31
|
DAFF_CONTAINER_COMPONENTS,
|
34
32
|
FaIconComponent,
|
35
|
-
|
33
|
+
DaffButtonComponent,
|
36
34
|
ReactiveFormsModule,
|
37
35
|
NgFor,
|
38
36
|
], template: "<daff-callout [textAlignment]=\"textAlignControl.value\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-callout-text-alignment__icon\" daffCalloutIcon>\n\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t</div>\n\t\t<div daffCalloutTagline>Frontend framework for ecommerce PWAs</div>\n\t\t<h3 daffCalloutTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t<div daffCalloutSubtitle>\n\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t</div>\n\t\t<div daffCalloutBody>\n\t\t\t<a daff-button color=\"theme-contrast\" href=\"https://www.daff.io\">What is Daffodil?</a>\n\t\t</div>\n\t</daff-container>\n</daff-callout>\n\n<select [formControl]=\"textAlignControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [".daff-callout-text-alignment__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
|
39
37
|
}] });
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jYWxsb3V0L2V4YW1wbGVzL3NyYy9jYWxsb3V0LXRleHQtYWxpZ25tZW50L2NhbGxvdXQtdGV4dC1hbGlnbm1lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FsbG91dC9leGFtcGxlcy9zcmMvY2FsbG91dC10ZXh0LWFsaWdubWVudC9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFN0QsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbkUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBa0J2RSxNQUFNLE9BQU8sNkJBQTZCO0lBaEIxQztRQWlCRSxhQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3BCLHFCQUFnQixHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRWxFLFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFO1lBQ2hDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFO1lBQ3BDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7S0FDSDtpSUFWWSw2QkFBNkI7cUhBQTdCLDZCQUE2QixrRkNoQzFDLGc5QkFtQlMsODRCRE9MLGVBQWUsNE1BQ2YsbUJBQW1CLDhFQUNuQixtQkFBbUIscXRCQUNuQixLQUFLOzsyRkFHSSw2QkFBNkI7a0JBaEJ6QyxTQUFTOytCQUVFLHdCQUF3QixtQkFHakIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsdUJBQXVCO3dCQUN2Qix5QkFBeUI7d0JBQ3pCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLEtBQUs7cUJBQ04iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFVudHlwZWRGb3JtQ29udHJvbCxcbiAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFNb2JpbGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuXG5pbXBvcnQgeyBEYWZmQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9idXR0b24nO1xuaW1wb3J0IHsgREFGRl9DQUxMT1VUX0NPTVBPTkVOVFMgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NhbGxvdXQnO1xuaW1wb3J0IHsgREFGRl9DT05UQUlORVJfQ09NUE9ORU5UUyB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vY29udGFpbmVyJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnY2FsbG91dC10ZXh0LWFsaWdubWVudCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxsb3V0LXRleHQtYWxpZ25tZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FsbG91dC10ZXh0LWFsaWdubWVudC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERBRkZfQ0FMTE9VVF9DT01QT05FTlRTLFxuICAgIERBRkZfQ09OVEFJTkVSX0NPTVBPTkVOVFMsXG4gICAgRmFJY29uQ29tcG9uZW50LFxuICAgIERhZmZCdXR0b25Db21wb25lbnQsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ0ZvcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FsbG91dFRleHRBbGlnbm1lbnRDb21wb25lbnQge1xuICBmYU1vYmlsZSA9IGZhTW9iaWxlO1xuICB0ZXh0QWxpZ25Db250cm9sOiBVbnR5cGVkRm9ybUNvbnRyb2wgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ2xlZnQnLCBsYWJlbDogJ0xlZnQnIH0sXG4gICAgeyB2YWx1ZTogJ2NlbnRlcicsIGxhYmVsOiAnQ2VudGVyJyB9LFxuICAgIHsgdmFsdWU6ICdyaWdodCcsIGxhYmVsOiAnUmlnaHQnIH0sXG4gIF07XG59XG4iLCI8ZGFmZi1jYWxsb3V0IFt0ZXh0QWxpZ25tZW50XT1cInRleHRBbGlnbkNvbnRyb2wudmFsdWVcIj5cblx0PGRhZmYtY29udGFpbmVyIHNpemU9XCJtZFwiPlxuXHRcdDxkaXYgY2xhc3M9XCJkYWZmLWNhbGxvdXQtdGV4dC1hbGlnbm1lbnRfX2ljb25cIiBkYWZmQ2FsbG91dEljb24+XG5cdFx0XHQ8ZmEtaWNvbiBbaWNvbl09XCJmYU1vYmlsZVwiPjwvZmEtaWNvbj5cblx0XHQ8L2Rpdj5cblx0XHQ8ZGl2IGRhZmZDYWxsb3V0VGFnbGluZT5Gcm9udGVuZCBmcmFtZXdvcmsgZm9yIGVjb21tZXJjZSBQV0FzPC9kaXY+XG5cdFx0PGgzIGRhZmZDYWxsb3V0VGl0bGU+RGFmZm9kaWw6IFRoZSBuZXh0IGdyZWF0IGxlYXAgaW4gZWNvbW1lcmNlLjwvaDM+XG5cdFx0PGRpdiBkYWZmQ2FsbG91dFN1YnRpdGxlPlxuXHRcdFx0PHA+RGFmZm9kaWwgcHJvdmlkZXMgZXZlcnl0aGluZyB5b3UgbmVlZCB0byBjcmVhdGUgcG93ZXJmdWwgYW5kIGZsZXhpYmxlIGVjb21tZXJjZSBleHBlcmllbmNlcy48L3A+XG5cdFx0XHQ8cD5XaXRoIERhZmZvZGlsLCBhbWJpdGlvdXMgYnVzaW5lc3NlcyBhcmUgYWJsZSB0byBhY2hpZXZlIG1vcmUgd2hpbGUgbWluaW1pemluZyBkZXZlbG9wbWVudCBhbmQgbWFpbnRlbmFuY2UgY29zdHMuPC9wPlxuXHRcdDwvZGl2PlxuXHRcdDxkaXYgZGFmZkNhbGxvdXRCb2R5PlxuXHRcdFx0PGEgZGFmZi1idXR0b24gY29sb3I9XCJ0aGVtZS1jb250cmFzdFwiIGhyZWY9XCJodHRwczovL3d3dy5kYWZmLmlvXCI+V2hhdCBpcyBEYWZmb2RpbD88L2E+XG5cdFx0PC9kaXY+XG5cdDwvZGFmZi1jb250YWluZXI+XG48L2RhZmYtY2FsbG91dD5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwidGV4dEFsaWduQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==
|