@daffodil/design 0.75.0 → 0.77.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/article/src/article-theme.scss +18 -8
- package/breadcrumb/README.md +52 -0
- package/breadcrumb/breadcrumb/breadcrumb.component.d.ts +7 -0
- package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts +9 -0
- package/breadcrumb/breadcrumb.d.ts +3 -0
- package/breadcrumb/breadcrumb.module.d.ts +9 -0
- package/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.d.ts +5 -0
- package/breadcrumb/examples/index.d.ts +1 -0
- package/breadcrumb/examples/public_api.d.ts +2 -0
- package/breadcrumb/index.d.ts +1 -0
- package/breadcrumb/public_api.d.ts +4 -0
- package/breadcrumb/src/breadcrumb-theme.scss +13 -0
- package/core/article-encapsulated/article-encapsulated.directive.d.ts +17 -5
- package/core/colorable/colorable.directive.d.ts +29 -2
- package/core/compactable/compactable.directive.d.ts +31 -2
- package/core/manage-container-layout/manage-container-layout.directive.d.ts +38 -1
- package/core/sizable/sizable.directive.d.ts +46 -3
- package/core/skeletonable/skeletonable.directive.d.ts +36 -3
- package/core/statusable/statusable.directive.d.ts +33 -6
- package/core/text-alignable/text-alignable.directive.d.ts +35 -4
- package/esm2022/accordion/accordion/accordion/accordion.component.mjs +4 -4
- package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs +4 -4
- package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs +4 -4
- package/esm2022/accordion/accordion/animation/accordion-animation-state.mjs +1 -1
- 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 +4 -4
- package/esm2022/article/article/article.component.mjs +5 -5
- package/esm2022/article/article-meta/article-meta.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-headings/article-headings.component.mjs +4 -4
- package/esm2022/article/examples/article-hr/article-hr.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/breadcrumb/breadcrumb/breadcrumb.component.mjs +25 -0
- package/esm2022/breadcrumb/breadcrumb-item/breadcrumb-item.directive.mjs +33 -0
- package/esm2022/breadcrumb/breadcrumb.mjs +7 -0
- package/esm2022/breadcrumb/breadcrumb.module.mjs +26 -0
- package/esm2022/breadcrumb/daffodil-design-breadcrumb.mjs +5 -0
- package/esm2022/breadcrumb/examples/basic-breadcrumb/basic-breadcrumb.component.mjs +15 -0
- package/esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs +5 -0
- package/esm2022/breadcrumb/examples/index.mjs +2 -0
- package/esm2022/breadcrumb/examples/public_api.mjs +5 -0
- package/esm2022/breadcrumb/index.mjs +2 -0
- package/esm2022/breadcrumb/public_api.mjs +5 -0
- package/esm2022/button/button/button-sizable.directive.mjs +4 -4
- 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/flat-button/flat-button.component.mjs +4 -4
- package/esm2022/button/examples/icon-button/icon-button.component.mjs +4 -4
- package/esm2022/button/examples/raised-button/raised-button.component.mjs +4 -4
- package/esm2022/button/examples/sizeable-button/sizeable-button.component.mjs +4 -4
- package/esm2022/button/examples/statusable-button/statusable-button.component.mjs +4 -4
- package/esm2022/button/examples/stroked-button/stroked-button.component.mjs +4 -4
- package/esm2022/button/examples/underline-button/underline-button.component.mjs +4 -4
- 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-theming/callout-theming.component.mjs +4 -4
- package/esm2022/callout/examples/callout-with-grid/callout-with-grid.component.mjs +4 -4
- package/esm2022/callout/examples/compact-callout/compact-callout.component.mjs +4 -4
- 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/card-orientation/card-orientation.component.mjs +4 -4
- package/esm2022/card/examples/card-theming/card-theming.component.mjs +4 -4
- package/esm2022/card/examples/linkable-card/linkable-card.component.mjs +4 -4
- package/esm2022/card/examples/raised-card/raised-card.component.mjs +4 -4
- package/esm2022/card/examples/stroked-card/stroked-card.component.mjs +4 -4
- package/esm2022/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +4 -4
- package/esm2022/checkbox/examples/checkbox-set/checkbox-set.component.mjs +4 -4
- 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/core/article-encapsulated/article-encapsulated.directive.mjs +21 -9
- package/esm2022/core/breakpoints/noop.service.mjs +4 -4
- package/esm2022/core/colorable/colorable.directive.mjs +33 -6
- package/esm2022/core/compactable/compactable.directive.mjs +35 -6
- package/esm2022/core/focus/stack.service.mjs +4 -4
- package/esm2022/core/manage-container-layout/manage-container-layout.directive.mjs +42 -5
- 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/sizable/sizable.directive.mjs +50 -7
- package/esm2022/core/skeletonable/skeletonable.directive.mjs +40 -7
- package/esm2022/core/statusable/statusable.directive.mjs +37 -10
- package/esm2022/core/text-alignable/text-alignable.directive.mjs +39 -8
- package/esm2022/core/theming/functions/computer.mjs +1 -1
- 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/hero-text-alignment/hero-text-alignment.component.mjs +4 -4
- package/esm2022/hero/examples/hero-theming/hero-theming.component.mjs +4 -4
- package/esm2022/hero/examples/hero-with-grid/hero-with-grid.component.mjs +4 -4
- 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/load-image/load-image.component.mjs +4 -4
- package/esm2022/image/examples/skeleton-image/skeleton-image.component.mjs +4 -4
- 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/input-disabled/input-disabled.component.mjs +4 -4
- package/esm2022/input/examples/input-error/input-error.component.mjs +4 -4
- package/esm2022/input/examples/input-with-form-field/input-with-form-field.component.mjs +4 -4
- 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/icon-list/icon-list.component.mjs +4 -4
- package/esm2022/list/examples/multiline-list/multiline-list.component.mjs +4 -4
- package/esm2022/list/examples/nav-list/nav-list.component.mjs +4 -4
- package/esm2022/list/list/list.component.mjs +4 -4
- package/esm2022/list/list-item/list-item.component.mjs +4 -4
- package/esm2022/list/list.module.mjs +5 -5
- package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs +4 -4
- package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs +4 -4
- 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/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs +4 -4
- package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs +4 -4
- 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/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/modal-content.component.mjs +4 -4
- package/esm2022/modal/modal/modal-config.mjs +1 -1
- package/esm2022/modal/modal/modal.component.mjs +4 -4
- package/esm2022/modal/modal-actions/modal-actions.component.mjs +4 -4
- package/esm2022/modal/modal-close/modal-close.directive.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 +5 -5
- package/esm2022/modal/service/modal.service.mjs +7 -4
- package/esm2022/navbar/examples/basic-navbar/basic-navbar.component.mjs +4 -4
- package/esm2022/navbar/examples/contained-navbar/contained-navbar.component.mjs +4 -4
- package/esm2022/navbar/examples/navbar-theming/navbar-theming.component.mjs +4 -4
- package/esm2022/navbar/examples/raised-navbar/raised-navbar.component.mjs +4 -4
- 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/dismissible-notification/dismissible-notification.component.mjs +4 -4
- package/esm2022/notification/examples/notification-orientations/notification-orientations.component.mjs +4 -4
- package/esm2022/notification/examples/notification-status/notification-status.component.mjs +4 -4
- package/esm2022/notification/examples/notification-with-actions/notification-with-actions.component.mjs +4 -4
- 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/paginator/paginator.component.mjs +4 -4
- package/esm2022/paginator/paginator.module.mjs +5 -5
- package/esm2022/progress-bar/examples/progress-bar-default/progress-bar-default.component.mjs +4 -4
- package/esm2022/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.mjs +4 -4
- package/esm2022/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.mjs +4 -4
- package/esm2022/progress-bar/progress-bar.component.mjs +4 -4
- package/esm2022/progress-bar/progress-bar.module.mjs +5 -5
- package/esm2022/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.mjs +4 -4
- package/esm2022/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.mjs +4 -4
- package/esm2022/radio/examples/basic-radio/basic-radio.component.mjs +4 -4
- package/esm2022/sidebar/animation/sidebar-animation-state.mjs +1 -1
- package/esm2022/sidebar/examples/basic-sidebar/basic-sidebar.component.mjs +4 -4
- package/esm2022/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.mjs +4 -4
- package/esm2022/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.mjs +4 -4
- package/esm2022/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.mjs +4 -4
- package/esm2022/sidebar/helper/is-docked-mode.mjs +9 -0
- package/esm2022/sidebar/helper/is-floating-mode.mjs +9 -0
- package/esm2022/sidebar/public_api.mjs +5 -1
- package/esm2022/sidebar/service/registration.type.mjs +2 -0
- package/esm2022/sidebar/service/sidebar.service.mjs +36 -0
- package/esm2022/sidebar/sidebar/is-opening.mjs +1 -1
- 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/helper/has-parent-viewport.mjs +1 -1
- package/esm2022/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +6 -6
- package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs +1 -1
- package/esm2022/sidebar/sidebar-viewport/utils/content-shift.mjs +1 -1
- 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/toast-positions/toast-positions.component.mjs +4 -4
- package/esm2022/toast/examples/toast-status/toast-status.component.mjs +4 -4
- package/esm2022/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.mjs +4 -4
- package/esm2022/toast/service/position-strategy.mjs +1 -1
- 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 +5 -5
- 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/deep-tree/deep-tree.component.mjs +54 -0
- package/esm2022/tree/examples/public_api.mjs +4 -2
- package/esm2022/tree/tree/tree.component.mjs +6 -6
- package/esm2022/tree/tree-item/tree-item.directive.mjs +5 -5
- package/esm2022/tree/tree.module.mjs +5 -5
- package/esm2022/tree/utils/flatten-tree.mjs +7 -3
- package/esm2022/tree/utils/transform-in-place.mjs +1 -1
- package/esm2022/tree/utils/transform.mjs +1 -1
- package/esm2022/tree/utils/traverse-tree.mjs +1 -1
- package/fesm2022/daffodil-design-accordion-examples.mjs +7 -7
- package/fesm2022/daffodil-design-accordion-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-accordion.mjs +13 -13
- package/fesm2022/daffodil-design-accordion.mjs.map +1 -1
- package/fesm2022/daffodil-design-article-examples.mjs +30 -30
- package/fesm2022/daffodil-design-article-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-article.mjs +11 -11
- package/fesm2022/daffodil-design-article.mjs.map +1 -1
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs +26 -0
- package/fesm2022/daffodil-design-breadcrumb-examples.mjs.map +1 -0
- package/fesm2022/daffodil-design-breadcrumb.mjs +90 -0
- package/fesm2022/daffodil-design-breadcrumb.mjs.map +1 -0
- package/fesm2022/daffodil-design-button-examples.mjs +24 -24
- package/fesm2022/daffodil-design-button-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-button.mjs +10 -10
- package/fesm2022/daffodil-design-button.mjs.map +1 -1
- package/fesm2022/daffodil-design-callout-examples.mjs +12 -12
- 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 +18 -18
- 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 +6 -6
- package/fesm2022/daffodil-design-checkbox-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-container-examples.mjs +3 -3
- 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 +12 -12
- 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 +9 -9
- 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 +12 -12
- 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 +12 -12
- package/fesm2022/daffodil-design-list-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-list.mjs +10 -10
- package/fesm2022/daffodil-design-list.mjs.map +1 -1
- package/fesm2022/daffodil-design-loading-icon-examples.mjs +6 -6
- 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 +9 -9
- 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 +6 -6
- 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 +7 -7
- package/fesm2022/daffodil-design-modal-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-modal.mjs +28 -25
- package/fesm2022/daffodil-design-modal.mjs.map +1 -1
- package/fesm2022/daffodil-design-navbar-examples.mjs +12 -12
- 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 +15 -15
- 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 +6 -6
- 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 +9 -9
- package/fesm2022/daffodil-design-progress-bar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-progress-bar.mjs +7 -7
- package/fesm2022/daffodil-design-progress-bar.mjs.map +1 -1
- package/fesm2022/daffodil-design-quantity-field-examples.mjs +12 -12
- package/fesm2022/daffodil-design-quantity-field-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-radio-examples.mjs +3 -3
- package/fesm2022/daffodil-design-radio-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar-examples.mjs +12 -12
- package/fesm2022/daffodil-design-sidebar-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-sidebar.mjs +82 -30
- package/fesm2022/daffodil-design-sidebar.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast-examples.mjs +12 -12
- package/fesm2022/daffodil-design-toast-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-toast.mjs +26 -26
- package/fesm2022/daffodil-design-toast.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree-examples.mjs +54 -4
- package/fesm2022/daffodil-design-tree-examples.mjs.map +1 -1
- package/fesm2022/daffodil-design-tree.mjs +19 -15
- package/fesm2022/daffodil-design-tree.mjs.map +1 -1
- package/fesm2022/daffodil-design.mjs +400 -161
- package/fesm2022/daffodil-design.mjs.map +1 -1
- package/modal/README.md +14 -1
- package/modal/modal/modal-config.d.ts +2 -0
- package/package.json +1 -1
- package/scss/theme.scss +2 -0
- package/scss/theming/_theme-css-variables.scss +1 -1
- package/sidebar/helper/is-docked-mode.d.ts +5 -0
- package/sidebar/helper/is-floating-mode.d.ts +5 -0
- package/sidebar/public_api.d.ts +4 -0
- package/sidebar/service/registration.type.d.ts +11 -0
- package/sidebar/service/sidebar.service.d.ts +25 -0
- package/tree/examples/deep-tree/deep-tree.component.d.ts +7 -0
- package/tree/examples/public_api.d.ts +2 -1
- package/tree/utils/transform-in-place.d.ts +1 -1
- package/tree/utils/transform.d.ts +1 -1
- package/tree/utils/traverse-tree.d.ts +1 -1
@@ -58,14 +58,14 @@ export class DaffFocusStackService {
|
|
58
58
|
this.document.activeElement.blur();
|
59
59
|
return this.document.activeElement;
|
60
60
|
}
|
61
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
62
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
61
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFocusStackService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
62
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFocusStackService, providedIn: 'root' }); }
|
63
63
|
}
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffFocusStackService, decorators: [{
|
65
65
|
type: Injectable,
|
66
66
|
args: [{ providedIn: 'root' }]
|
67
67
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
68
68
|
type: Inject,
|
69
69
|
args: [DOCUMENT]
|
70
70
|
}] }] });
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhY2suc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2ZvY3VzL3N0YWNrLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFDTCxNQUFNLEVBQ04sVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDOztBQUd2QixNQUFNLE9BQU8scUJBQXFCO0lBR2hDLFlBQXNDLFFBQWE7UUFBYixhQUFRLEdBQVIsUUFBUSxDQUFLO1FBRjNDLFdBQU0sR0FBa0IsRUFBRSxDQUFDO0lBSW5DLENBQUM7SUFFRDs7T0FFRztJQUNILE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7Ozs7Ozs7O09BU0c7SUFDSCxJQUFJLENBQUMsS0FBOEIsU0FBUztRQUMxQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNwRCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSCxLQUFLO1FBQ0gsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ25DLENBQUM7YUFBTSxDQUFDO1lBQ1EsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEQsQ0FBQztJQUNILENBQUM7SUFFRDs7T0FFRztJQUNILEdBQUcsQ0FBQyxRQUFpQixJQUFJO1FBQ3ZCLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDM0IsT0FBTSxFQUFFLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ2pELEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsRUFBRSxDQUFDO1FBQ3pCLENBQUM7UUFFRCxJQUFHLEVBQUUsRUFBRSxDQUFDO1lBQ04sSUFBRyxLQUFLLEVBQUUsQ0FBQztnQkFDVCxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixDQUFDO1lBQ0QsT0FBTyxFQUFFLENBQUM7UUFDWixDQUFDO1FBRWEsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztJQUNyQyxDQUFDO2lJQTlEVSxxQkFBcUIsa0JBR1osUUFBUTtxSUFIakIscUJBQXFCLGNBRFIsTUFBTTs7MkZBQ25CLHFCQUFxQjtrQkFEakMsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7OzBCQUluQixNQUFNOzJCQUFDLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBJbmplY3QsXG4gIEluamVjdGFibGUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIERhZmZGb2N1c1N0YWNrU2VydmljZSB7XG4gIHByaXZhdGUgX3N0YWNrOiBIVE1MRWxlbWVudFtdID0gW107XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBkb2N1bWVudDogYW55KSB7XG5cbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm4gdGhlIGN1cnJlbnQgbGVuZ3RoIG9mIHRoZSBzdGFjay5cbiAgICovXG4gIGxlbmd0aCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLl9zdGFjay5sZW5ndGg7XG4gIH1cblxuICAvKipcbiAgICogQWRkcyBhIEhUTUwgZWxlbWVudCB0byBhIGZvY3VzIHN0YWNrIGFuZCByZXR1cm5zIHRoZSBuZXcgbGVuZ3RoIG9mIHRoZSBzdGFjay5cbiAgICpcbiAgICogR2VuZXJhbGx5LCB5b3Ugd2lsbCBwcm9iYWJseSB3YW50IHRvIGNhbGwgdGhpcyBiZWZvcmUgeW91IHRyYW5zaXRpb24gZm9jdXNcbiAgICogb250byBhIG5ldyBlbGVtZW50LlxuICAgKlxuICAgKiBgYGB0c1xuICAgKiB0aGlzLl9mb2N1c1N0YWNrLnB1c2godGhpcy5fZG9jLmFjdGl2ZUVsZW1lbnQpO1xuICAgKiBgYGBcbiAgICovXG4gIHB1c2goZWw6IEhUTUxFbGVtZW50IHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkKTogbnVtYmVyIHtcbiAgICB0aGlzLl9zdGFjay5wdXNoKGVsID8/IHRoaXMuZG9jdW1lbnQuYWN0aXZlRWxlbWVudCk7XG4gICAgcmV0dXJuIHRoaXMuX3N0YWNrLmxlbmd0aDtcbiAgfVxuXG4gIC8qKlxuICAgKiBGb2N1c2VzIG9uIHRoZSBIVE1MIGVsZW1lbnQgYXQgdGhlIHRvcCBvZiBhIHN0YWNrLlxuICAgKlxuICAgKiBgYGB0c1xuICAgKiB0aGlzLl9mb2N1c1N0YWNrLnB1c2godGhpcy5fZG9jLmFjdGl2ZUVsZW1lbnQpO1xuICAgKiBgYGBcbiAgICovXG4gIGZvY3VzKCkge1xuICAgIGlmKHRoaXMuX3N0YWNrLmxlbmd0aCA+PSAxKSB7XG4gICAgICB0aGlzLl9zdGFjay5zbGljZSgtMSlbMF0uZm9jdXMoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgKDxIVE1MRWxlbWVudD50aGlzLmRvY3VtZW50LmFjdGl2ZUVsZW1lbnQpLmJsdXIoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVtb3ZlcyB0aGUgSE1UTCBlbGVtZW50IGF0IHRoZSB0b3Agb2YgYSBzdGFjayBhbmQgZm9jdXNlcyBvbiBpdC5cbiAgICovXG4gIHBvcChmb2N1czogYm9vbGVhbiA9IHRydWUpOiBIVE1MRWxlbWVudCB7XG4gICAgbGV0IGVsID0gdGhpcy5fc3RhY2sucG9wKCk7XG4gICAgd2hpbGUoZWwgPT09IHVuZGVmaW5lZCAmJiB0aGlzLl9zdGFjay5sZW5ndGggPiAwKSB7XG4gICAgICBlbCA9IHRoaXMuX3N0YWNrLnBvcCgpO1xuICAgIH1cblxuICAgIGlmKGVsKSB7XG4gICAgICBpZihmb2N1cykge1xuICAgICAgICBlbC5mb2N1cygpO1xuICAgICAgfVxuICAgICAgcmV0dXJuIGVsO1xuICAgIH1cblxuICAgICg8SFRNTEVsZW1lbnQ+dGhpcy5kb2N1bWVudC5hY3RpdmVFbGVtZW50KS5ibHVyKCk7XG4gICAgcmV0dXJuIHRoaXMuZG9jdW1lbnQuYWN0aXZlRWxlbWVudDtcbiAgfVxufVxuIl19
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Directive, HostBinding, } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
/**
|
4
|
-
*
|
4
|
+
* `DaffManageContainerLayoutDirective` gives a component the ability to manage a `DaffContainerComponent`'s layout.
|
5
5
|
* By including this directive, predetermined layout styles are passed down to the container.
|
6
6
|
*
|
7
7
|
* To understand the motivation for this directive, consider:
|
@@ -22,15 +22,52 @@ import * as i0 from "@angular/core";
|
|
22
22
|
* The former may inappropriately constrain the width of its child elements,
|
23
23
|
* while the latter (without `DaffManageContainerLayoutDirective`) may unexpectedly
|
24
24
|
* interfere in the layout features of its parent element (i.e. display: grid, display: flex).
|
25
|
+
*
|
26
|
+
* ## Usage
|
27
|
+
*
|
28
|
+
* ### Implementing it as an attribute directive
|
29
|
+
*
|
30
|
+
* ```html
|
31
|
+
* <my-custom-component daffManageContainerLayout>
|
32
|
+
* <daff-container size="lg"></daff-container>
|
33
|
+
* </my-custom-component>
|
34
|
+
* ```
|
35
|
+
*
|
36
|
+
* ```scss
|
37
|
+
* :host {
|
38
|
+
* display: grid;
|
39
|
+
* grid-template-columns: 1fr 1fr;
|
40
|
+
* }
|
41
|
+
* ```
|
42
|
+
*
|
43
|
+
* ### Implementing it as an Angular host directive
|
44
|
+
*
|
45
|
+
* ```ts
|
46
|
+
* @Component({
|
47
|
+
* standalone: true,
|
48
|
+
* selector: 'my-custom-component',
|
49
|
+
* template: 'my-custom-component.html',
|
50
|
+
* hostDirectives: [{ directive: DaffManageContainerLayoutDirective }],
|
51
|
+
* })
|
52
|
+
* export class MyCustomComponent { }
|
53
|
+
*
|
54
|
+
* ```scss
|
55
|
+
* :host {
|
56
|
+
* display: grid;
|
57
|
+
* grid-template-columns: 1fr 1fr;
|
58
|
+
* }
|
59
|
+
* ```
|
60
|
+
*
|
61
|
+
* This directive will apply the `daff-manage-container-layout` class to your component, ensuring that the styles set on `:host` are passed down to the container.
|
25
62
|
*/
|
26
63
|
export class DaffManageContainerLayoutDirective {
|
27
64
|
constructor() {
|
28
65
|
this.class = true;
|
29
66
|
}
|
30
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
31
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
67
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffManageContainerLayoutDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
68
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffManageContainerLayoutDirective, isStandalone: true, selector: "[daffManageContainerLayout]", host: { properties: { "class.daff-manage-container-layout": "this.class" } }, ngImport: i0 }); }
|
32
69
|
}
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffManageContainerLayoutDirective, decorators: [{
|
34
71
|
type: Directive,
|
35
72
|
args: [{
|
36
73
|
selector: '[daffManageContainerLayout]',
|
@@ -40,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
40
77
|
type: HostBinding,
|
41
78
|
args: ['class.daff-manage-container-layout']
|
42
79
|
}] } });
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQvbWFuYWdlLWNvbnRhaW5lci1sYXlvdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyREc7QUFNSCxNQUFNLE9BQU8sa0NBQWtDO0lBSi9DO1FBS3FELFVBQUssR0FBRyxJQUFJLENBQUM7S0FDakU7aUlBRlksa0NBQWtDO3FIQUFsQyxrQ0FBa0M7OzJGQUFsQyxrQ0FBa0M7a0JBSjlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDZCQUE2QjtvQkFDdkMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUVvRCxLQUFLO3NCQUF2RCxXQUFXO3VCQUFDLG9DQUFvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIGBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlYCBnaXZlcyBhIGNvbXBvbmVudCB0aGUgYWJpbGl0eSB0byBtYW5hZ2UgYSBgRGFmZkNvbnRhaW5lckNvbXBvbmVudGAncyBsYXlvdXQuXG4gKiBCeSBpbmNsdWRpbmcgdGhpcyBkaXJlY3RpdmUsIHByZWRldGVybWluZWQgbGF5b3V0IHN0eWxlcyBhcmUgcGFzc2VkIGRvd24gdG8gdGhlIGNvbnRhaW5lci5cbiAqXG4gKiBUbyB1bmRlcnN0YW5kIHRoZSBtb3RpdmF0aW9uIGZvciB0aGlzIGRpcmVjdGl2ZSwgY29uc2lkZXI6XG4gKlxuICogYGBgaHRtbFxuICogPGRhZmYtY29udGFpbmVyPlxuICogIDxkYWZmLWhlcm8+PC9kYWZmLWhlcm8+XG4gKiA8L2RhZmYtY29udGFpbmVyPlxuICogYGBgXG4gKiB2cy5cbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGFmZi1oZXJvPlxuICogICA8ZGFmZi1jb250YWluZXI+PC9kYWZmLWNvbnRhaW5lcj5cbiAqIDwvZGFmZi1oZXJvPlxuICogYGBgXG4gKlxuICogVGhlIGZvcm1lciBtYXkgaW5hcHByb3ByaWF0ZWx5IGNvbnN0cmFpbiB0aGUgd2lkdGggb2YgaXRzIGNoaWxkIGVsZW1lbnRzLFxuICogd2hpbGUgdGhlIGxhdHRlciAod2l0aG91dCBgRGFmZk1hbmFnZUNvbnRhaW5lckxheW91dERpcmVjdGl2ZWApIG1heSB1bmV4cGVjdGVkbHlcbiAqIGludGVyZmVyZSBpbiB0aGUgbGF5b3V0IGZlYXR1cmVzIG9mIGl0cyBwYXJlbnQgZWxlbWVudCAoaS5lLiBkaXNwbGF5OiBncmlkLCBkaXNwbGF5OiBmbGV4KS5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxteS1jdXN0b20tY29tcG9uZW50IGRhZmZNYW5hZ2VDb250YWluZXJMYXlvdXQ+XG4gKiAgPGRhZmYtY29udGFpbmVyIHNpemU9XCJsZ1wiPjwvZGFmZi1jb250YWluZXI+XG4gKiA8L215LWN1c3RvbS1jb21wb25lbnQ+XG4gKiBgYGBcbiAqXG4gKiBgYGBzY3NzXG4gKiA6aG9zdCB7XG4gKiAgZGlzcGxheTogZ3JpZDtcbiAqICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIEFuZ3VsYXIgaG9zdCBkaXJlY3RpdmVcbiAqXG4gKiBgYGB0c1xuICogQENvbXBvbmVudCh7XG4gKiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICBzZWxlY3RvcjogJ215LWN1c3RvbS1jb21wb25lbnQnLFxuICogIHRlbXBsYXRlOiAnbXktY3VzdG9tLWNvbXBvbmVudC5odG1sJyxcbiAqICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIH1dLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBNeUN1c3RvbUNvbXBvbmVudCB7IH1cbiAqXG4gKiBgYGBzY3NzXG4gKiA6aG9zdCB7XG4gKiAgZGlzcGxheTogZ3JpZDtcbiAqICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmciAxZnI7XG4gKiB9XG4gKiBgYGBcbiAqXG4gKiBUaGlzIGRpcmVjdGl2ZSB3aWxsIGFwcGx5IHRoZSBgZGFmZi1tYW5hZ2UtY29udGFpbmVyLWxheW91dGAgY2xhc3MgdG8geW91ciBjb21wb25lbnQsIGVuc3VyaW5nIHRoYXQgdGhlIHN0eWxlcyBzZXQgb24gYDpob3N0YCBhcmUgcGFzc2VkIGRvd24gdG8gdGhlIGNvbnRhaW5lci5cbiAqL1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZk1hbmFnZUNvbnRhaW5lckxheW91dF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTWFuYWdlQ29udGFpbmVyTGF5b3V0RGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW1hbmFnZS1jb250YWluZXItbGF5b3V0JykgY2xhc3MgPSB0cnVlO1xufVxuIl19
|
@@ -3,13 +3,13 @@ import { DaffPrefixDirective } from './prefix.directive';
|
|
3
3
|
import { DaffSuffixDirective } from './suffix.directive';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
export class DaffPrefixSuffixModule {
|
6
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
7
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule, declarations: [DaffPrefixDirective,
|
8
8
|
DaffSuffixDirective], exports: [DaffPrefixDirective,
|
9
9
|
DaffSuffixDirective] }); }
|
10
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
10
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule }); }
|
11
11
|
}
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixSuffixModule, decorators: [{
|
13
13
|
type: NgModule,
|
14
14
|
args: [{
|
15
15
|
imports: [],
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
23
23
|
],
|
24
24
|
}]
|
25
25
|
}] });
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LXN1ZmZpeC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9wcmVmaXgtc3VmZml4L3ByZWZpeC1zdWZmaXgubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBYXpELE1BQU0sT0FBTyxzQkFBc0I7aUlBQXRCLHNCQUFzQjtrSUFBdEIsc0JBQXNCLGlCQUovQixtQkFBbUI7WUFDbkIsbUJBQW1CLGFBTG5CLG1CQUFtQjtZQUNuQixtQkFBbUI7a0lBT1Ysc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQVhsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRTt3QkFDUCxtQkFBbUI7d0JBQ25CLG1CQUFtQjtxQkFDcEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsbUJBQW1CO3FCQUNwQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhEaXJlY3RpdmUgfSBmcm9tICcuL3ByZWZpeC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZlN1ZmZpeERpcmVjdGl2ZSB9IGZyb20gJy4vc3VmZml4LmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZlByZWZpeERpcmVjdGl2ZSxcbiAgICBEYWZmU3VmZml4RGlyZWN0aXZlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmUHJlZml4RGlyZWN0aXZlLFxuICAgIERhZmZTdWZmaXhEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUge31cbiJdfQ==
|
@@ -9,10 +9,10 @@ export class DaffPrefixDirective {
|
|
9
9
|
constructor() {
|
10
10
|
this.class = true;
|
11
11
|
}
|
12
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
13
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
13
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffPrefixDirective, selector: "[daffPrefix]", host: { properties: { "class.daff-prefix": "this.class" } }, ngImport: i0 }); }
|
14
14
|
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffPrefixDirective, decorators: [{
|
16
16
|
type: Directive,
|
17
17
|
args: [{
|
18
18
|
selector: '[daffPrefix]',
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
21
21
|
type: HostBinding,
|
22
22
|
args: ['class.daff-prefix']
|
23
23
|
}] } });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvcHJlZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFNb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRDtpSUFIWSxtQkFBbUI7cUhBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7OEJBSW1DLEtBQUs7c0JBQXRDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICpcbiAqIFByZWZpeCBjYW4gYmUgdXNlZCB0byBwbGFjZSBjb250ZW50IGJlZm9yZSBhbm90aGVyIHBpZWNlIG9mIGNvbnRlbnQgaW4gY29tcG9uZW50cyBsaWtlXG4gKiBgZGFmZi1mb3JtLWZpZWxkYCwgYGRhZmYtc29sby1maWVsZGAsIGFuZCBgZGFmZi1saXN0YC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZQcmVmaXhdJyxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmUHJlZml4RGlyZWN0aXZlIHtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtcHJlZml4JykgY2xhc3MgPSB0cnVlO1xufVxuIl19
|
@@ -9,10 +9,10 @@ export function daffPrefixableMixin(Base) {
|
|
9
9
|
constructor(...args) {
|
10
10
|
super(...args);
|
11
11
|
}
|
12
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
13
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: PrefixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
13
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: PrefixableDirective, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
|
14
14
|
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: PrefixableDirective, decorators: [{
|
16
16
|
type: Directive
|
17
17
|
}], ctorParameters: () => [{ type: undefined }], propDecorators: { _prefix: [{
|
18
18
|
type: ContentChild,
|
@@ -20,4 +20,4 @@ export function daffPrefixableMixin(Base) {
|
|
20
20
|
}] } });
|
21
21
|
return PrefixableDirective;
|
22
22
|
}
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZml4YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvcHJlZml4YWJsZS9wcmVmaXhhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUUxRDs7R0FFRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0IsSUFBTztJQUNoRSxNQUNNLG1CQUFvQixTQUFRLElBQUk7UUFJcEMsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztxSUFORyxtQkFBbUI7eUhBQW5CLG1CQUFtQiwrREFFVCxtQkFBbUI7OytGQUY3QixtQkFBbUI7c0JBRHhCLFNBQVM7K0VBRzZDLE9BQU87MEJBQTNELFlBQVk7MkJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQU9yRCxPQUFPLG1CQUFtQixDQUFDO0NBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmUHJlZml4RGlyZWN0aXZlIH0gZnJvbSAnLi4vcHJlZml4LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIHBsYWNlIGNvbnRlbnQgYmVmb3JlIGFub3RoZXIgcGllY2Ugb2YgY29udGVudC5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIGRhZmZQcmVmaXhhYmxlTWl4aW48VCBleHRlbmRzIENvbnN0cnVjdG9yPihCYXNlOiBUKSB7XG4gIEBEaXJlY3RpdmUoKVxuICBjbGFzcyBQcmVmaXhhYmxlRGlyZWN0aXZlIGV4dGVuZHMgQmFzZSB7XG5cbiAgICBAQ29udGVudENoaWxkKERhZmZQcmVmaXhEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIF9wcmVmaXg6IERhZmZQcmVmaXhEaXJlY3RpdmU7XG5cbiAgICBjb25zdHJ1Y3RvciguLi5hcmdzOiBhbnlbXSkge1xuICAgICAgc3VwZXIoLi4uYXJncyk7XG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIFByZWZpeGFibGVEaXJlY3RpdmU7XG59XG4iXX0=
|
@@ -9,10 +9,10 @@ export class DaffSuffixDirective {
|
|
9
9
|
constructor() {
|
10
10
|
this.class = true;
|
11
11
|
}
|
12
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
13
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSuffixDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
13
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffSuffixDirective, selector: "[daffSuffix]", host: { properties: { "class.daff-suffix": "this.class" } }, ngImport: i0 }); }
|
14
14
|
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSuffixDirective, decorators: [{
|
16
16
|
type: Directive,
|
17
17
|
args: [{
|
18
18
|
selector: '[daffSuffix]',
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
21
21
|
type: HostBinding,
|
22
22
|
args: ['class.daff-suffix']
|
23
23
|
}] } });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvc3VmZml4LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFNb0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNoRDtpSUFIWSxtQkFBbUI7cUhBQW5CLG1CQUFtQjs7MkZBQW5CLG1CQUFtQjtrQkFKL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7OEJBSW1DLEtBQUs7c0JBQXRDLFdBQVc7dUJBQUMsbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICpcbiAqIFByZWZpeCBjYW4gYmUgdXNlZCB0byBwbGFjZSBjb250ZW50IGFmdGVyIGFub3RoZXIgcGllY2Ugb2YgY29udGVudCBpbiBjb21wb25lbnRzIGxpa2VcbiAqIGBkYWZmLWZvcm0tZmllbGRgLCBgZGFmZi1zb2xvLWZpZWxkYCwgYW5kIGBkYWZmLWxpc3RgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlN1ZmZpeF0nLFxufSlcblxuZXhwb3J0IGNsYXNzIERhZmZTdWZmaXhEaXJlY3RpdmUge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1zdWZmaXgnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=
|
@@ -9,10 +9,10 @@ export function daffSuffixableMixin(Base) {
|
|
9
9
|
constructor(...args) {
|
10
10
|
super(...args);
|
11
11
|
}
|
12
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
13
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
12
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SuffixableDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
13
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: SuffixableDirective, queries: [{ propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true, static: true }], usesInheritance: true, ngImport: i0 }); }
|
14
14
|
}
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: SuffixableDirective, decorators: [{
|
16
16
|
type: Directive
|
17
17
|
}], ctorParameters: () => [{ type: undefined }], propDecorators: { _suffix: [{
|
18
18
|
type: ContentChild,
|
@@ -20,4 +20,4 @@ export function daffSuffixableMixin(Base) {
|
|
20
20
|
}] } });
|
21
21
|
return SuffixableDirective;
|
22
22
|
}
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VmZml4YWJsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3ByZWZpeC1zdWZmaXgvc3VmZml4YWJsZS9zdWZmaXhhYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxZQUFZLEVBQ1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUUxRDs7R0FFRztBQUNILE1BQU0sVUFBVSxtQkFBbUIsQ0FBd0IsSUFBTztJQUNoRSxNQUNNLG1CQUFvQixTQUFRLElBQUk7UUFJcEMsWUFBWSxHQUFHLElBQVc7WUFDeEIsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7UUFDakIsQ0FBQztxSUFORyxtQkFBbUI7eUhBQW5CLG1CQUFtQiwrREFFVCxtQkFBbUI7OytGQUY3QixtQkFBbUI7c0JBRHhCLFNBQVM7K0VBRzZDLE9BQU87MEJBQTNELFlBQVk7MkJBQUMsbUJBQW1CLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFOztJQU9yRCxPQUFPLG1CQUFtQixDQUFDO0NBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb25zdHJ1Y3RvciB9IGZyb20gJy4uLy4uLy4uL2NvcmUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmU3VmZml4RGlyZWN0aXZlIH0gZnJvbSAnLi4vc3VmZml4LmRpcmVjdGl2ZSc7XG5cbi8qKlxuICogQSBtaXhpbiBmb3IgZ2l2aW5nIGEgY29tcG9uZW50IHRoZSBhYmlsaXR5IHRvIHBsYWNlIGNvbnRlbnQgYWZ0ZXIgYW5vdGhlciBwaWVjZSBvZiBjb250ZW50LlxuICovXG5leHBvcnQgZnVuY3Rpb24gZGFmZlN1ZmZpeGFibGVNaXhpbjxUIGV4dGVuZHMgQ29uc3RydWN0b3I+KEJhc2U6IFQpIHtcbiAgQERpcmVjdGl2ZSgpXG4gIGNsYXNzIFN1ZmZpeGFibGVEaXJlY3RpdmUgZXh0ZW5kcyBCYXNlIHtcblxuICAgIEBDb250ZW50Q2hpbGQoRGFmZlN1ZmZpeERpcmVjdGl2ZSwgeyBzdGF0aWM6IHRydWUgfSkgX3N1ZmZpeDogRGFmZlN1ZmZpeERpcmVjdGl2ZTtcblxuICAgIGNvbnN0cnVjdG9yKC4uLmFyZ3M6IGFueVtdKSB7XG4gICAgICBzdXBlciguLi5hcmdzKTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gU3VmZml4YWJsZURpcmVjdGl2ZTtcbn1cbiJdfQ==
|
@@ -2,14 +2,57 @@ import { Directive, HostBinding, Input, } from '@angular/core';
|
|
2
2
|
import { DaffSizableEnum, } from './sizable';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
/**
|
5
|
-
*
|
5
|
+
* `DaffSizableDirective` allows for dynamic sizing of a component by setting
|
6
6
|
* CSS classes based on the specified size.
|
7
7
|
*
|
8
|
-
* ##
|
8
|
+
* ## Usage
|
9
|
+
*
|
10
|
+
* ### Implementing it as an attribute directive
|
9
11
|
*
|
10
12
|
* ```html
|
11
|
-
* <div daffSizable [size]="
|
13
|
+
* <div daffSizable [size]="small">Sized content</div>
|
14
|
+
* ```
|
15
|
+
* In this example, the `daff-small` class is applied to the `div` element, allowing you to
|
16
|
+
* use the class to style the `div`.
|
17
|
+
*
|
18
|
+
* ### Implementing it as an Angular host directive
|
19
|
+
*
|
20
|
+
* ```ts
|
21
|
+
* @Component({
|
22
|
+
* standalone: true,
|
23
|
+
* selector: 'custom-component',
|
24
|
+
* template: 'custom-component.html',
|
25
|
+
* hostDirectives: [
|
26
|
+
* {
|
27
|
+
* directive: DaffSizableDirective,
|
28
|
+
* inputs: ['size'],
|
29
|
+
* },
|
30
|
+
* ],
|
31
|
+
* })
|
32
|
+
* export class CustomComponent { }
|
33
|
+
* ```
|
34
|
+
*
|
35
|
+
* ```scss
|
36
|
+
* .custom-component {
|
37
|
+
* &.daff-sm {
|
38
|
+
* width: 24px;
|
39
|
+
* }
|
40
|
+
*
|
41
|
+
* &.daff-md {
|
42
|
+
* width: 32px;
|
43
|
+
* }
|
44
|
+
* }
|
12
45
|
* ```
|
46
|
+
*
|
47
|
+
* ## Styles
|
48
|
+
*
|
49
|
+
* The directive applies the following CSS classes based on the size:
|
50
|
+
*
|
51
|
+
* - `daff-xs`: Applied when the size is `xs`.
|
52
|
+
* - `daff-sm`: Applied when the size is `sm`.
|
53
|
+
* - `daff-md`: Applied when the size is `md`.
|
54
|
+
* - `daff-lg`: Applied when the size is `lg`.
|
55
|
+
* - `daff-xl`: Applied when the size is `xl`.
|
13
56
|
*/
|
14
57
|
export class DaffSizableDirective {
|
15
58
|
/**
|
@@ -35,10 +78,10 @@ export class DaffSizableDirective {
|
|
35
78
|
this.size = this.defaultSize;
|
36
79
|
}
|
37
80
|
}
|
38
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
39
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
81
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
82
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffSizableDirective, isStandalone: true, selector: "[daffSizable]", inputs: { size: "size" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
|
40
83
|
}
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSizableDirective, decorators: [{
|
42
85
|
type: Directive,
|
43
86
|
args: [{
|
44
87
|
selector: '[daffSizable]',
|
@@ -50,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
50
93
|
}], size: [{
|
51
94
|
type: Input
|
52
95
|
}] } });
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6YWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zaXphYmxlL3NpemFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsZUFBZSxHQUVoQixNQUFNLFdBQVcsQ0FBQzs7QUFFbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvREc7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBRS9COzs7T0FHRztJQUNILElBQTBCLEtBQUs7UUFDN0IsT0FBTztZQUNMLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxNQUFNO1lBQy9DLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQzlDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxNQUFNO1lBQy9DLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxLQUFLO1lBQzlDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxLQUFLLGVBQWUsQ0FBQyxNQUFNO1NBQ2hELENBQUM7SUFDSixDQUFDO0lBWUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUMvQixDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ2QsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO2lJQXBDVSxvQkFBb0I7cUhBQXBCLG9CQUFvQjs7MkZBQXBCLG9CQUFvQjtrQkFKaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQU8yQixLQUFLO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBYVgsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25Jbml0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgRGFmZlNpemFibGUsXG4gIERhZmZTaXphYmxlRW51bSxcbiAgRGFmZlNpemVBbGxUeXBlLFxufSBmcm9tICcuL3NpemFibGUnO1xuXG4vKipcbiAqIGBEYWZmU2l6YWJsZURpcmVjdGl2ZWAgYWxsb3dzIGZvciBkeW5hbWljIHNpemluZyBvZiBhIGNvbXBvbmVudCBieSBzZXR0aW5nXG4gKiBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIGF0dHJpYnV0ZSBkaXJlY3RpdmVcbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGl2IGRhZmZTaXphYmxlIFtzaXplXT1cInNtYWxsXCI+U2l6ZWQgY29udGVudDwvZGl2PlxuICogYGBgXG4gKiBJbiB0aGlzIGV4YW1wbGUsIHRoZSBgZGFmZi1zbWFsbGAgY2xhc3MgaXMgYXBwbGllZCB0byB0aGUgYGRpdmAgZWxlbWVudCwgYWxsb3dpbmcgeW91IHRvXG4gKiB1c2UgdGhlIGNsYXNzIHRvIHN0eWxlIHRoZSBgZGl2YC5cbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIEFuZ3VsYXIgaG9zdCBkaXJlY3RpdmVcbiAqXG4gKiBgYGB0c1xuICogQENvbXBvbmVudCh7XG4gKiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICBzZWxlY3RvcjogJ2N1c3RvbS1jb21wb25lbnQnLFxuICogIHRlbXBsYXRlOiAnY3VzdG9tLWNvbXBvbmVudC5odG1sJyxcbiAqICBob3N0RGlyZWN0aXZlczogW1xuICogICAge1xuICogICAgICBkaXJlY3RpdmU6IERhZmZTaXphYmxlRGlyZWN0aXZlLFxuICogICAgICBpbnB1dHM6IFsnc2l6ZSddLFxuICogICAgfSxcbiAqICBdLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBDdXN0b21Db21wb25lbnQgeyB9XG4gKiBgYGBcbiAqXG4gKiBgYGBzY3NzXG4gKiAuY3VzdG9tLWNvbXBvbmVudCB7XG4gKiAgJi5kYWZmLXNtIHtcbiAqICAgIHdpZHRoOiAyNHB4O1xuICogIH1cbiAqXG4gKiAgJi5kYWZmLW1kIHtcbiAqICAgIHdpZHRoOiAzMnB4O1xuICogIH1cbiAqIH1cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBkaXJlY3RpdmUgYXBwbGllcyB0aGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzaXplOlxuICpcbiAqIC0gYGRhZmYteHNgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYHhzYC5cbiAqIC0gYGRhZmYtc21gOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYHNtYC5cbiAqIC0gYGRhZmYtbWRgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYG1kYC5cbiAqIC0gYGRhZmYtbGdgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYGxnYC5cbiAqIC0gYGRhZmYteGxgOiBBcHBsaWVkIHdoZW4gdGhlIHNpemUgaXMgYHhsYC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTaXphYmxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZTaXphYmxlRGlyZWN0aXZlPFQgZXh0ZW5kcyBEYWZmU2l6ZUFsbFR5cGU+IGltcGxlbWVudHMgRGFmZlNpemFibGU8VD4sIE9uQ2hhbmdlcywgT25Jbml0IHtcblxuICAvKipcbiAgICogRHluYW1pY2FsbHkgc2V0cyB0aGUgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHNpemUuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLXhzJzogdGhpcy5zaXplID09PSBEYWZmU2l6YWJsZUVudW0uWFNtYWxsLFxuICAgICAgJ2RhZmYtc20nOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5TbWFsbCxcbiAgICAgICdkYWZmLW1kJzogdGhpcy5zaXplID09PSBEYWZmU2l6YWJsZUVudW0uTWVkaXVtLFxuICAgICAgJ2RhZmYtbGcnOiB0aGlzLnNpemUgPT09IERhZmZTaXphYmxlRW51bS5MYXJnZSxcbiAgICAgICdkYWZmLXhsJzogdGhpcy5zaXplID09PSBEYWZmU2l6YWJsZUVudW0uWExhcmdlLFxuICAgIH07XG4gIH1cblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgYSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoKSBzaXplOiBUO1xuXG4gIC8qKlxuICAgKiBTZXRzIGEgZGVmYXVsdCBzaXplIHdoZW4gbm8gc2l6ZSBpcyBwcm92aWRlZC5cbiAgICovXG4gIHB1YmxpYyBkZWZhdWx0U2l6ZTogVDtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYoIWNoYW5nZXMuc2l6ZT8uY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLnNpemUgPSB0aGlzLmRlZmF1bHRTaXplO1xuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIGlmKCF0aGlzLnNpemUpIHtcbiAgICAgIHRoaXMuc2l6ZSA9IHRoaXMuZGVmYXVsdFNpemU7XG4gICAgfVxuICB9XG59XG5cbiJdfQ==
|
@@ -1,24 +1,57 @@
|
|
1
1
|
import { Directive, HostBinding, Input, } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
/**
|
4
|
-
*
|
4
|
+
* `DaffSkeletonableDirective` allows a component to display a skeleton loading
|
5
5
|
* state by conditionally applying a CSS class. This is useful for indicating to
|
6
6
|
* users that content is loading or being processed. This directive can be used to
|
7
7
|
* apply a skeleton loading state to any component by toggling the `skeleton`
|
8
8
|
* input property. When `skeleton` is `true`, the `daff-skeleton` CSS class
|
9
9
|
* is applied, which should style the component to look like a loading placeholder.
|
10
10
|
*
|
11
|
-
*
|
12
|
-
*
|
11
|
+
* ## Usage
|
12
|
+
*
|
13
|
+
* ### Implementing it as an attribute directive
|
14
|
+
*
|
15
|
+
* ```html
|
16
|
+
* <div daffSkeletonable [skeleton]="isLoading">Content</div>
|
17
|
+
* ```
|
18
|
+
*
|
19
|
+
* ### Implementing it as an Angular host directive
|
20
|
+
*
|
21
|
+
* ```ts
|
22
|
+
* @Component({
|
23
|
+
* standalone: true,
|
24
|
+
* selector: 'custom-component',
|
25
|
+
* template: 'custom-component.html',
|
26
|
+
* hostDirectives: [
|
27
|
+
* {
|
28
|
+
* directive: DaffSkeletonableDirective,
|
29
|
+
* inputs: ['skeleton'],
|
30
|
+
* },
|
31
|
+
* ],
|
32
|
+
* })
|
33
|
+
* export class CustomComponent { }
|
34
|
+
* ```
|
35
|
+
*
|
36
|
+
* ```scss
|
37
|
+
* .daff-skeleton {
|
38
|
+
* @include state.skeleton-screen(48px, 24px);
|
39
|
+
* }
|
40
|
+
* ```
|
41
|
+
*
|
42
|
+
* ## Styles
|
43
|
+
*
|
44
|
+
* The `daff-skeleton` class should be defined in your styles to display the loading
|
45
|
+
* state as desired. It can be used in conjuction with the `skeleton-screen` mixin, which provides predefined loading styles.
|
13
46
|
*/
|
14
47
|
export class DaffSkeletonableDirective {
|
15
48
|
constructor() {
|
16
49
|
this.skeleton = false;
|
17
50
|
}
|
18
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
19
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
51
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSkeletonableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
52
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffSkeletonableDirective, isStandalone: true, selector: "[daffSkeletonable]", inputs: { skeleton: "skeleton" }, host: { properties: { "class.daff-skeleton": "this.skeleton" } }, ngImport: i0 }); }
|
20
53
|
}
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffSkeletonableDirective, decorators: [{
|
22
55
|
type: Directive,
|
23
56
|
args: [{
|
24
57
|
selector: '[daffSkeletonable]',
|
@@ -30,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
30
63
|
type: HostBinding,
|
31
64
|
args: ['class.daff-skeleton']
|
32
65
|
}] } });
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b25hYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL3NrZWxldG9uYWJsZS9za2VsZXRvbmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQ0c7QUFLSCxNQUFNLE9BQU8seUJBQXlCO0lBSnRDO1FBSytDLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FDL0Q7aUlBRlkseUJBQXlCO3FIQUF6Qix5QkFBeUI7OzJGQUF6Qix5QkFBeUI7a0JBSnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUU4QyxRQUFRO3NCQUFwRCxLQUFLOztzQkFBSSxXQUFXO3VCQUFDLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGRpc3BsYXkgYSBza2VsZXRvbiBsb2FkaW5nXG4gKiBzdGF0ZSBieSBjb25kaXRpb25hbGx5IGFwcGx5aW5nIGEgQ1NTIGNsYXNzLiBUaGlzIGlzIHVzZWZ1bCBmb3IgaW5kaWNhdGluZyB0b1xuICogdXNlcnMgdGhhdCBjb250ZW50IGlzIGxvYWRpbmcgb3IgYmVpbmcgcHJvY2Vzc2VkLiBUaGlzIGRpcmVjdGl2ZSBjYW4gYmUgdXNlZCB0b1xuICogYXBwbHkgYSBza2VsZXRvbiBsb2FkaW5nIHN0YXRlIHRvIGFueSBjb21wb25lbnQgYnkgdG9nZ2xpbmcgdGhlIGBza2VsZXRvbmBcbiAqIGlucHV0IHByb3BlcnR5LiBXaGVuIGBza2VsZXRvbmAgaXMgYHRydWVgLCB0aGUgYGRhZmYtc2tlbGV0b25gIENTUyBjbGFzc1xuICogaXMgYXBwbGllZCwgd2hpY2ggc2hvdWxkIHN0eWxlIHRoZSBjb21wb25lbnQgdG8gbG9vayBsaWtlIGEgbG9hZGluZyBwbGFjZWhvbGRlci5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlNrZWxldG9uYWJsZSBbc2tlbGV0b25dPVwiaXNMb2FkaW5nXCI+Q29udGVudDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBBbmd1bGFyIGhvc3QgZGlyZWN0aXZlXG4gKlxuICogYGBgdHNcbiAqIEBDb21wb25lbnQoe1xuICogIHN0YW5kYWxvbmU6IHRydWUsXG4gKiAgc2VsZWN0b3I6ICdjdXN0b20tY29tcG9uZW50JyxcbiAqICB0ZW1wbGF0ZTogJ2N1c3RvbS1jb21wb25lbnQuaHRtbCcsXG4gKiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAqICAgIHtcbiAqICAgICAgZGlyZWN0aXZlOiBEYWZmU2tlbGV0b25hYmxlRGlyZWN0aXZlLFxuICogICAgICBpbnB1dHM6IFsnc2tlbGV0b24nXSxcbiAqICAgIH0sXG4gKiAgXSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQ3VzdG9tQ29tcG9uZW50IHsgfVxuICogYGBgXG4gKlxuICogYGBgc2Nzc1xuICogLmRhZmYtc2tlbGV0b24ge1xuICogIEBpbmNsdWRlIHN0YXRlLnNrZWxldG9uLXNjcmVlbig0OHB4LCAyNHB4KTtcbiAqIH1cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBgZGFmZi1za2VsZXRvbmAgY2xhc3Mgc2hvdWxkIGJlIGRlZmluZWQgaW4geW91ciBzdHlsZXMgdG8gZGlzcGxheSB0aGUgbG9hZGluZ1xuICogc3RhdGUgYXMgZGVzaXJlZC4gSXQgY2FuIGJlIHVzZWQgaW4gY29uanVjdGlvbiB3aXRoIHRoZSBgc2tlbGV0b24tc2NyZWVuYCBtaXhpbiwgd2hpY2ggcHJvdmlkZXMgcHJlZGVmaW5lZCBsb2FkaW5nIHN0eWxlcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZTa2VsZXRvbmFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1za2VsZXRvbicpIHNrZWxldG9uID0gZmFsc2U7XG59XG4iXX0=
|
@@ -2,23 +2,50 @@ import { Directive, HostBinding, Input, } from '@angular/core';
|
|
2
2
|
import { DaffStatusEnum, } from './statusable';
|
3
3
|
import * as i0 from "@angular/core";
|
4
4
|
/**
|
5
|
-
*
|
5
|
+
* `DaffStatusableDirective` allows a component to conditionally apply status-specific
|
6
6
|
* styles by setting CSS classes based on the specified status. This directive is useful
|
7
|
-
* for indicating different statuses such as
|
7
|
+
* for indicating different statuses such as warning, danger, or success states.
|
8
8
|
*
|
9
|
-
* ##
|
9
|
+
* ## Usage
|
10
|
+
*
|
11
|
+
* ### Implementing it as an attribute directive
|
10
12
|
*
|
11
13
|
* ```html
|
12
14
|
* <div daffStatusable [status]="componentStatus">Status content</div>
|
13
15
|
* ```
|
14
16
|
*
|
17
|
+
* ### Implementing it as an Angular host directive
|
18
|
+
*
|
19
|
+
* ```ts
|
20
|
+
* @Component({
|
21
|
+
* standalone: true,
|
22
|
+
* selector: 'custom-component',
|
23
|
+
* template: 'custom-component.html',
|
24
|
+
* hostDirectives: [
|
25
|
+
* {
|
26
|
+
* directive: DaffStatusableDirective,
|
27
|
+
* inputs: ['status'],
|
28
|
+
* },
|
29
|
+
* ],
|
30
|
+
* })
|
31
|
+
* export class CustomComponent { }
|
32
|
+
*
|
33
|
+
* ```scss
|
34
|
+
* .custom-component {
|
35
|
+
*
|
36
|
+
* &.daff-danger {
|
37
|
+
* background: daff-color($red, 10);
|
38
|
+
* color: daff-color($red, 90);
|
39
|
+
* }
|
40
|
+
* }
|
41
|
+
* ```
|
15
42
|
* ## Styles
|
16
43
|
*
|
17
44
|
* The directive applies the following CSS classes based on the status:
|
18
45
|
*
|
19
|
-
* - `daff-warn`: Applied when the status is `
|
20
|
-
* - `daff-danger`: Applied when the status is `
|
21
|
-
* - `daff-success`: Applied when the status is `
|
46
|
+
* - `daff-warn`: Applied when the status is `warn`.
|
47
|
+
* - `daff-danger`: Applied when the status is `danger`.
|
48
|
+
* - `daff-success`: Applied when the status is `success`.
|
22
49
|
*/
|
23
50
|
export class DaffStatusableDirective {
|
24
51
|
/**
|
@@ -32,10 +59,10 @@ export class DaffStatusableDirective {
|
|
32
59
|
'daff-success': this.status === DaffStatusEnum.Success,
|
33
60
|
};
|
34
61
|
}
|
35
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
36
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
62
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffStatusableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
63
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffStatusableDirective, isStandalone: true, selector: "[daffStatusable]", inputs: { status: "status" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
|
37
64
|
}
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffStatusableDirective, decorators: [{
|
39
66
|
type: Directive,
|
40
67
|
args: [{
|
41
68
|
selector: '[daffStatusable]',
|
@@ -47,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
47
74
|
}], status: [{
|
48
75
|
type: Input
|
49
76
|
}] } });
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzYWJsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvY29yZS9zdGF0dXNhYmxlL3N0YXR1c2FibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBRUwsY0FBYyxHQUVmLE1BQU0sY0FBYyxDQUFDOztBQUV0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNHO0FBS0gsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQzs7O09BR0c7SUFDSCxJQUEwQixLQUFLO1FBQzdCLE9BQU87WUFDTCxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsSUFBSTtZQUNoRCxhQUFhLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsTUFBTTtZQUNwRCxjQUFjLEVBQUUsSUFBSSxDQUFDLE1BQU0sS0FBSyxjQUFjLENBQUMsT0FBTztTQUN2RCxDQUFDO0lBQ0osQ0FBQztpSUFaVSx1QkFBdUI7cUhBQXZCLHVCQUF1Qjs7MkZBQXZCLHVCQUF1QjtrQkFKbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFXWCxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIERhZmZTdGF0dXMsXG4gIERhZmZTdGF0dXNFbnVtLFxuICBEYWZmU3RhdHVzYWJsZSxcbn0gZnJvbSAnLi9zdGF0dXNhYmxlJztcblxuLyoqXG4gKiBgRGFmZlN0YXR1c2FibGVEaXJlY3RpdmVgIGFsbG93cyBhIGNvbXBvbmVudCB0byBjb25kaXRpb25hbGx5IGFwcGx5IHN0YXR1cy1zcGVjaWZpY1xuICogc3R5bGVzIGJ5IHNldHRpbmcgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHNwZWNpZmllZCBzdGF0dXMuIFRoaXMgZGlyZWN0aXZlIGlzIHVzZWZ1bFxuICogZm9yIGluZGljYXRpbmcgZGlmZmVyZW50IHN0YXR1c2VzIHN1Y2ggYXMgd2FybmluZywgZGFuZ2VyLCBvciBzdWNjZXNzIHN0YXRlcy5cbiAqXG4gKiAjIyBVc2FnZVxuICpcbiAqICMjIyBJbXBsZW1lbnRpbmcgaXQgYXMgYW4gYXR0cmlidXRlIGRpcmVjdGl2ZVxuICpcbiAqIGBgYGh0bWxcbiAqIDxkaXYgZGFmZlN0YXR1c2FibGUgW3N0YXR1c109XCJjb21wb25lbnRTdGF0dXNcIj5TdGF0dXMgY29udGVudDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBBbmd1bGFyIGhvc3QgZGlyZWN0aXZlXG4gKlxuICogYGBgdHNcbiAqIEBDb21wb25lbnQoe1xuICogIHN0YW5kYWxvbmU6IHRydWUsXG4gKiAgc2VsZWN0b3I6ICdjdXN0b20tY29tcG9uZW50JyxcbiAqICB0ZW1wbGF0ZTogJ2N1c3RvbS1jb21wb25lbnQuaHRtbCcsXG4gKiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAqICAgIHtcbiAqICAgICAgZGlyZWN0aXZlOiBEYWZmU3RhdHVzYWJsZURpcmVjdGl2ZSxcbiAqICAgICAgaW5wdXRzOiBbJ3N0YXR1cyddLFxuICogICAgfSxcbiAqICBdLFxuICogfSlcbiAqIGV4cG9ydCBjbGFzcyBDdXN0b21Db21wb25lbnQgeyB9XG4gKlxuICogYGBgc2Nzc1xuICogLmN1c3RvbS1jb21wb25lbnQge1xuICpcbiAqICAmLmRhZmYtZGFuZ2VyIHtcbiAqICAgIGJhY2tncm91bmQ6IGRhZmYtY29sb3IoJHJlZCwgMTApO1xuICogICAgY29sb3I6IGRhZmYtY29sb3IoJHJlZCwgOTApO1xuICogIH1cbiAqIH1cbiAqIGBgYFxuICogIyMgU3R5bGVzXG4gKlxuICogVGhlIGRpcmVjdGl2ZSBhcHBsaWVzIHRoZSBmb2xsb3dpbmcgQ1NTIGNsYXNzZXMgYmFzZWQgb24gdGhlIHN0YXR1czpcbiAqXG4gKiAtIGBkYWZmLXdhcm5gOiBBcHBsaWVkIHdoZW4gdGhlIHN0YXR1cyBpcyBgd2FybmAuXG4gKiAtIGBkYWZmLWRhbmdlcmA6IEFwcGxpZWQgd2hlbiB0aGUgc3RhdHVzIGlzIGBkYW5nZXJgLlxuICogLSBgZGFmZi1zdWNjZXNzYDogQXBwbGllZCB3aGVuIHRoZSBzdGF0dXMgaXMgYHN1Y2Nlc3NgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZlN0YXR1c2FibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlN0YXR1c2FibGVEaXJlY3RpdmUgaW1wbGVtZW50cyBEYWZmU3RhdHVzYWJsZSB7XG5cbiAgLyoqXG4gICAqIER5bmFtaWNhbGx5IHNldHMgdGhlIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzdGF0dXMuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLXdhcm4nOiB0aGlzLnN0YXR1cyA9PT0gRGFmZlN0YXR1c0VudW0uV2FybixcbiAgICAgICdkYWZmLWRhbmdlcic6IHRoaXMuc3RhdHVzID09PSBEYWZmU3RhdHVzRW51bS5EYW5nZXIsXG4gICAgICAnZGFmZi1zdWNjZXNzJzogdGhpcy5zdGF0dXMgPT09IERhZmZTdGF0dXNFbnVtLlN1Y2Nlc3MsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBzdGF0dXMgb24gYSBjb21wb25lbnQuXG4gICAqL1xuICBASW5wdXQoKSBzdGF0dXM6IERhZmZTdGF0dXM7XG59XG5cbiJdfQ==
|