@daffodil/design 0.60.0 → 0.61.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (141) hide show
  1. package/accordion/examples/package.json +1 -1
  2. package/article/examples/package.json +1 -1
  3. package/atoms/button/button.component.d.ts +18 -2
  4. package/atoms/button/button.module.d.ts +2 -1
  5. package/atoms/form/error-message/error-message.component.d.ts +1 -0
  6. package/atoms/form/form-label/form-label.directive.d.ts +6 -0
  7. package/atoms/form/form-label/form-label.module.d.ts +7 -0
  8. package/atoms/form/form-label/public_api.d.ts +2 -0
  9. package/atoms/form/{select/select/select.component.d.ts → native-select/native-select.component.d.ts} +1 -1
  10. package/atoms/form/{select/select.module.d.ts → native-select/native-select.module.d.ts} +1 -1
  11. package/atoms/form/native-select/public_api.d.ts +2 -0
  12. package/atoms/form/quantity-field/quantity-field.module.d.ts +1 -1
  13. package/atoms/form/quantity-field/quantity-select/quantity-select.component.d.ts +1 -1
  14. package/atoms/loading-icon/loading-icon.component.d.ts +3 -3
  15. package/button/examples/examples.d.ts +4 -0
  16. package/button/examples/flat-button/flat-button.component.d.ts +7 -0
  17. package/button/examples/flat-button/flat-button.module.d.ts +9 -0
  18. package/button/examples/package.json +1 -1
  19. package/button/examples/public_api.d.ts +10 -9
  20. package/callout/examples/package.json +1 -1
  21. package/card/examples/package.json +1 -1
  22. package/checkbox/examples/package.json +1 -1
  23. package/container/examples/package.json +1 -1
  24. package/core/public_api.d.ts +2 -2
  25. package/core/statusable/public_api.d.ts +2 -0
  26. package/esm2020/atoms/button/button.component.mjs +62 -5
  27. package/esm2020/atoms/button/button.module.mjs +6 -2
  28. package/esm2020/atoms/form/error-message/error-message.component.mjs +10 -4
  29. package/esm2020/atoms/form/form-label/form-label.directive.mjs +19 -0
  30. package/esm2020/atoms/form/form-label/form-label.module.mjs +20 -0
  31. package/esm2020/atoms/form/form-label/public_api.mjs +3 -0
  32. package/esm2020/atoms/form/native-select/native-select.component.mjs +64 -0
  33. package/esm2020/atoms/form/{select/select.module.mjs → native-select/native-select.module.mjs} +2 -2
  34. package/esm2020/atoms/form/native-select/public_api.mjs +3 -0
  35. package/esm2020/atoms/form/quantity-field/quantity-field.module.mjs +2 -2
  36. package/esm2020/atoms/form/quantity-field/quantity-select/quantity-select.component.mjs +3 -3
  37. package/esm2020/atoms/image/image.component.mjs +2 -2
  38. package/esm2020/atoms/loading-icon/loading-icon.component.mjs +4 -5
  39. package/esm2020/button/examples/basic-button/basic-button.component.mjs +7 -6
  40. package/esm2020/button/examples/examples.mjs +19 -0
  41. package/esm2020/button/examples/flat-button/flat-button.component.mjs +24 -0
  42. package/esm2020/button/examples/flat-button/flat-button.module.mjs +30 -0
  43. package/esm2020/button/examples/icon-button/icon-button.component.mjs +6 -5
  44. package/esm2020/button/examples/public_api.mjs +11 -18
  45. package/esm2020/button/examples/raised-button/raised-button.component.mjs +7 -6
  46. package/esm2020/button/examples/sizeable-button/sizeable-button.component.mjs +3 -7
  47. package/esm2020/button/examples/statusable-button/statusable-button.component.mjs +3 -11
  48. package/esm2020/button/examples/stroked-button/stroked-button.component.mjs +7 -6
  49. package/esm2020/button/examples/underline-button/underline-button.component.mjs +7 -6
  50. package/esm2020/button/examples/underline-button/underline-button.module.mjs +1 -1
  51. package/esm2020/callout/examples/callout-text-alignment/callout-text-alignment.component.mjs +1 -1
  52. package/esm2020/callout/examples/callout-theming/callout-theming.component.mjs +1 -1
  53. package/esm2020/callout/examples/callout-with-grid/callout-with-grid.component.mjs +1 -1
  54. package/esm2020/callout/examples/compact-callout/compact-callout.component.mjs +1 -1
  55. package/esm2020/card/examples/basic-card/basic-card.component.mjs +1 -1
  56. package/esm2020/card/examples/card-orientation/card-orientation.component.mjs +1 -1
  57. package/esm2020/checkbox/examples/basic-checkbox/basic-checkbox.component.mjs +1 -1
  58. package/esm2020/checkbox/examples/checkbox-set/checkbox-set.component.mjs +1 -1
  59. package/esm2020/core/public_api.mjs +3 -3
  60. package/esm2020/core/statusable/public_api.mjs +3 -0
  61. package/esm2020/hero/examples/compact-hero/compact-hero.component.mjs +1 -1
  62. package/esm2020/hero/examples/hero-text-alignment/hero-text-alignment.component.mjs +1 -1
  63. package/esm2020/hero/examples/hero-theming/hero-theming.component.mjs +1 -1
  64. package/esm2020/hero/examples/hero-with-grid/hero-with-grid.component.mjs +1 -1
  65. package/esm2020/menu/examples/basic-menu/basic-menu.component.mjs +1 -1
  66. package/esm2020/modal/examples/basic-modal/basic-modal.component.mjs +1 -1
  67. package/esm2020/modal/examples/basic-modal/modal-content.component.mjs +1 -1
  68. package/esm2020/molecules/media-gallery/media-gallery.component.mjs +2 -2
  69. package/esm2020/molecules/qty-dropdown/qty-dropdown.component.mjs +1 -1
  70. package/esm2020/molecules/qty-dropdown/qty-dropdown.module.mjs +2 -2
  71. package/esm2020/navbar/examples/basic-navbar/basic-navbar.component.mjs +1 -1
  72. package/esm2020/navbar/examples/contained-navbar/contained-navbar.component.mjs +1 -1
  73. package/esm2020/navbar/examples/navbar-theming/navbar-theming.component.mjs +1 -1
  74. package/esm2020/navbar/examples/raised-navbar/raised-navbar.component.mjs +1 -1
  75. package/esm2020/public_api.mjs +3 -2
  76. package/fesm2015/daffodil-design-button-examples.mjs +160 -122
  77. package/fesm2015/daffodil-design-button-examples.mjs.map +1 -1
  78. package/fesm2015/daffodil-design-callout-examples.mjs +4 -4
  79. package/fesm2015/daffodil-design-callout-examples.mjs.map +1 -1
  80. package/fesm2015/daffodil-design-card-examples.mjs +2 -2
  81. package/fesm2015/daffodil-design-card-examples.mjs.map +1 -1
  82. package/fesm2015/daffodil-design-checkbox-examples.mjs +2 -2
  83. package/fesm2015/daffodil-design-checkbox-examples.mjs.map +1 -1
  84. package/fesm2015/daffodil-design-hero-examples.mjs +4 -4
  85. package/fesm2015/daffodil-design-hero-examples.mjs.map +1 -1
  86. package/fesm2015/daffodil-design-menu-examples.mjs +1 -1
  87. package/fesm2015/daffodil-design-menu-examples.mjs.map +1 -1
  88. package/fesm2015/daffodil-design-modal-examples.mjs +2 -2
  89. package/fesm2015/daffodil-design-modal-examples.mjs.map +1 -1
  90. package/fesm2015/daffodil-design-navbar-examples.mjs +4 -4
  91. package/fesm2015/daffodil-design-navbar-examples.mjs.map +1 -1
  92. package/fesm2015/daffodil-design.mjs +191 -94
  93. package/fesm2015/daffodil-design.mjs.map +1 -1
  94. package/fesm2020/daffodil-design-button-examples.mjs +160 -122
  95. package/fesm2020/daffodil-design-button-examples.mjs.map +1 -1
  96. package/fesm2020/daffodil-design-callout-examples.mjs +4 -4
  97. package/fesm2020/daffodil-design-callout-examples.mjs.map +1 -1
  98. package/fesm2020/daffodil-design-card-examples.mjs +2 -2
  99. package/fesm2020/daffodil-design-card-examples.mjs.map +1 -1
  100. package/fesm2020/daffodil-design-checkbox-examples.mjs +2 -2
  101. package/fesm2020/daffodil-design-checkbox-examples.mjs.map +1 -1
  102. package/fesm2020/daffodil-design-hero-examples.mjs +4 -4
  103. package/fesm2020/daffodil-design-hero-examples.mjs.map +1 -1
  104. package/fesm2020/daffodil-design-menu-examples.mjs +1 -1
  105. package/fesm2020/daffodil-design-menu-examples.mjs.map +1 -1
  106. package/fesm2020/daffodil-design-modal-examples.mjs +2 -2
  107. package/fesm2020/daffodil-design-modal-examples.mjs.map +1 -1
  108. package/fesm2020/daffodil-design-navbar-examples.mjs +4 -4
  109. package/fesm2020/daffodil-design-navbar-examples.mjs.map +1 -1
  110. package/fesm2020/daffodil-design.mjs +191 -94
  111. package/fesm2020/daffodil-design.mjs.map +1 -1
  112. package/hero/examples/package.json +1 -1
  113. package/image/examples/package.json +1 -1
  114. package/input/examples/package.json +1 -1
  115. package/list/examples/package.json +1 -1
  116. package/loading-icon/examples/package.json +1 -1
  117. package/media-gallery/examples/package.json +1 -1
  118. package/menu/examples/package.json +1 -1
  119. package/modal/examples/package.json +1 -1
  120. package/molecules/qty-dropdown/qty-dropdown.module.d.ts +1 -1
  121. package/navbar/examples/package.json +1 -1
  122. package/package.json +1 -1
  123. package/paginator/examples/package.json +1 -1
  124. package/public_api.d.ts +2 -1
  125. package/quantity-field/examples/package.json +1 -1
  126. package/radio/examples/package.json +1 -1
  127. package/scss/state/skeleton/_mixins.scss +1 -0
  128. package/scss/theme.scss +2 -2
  129. package/scss/theming/_color-palettes.scss +5 -5
  130. package/src/atoms/button/button-theme-variants/button.scss +9 -18
  131. package/src/atoms/button/button-theme-variants/flat.scss +25 -0
  132. package/src/atoms/button/button-theme-variants/raised.scss +6 -26
  133. package/src/atoms/button/button-theme-variants/stroked.scss +12 -20
  134. package/src/atoms/button/button-theme.scss +121 -117
  135. package/src/atoms/form/{select → native-select}/README.md +1 -1
  136. package/src/atoms/form/{select/select/select-theme.scss → native-select/native-select-theme.scss} +3 -3
  137. package/src/atoms/loading-icon/loading-icon-theme.scss +4 -0
  138. package/atoms/form/select/public_api.d.ts +0 -2
  139. package/esm2020/atoms/form/select/public_api.mjs +0 -3
  140. package/esm2020/atoms/form/select/select/select.component.mjs +0 -64
  141. package/src/atoms/button/button-theme-variants/focus.scss +0 -6
@@ -13,7 +13,7 @@ export class HeroThemingComponent {
13
13
  }
14
14
  }
15
15
  /** @nocollapse */ HeroThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
- /** @nocollapse */ HeroThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroThemingComponent, selector: "hero-theming", ngImport: i0, template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
16
+ /** @nocollapse */ HeroThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroThemingComponent, selector: "hero-theming", ngImport: i0, template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }, { type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
17
17
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroThemingComponent, decorators: [{
18
18
  type: Component,
19
19
  args: [{ selector: 'hero-theming', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-hero [color]=\"colorControl.value\">\n\t<div class=\"daff-hero-theming__icon\" daffHeroIcon>\n\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t</div>\n\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t<h1 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h1>\n\t<h2 daffHeroSubtitle>\n\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t</h2>\n\t<div daffHeroBody>\n\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t</div>\n</daff-hero>\n\n<select [formControl]=\"colorControl\">\n\t<option value=\"\">Default</option>\n\t<option value=\"primary\">Primary</option>\n\t<option value=\"secondary\">Secondary</option>\n\t<option value=\"tertiary\">Tertiary</option>\n\t<option value=\"white\">White</option>\n\t<option value=\"black\">Black</option>\n\t<option value=\"theme\">Theme</option>\n\t<option value=\"theme-contrast\">Theme Contrast</option>\n</select>", styles: [".daff-hero-theming__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
@@ -9,7 +9,7 @@ export class HeroWithGridComponent {
9
9
  }
10
10
  }
11
11
  /** @nocollapse */ HeroWithGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
12
- /** @nocollapse */ HeroWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroWithGridComponent, selector: "hero-with-grid", ngImport: i0, template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>", styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12
+ /** @nocollapse */ HeroWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: HeroWithGridComponent, selector: "hero-with-grid", ngImport: i0, template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>", styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"], components: [{ type: i1.DaffHeroComponent, selector: "daff-hero", inputs: ["color", "compact", "textAlignment", "layout", "size"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffHeroIconDirective, selector: "[daffHeroIcon]" }, { type: i1.DaffHeroTaglineDirective, selector: "[daffHeroTagline]" }, { type: i1.DaffHeroTitleDirective, selector: "[daffHeroTitle]" }, { type: i1.DaffHeroSubtitleDirective, selector: "[daffHeroSubtitle]" }, { type: i1.DaffHeroBodyDirective, selector: "[daffHeroBody]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
13
13
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: HeroWithGridComponent, decorators: [{
14
14
  type: Component,
15
15
  args: [{ selector: 'hero-with-grid', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-hero color=\"theme\">\n\t<daff-container class=\"daff-hero-with-grid__grid\">\n\t\t<div class=\"daff-hero-with-grid__image\">\n\t\t\t<img src=\"/assets/design/callout/pwa-illustration.svg\" alt=\"PWA Illustration\">\n\t\t</div>\n\t\t<div class=\"daff-hero-with-grid__content-wrapper\">\n\t\t\t<div class=\"daff-hero-with-grid__icon\" daffHeroIcon>\n\t\t\t\t<fa-icon [icon]=\"faMobile\"></fa-icon>\n\t\t\t</div>\n\t\t\t<p daffHeroTagline>Frontend framework for ecommerce PWAs</p>\n\t\t\t<h3 daffHeroTitle>Daffodil: The next great leap in ecommerce.</h3>\n\t\t\t<div daffHeroSubtitle>\n\t\t\t\t<p>Daffodil provides everything you need to create powerful and flexible ecommerce experiences.</p>\n\t\t\t\t<p>With Daffodil, ambitious businesses are able to achieve more while minimizing development and maintenance costs.</p>\n\t\t\t</div>\n\t\t\t<div daffHeroBody>\n\t\t\t\t<a href=\"https://www.daff.io\" target=\"_blank\" daff-button>Get Started</a>\n\t\t\t</div>\n\t\t</div>\n\t</daff-container>\n</daff-hero>", styles: [".daff-hero-with-grid__grid{display:grid;grid-template:\"image\" \"content\"/1fr;grid-gap:24px}@media (min-width: 768px){.daff-hero-with-grid__grid{grid-template:\"image content\"/1fr 1fr;grid-gap:48px;align-items:center}}.daff-hero-with-grid__image{grid-area:image}.daff-hero-with-grid__content-wrapper{grid-area:content}.daff-hero-with-grid__icon{display:flex;background:rgba(var(--daff-theme-rgb),.2);border-radius:50%;color:var(--daff-theme-contrast-rgb);width:48px;height:48px;justify-content:center;align-items:center;padding:12px 0}\n"] }]
@@ -8,7 +8,7 @@ export class BasicMenuComponent {
8
8
  }
9
9
  }
10
10
  /** @nocollapse */ BasicMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
11
- /** @nocollapse */ BasicMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicMenuComponent, selector: "basic-menu", ngImport: i0, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>", components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: ["daffMenuActivator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
11
+ /** @nocollapse */ BasicMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicMenuComponent, selector: "basic-menu", ngImport: i0, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>", components: [{ type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: ["daffMenuActivator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
12
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMenuComponent, decorators: [{
13
13
  type: Component,
14
14
  args: [{ selector: 'basic-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>" }]
@@ -12,7 +12,7 @@ export class BasicModalComponent {
12
12
  }
13
13
  }
14
14
  /** @nocollapse */ BasicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalComponent, deps: [{ token: i1.DaffModalService }], target: i0.ɵɵFactoryTarget.Component });
15
- /** @nocollapse */ BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalComponent, selector: "basic-modal", ngImport: i0, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n", components: [{ type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
15
+ /** @nocollapse */ BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalComponent, selector: "basic-modal", ngImport: i0, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n", components: [{ type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
16
16
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalComponent, decorators: [{
17
17
  type: Component,
18
18
  args: [{ selector: 'basic-modal', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button (click)=\"showModal()\">Open Modal</button>\n" }]
@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
4
4
  export class BasicModalContentComponent {
5
5
  }
6
6
  /** @nocollapse */ BasicModalContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- /** @nocollapse */ BasicModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalContentComponent, selector: "basic-modal-content", ngImport: i0, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>", components: [{ type: i1.DaffModalHeaderComponent, selector: "daff-modal-header" }, { type: i1.DaffModalContentComponent, selector: "daff-modal-content" }, { type: i1.DaffModalActionsComponent, selector: "daff-modal-actions" }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i1.DaffModalTitleDirective, selector: "[daffModalTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
+ /** @nocollapse */ BasicModalContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicModalContentComponent, selector: "basic-modal-content", ngImport: i0, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>", components: [{ type: i1.DaffModalHeaderComponent, selector: "daff-modal-header" }, { type: i1.DaffModalContentComponent, selector: "daff-modal-content" }, { type: i1.DaffModalActionsComponent, selector: "daff-modal-actions" }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i1.DaffModalTitleDirective, selector: "[daffModalTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicModalContentComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{ selector: 'basic-modal-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-modal-header>\n\t<h5 daffModalTitle>Modal Title</h5>\n</daff-modal-header>\n<daff-modal-content>\n\tModal content goes here. Components can be placed in here. The content is scrollable.\n</daff-modal-content>\n<daff-modal-actions>\n\t<button daff-button>Save Changes</button>\n</daff-modal-actions>" }]
@@ -44,13 +44,13 @@ export class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
44
44
  /** @nocollapse */ DaffMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: { skeleton: "skeleton", name: "name" }, host: { properties: { "class.daff-media-gallery": "this.class" } }, providers: [
45
45
  // eslint-disable-next-line @typescript-eslint/no-use-before-define
46
46
  { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
47
- ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], components: [{ type: i2.DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
47
+ ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], components: [{ type: i2.DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
48
48
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryComponent, decorators: [{
49
49
  type: Component,
50
50
  args: [{ selector: 'daff-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
51
51
  // eslint-disable-next-line @typescript-eslint/no-use-before-define
52
52
  { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
53
- ], inputs: ['skeleton'], template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"] }]
53
+ ], inputs: ['skeleton'], template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"] }]
54
54
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DaffMediaGalleryRegistry }]; }, propDecorators: { class: [{
55
55
  type: HostBinding,
56
56
  args: ['class.daff-media-gallery']
@@ -1,7 +1,7 @@
1
1
  import { Component, Input, Renderer2, Output, EventEmitter, } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "../../atoms/form/form-field/form-field/form-field.component";
4
- import * as i2 from "../../atoms/form/select/select/select.component";
4
+ import * as i2 from "../../atoms/form/native-select/native-select.component";
5
5
  import * as i3 from "../../atoms/form/input/input.component";
6
6
  import * as i4 from "@angular/common";
7
7
  import * as i5 from "@angular/forms";
@@ -3,7 +3,7 @@ import { NgModule } from '@angular/core';
3
3
  import { FormsModule } from '@angular/forms';
4
4
  import { DaffFormFieldModule } from '../../atoms/form/form-field/form-field.module';
5
5
  import { DaffInputModule } from '../../atoms/form/input/input.module';
6
- import { DaffNativeSelectModule } from '../../atoms/form/select/select.module';
6
+ import { DaffNativeSelectModule } from '../../atoms/form/native-select/public_api';
7
7
  import { DaffQtyDropdownComponent } from './qty-dropdown.component';
8
8
  import * as i0 from "@angular/core";
9
9
  export class DaffQtyDropdownModule {
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImpor
39
39
  ],
40
40
  }]
41
41
  }] });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXR5LWRyb3Bkb3duLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcXR5LWRyb3Bkb3duL3F0eS1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFpQnBFLE1BQU0sT0FBTyxxQkFBcUI7O3FJQUFyQixxQkFBcUI7c0lBQXJCLHFCQUFxQixpQkFOOUIsd0JBQXdCLGFBUHhCLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0QixlQUFlLGFBTWYsd0JBQXdCO3NJQUdmLHFCQUFxQixZQWR2QjtZQUNQLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLHNCQUFzQjtZQUN0QixlQUFlO1NBQ2hCOzJGQVFVLHFCQUFxQjtrQkFmakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixlQUFlO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZGb3JtRmllbGRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9mb3JtL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZklucHV0TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvZm9ybS9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZk5hdGl2ZVNlbGVjdE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2Zvcm0vc2VsZWN0L3NlbGVjdC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZlF0eURyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9xdHktZHJvcGRvd24uY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBEYWZmRm9ybUZpZWxkTW9kdWxlLFxuICAgIERhZmZOYXRpdmVTZWxlY3RNb2R1bGUsXG4gICAgRGFmZklucHV0TW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmUXR5RHJvcGRvd25Db21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYWZmUXR5RHJvcGRvd25Db21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZRdHlEcm9wZG93bk1vZHVsZSB7IH1cbiJdfQ==
42
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXR5LWRyb3Bkb3duLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9tb2xlY3VsZXMvcXR5LWRyb3Bkb3duL3F0eS1kcm9wZG93bi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFpQnBFLE1BQU0sT0FBTyxxQkFBcUI7O3FJQUFyQixxQkFBcUI7c0lBQXJCLHFCQUFxQixpQkFOOUIsd0JBQXdCLGFBUHhCLFlBQVk7UUFDWixXQUFXO1FBQ1gsbUJBQW1CO1FBQ25CLHNCQUFzQjtRQUN0QixlQUFlLGFBTWYsd0JBQXdCO3NJQUdmLHFCQUFxQixZQWR2QjtZQUNQLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLHNCQUFzQjtZQUN0QixlQUFlO1NBQ2hCOzJGQVFVLHFCQUFxQjtrQkFmakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsc0JBQXNCO3dCQUN0QixlQUFlO3FCQUNoQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asd0JBQXdCO3FCQUN6QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZGb3JtRmllbGRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9mb3JtL2Zvcm0tZmllbGQvZm9ybS1maWVsZC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZklucHV0TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvZm9ybS9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuaW1wb3J0IHsgRGFmZk5hdGl2ZVNlbGVjdE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2Zvcm0vbmF0aXZlLXNlbGVjdC9wdWJsaWNfYXBpJztcbmltcG9ydCB7IERhZmZRdHlEcm9wZG93bkNvbXBvbmVudCB9IGZyb20gJy4vcXR5LWRyb3Bkb3duLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgRGFmZkZvcm1GaWVsZE1vZHVsZSxcbiAgICBEYWZmTmF0aXZlU2VsZWN0TW9kdWxlLFxuICAgIERhZmZJbnB1dE1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGFmZlF0eURyb3Bkb3duQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZlF0eURyb3Bkb3duQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmUXR5RHJvcGRvd25Nb2R1bGUgeyB9XG4iXX0=
@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
4
4
  export class BasicNavbarComponent {
5
5
  }
6
6
  /** @nocollapse */ BasicNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- /** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, 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>", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
+ /** @nocollapse */ BasicNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: BasicNavbarComponent, selector: "basic-navbar", ngImport: i0, 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>", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicNavbarComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{ selector: 'basic-navbar', changeDetection: ChangeDetectionStrategy.OnPush, 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>", 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}\n"] }]
@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
4
4
  export class ContainedNavbarComponent {
5
5
  }
6
6
  /** @nocollapse */ ContainedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- /** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, 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", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
+ /** @nocollapse */ ContainedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: ContainedNavbarComponent, selector: "contained-navbar", ngImport: i0, 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", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffContainerComponent, selector: "daff-container", inputs: ["size"] }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: ContainedNavbarComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{ selector: 'contained-navbar', changeDetection: ChangeDetectionStrategy.OnPush, 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", 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}\n"] }]
@@ -20,7 +20,7 @@ export class NavbarThemingComponent {
20
20
  }
21
21
  }
22
22
  /** @nocollapse */ NavbarThemingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
23
- /** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, 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>", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
23
+ /** @nocollapse */ NavbarThemingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: NavbarThemingComponent, selector: "navbar-theming", ngImport: i0, 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>", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], directives: [{ type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
24
24
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: NavbarThemingComponent, decorators: [{
25
25
  type: Component,
26
26
  args: [{ selector: 'navbar-theming', changeDetection: ChangeDetectionStrategy.OnPush, 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>", 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}\n"] }]
@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
4
4
  export class RaisedNavbarComponent {
5
5
  }
6
6
  /** @nocollapse */ RaisedNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- /** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, 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", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
7
+ /** @nocollapse */ RaisedNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: RaisedNavbarComponent, selector: "raised-navbar", ngImport: i0, 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", 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}\n"], components: [{ type: i1.DaffNavbarComponent, selector: "nav[daff-navbar]", inputs: ["color", "raised"] }, { type: i1.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: ["color", "size", "status", "loading", "tabindex", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
8
8
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: RaisedNavbarComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{ selector: 'raised-navbar', changeDetection: ChangeDetectionStrategy.OnPush, 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", 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}\n"] }]
@@ -8,13 +8,14 @@ export * from './atoms/form/form-field/public_api';
8
8
  export * from './atoms/form/error-message/public_api';
9
9
  export * from './atoms/image/public_api';
10
10
  export * from './atoms/form/input/public_api';
11
- export * from './atoms/form/select/public_api';
11
+ export * from './atoms/form/native-select/public_api';
12
12
  export * from './atoms/form/checkbox/public_api';
13
13
  export * from './atoms/form/quantity-field/public_api';
14
14
  export * from './atoms/container/public_api';
15
15
  export * from './atoms/loading-icon/public_api';
16
16
  export * from './atoms/progress-indicator/public_api';
17
17
  export * from './atoms/form/radio/public_api';
18
+ export * from './atoms/form/form-label/public_api';
18
19
  // Molecules
19
20
  export * from './molecules/accordion/public_api';
20
21
  export * from './molecules/article/public_api';
@@ -39,4 +40,4 @@ export * from './molecules/card/public_api';
39
40
  export * from './core/public_api';
40
41
  // Examples
41
42
  export * from './examples/public_api';
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsUUFBUTtBQUNSLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFFOUMsWUFBWTtBQUNaLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxzQ0FBc0MsQ0FBQztBQUNyRCxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsT0FBTztBQUNQLGNBQWMsbUJBQW1CLENBQUM7QUFFbEMsV0FBVztBQUNYLGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBkYWZmb2RpbC9kZXNpZ25cbiAqL1xuXG4vLyBBdG9tc1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9idXR0b24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vY29yZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9mb3JtLWZpZWxkL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL2Vycm9yLW1lc3NhZ2UvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2ltYWdlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL2lucHV0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL3NlbGVjdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9jaGVja2JveC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9xdWFudGl0eS1maWVsZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvY29udGFpbmVyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9sb2FkaW5nLWljb24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL3Byb2dyZXNzLWluZGljYXRvci9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9yYWRpby9wdWJsaWNfYXBpJztcblxuLy8gTW9sZWN1bGVzXG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9hY2NvcmRpb24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9hcnRpY2xlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvYmFja2Ryb3AvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9idXR0b24tc2V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvaW1hZ2UtZ2FsbGVyeS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2ltYWdlLWxpc3QvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9saW5rLXNldC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2xpc3QvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9tZWRpYS1nYWxsZXJ5L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbWVudS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL21vZGFsL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbmF2YmFyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvcGFnaW5hdG9yL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvcXR5LWRyb3Bkb3duL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvc2lkZWJhci9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2hlcm8vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9jYWxsb3V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvZmVhdHVyZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2NhcmQvcHVibGljX2FwaSc7XG5cbi8vIENvcmVcbmV4cG9ydCAqIGZyb20gJy4vY29yZS9wdWJsaWNfYXBpJztcblxuLy8gRXhhbXBsZXNcbmV4cG9ydCAqIGZyb20gJy4vZXhhbXBsZXMvcHVibGljX2FwaSc7XG4iXX0=
43
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsUUFBUTtBQUNSLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxvQ0FBb0MsQ0FBQztBQUVuRCxZQUFZO0FBQ1osY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGdDQUFnQyxDQUFDO0FBQy9DLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyw2QkFBNkIsQ0FBQztBQUU1QyxPQUFPO0FBQ1AsY0FBYyxtQkFBbUIsQ0FBQztBQUVsQyxXQUFXO0FBQ1gsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgQGRhZmZvZGlsL2Rlc2lnblxuICovXG5cbi8vIEF0b21zXG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2J1dHRvbi9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9jb3JlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9mb3JtL2Zvcm0tZmllbGQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vZXJyb3ItbWVzc2FnZS9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvaW1hZ2UvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vaW5wdXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL2Zvcm0vbmF0aXZlLXNlbGVjdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9jaGVja2JveC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9xdWFudGl0eS1maWVsZC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvY29udGFpbmVyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9hdG9tcy9sb2FkaW5nLWljb24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL2F0b21zL3Byb2dyZXNzLWluZGljYXRvci9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9yYWRpby9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vYXRvbXMvZm9ybS9mb3JtLWxhYmVsL3B1YmxpY19hcGknO1xuXG4vLyBNb2xlY3VsZXNcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2FjY29yZGlvbi9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2FydGljbGUvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9iYWNrZHJvcC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2J1dHRvbi1zZXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9pbWFnZS1nYWxsZXJ5L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvaW1hZ2UtbGlzdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2xpbmstc2V0L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbGlzdC9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9tZW51L3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvbW9kYWwvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9uYXZiYXIvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9wYWdpbmF0b3IvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9xdHktZHJvcGRvd24vcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9zaWRlYmFyL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvaGVyby9wdWJsaWNfYXBpJztcbmV4cG9ydCAqIGZyb20gJy4vbW9sZWN1bGVzL2NhbGxvdXQvcHVibGljX2FwaSc7XG5leHBvcnQgKiBmcm9tICcuL21vbGVjdWxlcy9mZWF0dXJlL3B1YmxpY19hcGknO1xuZXhwb3J0ICogZnJvbSAnLi9tb2xlY3VsZXMvY2FyZC9wdWJsaWNfYXBpJztcblxuLy8gQ29yZVxuZXhwb3J0ICogZnJvbSAnLi9jb3JlL3B1YmxpY19hcGknO1xuXG4vLyBFeGFtcGxlc1xuZXhwb3J0ICogZnJvbSAnLi9leGFtcGxlcy9wdWJsaWNfYXBpJztcbiJdfQ==