@daffodil/design 0.39.7 → 0.39.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/examples/daffodil-design-accordion-examples.metadata.json +1 -1
- package/article/examples/daffodil-design-article-examples.metadata.json +1 -1
- package/atoms/button/button.component.d.ts +5 -0
- package/bundles/daffodil-design-accordion-examples.umd.js +4 -2
- package/bundles/daffodil-design-accordion-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-accordion-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.js +22 -11
- package/bundles/daffodil-design-article-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-article-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.js +7 -0
- package/bundles/daffodil-design-button-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-button-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-button-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.js +4 -0
- package/bundles/daffodil-design-callout-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-callout-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-callout-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.js +156 -14
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.js +4 -2
- package/bundles/daffodil-design-checkbox-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-checkbox-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-container-examples.umd.js +65 -0
- package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design-hero-examples.umd.js +4 -0
- package/bundles/daffodil-design-hero-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-hero-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-hero-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.js +8 -4
- package/bundles/daffodil-design-list-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-list-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.js +4 -2
- package/bundles/daffodil-design-loading-icon-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-loading-icon-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.js +4 -2
- package/bundles/daffodil-design-media-gallery-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-media-gallery-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.js +4 -2
- package/bundles/daffodil-design-modal-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-modal-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-modal-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
- package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design-quantity-field-examples.umd.js +4 -0
- package/bundles/daffodil-design-quantity-field-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-quantity-field-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.js +2 -1
- package/bundles/daffodil-design-radio-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-radio-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-radio-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design.umd.js +384 -87
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +2 -2
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/button/examples/daffodil-design-button-examples.metadata.json +1 -1
- package/callout/examples/daffodil-design-callout-examples.metadata.json +1 -1
- package/card/examples/basic-card/basic-card.component.d.ts +1 -0
- package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
- package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
- package/card/examples/card-theming/card-theming.component.d.ts +4 -2
- package/card/examples/daffodil-design-card-examples.d.ts +2 -0
- package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
- package/card/examples/public_api.d.ts +5 -1
- package/card/examples/raised-card/raised-card.component.d.ts +6 -0
- package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
- package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
- package/checkbox/examples/daffodil-design-checkbox-examples.metadata.json +1 -1
- package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
- package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
- package/container/examples/daffodil-design-container-examples.d.ts +4 -0
- package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
- package/container/examples/examples.d.ts +2 -0
- package/container/examples/index.d.ts +1 -0
- package/container/examples/package.json +11 -0
- package/container/examples/public_api.d.ts +3 -0
- package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
- package/core/article-encapsulated/public_api.d.ts +1 -0
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
- package/core/manage-container-layout/public_api.d.ts +1 -0
- package/core/public_api.d.ts +2 -0
- package/daff-theme.scss +293 -128
- package/daff-typography.scss +5 -4
- package/daff-util.scss +5 -4
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/accordion/examples/basic-accordion/basic-accordion.component.js +4 -3
- package/esm2015/accordion/examples/nav-accordion/nav-accordion.component.js +4 -3
- package/esm2015/article/examples/article-blockquote/article-blockquote.component.js +4 -3
- package/esm2015/article/examples/article-code-block/article-code-block.component.js +4 -3
- package/esm2015/article/examples/article-code-inline/article-code-inline.component.js +4 -3
- package/esm2015/article/examples/article-headings/article-headings.component.js +4 -3
- package/esm2015/article/examples/article-hr/article-hr.component.js +4 -3
- package/esm2015/article/examples/article-lead/article-lead.component.js +4 -3
- package/esm2015/article/examples/article-link/article-link.component.js +4 -3
- package/esm2015/article/examples/article-meta/article-meta.component.js +4 -3
- package/esm2015/article/examples/article-ol/article-ol.component.js +4 -3
- package/esm2015/article/examples/article-table/article-table.component.js +4 -3
- package/esm2015/article/examples/article-ul/article-ul.component.js +4 -3
- package/esm2015/atoms/button/button.component.js +3 -2
- package/esm2015/atoms/container/container.component.js +1 -1
- package/esm2015/atoms/form/form-field/form-field/form-field.component.js +3 -1
- package/esm2015/atoms/form/input/input.component.js +3 -2
- package/esm2015/atoms/form/select/select/select.component.js +3 -2
- package/esm2015/atoms/image/image.component.js +2 -2
- package/esm2015/button/examples/basic-button/basic-button.component.js +3 -2
- package/esm2015/button/examples/icon-button/icon-button.component.js +3 -2
- package/esm2015/button/examples/raised-button/raised-button.component.js +3 -2
- package/esm2015/button/examples/sizeable-button/sizeable-button.component.js +3 -2
- package/esm2015/button/examples/statusable-button/statusable-button.component.js +3 -2
- package/esm2015/button/examples/stroked-button/stroked-button.component.js +3 -2
- package/esm2015/button/examples/underline-button/underline-button.component.js +3 -2
- package/esm2015/callout/examples/callout-text-alignment/callout-text-alignment.component.js +3 -2
- package/esm2015/callout/examples/callout-theming/callout-theming.component.js +3 -2
- package/esm2015/callout/examples/callout-with-grid/callout-with-grid.component.js +3 -2
- package/esm2015/callout/examples/compact-callout/compact-callout.component.js +3 -2
- package/esm2015/card/examples/basic-card/basic-card.component.js +9 -4
- package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
- package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
- package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
- package/esm2015/card/examples/card-theming/card-theming.component.js +15 -5
- package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +21 -4
- package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
- package/esm2015/card/examples/public_api.js +7 -1
- package/esm2015/card/examples/raised-card/raised-card.component.js +19 -4
- package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
- package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
- package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
- package/esm2015/checkbox/examples/basic-checkbox/basic-checkbox.component.js +4 -3
- package/esm2015/checkbox/examples/checkbox-set/checkbox-set.component.js +4 -3
- package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
- package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
- package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
- package/esm2015/container/examples/examples.js +5 -0
- package/esm2015/container/examples/index.js +2 -0
- package/esm2015/container/examples/public_api.js +4 -0
- package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
- package/esm2015/core/article-encapsulated/public_api.js +2 -0
- package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
- package/esm2015/core/manage-container-layout/public_api.js +2 -0
- package/esm2015/core/public_api.js +3 -1
- package/esm2015/hero/examples/compact-hero/compact-hero.component.js +3 -2
- package/esm2015/hero/examples/hero-text-alignment/hero-text-alignment.component.js +3 -2
- package/esm2015/hero/examples/hero-theming/hero-theming.component.js +3 -2
- package/esm2015/hero/examples/hero-with-grid/hero-with-grid.component.js +3 -2
- package/esm2015/list/examples/basic-list/basic-list.component.js +4 -3
- package/esm2015/list/examples/icon-list/icon-list.component.js +4 -3
- package/esm2015/list/examples/multiline-list/multiline-list.component.js +4 -3
- package/esm2015/list/examples/nav-list/nav-list.component.js +4 -3
- package/esm2015/loading-icon/examples/loading-icon-color/loading-icon-color.component.js +4 -3
- package/esm2015/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.js +4 -3
- package/esm2015/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.js +4 -3
- package/esm2015/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.js +4 -3
- package/esm2015/modal/examples/basic-modal/basic-modal.component.js +4 -3
- package/esm2015/modal/examples/basic-modal/modal-content.component.js +4 -3
- package/esm2015/molecules/accordion/accordion/accordion.component.js +25 -3
- package/esm2015/molecules/accordion/accordion-item/accordion-item.component.js +3 -2
- package/esm2015/molecules/accordion/nav-accordion-item/nav-accordion-item.component.js +3 -2
- package/esm2015/molecules/article/article/article.component.js +4 -3
- package/esm2015/molecules/button-set/button-set.component.js +3 -2
- package/esm2015/molecules/callout/callout/callout.component.js +5 -3
- package/esm2015/molecules/card/card/card.component.js +78 -15
- package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
- package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
- package/esm2015/molecules/card/card.module.js +9 -3
- package/esm2015/molecules/card/public_api.js +4 -2
- package/esm2015/molecules/feature/feature/feature.component.js +4 -1
- package/esm2015/molecules/hero/hero/hero.component.js +6 -4
- package/esm2015/molecules/image-gallery/gallery-image/gallery-image.component.js +7 -3
- package/esm2015/molecules/image-gallery/image-gallery/image-gallery.component.js +6 -2
- package/esm2015/molecules/image-list/image-list.component.js +3 -2
- package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
- package/esm2015/molecules/list/list/list.component.js +19 -5
- package/esm2015/molecules/media-gallery/media-gallery.component.js +31 -5
- package/esm2015/molecules/media-gallery/registry/media-gallery.registry.js +22 -8
- package/esm2015/molecules/media-gallery/thumbnail/thumbnail.directive.js +2 -2
- package/esm2015/molecules/modal/modal-actions/modal-actions.component.js +3 -2
- package/esm2015/molecules/navbar/navbar.component.js +11 -9
- package/esm2015/molecules/qty-dropdown/qty-dropdown.component.js +6 -1
- package/esm2015/molecules/sidebar/sidebar/sidebar.component.js +3 -2
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
- package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
- package/esm2015/navbar/examples/examples.js +11 -0
- package/esm2015/navbar/examples/index.js +2 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
- package/esm2015/navbar/examples/public_api.js +10 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
- package/esm2015/quantity-field/examples/basic/basic-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/customRange/custom-range-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/disabled/disabled-quantity-field.component.js +3 -2
- package/esm2015/quantity-field/examples/selectMax/select-max-quantity-field.component.js +3 -2
- package/esm2015/radio/examples/basic-radio/basic-radio.component.js +4 -3
- package/fesm2015/daffodil-design-accordion-examples.js +5 -3
- package/fesm2015/daffodil-design-accordion-examples.js.map +1 -1
- package/fesm2015/daffodil-design-article-examples.js +23 -12
- package/fesm2015/daffodil-design-article-examples.js.map +1 -1
- package/fesm2015/daffodil-design-button-examples.js +8 -1
- package/fesm2015/daffodil-design-button-examples.js.map +1 -1
- package/fesm2015/daffodil-design-callout-examples.js +5 -1
- package/fesm2015/daffodil-design-callout-examples.js.map +1 -1
- package/fesm2015/daffodil-design-card-examples.js +150 -12
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-checkbox-examples.js +5 -3
- package/fesm2015/daffodil-design-checkbox-examples.js.map +1 -1
- package/fesm2015/daffodil-design-container-examples.js +54 -0
- package/fesm2015/daffodil-design-container-examples.js.map +1 -0
- package/fesm2015/daffodil-design-hero-examples.js +5 -1
- package/fesm2015/daffodil-design-hero-examples.js.map +1 -1
- package/fesm2015/daffodil-design-list-examples.js +9 -5
- package/fesm2015/daffodil-design-list-examples.js.map +1 -1
- package/fesm2015/daffodil-design-loading-icon-examples.js +5 -3
- package/fesm2015/daffodil-design-loading-icon-examples.js.map +1 -1
- package/fesm2015/daffodil-design-media-gallery-examples.js +5 -3
- package/fesm2015/daffodil-design-media-gallery-examples.js.map +1 -1
- package/fesm2015/daffodil-design-modal-examples.js +5 -3
- package/fesm2015/daffodil-design-modal-examples.js.map +1 -1
- package/fesm2015/daffodil-design-navbar-examples.js +142 -0
- package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
- package/fesm2015/daffodil-design-quantity-field-examples.js +5 -1
- package/fesm2015/daffodil-design-quantity-field-examples.js.map +1 -1
- package/fesm2015/daffodil-design-radio-examples.js +3 -2
- package/fesm2015/daffodil-design-radio-examples.js.map +1 -1
- package/fesm2015/daffodil-design.js +326 -82
- package/fesm2015/daffodil-design.js.map +1 -1
- package/hero/examples/daffodil-design-hero-examples.metadata.json +1 -1
- package/list/examples/daffodil-design-list-examples.metadata.json +1 -1
- package/loading-icon/examples/daffodil-design-loading-icon-examples.metadata.json +1 -1
- package/media-gallery/examples/daffodil-design-media-gallery-examples.metadata.json +1 -1
- package/modal/examples/daffodil-design-modal-examples.metadata.json +1 -1
- package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
- package/molecules/callout/callout/callout.component.d.ts +10 -0
- package/molecules/card/card/card.component.d.ts +42 -11
- package/molecules/card/card-content/card-content.directive.d.ts +6 -0
- package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
- package/molecules/card/public_api.d.ts +3 -1
- package/molecules/feature/feature/feature.component.d.ts +3 -0
- package/molecules/hero/hero/hero.component.d.ts +11 -1
- package/molecules/image-gallery/gallery-image/gallery-image.component.d.ts +3 -0
- package/molecules/image-gallery/image-gallery/image-gallery.component.d.ts +3 -0
- package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
- package/molecules/list/list/list.component.d.ts +19 -3
- package/molecules/media-gallery/media-gallery.component.d.ts +24 -2
- package/molecules/media-gallery/registry/media-gallery.registry.d.ts +6 -3
- package/molecules/media-gallery/thumbnail/thumbnail.directive.d.ts +1 -1
- package/molecules/navbar/navbar.component.d.ts +10 -5
- package/molecules/qty-dropdown/qty-dropdown.component.d.ts +3 -0
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
- package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
- package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
- package/navbar/examples/examples.d.ts +2 -0
- package/navbar/examples/index.d.ts +1 -0
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
- package/navbar/examples/package.json +11 -0
- package/navbar/examples/public_api.d.ts +9 -0
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
- package/package.json +2 -2
- package/quantity-field/examples/daffodil-design-quantity-field-examples.metadata.json +1 -1
- package/radio/examples/daffodil-design-radio-examples.metadata.json +1 -1
@@ -0,0 +1,142 @@
|
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { DaffNavbarModule, DaffButtonModule, DaffContainerModule } from '@daffodil/design';
|
4
|
+
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
5
|
+
|
6
|
+
class BasicNavbarComponent {
|
7
|
+
}
|
8
|
+
BasicNavbarComponent.decorators = [
|
9
|
+
{ type: Component, args: [{
|
10
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
11
|
+
selector: 'basic-navbar',
|
12
|
+
template: "<nav daff-navbar class=\"daff-basic-navbar\">\n\t<div class=\"daff-basic-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button color=\"theme-contrast\">Contact Us</button>\n</nav>",
|
13
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
14
|
+
styles: [".daff-basic-navbar{justify-content:space-between}.daff-basic-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
|
15
|
+
},] }
|
16
|
+
];
|
17
|
+
|
18
|
+
class BasicNavbarModule {
|
19
|
+
}
|
20
|
+
BasicNavbarModule.decorators = [
|
21
|
+
{ type: NgModule, args: [{
|
22
|
+
declarations: [
|
23
|
+
BasicNavbarComponent,
|
24
|
+
],
|
25
|
+
imports: [
|
26
|
+
CommonModule,
|
27
|
+
DaffNavbarModule,
|
28
|
+
DaffButtonModule,
|
29
|
+
DaffContainerModule,
|
30
|
+
],
|
31
|
+
},] }
|
32
|
+
];
|
33
|
+
|
34
|
+
class ContainedNavbarComponent {
|
35
|
+
}
|
36
|
+
ContainedNavbarComponent.decorators = [
|
37
|
+
{ type: Component, args: [{
|
38
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
39
|
+
selector: 'contained-navbar',
|
40
|
+
template: "<nav daff-navbar class=\"daff-contained-navbar\">\n\t<daff-container size=\"md\">\n\t\t<div class=\"daff-contained-navbar__links\">\n\t\t\t<a href=\"/\">Home</a>\n\t\t\t<a href=\"/\">About Us</a>\n\t\t</div>\n\t\t<button daff-button>Contact Us</button>\n\t</daff-container>\n</nav>\n",
|
41
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
42
|
+
styles: [".daff-contained-navbar{justify-content:space-between}.daff-contained-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
|
43
|
+
},] }
|
44
|
+
];
|
45
|
+
|
46
|
+
class ContainedNavbarModule {
|
47
|
+
}
|
48
|
+
ContainedNavbarModule.decorators = [
|
49
|
+
{ type: NgModule, args: [{
|
50
|
+
declarations: [
|
51
|
+
ContainedNavbarComponent,
|
52
|
+
],
|
53
|
+
imports: [
|
54
|
+
CommonModule,
|
55
|
+
DaffNavbarModule,
|
56
|
+
DaffButtonModule,
|
57
|
+
DaffContainerModule,
|
58
|
+
],
|
59
|
+
},] }
|
60
|
+
];
|
61
|
+
|
62
|
+
class NavbarThemingComponent {
|
63
|
+
constructor() {
|
64
|
+
this.colorControl = new FormControl('');
|
65
|
+
this.options = [
|
66
|
+
{ value: '', label: 'Default' },
|
67
|
+
{ value: 'primary', label: 'Primary' },
|
68
|
+
{ value: 'secondary', label: 'Secondary' },
|
69
|
+
{ value: 'tertiary', label: 'Tertiary' },
|
70
|
+
{ value: 'white', label: 'White' },
|
71
|
+
{ value: 'black', label: 'Black' },
|
72
|
+
{ value: 'theme', label: 'Theme' },
|
73
|
+
{ value: 'theme-contrast', label: 'Theme Contrast' },
|
74
|
+
];
|
75
|
+
}
|
76
|
+
}
|
77
|
+
NavbarThemingComponent.decorators = [
|
78
|
+
{ type: Component, args: [{
|
79
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
80
|
+
selector: 'navbar-theming',
|
81
|
+
template: "<nav daff-navbar [color]=\"colorControl.value\" class=\"daff-navbar-theming\">\n\t<div class=\"daff-navbar-theming__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>",
|
82
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
83
|
+
styles: [".daff-navbar-theming{justify-content:space-between}.daff-navbar-theming__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
|
84
|
+
},] }
|
85
|
+
];
|
86
|
+
|
87
|
+
class NavbarThemingModule {
|
88
|
+
}
|
89
|
+
NavbarThemingModule.decorators = [
|
90
|
+
{ type: NgModule, args: [{
|
91
|
+
declarations: [
|
92
|
+
NavbarThemingComponent,
|
93
|
+
],
|
94
|
+
imports: [
|
95
|
+
CommonModule,
|
96
|
+
ReactiveFormsModule,
|
97
|
+
DaffNavbarModule,
|
98
|
+
DaffButtonModule,
|
99
|
+
],
|
100
|
+
},] }
|
101
|
+
];
|
102
|
+
|
103
|
+
class RaisedNavbarComponent {
|
104
|
+
}
|
105
|
+
RaisedNavbarComponent.decorators = [
|
106
|
+
{ type: Component, args: [{
|
107
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
108
|
+
selector: 'raised-navbar',
|
109
|
+
template: "<nav daff-navbar [raised]=\"true\" class=\"daff-raised-navbar\">\n\t<div class=\"daff-raised-navbar__links\">\n\t\t<a href=\"/\">Home</a>\n\t\t<a href=\"/\">About Us</a>\n\t</div>\n\t<button daff-button>Contact Us</button>\n</nav>\n",
|
110
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
111
|
+
styles: [".daff-raised-navbar{justify-content:space-between}.daff-raised-navbar__links>*{font-weight:700;font-size:1.125rem;padding:0 16px;text-decoration:none;text-transform:uppercase}"]
|
112
|
+
},] }
|
113
|
+
];
|
114
|
+
|
115
|
+
class RaisedNavbarModule {
|
116
|
+
}
|
117
|
+
RaisedNavbarModule.decorators = [
|
118
|
+
{ type: NgModule, args: [{
|
119
|
+
declarations: [
|
120
|
+
RaisedNavbarComponent,
|
121
|
+
],
|
122
|
+
imports: [
|
123
|
+
CommonModule,
|
124
|
+
DaffNavbarModule,
|
125
|
+
DaffButtonModule,
|
126
|
+
],
|
127
|
+
},] }
|
128
|
+
];
|
129
|
+
|
130
|
+
const NAVBAR_EXAMPLES = [
|
131
|
+
BasicNavbarComponent,
|
132
|
+
ContainedNavbarComponent,
|
133
|
+
NavbarThemingComponent,
|
134
|
+
RaisedNavbarComponent,
|
135
|
+
];
|
136
|
+
|
137
|
+
/**
|
138
|
+
* Generated bundle index. Do not edit.
|
139
|
+
*/
|
140
|
+
|
141
|
+
export { BasicNavbarComponent, BasicNavbarModule, ContainedNavbarComponent, ContainedNavbarModule, NAVBAR_EXAMPLES, NavbarThemingComponent, NavbarThemingModule, RaisedNavbarComponent, RaisedNavbarModule };
|
142
|
+
//# sourceMappingURL=daffodil-design-navbar-examples.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"daffodil-design-navbar-examples.js","sources":["../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.component.ts","../../../libs/design/navbar/examples/src/basic-navbar/basic-navbar.module.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.component.ts","../../../libs/design/navbar/examples/src/contained-navbar/contained-navbar.module.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.component.ts","../../../libs/design/navbar/examples/src/navbar-theming/navbar-theming.module.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.component.ts","../../../libs/design/navbar/examples/src/raised-navbar/raised-navbar.module.ts","../../../libs/design/navbar/examples/src/examples.ts","../../../libs/design/navbar/examples/src/daffodil-design-navbar-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-navbar',\n templateUrl: './basic-navbar.component.html',\n styleUrls: ['./basic-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { BasicNavbarComponent } from './basic-navbar.component';\n\n@NgModule({\n declarations: [\n BasicNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class BasicNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'contained-navbar',\n templateUrl: './contained-navbar.component.html',\n styleUrls: ['./contained-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ContainedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffContainerModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { ContainedNavbarComponent } from './contained-navbar.component';\n\n@NgModule({\n declarations: [\n ContainedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n DaffContainerModule,\n ],\n})\nexport class ContainedNavbarModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'navbar-theming',\n templateUrl: './navbar-theming.component.html',\n styleUrls: ['./navbar-theming.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NavbarThemingComponent {\n colorControl: FormControl = new FormControl('');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'white', label: 'White' },\n { value: 'black', label: 'Black' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n ];\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { NavbarThemingComponent } from './navbar-theming.component';\n\n@NgModule({\n declarations: [\n NavbarThemingComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class NavbarThemingModule { }\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'raised-navbar',\n templateUrl: './raised-navbar.component.html',\n styleUrls: ['./raised-navbar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class RaisedNavbarComponent {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport {\n DaffButtonModule,\n DaffNavbarModule,\n} from '@daffodil/design';\n\nimport { RaisedNavbarComponent } from './raised-navbar.component';\n\n@NgModule({\n declarations: [\n RaisedNavbarComponent,\n ],\n imports: [\n CommonModule,\n\n DaffNavbarModule,\n DaffButtonModule,\n ],\n})\nexport class RaisedNavbarModule { }\n","import { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';\nimport { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';\nimport { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';\nimport { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';\n\nexport const NAVBAR_EXAMPLES = [\n BasicNavbarComponent,\n ContainedNavbarComponent,\n NavbarThemingComponent,\n RaisedNavbarComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAaa,oBAAoB;;;YAPhC,SAAS,SAAC;;gBAET,QAAQ,EAAE,cAAc;gBACxB,uPAA4C;gBAE5C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCWY,iBAAiB;;;YAZ7B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,oBAAoB;iBACrB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,gBAAgB;oBAChB,gBAAgB;oBAChB,mBAAmB;iBACpB;aACF;;;MCVY,wBAAwB;;;YAPpC,SAAS,SAAC;;gBAET,QAAQ,EAAE,kBAAkB;gBAC5B,uSAAgD;gBAEhD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCYY,qBAAqB;;;YAZjC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,wBAAwB;iBACzB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,gBAAgB;oBAChB,gBAAgB;oBAChB,mBAAmB;iBACpB;aACF;;;MCTY,sBAAsB;IAPnC;QAQE,iBAAY,GAAgB,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QAEhD,YAAO,GAAG;YACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;SACrD,CAAC;KACH;;;YApBA,SAAS,SAAC;;gBAET,QAAQ,EAAE,gBAAgB;gBAC1B,wZAA8C;gBAE9C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCUY,mBAAmB;;;YAX/B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,sBAAsB;iBACvB;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,gBAAgB;oBAChB,gBAAgB;iBACjB;aACF;;;MCTY,qBAAqB;;;YAPjC,SAAS,SAAC;;gBAET,QAAQ,EAAE,eAAe;gBACzB,oPAA6C;gBAE7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCUY,kBAAkB;;;YAX9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;oBAEZ,gBAAgB;oBAChB,gBAAgB;iBACjB;aACF;;;MCfY,eAAe,GAAG;IAC7B,oBAAoB;IACpB,wBAAwB;IACxB,sBAAsB;IACtB,qBAAqB;;;ACTvB;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
3
3
|
import { CommonModule } from '@angular/common';
|
4
4
|
import { DaffFormFieldModule, DaffQuantityFieldModule } from '@daffodil/design';
|
@@ -13,6 +13,7 @@ BasicQuantityFieldComponent.decorators = [
|
|
13
13
|
// eslint-disable-next-line @angular-eslint/component-selector
|
14
14
|
selector: 'basic-quantity-field',
|
15
15
|
template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
|
16
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
16
17
|
styles: [""]
|
17
18
|
},] }
|
18
19
|
];
|
@@ -27,6 +28,7 @@ CustomRangeQuantityFieldComponent.decorators = [
|
|
27
28
|
// eslint-disable-next-line @angular-eslint/component-selector
|
28
29
|
selector: 'custom-range-quantity-field',
|
29
30
|
template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [min]=\"5\"\n [max]=\"50\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
|
31
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
30
32
|
styles: [""]
|
31
33
|
},] }
|
32
34
|
];
|
@@ -41,6 +43,7 @@ DisabledQuantityFieldComponent.decorators = [
|
|
41
43
|
// eslint-disable-next-line @angular-eslint/component-selector
|
42
44
|
selector: 'disabled-quantity-field',
|
43
45
|
template: "<daff-form-field>\n <daff-quantity-field [formControl]=\"control\"></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
|
46
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
44
47
|
styles: [""]
|
45
48
|
},] }
|
46
49
|
];
|
@@ -55,6 +58,7 @@ SelectMaxQuantityFieldComponent.decorators = [
|
|
55
58
|
// eslint-disable-next-line @angular-eslint/component-selector
|
56
59
|
selector: 'select-max-quantity-field',
|
57
60
|
template: "<daff-form-field>\n <daff-quantity-field\n [formControl]=\"control\"\n [selectMax]=\"15\"\n ></daff-quantity-field>\n</daff-form-field>\n\n<p>\n Control Value: {{control.value}}\n</p>\n",
|
61
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
58
62
|
styles: [""]
|
59
63
|
},] }
|
60
64
|
];
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-quantity-field-examples.js","sources":["../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/examples.ts","../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {
|
1
|
+
{"version":3,"file":"daffodil-design-quantity-field-examples.js","sources":["../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.component.ts","../../../libs/design/quantity-field/examples/src/examples.ts","../../../libs/design/quantity-field/examples/src/basic/basic-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/customRange/custom-range-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/disabled/disabled-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/selectMax/select-max-quantity-field.module.ts","../../../libs/design/quantity-field/examples/src/daffodil-design-quantity-field-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-quantity-field',\n templateUrl: './basic-quantity-field.component.html',\n styleUrls: ['./basic-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicQuantityFieldComponent {\n control = new FormControl(1);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'custom-range-quantity-field',\n templateUrl: './custom-range-quantity-field.component.html',\n styleUrls: ['./custom-range-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CustomRangeQuantityFieldComponent {\n control = new FormControl(5);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'disabled-quantity-field',\n templateUrl: './disabled-quantity-field.component.html',\n styleUrls: ['./disabled-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DisabledQuantityFieldComponent {\n control = new FormControl({ value : '' , disabled: true });\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'select-max-quantity-field',\n templateUrl: './select-max-quantity-field.component.html',\n styleUrls: ['./select-max-quantity-field.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectMaxQuantityFieldComponent {\n control = new FormControl(1);\n}\n","import { BasicQuantityFieldComponent } from './basic/basic-quantity-field.component';\nimport { CustomRangeQuantityFieldComponent } from './customRange/custom-range-quantity-field.component';\nimport { DisabledQuantityFieldComponent } from './disabled/disabled-quantity-field.component';\nimport { SelectMaxQuantityFieldComponent } from './selectMax/select-max-quantity-field.component';\n\nexport const QUANTITY_FIELD_EXAMPLES = [\n BasicQuantityFieldComponent,\n CustomRangeQuantityFieldComponent,\n DisabledQuantityFieldComponent,\n SelectMaxQuantityFieldComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { BasicQuantityFieldComponent } from './basic-quantity-field.component';\n\n@NgModule({\n declarations: [\n BasicQuantityFieldComponent,\n ],\n exports: [\n BasicQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class BasicQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field.component';\n\n@NgModule({\n declarations: [\n CustomRangeQuantityFieldComponent,\n ],\n exports: [\n CustomRangeQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class CustomRangeQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { DisabledQuantityFieldComponent } from './disabled-quantity-field.component';\n\n@NgModule({\n declarations: [\n DisabledQuantityFieldComponent,\n ],\n exports: [\n DisabledQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class DisabledQuantityFieldModule {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n DaffQuantityFieldModule,\n DaffFormFieldModule,\n} from '@daffodil/design';\n\nimport { SelectMaxQuantityFieldComponent } from './select-max-quantity-field.component';\n\n@NgModule({\n declarations: [\n SelectMaxQuantityFieldComponent,\n ],\n exports: [\n SelectMaxQuantityFieldComponent,\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n DaffFormFieldModule,\n DaffQuantityFieldModule,\n ],\n})\nexport class SelectMaxQuantityFieldModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicQuantityFieldComponent as ɵa} from './basic/basic-quantity-field.component';\nexport {CustomRangeQuantityFieldComponent as ɵb} from './customRange/custom-range-quantity-field.component';\nexport {DisabledQuantityFieldComponent as ɵc} from './disabled/disabled-quantity-field.component';\nexport {SelectMaxQuantityFieldComponent as ɵd} from './selectMax/select-max-quantity-field.component';"],"names":[],"mappings":";;;;;MAaa,2BAA2B;IAPxC;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,sBAAsB;gBAChC,6KAAoD;gBAEpD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCCY,iCAAiC;IAP9C;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,6BAA6B;gBACvC,yNAA2D;gBAE3D,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCCY,8BAA8B;IAP3C;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,EAAE,KAAK,EAAG,EAAE,EAAG,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;KAC5D;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,yBAAyB;gBACnC,6KAAuD;gBAEvD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCCY,+BAA+B;IAP5C;QAQE,YAAO,GAAG,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC;KAC9B;;;YATA,SAAS,SAAC;;gBAET,QAAQ,EAAE,2BAA2B;gBACrC,8MAAyD;gBAEzD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;MCPY,uBAAuB,GAAG;IACrC,2BAA2B;IAC3B,iCAAiC;IACjC,8BAA8B;IAC9B,+BAA+B;;;MCgBpB,wBAAwB;;;YAdpC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,2BAA2B;iBAC5B;gBACD,OAAO,EAAE;oBACP,2BAA2B;iBAC5B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,8BAA8B;;;YAd1C,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,iCAAiC;iBAClC;gBACD,OAAO,EAAE;oBACP,iCAAiC;iBAClC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,2BAA2B;;;YAdvC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,8BAA8B;iBAC/B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;MCCY,4BAA4B;;;YAdxC,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,+BAA+B;iBAChC;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,mBAAmB;oBACnB,uBAAuB;iBACxB;aACF;;;ACxBD;;;;;;"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { Component, NgModule } from '@angular/core';
|
1
|
+
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
2
2
|
import { FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
|
3
3
|
import { DaffRadioModule } from '@daffodil/design';
|
4
4
|
|
@@ -15,7 +15,8 @@ BasicRadioComponent.decorators = [
|
|
15
15
|
{ type: Component, args: [{
|
16
16
|
// eslint-disable-next-line @angular-eslint/component-selector
|
17
17
|
selector: 'basic-radio',
|
18
|
-
template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>"
|
18
|
+
template: "<h2>Basic Radio</h2>\n<daff-radio-set [formGroup]=\"radioGroup\" name=\"race\">\n <daff-radio formControlName=\"race\" value=\"Terran\">Terran</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Protoss\">Protoss</daff-radio>\n <daff-radio formControlName=\"race\" value=\"Zerg\">Zerg</daff-radio>\n</daff-radio-set>\n<div>\n The best race to play as is: {{this.radioGroup.get('race').value}}\n</div>",
|
19
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
19
20
|
},] }
|
20
21
|
];
|
21
22
|
/** @nocollapse */
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"daffodil-design-radio-examples.js","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.module.ts","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n})\nexport class BasicRadioComponent implements OnInit {\n\n radioGroup = new FormGroup({\n race: new FormControl('Zerg'),\n });\n constructor() {\n }\n\n ngOnInit() {\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\nimport { BasicRadioComponent } from './basic-radio.component';\n\n@NgModule({\n\n declarations: [\n BasicRadioComponent,\n ],\n exports: [\n BasicRadioComponent,\n ],\n imports: [\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicRadioModule { }\n","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\nimport { BasicRadioModule } from './basic-radio/basic-radio.module';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n\nexport const RADIO_EXAMPLES_MODULES = [\n BasicRadioModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicRadioComponent as ɵa} from './basic-radio/basic-radio.component';\nexport {BasicRadioModule as ɵb} from './basic-radio/basic-radio.module';"],"names":[],"mappings":";;;;
|
1
|
+
{"version":3,"file":"daffodil-design-radio-examples.js","sources":["../../../libs/design/radio/examples/src/basic-radio/basic-radio.component.ts","../../../libs/design/radio/examples/src/basic-radio/basic-radio.module.ts","../../../libs/design/radio/examples/src/examples.ts","../../../libs/design/radio/examples/src/daffodil-design-radio-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n OnInit,\n} from '@angular/core';\nimport {\n FormGroup,\n FormControl,\n} from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'basic-radio',\n templateUrl: './basic-radio.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicRadioComponent implements OnInit {\n\n radioGroup = new FormGroup({\n race: new FormControl('Zerg'),\n });\n constructor() {\n }\n\n ngOnInit() {\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DaffRadioModule } from '@daffodil/design';\n\nimport { BasicRadioComponent } from './basic-radio.component';\n\n@NgModule({\n\n declarations: [\n BasicRadioComponent,\n ],\n exports: [\n BasicRadioComponent,\n ],\n imports: [\n DaffRadioModule,\n ReactiveFormsModule,\n ],\n providers: [],\n})\nexport class BasicRadioModule { }\n","import { BasicRadioComponent } from './basic-radio/basic-radio.component';\nimport { BasicRadioModule } from './basic-radio/basic-radio.module';\n\nexport const RADIO_EXAMPLES = [\n BasicRadioComponent,\n];\n\nexport const RADIO_EXAMPLES_MODULES = [\n BasicRadioModule,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {BasicRadioComponent as ɵa} from './basic-radio/basic-radio.component';\nexport {BasicRadioModule as ɵb} from './basic-radio/basic-radio.module';"],"names":[],"mappings":";;;;MAgBa,mBAAmB;IAK5B;QAHA,eAAU,GAAG,IAAI,SAAS,CAAC;YACzB,IAAI,EAAE,IAAI,WAAW,CAAC,MAAM,CAAC;SAC9B,CAAC,CAAC;KAEF;IAED,QAAQ;KACP;;;YAfJ,SAAS,SAAC;;gBAET,QAAQ,EAAE,aAAa;gBACvB,waAA2C;gBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;aAChD;;;;;MCMY,gBAAgB;;;YAd5B,QAAQ,SAAC;gBAER,YAAY,EAAE;oBACZ,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,mBAAmB;iBACpB;gBACD,OAAO,EAAE;oBACP,eAAe;oBACf,mBAAmB;iBACpB;gBACD,SAAS,EAAE,EAAE;aACd;;;MCjBY,cAAc,GAAG;IAC5B,mBAAmB;EACnB;MAEW,sBAAsB,GAAG;IACpC,gBAAgB;;;ACRlB;;;;;;"}
|