@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.
- package/atoms/button/button.component.d.ts +5 -0
- package/bundles/daffodil-design-card-examples.umd.js +152 -14
- package/bundles/daffodil-design-card-examples.umd.js.map +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js +1 -1
- package/bundles/daffodil-design-card-examples.umd.min.js.map +1 -1
- package/bundles/daffodil-design-container-examples.umd.js +65 -0
- package/bundles/daffodil-design-container-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-container-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-container-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design-navbar-examples.umd.js +177 -0
- package/bundles/daffodil-design-navbar-examples.umd.js.map +1 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js +2 -0
- package/bundles/daffodil-design-navbar-examples.umd.min.js.map +1 -0
- package/bundles/daffodil-design.umd.js +300 -51
- package/bundles/daffodil-design.umd.js.map +1 -1
- package/bundles/daffodil-design.umd.min.js +2 -2
- package/bundles/daffodil-design.umd.min.js.map +1 -1
- package/card/examples/basic-card/basic-card.component.d.ts +1 -0
- package/card/examples/card-orientation/card-orientation.component.d.ts +9 -0
- package/card/examples/card-orientation/card-orientation.module.d.ts +2 -0
- package/card/examples/card-theming/card-theming.component.d.ts +4 -2
- package/card/examples/daffodil-design-card-examples.d.ts +2 -0
- package/card/examples/daffodil-design-card-examples.metadata.json +1 -1
- package/card/examples/linkable-card/linkable-card.component.d.ts +8 -0
- package/card/examples/public_api.d.ts +5 -1
- package/card/examples/raised-card/raised-card.component.d.ts +6 -0
- package/card/examples/stroked-card/stroked-card.component.d.ts +8 -0
- package/card/examples/stroked-card/stroked-card.module.d.ts +2 -0
- package/container/examples/container-sizes/container-sizes.component.d.ts +8 -0
- package/container/examples/container-sizes/container-sizes.module.d.ts +2 -0
- package/container/examples/daffodil-design-container-examples.d.ts +4 -0
- package/container/examples/daffodil-design-container-examples.metadata.json +1 -0
- package/container/examples/examples.d.ts +2 -0
- package/container/examples/index.d.ts +1 -0
- package/container/examples/package.json +11 -0
- package/container/examples/public_api.d.ts +3 -0
- package/core/article-encapsulated/article-encapsulated-mixin.d.ts +15 -0
- package/core/article-encapsulated/public_api.d.ts +1 -0
- package/core/manage-container-layout/manage-container-layout-mixin.d.ts +17 -0
- package/core/manage-container-layout/public_api.d.ts +1 -0
- package/core/public_api.d.ts +2 -0
- package/daff-theme.scss +278 -129
- package/daffodil-design.metadata.json +1 -1
- package/esm2015/atoms/button/button.component.js +3 -2
- package/esm2015/atoms/container/container.component.js +1 -1
- package/esm2015/atoms/image/image.component.js +2 -2
- package/esm2015/card/examples/basic-card/basic-card.component.js +7 -3
- package/esm2015/card/examples/basic-card/basic-card.module.js +3 -1
- package/esm2015/card/examples/card-orientation/card-orientation.component.js +24 -0
- package/esm2015/card/examples/card-orientation/card-orientation.module.js +27 -0
- package/esm2015/card/examples/card-theming/card-theming.component.js +13 -4
- package/esm2015/card/examples/daffodil-design-card-examples.js +3 -1
- package/esm2015/card/examples/linkable-card/linkable-card.component.js +19 -3
- package/esm2015/card/examples/linkable-card/linkable-card.module.js +3 -1
- package/esm2015/card/examples/public_api.js +7 -1
- package/esm2015/card/examples/raised-card/raised-card.component.js +17 -3
- package/esm2015/card/examples/raised-card/raised-card.module.js +3 -3
- package/esm2015/card/examples/stroked-card/stroked-card.component.js +27 -0
- package/esm2015/card/examples/stroked-card/stroked-card.module.js +27 -0
- package/esm2015/container/examples/container-sizes/container-sizes.component.js +23 -0
- package/esm2015/container/examples/container-sizes/container-sizes.module.js +23 -0
- package/esm2015/container/examples/daffodil-design-container-examples.js +5 -0
- package/esm2015/container/examples/examples.js +5 -0
- package/esm2015/container/examples/index.js +2 -0
- package/esm2015/container/examples/public_api.js +4 -0
- package/esm2015/core/article-encapsulated/article-encapsulated-mixin.js +12 -0
- package/esm2015/core/article-encapsulated/public_api.js +2 -0
- package/esm2015/core/manage-container-layout/manage-container-layout-mixin.js +14 -0
- package/esm2015/core/manage-container-layout/public_api.js +2 -0
- package/esm2015/core/public_api.js +3 -1
- package/esm2015/molecules/accordion/accordion/accordion.component.js +24 -3
- package/esm2015/molecules/article/article/article.component.js +1 -1
- package/esm2015/molecules/callout/callout/callout.component.js +5 -3
- package/esm2015/molecules/card/card/card.component.js +78 -15
- package/esm2015/molecules/card/card-content/card-content.directive.js +18 -0
- package/esm2015/molecules/card/card-icon/card-icon.directive.js +18 -0
- package/esm2015/molecules/card/card.module.js +9 -3
- package/esm2015/molecules/card/public_api.js +4 -2
- package/esm2015/molecules/feature/feature/feature.component.js +4 -1
- package/esm2015/molecules/hero/hero/hero.component.js +6 -4
- package/esm2015/molecules/link-set/link-set/link-set.component.js +23 -4
- package/esm2015/molecules/list/list/list.component.js +19 -5
- package/esm2015/molecules/media-gallery/media-gallery.component.js +20 -4
- package/esm2015/molecules/navbar/navbar.component.js +11 -9
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.component.js +13 -0
- package/esm2015/navbar/examples/basic-navbar/basic-navbar.module.js +20 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.component.js +13 -0
- package/esm2015/navbar/examples/contained-navbar/contained-navbar.module.js +20 -0
- package/esm2015/navbar/examples/daffodil-design-navbar-examples.js +5 -0
- package/esm2015/navbar/examples/examples.js +11 -0
- package/esm2015/navbar/examples/index.js +2 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.component.js +27 -0
- package/esm2015/navbar/examples/navbar-theming/navbar-theming.module.js +21 -0
- package/esm2015/navbar/examples/public_api.js +10 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.component.js +13 -0
- package/esm2015/navbar/examples/raised-navbar/raised-navbar.module.js +19 -0
- package/fesm2015/daffodil-design-card-examples.js +145 -11
- package/fesm2015/daffodil-design-card-examples.js.map +1 -1
- package/fesm2015/daffodil-design-container-examples.js +54 -0
- package/fesm2015/daffodil-design-container-examples.js.map +1 -0
- package/fesm2015/daffodil-design-navbar-examples.js +142 -0
- package/fesm2015/daffodil-design-navbar-examples.js.map +1 -0
- package/fesm2015/daffodil-design.js +238 -42
- package/fesm2015/daffodil-design.js.map +1 -1
- package/molecules/accordion/accordion/accordion.component.d.ts +20 -1
- package/molecules/callout/callout/callout.component.d.ts +10 -0
- package/molecules/card/card/card.component.d.ts +42 -11
- package/molecules/card/card-content/card-content.directive.d.ts +6 -0
- package/molecules/card/card-icon/card-icon.directive.d.ts +6 -0
- package/molecules/card/public_api.d.ts +3 -1
- package/molecules/feature/feature/feature.component.d.ts +3 -0
- package/molecules/hero/hero/hero.component.d.ts +11 -1
- package/molecules/link-set/link-set/link-set.component.d.ts +20 -1
- package/molecules/list/list/list.component.d.ts +19 -3
- package/molecules/media-gallery/media-gallery.component.d.ts +20 -3
- package/molecules/navbar/navbar.component.d.ts +10 -5
- package/navbar/examples/basic-navbar/basic-navbar.component.d.ts +2 -0
- package/navbar/examples/basic-navbar/basic-navbar.module.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.component.d.ts +2 -0
- package/navbar/examples/contained-navbar/contained-navbar.module.d.ts +2 -0
- package/navbar/examples/daffodil-design-navbar-examples.d.ts +4 -0
- package/navbar/examples/daffodil-design-navbar-examples.metadata.json +1 -0
- package/navbar/examples/examples.d.ts +2 -0
- package/navbar/examples/index.d.ts +1 -0
- package/navbar/examples/navbar-theming/navbar-theming.component.d.ts +8 -0
- package/navbar/examples/navbar-theming/navbar-theming.module.d.ts +2 -0
- package/navbar/examples/package.json +11 -0
- package/navbar/examples/public_api.d.ts +9 -0
- package/navbar/examples/raised-navbar/raised-navbar.component.d.ts +2 -0
- package/navbar/examples/raised-navbar/raised-navbar.module.d.ts +2 -0
- package/package.json +2 -2
@@ -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"]}
|