@daffodil/design 0.69.0 → 0.71.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/README.md +13 -16
- package/accordion/accordion/accordion-item/accordion-item.component.d.ts +7 -1
- package/accordion/accordion/accordion-item-content/accordion-item-content.directive.d.ts +3 -0
- package/accordion/src/accordion-theme.scss +11 -1
- package/atoms/progress-indicator/progress-indicator.component.d.ts +2 -1
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +5 -5
- package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +21 -7
- package/esm2022/accordion/accordion/accordion-item-content/accordion-item-content.directive.mjs +7 -4
- package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +4 -4
- package/esm2022/accordion/accordion.module.mjs +5 -5
- package/esm2022/accordion/examples/accordion-examples.module.mjs +5 -5
- package/esm2022/accordion/examples/basic-accordion/basic-accordion.component.mjs +5 -5
- package/esm2022/article/article/article.component.mjs +4 -4
- package/esm2022/article/article-lead/article-lead.directive.mjs +4 -4
- package/esm2022/article/article-meta/article-meta.directive.mjs +4 -4
- package/esm2022/article/article-title/article-title.directive.mjs +4 -4
- package/esm2022/article/article.module.mjs +5 -5
- package/esm2022/article/examples/article-blockquote/article-blockquote.component.mjs +4 -4
- package/esm2022/article/examples/article-code-block/article-code-block.component.mjs +4 -4
- package/esm2022/article/examples/article-code-inline/article-code-inline.component.mjs +4 -4
- package/esm2022/article/examples/article-examples.module.mjs +5 -5
- package/esm2022/article/examples/article-headings/article-headings.component.mjs +4 -4
- package/esm2022/article/examples/article-hr/article-hr.component.mjs +4 -4
- package/esm2022/article/examples/article-lead/article-lead.component.mjs +4 -4
- package/esm2022/article/examples/article-link/article-link.component.mjs +4 -4
- package/esm2022/article/examples/article-meta/article-meta.component.mjs +4 -4
- package/esm2022/article/examples/article-ol/article-ol.component.mjs +4 -4
- package/esm2022/article/examples/article-table/article-table.component.mjs +4 -4
- package/esm2022/article/examples/article-ul/article-ul.component.mjs +4 -4
- package/esm2022/atoms/form/checkbox/checkbox.component.mjs +4 -4
- package/esm2022/atoms/form/checkbox/checkbox.module.mjs +5 -5
- package/esm2022/atoms/form/checkbox/cva/checkbox-cva.directive.mjs +4 -4
- package/esm2022/atoms/form/checkbox-set/checkbox-set.component.mjs +4 -4
- package/esm2022/atoms/form/error-message/error-message.component.mjs +4 -4
- package/esm2022/atoms/form/error-message/error-message.module.mjs +5 -5
- package/esm2022/atoms/form/form-field/form-field/form-field.component.mjs +4 -4
- package/esm2022/atoms/form/form-field/form-field.module.mjs +5 -5
- package/esm2022/atoms/form/form-label/form-label.directive.mjs +4 -4
- package/esm2022/atoms/form/form-label/form-label.module.mjs +5 -5
- package/esm2022/atoms/form/input/input.component.mjs +4 -4
- package/esm2022/atoms/form/input/input.module.mjs +5 -5
- package/esm2022/atoms/form/native-select/native-select.component.mjs +4 -4
- package/esm2022/atoms/form/native-select/native-select.module.mjs +5 -5
- package/esm2022/atoms/form/quantity-field/quantity-field.component.mjs +4 -4
- package/esm2022/atoms/form/quantity-field/quantity-field.module.mjs +5 -5
- package/esm2022/atoms/form/quantity-field/quantity-input/quantity-input.component.mjs +4 -4
- package/esm2022/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +4 -4
- package/esm2022/atoms/form/radio/cva/radio-cva.directive.mjs +4 -4
- package/esm2022/atoms/form/radio/radio.component.mjs +4 -4
- package/esm2022/atoms/form/radio/radio.module.mjs +5 -5
- package/esm2022/atoms/form/radio/registry/radio-registry.mjs +4 -4
- package/esm2022/atoms/form/radio-set/radio-set.component.mjs +4 -4
- package/esm2022/atoms/progress-indicator/progress-indicator.component.mjs +6 -5
- package/esm2022/atoms/progress-indicator/progress-indicator.module.mjs +5 -5
- package/esm2022/button/button/button.component.mjs +4 -4
- package/esm2022/button/button.module.mjs +5 -5
- package/esm2022/button/examples/basic-button/basic-button.component.mjs +4 -4
- package/esm2022/button/examples/basic-button/basic-button.module.mjs +5 -5
- package/esm2022/button/examples/flat-button/flat-button.component.mjs +4 -4
- package/esm2022/button/examples/flat-button/flat-button.module.mjs +5 -5
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -4
- package/esm2022/button/examples/icon-button/icon-button.module.mjs +5 -5
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -4
- package/esm2022/button/examples/raised-button/raised-button.module.mjs +5 -5
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +4 -4
- package/esm2022/button/examples/sizeable-button/sizeable-button.module.mjs +5 -5
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +4 -4
- package/esm2022/button/examples/statusable-button/statusable-button.module.mjs +5 -5
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -4
- package/esm2022/button/examples/stroked-button/stroked-button.module.mjs +5 -5
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -4
- package/esm2022/button/examples/underline-button/underline-button.module.mjs +5 -5
- package/esm2022/callout/callout/callout.component.mjs +4 -4
- package/esm2022/callout/callout-body/callout-body.directive.mjs +4 -4
- package/esm2022/callout/callout-icon/callout-icon.directive.mjs +4 -4
- package/esm2022/callout/callout-subtitle/callout-subtitle.directive.mjs +4 -4
- package/esm2022/callout/callout-tagline/callout-tagline.directive.mjs +4 -4
- package/esm2022/callout/callout-title/callout-title.directive.mjs +4 -4
- package/esm2022/callout/callout.module.mjs +5 -5
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +4 -4
- package/esm2022/callout/examples/callout-text-alignment/callout-text-alignment.module.mjs +5 -5
- package/esm2022/callout/examples/callout-theming/callout-theming.component.mjs +4 -4
- package/esm2022/callout/examples/callout-theming/callout-theming.module.mjs +5 -5
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +4 -4
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.module.mjs +5 -5
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -4
- package/esm2022/callout/examples/compact-callout/compact-callout.module.mjs +5 -5
- package/esm2022/card/card/card.component.mjs +4 -4
- package/esm2022/card/card-actions/card-actions.directive.mjs +4 -4
- package/esm2022/card/card-content/card-content.directive.mjs +4 -4
- package/esm2022/card/card-icon/card-icon.directive.mjs +4 -4
- package/esm2022/card/card-image/card-image.directive.mjs +4 -4
- package/esm2022/card/card-tagline/card-tagline.directive.mjs +4 -4
- package/esm2022/card/card-title/card-title.directive.mjs +4 -4
- package/esm2022/card/card.module.mjs +5 -5
- package/esm2022/card/examples/basic-card/basic-card.component.mjs +4 -4
- package/esm2022/card/examples/basic-card/basic-card.module.mjs +5 -5
- package/esm2022/card/examples/card-orientation/card-orientation.component.mjs +4 -4
- package/esm2022/card/examples/card-orientation/card-orientation.module.mjs +5 -5
- package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
- package/esm2022/card/examples/card-theming/card-theming.module.mjs +5 -5
- package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +4 -4
- package/esm2022/card/examples/linkable-card/linkable-card.module.mjs +5 -5
- package/esm2022/card/examples/raised-card/raised-card.component.mjs +4 -4
- package/esm2022/card/examples/raised-card/raised-card.module.mjs +5 -5
- package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +4 -4
- package/esm2022/card/examples/stroked-card/stroked-card.module.mjs +5 -5
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.module.mjs +5 -5
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.module.mjs +5 -5
- package/esm2022/container/container/container.component.mjs +4 -4
- package/esm2022/container/container.module.mjs +5 -5
- package/esm2022/container/examples/container-sizes/container-sizes.component.mjs +4 -4
- package/esm2022/container/examples/container-sizes/container-sizes.module.mjs +5 -5
- package/esm2022/core/focus/stack.service.mjs +4 -4
- package/esm2022/core/prefix-suffix/prefix-suffix.module.mjs +5 -5
- package/esm2022/core/prefix-suffix/prefix.directive.mjs +4 -4
- package/esm2022/core/prefix-suffix/prefixable/prefixable.mjs +4 -4
- package/esm2022/core/prefix-suffix/suffix.directive.mjs +4 -4
- package/esm2022/core/prefix-suffix/suffixable/suffixable.mjs +4 -4
- package/esm2022/core/theming/services/class-setter/theme-class-setter.service.mjs +4 -4
- package/esm2022/core/theming/services/os-theme/ostheme.service.mjs +4 -4
- package/esm2022/core/theming/services/storage/theme-storage.service.mjs +4 -4
- package/esm2022/core/theming/services/theming.service.mjs +4 -4
- package/esm2022/hero/examples/compact-hero/compact-hero.component.mjs +4 -4
- package/esm2022/hero/examples/compact-hero/compact-hero.module.mjs +5 -5
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +4 -4
- package/esm2022/hero/examples/hero-text-alignment/hero-text-alignment.module.mjs +5 -5
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +4 -4
- package/esm2022/hero/examples/hero-theming/hero-theming.module.mjs +5 -5
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -4
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.module.mjs +5 -5
- package/esm2022/hero/hero/hero.component.mjs +4 -4
- package/esm2022/hero/hero-body/hero-body.directive.mjs +4 -4
- package/esm2022/hero/hero-icon/hero-icon.directive.mjs +4 -4
- package/esm2022/hero/hero-subtitle/hero-subtitle.directive.mjs +4 -4
- package/esm2022/hero/hero-tagline/hero-tagline.directive.mjs +4 -4
- package/esm2022/hero/hero-title/hero-title.directive.mjs +4 -4
- package/esm2022/hero/hero.module.mjs +5 -5
- package/esm2022/image/examples/basic-image/basic-image.component.mjs +4 -4
- package/esm2022/image/examples/basic-image/basic-image.module.mjs +5 -5
- package/esm2022/image/examples/load-image/load-image.component.mjs +4 -4
- package/esm2022/image/examples/load-image/load-image.module.mjs +5 -5
- package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -4
- package/esm2022/image/examples/skeleton-image/skeleton-image.module.mjs +5 -5
- package/esm2022/image/image/image.component.mjs +4 -4
- package/esm2022/image/image.module.mjs +5 -5
- package/esm2022/input/examples/basic-input/basic-input.component.mjs +4 -4
- package/esm2022/input/examples/basic-input/basic-input.module.mjs +5 -5
- package/esm2022/input/examples/input-disabled/input-disabled.component.mjs +4 -4
- package/esm2022/input/examples/input-disabled/input-disabled.module.mjs +5 -5
- package/esm2022/input/examples/input-error/input-error.component.mjs +4 -4
- package/esm2022/input/examples/input-error/input-error.module.mjs +5 -5
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -4
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.module.mjs +5 -5
- package/esm2022/link-set/link-set/link-set.component.mjs +4 -4
- package/esm2022/link-set/link-set-heading/link-set-heading.directive.mjs +4 -4
- package/esm2022/link-set/link-set-item/link-set-item.component.mjs +4 -4
- package/esm2022/link-set/link-set-subheading/link-set-subheading.directive.mjs +4 -4
- package/esm2022/link-set/link-set.module.mjs +5 -5
- package/esm2022/list/examples/basic-list/basic-list.component.mjs +4 -4
- package/esm2022/list/examples/basic-list/basic-list.module.mjs +5 -5
- package/esm2022/list/examples/icon-list/icon-list.component.mjs +4 -4
- package/esm2022/list/examples/icon-list/icon-list.module.mjs +5 -5
- package/esm2022/list/examples/list-examples.module.mjs +5 -5
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -4
- package/esm2022/list/examples/multiline-list/multiline-list.module.mjs +5 -5
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -4
- package/esm2022/list/examples/nav-list/nav-list.module.mjs +5 -5
- package/esm2022/list/list/list.component.mjs +4 -4
- package/esm2022/list/list-item/list-item.component.mjs +4 -4
- package/esm2022/list/list-subheader/list-subheader.directive.mjs +4 -4
- package/esm2022/list/list.module.mjs +5 -5
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +19 -11
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.module.mjs +9 -9
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -4
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.mjs +5 -5
- package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs +4 -4
- package/esm2022/loading-icon/loading-icon.module.mjs +5 -5
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs +4 -4
- package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.mjs +5 -5
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +4 -4
- package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.mjs +5 -5
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +4 -4
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.mjs +5 -5
- package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs +4 -4
- package/esm2022/media-gallery/media-gallery.module.mjs +5 -5
- package/esm2022/media-gallery/media-renderer/media-renderer.component.mjs +4 -4
- package/esm2022/media-gallery/registry/media-gallery.registry.mjs +4 -4
- package/esm2022/media-gallery/thumbnail/thumbnail.directive.mjs +4 -4
- package/esm2022/menu/examples/basic-menu/basic-menu.component.mjs +4 -4
- package/esm2022/menu/examples/basic-menu/basic-menu.module.mjs +5 -5
- package/esm2022/menu/examples/basic-menu/menu-content/menu-content.component.mjs +4 -4
- package/esm2022/menu/menu/menu.component.mjs +4 -4
- package/esm2022/menu/menu-activator/menu-activator.component.mjs +4 -4
- package/esm2022/menu/menu-item/menu-item.component.mjs +4 -4
- package/esm2022/menu/menu.module.mjs +5 -5
- package/esm2022/menu/services/menu.service.mjs +4 -4
- package/esm2022/modal/examples/basic-modal/basic-modal.component.mjs +5 -5
- package/esm2022/modal/examples/basic-modal/basic-modal.module.mjs +5 -5
- package/esm2022/modal/examples/basic-modal/modal-content.component.mjs +4 -4
- package/esm2022/modal/modal/modal.component.mjs +20 -12
- package/esm2022/modal/modal-actions/modal-actions.component.mjs +4 -4
- package/esm2022/modal/modal-content/modal-content.component.mjs +4 -4
- package/esm2022/modal/modal-header/modal-header.component.mjs +4 -4
- package/esm2022/modal/modal-title/modal-title.directive.mjs +4 -4
- package/esm2022/modal/modal.module.mjs +11 -5
- package/esm2022/modal/service/modal.service.mjs +20 -21
- package/esm2022/molecules/button-set/button-set.component.mjs +4 -4
- package/esm2022/molecules/button-set/button-set.module.mjs +5 -5
- package/esm2022/molecules/feature/feature/feature.component.mjs +4 -4
- package/esm2022/molecules/feature/feature-icon/feature-icon.directive.mjs +4 -4
- package/esm2022/molecules/feature/feature-subheader/feature-subheader.directive.mjs +4 -4
- package/esm2022/molecules/feature/feature-subtitle/feature-subtitle.directive.mjs +4 -4
- package/esm2022/molecules/feature/feature-title/feature-title.directive.mjs +4 -4
- package/esm2022/molecules/feature/feature.module.mjs +5 -5
- package/esm2022/molecules/image-gallery/gallery-image/gallery-image.component.mjs +4 -4
- package/esm2022/molecules/image-gallery/image-gallery/image-gallery.component.mjs +4 -4
- package/esm2022/molecules/image-gallery/image-gallery.module.mjs +5 -5
- package/esm2022/molecules/image-list/image-list.component.mjs +4 -4
- package/esm2022/molecules/image-list/image-list.module.mjs +5 -5
- package/esm2022/molecules/qty-dropdown/qty-dropdown.component.mjs +4 -4
- package/esm2022/molecules/qty-dropdown/qty-dropdown.module.mjs +5 -5
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -4
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.module.mjs +5 -5
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -4
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.module.mjs +5 -5
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +4 -4
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.module.mjs +5 -5
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -4
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.module.mjs +5 -5
- package/esm2022/navbar/navbar/navbar.component.mjs +4 -4
- package/esm2022/navbar/navbar.module.mjs +5 -5
- package/esm2022/notification/examples/default-notification/default-notification.component.mjs +4 -4
- package/esm2022/notification/examples/default-notification/default-notification.module.mjs +5 -5
- package/esm2022/notification/examples/dismissable-notification/dismissable-notification.component.mjs +4 -4
- package/esm2022/notification/examples/dismissable-notification/dismissable-notification.module.mjs +5 -5
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +4 -4
- package/esm2022/notification/examples/notification-orientations/notification-orientations.module.mjs +5 -5
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +4 -4
- package/esm2022/notification/examples/notification-status/notification-status.module.mjs +5 -5
- package/esm2022/notification/notification/notification.component.mjs +4 -4
- package/esm2022/notification/notification-actions/notification-actions.directive.mjs +4 -4
- package/esm2022/notification/notification-message/notification-message.directive.mjs +4 -4
- package/esm2022/notification/notification-subtitle/notification-subtitle.directive.mjs +4 -4
- package/esm2022/notification/notification-title/notification-title.directive.mjs +4 -4
- package/esm2022/notification/notification.module.mjs +5 -5
- package/esm2022/paginator/examples/basic-paginator/basic-paginator.component.mjs +4 -4
- package/esm2022/paginator/examples/link-paginator/link-paginator.component.mjs +4 -4
- package/esm2022/paginator/examples/paginator-examples.module.mjs +5 -5
- package/esm2022/paginator/paginator/paginator.component.mjs +4 -4
- package/esm2022/paginator/paginator.module.mjs +5 -5
- package/esm2022/progress-bar/animation/progress-bar-animation.mjs +9 -0
- package/esm2022/progress-bar/daffodil-design-progress-bar.mjs +5 -0
- package/esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs +5 -0
- package/esm2022/progress-bar/examples/index.mjs +2 -0
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +12 -0
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.module.mjs +24 -0
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +12 -0
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.mjs +24 -0
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +18 -0
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.mjs +28 -0
- package/esm2022/progress-bar/examples/public_api.mjs +12 -0
- package/esm2022/progress-bar/progress-bar.component.mjs +142 -0
- package/esm2022/progress-bar/progress-bar.module.mjs +24 -0
- package/esm2022/progress-bar/public_api.mjs +3 -0
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.module.mjs +5 -5
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.module.mjs +5 -5
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.module.mjs +5 -5
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.module.mjs +5 -5
- package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +4 -4
- package/esm2022/radio/examples/basic-radio/basic-radio.module.mjs +5 -5
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -4
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.module.mjs +5 -5
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +4 -4
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.module.mjs +5 -5
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +4 -4
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.module.mjs +5 -5
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -4
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.module.mjs +5 -5
- package/esm2022/sidebar/sidebar/sidebar.component.mjs +4 -4
- package/esm2022/sidebar/sidebar-footer/sidebar-footer.component.mjs +4 -4
- package/esm2022/sidebar/sidebar-header/sidebar-header-action/sidebar-header-action.directive.mjs +4 -4
- package/esm2022/sidebar/sidebar-header/sidebar-header-title/sidebar-header-title.directive.mjs +4 -4
- package/esm2022/sidebar/sidebar-header/sidebar-header.component.mjs +4 -4
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +4 -4
- package/esm2022/sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.mjs +4 -4
- package/esm2022/sidebar/sidebar.module.mjs +5 -5
- package/esm2022/toast/examples/default-toast/default-toast.component.mjs +4 -4
- package/esm2022/toast/examples/default-toast/default-toast.module.mjs +5 -5
- package/esm2022/toast/examples/toast-positions/toast-positions.component.mjs +4 -4
- package/esm2022/toast/examples/toast-positions/toast-positions.module.mjs +5 -5
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +4 -4
- package/esm2022/toast/examples/toast-status/toast-status.module.mjs +5 -5
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -4
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.mjs +5 -5
- package/esm2022/toast/service/position.service.mjs +4 -4
- package/esm2022/toast/service/toast.service.mjs +4 -4
- package/esm2022/toast/toast/toast-template.component.mjs +4 -4
- package/esm2022/toast/toast/toast.component.mjs +4 -4
- package/esm2022/toast/toast-actions/toast-actions.directive.mjs +4 -4
- package/esm2022/toast/toast-message/toast-message.directive.mjs +4 -4
- package/esm2022/toast/toast-title/toast-title.directive.mjs +4 -4
- package/esm2022/toast/toast.module.mjs +5 -5
- package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs +4 -4
- package/esm2022/tree/examples/basic-tree/basic-tree.module.mjs +5 -5
- package/esm2022/tree/tree/tree.component.mjs +4 -4
- package/esm2022/tree/tree-item/tree-item.directive.mjs +4 -4
- package/esm2022/tree/tree.module.mjs +5 -5
- package/fesm2022/daffodil-design-accordion-examples.mjs +8 -8
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +37 -20
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +37 -37
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +16 -16
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-button-examples.mjs +56 -56
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +7 -7
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +28 -28
- package/fesm2022/daffodil-design-callout-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout.mjs +22 -22
- package/fesm2022/daffodil-design-callout.mjs.map +1 -1
- package/fesm2022/daffodil-design-card-examples.mjs +42 -42
- package/fesm2022/daffodil-design-card-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-card.mjs +25 -25
- package/fesm2022/daffodil-design-card.mjs.map +1 -1
- package/fesm2022/daffodil-design-checkbox-examples.mjs +14 -14
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +7 -7
- package/fesm2022/daffodil-design-container-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container.mjs +7 -7
- package/fesm2022/daffodil-design-container.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero-examples.mjs +28 -28
- package/fesm2022/daffodil-design-hero-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-hero.mjs +22 -22
- package/fesm2022/daffodil-design-hero.mjs.map +1 -1
- package/fesm2022/daffodil-design-image-examples.mjs +21 -21
- package/fesm2022/daffodil-design-image-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-image.mjs +7 -7
- package/fesm2022/daffodil-design-image.mjs.map +1 -1
- package/fesm2022/daffodil-design-input-examples.mjs +28 -28
- package/fesm2022/daffodil-design-input-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-link-set.mjs +16 -16
- package/fesm2022/daffodil-design-link-set.mjs.map +1 -1
- package/fesm2022/daffodil-design-list-examples.mjs +32 -32
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +13 -13
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +33 -25
- package/fesm2022/daffodil-design-loading-icon-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon.mjs +7 -7
- package/fesm2022/daffodil-design-loading-icon.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery-examples.mjs +21 -21
- package/fesm2022/daffodil-design-media-gallery-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-media-gallery.mjs +16 -16
- package/fesm2022/daffodil-design-media-gallery.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu-examples.mjs +10 -10
- package/fesm2022/daffodil-design-menu-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-menu.mjs +16 -16
- package/fesm2022/daffodil-design-menu.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal-examples.mjs +10 -10
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +104 -93
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +28 -28
- package/fesm2022/daffodil-design-navbar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar.mjs +7 -7
- package/fesm2022/daffodil-design-navbar.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification-examples.mjs +28 -28
- package/fesm2022/daffodil-design-notification-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-notification.mjs +19 -19
- package/fesm2022/daffodil-design-notification.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator-examples.mjs +10 -10
- package/fesm2022/daffodil-design-paginator-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-paginator.mjs +7 -7
- package/fesm2022/daffodil-design-paginator.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar-examples.mjs +113 -0
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-progress-bar.mjs +178 -0
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -0
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +28 -28
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio-examples.mjs +7 -7
- package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +28 -28
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +25 -25
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +28 -28
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +25 -25
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +7 -7
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +10 -10
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +167 -166
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/list/README.md +18 -58
- package/loading-icon/README.md +18 -5
- package/loading-icon/examples/loading-icon-color/loading-icon-color.component.d.ts +6 -2
- package/loading-icon/examples/loading-icon-color/loading-icon-color.module.d.ts +3 -3
- package/modal/examples/basic-modal/basic-modal.component.d.ts +2 -2
- package/modal/modal/modal.component.d.ts +5 -3
- package/modal/service/modal.service.d.ts +3 -3
- package/package.json +1 -1
- package/progress-bar/README.md +27 -0
- package/progress-bar/animation/progress-bar-animation.d.ts +4 -0
- package/progress-bar/examples/index.d.ts +1 -0
- package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts +5 -0
- package/progress-bar/examples/progress-bar-default/progress-bar-default.module.d.ts +8 -0
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts +5 -0
- package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.module.d.ts +8 -0
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts +9 -0
- package/progress-bar/examples/progress-bar-themes/progress-bar-themes.module.d.ts +9 -0
- package/progress-bar/examples/public_api.d.ts +2 -0
- package/progress-bar/index.d.ts +5 -0
- package/progress-bar/progress-bar.component.d.ts +76 -0
- package/progress-bar/progress-bar.module.d.ts +8 -0
- package/progress-bar/public_api.d.ts +2 -0
- package/progress-bar/src/progress-bar-theme.scss +68 -0
- package/scss/theme.scss +2 -0
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import * as i1 from '@angular/common';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, HostBinding, Input, Output, NgModule } from '@angular/core';
|
|
5
|
+
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
6
|
+
import { daffColorMixin } from '@daffodil/design';
|
|
7
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
8
|
+
|
|
9
|
+
const daffProgressBarAnimation = {
|
|
10
|
+
fill: trigger('fill', [
|
|
11
|
+
state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 } }),
|
|
12
|
+
transition('void <=> *', animate(0)),
|
|
13
|
+
transition('* <=> *', animate(1000)),
|
|
14
|
+
]),
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* An _elementRef and an instance of renderer2 are needed for the Colorable mixin
|
|
19
|
+
*/
|
|
20
|
+
class DaffProgressBarBase {
|
|
21
|
+
constructor(_elementRef, _renderer) {
|
|
22
|
+
this._elementRef = _elementRef;
|
|
23
|
+
this._renderer = _renderer;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
const _daffProgressBarBase = daffColorMixin(DaffProgressBarBase, 'primary');
|
|
27
|
+
const clamp = (number, min, max) => Math.min(Math.max(number, min), max);
|
|
28
|
+
/**
|
|
29
|
+
* @inheritdoc
|
|
30
|
+
*/
|
|
31
|
+
class DaffProgressBarComponent extends _daffProgressBarBase {
|
|
32
|
+
/**
|
|
33
|
+
* @docs-private
|
|
34
|
+
*/
|
|
35
|
+
get indeterminateClass() {
|
|
36
|
+
return this._indeterminate;
|
|
37
|
+
}
|
|
38
|
+
get role() {
|
|
39
|
+
return 'progressbar';
|
|
40
|
+
}
|
|
41
|
+
get ariaLabel() {
|
|
42
|
+
return this._indeterminate ? 'loading' : null;
|
|
43
|
+
}
|
|
44
|
+
get ariaValueNow() {
|
|
45
|
+
return this.percentage;
|
|
46
|
+
}
|
|
47
|
+
constructor(_changeDetectorRef, elementRef, renderer) {
|
|
48
|
+
super(elementRef, renderer);
|
|
49
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
50
|
+
this.elementRef = elementRef;
|
|
51
|
+
this.renderer = renderer;
|
|
52
|
+
/**
|
|
53
|
+
* @docs-private
|
|
54
|
+
*/
|
|
55
|
+
this.class = true;
|
|
56
|
+
this.ariaValueMin = '0';
|
|
57
|
+
this.ariaValueMax = '100';
|
|
58
|
+
this._percentage = 0;
|
|
59
|
+
this._indeterminate = false;
|
|
60
|
+
/**
|
|
61
|
+
* An event that emits each time the progression reaches 100%
|
|
62
|
+
* and the animation is finished
|
|
63
|
+
*/
|
|
64
|
+
this.finished = new EventEmitter();
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Sets the percentage completion of the progression,
|
|
68
|
+
* expressed as a whole number between 0 and 100.
|
|
69
|
+
*
|
|
70
|
+
*/
|
|
71
|
+
get percentage() {
|
|
72
|
+
return this._percentage;
|
|
73
|
+
}
|
|
74
|
+
;
|
|
75
|
+
set percentage(val) {
|
|
76
|
+
this._percentage = clamp(val, 0, 100);
|
|
77
|
+
this._changeDetectorRef.markForCheck();
|
|
78
|
+
}
|
|
79
|
+
/**
|
|
80
|
+
* Property to set the animation of a progress bar to
|
|
81
|
+
* run for an indefinite amount of time.
|
|
82
|
+
*
|
|
83
|
+
* See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
|
|
84
|
+
**/
|
|
85
|
+
get indeterminate() {
|
|
86
|
+
return this._indeterminate;
|
|
87
|
+
}
|
|
88
|
+
set indeterminate(value) {
|
|
89
|
+
this._indeterminate = coerceBooleanProperty(value);
|
|
90
|
+
}
|
|
91
|
+
/**
|
|
92
|
+
* Calculates when the progress animation is fully completed
|
|
93
|
+
*
|
|
94
|
+
* @param event: AnimationEvent
|
|
95
|
+
*/
|
|
96
|
+
onAnimationComplete(event) {
|
|
97
|
+
// @ts-expect-error: @angular/animations typing error on event.toState as string
|
|
98
|
+
// See: https://github.com/angular/angular/issues/26507
|
|
99
|
+
if (event.toState === '100' || event.toState === 100) {
|
|
100
|
+
this.finished.emit();
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* @docs-private
|
|
105
|
+
*/
|
|
106
|
+
get fillState() {
|
|
107
|
+
return {
|
|
108
|
+
value: this.percentage,
|
|
109
|
+
params: {
|
|
110
|
+
percentage: this.percentage,
|
|
111
|
+
},
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffProgressBarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffProgressBarComponent, selector: "daff-progress-bar", inputs: { color: "color", percentage: "percentage", indeterminate: "indeterminate" }, outputs: { finished: "finished" }, host: { properties: { "class.daff-progress-bar": "this.class", "class.indeterminate": "this.indeterminateClass", "role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.aria-valuemin": "this.ariaValueMin", "attr.aria-valuemax": "this.ariaValueMax", "attr.aria-valuenow": "this.ariaValueNow" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
116
|
+
daffProgressBarAnimation.fill,
|
|
117
|
+
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
118
|
+
}
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffProgressBarComponent, decorators: [{
|
|
120
|
+
type: Component,
|
|
121
|
+
args: [{ selector: 'daff-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color'], animations: [
|
|
122
|
+
daffProgressBarAnimation.fill,
|
|
123
|
+
], template: "<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>", styles: [":host(.daff-progress-bar){display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}:host(.daff-progress-bar) ::ng-deep .daff-progress-bar__label{font-size:.875rem;line-height:1rem}:host(.daff-progress-bar) .daff-progress-bar__track{height:4px;position:relative;width:100%}:host(.daff-progress-bar) .daff-progress-bar__fill{height:4px;width:100%;transform:scaleX(0);transform-origin:0 center}:host(.daff-progress-bar).indeterminate{overflow:hidden}:host(.daff-progress-bar).indeterminate .indeterminate-bar{height:100%;width:100%;animation:indeterminate-animation 1.5s infinite linear;transform-origin:0% 50%}@keyframes indeterminate-animation{0%{transform:translate(0) scaleX(0)}20%{transform:translate(0) scaleX(25%)}to{transform:translate(100%) scaleX(25%)}}\n"] }]
|
|
124
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { class: [{
|
|
125
|
+
type: HostBinding,
|
|
126
|
+
args: ['class.daff-progress-bar']
|
|
127
|
+
}], indeterminateClass: [{
|
|
128
|
+
type: HostBinding,
|
|
129
|
+
args: ['class.indeterminate']
|
|
130
|
+
}], role: [{
|
|
131
|
+
type: HostBinding,
|
|
132
|
+
args: ['role']
|
|
133
|
+
}], ariaLabel: [{
|
|
134
|
+
type: HostBinding,
|
|
135
|
+
args: ['attr.aria-label']
|
|
136
|
+
}], ariaValueMin: [{
|
|
137
|
+
type: HostBinding,
|
|
138
|
+
args: ['attr.aria-valuemin']
|
|
139
|
+
}], ariaValueMax: [{
|
|
140
|
+
type: HostBinding,
|
|
141
|
+
args: ['attr.aria-valuemax']
|
|
142
|
+
}], ariaValueNow: [{
|
|
143
|
+
type: HostBinding,
|
|
144
|
+
args: ['attr.aria-valuenow']
|
|
145
|
+
}], percentage: [{
|
|
146
|
+
type: Input
|
|
147
|
+
}], indeterminate: [{
|
|
148
|
+
type: Input
|
|
149
|
+
}], finished: [{
|
|
150
|
+
type: Output
|
|
151
|
+
}] } });
|
|
152
|
+
|
|
153
|
+
class DaffProgressBarModule {
|
|
154
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
155
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffProgressBarModule, declarations: [DaffProgressBarComponent], imports: [CommonModule], exports: [DaffProgressBarComponent] }); }
|
|
156
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffProgressBarModule, imports: [CommonModule] }); }
|
|
157
|
+
}
|
|
158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffProgressBarModule, decorators: [{
|
|
159
|
+
type: NgModule,
|
|
160
|
+
args: [{
|
|
161
|
+
imports: [
|
|
162
|
+
CommonModule,
|
|
163
|
+
],
|
|
164
|
+
declarations: [
|
|
165
|
+
DaffProgressBarComponent,
|
|
166
|
+
],
|
|
167
|
+
exports: [
|
|
168
|
+
DaffProgressBarComponent,
|
|
169
|
+
],
|
|
170
|
+
}]
|
|
171
|
+
}] });
|
|
172
|
+
|
|
173
|
+
/**
|
|
174
|
+
* Generated bundle index. Do not edit.
|
|
175
|
+
*/
|
|
176
|
+
|
|
177
|
+
export { DaffProgressBarComponent, DaffProgressBarModule, clamp };
|
|
178
|
+
//# sourceMappingURL=daffodil-design-progress-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"daffodil-design-progress-bar.mjs","sources":["../../../libs/design/progress-bar/src/animation/progress-bar-animation.ts","../../../libs/design/progress-bar/src/progress-bar.component.ts","../../../libs/design/progress-bar/src/progress-bar.component.html","../../../libs/design/progress-bar/src/progress-bar.module.ts","../../../libs/design/progress-bar/src/daffodil-design-progress-bar.ts"],"sourcesContent":["import {\n animate,\n state,\n style,\n transition,\n trigger,\n AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffProgressBarAnimation: {\n readonly fill: AnimationTriggerMetadata;\n} = {\n fill: trigger('fill', [\n state('*', style({ transform: 'scaleX(calc({{ percentage }}/100))' }), { params: { percentage: 0 }}),\n transition('void <=> *', animate(0)),\n transition('* <=> *', animate(1000)),\n ]),\n};\n","import { AnimationEvent } from '@angular/animations';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n Component,\n Input,\n ChangeDetectionStrategy,\n ElementRef,\n Output,\n EventEmitter,\n Renderer2,\n HostBinding,\n ChangeDetectorRef,\n} from '@angular/core';\n\nimport {\n daffColorMixin,\n DaffColorable,\n} from '@daffodil/design';\n\nimport { daffProgressBarAnimation } from './animation/progress-bar-animation';\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n */\nclass DaffProgressBarBase{\n constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffProgressBarBase = daffColorMixin(DaffProgressBarBase, 'primary');\n\nexport const clamp = (number: number, min: number, max: number) => Math.min(Math.max(number, min), max);\n\n/**\n * @inheritdoc\n */\n@Component({\n selector: 'daff-progress-bar',\n templateUrl: './progress-bar.component.html',\n styleUrls: ['./progress-bar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n //todo(damienwebdev): remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['color'],\n animations: [\n daffProgressBarAnimation.fill,\n ],\n})\nexport class DaffProgressBarComponent extends _daffProgressBarBase implements DaffColorable {\n\n /**\n * @docs-private\n */\n @HostBinding('class.daff-progress-bar') class = true;\n\n /**\n * @docs-private\n */\n @HostBinding('class.indeterminate') get indeterminateClass() {\n return this._indeterminate;\n }\n\n @HostBinding('role') get role() {\n return 'progressbar';\n }\n\n @HostBinding('attr.aria-label') get ariaLabel() {\n return this._indeterminate ? 'loading' : null;\n }\n\n @HostBinding('attr.aria-valuemin') ariaValueMin = '0';\n @HostBinding('attr.aria-valuemax') ariaValueMax = '100';\n @HostBinding('attr.aria-valuenow') get ariaValueNow() {\n return this.percentage;\n }\n\n constructor(\n private _changeDetectorRef: ChangeDetectorRef,\n private elementRef: ElementRef,\n private renderer: Renderer2,\n ) {\n super(elementRef, renderer);\n }\n\n private _percentage = 0;\n private _indeterminate = false;\n\n /**\n * Sets the percentage completion of the progression,\n * expressed as a whole number between 0 and 100.\n *\n */\n @Input() get percentage(): number {\n return this._percentage;\n };\n set percentage(val: number) {\n this._percentage = clamp(val, 0, 100);\n this._changeDetectorRef.markForCheck();\n }\n\n /**\n * Property to set the animation of a progress bar to\n * run for an indefinite amount of time.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress\n **/\n @Input() get indeterminate() {\n return this._indeterminate;\n }\n set indeterminate(value: any) {\n\t this._indeterminate = coerceBooleanProperty(value);\n }\n\n /**\n * An event that emits each time the progression reaches 100%\n * and the animation is finished\n */\n @Output() finished: EventEmitter<void> = new EventEmitter();\n\n /**\n * Calculates when the progress animation is fully completed\n *\n * @param event: AnimationEvent\n */\n onAnimationComplete(event: AnimationEvent): void {\n // @ts-expect-error: @angular/animations typing error on event.toState as string\n // See: https://github.com/angular/angular/issues/26507\n if(event.toState === '100' || event.toState === 100) {\n this.finished.emit();\n }\n }\n\n /**\n * @docs-private\n */\n get fillState(): any {\n return {\n value: this.percentage,\n params: {\n percentage: this.percentage,\n },\n };\n }\n}\n","<ng-content select=\"label[daffProgressBarLabel]\"></ng-content>\n<div class=\"daff-progress-bar__track\">\n\t<div *ngIf=\"!indeterminate\" class=\"daff-progress-bar__fill\" [@fill]=\"fillState\" (@fill.done)=\"onAnimationComplete($event)\"></div>\n\t<div *ngIf=\"indeterminate\" class=\"daff-progress-bar__fill indeterminate-bar\"></div>\n</div>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffProgressBarComponent } from './progress-bar.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffProgressBarComponent,\n ],\n exports: [\n DaffProgressBarComponent,\n ],\n})\nexport class DaffProgressBarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,10 @@ class BasicQuantityFieldComponent {
|
|
|
10
10
|
constructor() {
|
|
11
11
|
this.control = new UntypedFormControl(1);
|
|
12
12
|
}
|
|
13
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
14
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
13
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicQuantityFieldComponent, selector: "basic-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i2.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicQuantityFieldComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{ selector: 'basic-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n" }]
|
|
19
19
|
}] });
|
|
@@ -22,10 +22,10 @@ class CustomRangeQuantityFieldComponent {
|
|
|
22
22
|
constructor() {
|
|
23
23
|
this.control = new UntypedFormControl(5);
|
|
24
24
|
}
|
|
25
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
26
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
25
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CustomRangeQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CustomRangeQuantityFieldComponent, selector: "custom-range-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i2.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CustomRangeQuantityFieldComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'custom-range-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n" }]
|
|
31
31
|
}] });
|
|
@@ -34,10 +34,10 @@ class DisabledQuantityFieldComponent {
|
|
|
34
34
|
constructor() {
|
|
35
35
|
this.control = new UntypedFormControl({ value: '1', disabled: true });
|
|
36
36
|
}
|
|
37
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
38
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
37
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DisabledQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DisabledQuantityFieldComponent, selector: "disabled-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i2.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DisabledQuantityFieldComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'disabled-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n" }]
|
|
43
43
|
}] });
|
|
@@ -46,26 +46,26 @@ class SelectMaxQuantityFieldComponent {
|
|
|
46
46
|
constructor() {
|
|
47
47
|
this.control = new UntypedFormControl(1);
|
|
48
48
|
}
|
|
49
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
50
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
49
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SelectMaxQuantityFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SelectMaxQuantityFieldComponent, selector: "select-max-quantity-field", ngImport: i0, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { kind: "component", type: i2.DaffQuantityFieldComponent, selector: "daff-quantity-field", inputs: ["min", "max", "selectMax"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SelectMaxQuantityFieldComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{ selector: 'select-max-quantity-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n" }]
|
|
55
55
|
}] });
|
|
56
56
|
|
|
57
57
|
class BasicQuantityFieldModule {
|
|
58
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
59
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
58
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
59
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: BasicQuantityFieldModule, declarations: [BasicQuantityFieldComponent], imports: [CommonModule,
|
|
60
60
|
ReactiveFormsModule,
|
|
61
61
|
DaffFormFieldModule,
|
|
62
62
|
DaffQuantityFieldModule], exports: [BasicQuantityFieldComponent] }); }
|
|
63
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
63
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicQuantityFieldModule, imports: [CommonModule,
|
|
64
64
|
ReactiveFormsModule,
|
|
65
65
|
DaffFormFieldModule,
|
|
66
66
|
DaffQuantityFieldModule] }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicQuantityFieldModule, decorators: [{
|
|
69
69
|
type: NgModule,
|
|
70
70
|
args: [{
|
|
71
71
|
declarations: [
|
|
@@ -84,17 +84,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
|
|
|
84
84
|
}] });
|
|
85
85
|
|
|
86
86
|
class CustomRangeQuantityFieldModule {
|
|
87
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
88
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
87
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CustomRangeQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
88
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: CustomRangeQuantityFieldModule, declarations: [CustomRangeQuantityFieldComponent], imports: [CommonModule,
|
|
89
89
|
ReactiveFormsModule,
|
|
90
90
|
DaffFormFieldModule,
|
|
91
91
|
DaffQuantityFieldModule], exports: [CustomRangeQuantityFieldComponent] }); }
|
|
92
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
92
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CustomRangeQuantityFieldModule, imports: [CommonModule,
|
|
93
93
|
ReactiveFormsModule,
|
|
94
94
|
DaffFormFieldModule,
|
|
95
95
|
DaffQuantityFieldModule] }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CustomRangeQuantityFieldModule, decorators: [{
|
|
98
98
|
type: NgModule,
|
|
99
99
|
args: [{
|
|
100
100
|
declarations: [
|
|
@@ -113,17 +113,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
|
|
|
113
113
|
}] });
|
|
114
114
|
|
|
115
115
|
class DisabledQuantityFieldModule {
|
|
116
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
117
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
116
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DisabledQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
117
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DisabledQuantityFieldModule, declarations: [DisabledQuantityFieldComponent], imports: [CommonModule,
|
|
118
118
|
ReactiveFormsModule,
|
|
119
119
|
DaffFormFieldModule,
|
|
120
120
|
DaffQuantityFieldModule], exports: [DisabledQuantityFieldComponent] }); }
|
|
121
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
121
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DisabledQuantityFieldModule, imports: [CommonModule,
|
|
122
122
|
ReactiveFormsModule,
|
|
123
123
|
DaffFormFieldModule,
|
|
124
124
|
DaffQuantityFieldModule] }); }
|
|
125
125
|
}
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
126
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DisabledQuantityFieldModule, decorators: [{
|
|
127
127
|
type: NgModule,
|
|
128
128
|
args: [{
|
|
129
129
|
declarations: [
|
|
@@ -142,17 +142,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
|
|
|
142
142
|
}] });
|
|
143
143
|
|
|
144
144
|
class SelectMaxQuantityFieldModule {
|
|
145
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
146
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
145
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SelectMaxQuantityFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
146
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: SelectMaxQuantityFieldModule, declarations: [SelectMaxQuantityFieldComponent], imports: [CommonModule,
|
|
147
147
|
ReactiveFormsModule,
|
|
148
148
|
DaffFormFieldModule,
|
|
149
149
|
DaffQuantityFieldModule], exports: [SelectMaxQuantityFieldComponent] }); }
|
|
150
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
150
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SelectMaxQuantityFieldModule, imports: [CommonModule,
|
|
151
151
|
ReactiveFormsModule,
|
|
152
152
|
DaffFormFieldModule,
|
|
153
153
|
DaffQuantityFieldModule] }); }
|
|
154
154
|
}
|
|
155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SelectMaxQuantityFieldModule, decorators: [{
|
|
156
156
|
type: NgModule,
|
|
157
157
|
args: [{
|
|
158
158
|
declarations: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-quantity-field-examples.mjs","sources":["../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/public_api.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new UntypedFormControl(5);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DisabledQuantityFieldComponent {\n control = new UntypedFormControl({ value : '1', disabled: true });\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { BasicQuantityFieldComponent } from './basic-quantity-field.component';\n\n@NgModule({\n declarations: [\n BasicQuantityFieldComponent,\n ],\n exports: [\n BasicQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class BasicQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field.component';\n\n@NgModule({\n declarations: [\n CustomRangeQuantityFieldComponent,\n ],\n exports: [\n CustomRangeQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class CustomRangeQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field.component';\n\n@NgModule({\n declarations: [\n DisabledQuantityFieldComponent,\n ],\n exports: [\n DisabledQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class DisabledQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field.component';\n\n@NgModule({\n declarations: [\n SelectMaxQuantityFieldComponent,\n ],\n exports: [\n SelectMaxQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class SelectMaxQuantityFieldModule {}\n","import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';\n\nexport { BasicQuantityFieldModule } from './basic-quantity-field/basic-quantity-field.module';\nexport { CustomRangeQuantityFieldModule } from './custom-range-quantity-field/custom-range-quantity-field.module';\nexport { DisabledQuantityFieldModule } from './disabled-quantity-field/disabled-quantity-field.module';\nexport { SelectMaxQuantityFieldModule } from './select-max-quantity-field/select-max-quantity-field.module';\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n\nexport {\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"daffodil-design-quantity-field-examples.mjs","sources":["../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.component.html","../../../libs/design/quantity-field/examples/src/basic-quantity-field/basic-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/custom-range-quantity-field/custom-range-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/disabled-quantity-field/disabled-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/select-max-quantity-field/select-max-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/public_api.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new UntypedFormControl(5);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DisabledQuantityFieldComponent {\n control = new UntypedFormControl({ value : '1', disabled: true });\n}\n","<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new UntypedFormControl(1);\n}\n","<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { BasicQuantityFieldComponent } from './basic-quantity-field.component';\n\n@NgModule({\n declarations: [\n BasicQuantityFieldComponent,\n ],\n exports: [\n BasicQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class BasicQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field.component';\n\n@NgModule({\n declarations: [\n CustomRangeQuantityFieldComponent,\n ],\n exports: [\n CustomRangeQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class CustomRangeQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field.component';\n\n@NgModule({\n declarations: [\n DisabledQuantityFieldComponent,\n ],\n exports: [\n DisabledQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class DisabledQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field.component';\n\n@NgModule({\n declarations: [\n SelectMaxQuantityFieldComponent,\n ],\n exports: [\n SelectMaxQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class SelectMaxQuantityFieldModule {}\n","import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';\n\nexport { BasicQuantityFieldModule } from './basic-quantity-field/basic-quantity-field.module';\nexport { CustomRangeQuantityFieldModule } from './custom-range-quantity-field/custom-range-quantity-field.module';\nexport { DisabledQuantityFieldModule } from './disabled-quantity-field/disabled-quantity-field.module';\nexport { SelectMaxQuantityFieldModule } from './select-max-quantity-field/select-max-quantity-field.module';\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n\nexport {\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -11,22 +11,22 @@ class BasicRadioComponent {
|
|
|
11
11
|
race: new UntypedFormControl('Zerg'),
|
|
12
12
|
});
|
|
13
13
|
}
|
|
14
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
15
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
14
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicRadioComponent, selector: "basic-radio", ngImport: i0, template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>", dependencies: [{ kind: "component", type: i1.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i1.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i1.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicRadioComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
19
|
args: [{ selector: 'basic-radio', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>" }]
|
|
20
20
|
}], ctorParameters: () => [] });
|
|
21
21
|
|
|
22
22
|
class BasicRadioModule {
|
|
23
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
24
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
23
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
24
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: BasicRadioModule, declarations: [BasicRadioComponent], imports: [DaffRadioModule,
|
|
25
25
|
ReactiveFormsModule], exports: [BasicRadioComponent] }); }
|
|
26
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
26
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicRadioModule, imports: [DaffRadioModule,
|
|
27
27
|
ReactiveFormsModule] }); }
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicRadioModule, decorators: [{
|
|
30
30
|
type: NgModule,
|
|
31
31
|
args: [{
|
|
32
32
|
declarations: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"daffodil-design-radio-examples.mjs","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.html","../../../libs/design/radio/examples/src/basic-radio/basic-radio.module.ts","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormGroup,\n UntypedFormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicRadioComponent {\n radioGroup = new UntypedFormGroup({\n race: new UntypedFormControl('Zerg'),\n });\n\n constructor() {}\n}\n","<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\nimport { BasicRadioComponent } from './basic-radio.component';\n\n@NgModule({\n\n declarations: [\n BasicRadioComponent,\n ],\n exports: [\n BasicRadioComponent,\n ],\n imports: [\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicRadioModule { }\n","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\nimport { BasicRadioModule } from './basic-radio/basic-radio.module';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n\nexport const RADIO_EXAMPLES_MODULES = [\n BasicRadioModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAea,mBAAmB,CAAA;AAK9B,IAAA,WAAA,GAAA;QAJA,IAAU,CAAA,UAAA,GAAG,IAAI,gBAAgB,CAAC;AAChC,YAAA,IAAI,EAAE,IAAI,kBAAkB,CAAC,MAAM,CAAC;AACrC,SAAA,CAAC,CAAC;KAEa;
|
|
1
|
+
{"version":3,"file":"daffodil-design-radio-examples.mjs","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.html","../../../libs/design/radio/examples/src/basic-radio/basic-radio.module.ts","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormGroup,\n UntypedFormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicRadioComponent {\n radioGroup = new UntypedFormGroup({\n race: new UntypedFormControl('Zerg'),\n });\n\n constructor() {}\n}\n","<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\nimport { BasicRadioComponent } from './basic-radio.component';\n\n@NgModule({\n\n declarations: [\n BasicRadioComponent,\n ],\n exports: [\n BasicRadioComponent,\n ],\n imports: [\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicRadioModule { }\n","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\nimport { BasicRadioModule } from './basic-radio/basic-radio.module';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n\nexport const RADIO_EXAMPLES_MODULES = [\n BasicRadioModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|