@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
@@ -21,10 +21,10 @@ export class RaisedCardComponent {
|
|
21
21
|
{ value: 'white', label: 'White' },
|
22
22
|
];
|
23
23
|
}
|
24
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
25
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
24
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: RaisedCardComponent, isStandalone: true, selector: "raised-card", ngImport: i0, template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"], dependencies: [{ kind: "ngmodule", type: DaffCardModule }, { kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "ngmodule", type: DaffImageModule }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
26
26
|
}
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: RaisedCardComponent, decorators: [{
|
28
28
|
type: Component,
|
29
29
|
args: [{ selector: 'raised-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
30
30
|
DaffCardModule,
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
33
33
|
NgFor,
|
34
34
|
], template: "<daff-raised-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-raised-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: ["daff-raised-card{max-width:480px}\n"] }]
|
35
35
|
}] });
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFpc2VkLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvcmFpc2VkLWNhcmQvcmFpc2VkLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsbUJBQW1CLEdBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7Ozs7QUFnQnpELE1BQU0sT0FBTyxtQkFBbUI7SUFkaEM7UUFlRSxpQkFBWSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBRTlELFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO1lBQzFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTtZQUNwRCxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtTQUNuQyxDQUFDO0tBQ0g7aUlBYlksbUJBQW1CO3FIQUFuQixtQkFBbUIsdUVDM0JoQywrNUJBZ0JTLDRGREtMLGNBQWMsc2pCQUNkLGVBQWUsd0tBQ2YsbUJBQW1CLHF0QkFDbkIsS0FBSzs7MkZBR0ksbUJBQW1CO2tCQWQvQixTQUFTOytCQUVFLGFBQWEsbUJBR04sdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDYXJkTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9jYXJkJztcbmltcG9ydCB7IERhZmZJbWFnZU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vaW1hZ2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdyYWlzZWQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWlzZWQtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhaXNlZC1jYXJkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkNhcmRNb2R1bGUsXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTmdGb3IsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhaXNlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUnLCBsYWJlbDogJ1RoZW1lJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZS1jb250cmFzdCcsIGxhYmVsOiAnVGhlbWUgQ29udHJhc3QnIH0sXG4gICAgeyB2YWx1ZTogJ2JsYWNrJywgbGFiZWw6ICdCbGFjaycgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICBdO1xufVxuIiwiPGRhZmYtcmFpc2VkLWNhcmQgW2NvbG9yXT1cImNvbG9yQ29udHJvbC52YWx1ZVwiPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmQ2FyZEltYWdlXG5cdFx0c3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1OTM1MTk3NDkzNDctODBmMTAxZTkzMTEzP2l4aWQ9TW53eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIeDgmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzc0JnE9ODBcIlxuXHRcdGFsdD1cIkJvdHRvbSB1cCB2aWV3IG9mIEJhc2VsIGV4aGliaXRpb24gY2VudHJlXCJcblx0XHR3aWR0aD1cIjEyNjFcIlxuXHRcdGhlaWdodD1cIjk0NlwiPlxuXHQ8L2RhZmYtaW1hZ2U+XG5cdDxkaXYgZGFmZkNhcmRUYWdsaW5lPkJhc2VsLCBTd2l0emVybGFuZDwvZGl2PlxuXHQ8aDQgZGFmZkNhcmRUaXRsZT5CYXNlbCBFeGhpYml0aW9uIENlbnRyZTwvaDQ+XG5cdDxkaXYgZGFmZkNhcmRDb250ZW50PlxuXHRcdDxwPlRoaXMgY292ZXJlZCwgcHVibGljIHNwYWNlIG5vdCBvbmx5IG1hcmtzIHRoZSBlbnRyYW5jZSB0byB0aGUgZXhoaWJpdGlvbnMsIGJ1dCBhbHNvIGZ1bmN0aW9ucyBhcyBhIG1lZXRpbmcgcGxhY2UgZm9yIGxvY2FscyBhbmQgdmlzaXRvcnMuIFRoZSBhcmNoaXRlY3RzIGNhbGxlZCB0aGUgcHJvbWluZW50IGhvbGUgaW4gdGhlIG1pZGRsZSB0aGUgXCJGZW5zdGVyIHp1bSBIaW1tZWxcIiAoXCJ3aW5kb3cgdG8gaGVhdmVuXCIpLjwvcD5cblx0PC9kaXY+XG48L2RhZmYtcmFpc2VkLWNhcmQ+XG5cbjxzZWxlY3QgW2Zvcm1Db250cm9sXT1cImNvbG9yQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==
|
@@ -21,10 +21,10 @@ export class StrokedCardComponent {
|
|
21
21
|
{ value: 'white', label: 'White' },
|
22
22
|
];
|
23
23
|
}
|
24
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
25
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
24
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
25
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: StrokedCardComponent, isStandalone: true, selector: "stroked-card", ngImport: i0, template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"], dependencies: [{ kind: "ngmodule", type: DaffCardModule }, { kind: "component", type: i1.DaffCardComponent, selector: "daff-card,daff-raised-card,daff-stroked-card,a[daff-card],a[daff-raised-card],a[daff-stroked-card]", inputs: ["orientation"] }, { kind: "directive", type: i1.DaffCardImageDirective, selector: "[daffCardImage]" }, { kind: "directive", type: i1.DaffCardTaglineDirective, selector: "[daffCardTagline]" }, { kind: "directive", type: i1.DaffCardTitleDirective, selector: "[daffCardTitle]" }, { kind: "directive", type: i1.DaffCardContentDirective, selector: "[daffCardContent]" }, { kind: "ngmodule", type: DaffImageModule }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
26
26
|
}
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: StrokedCardComponent, decorators: [{
|
28
28
|
type: Component,
|
29
29
|
args: [{ selector: 'stroked-card', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
30
30
|
DaffCardModule,
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
33
33
|
NgFor,
|
34
34
|
], template: "<daff-stroked-card [color]=\"colorControl.value\">\n\t<daff-image daffCardImage\n\t\tsrc=\"https://images.unsplash.com/photo-1593519749347-80f101e93113?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3774&q=80\"\n\t\talt=\"Bottom up view of Basel exhibition centre\"\n\t\twidth=\"1261\"\n\t\theight=\"946\">\n\t</daff-image>\n\t<div daffCardTagline>Basel, Switzerland</div>\n\t<h4 daffCardTitle>Basel Exhibition Centre</h4>\n\t<div daffCardContent>\n\t\t<p>This covered, public space not only marks the entrance to the exhibitions, but also functions as a meeting place for locals and visitors. The architects called the prominent hole in the middle the \"Fenster zum Himmel\" (\"window to heaven\").</p>\n\t</div>\n</daff-stroked-card>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", styles: [":host{display:block;max-width:340px}\n"] }]
|
35
35
|
}] });
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Ryb2tlZC1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NhcmQvZXhhbXBsZXMvc3JjL3N0cm9rZWQtY2FyZC9zdHJva2VkLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2FyZC9leGFtcGxlcy9zcmMvc3Ryb2tlZC1jYXJkL3N0cm9rZWQtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGtCQUFrQixFQUNsQixtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7OztBQWdCekQsTUFBTSxPQUFPLG9CQUFvQjtJQWRqQztRQWVFLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFOUQsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7S0FDSDtpSUFiWSxvQkFBb0I7cUhBQXBCLG9CQUFvQix3RUMzQmpDLGk2QkFnQlMsK0ZES0wsY0FBYyxzakJBQ2QsZUFBZSx3S0FDZixtQkFBbUIscXRCQUNuQixLQUFLOzsyRkFHSSxvQkFBb0I7a0JBZGhDLFNBQVM7K0JBRUUsY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixLQUFLO3FCQUNOIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgRGFmZkNhcmRNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NhcmQnO1xuaW1wb3J0IHsgRGFmZkltYWdlTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9pbWFnZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3N0cm9rZWQtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHJva2VkLWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmQ2FyZE1vZHVsZSxcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ0ZvcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3Ryb2tlZENhcmRDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJycpO1xuXG4gIG9wdGlvbnMgPSBbXG4gICAgeyB2YWx1ZTogJycsIGxhYmVsOiAnRGVmYXVsdCcgfSxcbiAgICB7IHZhbHVlOiAncHJpbWFyeScsIGxhYmVsOiAnUHJpbWFyeScgfSxcbiAgICB7IHZhbHVlOiAnc2Vjb25kYXJ5JywgbGFiZWw6ICdTZWNvbmRhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RlcnRpYXJ5JywgbGFiZWw6ICdUZXJ0aWFyeScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUnLCBsYWJlbDogJ1RoZW1lJyB9LFxuICAgIHsgdmFsdWU6ICd0aGVtZS1jb250cmFzdCcsIGxhYmVsOiAnVGhlbWUgQ29udHJhc3QnIH0sXG4gICAgeyB2YWx1ZTogJ2JsYWNrJywgbGFiZWw6ICdCbGFjaycgfSxcbiAgICB7IHZhbHVlOiAnd2hpdGUnLCBsYWJlbDogJ1doaXRlJyB9LFxuICBdO1xufVxuIiwiPGRhZmYtc3Ryb2tlZC1jYXJkIFtjb2xvcl09XCJjb2xvckNvbnRyb2wudmFsdWVcIj5cblx0PGRhZmYtaW1hZ2UgZGFmZkNhcmRJbWFnZVxuXHRcdHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTkzNTE5NzQ5MzQ3LTgwZjEwMWU5MzExMz9peGlkPU1ud3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHg4Jml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc3NCZxPTgwXCJcblx0XHRhbHQ9XCJCb3R0b20gdXAgdmlldyBvZiBCYXNlbCBleGhpYml0aW9uIGNlbnRyZVwiXG5cdFx0d2lkdGg9XCIxMjYxXCJcblx0XHRoZWlnaHQ9XCI5NDZcIj5cblx0PC9kYWZmLWltYWdlPlxuXHQ8ZGl2IGRhZmZDYXJkVGFnbGluZT5CYXNlbCwgU3dpdHplcmxhbmQ8L2Rpdj5cblx0PGg0IGRhZmZDYXJkVGl0bGU+QmFzZWwgRXhoaWJpdGlvbiBDZW50cmU8L2g0PlxuXHQ8ZGl2IGRhZmZDYXJkQ29udGVudD5cblx0XHQ8cD5UaGlzIGNvdmVyZWQsIHB1YmxpYyBzcGFjZSBub3Qgb25seSBtYXJrcyB0aGUgZW50cmFuY2UgdG8gdGhlIGV4aGliaXRpb25zLCBidXQgYWxzbyBmdW5jdGlvbnMgYXMgYSBtZWV0aW5nIHBsYWNlIGZvciBsb2NhbHMgYW5kIHZpc2l0b3JzLiBUaGUgYXJjaGl0ZWN0cyBjYWxsZWQgdGhlIHByb21pbmVudCBob2xlIGluIHRoZSBtaWRkbGUgdGhlIFwiRmVuc3RlciB6dW0gSGltbWVsXCIgKFwid2luZG93IHRvIGhlYXZlblwiKS48L3A+XG5cdDwvZGl2PlxuPC9kYWZmLXN0cm9rZWQtY2FyZD5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+Il19
|
@@ -19,10 +19,10 @@ export class BasicCheckboxComponent {
|
|
19
19
|
setTrue() {
|
20
20
|
this.checkboxExample.setValue(true);
|
21
21
|
}
|
22
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
23
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
22
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
23
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicCheckboxComponent, isStandalone: true, selector: "basic-checkbox", ngImport: i0, template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>", dependencies: [{ kind: "ngmodule", type: DaffCheckboxModule }, { kind: "component", type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { kind: "directive", type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
24
24
|
}
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicCheckboxComponent, decorators: [{
|
26
26
|
type: Component,
|
27
27
|
args: [{ selector: 'basic-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
28
28
|
DaffCheckboxModule,
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
30
30
|
DaffButtonModule,
|
31
31
|
], template: "<daff-checkbox [formControl]=\"checkboxExample\" value=\"checkboxExample\">Checkbox</daff-checkbox>\n<div>\n {{checkboxExample.value}}\n</div>\n<button daff-button color=\"primary\" (click)=\"setFalse()\">Set to false</button>\n<button daff-button (click)=\"setTrue()\">Set to true</button>" }]
|
32
32
|
}] });
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vY2hlY2tib3gvZXhhbXBsZXMvc3JjL2Jhc2ljLWNoZWNrYm94L2Jhc2ljLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9iYXNpYy1jaGVja2JveC9iYXNpYy1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLG1CQUFtQixHQUNwQixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWMzRCxNQUFNLE9BQU8sc0JBQXNCO0lBWm5DO1FBYUUsb0JBQWUsR0FBRyxJQUFJLGtCQUFrQixFQUFFLENBQUM7S0FXNUM7SUFUQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBQ0QsT0FBTztRQUNMLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7aUlBWFUsc0JBQXNCO3FIQUF0QixzQkFBc0IsMEVDekJuQyxxU0FLNEQsMkNEZXhELGtCQUFrQixrYkFDbEIsbUJBQW1CLHlUQUNuQixnQkFBZ0I7OzJGQUdQLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFFRSxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1Asa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLGdCQUFnQjtxQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDaGVja2JveE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vYnV0dG9uJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDaGVja2JveE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjaGVja2JveEV4YW1wbGUgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jaGVja2JveEV4YW1wbGUuc2V0VmFsdWUodHJ1ZSk7XG4gIH1cbiAgc2V0RmFsc2UoKSB7XG4gICAgdGhpcy5jaGVja2JveEV4YW1wbGUuc2V0VmFsdWUoZmFsc2UpO1xuICB9XG4gIHNldFRydWUoKSB7XG4gICAgdGhpcy5jaGVja2JveEV4YW1wbGUuc2V0VmFsdWUodHJ1ZSk7XG4gIH1cbn1cbiIsIjxkYWZmLWNoZWNrYm94IFtmb3JtQ29udHJvbF09XCJjaGVja2JveEV4YW1wbGVcIiB2YWx1ZT1cImNoZWNrYm94RXhhbXBsZVwiPkNoZWNrYm94PC9kYWZmLWNoZWNrYm94PlxuPGRpdj5cbiAge3tjaGVja2JveEV4YW1wbGUudmFsdWV9fVxuPC9kaXY+XG48YnV0dG9uIGRhZmYtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIChjbGljayk9XCJzZXRGYWxzZSgpXCI+U2V0IHRvIGZhbHNlPC9idXR0b24+XG48YnV0dG9uIGRhZmYtYnV0dG9uIChjbGljayk9XCJzZXRUcnVlKClcIj5TZXQgdG8gdHJ1ZTwvYnV0dG9uPiJdfQ==
|
@@ -17,10 +17,10 @@ export class CheckboxSetComponent {
|
|
17
17
|
displayList() {
|
18
18
|
this.selectedValues = this.checkboxSet.getValues();
|
19
19
|
}
|
20
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
21
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
20
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CheckboxSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
21
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: CheckboxSetComponent, isStandalone: true, selector: "checkbox-set", viewQueries: [{ propertyName: "checkboxSet", first: true, predicate: DaffCheckboxSetComponent, descendants: true }], ngImport: i0, template: "<daff-checkbox-set [formArray]=\"checkboxArray\">\n <daff-checkbox [formControl]=\"checkboxArray.at(0)\" value=\"option1\">Option 1 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(1)\" value=\"option2\">Option 2 </daff-checkbox>\n <daff-checkbox [formControl]=\"checkboxArray.at(2)\" value=\"option3\">Option 3 </daff-checkbox>\n</daff-checkbox-set>\n\n<div>\n {{checkboxArray.value}}\n</div>\n<button daff-button color=\"secondary\" (click)=\"displayList()\">Get List of Values</button>\n<div>\n List of selected values: {{selectedValues}}\n</div>", dependencies: [{ kind: "ngmodule", type: DaffCheckboxModule }, { kind: "component", type: i1.DaffCheckboxComponent, selector: "daff-checkbox", inputs: ["name", "value", "checked", "id", "aria-label", "aria-labelledby"], outputs: ["becameChecked", "becameUnchecked"] }, { kind: "component", type: i1.DaffCheckboxSetComponent, selector: "daff-checkbox-set", inputs: ["formArray", "name"], outputs: ["valueList"] }, { kind: "directive", type: i1.DaffCheckboxControlValueAccessorDirective, selector: "daff-checkbox[ngModel], daff-checkbox[formControl], daff-checkbox[formControlName]", inputs: ["value", "name"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DaffButtonModule }, { kind: "component", type: i3.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
22
22
|
}
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: CheckboxSetComponent, decorators: [{
|
24
24
|
type: Component,
|
25
25
|
args: [{ selector: 'checkbox-set', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
26
26
|
DaffCheckboxModule,
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
31
31
|
type: ViewChild,
|
32
32
|
args: [DaffCheckboxSetComponent]
|
33
33
|
}] } });
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NoZWNrYm94L2V4YW1wbGVzL3NyYy9jaGVja2JveC1zZXQvY2hlY2tib3gtc2V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsZ0JBQWdCLEVBQ2hCLGtCQUFrQixFQUNsQixtQkFBbUIsR0FDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLGtCQUFrQixHQUNuQixNQUFNLGtCQUFrQixDQUFDO0FBQzFCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7OztBQWMzRCxNQUFNLE9BQU8sb0JBQW9CO0lBWmpDO1FBZ0JFLGtCQUFhLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxDQUFDLElBQUksa0JBQWtCLEVBQUUsRUFBRSxJQUFJLGtCQUFrQixFQUFFLEVBQUUsSUFBSSxrQkFBa0IsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNySCxtQkFBYyxHQUFHLEVBQUUsQ0FBQztLQVFyQjtJQU5DLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBQ0QsV0FBVztRQUNULElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNyRCxDQUFDO2lJQVpVLG9CQUFvQjtxSEFBcEIsb0JBQW9CLHFIQUVwQix3QkFBd0IsZ0RDaENyQyw4akJBWU0sMkNEYUYsa0JBQWtCLGtrQkFDbEIsbUJBQW1CLHlUQUNuQixnQkFBZ0I7OzJGQUdQLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFFRSxjQUFjLG1CQUVQLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixnQkFBZ0I7cUJBQ2pCOzhCQUtPLFdBQVc7c0JBRGxCLFNBQVM7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1BcnJheSxcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZDaGVja2JveFNldENvbXBvbmVudCxcbiAgRGFmZkNoZWNrYm94TW9kdWxlLFxufSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcbmltcG9ydCB7IERhZmZCdXR0b25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NoZWNrYm94LXNldCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC1zZXQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDaGVja2JveE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIERhZmZCdXR0b25Nb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94U2V0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBAVmlld0NoaWxkKERhZmZDaGVja2JveFNldENvbXBvbmVudClcbiAgcHJpdmF0ZSBjaGVja2JveFNldDogRGFmZkNoZWNrYm94U2V0Q29tcG9uZW50O1xuICBjaGVja2JveEFycmF5ID0gbmV3IFVudHlwZWRGb3JtQXJyYXkoW25ldyBVbnR5cGVkRm9ybUNvbnRyb2woKSwgbmV3IFVudHlwZWRGb3JtQ29udHJvbCgpLCBuZXcgVW50eXBlZEZvcm1Db250cm9sKCldKTtcbiAgc2VsZWN0ZWRWYWx1ZXMgPSBbXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNoZWNrYm94QXJyYXkuc2V0VmFsdWUoW2ZhbHNlLCBmYWxzZSwgZmFsc2VdKTtcbiAgfVxuICBkaXNwbGF5TGlzdCgpIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWVzID0gdGhpcy5jaGVja2JveFNldC5nZXRWYWx1ZXMoKTtcbiAgfVxufVxuIiwiPGRhZmYtY2hlY2tib3gtc2V0IFtmb3JtQXJyYXldPVwiY2hlY2tib3hBcnJheVwiPlxuICA8ZGFmZi1jaGVja2JveCBbZm9ybUNvbnRyb2xdPVwiY2hlY2tib3hBcnJheS5hdCgwKVwiIHZhbHVlPVwib3B0aW9uMVwiPk9wdGlvbiAxIDwvZGFmZi1jaGVja2JveD5cbiAgPGRhZmYtY2hlY2tib3ggW2Zvcm1Db250cm9sXT1cImNoZWNrYm94QXJyYXkuYXQoMSlcIiB2YWx1ZT1cIm9wdGlvbjJcIj5PcHRpb24gMiA8L2RhZmYtY2hlY2tib3g+XG4gIDxkYWZmLWNoZWNrYm94IFtmb3JtQ29udHJvbF09XCJjaGVja2JveEFycmF5LmF0KDIpXCIgdmFsdWU9XCJvcHRpb24zXCI+T3B0aW9uIDMgPC9kYWZmLWNoZWNrYm94PlxuPC9kYWZmLWNoZWNrYm94LXNldD5cblxuPGRpdj5cbiAge3tjaGVja2JveEFycmF5LnZhbHVlfX1cbjwvZGl2PlxuPGJ1dHRvbiBkYWZmLWJ1dHRvbiBjb2xvcj1cInNlY29uZGFyeVwiIChjbGljayk9XCJkaXNwbGF5TGlzdCgpXCI+R2V0IExpc3Qgb2YgVmFsdWVzPC9idXR0b24+XG48ZGl2PlxuICBMaXN0IG9mIHNlbGVjdGVkIHZhbHVlczoge3tzZWxlY3RlZFZhbHVlc319XG48L2Rpdj4iXX0=
|
@@ -12,10 +12,10 @@ export class DaffContainerComponent {
|
|
12
12
|
*/
|
13
13
|
this.class = true;
|
14
14
|
}
|
15
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
16
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
15
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
16
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffContainerComponent, selector: "daff-container", host: { properties: { "class.daff-container": "this.class" } }, hostDirectives: [{ directive: i1.DaffSizableDirective, inputs: ["size", "size"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host-context(.daff-manage-container-layout){display:inherit;flex:inherit;flex-direction:inherit;flex-flow:inherit;flex-wrap:inherit;justify-content:inherit;justify-items:inherit;align-items:inherit;align-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;grid-template-areas:inherit;grid-template:inherit;grid-auto-columns:inherit;grid-auto-rows:inherit;grid-auto-flow:inherit;grid:inherit;column-gap:inherit;row-gap:inherit;grid-gap:inherit;grid-column-gap:inherit;grid-row-gap:inherit;place-items:inherit;place-content:inherit}:host{display:block;margin:0 auto;padding:0;width:100%}:host.daff-xs{max-width:640px}:host.daff-sm{max-width:800px}:host.daff-md{max-width:1040px}:host.daff-lg{max-width:1340px}:host.daff-xl{max-width:1920px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
17
17
|
}
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerComponent, decorators: [{
|
19
19
|
type: Component,
|
20
20
|
args: [{ selector: 'daff-container', template: '<ng-content></ng-content>', hostDirectives: [
|
21
21
|
{
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
27
27
|
type: HostBinding,
|
28
28
|
args: ['class.daff-container']
|
29
29
|
}] } });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9zcmMvY29udGFpbmVyL2NvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFFeEQ7O0dBRUc7QUFhSCxNQUFNLE9BQU8sc0JBQXNCO0lBWm5DO1FBYUU7O1dBRUc7UUFDa0MsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNuRDtpSUFMWSxzQkFBc0I7cUhBQXRCLHNCQUFzQiwwTUFUdkIsMkJBQTJCOzsyRkFTMUIsc0JBQXNCO2tCQVpsQyxTQUFTOytCQUNFLGdCQUFnQixZQUVoQiwyQkFBMkIsa0JBQ3JCO3dCQUNkOzRCQUNFLFNBQVMsRUFBRSxvQkFBb0I7NEJBQy9CLE1BQU0sRUFBRSxDQUFDLE1BQU0sQ0FBQzt5QkFDakI7cUJBQ0YsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBTVYsS0FBSztzQkFBekMsV0FBVzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZTaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQGluaGVyaXRkb2NcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1jb250YWluZXInLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7XG4gICAgICBkaXJlY3RpdmU6IERhZmZTaXphYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ3NpemUnXSxcbiAgICB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNvbnRhaW5lckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtY29udGFpbmVyJykgY2xhc3MgPSB0cnVlO1xufVxuIl19
|
@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
|
|
3
3
|
import { DaffContainerComponent } from './container/container.component';
|
4
4
|
import * as i0 from "@angular/core";
|
5
5
|
export class DaffContainerModule {
|
6
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
7
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
8
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
6
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerModule, declarations: [DaffContainerComponent], imports: [CommonModule], exports: [DaffContainerComponent] }); }
|
8
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerModule, imports: [CommonModule] }); }
|
9
9
|
}
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffContainerModule, decorators: [{
|
11
11
|
type: NgModule,
|
12
12
|
args: [{
|
13
13
|
imports: [
|
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
21
21
|
],
|
22
22
|
}]
|
23
23
|
}] });
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9zcmMvY29udGFpbmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFhekUsTUFBTSxPQUFPLG1CQUFtQjtpSUFBbkIsbUJBQW1CO2tJQUFuQixtQkFBbUIsaUJBTjVCLHNCQUFzQixhQUh0QixZQUFZLGFBTVosc0JBQXNCO2tJQUdiLG1CQUFtQixZQVQ1QixZQUFZOzsyRkFTSCxtQkFBbUI7a0JBWC9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjtxQkFDdkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkNvbnRhaW5lckNvbXBvbmVudCB9IGZyb20gJy4vY29udGFpbmVyL2NvbnRhaW5lci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmQ29udGFpbmVyQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZkNvbnRhaW5lckNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkNvbnRhaW5lck1vZHVsZSB7IH1cbiJdfQ==
|
@@ -16,10 +16,10 @@ export class ContainerSizesComponent {
|
|
16
16
|
{ value: 'xl', label: 'Extra Large' },
|
17
17
|
];
|
18
18
|
}
|
19
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
20
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
19
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ContainerSizesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
20
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: ContainerSizesComponent, isStandalone: true, selector: "container-sizes", ngImport: i0, template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>", dependencies: [{ kind: "ngmodule", type: DaffContainerModule }, { kind: "component", type: i1.DaffContainerComponent, selector: "daff-container" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
21
21
|
}
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: ContainerSizesComponent, decorators: [{
|
23
23
|
type: Component,
|
24
24
|
args: [{ selector: 'container-sizes', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
25
25
|
DaffContainerModule,
|
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
27
27
|
NgFor,
|
28
28
|
], template: "<daff-container [size]=\"sizeControl.value\">\n\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in egestas ex, sed scelerisque neque. In ut vestibulum dui. Donec aliquet tortor pellentesque ex tincidunt faucibus. Vestibulum scelerisque dolor sit amet enim facilisis mattis. Pellentesque scelerisque vitae sapien sit amet dignissim. Aenean gravida facilisis ligula id vestibulum. Etiam viverra massa et nibh auctor molestie. Vestibulum rutrum pretium ex, vitae tempus mi. Nunc non arcu id ligula feugiat venenatis eu id urna. Vivamus fringilla, sapien ut molestie eleifend, ex arcu fringilla sapien, nec eleifend erat justo scelerisque metus. Integer eleifend, felis eget ultrices iaculis, sapien nibh pharetra enim, non malesuada mauris orci sed diam. Curabitur ultricies, enim in porta blandit, justo urna porta lacus, eu aliquet lectus est nec quam. Morbi condimentum auctor nisl, id convallis purus blandit laoreet. Nunc quis nulla mattis tellus feugiat laoreet. Curabitur in efficitur nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.\n</daff-container>\n\n<select [formControl]=\"sizeControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>" }]
|
29
29
|
}] });
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLXNpemVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2NvbnRhaW5lci9leGFtcGxlcy9zcmMvY29udGFpbmVyLXNpemVzL2NvbnRhaW5lci1zaXplcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9jb250YWluZXIvZXhhbXBsZXMvc3JjL2NvbnRhaW5lci1zaXplcy9jb250YWluZXItc2l6ZXMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsbUJBQW1CLEdBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFjakUsTUFBTSxPQUFPLHVCQUF1QjtJQVpwQztRQWFFLGdCQUFXLEdBQXVCLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFL0QsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUU7WUFDckMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUU7WUFDaEMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUU7U0FDdEMsQ0FBQztLQUNIO2lJQVZZLHVCQUF1QjtxSEFBdkIsdUJBQXVCLDJFQ3hCcEMseXZDQU1TLDJDRGFMLG1CQUFtQixrSEFDbkIsbUJBQW1CLHF0QkFDbkIsS0FBSzs7MkZBR0ksdUJBQXVCO2tCQVpuQyxTQUFTOytCQUVFLGlCQUFpQixtQkFFVix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsS0FBSztxQkFDTiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nRm9yIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgVW50eXBlZEZvcm1Db250cm9sLFxuICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZDb250YWluZXJNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2NvbnRhaW5lcic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2NvbnRhaW5lci1zaXplcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWluZXItc2l6ZXMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZDb250YWluZXJNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBOZ0ZvcixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFpbmVyU2l6ZXNDb21wb25lbnQge1xuICBzaXplQ29udHJvbDogVW50eXBlZEZvcm1Db250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgneHMnKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICd4cycsIGxhYmVsOiAnRXh0cmEgU21hbGwnIH0sXG4gICAgeyB2YWx1ZTogJ3NtJywgbGFiZWw6ICdTbWFsbCcgfSxcbiAgICB7IHZhbHVlOiAnbWQnLCBsYWJlbDogJ01lZGl1bScgfSxcbiAgICB7IHZhbHVlOiAnbGcnLCBsYWJlbDogJ0xhcmdlJyB9LFxuICAgIHsgdmFsdWU6ICd4bCcsIGxhYmVsOiAnRXh0cmEgTGFyZ2UnIH0sXG4gIF07XG59XG4iLCI8ZGFmZi1jb250YWluZXIgW3NpemVdPVwic2l6ZUNvbnRyb2wudmFsdWVcIj5cblx0TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gVmVzdGlidWx1bSBpbiBlZ2VzdGFzIGV4LCBzZWQgc2NlbGVyaXNxdWUgbmVxdWUuIEluIHV0IHZlc3RpYnVsdW0gZHVpLiBEb25lYyBhbGlxdWV0IHRvcnRvciBwZWxsZW50ZXNxdWUgZXggdGluY2lkdW50IGZhdWNpYnVzLiBWZXN0aWJ1bHVtIHNjZWxlcmlzcXVlIGRvbG9yIHNpdCBhbWV0IGVuaW0gZmFjaWxpc2lzIG1hdHRpcy4gUGVsbGVudGVzcXVlIHNjZWxlcmlzcXVlIHZpdGFlIHNhcGllbiBzaXQgYW1ldCBkaWduaXNzaW0uIEFlbmVhbiBncmF2aWRhIGZhY2lsaXNpcyBsaWd1bGEgaWQgdmVzdGlidWx1bS4gRXRpYW0gdml2ZXJyYSBtYXNzYSBldCBuaWJoIGF1Y3RvciBtb2xlc3RpZS4gVmVzdGlidWx1bSBydXRydW0gcHJldGl1bSBleCwgdml0YWUgdGVtcHVzIG1pLiBOdW5jIG5vbiBhcmN1IGlkIGxpZ3VsYSBmZXVnaWF0IHZlbmVuYXRpcyBldSBpZCB1cm5hLiBWaXZhbXVzIGZyaW5naWxsYSwgc2FwaWVuIHV0IG1vbGVzdGllIGVsZWlmZW5kLCBleCBhcmN1IGZyaW5naWxsYSBzYXBpZW4sIG5lYyBlbGVpZmVuZCBlcmF0IGp1c3RvIHNjZWxlcmlzcXVlIG1ldHVzLiBJbnRlZ2VyIGVsZWlmZW5kLCBmZWxpcyBlZ2V0IHVsdHJpY2VzIGlhY3VsaXMsIHNhcGllbiBuaWJoIHBoYXJldHJhIGVuaW0sIG5vbiBtYWxlc3VhZGEgbWF1cmlzIG9yY2kgc2VkIGRpYW0uIEN1cmFiaXR1ciB1bHRyaWNpZXMsIGVuaW0gaW4gcG9ydGEgYmxhbmRpdCwganVzdG8gdXJuYSBwb3J0YSBsYWN1cywgZXUgYWxpcXVldCBsZWN0dXMgZXN0IG5lYyBxdWFtLiBNb3JiaSBjb25kaW1lbnR1bSBhdWN0b3IgbmlzbCwgaWQgY29udmFsbGlzIHB1cnVzIGJsYW5kaXQgbGFvcmVldC4gTnVuYyBxdWlzIG51bGxhIG1hdHRpcyB0ZWxsdXMgZmV1Z2lhdCBsYW9yZWV0LiBDdXJhYml0dXIgaW4gZWZmaWNpdHVyIG5pc2wuIE9yY2kgdmFyaXVzIG5hdG9xdWUgcGVuYXRpYnVzIGV0IG1hZ25pcyBkaXMgcGFydHVyaWVudCBtb250ZXMsIG5hc2NldHVyIHJpZGljdWx1cyBtdXMuXG48L2RhZmYtY29udGFpbmVyPlxuXG48c2VsZWN0IFtmb3JtQ29udHJvbF09XCJzaXplQ29udHJvbFwiPlxuXHQ8b3B0aW9uICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiIFt2YWx1ZV09XCJvcHRpb24udmFsdWVcIj57eyBvcHRpb24ubGFiZWwgfX08L29wdGlvbj5cbjwvc2VsZWN0PiJdfQ==
|
@@ -1,26 +1,38 @@
|
|
1
1
|
import { Directive, HostBinding, } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
/**
|
4
|
-
*
|
5
|
-
*
|
4
|
+
* `DaffArticleEncapsulatedDirective` is used to encapsulate custom components within an article,
|
5
|
+
* preventing {@link DaffArticleComponent } styles from bleeding into the component.
|
6
6
|
*
|
7
|
-
* ##
|
7
|
+
* ## Usage
|
8
|
+
*
|
9
|
+
* ### Implementing it as an attribute directive
|
8
10
|
*
|
9
11
|
* ```html
|
10
12
|
* <my-custom-component daffArticleEncapsulated></my-custom-component>
|
11
13
|
* ```
|
12
14
|
*
|
13
|
-
*
|
14
|
-
*
|
15
|
+
* ### Implementing it as an Angular host directive
|
16
|
+
*
|
17
|
+
* ```ts
|
18
|
+
* @Component({
|
19
|
+
* standalone: true,
|
20
|
+
* selector: 'custom-component',
|
21
|
+
* template: 'custom-component.html',
|
22
|
+
* hostDirectives: [{ directive: DaffArticleEncapsulatedDirective }],
|
23
|
+
* })
|
24
|
+
* export class CustomComponent { }
|
25
|
+
*
|
26
|
+
* This directive will apply the `daff-ae` class to your component, ensuring that it is encapsulated from the article's styles.
|
15
27
|
*/
|
16
28
|
export class DaffArticleEncapsulatedDirective {
|
17
29
|
constructor() {
|
18
30
|
this.class = true;
|
19
31
|
}
|
20
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
21
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
32
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffArticleEncapsulatedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
33
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffArticleEncapsulatedDirective, isStandalone: true, selector: "[daffArticleEncapsulated]", host: { properties: { "class.daff-ae": "this.class" } }, ngImport: i0 }); }
|
22
34
|
}
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffArticleEncapsulatedDirective, decorators: [{
|
24
36
|
type: Directive,
|
25
37
|
args: [{
|
26
38
|
selector: '[daffArticleEncapsulated]',
|
@@ -30,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
30
42
|
type: HostBinding,
|
31
43
|
args: ['class.daff-ae']
|
32
44
|
}] } });
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJ0aWNsZS1lbmNhcHN1bGF0ZWQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvYXJ0aWNsZS1lbmNhcHN1bGF0ZWQvYXJ0aWNsZS1lbmNhcHN1bGF0ZWQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBd0JHO0FBS0gsTUFBTSxPQUFPLGdDQUFnQztJQUo3QztRQUtnQyxVQUFLLEdBQUcsSUFBSSxDQUFDO0tBQzVDO2lJQUZZLGdDQUFnQztxSEFBaEMsZ0NBQWdDOzsyRkFBaEMsZ0NBQWdDO2tCQUo1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFFK0IsS0FBSztzQkFBbEMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogYERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlYCBpcyB1c2VkIHRvIGVuY2Fwc3VsYXRlIGN1c3RvbSBjb21wb25lbnRzIHdpdGhpbiBhbiBhcnRpY2xlLFxuICogcHJldmVudGluZyB7QGxpbmsgRGFmZkFydGljbGVDb21wb25lbnQgfSBzdHlsZXMgZnJvbSBibGVlZGluZyBpbnRvIHRoZSBjb21wb25lbnQuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIGF0dHJpYnV0ZSBkaXJlY3RpdmVcbiAqXG4gKiBgYGBodG1sXG4gKiA8bXktY3VzdG9tLWNvbXBvbmVudCBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZD48L215LWN1c3RvbS1jb21wb25lbnQ+XG4gKiBgYGBcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIEFuZ3VsYXIgaG9zdCBkaXJlY3RpdmVcbiAqXG4gKiBgYGB0c1xuICogQENvbXBvbmVudCh7XG4gKiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICBzZWxlY3RvcjogJ2N1c3RvbS1jb21wb25lbnQnLFxuICogIHRlbXBsYXRlOiAnY3VzdG9tLWNvbXBvbmVudC5odG1sJyxcbiAqICBob3N0RGlyZWN0aXZlczogW3sgZGlyZWN0aXZlOiBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSB9XSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQ3VzdG9tQ29tcG9uZW50IHsgfVxuICpcbiAqIFRoaXMgZGlyZWN0aXZlIHdpbGwgYXBwbHkgdGhlIGBkYWZmLWFlYCBjbGFzcyB0byB5b3VyIGNvbXBvbmVudCwgZW5zdXJpbmcgdGhhdCBpdCBpcyBlbmNhcHN1bGF0ZWQgZnJvbSB0aGUgYXJ0aWNsZSdzIHN0eWxlcy5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZBcnRpY2xlRW5jYXBzdWxhdGVkXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZBcnRpY2xlRW5jYXBzdWxhdGVkRGlyZWN0aXZlIHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLWFlJykgY2xhc3MgPSB0cnVlO1xufVxuIl19
|
@@ -13,13 +13,13 @@ export class NoopBreakpointObserver {
|
|
13
13
|
observe(value) {
|
14
14
|
return of();
|
15
15
|
}
|
16
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
17
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
16
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: NoopBreakpointObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
17
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: NoopBreakpointObserver, providedIn: 'root' }); }
|
18
18
|
}
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: NoopBreakpointObserver, decorators: [{
|
20
20
|
type: Injectable,
|
21
21
|
args: [{
|
22
22
|
providedIn: 'root',
|
23
23
|
}]
|
24
24
|
}] });
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9vcC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvYnJlYWtwb2ludHMvbm9vcC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUVMLEVBQUUsR0FDSCxNQUFNLE1BQU0sQ0FBQzs7QUFFZDs7R0FFRztBQUlILE1BQU0sT0FBTyxzQkFBc0I7SUFDakMsOEdBQThHO0lBQzlHLFdBQVcsS0FBVSxDQUFDO0lBQ3RCLFNBQVMsQ0FBQyxLQUFpQztRQUN6QyxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFDRCxPQUFPLENBQUMsS0FBaUM7UUFDdkMsT0FBTyxFQUFFLEVBQUUsQ0FBQztJQUNkLENBQUM7aUlBUlUsc0JBQXNCO3FJQUF0QixzQkFBc0IsY0FGckIsTUFBTTs7MkZBRVAsc0JBQXNCO2tCQUhsQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEJyZWFrcG9pbnRPYnNlcnZlcixcbiAgQnJlYWtwb2ludFN0YXRlLFxufSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE9ic2VydmFibGUsXG4gIG9mLFxufSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBBIHN0dWJiZWQgb3V0IGJyZWFrcG9pbnQgb2JzZXJ2ZXIgc2VydmljZS5cbiAqL1xuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIE5vb3BCcmVha3BvaW50T2JzZXJ2ZXIgaW1wbGVtZW50cyBPbWl0PEJyZWFrcG9pbnRPYnNlcnZlciwgbmV2ZXI+IHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1lbXB0eS1saWZlY3ljbGUtbWV0aG9kLCBAYW5ndWxhci1lc2xpbnQvdXNlLWxpZmVjeWNsZS1pbnRlcmZhY2VcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7fVxuICBpc01hdGNoZWQodmFsdWU6IHN0cmluZyB8IHJlYWRvbmx5IHN0cmluZ1tdKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG4gIG9ic2VydmUodmFsdWU6IHN0cmluZyB8IHJlYWRvbmx5IHN0cmluZ1tdKTogT2JzZXJ2YWJsZTxCcmVha3BvaW50U3RhdGU+IHtcbiAgICByZXR1cm4gb2YoKTtcbiAgfVxuXG59XG4iXX0=
|
@@ -8,18 +8,45 @@ const validateColor = (color) => {
|
|
8
8
|
}
|
9
9
|
};
|
10
10
|
/**
|
11
|
-
*
|
11
|
+
* `DaffColorableDirective` allows a component to conditionally apply color-specific
|
12
12
|
* styles by setting CSS classes based on the specified color. This directive is useful
|
13
13
|
* for applying different color palettes to a component in an Angular application.
|
14
14
|
*
|
15
15
|
* ## Usage
|
16
16
|
*
|
17
|
-
*
|
17
|
+
* ### Implementing it as an attribute directive
|
18
18
|
*
|
19
19
|
* ```html
|
20
20
|
* <div daffColorable [color]="componentColor">Colored content</div>
|
21
21
|
* ```
|
22
22
|
*
|
23
|
+
* ### Implementing it as an Angular host directive
|
24
|
+
*
|
25
|
+
* ```ts
|
26
|
+
* @Component({
|
27
|
+
* standalone: true,
|
28
|
+
* selector: 'custom-component',
|
29
|
+
* template: 'custom-component.html',
|
30
|
+
* hostDirectives: [
|
31
|
+
* {
|
32
|
+
* directive: DaffColorableDirective,
|
33
|
+
* inputs: ['color'],
|
34
|
+
* },
|
35
|
+
* ],
|
36
|
+
* })
|
37
|
+
* export class CustomComponent { }
|
38
|
+
* ```
|
39
|
+
*
|
40
|
+
* ```scss
|
41
|
+
* .custom-component {
|
42
|
+
*
|
43
|
+
* &.daff-primary {
|
44
|
+
* background: daff-color($primary, 10);
|
45
|
+
* color: daff-color($primary, 90);
|
46
|
+
* }
|
47
|
+
* }
|
48
|
+
* ```
|
49
|
+
*
|
23
50
|
* ## Styles
|
24
51
|
*
|
25
52
|
* The directive applies the following CSS classes based on the color:
|
@@ -59,10 +86,10 @@ export class DaffColorableDirective {
|
|
59
86
|
this.color = this.defaultColor;
|
60
87
|
}
|
61
88
|
}
|
62
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
63
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
89
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffColorableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
90
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffColorableDirective, isStandalone: true, selector: "[daffColorable]", inputs: { color: "color" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i0 }); }
|
64
91
|
}
|
65
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffColorableDirective, decorators: [{
|
66
93
|
type: Directive,
|
67
94
|
args: [{
|
68
95
|
selector: '[daffColorable]',
|
@@ -74,4 +101,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
74
101
|
}], color: [{
|
75
102
|
type: Input
|
76
103
|
}] } });
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9jb3JlL2NvbG9yYWJsZS9jb2xvcmFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FJTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBR0wsZUFBZSxHQUNoQixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxjQUFjLEdBQUcsQ0FBQyxLQUFhLEVBQUUsRUFBRSxDQUFPLE1BQU8sQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBRWhHLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUU7SUFDdEMsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7UUFDbEQsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsc0NBQXNDLENBQUMsQ0FBQztJQUMvRCxDQUFDO0FBQ0gsQ0FBQyxDQUFDO0FBRUY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1ERztBQUtILE1BQU0sT0FBTyxzQkFBc0I7SUFFakM7OztPQUdHO0lBQ0gsSUFBMEIsS0FBSztRQUM3QixPQUFPO1lBQ0wsY0FBYyxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssZUFBZSxDQUFDLE9BQU87WUFDdEQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxlQUFlLENBQUMsU0FBUztZQUMxRCxlQUFlLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxlQUFlLENBQUMsUUFBUTtZQUN4RCxZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxlQUFlLENBQUMsS0FBSztZQUNsRCxZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxlQUFlLENBQUMsS0FBSztZQUNsRCxZQUFZLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxlQUFlLENBQUMsS0FBSztZQUNsRCxxQkFBcUIsRUFBRSxJQUFJLENBQUMsS0FBSyxLQUFLLGVBQWUsQ0FBQyxhQUFhO1NBQ3BFLENBQUM7SUFDSixDQUFDO0lBWUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ2hDLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQztRQUNqQyxDQUFDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDO2lJQXZDVSxzQkFBc0I7cUhBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBTzJCLEtBQUs7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFlWCxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkluaXQsXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmQ29sb3JhYmxlLFxuICBEYWZmUGFsZXR0ZSxcbiAgRGFmZlBhbGV0dGVFbnVtLFxufSBmcm9tICcuL2NvbG9yYWJsZSc7XG5cbmNvbnN0IGNvbG9ySW5QYWxldHRlID0gKGNvbG9yOiBzdHJpbmcpID0+ICg8YW55Pk9iamVjdCkudmFsdWVzKERhZmZQYWxldHRlRW51bSkuaW5jbHVkZXMoY29sb3IpO1xuXG5jb25zdCB2YWxpZGF0ZUNvbG9yID0gKGNvbG9yOiBzdHJpbmcpID0+IHtcbiAgaWYgKGNvbG9yICE9PSB1bmRlZmluZWQgJiYgIWNvbG9ySW5QYWxldHRlKGNvbG9yKSkge1xuICAgIGNvbnNvbGUud2Fybihjb2xvciArICcgaXMgbm90IGEgdmFsaWQgY29sb3IgaW4gRGFmZlBhbGV0dGUnKTtcbiAgfVxufTtcblxuLyoqXG4gKiBgRGFmZkNvbG9yYWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGNvbmRpdGlvbmFsbHkgYXBwbHkgY29sb3Itc3BlY2lmaWNcbiAqIHN0eWxlcyBieSBzZXR0aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBzcGVjaWZpZWQgY29sb3IuIFRoaXMgZGlyZWN0aXZlIGlzIHVzZWZ1bFxuICogZm9yIGFwcGx5aW5nIGRpZmZlcmVudCBjb2xvciBwYWxldHRlcyB0byBhIGNvbXBvbmVudCBpbiBhbiBBbmd1bGFyIGFwcGxpY2F0aW9uLlxuICpcbiAqICMjIFVzYWdlXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBhdHRyaWJ1dGUgZGlyZWN0aXZlXG4gKlxuICogYGBgaHRtbFxuICogPGRpdiBkYWZmQ29sb3JhYmxlIFtjb2xvcl09XCJjb21wb25lbnRDb2xvclwiPkNvbG9yZWQgY29udGVudDwvZGl2PlxuICogYGBgXG4gKlxuICogIyMjIEltcGxlbWVudGluZyBpdCBhcyBhbiBBbmd1bGFyIGhvc3QgZGlyZWN0aXZlXG4gKlxuICogYGBgdHNcbiAqIEBDb21wb25lbnQoe1xuICogIHN0YW5kYWxvbmU6IHRydWUsXG4gKiAgc2VsZWN0b3I6ICdjdXN0b20tY29tcG9uZW50JyxcbiAqICB0ZW1wbGF0ZTogJ2N1c3RvbS1jb21wb25lbnQuaHRtbCcsXG4gKiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAqICAgIHtcbiAqICAgICAgZGlyZWN0aXZlOiBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlLFxuICogICAgICBpbnB1dHM6IFsnY29sb3InXSxcbiAqICAgIH0sXG4gKiAgXSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQ3VzdG9tQ29tcG9uZW50IHsgfVxuICogYGBgXG4gKlxuICogYGBgc2Nzc1xuICogLmN1c3RvbS1jb21wb25lbnQge1xuICpcbiAqICAmLmRhZmYtcHJpbWFyeSB7XG4gKiAgICBiYWNrZ3JvdW5kOiBkYWZmLWNvbG9yKCRwcmltYXJ5LCAxMCk7XG4gKiAgICBjb2xvcjogZGFmZi1jb2xvcigkcHJpbWFyeSwgOTApO1xuICogIH1cbiAqIH1cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBkaXJlY3RpdmUgYXBwbGllcyB0aGUgZm9sbG93aW5nIENTUyBjbGFzc2VzIGJhc2VkIG9uIHRoZSBjb2xvcjpcbiAqXG4gKiAtIGBkYWZmLXByaW1hcnlgOiBBcHBsaWVkIHdoZW4gdGhlIGNvbG9yIGlzIGBwcmltYXJ5YC5cbiAqIC0gYGRhZmYtc2Vjb25kYXJ5YDogQXBwbGllZCB3aGVuIHRoZSBjb2xvciBpcyBgc2Vjb25kYXJ5YC5cbiAqIC0gYGRhZmYtdGVydGlhcnlgOiBBcHBsaWVkIHdoZW4gdGhlIGNvbG9yIGlzIGB0ZXJ0aWFyeWAuXG4gKiAtIGBkYWZmLWJsYWNrYDogQXBwbGllZCB3aGVuIHRoZSBjb2xvciBpcyBgYmxhY2tgLlxuICogLSBgZGFmZi13aGl0ZWA6IEFwcGxpZWQgd2hlbiB0aGUgY29sb3IgaXMgYHdoaXRlYC5cbiAqIC0gYGRhZmYtdGhlbWVgOiBBcHBsaWVkIHdoZW4gdGhlIGNvbG9yIGlzIGB0aGVtZWAuXG4gKiAtIGBkYWZmLXRoZW1lLWNvbnRyYXN0YDogQXBwbGllZCB3aGVuIHRoZSBjb2xvciBpcyBgdGhlbWUtY29udHJhc3RgLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZkNvbG9yYWJsZV0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSwgT25DaGFuZ2VzLCBPbkluaXQge1xuXG4gIC8qKlxuICAgKiBEeW5hbWljYWxseSBzZXRzIHRoZSBDU1MgY2xhc3NlcyBiYXNlZCBvbiB0aGUgY29sb3IuXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3MoKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgICdkYWZmLXByaW1hcnknOiB0aGlzLmNvbG9yID09PSBEYWZmUGFsZXR0ZUVudW0uUHJpbWFyeSxcbiAgICAgICdkYWZmLXNlY29uZGFyeSc6IHRoaXMuY29sb3IgPT09IERhZmZQYWxldHRlRW51bS5TZWNvbmRhcnksXG4gICAgICAnZGFmZi10ZXJ0aWFyeSc6IHRoaXMuY29sb3IgPT09IERhZmZQYWxldHRlRW51bS5UZXJ0aWFyeSxcbiAgICAgICdkYWZmLWJsYWNrJzogdGhpcy5jb2xvciA9PT0gRGFmZlBhbGV0dGVFbnVtLkJsYWNrLFxuICAgICAgJ2RhZmYtd2hpdGUnOiB0aGlzLmNvbG9yID09PSBEYWZmUGFsZXR0ZUVudW0uV2hpdGUsXG4gICAgICAnZGFmZi10aGVtZSc6IHRoaXMuY29sb3IgPT09IERhZmZQYWxldHRlRW51bS5UaGVtZSxcbiAgICAgICdkYWZmLXRoZW1lLWNvbnRyYXN0JzogdGhpcy5jb2xvciA9PT0gRGFmZlBhbGV0dGVFbnVtLlRoZW1lQ29udHJhc3QsXG4gICAgfTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBjb2xvciBvbiBhIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpIGNvbG9yOiBEYWZmUGFsZXR0ZTtcblxuICAvKipcbiAgICogU2V0cyBhIGRlZmF1bHQgY29sb3IuXG4gICAqL1xuICBkZWZhdWx0Q29sb3I6IERhZmZQYWxldHRlO1xuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoIWNoYW5nZXMuY29sb3IuY3VycmVudFZhbHVlKSB7XG4gICAgICB0aGlzLmNvbG9yID0gdGhpcy5kZWZhdWx0Q29sb3I7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdmFsaWRhdGVDb2xvcih0aGlzLmNvbG9yKTtcbiAgICBpZiAoIXRoaXMuY29sb3IpIHtcbiAgICAgIHRoaXMuY29sb3IgPSB0aGlzLmRlZmF1bHRDb2xvcjtcbiAgICB9XG4gIH1cbn1cblxuIl19
|
@@ -1,11 +1,13 @@
|
|
1
1
|
import { Directive, HostBinding, Input, } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
/**
|
4
|
-
*
|
4
|
+
* `DaffCompactableDirective` allows a component to conditionally apply a compact
|
5
5
|
* style by toggling a CSS class. This is useful for creating components that can
|
6
6
|
* switch between regular and compact styles based on the `compact` property.
|
7
7
|
*
|
8
|
-
* ##
|
8
|
+
* ## Usage
|
9
|
+
*
|
10
|
+
* ### Implementing it as an attribute directive
|
9
11
|
*
|
10
12
|
* ```html
|
11
13
|
* <div daffCompactable [compact]="isCompact">Content goes here</div>
|
@@ -14,6 +16,33 @@ import * as i0 from "@angular/core";
|
|
14
16
|
* In this example, the `daff-compact` class is applied to the `div` element when
|
15
17
|
* `isCompact` is `true`, making the `div` display its compact state.
|
16
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: DaffCompactableDirective,
|
29
|
+
* inputs: ['compact'],
|
30
|
+
* },
|
31
|
+
* ],
|
32
|
+
* })
|
33
|
+
* export class CustomComponent { }
|
34
|
+
* ```
|
35
|
+
*
|
36
|
+
* ```scss
|
37
|
+
* .custom-component {
|
38
|
+
* padding: 8px 16px;
|
39
|
+
*
|
40
|
+
* &.daff-compact {
|
41
|
+
* padding: 4px 8px;
|
42
|
+
* }
|
43
|
+
* }
|
44
|
+
* ```
|
45
|
+
*
|
17
46
|
* ## Styles
|
18
47
|
*
|
19
48
|
* The `daff-compact` class should be defined in your styles to display the compact
|
@@ -23,10 +52,10 @@ export class DaffCompactableDirective {
|
|
23
52
|
constructor() {
|
24
53
|
this.compact = false;
|
25
54
|
}
|
26
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
27
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
55
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffCompactableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
56
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffCompactableDirective, isStandalone: true, selector: "[daffCompactable]", inputs: { compact: "compact" }, host: { properties: { "class.daff-compact": "this.compact" } }, ngImport: i0 }); }
|
28
57
|
}
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffCompactableDirective, decorators: [{
|
30
59
|
type: Directive,
|
31
60
|
args: [{
|
32
61
|
selector: '[daffCompactable]',
|
@@ -38,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
|
|
38
67
|
type: HostBinding,
|
39
68
|
args: ['class.daff-compact']
|
40
69
|
}] } });
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdGFibGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vc3JjL2NvcmUvY29tcGFjdGFibGUvY29tcGFjdGFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQzs7QUFFdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0NHO0FBS0gsTUFBTSxPQUFPLHdCQUF3QjtJQUpyQztRQUs4QyxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBQzdEO2lJQUZZLHdCQUF3QjtxSEFBeEIsd0JBQXdCOzsyRkFBeEIsd0JBQXdCO2tCQUpwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFFNkMsT0FBTztzQkFBbEQsS0FBSzs7c0JBQUksV0FBVzt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogYERhZmZDb21wYWN0YWJsZURpcmVjdGl2ZWAgYWxsb3dzIGEgY29tcG9uZW50IHRvIGNvbmRpdGlvbmFsbHkgYXBwbHkgYSBjb21wYWN0XG4gKiBzdHlsZSBieSB0b2dnbGluZyBhIENTUyBjbGFzcy4gVGhpcyBpcyB1c2VmdWwgZm9yIGNyZWF0aW5nIGNvbXBvbmVudHMgdGhhdCBjYW5cbiAqIHN3aXRjaCBiZXR3ZWVuIHJlZ3VsYXIgYW5kIGNvbXBhY3Qgc3R5bGVzIGJhc2VkIG9uIHRoZSBgY29tcGFjdGAgcHJvcGVydHkuXG4gKlxuICogIyMgVXNhZ2VcbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIGF0dHJpYnV0ZSBkaXJlY3RpdmVcbiAqXG4gKiBgYGBodG1sXG4gKiA8ZGl2IGRhZmZDb21wYWN0YWJsZSBbY29tcGFjdF09XCJpc0NvbXBhY3RcIj5Db250ZW50IGdvZXMgaGVyZTwvZGl2PlxuICogYGBgXG4gKlxuICogSW4gdGhpcyBleGFtcGxlLCB0aGUgYGRhZmYtY29tcGFjdGAgY2xhc3MgaXMgYXBwbGllZCB0byB0aGUgYGRpdmAgZWxlbWVudCB3aGVuXG4gKiBgaXNDb21wYWN0YCBpcyBgdHJ1ZWAsIG1ha2luZyB0aGUgYGRpdmAgZGlzcGxheSBpdHMgY29tcGFjdCBzdGF0ZS5cbiAqXG4gKiAjIyMgSW1wbGVtZW50aW5nIGl0IGFzIGFuIEFuZ3VsYXIgaG9zdCBkaXJlY3RpdmVcbiAqXG4gKiBgYGB0c1xuICogQENvbXBvbmVudCh7XG4gKiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAqICBzZWxlY3RvcjogJ2N1c3RvbS1jb21wb25lbnQnLFxuICogIHRlbXBsYXRlOiAnY3VzdG9tLWNvbXBvbmVudC5odG1sJyxcbiAqICBob3N0RGlyZWN0aXZlczogW1xuICogICAge1xuICogICAgICBkaXJlY3RpdmU6IERhZmZDb21wYWN0YWJsZURpcmVjdGl2ZSxcbiAqICAgICAgaW5wdXRzOiBbJ2NvbXBhY3QnXSxcbiAqICAgIH0sXG4gKiAgXSxcbiAqIH0pXG4gKiBleHBvcnQgY2xhc3MgQ3VzdG9tQ29tcG9uZW50IHsgfVxuICogYGBgXG4gKlxuICogYGBgc2Nzc1xuICogLmN1c3RvbS1jb21wb25lbnQge1xuICogIHBhZGRpbmc6IDhweCAxNnB4O1xuICpcbiAqICAmLmRhZmYtY29tcGFjdCB7XG4gKiAgICBwYWRkaW5nOiA0cHggOHB4O1xuICogIH1cbiAqIH1cbiAqIGBgYFxuICpcbiAqICMjIFN0eWxlc1xuICpcbiAqIFRoZSBgZGFmZi1jb21wYWN0YCBjbGFzcyBzaG91bGQgYmUgZGVmaW5lZCBpbiB5b3VyIHN0eWxlcyB0byBkaXNwbGF5IHRoZSBjb21wYWN0XG4gKiBzdGF0ZSBhcyBkZXNpcmVkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGFmZkNvbXBhY3RhYmxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZDb21wYWN0YWJsZURpcmVjdGl2ZSB7XG4gIEBJbnB1dCgpIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1jb21wYWN0JykgY29tcGFjdCA9IGZhbHNlO1xufVxuIl19
|