@daffodil/design 0.39.8 → 0.39.12

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.
Files changed (131) hide show
  1. package/atoms/button/button.component.d.ts +5 -0
  2. package/bundles/daffodil-design-card-examples.umd.js +152 -14
  3. package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
  4. package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
  5. package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
  6. package/bundles/daffodil-design-container-examples.umd.js +65 -0
  7. package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
  8. package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
  9. package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
  10. package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
  11. package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
  12. package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
  13. package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
  14. package/bundles/daffodil-design.umd.js +300 -51
  15. package/bundles/daffodil-design.umd.js.map +1 -1
  16. package/bundles/daffodil-design.umd.min.js +2 -2
  17. package/bundles/daffodil-design.umd.min.js.map +1 -1
  18. package/card/examples/basic-card/basic-card.component.d.ts +1 -0
  19. package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
  20. package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
  21. package/card/examples/card-theming/card-theming.component.d.ts +4 -2
  22. package/card/examples/daffodil-design-card-examples.d.ts +2 -0
  23. package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
  24. package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
  25. package/card/examples/public_api.d.ts +5 -1
  26. package/card/examples/raised-card/raised-card.component.d.ts +6 -0
  27. package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
  28. package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
  29. package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
  30. package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
  31. package/container/examples/daffodil-design-container-examples.d.ts +4 -0
  32. package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
  33. package/container/examples/examples.d.ts +2 -0
  34. package/container/examples/index.d.ts +1 -0
  35. package/container/examples/package.json +11 -0
  36. package/container/examples/public_api.d.ts +3 -0
  37. package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
  38. package/core/article-encapsulated/public_api.d.ts +1 -0
  39. package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
  40. package/core/manage-container-layout/public_api.d.ts +1 -0
  41. package/core/public_api.d.ts +2 -0
  42. package/daff-theme.scss +278 -129
  43. package/daffodil-design.metadata.json +1 -1
  44. package/esm2015/atoms/button/button.component.js +3 -2
  45. package/esm2015/atoms/container/container.component.js +1 -1
  46. package/esm2015/atoms/image/image.component.js +2 -2
  47. package/esm2015/card/examples/basic-card/basic-card.component.js +7 -3
  48. package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
  49. package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
  50. package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
  51. package/esm2015/card/examples/card-theming/card-theming.component.js +13 -4
  52. package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
  53. package/esm2015/card/examples/linkable-card/linkable-card.component.js +19 -3
  54. package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
  55. package/esm2015/card/examples/public_api.js +7 -1
  56. package/esm2015/card/examples/raised-card/raised-card.component.js +17 -3
  57. package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
  58. package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
  59. package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
  60. package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
  61. package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
  62. package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
  63. package/esm2015/container/examples/examples.js +5 -0
  64. package/esm2015/container/examples/index.js +2 -0
  65. package/esm2015/container/examples/public_api.js +4 -0
  66. package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
  67. package/esm2015/core/article-encapsulated/public_api.js +2 -0
  68. package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
  69. package/esm2015/core/manage-container-layout/public_api.js +2 -0
  70. package/esm2015/core/public_api.js +3 -1
  71. package/esm2015/molecules/accordion/accordion/accordion.component.js +24 -3
  72. package/esm2015/molecules/article/article/article.component.js +1 -1
  73. package/esm2015/molecules/callout/callout/callout.component.js +5 -3
  74. package/esm2015/molecules/card/card/card.component.js +78 -15
  75. package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
  76. package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
  77. package/esm2015/molecules/card/card.module.js +9 -3
  78. package/esm2015/molecules/card/public_api.js +4 -2
  79. package/esm2015/molecules/feature/feature/feature.component.js +4 -1
  80. package/esm2015/molecules/hero/hero/hero.component.js +6 -4
  81. package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
  82. package/esm2015/molecules/list/list/list.component.js +19 -5
  83. package/esm2015/molecules/media-gallery/media-gallery.component.js +20 -4
  84. package/esm2015/molecules/navbar/navbar.component.js +11 -9
  85. package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
  86. package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
  87. package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
  88. package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
  89. package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
  90. package/esm2015/navbar/examples/examples.js +11 -0
  91. package/esm2015/navbar/examples/index.js +2 -0
  92. package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
  93. package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
  94. package/esm2015/navbar/examples/public_api.js +10 -0
  95. package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
  96. package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
  97. package/fesm2015/daffodil-design-card-examples.js +145 -11
  98. package/fesm2015/daffodil-design-card-examples.js.map +1 -1
  99. package/fesm2015/daffodil-design-container-examples.js +54 -0
  100. package/fesm2015/daffodil-design-container-examples.js.map +1 -0
  101. package/fesm2015/daffodil-design-navbar-examples.js +142 -0
  102. package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
  103. package/fesm2015/daffodil-design.js +238 -42
  104. package/fesm2015/daffodil-design.js.map +1 -1
  105. package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
  106. package/molecules/callout/callout/callout.component.d.ts +10 -0
  107. package/molecules/card/card/card.component.d.ts +42 -11
  108. package/molecules/card/card-content/card-content.directive.d.ts +6 -0
  109. package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
  110. package/molecules/card/public_api.d.ts +3 -1
  111. package/molecules/feature/feature/feature.component.d.ts +3 -0
  112. package/molecules/hero/hero/hero.component.d.ts +11 -1
  113. package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
  114. package/molecules/list/list/list.component.d.ts +19 -3
  115. package/molecules/media-gallery/media-gallery.component.d.ts +20 -3
  116. package/molecules/navbar/navbar.component.d.ts +10 -5
  117. package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
  118. package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
  119. package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
  120. package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
  121. package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
  122. package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
  123. package/navbar/examples/examples.d.ts +2 -0
  124. package/navbar/examples/index.d.ts +1 -0
  125. package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
  126. package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
  127. package/navbar/examples/package.json +11 -0
  128. package/navbar/examples/public_api.d.ts +9 -0
  129. package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
  130. package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
  131. package/package.json +2 -2
@@ -0,0 +1,177 @@
1
+ (function (global, factory) {
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@daffodil/design'), require('@angular/forms')) :
3
+ typeof define === 'function' && define.amd ? define('@daffodil/design/navbar/examples', ['exports', '@angular/core', '@angular/common', '@daffodil/design', '@angular/forms'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.daffodil = global.daffodil || {}, global.daffodil.design = global.daffodil.design || {}, global.daffodil.design.navbar = global.daffodil.design.navbar || {}, global.daffodil.design.navbar.examples = {}), global.ng.core, global.ng.common, global.daffodil.design, global.ng.forms));
5
+ }(this, (function (exports, core, common, design, forms) { 'use strict';
6
+
7
+ var BasicNavbarComponent = /** @class */ (function () {
8
+ function BasicNavbarComponent() {
9
+ }
10
+ return BasicNavbarComponent;
11
+ }());
12
+ BasicNavbarComponent.decorators = [
13
+ { type: core.Component, args: [{
14
+ // eslint-disable-next-line @angular-eslint/component-selector
15
+ selector: 'basic-navbar',
16
+ 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>",
17
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
18
+ 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}"]
19
+ },] }
20
+ ];
21
+
22
+ var BasicNavbarModule = /** @class */ (function () {
23
+ function BasicNavbarModule() {
24
+ }
25
+ return BasicNavbarModule;
26
+ }());
27
+ BasicNavbarModule.decorators = [
28
+ { type: core.NgModule, args: [{
29
+ declarations: [
30
+ BasicNavbarComponent,
31
+ ],
32
+ imports: [
33
+ common.CommonModule,
34
+ design.DaffNavbarModule,
35
+ design.DaffButtonModule,
36
+ design.DaffContainerModule,
37
+ ],
38
+ },] }
39
+ ];
40
+
41
+ var ContainedNavbarComponent = /** @class */ (function () {
42
+ function ContainedNavbarComponent() {
43
+ }
44
+ return ContainedNavbarComponent;
45
+ }());
46
+ ContainedNavbarComponent.decorators = [
47
+ { type: core.Component, args: [{
48
+ // eslint-disable-next-line @angular-eslint/component-selector
49
+ selector: 'contained-navbar',
50
+ 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",
51
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
52
+ 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}"]
53
+ },] }
54
+ ];
55
+
56
+ var ContainedNavbarModule = /** @class */ (function () {
57
+ function ContainedNavbarModule() {
58
+ }
59
+ return ContainedNavbarModule;
60
+ }());
61
+ ContainedNavbarModule.decorators = [
62
+ { type: core.NgModule, args: [{
63
+ declarations: [
64
+ ContainedNavbarComponent,
65
+ ],
66
+ imports: [
67
+ common.CommonModule,
68
+ design.DaffNavbarModule,
69
+ design.DaffButtonModule,
70
+ design.DaffContainerModule,
71
+ ],
72
+ },] }
73
+ ];
74
+
75
+ var NavbarThemingComponent = /** @class */ (function () {
76
+ function NavbarThemingComponent() {
77
+ this.colorControl = new forms.FormControl('');
78
+ this.options = [
79
+ { value: '', label: 'Default' },
80
+ { value: 'primary', label: 'Primary' },
81
+ { value: 'secondary', label: 'Secondary' },
82
+ { value: 'tertiary', label: 'Tertiary' },
83
+ { value: 'white', label: 'White' },
84
+ { value: 'black', label: 'Black' },
85
+ { value: 'theme', label: 'Theme' },
86
+ { value: 'theme-contrast', label: 'Theme Contrast' },
87
+ ];
88
+ }
89
+ return NavbarThemingComponent;
90
+ }());
91
+ NavbarThemingComponent.decorators = [
92
+ { type: core.Component, args: [{
93
+ // eslint-disable-next-line @angular-eslint/component-selector
94
+ selector: 'navbar-theming',
95
+ 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>",
96
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
97
+ 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}"]
98
+ },] }
99
+ ];
100
+
101
+ var NavbarThemingModule = /** @class */ (function () {
102
+ function NavbarThemingModule() {
103
+ }
104
+ return NavbarThemingModule;
105
+ }());
106
+ NavbarThemingModule.decorators = [
107
+ { type: core.NgModule, args: [{
108
+ declarations: [
109
+ NavbarThemingComponent,
110
+ ],
111
+ imports: [
112
+ common.CommonModule,
113
+ forms.ReactiveFormsModule,
114
+ design.DaffNavbarModule,
115
+ design.DaffButtonModule,
116
+ ],
117
+ },] }
118
+ ];
119
+
120
+ var RaisedNavbarComponent = /** @class */ (function () {
121
+ function RaisedNavbarComponent() {
122
+ }
123
+ return RaisedNavbarComponent;
124
+ }());
125
+ RaisedNavbarComponent.decorators = [
126
+ { type: core.Component, args: [{
127
+ // eslint-disable-next-line @angular-eslint/component-selector
128
+ selector: 'raised-navbar',
129
+ 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",
130
+ changeDetection: core.ChangeDetectionStrategy.OnPush,
131
+ 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}"]
132
+ },] }
133
+ ];
134
+
135
+ var RaisedNavbarModule = /** @class */ (function () {
136
+ function RaisedNavbarModule() {
137
+ }
138
+ return RaisedNavbarModule;
139
+ }());
140
+ RaisedNavbarModule.decorators = [
141
+ { type: core.NgModule, args: [{
142
+ declarations: [
143
+ RaisedNavbarComponent,
144
+ ],
145
+ imports: [
146
+ common.CommonModule,
147
+ design.DaffNavbarModule,
148
+ design.DaffButtonModule,
149
+ ],
150
+ },] }
151
+ ];
152
+
153
+ var NAVBAR_EXAMPLES = [
154
+ BasicNavbarComponent,
155
+ ContainedNavbarComponent,
156
+ NavbarThemingComponent,
157
+ RaisedNavbarComponent,
158
+ ];
159
+
160
+ /**
161
+ * Generated bundle index. Do not edit.
162
+ */
163
+
164
+ exports.BasicNavbarComponent = BasicNavbarComponent;
165
+ exports.BasicNavbarModule = BasicNavbarModule;
166
+ exports.ContainedNavbarComponent = ContainedNavbarComponent;
167
+ exports.ContainedNavbarModule = ContainedNavbarModule;
168
+ exports.NAVBAR_EXAMPLES = NAVBAR_EXAMPLES;
169
+ exports.NavbarThemingComponent = NavbarThemingComponent;
170
+ exports.NavbarThemingModule = NavbarThemingModule;
171
+ exports.RaisedNavbarComponent = RaisedNavbarComponent;
172
+ exports.RaisedNavbarModule = RaisedNavbarModule;
173
+
174
+ Object.defineProperty(exports, '__esModule', { value: true });
175
+
176
+ })));
177
+ //# sourceMappingURL=daffodil-design-navbar-examples.umd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"daffodil-design-navbar-examples.umd.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":["Component","ChangeDetectionStrategy","NgModule","CommonModule","DaffNavbarModule","DaffButtonModule","DaffContainerModule","FormControl","ReactiveFormsModule"],"mappings":";;;;;;;QAaA;;;;;gBAPCA,cAAS,SAAC;;oBAET,QAAQ,EAAE,cAAc;oBACxB,uPAA4C;oBAE5C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCWD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZC,uBAAgB;wBAChBC,uBAAgB;wBAChBC,0BAAmB;qBACpB;iBACF;;;;QCVD;;;;;gBAPCN,cAAS,SAAC;;oBAET,QAAQ,EAAE,kBAAkB;oBAC5B,uSAAgD;oBAEhD,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCYD;;;;;gBAZCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,wBAAwB;qBACzB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZC,uBAAgB;wBAChBC,uBAAgB;wBAChBC,0BAAmB;qBACpB;iBACF;;;;QChBD;YAQE,iBAAY,GAAgB,IAAIC,iBAAW,CAAC,EAAE,CAAC,CAAC;YAEhD,YAAO,GAAG;gBACR,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBAC/B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;gBAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;gBAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;aACrD,CAAC;SACH;;;;gBApBAP,cAAS,SAAC;;oBAET,QAAQ,EAAE,gBAAgB;oBAC1B,wZAA8C;oBAE9C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCUD;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,sBAAsB;qBACvB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBACZK,yBAAmB;wBACnBJ,uBAAgB;wBAChBC,uBAAgB;qBACjB;iBACF;;;;QCTD;;;;;gBAPCL,cAAS,SAAC;;oBAET,QAAQ,EAAE,eAAe;oBACzB,oPAA6C;oBAE7C,eAAe,EAAEC,4BAAuB,CAAC,MAAM;;iBAChD;;;;QCUD;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;wBAEZC,uBAAgB;wBAChBC,uBAAgB;qBACjB;iBACF;;;QCfY,eAAe,GAAG;QAC7B,oBAAoB;QACpB,wBAAwB;QACxB,sBAAsB;QACtB,qBAAqB;;;ICTvB;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,2 @@
1
+ !function(a,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@daffodil/design"),require("@angular/forms")):"function"==typeof define&&define.amd?define("@daffodil/design/navbar/examples",["exports","@angular/core","@angular/common","@daffodil/design","@angular/forms"],e):e(((a="undefined"!=typeof globalThis?globalThis:a||self).daffodil=a.daffodil||{},a.daffodil.design=a.daffodil.design||{},a.daffodil.design.navbar=a.daffodil.design.navbar||{},a.daffodil.design.navbar.examples={}),a.ng.core,a.ng.common,a.daffodil.design,a.ng.forms)}(this,(function(a,e,n,t,o){"use strict";var r=function(){};r.decorators=[{type:e.Component,args:[{selector:"basic-navbar",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>',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var i=function(){};i.decorators=[{type:e.NgModule,args:[{declarations:[r],imports:[n.CommonModule,t.DaffNavbarModule,t.DaffButtonModule,t.DaffContainerModule]}]}];var f=function(){};f.decorators=[{type:e.Component,args:[{selector:"contained-navbar",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',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var s=function(){};s.decorators=[{type:e.NgModule,args:[{declarations:[f],imports:[n.CommonModule,t.DaffNavbarModule,t.DaffButtonModule,t.DaffContainerModule]}]}];var d=function(){this.colorControl=new o.FormControl(""),this.options=[{value:"",label:"Default"},{value:"primary",label:"Primary"},{value:"secondary",label:"Secondary"},{value:"tertiary",label:"Tertiary"},{value:"white",label:"White"},{value:"black",label:"Black"},{value:"theme",label:"Theme"},{value:"theme-contrast",label:"Theme Contrast"}]};d.decorators=[{type:e.Component,args:[{selector:"navbar-theming",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>',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var l=function(){};l.decorators=[{type:e.NgModule,args:[{declarations:[d],imports:[n.CommonModule,o.ReactiveFormsModule,t.DaffNavbarModule,t.DaffButtonModule]}]}];var c=function(){};c.decorators=[{type:e.Component,args:[{selector:"raised-navbar",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',changeDetection:e.ChangeDetectionStrategy.OnPush,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}"]}]}];var u=function(){};u.decorators=[{type:e.NgModule,args:[{declarations:[c],imports:[n.CommonModule,t.DaffNavbarModule,t.DaffButtonModule]}]}];var b=[r,f,d,c];a.BasicNavbarComponent=r,a.BasicNavbarModule=i,a.ContainedNavbarComponent=f,a.ContainedNavbarModule=s,a.NAVBAR_EXAMPLES=b,a.NavbarThemingComponent=d,a.NavbarThemingModule=l,a.RaisedNavbarComponent=c,a.RaisedNavbarModule=u,Object.defineProperty(a,"__esModule",{value:!0})}));
2
+ //# sourceMappingURL=daffodil-design-navbar-examples.umd.min.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"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"],"names":["Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","NgModule","declarations","BasicNavbarComponent","imports","CommonModule","DaffNavbarModule","DaffButtonModule","DaffContainerModule","ContainedNavbarComponent","this","colorControl","FormControl","options","value","label","NavbarThemingComponent","ReactiveFormsModule","RaisedNavbarComponent","NAVBAR_EXAMPLES"],"mappings":"qpBAaA,iCAPCA,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,eACVC,SAAA,oOAEAC,gBAAiBC,EAAAA,wBAAwBC,0MCY3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZC,GAEFC,QAAS,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,+BCRJ,iCAPCd,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,mBACVC,SAAA,oRAEAC,gBAAiBC,EAAAA,wBAAwBC,kNCa3C,iCAZCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZO,GAEFL,QAAS,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,iBACAC,EAAAA,+BCdJ,WAQEE,KAAAC,aAA4B,IAAIC,EAAAA,YAAY,IAE5CF,KAAAG,QAAU,CACR,CAAEC,MAAO,GAAIC,MAAO,WACpB,CAAED,MAAO,UAAWC,MAAO,WAC3B,CAAED,MAAO,YAAaC,MAAO,aAC7B,CAAED,MAAO,WAAYC,MAAO,YAC5B,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,QAASC,MAAO,SACzB,CAAED,MAAO,iBAAkBC,MAAO,wCAlBrCrB,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,iBACVC,SAAA,+XAEAC,gBAAiBC,EAAAA,wBAAwBC,8MCW3C,iCAXCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZc,GAEFZ,QAAS,CACPC,EAAAA,aACAY,EAAAA,oBACAX,EAAAA,iBACAC,EAAAA,4BCPJ,iCAPCb,EAAAA,UAASC,KAAA,CAAC,CAETC,SAAU,gBACVC,SAAA,iOAEAC,gBAAiBC,EAAAA,wBAAwBC,4MCW3C,iCAXCC,EAAAA,SAAQN,KAAA,CAAC,CACRO,aAAc,CACZgB,GAEFd,QAAS,CACPC,EAAAA,aAEAC,EAAAA,iBACAC,EAAAA,0BCbSY,EAAkB,CAC7BhB,EACAM,EACAO,EACAE","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"]}