novo-elements 6.0.5 → 6.1.2
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/bundles/novo-elements.umd.js +91 -16
- package/bundles/novo-elements.umd.js.map +1 -1
- package/bundles/novo-elements.umd.min.js +2 -2
- package/bundles/novo-elements.umd.min.js.map +1 -1
- package/elements/button/styles/button-other.scss +1 -1
- package/elements/calendar/calendar.component.scss +1 -1
- package/elements/calendar/month-view/month-view.component.scss +10 -10
- package/elements/common/option/option.component.scss +0 -1
- package/elements/common/typography/text.mixins.scss +1 -1
- package/elements/data-table/data-table.component.scss +1 -1
- package/elements/form/ControlGroup.scss +1 -1
- package/elements/switch/Switch.scss +1 -1
- package/elements/tabbed-group-picker/TabbedGroupPicker.scss +0 -1
- package/elements/toolbar/toolbar.component.scss +5 -3
- package/esm2015/src/elements/aside/aside-ref.js +10 -4
- package/esm2015/src/elements/aside/aside.service.js +2 -2
- package/esm2015/src/elements/button/Button.js +1 -1
- package/esm2015/src/elements/calendar/calendar.component.js +1 -1
- package/esm2015/src/elements/calendar/month-view/month-view.component.js +1 -1
- package/esm2015/src/elements/common/common.module.js +1 -1
- package/esm2015/src/elements/common/directives/accent.directive.js +19 -4
- package/esm2015/src/elements/common/index.js +2 -1
- package/esm2015/src/elements/common/option/option.component.js +1 -1
- package/esm2015/src/elements/common/theme/theme-options.js +40 -0
- package/esm2015/src/elements/common/typography/caption/caption.component.js +1 -1
- package/esm2015/src/elements/date-picker/DatePickerInput.js +5 -2
- package/esm2015/src/elements/field/hint/hint.js +1 -1
- package/esm2015/src/elements/modal/modal-ref.js +1 -1
- package/esm2015/src/elements/toolbar/toolbar.component.js +1 -1
- package/esm2015/src/novo-elements.providers.js +1 -3
- package/esm2015/src/services/security/Security.js +4 -2
- package/fesm2015/novo-elements.js +78 -18
- package/fesm2015/novo-elements.js.map +1 -1
- package/novo-elements.scss +5 -5
- package/package.json +1 -1
- package/schematics/package.json +1 -1
- package/src/elements/aside/aside-ref.d.ts +6 -4
- package/src/elements/aside/aside.service.d.ts +3 -2
- package/src/elements/common/directives/accent.directive.d.ts +7 -2
- package/src/elements/common/index.d.ts +1 -0
- package/src/elements/common/theme/theme-options.d.ts +29 -0
- package/src/elements/modal/modal-ref.d.ts +5 -5
- package/src/elements/modal/modal.service.d.ts +1 -1
- package/styles/themes/dark.scss +2 -2
- package/styles/themes/light.scss +4 -5
- package/styles/typography.scss +0 -10
|
@@ -33,12 +33,12 @@
|
|
|
33
33
|
font-weight: normal;
|
|
34
34
|
border-radius: 3px;
|
|
35
35
|
&.selected {
|
|
36
|
-
background-color:
|
|
36
|
+
background-color: var(--selection);
|
|
37
37
|
color: #fff;
|
|
38
38
|
}
|
|
39
39
|
&:hover {
|
|
40
40
|
cursor: pointer;
|
|
41
|
-
background-color:
|
|
41
|
+
background-color: var(--selection);
|
|
42
42
|
color: #fff;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
outline: none;
|
|
61
61
|
}
|
|
62
62
|
&:disabled {
|
|
63
|
-
color: var(--text-
|
|
63
|
+
color: var(--text-disabled);
|
|
64
64
|
cursor: not-allowed !important;
|
|
65
65
|
box-shadow: none !important;
|
|
66
66
|
}
|
|
@@ -69,13 +69,13 @@
|
|
|
69
69
|
display: table-cell;
|
|
70
70
|
|
|
71
71
|
&.notinmonth,
|
|
72
|
-
&.
|
|
73
|
-
color: var(--text-
|
|
72
|
+
&.notinmonth:not(.selected) > .day {
|
|
73
|
+
color: var(--text-disabled);
|
|
74
74
|
}
|
|
75
75
|
&:hover {
|
|
76
76
|
.day {
|
|
77
77
|
cursor: pointer;
|
|
78
|
-
box-shadow: inset 0 0 0 2px
|
|
78
|
+
box-shadow: inset 0 0 0 2px var(--selection);
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
&.inRange:hover {
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
&.inRange {
|
|
88
|
-
background:
|
|
88
|
+
background: var(--selection);
|
|
89
89
|
color: #fff;
|
|
90
90
|
height: 3.2rem;
|
|
91
91
|
width: 3.2rem;
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
content: "";
|
|
119
119
|
position: absolute;
|
|
120
120
|
height: 100%;
|
|
121
|
-
background:
|
|
121
|
+
background: var(--selection);
|
|
122
122
|
width: 10px;
|
|
123
123
|
top: 0;
|
|
124
124
|
left: -5px;
|
|
@@ -127,13 +127,13 @@
|
|
|
127
127
|
}
|
|
128
128
|
&.selected {
|
|
129
129
|
.day {
|
|
130
|
-
background:
|
|
130
|
+
background: var(--selection);
|
|
131
131
|
color: #fff;
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
&.preview:not(.previewStart):not(.previewEnd) {
|
|
135
135
|
.day {
|
|
136
|
-
border: 1px dashed
|
|
136
|
+
border: 1px dashed var(--selection);
|
|
137
137
|
}
|
|
138
138
|
&.selected {
|
|
139
139
|
.day {
|
|
@@ -25,16 +25,18 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
@include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
|
|
28
|
-
&.novo-color-#{$name}
|
|
28
|
+
&.novo-color-#{$name},
|
|
29
|
+
&.novo-theme-#{$name} {
|
|
29
30
|
color: $contrast;
|
|
30
31
|
background: $color;
|
|
31
32
|
& > novo-text,
|
|
32
33
|
& > novo-label,
|
|
33
34
|
& > novo-icon,
|
|
34
|
-
&
|
|
35
|
+
& novo-title {
|
|
35
36
|
color: inherit;
|
|
36
37
|
}
|
|
37
|
-
|
|
38
|
+
novo-action,
|
|
39
|
+
.links {
|
|
38
40
|
button,
|
|
39
41
|
novo-button {
|
|
40
42
|
color: inherit;
|
|
@@ -7,6 +7,11 @@ export class NovoAsideRef {
|
|
|
7
7
|
this.overlayRef = overlayRef;
|
|
8
8
|
this._beforeClose = new Subject();
|
|
9
9
|
this._afterClosed = new Subject();
|
|
10
|
+
this.isClosed = false;
|
|
11
|
+
}
|
|
12
|
+
// Gets a promise that is resolved when the dialog is closed.
|
|
13
|
+
get onClosed() {
|
|
14
|
+
return this._afterClosed.toPromise();
|
|
10
15
|
}
|
|
11
16
|
afterClosed() {
|
|
12
17
|
return this._afterClosed.asObservable();
|
|
@@ -14,12 +19,12 @@ export class NovoAsideRef {
|
|
|
14
19
|
beforeClose() {
|
|
15
20
|
return this._beforeClose.asObservable();
|
|
16
21
|
}
|
|
17
|
-
close() {
|
|
22
|
+
close(result) {
|
|
18
23
|
// Listen for animation 'start' events
|
|
19
24
|
this.componentInstance.animationStateChanged
|
|
20
25
|
.pipe(filter((event) => event.phaseName === 'start'), take(1))
|
|
21
26
|
.subscribe(() => {
|
|
22
|
-
this._beforeClose.next();
|
|
27
|
+
this._beforeClose.next(result);
|
|
23
28
|
this._beforeClose.complete();
|
|
24
29
|
this.overlayRef.detachBackdrop();
|
|
25
30
|
});
|
|
@@ -27,8 +32,9 @@ export class NovoAsideRef {
|
|
|
27
32
|
this.componentInstance.animationStateChanged
|
|
28
33
|
.pipe(filter((event) => event.phaseName === 'done' && event.toState === 'leave'), take(1))
|
|
29
34
|
.subscribe(() => {
|
|
35
|
+
this.isClosed = true;
|
|
30
36
|
this.overlayRef.dispose();
|
|
31
|
-
this._afterClosed.next();
|
|
37
|
+
this._afterClosed.next(result);
|
|
32
38
|
this._afterClosed.complete();
|
|
33
39
|
// Make sure to also clear the reference to the
|
|
34
40
|
// component instance to avoid memory leaks
|
|
@@ -38,4 +44,4 @@ export class NovoAsideRef {
|
|
|
38
44
|
this.componentInstance.startExitAnimation();
|
|
39
45
|
}
|
|
40
46
|
}
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUtcmVmLmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL25vdm8tZWxlbWVudHMvbm92by1lbGVtZW50cy9wcm9qZWN0cy9ub3ZvLWVsZW1lbnRzLyIsInNvdXJjZXMiOlsic3JjL2VsZW1lbnRzL2FzaWRlL2FzaWRlLXJlZi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHOUMsTUFBTSxPQUFPLFlBQVk7SUFDdkIsWUFBbUIsU0FBYyxFQUFTLE1BQVMsRUFBVSxVQUFzQjtRQUFoRSxjQUFTLEdBQVQsU0FBUyxDQUFLO1FBQVMsV0FBTSxHQUFOLE1BQU0sQ0FBRztRQUFVLGVBQVUsR0FBVixVQUFVLENBQVk7UUFFM0UsaUJBQVksR0FBRyxJQUFJLE9BQU8sRUFBSyxDQUFDO1FBQ2hDLGlCQUFZLEdBQUcsSUFBSSxPQUFPLEVBQUssQ0FBQztRQUN4QyxhQUFRLEdBQVksS0FBSyxDQUFDO0lBSjRELENBQUM7SUFPdkYsNkRBQTZEO0lBQzdELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRUQsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsS0FBSyxDQUFDLE1BQVU7UUFDZCxzQ0FBc0M7UUFDdEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLHFCQUFxQjthQUN6QyxJQUFJLENBQ0gsTUFBTSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsU0FBUyxLQUFLLE9BQU8sQ0FBQyxFQUM5QyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQ1I7YUFDQSxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDL0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO1FBRUwscUNBQXFDO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxxQkFBcUI7YUFDekMsSUFBSSxDQUNILE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLFNBQVMsS0FBSyxNQUFNLElBQUksS0FBSyxDQUFDLE9BQU8sS0FBSyxPQUFPLENBQUMsRUFDMUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUNSO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDL0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUU3QiwrQ0FBK0M7WUFDL0MsMkNBQTJDO1lBQzNDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7UUFFTCx1QkFBdUI7UUFDdkIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUMsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlciwgdGFrZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEFzaWRlQ29tcG9uZW50IH0gZnJvbSAnLi9hc2lkZS5jb21wb25lbnQnO1xuXG5leHBvcnQgY2xhc3MgTm92b0FzaWRlUmVmPFQgPSBhbnksIFIgPSBhbnk+IHtcbiAgY29uc3RydWN0b3IocHVibGljIGNvbXBvbmVudDogYW55LCBwdWJsaWMgcGFyYW1zOiBULCBwcml2YXRlIG92ZXJsYXlSZWY6IE92ZXJsYXlSZWYpIHt9XG5cbiAgcHJpdmF0ZSBfYmVmb3JlQ2xvc2UgPSBuZXcgU3ViamVjdDxSPigpO1xuICBwcml2YXRlIF9hZnRlckNsb3NlZCA9IG5ldyBTdWJqZWN0PFI+KCk7XG4gIGlzQ2xvc2VkOiBib29sZWFuID0gZmFsc2U7XG4gIGNvbXBvbmVudEluc3RhbmNlOiBBc2lkZUNvbXBvbmVudDtcblxuICAvLyBHZXRzIGEgcHJvbWlzZSB0aGF0IGlzIHJlc29sdmVkIHdoZW4gdGhlIGRpYWxvZyBpcyBjbG9zZWQuXG4gIGdldCBvbkNsb3NlZCgpOiBQcm9taXNlPFI+IHtcbiAgICByZXR1cm4gdGhpcy5fYWZ0ZXJDbG9zZWQudG9Qcm9taXNlKCk7XG4gIH1cblxuICBhZnRlckNsb3NlZCgpOiBPYnNlcnZhYmxlPFI+IHtcbiAgICByZXR1cm4gdGhpcy5fYWZ0ZXJDbG9zZWQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBiZWZvcmVDbG9zZSgpOiBPYnNlcnZhYmxlPFI+IHtcbiAgICByZXR1cm4gdGhpcy5fYmVmb3JlQ2xvc2UuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBjbG9zZShyZXN1bHQ/OiBSKTogdm9pZCB7XG4gICAgLy8gTGlzdGVuIGZvciBhbmltYXRpb24gJ3N0YXJ0JyBldmVudHNcbiAgICB0aGlzLmNvbXBvbmVudEluc3RhbmNlLmFuaW1hdGlvblN0YXRlQ2hhbmdlZFxuICAgICAgLnBpcGUoXG4gICAgICAgIGZpbHRlcigoZXZlbnQpID0+IGV2ZW50LnBoYXNlTmFtZSA9PT0gJ3N0YXJ0JyksXG4gICAgICAgIHRha2UoMSksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fYmVmb3JlQ2xvc2UubmV4dChyZXN1bHQpO1xuICAgICAgICB0aGlzLl9iZWZvcmVDbG9zZS5jb21wbGV0ZSgpO1xuICAgICAgICB0aGlzLm92ZXJsYXlSZWYuZGV0YWNoQmFja2Ryb3AoKTtcbiAgICAgIH0pO1xuXG4gICAgLy8gTGlzdGVuIGZvciBhbmltYXRpb24gJ2RvbmUnIGV2ZW50c1xuICAgIHRoaXMuY29tcG9uZW50SW5zdGFuY2UuYW5pbWF0aW9uU3RhdGVDaGFuZ2VkXG4gICAgICAucGlwZShcbiAgICAgICAgZmlsdGVyKChldmVudCkgPT4gZXZlbnQucGhhc2VOYW1lID09PSAnZG9uZScgJiYgZXZlbnQudG9TdGF0ZSA9PT0gJ2xlYXZlJyksXG4gICAgICAgIHRha2UoMSksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5pc0Nsb3NlZCA9IHRydWU7XG4gICAgICAgIHRoaXMub3ZlcmxheVJlZi5kaXNwb3NlKCk7XG4gICAgICAgIHRoaXMuX2FmdGVyQ2xvc2VkLm5leHQocmVzdWx0KTtcbiAgICAgICAgdGhpcy5fYWZ0ZXJDbG9zZWQuY29tcGxldGUoKTtcblxuICAgICAgICAvLyBNYWtlIHN1cmUgdG8gYWxzbyBjbGVhciB0aGUgcmVmZXJlbmNlIHRvIHRoZVxuICAgICAgICAvLyBjb21wb25lbnQgaW5zdGFuY2UgdG8gYXZvaWQgbWVtb3J5IGxlYWtzXG4gICAgICAgIHRoaXMuY29tcG9uZW50SW5zdGFuY2UgPSBudWxsO1xuICAgICAgfSk7XG5cbiAgICAvLyBTdGFydCBleGl0IGFuaW1hdGlvblxuICAgIHRoaXMuY29tcG9uZW50SW5zdGFuY2Uuc3RhcnRFeGl0QW5pbWF0aW9uKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -26,7 +26,7 @@ export class NovoAsideService {
|
|
|
26
26
|
// Pass the instance of the overlay component to the remote control
|
|
27
27
|
asideRef.componentInstance = overlayComponent;
|
|
28
28
|
overlayRef.backdropClick().subscribe(() => asideRef.close());
|
|
29
|
-
return
|
|
29
|
+
return asideRef;
|
|
30
30
|
}
|
|
31
31
|
createOverlay(config) {
|
|
32
32
|
return this.overlay.create(config);
|
|
@@ -61,4 +61,4 @@ NovoAsideService.ctorParameters = () => [
|
|
|
61
61
|
{ type: Injector },
|
|
62
62
|
{ type: Overlay }
|
|
63
63
|
];
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9ub3ZvLWVsZW1lbnRzL25vdm8tZWxlbWVudHMvcHJvamVjdHMvbm92by1lbGVtZW50cy8iLCJzb3VyY2VzIjpbInNyYy9lbGVtZW50cy9hc2lkZS9hc2lkZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQTZCLE1BQU0sc0JBQXNCLENBQUM7QUFDMUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RSxPQUFPLEVBQWdCLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQVFuRCxNQUFNLGNBQWMsR0FBZ0I7SUFDbEMsV0FBVyxFQUFFLElBQUk7SUFDakIsYUFBYSxFQUFFLHdCQUF3QjtJQUN2QyxVQUFVLEVBQUUscUJBQXFCO0NBQ2xDLENBQUM7QUFHRixNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLFlBQW9CLFFBQWtCLEVBQVUsT0FBZ0I7UUFBNUMsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQUFVLFlBQU8sR0FBUCxPQUFPLENBQVM7SUFBRyxDQUFDO0lBRXBFLElBQUksQ0FBVSxTQUFTLEVBQUUsTUFBTSxHQUFHLEVBQUUsRUFBRSxNQUFNLEdBQUcsRUFBRTtRQUMvQyxpQ0FBaUM7UUFDakMsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixpQ0FBTSxjQUFjLEdBQUssTUFBTSxFQUFHLENBQUM7UUFFNUUsOENBQThDO1FBQzlDLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFbkQsNkJBQTZCO1FBQzdCLE1BQU0sUUFBUSxHQUFHLElBQUksWUFBWSxDQUFtQixTQUFTLEVBQUUsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBRW5GLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLG9CQUFvQixDQUFDLGNBQWMsRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRXRHLG1FQUFtRTtRQUNuRSxRQUFRLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUM7UUFFOUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUU3RCxPQUFPLFFBQVEsQ0FBQztJQUNsQixDQUFDO0lBRU8sYUFBYSxDQUFDLE1BQW1CO1FBQ3ZDLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVPLG9CQUFvQixDQUFDLFNBQVMsRUFBRSxVQUFzQixFQUFFLE1BQW1CLEVBQUUsUUFBc0I7UUFDekcsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFFdkQsTUFBTSxlQUFlLEdBQUcsSUFBSSxlQUFlLENBQUMsU0FBUyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQztRQUN2RSxNQUFNLFlBQVksR0FBc0IsVUFBVSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUUzRSxPQUFPLFlBQVksQ0FBQyxRQUFRLENBQUM7SUFDL0IsQ0FBQztJQUVPLGNBQWMsQ0FBQyxNQUFtQixFQUFFLFFBQXNCO1FBQ2hFLE1BQU0sZUFBZSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFFdEMsZUFBZSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFFNUMsT0FBTyxJQUFJLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFTyxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUMxQyxxR0FBcUc7UUFDckcsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUV6SCxPQUFPO1lBQ0wsY0FBYztZQUNkLFdBQVcsRUFBRSxNQUFNLENBQUMsV0FBVztZQUMvQixhQUFhLEVBQUUsTUFBTSxDQUFDLGFBQWE7WUFDbkMsVUFBVSxFQUFFLE1BQU0sQ0FBQyxVQUFVO1NBQzlCLENBQUM7SUFDSixDQUFDOzs7O1lBdkRGLFVBQVUsU0FBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUU7OztZQWhCQyxRQUFRO1lBRmxDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5Q29uZmlnLCBPdmVybGF5UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsLCBQb3J0YWxJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQ29tcG9uZW50UmVmLCBJbmplY3RhYmxlLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTm92b0FzaWRlUmVmIH0gZnJvbSAnLi9hc2lkZS1yZWYnO1xuaW1wb3J0IHsgQXNpZGVDb21wb25lbnQgfSBmcm9tICcuL2FzaWRlLmNvbXBvbmVudCc7XG5cbmludGVyZmFjZSBBc2lkZUNvbmZpZyBleHRlbmRzIE92ZXJsYXlDb25maWcge1xuICBwYW5lbENsYXNzPzogc3RyaW5nO1xuICBoYXNCYWNrZHJvcD86IGJvb2xlYW47XG4gIGJhY2tkcm9wQ2xhc3M/OiBzdHJpbmc7XG59XG5cbmNvbnN0IERFRkFVTFRfQ09ORklHOiBBc2lkZUNvbmZpZyA9IHtcbiAgaGFzQmFja2Ryb3A6IHRydWUsXG4gIGJhY2tkcm9wQ2xhc3M6ICdhc2lkZS1vdmVybGF5LWJhY2tkcm9wJyxcbiAgcGFuZWxDbGFzczogJ2FzaWRlLW92ZXJsYXktcGFuZWwnLFxufTtcblxuQEluamVjdGFibGUoeyBwcm92aWRlZEluOiAncm9vdCcgfSlcbmV4cG9ydCBjbGFzcyBOb3ZvQXNpZGVTZXJ2aWNlIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBpbmplY3RvcjogSW5qZWN0b3IsIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSkge31cblxuICBvcGVuPFIgPSBhbnk+KGNvbXBvbmVudCwgcGFyYW1zID0ge30sIGNvbmZpZyA9IHt9KSB7XG4gICAgLy8gT3ZlcnJpZGUgZGVmYXVsdCBjb25maWd1cmF0aW9uXG4gICAgY29uc3QgYXNpZGVDb25maWcgPSB0aGlzLmdldE92ZXJsYXlDb25maWcoeyAuLi5ERUZBVUxUX0NPTkZJRywgLi4uY29uZmlnIH0pO1xuXG4gICAgLy8gUmV0dXJucyBhbiBPdmVybGF5UmVmIHdoaWNoIGlzIGEgUG9ydGFsSG9zdFxuICAgIGNvbnN0IG92ZXJsYXlSZWYgPSB0aGlzLmNyZWF0ZU92ZXJsYXkoYXNpZGVDb25maWcpO1xuXG4gICAgLy8gSW5zdGFudGlhdGUgcmVtb3RlIGNvbnRyb2xcbiAgICBjb25zdCBhc2lkZVJlZiA9IG5ldyBOb3ZvQXNpZGVSZWY8dHlwZW9mIHBhcmFtcywgUj4oY29tcG9uZW50LCBwYXJhbXMsIG92ZXJsYXlSZWYpO1xuXG4gICAgY29uc3Qgb3ZlcmxheUNvbXBvbmVudCA9IHRoaXMuYXR0YWNoQXNpZGVDb250YWluZXIoQXNpZGVDb21wb25lbnQsIG92ZXJsYXlSZWYsIGFzaWRlQ29uZmlnLCBhc2lkZVJlZik7XG5cbiAgICAvLyBQYXNzIHRoZSBpbnN0YW5jZSBvZiB0aGUgb3ZlcmxheSBjb21wb25lbnQgdG8gdGhlIHJlbW90ZSBjb250cm9sXG4gICAgYXNpZGVSZWYuY29tcG9uZW50SW5zdGFuY2UgPSBvdmVybGF5Q29tcG9uZW50O1xuXG4gICAgb3ZlcmxheVJlZi5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKCgpID0+IGFzaWRlUmVmLmNsb3NlKCkpO1xuXG4gICAgcmV0dXJuIGFzaWRlUmVmO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVPdmVybGF5KGNvbmZpZzogQXNpZGVDb25maWcpIHtcbiAgICByZXR1cm4gdGhpcy5vdmVybGF5LmNyZWF0ZShjb25maWcpO1xuICB9XG5cbiAgcHJpdmF0ZSBhdHRhY2hBc2lkZUNvbnRhaW5lcihjb21wb25lbnQsIG92ZXJsYXlSZWY6IE92ZXJsYXlSZWYsIGNvbmZpZzogQXNpZGVDb25maWcsIGFzaWRlUmVmOiBOb3ZvQXNpZGVSZWYpIHtcbiAgICBjb25zdCBpbmplY3RvciA9IHRoaXMuY3JlYXRlSW5qZWN0b3IoY29uZmlnLCBhc2lkZVJlZik7XG5cbiAgICBjb25zdCBjb250YWluZXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKGNvbXBvbmVudCwgbnVsbCwgaW5qZWN0b3IpO1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZjogQ29tcG9uZW50UmVmPGFueT4gPSBvdmVybGF5UmVmLmF0dGFjaChjb250YWluZXJQb3J0YWwpO1xuXG4gICAgcmV0dXJuIGNvbnRhaW5lclJlZi5pbnN0YW5jZTtcbiAgfVxuXG4gIHByaXZhdGUgY3JlYXRlSW5qZWN0b3IoY29uZmlnOiBBc2lkZUNvbmZpZywgYXNpZGVSZWY6IE5vdm9Bc2lkZVJlZik6IFBvcnRhbEluamVjdG9yIHtcbiAgICBjb25zdCBpbmplY3Rpb25Ub2tlbnMgPSBuZXcgV2Vha01hcCgpO1xuXG4gICAgaW5qZWN0aW9uVG9rZW5zLnNldChOb3ZvQXNpZGVSZWYsIGFzaWRlUmVmKTtcblxuICAgIHJldHVybiBuZXcgUG9ydGFsSW5qZWN0b3IodGhpcy5pbmplY3RvciwgaW5qZWN0aW9uVG9rZW5zKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0T3ZlcmxheUNvbmZpZyhjb25maWc6IEFzaWRlQ29uZmlnKTogQXNpZGVDb25maWcge1xuICAgIC8vIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXkucG9zaXRpb24oKS5nbG9iYWwoKS5jZW50ZXJIb3Jpem9udGFsbHkoKS5jZW50ZXJWZXJ0aWNhbGx5KCk7XG4gICAgY29uc3Qgc2Nyb2xsU3RyYXRlZ3kgPSBjb25maWcuaGFzQmFja2Ryb3AgPyB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5ibG9jaygpIDogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMubm9vcCgpO1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIHNjcm9sbFN0cmF0ZWd5LFxuICAgICAgaGFzQmFja2Ryb3A6IGNvbmZpZy5oYXNCYWNrZHJvcCxcbiAgICAgIGJhY2tkcm9wQ2xhc3M6IGNvbmZpZy5iYWNrZHJvcENsYXNzLFxuICAgICAgcGFuZWxDbGFzczogY29uZmlnLnBhbmVsQ2xhc3MsXG4gICAgfTtcbiAgfVxufVxuIl19
|
|
@@ -86,7 +86,7 @@ NovoButtonElement.decorators = [
|
|
|
86
86
|
</i>
|
|
87
87
|
`,
|
|
88
88
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
89
|
-
styles: [":host{-moz-user-select:none;-webkit-user-select:none;background:transparent;border:none;border-radius:3px;color:var(--text-main,#3d464d);cursor:pointer;flex:0 0 auto;flex-direction:row;font-size:var(--font-size-button);gap:1rem;height:3rem;justify-content:center;overflow:hidden;padding:0 1rem;text-overflow:clip;transition:all .2s ease-in-out;user-select:none;white-space:nowrap}:host,:host .button-contents{align-items:center;display:inline-flex;text-transform:uppercase}:host .button-contents{color:inherit}:host .button-contents,:host i{font-size:inherit;height:var(--font-size-button);line-height:1}:host[size=small]{font-size:1rem;gap:.5rem;height:2.4rem;padding:0 1rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;gap:1.25rem;height:3.6rem;padding:0 1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host.novo-button-disabled,:host[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[disabled=false]{cursor:pointer;opacity:1;pointer-events:auto}:host[loading=true]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[loading=true] i.loading{-webkit-animation:rotate 1.2s linear infinite;align-items:center;animation:rotate 1.2s linear infinite;display:flex;justify-content:center}:host[loading=true] i.loading svg{height:100%;max-height:15px;max-width:15px;width:100%}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}", ":host[theme=standard]{background:var(--button-background);color:var(--button-text)}:host[theme=standard][color=black]{background:#000;color:#fff}:host[theme=standard][color=white]{background:#fff;color:#3d464d}:host[theme=standard][color=gray],:host[theme=standard][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=standard][color=bright],:host[theme=standard][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=standard][color=neutral]{background:#4f5361;color:#fff}:host[theme=standard][color=dark]{background:#3d464d;color:#fff}:host[theme=standard][color=orange]{background:#ff6900;color:#3d464d}:host[theme=standard][color=navigation]{background:#202945;color:#fff}:host[theme=standard][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=standard][color=steel]{background:#5b6770;color:#fff}:host[theme=standard][color=metal]{background:#637893;color:#fff}:host[theme=standard][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=standard][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=stone]{background:#bebebe;color:#3d464d}:host[theme=standard][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=standard][color=slate]{background:#707070;color:#fff}:host[theme=standard][color=onyx]{background:#526980;color:#fff}:host[theme=standard][color=charcoal]{background:#282828;color:#fff}:host[theme=standard][color=moonlight]{background:#1a242f;color:#fff}:host[theme=standard][color=midnight]{background:#202945;color:#fff}:host[theme=standard][color=darkness]{background:#161f27;color:#fff}:host[theme=standard][color=navy]{background:#0d2d42;color:#fff}:host[theme=standard][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=standard][color=ocean]{background:#4a89dc;color:#fff}:host[theme=standard][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=standard][color=grass]{background:#8cc152;color:#fff}:host[theme=standard][color=sunflower]{background:#f6b042;color:#fff}:host[theme=standard][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=standard][color=grapefruit]{background:#da4453;color:#fff}:host[theme=standard][color=carnation]{background:#d770ad;color:#fff}:host[theme=standard][color=lavender]{background:#967adc;color:#fff}:host[theme=standard][color=mountain]{background:#9678b6;color:#fff}:host[theme=standard][color=info],:host[theme=standard][color=positive]{background:#4a89dc;color:#fff}:host[theme=standard][color=success]{background:#8cc152;color:#fff}:host[theme=standard][color=danger],:host[theme=standard][color=error],:host[theme=standard][color=negative]{background:#da4453;color:#fff}:host[theme=standard][color=warning]{background:#f6b042;color:#fff}:host[theme=standard][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=standard][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=standard][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=presentation]{background:#5b6770;color:#fff}:host[theme=standard][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=standard][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=standard][color=company]{background:#39d;color:#fff}:host[theme=standard][color=candidate]{background:#4b7;color:#fff}:host[theme=standard][color=lead]{background:#a69;color:#fff}:host[theme=standard][color=clientcontact],:host[theme=standard][color=contact]{background:#fa4;color:#fff}:host[theme=standard][color=opportunity]{background:#625;color:#fff}:host[theme=standard][color=job],:host[theme=standard][color=joborder]{background:#b56;color:#fff}:host[theme=standard][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=standard][color=sendout]{background:#747884;color:#fff}:host[theme=standard][color=placement]{background:#0b344f;color:#fff}:host[theme=standard][color=note]{background:#747884;color:#fff}:host[theme=standard][color=contract]{background:#454ea0;color:#fff}:host[theme=standard][color=billableCharge],:host[theme=standard][color=corporateUser],:host[theme=standard][color=credential],:host[theme=standard][color=distributionList],:host[theme=standard][color=earnCode],:host[theme=standard][color=invoiceStatement],:host[theme=standard][color=jobCode],:host[theme=standard][color=payableCharge],:host[theme=standard][color=person],:host[theme=standard][color=user]{background:#696d79;color:#fff}:host[theme=standard]:focus,:host[theme=standard]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=standard]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{background:#000;color:#fff}:host[theme=primary][color=white]{color:#3d464d}:host[theme=primary][color=gray],:host[theme=primary][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=primary][color=bright],:host[theme=primary][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=primary][color=neutral]{background:#4f5361;color:#fff}:host[theme=primary][color=dark]{background:#3d464d;color:#fff}:host[theme=primary][color=orange]{background:#ff6900;color:#3d464d}:host[theme=primary][color=navigation]{background:#202945;color:#fff}:host[theme=primary][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=primary][color=steel]{background:#5b6770;color:#fff}:host[theme=primary][color=metal]{background:#637893;color:#fff}:host[theme=primary][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=primary][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=stone]{background:#bebebe;color:#3d464d}:host[theme=primary][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=primary][color=slate]{background:#707070;color:#fff}:host[theme=primary][color=onyx]{background:#526980;color:#fff}:host[theme=primary][color=charcoal]{background:#282828;color:#fff}:host[theme=primary][color=moonlight]{background:#1a242f;color:#fff}:host[theme=primary][color=midnight]{background:#202945;color:#fff}:host[theme=primary][color=darkness]{background:#161f27;color:#fff}:host[theme=primary][color=navy]{background:#0d2d42;color:#fff}:host[theme=primary][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=primary][color=ocean]{background:#4a89dc;color:#fff}:host[theme=primary][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=primary][color=grass]{background:#8cc152;color:#fff}:host[theme=primary][color=sunflower]{background:#f6b042;color:#fff}:host[theme=primary][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=primary][color=grapefruit]{background:#da4453;color:#fff}:host[theme=primary][color=carnation]{background:#d770ad;color:#fff}:host[theme=primary][color=lavender]{background:#967adc;color:#fff}:host[theme=primary][color=mountain]{background:#9678b6;color:#fff}:host[theme=primary][color=info],:host[theme=primary][color=positive]{background:#4a89dc;color:#fff}:host[theme=primary][color=success]{background:#8cc152;color:#fff}:host[theme=primary][color=danger],:host[theme=primary][color=error],:host[theme=primary][color=negative]{background:#da4453;color:#fff}:host[theme=primary][color=warning]{background:#f6b042;color:#fff}:host[theme=primary][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=primary][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=primary][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=presentation]{background:#5b6770;color:#fff}:host[theme=primary][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=primary][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=primary][color=company]{background:#39d;color:#fff}:host[theme=primary][color=candidate]{background:#4b7;color:#fff}:host[theme=primary][color=lead]{background:#a69;color:#fff}:host[theme=primary][color=clientcontact],:host[theme=primary][color=contact]{background:#fa4;color:#fff}:host[theme=primary][color=opportunity]{background:#625;color:#fff}:host[theme=primary][color=job],:host[theme=primary][color=joborder]{background:#b56;color:#fff}:host[theme=primary][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=primary][color=sendout]{background:#747884;color:#fff}:host[theme=primary][color=placement]{background:#0b344f;color:#fff}:host[theme=primary][color=note]{background:#747884;color:#fff}:host[theme=primary][color=contract]{background:#454ea0;color:#fff}:host[theme=primary][color=billableCharge],:host[theme=primary][color=corporateUser],:host[theme=primary][color=credential],:host[theme=primary][color=distributionList],:host[theme=primary][color=earnCode],:host[theme=primary][color=invoiceStatement],:host[theme=primary][color=jobCode],:host[theme=primary][color=payableCharge],:host[theme=primary][color=person],:host[theme=primary][color=user]{background:#696d79;color:#fff}:host[theme=primary]:focus,:host[theme=primary]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15);filter:brightness(1.15)}:host[theme=primary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15);filter:brightness(.85)}:host[theme=primary][color=white]{background:#fff;color:#4a89dc}:host[theme=primary][color=white]:focus,:host[theme=primary][color=white]:hover{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}", ":host[theme=secondary]{align-items:center;background:#fff;border:1px solid #4a89dc;color:#4a89dc;padding:0 calc(1rem - 1px);text-align:left}:host[theme=secondary][color=black],:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white],:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=gray] i,:host[theme=secondary][color=grey],:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=bright] i,:host[theme=secondary][color=offWhite],:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=light],:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral],:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark],:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange],:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation],:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue],:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel],:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal],:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand],:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver],:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone],:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash],:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate],:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx],:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal],:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight],:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight],:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness],:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy],:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua],:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean],:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint],:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass],:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower],:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet],:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit],:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation],:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender],:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain],:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=info] i,:host[theme=secondary][color=positive],:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success],:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=danger] i,:host[theme=secondary][color=error],:host[theme=secondary][color=error] i,:host[theme=secondary][color=negative],:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=warning],:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty],:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled],:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background],:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark],:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation],:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn],:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse],:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company],:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate],:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead],:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=clientcontact],:host[theme=secondary][color=clientcontact] i,:host[theme=secondary][color=contact],:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=opportunity],:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job],:host[theme=secondary][color=job] i,:host[theme=secondary][color=joborder],:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission],:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout],:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement],:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note],:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract],:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=billableCharge] i,:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=corporateUser] i,:host[theme=secondary][color=credential],:host[theme=secondary][color=credential] i,:host[theme=secondary][color=distributionList],:host[theme=secondary][color=distributionList] i,:host[theme=secondary][color=earnCode],:host[theme=secondary][color=earnCode] i,:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=invoiceStatement] i,:host[theme=secondary][color=jobCode],:host[theme=secondary][color=jobCode] i,:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=payableCharge] i,:host[theme=secondary][color=person],:host[theme=secondary][color=person] i,:host[theme=secondary][color=user],:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000}:host[theme=secondary][color=white]{border:1px solid #fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=error],:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #39d}:host[theme=secondary][color=candidate]{border:1px solid #4b7}:host[theme=secondary][color=lead]{border:1px solid #a69}:host[theme=secondary][color=clientcontact],:host[theme=secondary][color=contact]{border:1px solid #fa4}:host[theme=secondary][color=opportunity]{border:1px solid #625}:host[theme=secondary][color=job],:host[theme=secondary][color=joborder]{border:1px solid #b56}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=credential],:host[theme=secondary][color=distributionList],:host[theme=secondary][color=earnCode],:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=jobCode],:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=person],:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:focus,:host[theme=secondary]:hover{background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);border:1px solid #fff;color:#fff}:host[theme=secondary][inverse]:focus,:host[theme=secondary][inverse]:hover{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}", ":host[theme=fab]{align-items:center;border-radius:50%!important;display:inline-flex;font-size:1.2rem;height:3.2rem;justify-content:center;padding:0;width:3.2rem}:host[theme=fab][color=black]{background:#000;color:#fff}:host[theme=fab][color=white]{background:#fff;color:#3d464d}:host[theme=fab][color=gray],:host[theme=fab][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=fab][color=bright],:host[theme=fab][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=fab][color=neutral]{background:#4f5361;color:#fff}:host[theme=fab][color=dark]{background:#3d464d;color:#fff}:host[theme=fab][color=orange]{background:#ff6900;color:#3d464d}:host[theme=fab][color=navigation]{background:#202945;color:#fff}:host[theme=fab][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=fab][color=steel]{background:#5b6770;color:#fff}:host[theme=fab][color=metal]{background:#637893;color:#fff}:host[theme=fab][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=fab][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=stone]{background:#bebebe;color:#3d464d}:host[theme=fab][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=fab][color=slate]{background:#707070;color:#fff}:host[theme=fab][color=onyx]{background:#526980;color:#fff}:host[theme=fab][color=charcoal]{background:#282828;color:#fff}:host[theme=fab][color=moonlight]{background:#1a242f;color:#fff}:host[theme=fab][color=midnight]{background:#202945;color:#fff}:host[theme=fab][color=darkness]{background:#161f27;color:#fff}:host[theme=fab][color=navy]{background:#0d2d42;color:#fff}:host[theme=fab][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=fab][color=ocean]{background:#4a89dc;color:#fff}:host[theme=fab][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=fab][color=grass]{background:#8cc152;color:#fff}:host[theme=fab][color=sunflower]{background:#f6b042;color:#fff}:host[theme=fab][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=fab][color=grapefruit]{background:#da4453;color:#fff}:host[theme=fab][color=carnation]{background:#d770ad;color:#fff}:host[theme=fab][color=lavender]{background:#967adc;color:#fff}:host[theme=fab][color=mountain]{background:#9678b6;color:#fff}:host[theme=fab][color=info],:host[theme=fab][color=positive]{background:#4a89dc;color:#fff}:host[theme=fab][color=success]{background:#8cc152;color:#fff}:host[theme=fab][color=danger],:host[theme=fab][color=error],:host[theme=fab][color=negative]{background:#da4453;color:#fff}:host[theme=fab][color=warning]{background:#f6b042;color:#fff}:host[theme=fab][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=fab][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=fab][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=presentation]{background:#5b6770;color:#fff}:host[theme=fab][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=fab][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=fab][color=company]{background:#39d;color:#fff}:host[theme=fab][color=candidate]{background:#4b7;color:#fff}:host[theme=fab][color=lead]{background:#a69;color:#fff}:host[theme=fab][color=clientcontact],:host[theme=fab][color=contact]{background:#fa4;color:#fff}:host[theme=fab][color=opportunity]{background:#625;color:#fff}:host[theme=fab][color=job],:host[theme=fab][color=joborder]{background:#b56;color:#fff}:host[theme=fab][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=fab][color=sendout]{background:#747884;color:#fff}:host[theme=fab][color=placement]{background:#0b344f;color:#fff}:host[theme=fab][color=note]{background:#747884;color:#fff}:host[theme=fab][color=contract]{background:#454ea0;color:#fff}:host[theme=fab][color=billableCharge],:host[theme=fab][color=corporateUser],:host[theme=fab][color=credential],:host[theme=fab][color=distributionList],:host[theme=fab][color=earnCode],:host[theme=fab][color=invoiceStatement],:host[theme=fab][color=jobCode],:host[theme=fab][color=payableCharge],:host[theme=fab][color=person],:host[theme=fab][color=user]{background:#696d79;color:#fff}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:active,:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}", ":host[theme=icon]{font-size:1.4rem;height:2.4rem;padding:.5rem}:host[theme=icon][color=black],:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white],:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray],:host[theme=icon][color=gray] i,:host[theme=icon][color=grey],:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=bright],:host[theme=icon][color=bright] i,:host[theme=icon][color=offWhite],:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=light],:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral],:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark],:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange],:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation],:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue],:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel],:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal],:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand],:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver],:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone],:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash],:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate],:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx],:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal],:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight],:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight],:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness],:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy],:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua],:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean],:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint],:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass],:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower],:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet],:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit],:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation],:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender],:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain],:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info],:host[theme=icon][color=info] i,:host[theme=icon][color=positive],:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success],:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=danger],:host[theme=icon][color=danger] i,:host[theme=icon][color=error],:host[theme=icon][color=error] i,:host[theme=icon][color=negative],:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=warning],:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty],:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled],:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background],:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark],:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation],:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn],:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse],:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company],:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate],:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead],:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=clientcontact],:host[theme=icon][color=clientcontact] i,:host[theme=icon][color=contact],:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=opportunity],:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job],:host[theme=icon][color=job] i,:host[theme=icon][color=joborder],:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission],:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout],:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement],:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note],:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract],:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=billableCharge],:host[theme=icon][color=billableCharge] i,:host[theme=icon][color=corporateUser],:host[theme=icon][color=corporateUser] i,:host[theme=icon][color=credential],:host[theme=icon][color=credential] i,:host[theme=icon][color=distributionList],:host[theme=icon][color=distributionList] i,:host[theme=icon][color=earnCode],:host[theme=icon][color=earnCode] i,:host[theme=icon][color=invoiceStatement],:host[theme=icon][color=invoiceStatement] i,:host[theme=icon][color=jobCode],:host[theme=icon][color=jobCode] i,:host[theme=icon][color=payableCharge],:host[theme=icon][color=payableCharge] i,:host[theme=icon][color=person],:host[theme=icon][color=person] i,:host[theme=icon][color=user],:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{font-size:1.2rem;height:2rem;padding:.5rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black],:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white],:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray],:host[theme=dialogue][color=gray] i,:host[theme=dialogue][color=grey],:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=bright],:host[theme=dialogue][color=bright] i,:host[theme=dialogue][color=offWhite],:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=light],:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral],:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark],:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange],:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation],:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue],:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel],:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal],:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand],:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver],:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone],:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash],:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate],:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx],:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal],:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight],:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight],:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness],:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy],:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua],:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean],:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint],:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass],:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower],:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet],:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit],:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation],:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender],:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain],:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info],:host[theme=dialogue][color=info] i,:host[theme=dialogue][color=positive],:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success],:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=danger],:host[theme=dialogue][color=danger] i,:host[theme=dialogue][color=error],:host[theme=dialogue][color=error] i,:host[theme=dialogue][color=negative],:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=warning],:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty],:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled],:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background],:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark],:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation],:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn],:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse],:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company],:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate],:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead],:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=clientcontact],:host[theme=dialogue][color=clientcontact] i,:host[theme=dialogue][color=contact],:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=opportunity],:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job],:host[theme=dialogue][color=job] i,:host[theme=dialogue][color=joborder],:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission],:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout],:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement],:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note],:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract],:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=billableCharge],:host[theme=dialogue][color=billableCharge] i,:host[theme=dialogue][color=corporateUser],:host[theme=dialogue][color=corporateUser] i,:host[theme=dialogue][color=credential],:host[theme=dialogue][color=credential] i,:host[theme=dialogue][color=distributionList],:host[theme=dialogue][color=distributionList] i,:host[theme=dialogue][color=earnCode],:host[theme=dialogue][color=earnCode] i,:host[theme=dialogue][color=invoiceStatement],:host[theme=dialogue][color=invoiceStatement] i,:host[theme=dialogue][color=jobCode],:host[theme=dialogue][color=jobCode] i,:host[theme=dialogue][color=payableCharge],:host[theme=dialogue][color=payableCharge] i,:host[theme=dialogue][color=person],:host[theme=dialogue][color=person] i,:host[theme=dialogue][color=user],:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue]:focus,:host[theme=dialogue]:hover{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:focus,:host[theme=dialogue][inverse]:hover{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}", ":host[theme=field]{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:#3d464d;font-size:1.2rem;height:1.8rem;margin-bottom:4px;padding:.25rem .5rem;text-align:left}:host[theme=field]:active,:host[theme=field]:focus,:host[theme=field]:hover{border-bottom:1px solid var(--selection)}:host[theme=select]{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);cursor:pointer;display:flex;font-size:1.2rem;height:2rem;height:1.8rem;justify-content:space-between;min-height:2rem;padding:0;position:relative;text-align:left;text-shadow:none;text-transform:none;width:100%;z-index:1}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:rgba(0,0,0,.73)}:host[theme=select] i{color:var(--text-main);font-size:.8rem;opacity:.45}"]
|
|
89
|
+
styles: [":host{-moz-user-select:none;-webkit-user-select:none;background:transparent;border:none;border-radius:3px;color:var(--text-main,#3d464d);cursor:pointer;flex:0 0 auto;flex-direction:row;font-size:var(--font-size-button);gap:1rem;height:3rem;justify-content:center;overflow:hidden;padding:0 1rem;text-overflow:clip;transition:all .2s ease-in-out;user-select:none;white-space:nowrap}:host,:host .button-contents{align-items:center;display:inline-flex;text-transform:uppercase}:host .button-contents{color:inherit}:host .button-contents,:host i{font-size:inherit;height:var(--font-size-button);line-height:1}:host[size=small]{font-size:1rem;gap:.5rem;height:2.4rem;padding:0 1rem}:host[size=small] .button-contents,:host[size=small] i{height:1rem}:host[size=large]{font-size:1.6rem;gap:1.25rem;height:3.6rem;padding:0 1.25rem}:host[size=large] .button-contents,:host[size=large] i{height:1.6rem}:host:focus{outline:none}:host.novo-button-disabled,:host[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[disabled=false]{cursor:pointer;opacity:1;pointer-events:auto}:host[loading=true]{cursor:not-allowed;opacity:.5;pointer-events:none}:host[loading=true] i.loading{-webkit-animation:rotate 1.2s linear infinite;align-items:center;animation:rotate 1.2s linear infinite;display:flex;justify-content:center}:host[loading=true] i.loading svg{height:100%;max-height:15px;max-width:15px;width:100%}:host[loading=true] i.loading svg .spinner{fill:currentColor}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}", ":host[theme=standard]{background:var(--button-background);color:var(--button-text)}:host[theme=standard][color=black]{background:#000;color:#fff}:host[theme=standard][color=white]{background:#fff;color:#3d464d}:host[theme=standard][color=gray],:host[theme=standard][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=standard][color=bright],:host[theme=standard][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=standard][color=neutral]{background:#4f5361;color:#fff}:host[theme=standard][color=dark]{background:#3d464d;color:#fff}:host[theme=standard][color=orange]{background:#ff6900;color:#3d464d}:host[theme=standard][color=navigation]{background:#202945;color:#fff}:host[theme=standard][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=standard][color=steel]{background:#5b6770;color:#fff}:host[theme=standard][color=metal]{background:#637893;color:#fff}:host[theme=standard][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=standard][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=stone]{background:#bebebe;color:#3d464d}:host[theme=standard][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=standard][color=slate]{background:#707070;color:#fff}:host[theme=standard][color=onyx]{background:#526980;color:#fff}:host[theme=standard][color=charcoal]{background:#282828;color:#fff}:host[theme=standard][color=moonlight]{background:#1a242f;color:#fff}:host[theme=standard][color=midnight]{background:#202945;color:#fff}:host[theme=standard][color=darkness]{background:#161f27;color:#fff}:host[theme=standard][color=navy]{background:#0d2d42;color:#fff}:host[theme=standard][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=standard][color=ocean]{background:#4a89dc;color:#fff}:host[theme=standard][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=standard][color=grass]{background:#8cc152;color:#fff}:host[theme=standard][color=sunflower]{background:#f6b042;color:#fff}:host[theme=standard][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=standard][color=grapefruit]{background:#da4453;color:#fff}:host[theme=standard][color=carnation]{background:#d770ad;color:#fff}:host[theme=standard][color=lavender]{background:#967adc;color:#fff}:host[theme=standard][color=mountain]{background:#9678b6;color:#fff}:host[theme=standard][color=info],:host[theme=standard][color=positive]{background:#4a89dc;color:#fff}:host[theme=standard][color=success]{background:#8cc152;color:#fff}:host[theme=standard][color=danger],:host[theme=standard][color=error],:host[theme=standard][color=negative]{background:#da4453;color:#fff}:host[theme=standard][color=warning]{background:#f6b042;color:#fff}:host[theme=standard][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=standard][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=standard][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=standard][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=standard][color=presentation]{background:#5b6770;color:#fff}:host[theme=standard][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=standard][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=standard][color=company]{background:#39d;color:#fff}:host[theme=standard][color=candidate]{background:#4b7;color:#fff}:host[theme=standard][color=lead]{background:#a69;color:#fff}:host[theme=standard][color=clientcontact],:host[theme=standard][color=contact]{background:#fa4;color:#fff}:host[theme=standard][color=opportunity]{background:#625;color:#fff}:host[theme=standard][color=job],:host[theme=standard][color=joborder]{background:#b56;color:#fff}:host[theme=standard][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=standard][color=sendout]{background:#747884;color:#fff}:host[theme=standard][color=placement]{background:#0b344f;color:#fff}:host[theme=standard][color=note]{background:#747884;color:#fff}:host[theme=standard][color=contract]{background:#454ea0;color:#fff}:host[theme=standard][color=billableCharge],:host[theme=standard][color=corporateUser],:host[theme=standard][color=credential],:host[theme=standard][color=distributionList],:host[theme=standard][color=earnCode],:host[theme=standard][color=invoiceStatement],:host[theme=standard][color=jobCode],:host[theme=standard][color=payableCharge],:host[theme=standard][color=person],:host[theme=standard][color=user]{background:#696d79;color:#fff}:host[theme=standard]:focus,:host[theme=standard]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=standard]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}", ":host[theme=primary]{background:#4a89dc;color:#fff;text-align:left}:host[theme=primary][color=black]{background:#000;color:#fff}:host[theme=primary][color=white]{color:#3d464d}:host[theme=primary][color=gray],:host[theme=primary][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=primary][color=bright],:host[theme=primary][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=primary][color=neutral]{background:#4f5361;color:#fff}:host[theme=primary][color=dark]{background:#3d464d;color:#fff}:host[theme=primary][color=orange]{background:#ff6900;color:#3d464d}:host[theme=primary][color=navigation]{background:#202945;color:#fff}:host[theme=primary][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=primary][color=steel]{background:#5b6770;color:#fff}:host[theme=primary][color=metal]{background:#637893;color:#fff}:host[theme=primary][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=primary][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=stone]{background:#bebebe;color:#3d464d}:host[theme=primary][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=primary][color=slate]{background:#707070;color:#fff}:host[theme=primary][color=onyx]{background:#526980;color:#fff}:host[theme=primary][color=charcoal]{background:#282828;color:#fff}:host[theme=primary][color=moonlight]{background:#1a242f;color:#fff}:host[theme=primary][color=midnight]{background:#202945;color:#fff}:host[theme=primary][color=darkness]{background:#161f27;color:#fff}:host[theme=primary][color=navy]{background:#0d2d42;color:#fff}:host[theme=primary][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=primary][color=ocean]{background:#4a89dc;color:#fff}:host[theme=primary][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=primary][color=grass]{background:#8cc152;color:#fff}:host[theme=primary][color=sunflower]{background:#f6b042;color:#fff}:host[theme=primary][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=primary][color=grapefruit]{background:#da4453;color:#fff}:host[theme=primary][color=carnation]{background:#d770ad;color:#fff}:host[theme=primary][color=lavender]{background:#967adc;color:#fff}:host[theme=primary][color=mountain]{background:#9678b6;color:#fff}:host[theme=primary][color=info],:host[theme=primary][color=positive]{background:#4a89dc;color:#fff}:host[theme=primary][color=success]{background:#8cc152;color:#fff}:host[theme=primary][color=danger],:host[theme=primary][color=error],:host[theme=primary][color=negative]{background:#da4453;color:#fff}:host[theme=primary][color=warning]{background:#f6b042;color:#fff}:host[theme=primary][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=primary][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=primary][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=primary][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=primary][color=presentation]{background:#5b6770;color:#fff}:host[theme=primary][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=primary][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=primary][color=company]{background:#39d;color:#fff}:host[theme=primary][color=candidate]{background:#4b7;color:#fff}:host[theme=primary][color=lead]{background:#a69;color:#fff}:host[theme=primary][color=clientcontact],:host[theme=primary][color=contact]{background:#fa4;color:#fff}:host[theme=primary][color=opportunity]{background:#625;color:#fff}:host[theme=primary][color=job],:host[theme=primary][color=joborder]{background:#b56;color:#fff}:host[theme=primary][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=primary][color=sendout]{background:#747884;color:#fff}:host[theme=primary][color=placement]{background:#0b344f;color:#fff}:host[theme=primary][color=note]{background:#747884;color:#fff}:host[theme=primary][color=contract]{background:#454ea0;color:#fff}:host[theme=primary][color=billableCharge],:host[theme=primary][color=corporateUser],:host[theme=primary][color=credential],:host[theme=primary][color=distributionList],:host[theme=primary][color=earnCode],:host[theme=primary][color=invoiceStatement],:host[theme=primary][color=jobCode],:host[theme=primary][color=payableCharge],:host[theme=primary][color=person],:host[theme=primary][color=user]{background:#696d79;color:#fff}:host[theme=primary]:focus,:host[theme=primary]:hover{box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15);filter:brightness(1.15)}:host[theme=primary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15);filter:brightness(.85)}:host[theme=primary][color=white]{background:#fff;color:#4a89dc}:host[theme=primary][color=white]:focus,:host[theme=primary][color=white]:hover{background:#f7f7f7}:host[theme=primary][color=white]:active{background:#eaeaea}:host[theme=primary][color=white] i{background:rgba(0,0,0,.05)}:host[theme=primary][size=large] i{margin-left:3px}", ":host[theme=secondary]{align-items:center;background:#fff;border:1px solid #4a89dc;color:#4a89dc;padding:0 calc(1rem - 1px);text-align:left}:host[theme=secondary][color=black],:host[theme=secondary][color=black] i{color:#000}:host[theme=secondary][color=white],:host[theme=secondary][color=white] i{color:#fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=gray] i,:host[theme=secondary][color=grey],:host[theme=secondary][color=grey] i{color:#9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=bright] i,:host[theme=secondary][color=offWhite],:host[theme=secondary][color=offWhite] i{color:#f7f7f7}:host[theme=secondary][color=light],:host[theme=secondary][color=light] i{color:#dbdbdb}:host[theme=secondary][color=neutral],:host[theme=secondary][color=neutral] i{color:#4f5361}:host[theme=secondary][color=dark],:host[theme=secondary][color=dark] i{color:#3d464d}:host[theme=secondary][color=orange],:host[theme=secondary][color=orange] i{color:#ff6900}:host[theme=secondary][color=navigation],:host[theme=secondary][color=navigation] i{color:#202945}:host[theme=secondary][color=skyBlue],:host[theme=secondary][color=skyBlue] i{color:#009bdf}:host[theme=secondary][color=steel],:host[theme=secondary][color=steel] i{color:#5b6770}:host[theme=secondary][color=metal],:host[theme=secondary][color=metal] i{color:#637893}:host[theme=secondary][color=sand],:host[theme=secondary][color=sand] i{color:#f4f4f4}:host[theme=secondary][color=silver],:host[theme=secondary][color=silver] i{color:#e2e2e2}:host[theme=secondary][color=stone],:host[theme=secondary][color=stone] i{color:#bebebe}:host[theme=secondary][color=ash],:host[theme=secondary][color=ash] i{color:#a0a0a0}:host[theme=secondary][color=slate],:host[theme=secondary][color=slate] i{color:#707070}:host[theme=secondary][color=onyx],:host[theme=secondary][color=onyx] i{color:#526980}:host[theme=secondary][color=charcoal],:host[theme=secondary][color=charcoal] i{color:#282828}:host[theme=secondary][color=moonlight],:host[theme=secondary][color=moonlight] i{color:#1a242f}:host[theme=secondary][color=midnight],:host[theme=secondary][color=midnight] i{color:#202945}:host[theme=secondary][color=darkness],:host[theme=secondary][color=darkness] i{color:#161f27}:host[theme=secondary][color=navy],:host[theme=secondary][color=navy] i{color:#0d2d42}:host[theme=secondary][color=aqua],:host[theme=secondary][color=aqua] i{color:#3bafda}:host[theme=secondary][color=ocean],:host[theme=secondary][color=ocean] i{color:#4a89dc}:host[theme=secondary][color=mint],:host[theme=secondary][color=mint] i{color:#37bc9b}:host[theme=secondary][color=grass],:host[theme=secondary][color=grass] i{color:#8cc152}:host[theme=secondary][color=sunflower],:host[theme=secondary][color=sunflower] i{color:#f6b042}:host[theme=secondary][color=bittersweet],:host[theme=secondary][color=bittersweet] i{color:#eb6845}:host[theme=secondary][color=grapefruit],:host[theme=secondary][color=grapefruit] i{color:#da4453}:host[theme=secondary][color=carnation],:host[theme=secondary][color=carnation] i{color:#d770ad}:host[theme=secondary][color=lavender],:host[theme=secondary][color=lavender] i{color:#967adc}:host[theme=secondary][color=mountain],:host[theme=secondary][color=mountain] i{color:#9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=info] i,:host[theme=secondary][color=positive],:host[theme=secondary][color=positive] i{color:#4a89dc}:host[theme=secondary][color=success],:host[theme=secondary][color=success] i{color:#8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=danger] i,:host[theme=secondary][color=error],:host[theme=secondary][color=error] i,:host[theme=secondary][color=negative],:host[theme=secondary][color=negative] i{color:#da4453}:host[theme=secondary][color=warning],:host[theme=secondary][color=warning] i{color:#f6b042}:host[theme=secondary][color=empty],:host[theme=secondary][color=empty] i{color:#cccdcc}:host[theme=secondary][color=disabled],:host[theme=secondary][color=disabled] i{color:#bebebe}:host[theme=secondary][color=background],:host[theme=secondary][color=background] i{color:#f7f7f7}:host[theme=secondary][color=backgroundDark],:host[theme=secondary][color=backgroundDark] i{color:#e2e2e2}:host[theme=secondary][color=presentation],:host[theme=secondary][color=presentation] i{color:#5b6770}:host[theme=secondary][color=bullhorn],:host[theme=secondary][color=bullhorn] i{color:#ff6900}:host[theme=secondary][color=pulse],:host[theme=secondary][color=pulse] i{color:#3bafda}:host[theme=secondary][color=company],:host[theme=secondary][color=company] i{color:#39d}:host[theme=secondary][color=candidate],:host[theme=secondary][color=candidate] i{color:#4b7}:host[theme=secondary][color=lead],:host[theme=secondary][color=lead] i{color:#a69}:host[theme=secondary][color=clientcontact],:host[theme=secondary][color=clientcontact] i,:host[theme=secondary][color=contact],:host[theme=secondary][color=contact] i{color:#fa4}:host[theme=secondary][color=opportunity],:host[theme=secondary][color=opportunity] i{color:#625}:host[theme=secondary][color=job],:host[theme=secondary][color=job] i,:host[theme=secondary][color=joborder],:host[theme=secondary][color=joborder] i{color:#b56}:host[theme=secondary][color=submission],:host[theme=secondary][color=submission] i{color:#a9adbb}:host[theme=secondary][color=sendout],:host[theme=secondary][color=sendout] i{color:#747884}:host[theme=secondary][color=placement],:host[theme=secondary][color=placement] i{color:#0b344f}:host[theme=secondary][color=note],:host[theme=secondary][color=note] i{color:#747884}:host[theme=secondary][color=contract],:host[theme=secondary][color=contract] i{color:#454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=billableCharge] i,:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=corporateUser] i,:host[theme=secondary][color=credential],:host[theme=secondary][color=credential] i,:host[theme=secondary][color=distributionList],:host[theme=secondary][color=distributionList] i,:host[theme=secondary][color=earnCode],:host[theme=secondary][color=earnCode] i,:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=invoiceStatement] i,:host[theme=secondary][color=jobCode],:host[theme=secondary][color=jobCode] i,:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=payableCharge] i,:host[theme=secondary][color=person],:host[theme=secondary][color=person] i,:host[theme=secondary][color=user],:host[theme=secondary][color=user] i{color:#696d79}:host[theme=secondary][color=black]{border:1px solid #000}:host[theme=secondary][color=white]{border:1px solid #fff}:host[theme=secondary][color=gray],:host[theme=secondary][color=grey]{border:1px solid #9e9e9e}:host[theme=secondary][color=bright],:host[theme=secondary][color=offWhite]{border:1px solid #f7f7f7}:host[theme=secondary][color=light]{border:1px solid #dbdbdb}:host[theme=secondary][color=neutral]{border:1px solid #4f5361}:host[theme=secondary][color=dark]{border:1px solid #3d464d}:host[theme=secondary][color=orange]{border:1px solid #ff6900}:host[theme=secondary][color=navigation]{border:1px solid #202945}:host[theme=secondary][color=skyBlue]{border:1px solid #009bdf}:host[theme=secondary][color=steel]{border:1px solid #5b6770}:host[theme=secondary][color=metal]{border:1px solid #637893}:host[theme=secondary][color=sand]{border:1px solid #f4f4f4}:host[theme=secondary][color=silver]{border:1px solid #e2e2e2}:host[theme=secondary][color=stone]{border:1px solid #bebebe}:host[theme=secondary][color=ash]{border:1px solid #a0a0a0}:host[theme=secondary][color=slate]{border:1px solid #707070}:host[theme=secondary][color=onyx]{border:1px solid #526980}:host[theme=secondary][color=charcoal]{border:1px solid #282828}:host[theme=secondary][color=moonlight]{border:1px solid #1a242f}:host[theme=secondary][color=midnight]{border:1px solid #202945}:host[theme=secondary][color=darkness]{border:1px solid #161f27}:host[theme=secondary][color=navy]{border:1px solid #0d2d42}:host[theme=secondary][color=aqua]{border:1px solid #3bafda}:host[theme=secondary][color=ocean]{border:1px solid #4a89dc}:host[theme=secondary][color=mint]{border:1px solid #37bc9b}:host[theme=secondary][color=grass]{border:1px solid #8cc152}:host[theme=secondary][color=sunflower]{border:1px solid #f6b042}:host[theme=secondary][color=bittersweet]{border:1px solid #eb6845}:host[theme=secondary][color=grapefruit]{border:1px solid #da4453}:host[theme=secondary][color=carnation]{border:1px solid #d770ad}:host[theme=secondary][color=lavender]{border:1px solid #967adc}:host[theme=secondary][color=mountain]{border:1px solid #9678b6}:host[theme=secondary][color=info],:host[theme=secondary][color=positive]{border:1px solid #4a89dc}:host[theme=secondary][color=success]{border:1px solid #8cc152}:host[theme=secondary][color=danger],:host[theme=secondary][color=error],:host[theme=secondary][color=negative]{border:1px solid #da4453}:host[theme=secondary][color=warning]{border:1px solid #f6b042}:host[theme=secondary][color=empty]{border:1px solid #cccdcc}:host[theme=secondary][color=disabled]{border:1px solid #bebebe}:host[theme=secondary][color=background]{border:1px solid #f7f7f7}:host[theme=secondary][color=backgroundDark]{border:1px solid #e2e2e2}:host[theme=secondary][color=presentation]{border:1px solid #5b6770}:host[theme=secondary][color=bullhorn]{border:1px solid #ff6900}:host[theme=secondary][color=pulse]{border:1px solid #3bafda}:host[theme=secondary][color=company]{border:1px solid #39d}:host[theme=secondary][color=candidate]{border:1px solid #4b7}:host[theme=secondary][color=lead]{border:1px solid #a69}:host[theme=secondary][color=clientcontact],:host[theme=secondary][color=contact]{border:1px solid #fa4}:host[theme=secondary][color=opportunity]{border:1px solid #625}:host[theme=secondary][color=job],:host[theme=secondary][color=joborder]{border:1px solid #b56}:host[theme=secondary][color=submission]{border:1px solid #a9adbb}:host[theme=secondary][color=sendout]{border:1px solid #747884}:host[theme=secondary][color=placement]{border:1px solid #0b344f}:host[theme=secondary][color=note]{border:1px solid #747884}:host[theme=secondary][color=contract]{border:1px solid #454ea0}:host[theme=secondary][color=billableCharge],:host[theme=secondary][color=corporateUser],:host[theme=secondary][color=credential],:host[theme=secondary][color=distributionList],:host[theme=secondary][color=earnCode],:host[theme=secondary][color=invoiceStatement],:host[theme=secondary][color=jobCode],:host[theme=secondary][color=payableCharge],:host[theme=secondary][color=person],:host[theme=secondary][color=user]{border:1px solid #696d79}:host[theme=secondary] i.loading{margin-left:.8rem}:host[theme=secondary] i.loading svg .spinner{fill:#4a89dc}:host[theme=secondary]:focus,:host[theme=secondary]:hover{background:#fff;box-shadow:0 3px 7px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary]:active{box-shadow:0 1px 2px rgba(0,0,0,.15)}:host[theme=secondary][inverse]{background:rgba(0,0,0,.25);border:1px solid #fff;color:#fff}:host[theme=secondary][inverse]:focus,:host[theme=secondary][inverse]:hover{background:rgba(0,0,0,.35)}:host[theme=secondary][inverse]:active{background:rgba(0,0,0,.45)}:host[theme=secondary][inverse] i.loading svg .spinner{fill:#fff}", ":host[theme=fab]{align-items:center;border-radius:50%!important;display:inline-flex;font-size:1.2rem;height:3.2rem;justify-content:center;padding:0;width:3.2rem}:host[theme=fab][color=black]{background:#000;color:#fff}:host[theme=fab][color=white]{background:#fff;color:#3d464d}:host[theme=fab][color=gray],:host[theme=fab][color=grey]{background:#9e9e9e;color:#3d464d}:host[theme=fab][color=bright],:host[theme=fab][color=offWhite]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=light]{background:#dbdbdb;color:#3d464d}:host[theme=fab][color=neutral]{background:#4f5361;color:#fff}:host[theme=fab][color=dark]{background:#3d464d;color:#fff}:host[theme=fab][color=orange]{background:#ff6900;color:#3d464d}:host[theme=fab][color=navigation]{background:#202945;color:#fff}:host[theme=fab][color=skyBlue]{background:#009bdf;color:#fff}:host[theme=fab][color=steel]{background:#5b6770;color:#fff}:host[theme=fab][color=metal]{background:#637893;color:#fff}:host[theme=fab][color=sand]{background:#f4f4f4;color:#3d464d}:host[theme=fab][color=silver]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=stone]{background:#bebebe;color:#3d464d}:host[theme=fab][color=ash]{background:#a0a0a0;color:#3d464d}:host[theme=fab][color=slate]{background:#707070;color:#fff}:host[theme=fab][color=onyx]{background:#526980;color:#fff}:host[theme=fab][color=charcoal]{background:#282828;color:#fff}:host[theme=fab][color=moonlight]{background:#1a242f;color:#fff}:host[theme=fab][color=midnight]{background:#202945;color:#fff}:host[theme=fab][color=darkness]{background:#161f27;color:#fff}:host[theme=fab][color=navy]{background:#0d2d42;color:#fff}:host[theme=fab][color=aqua]{background:#3bafda;color:#3d464d}:host[theme=fab][color=ocean]{background:#4a89dc;color:#fff}:host[theme=fab][color=mint]{background:#37bc9b;color:#3d464d}:host[theme=fab][color=grass]{background:#8cc152;color:#fff}:host[theme=fab][color=sunflower]{background:#f6b042;color:#fff}:host[theme=fab][color=bittersweet]{background:#eb6845;color:#fff}:host[theme=fab][color=grapefruit]{background:#da4453;color:#fff}:host[theme=fab][color=carnation]{background:#d770ad;color:#fff}:host[theme=fab][color=lavender]{background:#967adc;color:#fff}:host[theme=fab][color=mountain]{background:#9678b6;color:#fff}:host[theme=fab][color=info],:host[theme=fab][color=positive]{background:#4a89dc;color:#fff}:host[theme=fab][color=success]{background:#8cc152;color:#fff}:host[theme=fab][color=danger],:host[theme=fab][color=error],:host[theme=fab][color=negative]{background:#da4453;color:#fff}:host[theme=fab][color=warning]{background:#f6b042;color:#fff}:host[theme=fab][color=empty]{background:#cccdcc;color:#3d464d}:host[theme=fab][color=disabled]{background:#bebebe;color:#3d464d}:host[theme=fab][color=background]{background:#f7f7f7;color:#3d464d}:host[theme=fab][color=backgroundDark]{background:#e2e2e2;color:#3d464d}:host[theme=fab][color=presentation]{background:#5b6770;color:#fff}:host[theme=fab][color=bullhorn]{background:#ff6900;color:#3d464d}:host[theme=fab][color=pulse]{background:#3bafda;color:#3d464d}:host[theme=fab][color=company]{background:#39d;color:#fff}:host[theme=fab][color=candidate]{background:#4b7;color:#fff}:host[theme=fab][color=lead]{background:#a69;color:#fff}:host[theme=fab][color=clientcontact],:host[theme=fab][color=contact]{background:#fa4;color:#fff}:host[theme=fab][color=opportunity]{background:#625;color:#fff}:host[theme=fab][color=job],:host[theme=fab][color=joborder]{background:#b56;color:#fff}:host[theme=fab][color=submission]{background:#a9adbb;color:#3d464d}:host[theme=fab][color=sendout]{background:#747884;color:#fff}:host[theme=fab][color=placement]{background:#0b344f;color:#fff}:host[theme=fab][color=note]{background:#747884;color:#fff}:host[theme=fab][color=contract]{background:#454ea0;color:#fff}:host[theme=fab][color=billableCharge],:host[theme=fab][color=corporateUser],:host[theme=fab][color=credential],:host[theme=fab][color=distributionList],:host[theme=fab][color=earnCode],:host[theme=fab][color=invoiceStatement],:host[theme=fab][color=jobCode],:host[theme=fab][color=payableCharge],:host[theme=fab][color=person],:host[theme=fab][color=user]{background:#696d79;color:#fff}:host[theme=fab][inverse]{color:#fff}:host[theme=fab]:active,:host[theme=fab]:focus,:host[theme=fab]:hover{box-shadow:0 1px 2px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}:host[theme=fab] .button-contents{display:contents}:host[theme=fab] i{margin:0;padding:0}:host[theme=fab] i:before{display:block}", ":host[theme=icon]{font-size:1.4rem;height:2.4rem;padding:.5rem}:host[theme=icon][color=black],:host[theme=icon][color=black] i{color:#000}:host[theme=icon][color=white],:host[theme=icon][color=white] i{color:#fff}:host[theme=icon][color=gray],:host[theme=icon][color=gray] i,:host[theme=icon][color=grey],:host[theme=icon][color=grey] i{color:#9e9e9e}:host[theme=icon][color=bright],:host[theme=icon][color=bright] i,:host[theme=icon][color=offWhite],:host[theme=icon][color=offWhite] i{color:#f7f7f7}:host[theme=icon][color=light],:host[theme=icon][color=light] i{color:#dbdbdb}:host[theme=icon][color=neutral],:host[theme=icon][color=neutral] i{color:#4f5361}:host[theme=icon][color=dark],:host[theme=icon][color=dark] i{color:#3d464d}:host[theme=icon][color=orange],:host[theme=icon][color=orange] i{color:#ff6900}:host[theme=icon][color=navigation],:host[theme=icon][color=navigation] i{color:#202945}:host[theme=icon][color=skyBlue],:host[theme=icon][color=skyBlue] i{color:#009bdf}:host[theme=icon][color=steel],:host[theme=icon][color=steel] i{color:#5b6770}:host[theme=icon][color=metal],:host[theme=icon][color=metal] i{color:#637893}:host[theme=icon][color=sand],:host[theme=icon][color=sand] i{color:#f4f4f4}:host[theme=icon][color=silver],:host[theme=icon][color=silver] i{color:#e2e2e2}:host[theme=icon][color=stone],:host[theme=icon][color=stone] i{color:#bebebe}:host[theme=icon][color=ash],:host[theme=icon][color=ash] i{color:#a0a0a0}:host[theme=icon][color=slate],:host[theme=icon][color=slate] i{color:#707070}:host[theme=icon][color=onyx],:host[theme=icon][color=onyx] i{color:#526980}:host[theme=icon][color=charcoal],:host[theme=icon][color=charcoal] i{color:#282828}:host[theme=icon][color=moonlight],:host[theme=icon][color=moonlight] i{color:#1a242f}:host[theme=icon][color=midnight],:host[theme=icon][color=midnight] i{color:#202945}:host[theme=icon][color=darkness],:host[theme=icon][color=darkness] i{color:#161f27}:host[theme=icon][color=navy],:host[theme=icon][color=navy] i{color:#0d2d42}:host[theme=icon][color=aqua],:host[theme=icon][color=aqua] i{color:#3bafda}:host[theme=icon][color=ocean],:host[theme=icon][color=ocean] i{color:#4a89dc}:host[theme=icon][color=mint],:host[theme=icon][color=mint] i{color:#37bc9b}:host[theme=icon][color=grass],:host[theme=icon][color=grass] i{color:#8cc152}:host[theme=icon][color=sunflower],:host[theme=icon][color=sunflower] i{color:#f6b042}:host[theme=icon][color=bittersweet],:host[theme=icon][color=bittersweet] i{color:#eb6845}:host[theme=icon][color=grapefruit],:host[theme=icon][color=grapefruit] i{color:#da4453}:host[theme=icon][color=carnation],:host[theme=icon][color=carnation] i{color:#d770ad}:host[theme=icon][color=lavender],:host[theme=icon][color=lavender] i{color:#967adc}:host[theme=icon][color=mountain],:host[theme=icon][color=mountain] i{color:#9678b6}:host[theme=icon][color=info],:host[theme=icon][color=info] i,:host[theme=icon][color=positive],:host[theme=icon][color=positive] i{color:#4a89dc}:host[theme=icon][color=success],:host[theme=icon][color=success] i{color:#8cc152}:host[theme=icon][color=danger],:host[theme=icon][color=danger] i,:host[theme=icon][color=error],:host[theme=icon][color=error] i,:host[theme=icon][color=negative],:host[theme=icon][color=negative] i{color:#da4453}:host[theme=icon][color=warning],:host[theme=icon][color=warning] i{color:#f6b042}:host[theme=icon][color=empty],:host[theme=icon][color=empty] i{color:#cccdcc}:host[theme=icon][color=disabled],:host[theme=icon][color=disabled] i{color:#bebebe}:host[theme=icon][color=background],:host[theme=icon][color=background] i{color:#f7f7f7}:host[theme=icon][color=backgroundDark],:host[theme=icon][color=backgroundDark] i{color:#e2e2e2}:host[theme=icon][color=presentation],:host[theme=icon][color=presentation] i{color:#5b6770}:host[theme=icon][color=bullhorn],:host[theme=icon][color=bullhorn] i{color:#ff6900}:host[theme=icon][color=pulse],:host[theme=icon][color=pulse] i{color:#3bafda}:host[theme=icon][color=company],:host[theme=icon][color=company] i{color:#39d}:host[theme=icon][color=candidate],:host[theme=icon][color=candidate] i{color:#4b7}:host[theme=icon][color=lead],:host[theme=icon][color=lead] i{color:#a69}:host[theme=icon][color=clientcontact],:host[theme=icon][color=clientcontact] i,:host[theme=icon][color=contact],:host[theme=icon][color=contact] i{color:#fa4}:host[theme=icon][color=opportunity],:host[theme=icon][color=opportunity] i{color:#625}:host[theme=icon][color=job],:host[theme=icon][color=job] i,:host[theme=icon][color=joborder],:host[theme=icon][color=joborder] i{color:#b56}:host[theme=icon][color=submission],:host[theme=icon][color=submission] i{color:#a9adbb}:host[theme=icon][color=sendout],:host[theme=icon][color=sendout] i{color:#747884}:host[theme=icon][color=placement],:host[theme=icon][color=placement] i{color:#0b344f}:host[theme=icon][color=note],:host[theme=icon][color=note] i{color:#747884}:host[theme=icon][color=contract],:host[theme=icon][color=contract] i{color:#454ea0}:host[theme=icon][color=billableCharge],:host[theme=icon][color=billableCharge] i,:host[theme=icon][color=corporateUser],:host[theme=icon][color=corporateUser] i,:host[theme=icon][color=credential],:host[theme=icon][color=credential] i,:host[theme=icon][color=distributionList],:host[theme=icon][color=distributionList] i,:host[theme=icon][color=earnCode],:host[theme=icon][color=earnCode] i,:host[theme=icon][color=invoiceStatement],:host[theme=icon][color=invoiceStatement] i,:host[theme=icon][color=jobCode],:host[theme=icon][color=jobCode] i,:host[theme=icon][color=payableCharge],:host[theme=icon][color=payableCharge] i,:host[theme=icon][color=person],:host[theme=icon][color=person] i,:host[theme=icon][color=user],:host[theme=icon][color=user] i{color:#696d79}:host[theme=icon][inverse]{color:#fff}:host[theme=icon] i{display:contents;margin:0!important}:host[theme=icon]:focus,:host[theme=icon]:hover{background:rgba(0,0,0,.1)}:host[theme=icon]:active{background:rgba(0,0,0,.25)}:host[theme=icon] .button-contents{display:contents}:host[theme=icon][size=small]{font-size:1.2rem;height:2rem;padding:.5rem}:host[theme=icon][size=large]{font-size:2rem;height:2.8rem;padding:1rem}", ":host[theme=dialogue]{background:transparent;color:#4a89dc}:host[theme=dialogue][color=black],:host[theme=dialogue][color=black] i{color:#000}:host[theme=dialogue][color=white],:host[theme=dialogue][color=white] i{color:#fff}:host[theme=dialogue][color=gray],:host[theme=dialogue][color=gray] i,:host[theme=dialogue][color=grey],:host[theme=dialogue][color=grey] i{color:#9e9e9e}:host[theme=dialogue][color=bright],:host[theme=dialogue][color=bright] i,:host[theme=dialogue][color=offWhite],:host[theme=dialogue][color=offWhite] i{color:#f7f7f7}:host[theme=dialogue][color=light],:host[theme=dialogue][color=light] i{color:#dbdbdb}:host[theme=dialogue][color=neutral],:host[theme=dialogue][color=neutral] i{color:#4f5361}:host[theme=dialogue][color=dark],:host[theme=dialogue][color=dark] i{color:#3d464d}:host[theme=dialogue][color=orange],:host[theme=dialogue][color=orange] i{color:#ff6900}:host[theme=dialogue][color=navigation],:host[theme=dialogue][color=navigation] i{color:#202945}:host[theme=dialogue][color=skyBlue],:host[theme=dialogue][color=skyBlue] i{color:#009bdf}:host[theme=dialogue][color=steel],:host[theme=dialogue][color=steel] i{color:#5b6770}:host[theme=dialogue][color=metal],:host[theme=dialogue][color=metal] i{color:#637893}:host[theme=dialogue][color=sand],:host[theme=dialogue][color=sand] i{color:#f4f4f4}:host[theme=dialogue][color=silver],:host[theme=dialogue][color=silver] i{color:#e2e2e2}:host[theme=dialogue][color=stone],:host[theme=dialogue][color=stone] i{color:#bebebe}:host[theme=dialogue][color=ash],:host[theme=dialogue][color=ash] i{color:#a0a0a0}:host[theme=dialogue][color=slate],:host[theme=dialogue][color=slate] i{color:#707070}:host[theme=dialogue][color=onyx],:host[theme=dialogue][color=onyx] i{color:#526980}:host[theme=dialogue][color=charcoal],:host[theme=dialogue][color=charcoal] i{color:#282828}:host[theme=dialogue][color=moonlight],:host[theme=dialogue][color=moonlight] i{color:#1a242f}:host[theme=dialogue][color=midnight],:host[theme=dialogue][color=midnight] i{color:#202945}:host[theme=dialogue][color=darkness],:host[theme=dialogue][color=darkness] i{color:#161f27}:host[theme=dialogue][color=navy],:host[theme=dialogue][color=navy] i{color:#0d2d42}:host[theme=dialogue][color=aqua],:host[theme=dialogue][color=aqua] i{color:#3bafda}:host[theme=dialogue][color=ocean],:host[theme=dialogue][color=ocean] i{color:#4a89dc}:host[theme=dialogue][color=mint],:host[theme=dialogue][color=mint] i{color:#37bc9b}:host[theme=dialogue][color=grass],:host[theme=dialogue][color=grass] i{color:#8cc152}:host[theme=dialogue][color=sunflower],:host[theme=dialogue][color=sunflower] i{color:#f6b042}:host[theme=dialogue][color=bittersweet],:host[theme=dialogue][color=bittersweet] i{color:#eb6845}:host[theme=dialogue][color=grapefruit],:host[theme=dialogue][color=grapefruit] i{color:#da4453}:host[theme=dialogue][color=carnation],:host[theme=dialogue][color=carnation] i{color:#d770ad}:host[theme=dialogue][color=lavender],:host[theme=dialogue][color=lavender] i{color:#967adc}:host[theme=dialogue][color=mountain],:host[theme=dialogue][color=mountain] i{color:#9678b6}:host[theme=dialogue][color=info],:host[theme=dialogue][color=info] i,:host[theme=dialogue][color=positive],:host[theme=dialogue][color=positive] i{color:#4a89dc}:host[theme=dialogue][color=success],:host[theme=dialogue][color=success] i{color:#8cc152}:host[theme=dialogue][color=danger],:host[theme=dialogue][color=danger] i,:host[theme=dialogue][color=error],:host[theme=dialogue][color=error] i,:host[theme=dialogue][color=negative],:host[theme=dialogue][color=negative] i{color:#da4453}:host[theme=dialogue][color=warning],:host[theme=dialogue][color=warning] i{color:#f6b042}:host[theme=dialogue][color=empty],:host[theme=dialogue][color=empty] i{color:#cccdcc}:host[theme=dialogue][color=disabled],:host[theme=dialogue][color=disabled] i{color:#bebebe}:host[theme=dialogue][color=background],:host[theme=dialogue][color=background] i{color:#f7f7f7}:host[theme=dialogue][color=backgroundDark],:host[theme=dialogue][color=backgroundDark] i{color:#e2e2e2}:host[theme=dialogue][color=presentation],:host[theme=dialogue][color=presentation] i{color:#5b6770}:host[theme=dialogue][color=bullhorn],:host[theme=dialogue][color=bullhorn] i{color:#ff6900}:host[theme=dialogue][color=pulse],:host[theme=dialogue][color=pulse] i{color:#3bafda}:host[theme=dialogue][color=company],:host[theme=dialogue][color=company] i{color:#39d}:host[theme=dialogue][color=candidate],:host[theme=dialogue][color=candidate] i{color:#4b7}:host[theme=dialogue][color=lead],:host[theme=dialogue][color=lead] i{color:#a69}:host[theme=dialogue][color=clientcontact],:host[theme=dialogue][color=clientcontact] i,:host[theme=dialogue][color=contact],:host[theme=dialogue][color=contact] i{color:#fa4}:host[theme=dialogue][color=opportunity],:host[theme=dialogue][color=opportunity] i{color:#625}:host[theme=dialogue][color=job],:host[theme=dialogue][color=job] i,:host[theme=dialogue][color=joborder],:host[theme=dialogue][color=joborder] i{color:#b56}:host[theme=dialogue][color=submission],:host[theme=dialogue][color=submission] i{color:#a9adbb}:host[theme=dialogue][color=sendout],:host[theme=dialogue][color=sendout] i{color:#747884}:host[theme=dialogue][color=placement],:host[theme=dialogue][color=placement] i{color:#0b344f}:host[theme=dialogue][color=note],:host[theme=dialogue][color=note] i{color:#747884}:host[theme=dialogue][color=contract],:host[theme=dialogue][color=contract] i{color:#454ea0}:host[theme=dialogue][color=billableCharge],:host[theme=dialogue][color=billableCharge] i,:host[theme=dialogue][color=corporateUser],:host[theme=dialogue][color=corporateUser] i,:host[theme=dialogue][color=credential],:host[theme=dialogue][color=credential] i,:host[theme=dialogue][color=distributionList],:host[theme=dialogue][color=distributionList] i,:host[theme=dialogue][color=earnCode],:host[theme=dialogue][color=earnCode] i,:host[theme=dialogue][color=invoiceStatement],:host[theme=dialogue][color=invoiceStatement] i,:host[theme=dialogue][color=jobCode],:host[theme=dialogue][color=jobCode] i,:host[theme=dialogue][color=payableCharge],:host[theme=dialogue][color=payableCharge] i,:host[theme=dialogue][color=person],:host[theme=dialogue][color=person] i,:host[theme=dialogue][color=user],:host[theme=dialogue][color=user] i{color:#696d79}:host[theme=dialogue]:focus,:host[theme=dialogue]:hover{background:#ededed}:host[theme=dialogue]:active{background:#e0e0e0}:host[theme=dialogue][inverse]:focus,:host[theme=dialogue][inverse]:hover{background:rgba(0,0,0,.2)}:host[theme=dialogue][inverse]:active{background:rgba(0,0,0,.35)}", ":host[theme=field]{background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:#3d464d;font-size:1.2rem;height:1.8rem;margin-bottom:4px;padding:.25rem .5rem;text-align:left}:host[theme=field]:active,:host[theme=field]:focus,:host[theme=field]:hover{border-bottom:1px solid var(--selection)}:host[theme=select]{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0;color:var(--text-main);cursor:pointer;display:flex;font-size:1.2rem;height:2rem;height:1.8rem;justify-content:space-between;min-height:2rem;padding:0 2px 0 0;position:relative;text-align:left;text-shadow:none;text-transform:none;width:100%;z-index:1}:host[theme=select].empty{color:var(--text-muted)}:host[theme=select]:focus,:host[theme=select]:hover{outline:none}:host[theme=select]:hover{border-bottom:1px solid #5f6d78}:host[theme=select]:hover i{opacity:.75}:host[theme=select]:focus{border-bottom:1px solid var(--selection)}:host[theme=select]:focus i{color:rgba(0,0,0,.73)}:host[theme=select] i{color:var(--text-main);font-size:.8rem;opacity:.45}"]
|
|
90
90
|
},] }
|
|
91
91
|
];
|
|
92
92
|
NovoButtonElement.ctorParameters = () => [
|
|
@@ -179,7 +179,7 @@ NovoCalendarElement.decorators = [
|
|
|
179
179
|
{ type: Component, args: [{
|
|
180
180
|
selector: 'novo-calendar',
|
|
181
181
|
template: "<div class=\"calendar-header\">\n <novo-button theme=\"icon\" icon=\"previous\" size=\"small\" (click)=\"prevMonth($event)\"\n data-automation-id=\"calendar-previous\"></novo-button>\n <ng-container *ngFor=\"let month of months; let i = index;\">\n <span class=\"heading\" [class.secondary]=\"i > 0\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n </ng-container>\n <novo-button theme=\"icon\" icon=\"next\" size=\"small\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\">\n </novo-button>\n</div>\n<section class=\"calendar-content\" [ngSwitch]=\"activeView\">\n <ng-container *ngSwitchCase=\"'days'\">\n <ng-container *ngFor=\"let month of months; let i = index\">\n <div class=\"calendar-header\" *ngIf=\"layout==='vertical' && i > 0\">\n <span class=\"previous\" (click)=\"prevMonth($event)\" data-automation-id=\"calendar-previous\"></span>\n <span class=\"heading\">\n <span class=\"month\" (click)=\"openView($event, 'months')\"\n data-automation-id=\"header-month\">{{ month.label }}</span>\n <span class=\"year\" (click)=\"openView($event, 'years')\"\n data-automation-id=\"header-year\">{{ month.date?.getFullYear() }}</span>\n </span>\n <span class=\"next\" (click)=\"nextMonth($event)\" data-automation-id=\"calendar-next\"></span>\n </div>\n <novo-month-view\n class=\"month-view\"\n [activeDate]=\"month.date\"\n [selected]=\"selected\"\n [preview]=\"preview\"\n [overlays]=\"overlays\"\n [isRange]=\"_isRange()\"\n [hideOverflowDays]=\"months.length > 1\"\n [weekStartsOn]=\"weekStartsOn\"\n [disabledDateMessage]=\"disabledDateMessage\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n (select)=\"dateSelected($event)\"\n (hover)=\"updatePreview($event)\"></novo-month-view>\n </ng-container>\n </ng-container>\n <novo-month-select\n *ngSwitchCase=\"'months'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"monthSelected($event)\">\n </novo-month-select>\n <novo-year-select\n *ngSwitchCase=\"'years'\"\n [activeDate]=\"activeDate\"\n [selected]=\"selected\"\n (select)=\"yearSelected($event)\">\n </novo-year-select>\n</section>",
|
|
182
|
-
styles: [":host(.layout-horizontal){font-size:1.2rem}:host(.layout-horizontal) .calendar-content{flex-flow:row nowrap}:host(.layout-horizontal) .month-view+.month-view{border-collapse:unset;border-left:1px solid #dbdbdb;margin-left:.5rem;padding-left:.5rem}:host(.layout-vertical) .calendar-content{flex-flow:column nowrap}:host(.layout-vertical) .calendar-header .heading.secondary{display:none}:host{-moz-user-select:none;-webkit-user-select:none;background:var(--background-bright);color:var(--text-
|
|
182
|
+
styles: [":host(.layout-horizontal){font-size:1.2rem}:host(.layout-horizontal) .calendar-content{flex-flow:row nowrap}:host(.layout-horizontal) .month-view+.month-view{border-collapse:unset;border-left:1px solid #dbdbdb;margin-left:.5rem;padding-left:.5rem}:host(.layout-vertical) .calendar-content{flex-flow:column nowrap}:host(.layout-vertical) .calendar-header .heading.secondary{display:none}:host{-moz-user-select:none;-webkit-user-select:none;background:var(--background-bright);color:var(--text-main);display:block;position:relative;text-align:center;user-select:none;width:100%}:host .calendar-content{display:flex;height:-webkit-min-content;height:-moz-min-content;height:min-content;left:0;overflow:hidden;position:static;top:0;width:100%}:host .calendar-header{-webkit-user-select:none;align-items:center;border-bottom:1px solid var(--border);border-collapse:collapse;cursor:default;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:1rem .8rem;width:100%}:host .calendar-header .previous{cursor:pointer;display:inline-block;height:15px;width:30px}:host .calendar-header .previous:after{border-bottom:4px solid transparent;border-right:4px solid #aaa;border-top:4px solid transparent;content:\"\";display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .previous:hover:after{border-right:4px solid #4a89dc;cursor:pointer}:host .calendar-header .heading{color:#4a89dc;display:inline-block;flex:1;font-weight:600;vertical-align:middle}:host .calendar-header .heading .month{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .month:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .heading .year{border-radius:2px;padding:3px 8px}:host .calendar-header .heading .year:hover{background:#4a89dc;color:#fff;cursor:pointer}:host .calendar-header .next{cursor:pointer;display:inline-block;height:15px;width:30px}:host .calendar-header .next:before{border-bottom:4px solid transparent;border-left:4px solid #aaa;border-top:4px solid transparent;content:\"\";display:inline-block;height:0;vertical-align:middle;width:0}:host .calendar-header .next:hover:before{border-left:4px solid #4a89dc;cursor:pointer;opacity:1}"]
|
|
183
183
|
},] }
|
|
184
184
|
];
|
|
185
185
|
NovoCalendarElement.ctorParameters = () => [
|
|
@@ -135,7 +135,7 @@ NovoMonthViewElement.decorators = [
|
|
|
135
135
|
selector: 'novo-month-view',
|
|
136
136
|
template: "<div class=\"calendar-table\" cellspacing=\"0\" cellpadding=\"0\">\n <div class=\"calendar-thead\">\n <div class=\"calendar-th weekday\" *ngFor=\"let day of weekdays\" title=\"{{ day }}\"\n [attr.data-automation-id]=\"day.substr(0, 2)\">\n {{ day.substr(0, 2) }}\n </div>\n </div>\n <div class=\"calendar-body\">\n <div class=\"calendar-week\" *ngFor=\"let week of weeks\">\n <div class=\"calendar-date\" *ngFor=\"let day of week.days\"\n [class.today]=\"day.isToday\"\n [class.notinmonth]=\"day.date.getMonth() !== activeDate.getMonth()\"\n [class.selected]=\"_isSelected(day.date)\"\n [class.preview]=\"_isPreview(day.date)\"\n [class.overlay]=\"_isOverlay(day.date)\"\n [class]=\"_hasOverlayType(day.date)\"\n [class.inRange]=\"_isInRange(day.date)\"\n [class.rangeStart]=\"_isRangeStart(day.date)\"\n [class.rangeEnd]=\"_isRangeEnd(day.date)\"\n [class.inPreview]=\"_isInPreview(day.date)\"\n [class.previewStart]=\"_isPreviewStart(day.date)\"\n [class.previewEnd]=\"_isPreviewEnd(day.date)\"\n [class.calendar-date]=\"true\"\n [attr.aria-label]=\"day.name\"\n [attr.aria-disabled]=\"isDisabled(day.date)\"\n [attr.aria-selected]=\"_isSelected(day.date)\"\n [attr.data-automation-id]=\"day.number\"\n [title]=\"isDisabled(day.date) ? disabledDateMessage : ''\"\n (mouseover)=\"onHover($event, day)\">\n <novo-button\n class=\"day\"\n [attr.data-automation-id]=\"day.number\"\n [disabled]=\"isDisabled(day.date)\"\n (click)=\"onSelect($event, day)\">\n {{ day.number }}\n </novo-button>\n </div>\n </div>\n </div>\n</div>",
|
|
137
137
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
138
|
-
styles: [":host{background:var(--background-bright);height:-webkit-min-content;height:-moz-min-content;height:min-content;position:relative;width:100%}:host .calendar-table{display:table}:host .calendar-table .calendar-thead{display:table-header-group}:host .calendar-table .calendar-th{display:table-cell;padding:10px 0;width:30px}:host .calendar-table .calendar-body{display:table-row-group}:host .calendar-table .calendar-week{display:table-row}:host .calendar-table .month,:host .calendar-table .year{border-radius:3px;color:#666;font-weight:400;margin:5px;overflow-x:hidden;padding:4px 15px;text-align:center;text-overflow:ellipsis}:host .calendar-table .month.selected,:host .calendar-table .year.selected{background-color
|
|
138
|
+
styles: [":host{background:var(--background-bright);height:-webkit-min-content;height:-moz-min-content;height:min-content;position:relative;width:100%}:host .calendar-table{display:table}:host .calendar-table .calendar-thead{display:table-header-group}:host .calendar-table .calendar-th{display:table-cell;padding:10px 0;width:30px}:host .calendar-table .calendar-body{display:table-row-group}:host .calendar-table .calendar-week{display:table-row}:host .calendar-table .month,:host .calendar-table .year{border-radius:3px;color:#666;font-weight:400;margin:5px;overflow-x:hidden;padding:4px 15px;text-align:center;text-overflow:ellipsis}:host .calendar-table .month.selected,:host .calendar-table .year.selected{background-color:var(--selection);color:#fff}:host .calendar-table .month:hover,:host .calendar-table .year:hover{background-color:var(--selection);color:#fff;cursor:pointer}:host .calendar-table .day{background-color:transparent;border:none;border-radius:50%;box-shadow:inset 0 0 0 2px transparent;color:var(--text-main,#3d464d);font-size:1.2rem;height:3.2rem;line-height:1;padding:1px;position:relative;transition:box-shadow .14s ease-in-out;width:3.2rem}:host .calendar-table .day:focus{outline:none}:host .calendar-table .day:disabled{box-shadow:none!important;color:var(--text-disabled);cursor:not-allowed!important}:host .calendar-table .calendar-date{display:table-cell}:host .calendar-table .calendar-date.notinmonth,:host .calendar-table .calendar-date.notinmonth:not(.selected)>.day{color:var(--text-disabled)}:host .calendar-table .calendar-date:hover .day{box-shadow:inset 0 0 0 2px var(--selection);cursor:pointer}:host .calendar-table .calendar-date.inRange:hover .day{box-shadow:inset 0 0 0 2px #fff}:host .calendar-table .calendar-date.inRange{background:var(--selection);border-radius:0;color:#fff;height:3.2rem;width:3.2rem}:host .calendar-table .calendar-date.inRange .day{color:#fff}:host .calendar-table .calendar-date.rangeStart{border-radius:50% 0 0 50%;box-shadow:none!important;position:relative}:host .calendar-table .calendar-date.rangeStart:before{background:#4a89dc;content:\"\";height:100%;position:absolute;right:-5px;top:0;width:10px;z-index:-1}:host .calendar-table .calendar-date.rangeEnd{border-radius:0 50% 50% 0;box-shadow:none!important;position:relative}:host .calendar-table .calendar-date.rangeEnd:before{background:var(--selection);content:\"\";height:100%;left:-5px;position:absolute;top:0;width:10px;z-index:-1}:host .calendar-table .calendar-date.selected .day{background:var(--selection);color:#fff}:host .calendar-table .calendar-date.preview:not(.previewStart):not(.previewEnd) .day{border:1px dashed var(--selection)}:host .calendar-table .calendar-date.preview:not(.previewStart):not(.previewEnd).selected .day{border:1px dashed #9dbeff}:host .calendar-table .calendar-date.today .day:after{border-radius:100%;box-shadow:inset 0 0 0 2px #dbdbdb;content:\"\";height:100%;left:0;margin:0 auto;max-width:3.2rem;position:absolute;top:0;width:100%}:host .calendar-table .calendar-date.today.inRange .day:after,:host .calendar-table .calendar-date.today.selected .day:after{box-shadow:inset 0 0 0 2px #9dbeff}:host .calendar-table .calendar-date.inPreview .day{border-bottom:1px dashed #4a89dc;border-radius:0;border-top:1px dashed #4a89dc}:host .calendar-table .calendar-date.previewStart .day{border-bottom-right-radius:0;border-left:1px dashed #4a89dc;border-radius:50%;border-top-right-radius:0;box-shadow:none!important}:host .calendar-table .calendar-date.previewEnd .day{border-bottom-left-radius:0;border-radius:50%;border-right:1px dashed #4a89dc;border-top-left-radius:0;box-shadow:none!important}"]
|
|
139
139
|
},] }
|
|
140
140
|
];
|
|
141
141
|
NovoMonthViewElement.ctorParameters = () => [
|
|
@@ -58,4 +58,4 @@ NovoCommonModule.decorators = [
|
|
|
58
58
|
],
|
|
59
59
|
},] }
|
|
60
60
|
];
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9ub3ZvLWVsZW1lbnRzL25vdm8tZWxlbWVudHMvcHJvamVjdHMvbm92by1lbGVtZW50cy8iLCJzb3VyY2VzIjpbInNyYy9lbGVtZW50cy9jb21tb24vY29tbW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBRSxZQUFZLEVBQUUsZUFBZSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0YsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBd0MvRCxNQUFNLE9BQU8sZ0JBQWdCOzs7WUF2QzVCLFFBQVEsU0FBQztnQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsZ0JBQWdCLENBQUM7Z0JBQ3pDLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLFFBQVE7b0JBQ1IsU0FBUztvQkFDVCxXQUFXO29CQUNYLFNBQVM7b0JBQ1QsUUFBUTtvQkFDUixlQUFlO29CQUNmLGdCQUFnQjtvQkFDaEIsd0JBQXdCO29CQUN4QixrQkFBa0I7b0JBQ2xCLGVBQWU7b0JBQ2YsWUFBWTtvQkFDWixvQkFBb0I7b0JBQ3BCLGtCQUFrQjtvQkFDbEIsYUFBYTtvQkFDYixtQkFBbUI7aUJBQ3BCO2dCQUNELFlBQVksRUFBRTtvQkFDWixZQUFZO29CQUNaLFFBQVE7b0JBQ1IsU0FBUztvQkFDVCxXQUFXO29CQUNYLFNBQVM7b0JBQ1QsUUFBUTtvQkFDUixlQUFlO29CQUNmLGdCQUFnQjtvQkFDaEIsd0JBQXdCO29CQUN4QixrQkFBa0I7b0JBQ2xCLGVBQWU7b0JBQ2YsWUFBWTtvQkFDWixvQkFBb0I7b0JBQ3BCLGtCQUFrQjtvQkFDbEIsYUFBYTtvQkFDYixtQkFBbUI7aUJBQ3BCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjY2VudENvbG9yRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL2FjY2VudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQmFja2dyb3VuZENvbG9yRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL2JnLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBCb3JkZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvYm9yZGVyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUZXh0Q29sb3JEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvY29sb3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IEZpbGxDb2xvckRpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy9maWxsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBGbGV4RGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL2ZsZXguZGlyZWN0aXZlJztcbmltcG9ydCB7IEdhcERpcmVjdGl2ZSwgTWFyZ2luRGlyZWN0aXZlLCBQYWRkaW5nRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3NwYWNlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUaGVtZUNvbG9yRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3RoZW1lLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBOb3ZvVGVtcGxhdGUgfSBmcm9tICcuL25vdm8tdGVtcGxhdGUvbm92by10ZW1wbGF0ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTm92b09wdGlvbk1vZHVsZSB9IGZyb20gJy4vb3B0aW9uJztcbmltcG9ydCB7IE5vdm9DYXB0aW9uIH0gZnJvbSAnLi90eXBvZ3JhcGh5L2NhcHRpb24vY2FwdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm92b0xhYmVsIH0gZnJvbSAnLi90eXBvZ3JhcGh5L2xhYmVsL2xhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOb3ZvTGluayB9IGZyb20gJy4vdHlwb2dyYXBoeS9saW5rL2xpbmsuY29tcG9uZW50JztcbmltcG9ydCB7IE5vdm9UZXh0IH0gZnJvbSAnLi90eXBvZ3JhcGh5L3RleHQvdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTm92b1RpdGxlIH0gZnJvbSAnLi90eXBvZ3JhcGh5L3RpdGxlL3RpdGxlLmNvbXBvbmVudCc7XG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOb3ZvT3B0aW9uTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIE5vdm9UZW1wbGF0ZSxcbiAgICBOb3ZvVGV4dCxcbiAgICBOb3ZvVGl0bGUsXG4gICAgTm92b0NhcHRpb24sXG4gICAgTm92b0xhYmVsLFxuICAgIE5vdm9MaW5rLFxuICAgIE1hcmdpbkRpcmVjdGl2ZSxcbiAgICBQYWRkaW5nRGlyZWN0aXZlLFxuICAgIEJhY2tncm91bmRDb2xvckRpcmVjdGl2ZSxcbiAgICBUZXh0Q29sb3JEaXJlY3RpdmUsXG4gICAgQm9yZGVyRGlyZWN0aXZlLFxuICAgIEdhcERpcmVjdGl2ZSxcbiAgICBBY2NlbnRDb2xvckRpcmVjdGl2ZSxcbiAgICBGaWxsQ29sb3JEaXJlY3RpdmUsXG4gICAgRmxleERpcmVjdGl2ZSxcbiAgICBUaGVtZUNvbG9yRGlyZWN0aXZlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBOb3ZvVGVtcGxhdGUsXG4gICAgTm92b1RleHQsXG4gICAgTm92b1RpdGxlLFxuICAgIE5vdm9DYXB0aW9uLFxuICAgIE5vdm9MYWJlbCxcbiAgICBOb3ZvTGluayxcbiAgICBNYXJnaW5EaXJlY3RpdmUsXG4gICAgUGFkZGluZ0RpcmVjdGl2ZSxcbiAgICBCYWNrZ3JvdW5kQ29sb3JEaXJlY3RpdmUsXG4gICAgVGV4dENvbG9yRGlyZWN0aXZlLFxuICAgIEJvcmRlckRpcmVjdGl2ZSxcbiAgICBHYXBEaXJlY3RpdmUsXG4gICAgQWNjZW50Q29sb3JEaXJlY3RpdmUsXG4gICAgRmlsbENvbG9yRGlyZWN0aXZlLFxuICAgIEZsZXhEaXJlY3RpdmUsXG4gICAgVGhlbWVDb2xvckRpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTm92b0NvbW1vbk1vZHVsZSB7fVxuIl19
|
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
// tslint:disable: directive-selector
|
|
2
|
-
import { Directive, ElementRef, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { ChangeDetectorRef, Directive, ElementRef, HostBinding, Input } from '@angular/core';
|
|
3
|
+
import { NovoTheme } from '../theme/theme-options';
|
|
3
4
|
export class AccentColorDirective {
|
|
4
|
-
constructor(el) {
|
|
5
|
+
constructor(el, theme, cdr) {
|
|
5
6
|
this.el = el;
|
|
7
|
+
this.theme = theme;
|
|
8
|
+
this.cdr = cdr;
|
|
9
|
+
this.subscription = this.theme.onThemeChange.subscribe((event) => {
|
|
10
|
+
this.cdr.markForCheck();
|
|
11
|
+
});
|
|
6
12
|
}
|
|
7
13
|
get hb_textColor() {
|
|
14
|
+
// Support legacy classic theme... for now
|
|
15
|
+
if (this.theme.themeName === 'classic') {
|
|
16
|
+
return `novo-theme-${this.accent}`;
|
|
17
|
+
}
|
|
8
18
|
return `novo-accent-${this.accent}`;
|
|
9
19
|
}
|
|
20
|
+
onDestroy() {
|
|
21
|
+
this.subscription.unsubscribe();
|
|
22
|
+
}
|
|
10
23
|
}
|
|
11
24
|
AccentColorDirective.decorators = [
|
|
12
25
|
{ type: Directive, args: [{
|
|
@@ -14,10 +27,12 @@ AccentColorDirective.decorators = [
|
|
|
14
27
|
},] }
|
|
15
28
|
];
|
|
16
29
|
AccentColorDirective.ctorParameters = () => [
|
|
17
|
-
{ type: ElementRef }
|
|
30
|
+
{ type: ElementRef },
|
|
31
|
+
{ type: NovoTheme },
|
|
32
|
+
{ type: ChangeDetectorRef }
|
|
18
33
|
];
|
|
19
34
|
AccentColorDirective.propDecorators = {
|
|
20
35
|
accent: [{ type: Input }],
|
|
21
36
|
hb_textColor: [{ type: HostBinding, args: ['class',] }]
|
|
22
37
|
};
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjZW50LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9ub3ZvLWVsZW1lbnRzL25vdm8tZWxlbWVudHMvcHJvamVjdHMvbm92by1lbGVtZW50cy8iLCJzb3VyY2VzIjpbInNyYy9lbGVtZW50cy9jb21tb24vZGlyZWN0aXZlcy9hY2NlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFDQUFxQztBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdGLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0sd0JBQXdCLENBQUM7QUFLckUsTUFBTSxPQUFPLG9CQUFvQjtJQWMvQixZQUFvQixFQUFjLEVBQVUsS0FBZ0IsRUFBWSxHQUFzQjtRQUExRSxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBVztRQUFZLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBQzVGLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBdUIsRUFBRSxFQUFFO1lBQ2pGLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBYkQsSUFDSSxZQUFZO1FBQ2QsMENBQTBDO1FBQzFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEtBQUssU0FBUyxFQUFFO1lBQ3RDLE9BQU8sY0FBYyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDcEM7UUFDRCxPQUFPLGVBQWUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3RDLENBQUM7SUFRRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNsQyxDQUFDOzs7WUF6QkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxVQUFVO2FBQ3JCOzs7WUFOc0MsVUFBVTtZQUV4QyxTQUFTO1lBRlQsaUJBQWlCOzs7cUJBVXZCLEtBQUs7MkJBRUwsV0FBVyxTQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyIvLyB0c2xpbnQ6ZGlzYWJsZTogZGlyZWN0aXZlLXNlbGVjdG9yXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTm92b1RoZW1lLCBUaGVtZUNoYW5nZUV2ZW50IH0gZnJvbSAnLi4vdGhlbWUvdGhlbWUtb3B0aW9ucyc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thY2NlbnRdJyxcbn0pXG5leHBvcnQgY2xhc3MgQWNjZW50Q29sb3JEaXJlY3RpdmUge1xuICBwcml2YXRlIHN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xuXG4gIEBJbnB1dCgpIGFjY2VudDogc3RyaW5nO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBnZXQgaGJfdGV4dENvbG9yKCkge1xuICAgIC8vIFN1cHBvcnQgbGVnYWN5IGNsYXNzaWMgdGhlbWUuLi4gZm9yIG5vd1xuICAgIGlmICh0aGlzLnRoZW1lLnRoZW1lTmFtZSA9PT0gJ2NsYXNzaWMnKSB7XG4gICAgICByZXR1cm4gYG5vdm8tdGhlbWUtJHt0aGlzLmFjY2VudH1gO1xuICAgIH1cbiAgICByZXR1cm4gYG5vdm8tYWNjZW50LSR7dGhpcy5hY2NlbnR9YDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYsIHByaXZhdGUgdGhlbWU6IE5vdm9UaGVtZSwgcHJvdGVjdGVkIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbiA9IHRoaXMudGhlbWUub25UaGVtZUNoYW5nZS5zdWJzY3JpYmUoKGV2ZW50OiBUaGVtZUNoYW5nZUV2ZW50KSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIG9uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICB9XG59XG4iXX0=
|