novo-elements 8.0.1 → 8.1.0-next.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/elements/agenda/common/AgendaDateChange.scss +3 -1
- package/elements/agenda/common/AgendaHoursLayout.scss +52 -0
- package/elements/agenda/day/AgendaDayView.scss +40 -85
- package/elements/agenda/month/AgendaMonthView.scss +139 -135
- package/elements/agenda/week/AgendaWeekView.scss +70 -66
- package/elements/card/Card.d.ts +2 -2
- package/elements/card/Card.scss +27 -55
- package/elements/card/CardContent.scss +8 -0
- package/elements/card/CardFooter.scss +10 -0
- package/elements/card/CardHeader.scss +14 -0
- package/elements/date-picker/DatePicker.scss +181 -348
- package/elements/date-picker/DatePickerInput.scss +45 -0
- package/elements/date-picker/DateRangeInput.scss +55 -0
- package/elements/date-picker/MultiDateInput.scss +50 -0
- package/elements/date-time-picker/DateTimePickerInput.scss +14 -0
- package/elements/date-time-picker/_DateTimePicker.scss +4 -17
- package/elements/dropdown/Dropdown.scss +3 -3
- package/elements/header/Header.scss +14 -19
- package/elements/header/HeaderSpacer.scss +7 -0
- package/elements/icon/Icon.scss +1 -1
- package/elements/list/List.scss +5 -111
- package/elements/list/list-item-content.scss +34 -0
- package/elements/list/list-item-end.scss +8 -0
- package/elements/list/list-item-header-avatar.scss +12 -0
- package/elements/list/list-item-header-end.scss +4 -0
- package/elements/list/list-item-header-title.scss +17 -0
- package/elements/list/list-item-header.scss +17 -0
- package/elements/list/list-item.scss +47 -0
- package/elements/loading/Loading.scss +4 -1
- package/elements/loading/NovoSpinner.scss +3 -1
- package/elements/modal/modal.component.scss +19 -115
- package/elements/modal/notification.component.scss +108 -0
- package/elements/places/places.component.scss +3 -1
- package/elements/quick-note/QuickNote.scss +2 -31
- package/elements/quick-note/extras/quick-note-results/QuickNoteResults.scss +18 -0
- package/elements/radio/Radio.scss +32 -41
- package/elements/radio/radio-group.scss +53 -0
- package/elements/search/SearchBox.scss +2 -2
- package/elements/select/Select.scss +1 -1
- package/elements/simple-table/table.scss +2 -1
- package/elements/slider/Slider.scss +2 -2
- package/elements/stepper/step-header.component.scss +141 -52
- package/elements/stepper/stepper.component.scss +66 -166
- package/elements/switch/Switch.scss +5 -5
- package/elements/tabbed-group-picker/TabbedGroupPicker.scss +127 -125
- package/elements/table/extras/table-footer/table-footer.scss +3 -0
- package/elements/table/extras/table-header/table-header.scss +9 -0
- package/elements/tabs/tab-button.scss +54 -0
- package/elements/tabs/tab-content.scss +6 -0
- package/elements/tabs/tab-header.scss +6 -0
- package/elements/tabs/tab-nav.scss +39 -0
- package/elements/tabs/tab-outlet.scss +3 -0
- package/elements/tabs/tab.scss +190 -0
- package/elements/tiles/Tiles.scss +3 -1
- package/elements/time-picker/TimePicker.scss +3 -46
- package/elements/time-picker/TimePickerInput.scss +44 -0
- package/elements/tip-well/TipWell.scss +4 -1
- package/elements/toast/Toast.scss +151 -162
- package/elements/tooltip/Tooltip.scss +1 -1
- package/elements/value/Value.scss +21 -23
- package/esm2020/elements/agenda/common/AgendaDateChange.mjs +4 -7
- package/esm2020/elements/agenda/day/AgendaDayView.mjs +4 -7
- package/esm2020/elements/agenda/month/AgendaMonthView.mjs +4 -7
- package/esm2020/elements/agenda/week/AgendaWeekView.mjs +4 -7
- package/esm2020/elements/card/Card.mjs +17 -31
- package/esm2020/elements/date-picker/DatePicker.mjs +5 -10
- package/esm2020/elements/date-picker/DatePickerInput.mjs +4 -8
- package/esm2020/elements/date-picker/DateRangeInput.mjs +4 -8
- package/esm2020/elements/date-picker/MultiDateInput.mjs +4 -8
- package/esm2020/elements/date-time-picker/DateTimePicker.mjs +5 -10
- package/esm2020/elements/date-time-picker/DateTimePickerInput.mjs +4 -8
- package/esm2020/elements/dropdown/Dropdown.mjs +5 -10
- package/esm2020/elements/header/Header.mjs +6 -12
- package/esm2020/elements/icon/Icon.mjs +5 -10
- package/esm2020/elements/list/List.mjs +27 -59
- package/esm2020/elements/loading/Loading.mjs +7 -13
- package/esm2020/elements/modal/modal.component.mjs +9 -17
- package/esm2020/elements/places/places.component.mjs +4 -8
- package/esm2020/elements/quick-note/QuickNote.mjs +3 -7
- package/esm2020/elements/quick-note/extras/quick-note-results/QuickNoteResults.mjs +5 -9
- package/esm2020/elements/radio/Radio.mjs +5 -10
- package/esm2020/elements/radio/RadioGroup.mjs +5 -10
- package/esm2020/elements/search/SearchBox.mjs +4 -9
- package/esm2020/elements/select/Select.mjs +6 -12
- package/esm2020/elements/slider/Slider.mjs +5 -9
- package/esm2020/elements/stepper/step-header.component.mjs +2 -2
- package/esm2020/elements/stepper/stepper.component.mjs +7 -7
- package/esm2020/elements/switch/Switch.mjs +5 -10
- package/esm2020/elements/tabbed-group-picker/TabbedGroupPicker.mjs +3 -3
- package/esm2020/elements/table/extras/table-footer/TableFooter.mjs +3 -6
- package/esm2020/elements/table/extras/table-header/TableHeader.mjs +3 -6
- package/esm2020/elements/tabs/Tabs.mjs +22 -50
- package/esm2020/elements/tiles/Tiles.mjs +4 -9
- package/esm2020/elements/time-picker/TimePicker.mjs +5 -10
- package/esm2020/elements/time-picker/TimePickerInput.mjs +4 -8
- package/esm2020/elements/tip-well/TipWell.mjs +5 -9
- package/esm2020/elements/toast/Toast.mjs +5 -9
- package/esm2020/elements/tooltip/Tooltip.component.mjs +3 -3
- package/esm2020/elements/value/Value.mjs +4 -7
- package/fesm2015/novo-elements-elements-agenda.mjs +12 -24
- package/fesm2015/novo-elements-elements-agenda.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-card.mjs +16 -30
- package/fesm2015/novo-elements-elements-card.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-date-picker.mjs +13 -30
- package/fesm2015/novo-elements-elements-date-picker.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-date-time-picker.mjs +7 -16
- package/fesm2015/novo-elements-elements-date-time-picker.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-dropdown.mjs +4 -9
- package/fesm2015/novo-elements-elements-dropdown.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-header.mjs +5 -11
- package/fesm2015/novo-elements-elements-header.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-icon.mjs +4 -9
- package/fesm2015/novo-elements-elements-icon.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-list.mjs +26 -58
- package/fesm2015/novo-elements-elements-list.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-loading.mjs +6 -12
- package/fesm2015/novo-elements-elements-loading.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-modal.mjs +8 -16
- package/fesm2015/novo-elements-elements-modal.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-places.mjs +3 -7
- package/fesm2015/novo-elements-elements-places.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-quick-note.mjs +6 -14
- package/fesm2015/novo-elements-elements-quick-note.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-radio.mjs +8 -18
- package/fesm2015/novo-elements-elements-radio.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-search.mjs +3 -8
- package/fesm2015/novo-elements-elements-search.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-select.mjs +5 -11
- package/fesm2015/novo-elements-elements-select.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-slider.mjs +4 -8
- package/fesm2015/novo-elements-elements-slider.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-stepper.mjs +8 -8
- package/fesm2015/novo-elements-elements-stepper.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-switch.mjs +4 -9
- package/fesm2015/novo-elements-elements-switch.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-tabbed-group-picker.mjs +2 -2
- package/fesm2015/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-table.mjs +4 -10
- package/fesm2015/novo-elements-elements-table.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-tabs.mjs +21 -49
- package/fesm2015/novo-elements-elements-tabs.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-tiles.mjs +3 -8
- package/fesm2015/novo-elements-elements-tiles.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-time-picker.mjs +7 -16
- package/fesm2015/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-tip-well.mjs +4 -8
- package/fesm2015/novo-elements-elements-tip-well.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-toast.mjs +4 -8
- package/fesm2015/novo-elements-elements-toast.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-tooltip.mjs +2 -2
- package/fesm2015/novo-elements-elements-tooltip.mjs.map +1 -1
- package/fesm2015/novo-elements-elements-value.mjs +3 -6
- package/fesm2015/novo-elements-elements-value.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-agenda.mjs +12 -24
- package/fesm2020/novo-elements-elements-agenda.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-card.mjs +16 -30
- package/fesm2020/novo-elements-elements-card.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-date-picker.mjs +13 -30
- package/fesm2020/novo-elements-elements-date-picker.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-date-time-picker.mjs +7 -16
- package/fesm2020/novo-elements-elements-date-time-picker.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-dropdown.mjs +4 -9
- package/fesm2020/novo-elements-elements-dropdown.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-header.mjs +5 -11
- package/fesm2020/novo-elements-elements-header.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-icon.mjs +4 -9
- package/fesm2020/novo-elements-elements-icon.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-list.mjs +26 -58
- package/fesm2020/novo-elements-elements-list.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-loading.mjs +6 -12
- package/fesm2020/novo-elements-elements-loading.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-modal.mjs +8 -16
- package/fesm2020/novo-elements-elements-modal.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-places.mjs +3 -7
- package/fesm2020/novo-elements-elements-places.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-quick-note.mjs +6 -14
- package/fesm2020/novo-elements-elements-quick-note.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-radio.mjs +8 -18
- package/fesm2020/novo-elements-elements-radio.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-search.mjs +3 -8
- package/fesm2020/novo-elements-elements-search.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-select.mjs +5 -11
- package/fesm2020/novo-elements-elements-select.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-slider.mjs +4 -8
- package/fesm2020/novo-elements-elements-slider.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-stepper.mjs +8 -8
- package/fesm2020/novo-elements-elements-stepper.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-switch.mjs +4 -9
- package/fesm2020/novo-elements-elements-switch.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-tabbed-group-picker.mjs +2 -2
- package/fesm2020/novo-elements-elements-tabbed-group-picker.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-table.mjs +4 -10
- package/fesm2020/novo-elements-elements-table.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-tabs.mjs +21 -49
- package/fesm2020/novo-elements-elements-tabs.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-tiles.mjs +3 -8
- package/fesm2020/novo-elements-elements-tiles.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-time-picker.mjs +7 -16
- package/fesm2020/novo-elements-elements-time-picker.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-tip-well.mjs +4 -8
- package/fesm2020/novo-elements-elements-tip-well.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-toast.mjs +4 -8
- package/fesm2020/novo-elements-elements-toast.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-tooltip.mjs +2 -2
- package/fesm2020/novo-elements-elements-tooltip.mjs.map +1 -1
- package/fesm2020/novo-elements-elements-value.mjs +3 -6
- package/fesm2020/novo-elements-elements-value.mjs.map +1 -1
- package/novo-elements.scss +10 -43
- package/package.json +1 -1
- package/elements/tabs/Tabs.scss +0 -298
- package/elements/value/Values.scss +0 -57
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
flex: 1;
|
|
3
|
+
position: relative;
|
|
4
|
+
display: block;
|
|
5
|
+
max-width: 130px;
|
|
6
|
+
|
|
7
|
+
&.disabled {
|
|
8
|
+
pointer-events: none;
|
|
9
|
+
opacity: 1;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
input {
|
|
13
|
+
font-size: 1em;
|
|
14
|
+
border: none;
|
|
15
|
+
border-bottom: 1px solid var(--border);
|
|
16
|
+
background: transparent !important;
|
|
17
|
+
border-radius: 0;
|
|
18
|
+
outline: none;
|
|
19
|
+
height: 2rem;
|
|
20
|
+
width: 100%;
|
|
21
|
+
margin: 0;
|
|
22
|
+
padding: 0;
|
|
23
|
+
box-shadow: none;
|
|
24
|
+
box-sizing: content-box;
|
|
25
|
+
transition: all 300ms;
|
|
26
|
+
color: var(--text-main);
|
|
27
|
+
|
|
28
|
+
&:focus {
|
|
29
|
+
border-bottom: 1px solid var(--selection);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
> i.bhi-clock,
|
|
33
|
+
> i.bhi-search,
|
|
34
|
+
> i.bhi-times,
|
|
35
|
+
> i.bhi-calendar {
|
|
36
|
+
position: absolute;
|
|
37
|
+
right: 0;
|
|
38
|
+
top: 0px;
|
|
39
|
+
font-size: 1.2rem;
|
|
40
|
+
}
|
|
41
|
+
> i.bhi-times {
|
|
42
|
+
cursor: pointer;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
@import "../../styles/variables.scss";
|
|
2
|
+
@import "../common/typography/text.mixins.scss";
|
|
3
|
+
|
|
4
|
+
:host {
|
|
2
5
|
display: grid;
|
|
3
6
|
grid-template-columns: 5rem 1fr;
|
|
4
7
|
justify-content: flex-start;
|
|
@@ -86,36 +89,22 @@ novo-toast {
|
|
|
86
89
|
white-space: pre-line;
|
|
87
90
|
}
|
|
88
91
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}
|
|
94
|
-
&.novo-accent-#{$name} {
|
|
95
|
-
border: 1px solid $color;
|
|
96
|
-
background: getPaleColor($name);
|
|
97
|
-
color: $dark;
|
|
98
|
-
}
|
|
92
|
+
h5 {
|
|
93
|
+
display: block;
|
|
94
|
+
font-size: 1.4rem;
|
|
95
|
+
color: inherit;
|
|
99
96
|
}
|
|
100
|
-
}
|
|
101
97
|
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
max-width: inherit;
|
|
111
|
-
font-size: 1.3rem;
|
|
112
|
-
&.message-only {
|
|
113
|
-
padding: 0;
|
|
114
|
-
font-size: 1.4rem;
|
|
98
|
+
.toast-content > p {
|
|
99
|
+
margin: 0;
|
|
100
|
+
max-width: inherit;
|
|
101
|
+
font-size: 1.3rem;
|
|
102
|
+
&.message-only {
|
|
103
|
+
padding: 0;
|
|
104
|
+
font-size: 1.4rem;
|
|
105
|
+
}
|
|
115
106
|
}
|
|
116
|
-
}
|
|
117
107
|
|
|
118
|
-
novo-toast {
|
|
119
108
|
&.text {
|
|
120
109
|
background: $dark;
|
|
121
110
|
}
|
|
@@ -132,151 +121,149 @@ novo-toast {
|
|
|
132
121
|
color: $dark;
|
|
133
122
|
}
|
|
134
123
|
}
|
|
135
|
-
}
|
|
136
124
|
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
novo-toast.fixedTop {
|
|
144
|
-
top: -100%;
|
|
145
|
-
padding-top: 20px;
|
|
146
|
-
@include ease("all", "swift-ease-in-out");
|
|
147
|
-
&.animate {
|
|
148
|
-
padding-top: 20px;
|
|
149
|
-
top: -6px;
|
|
125
|
+
&.fixedBottom,
|
|
126
|
+
&.fixedTop {
|
|
127
|
+
left: 0;
|
|
128
|
+
right: 0;
|
|
150
129
|
}
|
|
151
|
-
}
|
|
152
130
|
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
padding-bottom: 20px;
|
|
156
|
-
@include ease("all", "swift-ease-in-out");
|
|
157
|
-
&.animate {
|
|
131
|
+
&.fixedBottom {
|
|
132
|
+
bottom: -100%;
|
|
158
133
|
padding-bottom: 20px;
|
|
159
|
-
|
|
134
|
+
@include ease("all", "swift-ease-in-out");
|
|
135
|
+
&.animate {
|
|
136
|
+
padding-bottom: 20px;
|
|
137
|
+
bottom: -6px;
|
|
138
|
+
}
|
|
139
|
+
@for $i from 2 through 100 {
|
|
140
|
+
&:nth-last-of-type(#{$i}) {
|
|
141
|
+
bottom: (25px * ($i - 1));
|
|
142
|
+
z-index: 9999 - $i;
|
|
143
|
+
filter: brightness(1- (calc(1 / 7)));
|
|
144
|
+
}
|
|
145
|
+
}
|
|
160
146
|
}
|
|
161
|
-
}
|
|
162
147
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
148
|
+
&.fixedTop {
|
|
149
|
+
top: -100%;
|
|
150
|
+
padding-top: 20px;
|
|
151
|
+
@include ease("all", "swift-ease-in-out");
|
|
152
|
+
&.animate {
|
|
153
|
+
padding-top: 20px;
|
|
154
|
+
top: -6px;
|
|
155
|
+
}
|
|
156
|
+
@for $i from 2 through 100 {
|
|
157
|
+
&:nth-last-of-type(#{$i}) {
|
|
158
|
+
top: (25px * ($i - 1));
|
|
159
|
+
z-index: 9999 - $i;
|
|
160
|
+
filter: brightness(1- (calc(1 / 7)));
|
|
161
|
+
}
|
|
162
|
+
}
|
|
176
163
|
}
|
|
177
|
-
}
|
|
178
164
|
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
165
|
+
&.embedded.fixedBottom,
|
|
166
|
+
&.embedded.fixedTop {
|
|
167
|
+
top: auto;
|
|
168
|
+
left: auto;
|
|
169
|
+
right: auto;
|
|
170
|
+
width: inherit;
|
|
171
|
+
margin: -1rem -3rem;
|
|
172
|
+
&.animate {
|
|
173
|
+
top: auto;
|
|
174
|
+
}
|
|
175
|
+
}
|
|
188
176
|
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
left: auto;
|
|
193
|
-
width: calc(100% - 30px);
|
|
194
|
-
@include ease("all", "swift-ease-in-out");
|
|
195
|
-
&.animate {
|
|
196
|
-
right: 1rem;
|
|
177
|
+
&[class*="growl"] {
|
|
178
|
+
border-radius: 3px;
|
|
179
|
+
max-width: 350px;
|
|
197
180
|
}
|
|
198
|
-
}
|
|
199
181
|
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
182
|
+
&.growlBottomLeft,
|
|
183
|
+
&.growlTopLeft {
|
|
184
|
+
left: -100%;
|
|
185
|
+
right: auto;
|
|
186
|
+
width: calc(100% - 30px);
|
|
187
|
+
@include ease("all", "swift-ease-in-out");
|
|
188
|
+
&.animate {
|
|
189
|
+
left: 15px;
|
|
206
190
|
}
|
|
207
191
|
}
|
|
208
|
-
}
|
|
209
192
|
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
193
|
+
&.growlTopLeft,
|
|
194
|
+
&.growlTopRight {
|
|
195
|
+
top: 1rem;
|
|
196
|
+
@for $i from 2 through 100 {
|
|
197
|
+
&:nth-last-of-type(#{$i}) {
|
|
198
|
+
top: (25px * $i);
|
|
199
|
+
transform: scale(1- (calc(1 / 25)));
|
|
200
|
+
z-index: 9999 - $i;
|
|
201
|
+
filter: brightness(1- (calc(1 / 7)));
|
|
202
|
+
}
|
|
216
203
|
}
|
|
217
204
|
}
|
|
218
|
-
}
|
|
219
205
|
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
206
|
+
&.growlBottomLeft,
|
|
207
|
+
&.growlBottomRight {
|
|
208
|
+
bottom: 1rem;
|
|
209
|
+
@for $i from 2 through 100 {
|
|
210
|
+
&:nth-last-of-type(#{$i}) {
|
|
211
|
+
bottom: (25px * $i);
|
|
212
|
+
transform: scale(1- (calc(1 / 25)));
|
|
213
|
+
z-index: 9999 - $i;
|
|
214
|
+
filter: brightness(1- (calc(1 / 7)));
|
|
215
|
+
}
|
|
228
216
|
}
|
|
229
217
|
}
|
|
230
|
-
}
|
|
231
218
|
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
z-index: 9999 - $i;
|
|
239
|
-
filter: brightness(1- (1/7));
|
|
219
|
+
&.growlBottomLeft,
|
|
220
|
+
&.growlBottomRight,
|
|
221
|
+
&.growlTopLeft,
|
|
222
|
+
&.growlTopRight {
|
|
223
|
+
&:last-of-type {
|
|
224
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
|
|
240
225
|
}
|
|
241
226
|
}
|
|
242
|
-
}
|
|
243
227
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
228
|
+
&.growlBottomRight,
|
|
229
|
+
&.growlTopRight {
|
|
230
|
+
right: -100%;
|
|
231
|
+
left: auto;
|
|
232
|
+
width: calc(100% - 30px);
|
|
233
|
+
@include ease("all", "swift-ease-in-out");
|
|
234
|
+
&.animate {
|
|
235
|
+
right: 1rem;
|
|
236
|
+
}
|
|
250
237
|
}
|
|
251
|
-
}
|
|
252
238
|
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
top: auto;
|
|
256
|
-
left: auto;
|
|
257
|
-
right: auto;
|
|
258
|
-
width: inherit;
|
|
259
|
-
margin: -1rem -3rem;
|
|
260
|
-
&.animate {
|
|
261
|
-
top: auto;
|
|
239
|
+
&:not(.launched) {
|
|
240
|
+
animation: embedded-slide-in 200ms ease-in-out;
|
|
262
241
|
}
|
|
263
|
-
}
|
|
264
242
|
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
243
|
+
&.dialogue {
|
|
244
|
+
.toast-content {
|
|
245
|
+
display: flex;
|
|
246
|
+
flex-direction: row !important;
|
|
247
|
+
align-items: center;
|
|
248
|
+
}
|
|
249
|
+
p.message-only {
|
|
250
|
+
flex: 3 0 0;
|
|
251
|
+
}
|
|
252
|
+
.dialogue {
|
|
253
|
+
display: inherit;
|
|
254
|
+
}
|
|
277
255
|
}
|
|
278
|
-
|
|
279
|
-
|
|
256
|
+
|
|
257
|
+
@include theme-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
|
|
258
|
+
&.#{$name} {
|
|
259
|
+
color: getContrastColor($name);
|
|
260
|
+
background: $color;
|
|
261
|
+
}
|
|
262
|
+
&.novo-accent-#{$name} {
|
|
263
|
+
border: 1px solid $color;
|
|
264
|
+
background: getPaleColor($name);
|
|
265
|
+
color: $dark;
|
|
266
|
+
}
|
|
280
267
|
}
|
|
281
268
|
}
|
|
282
269
|
|
|
@@ -292,25 +279,27 @@ novo-toast.dialogue {
|
|
|
292
279
|
}
|
|
293
280
|
|
|
294
281
|
@media screen and (min-width: 350px) {
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
novo-toast.growlBottomLeft,
|
|
299
|
-
novo-toast.growlTopLeft {
|
|
300
|
-
left: -100%;
|
|
301
|
-
right: auto;
|
|
302
|
-
@include ease("all", "swift-ease-in-out");
|
|
303
|
-
&.animate {
|
|
304
|
-
left: 1rem;
|
|
282
|
+
:host {
|
|
283
|
+
&[class*="growl"] {
|
|
284
|
+
min-width: 350px;
|
|
305
285
|
}
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
286
|
+
&.growlBottomLeft,
|
|
287
|
+
&.growlTopLeft {
|
|
288
|
+
left: -100%;
|
|
289
|
+
right: auto;
|
|
290
|
+
@include ease("all", "swift-ease-in-out");
|
|
291
|
+
&.animate {
|
|
292
|
+
left: 1rem;
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
&.growlBottomRight,
|
|
296
|
+
&.growlTopRight {
|
|
297
|
+
right: -100%;
|
|
298
|
+
left: auto;
|
|
299
|
+
@include ease("all", "swift-ease-in-out");
|
|
300
|
+
&.animate {
|
|
301
|
+
right: 1rem;
|
|
302
|
+
}
|
|
314
303
|
}
|
|
315
304
|
}
|
|
316
305
|
}
|
|
@@ -1,33 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
@import "../../styles/variables.scss";
|
|
2
|
+
|
|
3
|
+
:host {
|
|
2
4
|
display: flex;
|
|
3
5
|
flex-direction: row;
|
|
4
6
|
max-width: 500px;
|
|
5
7
|
justify-content: space-between;
|
|
6
|
-
align-items:
|
|
8
|
+
align-items: flex-start;
|
|
7
9
|
width: max-content;
|
|
8
|
-
padding
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
padding: 8px;
|
|
11
|
+
@include entity-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
|
|
12
|
+
i.#{$name} {
|
|
13
|
+
color: $color;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
12
16
|
&.horizontal {
|
|
17
|
+
width: 100%;
|
|
18
|
+
max-width: 100%;
|
|
13
19
|
.value-outer {
|
|
14
20
|
display: grid;
|
|
15
|
-
|
|
21
|
+
width: 100%;
|
|
22
|
+
grid-template-columns: minmax(120px, 30%) 1fr;
|
|
16
23
|
}
|
|
17
24
|
}
|
|
18
25
|
|
|
19
26
|
.value-outer {
|
|
20
27
|
display: flex;
|
|
21
28
|
flex-direction: column;
|
|
22
|
-
|
|
23
|
-
color: #9e9e9e;
|
|
24
|
-
flex: 1;
|
|
25
|
-
font-weight: 500;
|
|
26
|
-
transition: 200ms ease-out;
|
|
27
|
-
text-transform: uppercase;
|
|
28
|
-
padding: 5px 0;
|
|
29
|
-
overflow-wrap: break-word;
|
|
30
|
-
}
|
|
29
|
+
gap: 0.4rem;
|
|
31
30
|
}
|
|
32
31
|
|
|
33
32
|
.actions {
|
|
@@ -36,29 +35,28 @@ novo-value {
|
|
|
36
35
|
color: #9e9e9e;
|
|
37
36
|
margin-left: 15px;
|
|
38
37
|
margin-top: 7px;
|
|
38
|
+
&.clickable {
|
|
39
|
+
cursor: pointer;
|
|
40
|
+
color: $ocean;
|
|
41
|
+
}
|
|
39
42
|
}
|
|
40
43
|
&.clickable {
|
|
41
44
|
cursor: pointer;
|
|
42
45
|
color: $ocean;
|
|
43
|
-
&.bhi-next {
|
|
44
|
-
color: $grey;
|
|
45
|
-
}
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
|
-
novo-entity-list {
|
|
48
|
+
::ng-deep novo-entity-list {
|
|
49
49
|
display: block;
|
|
50
50
|
@include entity-colors() using ($name, $color, $contrast, $tint, $shade, $pale) {
|
|
51
51
|
i.#{$name} {
|
|
52
|
-
|
|
52
|
+
color: $color;
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
.entity {
|
|
56
56
|
padding-top: 6px;
|
|
57
57
|
padding-bottom: 6px;
|
|
58
|
-
font-size: 1.15em;
|
|
59
58
|
}
|
|
60
59
|
i {
|
|
61
|
-
font-size: 1.1em;
|
|
62
60
|
margin-right: 6px;
|
|
63
61
|
}
|
|
64
62
|
}
|
|
@@ -55,12 +55,10 @@ NovoAgendaDateChangeElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
|
|
|
55
55
|
</span>
|
|
56
56
|
<i class="bhi-arrow-right" (click)="addDate()"></i>
|
|
57
57
|
</div>
|
|
58
|
-
`, isInline: true, directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "month": i2.MonthPipe, "year": i3.YearPipe, "monthday": i4.MonthDayPipe, "endofweekdisplay": i5.EndOfWeekDisplayPipe, "weekday": i6.WeekdayPipe, "dayofmonth": i7.DayOfMonthPipe } });
|
|
58
|
+
`, isInline: true, styles: [":host{display:inline-block}:host .cal-date-change{border-radius:3px;border:1px solid #e1e1e1;background-color:#fff;position:relative;padding:10px 15px;text-align:center}:host .cal-date-change>span{padding:5px;color:#000}:host .cal-date-change>i{cursor:pointer;padding:2px;font-size:.9em}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "month": i2.MonthPipe, "year": i3.YearPipe, "monthday": i4.MonthDayPipe, "endofweekdisplay": i5.EndOfWeekDisplayPipe, "weekday": i6.WeekdayPipe, "dayofmonth": i7.DayOfMonthPipe } });
|
|
59
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NovoAgendaDateChangeElement, decorators: [{
|
|
60
60
|
type: Component,
|
|
61
|
-
args: [{
|
|
62
|
-
selector: 'novo-agenda-date-change',
|
|
63
|
-
template: `
|
|
61
|
+
args: [{ selector: 'novo-agenda-date-change', template: `
|
|
64
62
|
<div class="cal-date-change">
|
|
65
63
|
<i class="bhi-arrow-left" (click)="subtractDate()"></i>
|
|
66
64
|
<span [ngSwitch]="view">
|
|
@@ -74,8 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
74
72
|
</span>
|
|
75
73
|
<i class="bhi-arrow-right" (click)="addDate()"></i>
|
|
76
74
|
</div>
|
|
77
|
-
`,
|
|
78
|
-
}]
|
|
75
|
+
`, styles: [":host{display:inline-block}:host .cal-date-change{border-radius:3px;border:1px solid #e1e1e1;background-color:#fff;position:relative;padding:10px 15px;text-align:center}:host .cal-date-change>span{padding:5px;color:#000}:host .cal-date-change>i{cursor:pointer;padding:2px;font-size:.9em}\n"] }]
|
|
79
76
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
80
77
|
type: Inject,
|
|
81
78
|
args: [LOCALE_ID]
|
|
@@ -88,4 +85,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
88
85
|
}], viewDateChange: [{
|
|
89
86
|
type: Output
|
|
90
87
|
}] } });
|
|
91
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
88
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWdlbmRhRGF0ZUNoYW5nZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25vdm8tZWxlbWVudHMvc3JjL2VsZW1lbnRzL2FnZW5kYS9jb21tb24vQWdlbmRhRGF0ZUNoYW5nZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7Ozs7QUFxQi9DLE1BQU0sT0FBTywyQkFBMkI7SUFzQnRDLFlBQStCLE1BQWM7UUFON0M7O1dBRUc7UUFFSCxtQkFBYyxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBR3RELElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFRDs7T0FFRztJQUNILFlBQVk7UUFDVixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3JCLENBQUM7SUFFRCxVQUFVLENBQUMsSUFBWTtRQUNyQixNQUFNLEtBQUssR0FBUTtZQUNqQixHQUFHLEVBQUUsUUFBUSxDQUFDLE9BQU87WUFDckIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxRQUFRO1lBQ3ZCLEtBQUssRUFBRSxRQUFRLENBQUMsU0FBUztTQUMxQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUViLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDdkQsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sUUFBUSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7eUhBckRVLDJCQUEyQixrQkFzQmxCLFNBQVM7NkdBdEJsQiwyQkFBMkIsZ0xBakI1Qjs7Ozs7Ozs7Ozs7Ozs7R0FjVDs0RkFHVSwyQkFBMkI7a0JBbkJ2QyxTQUFTOytCQUNFLHlCQUF5QixZQUN6Qjs7Ozs7Ozs7Ozs7Ozs7R0FjVDs7MEJBeUJZLE1BQU07MkJBQUMsU0FBUzs0Q0FqQjdCLElBQUk7c0JBREgsS0FBSztnQkFPTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQU9OLGNBQWM7c0JBRGIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBMT0NBTEVfSUQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGF0ZVV0aWwgfSBmcm9tICdub3ZvLWVsZW1lbnRzL3V0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbm92by1hZ2VuZGEtZGF0ZS1jaGFuZ2UnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJjYWwtZGF0ZS1jaGFuZ2VcIj5cbiAgICAgIDxpIGNsYXNzPVwiYmhpLWFycm93LWxlZnRcIiAoY2xpY2spPVwic3VidHJhY3REYXRlKClcIj48L2k+XG4gICAgICA8c3BhbiBbbmdTd2l0Y2hdPVwidmlld1wiPlxuICAgICAgICA8c3BhbiAqbmdTd2l0Y2hDYXNlPVwiJ21vbnRoJ1wiPnt7ICh2aWV3RGF0ZSB8IG1vbnRoOiBsb2NhbGUpICsgJyAnICsgKHZpZXdEYXRlIHwgeWVhcjogbG9jYWxlKSB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nU3dpdGNoQ2FzZT1cIid3ZWVrJ1wiPnt7XG4gICAgICAgICAgKHN0YXJ0T2ZXZWVrIHwgbW9udGhkYXk6IGxvY2FsZTonbG9uZycpICsgJyAtICcgKyAoZW5kT2ZXZWVrIHwgZW5kb2Z3ZWVrZGlzcGxheTogc3RhcnRPZldlZWs6bG9jYWxlOidsb25nJylcbiAgICAgICAgfX08L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ1N3aXRjaENhc2U9XCInZGF5J1wiPnt7XG4gICAgICAgICAgKHZpZXdEYXRlIHwgd2Vla2RheTogbG9jYWxlOidsb25nJykgKyAnLCAnICsgKHZpZXdEYXRlIHwgbW9udGg6IGxvY2FsZSkgKyAnICcgKyAodmlld0RhdGUgfCBkYXlvZm1vbnRoOiBsb2NhbGUpXG4gICAgICAgIH19PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgICAgPGkgY2xhc3M9XCJiaGktYXJyb3ctcmlnaHRcIiAoY2xpY2spPVwiYWRkRGF0ZSgpXCI+PC9pPlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9BZ2VuZGFEYXRlQ2hhbmdlLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTm92b0FnZW5kYURhdGVDaGFuZ2VFbGVtZW50IHtcbiAgLyoqXG4gICAqIFRoZSBjdXJyZW50IHZpZXdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHZpZXc6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIGN1cnJlbnQgdmlldyBkYXRlXG4gICAqL1xuICBASW5wdXQoKVxuICB2aWV3RGF0ZTogRGF0ZTtcblxuICBASW5wdXQoKVxuICBsb2NhbGU6IHN0cmluZztcblxuICAvKipcbiAgICogQ2FsbGVkIHdoZW4gdGhlIHZpZXcgZGF0ZSBpcyBjaGFuZ2VkXG4gICAqL1xuICBAT3V0cHV0KClcbiAgdmlld0RhdGVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxEYXRlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KExPQ0FMRV9JRCkgbG9jYWxlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmxvY2FsZSA9IGxvY2FsZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaGlkZGVuXG4gICAqL1xuICBzdWJ0cmFjdERhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VEYXRlKC0xKTtcbiAgfVxuXG4gIGFkZERhdGUoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VEYXRlKDEpO1xuICB9XG5cbiAgY2hhbmdlRGF0ZSh1bml0OiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBhZGRGbjogYW55ID0ge1xuICAgICAgZGF5OiBEYXRlVXRpbC5hZGREYXlzLFxuICAgICAgd2VlazogRGF0ZVV0aWwuYWRkV2Vla3MsXG4gICAgICBtb250aDogRGF0ZVV0aWwuYWRkTW9udGhzLFxuICAgIH1bdGhpcy52aWV3XTtcblxuICAgIHRoaXMudmlld0RhdGVDaGFuZ2UuZW1pdChhZGRGbih0aGlzLnZpZXdEYXRlLCB1bml0KSk7XG4gIH1cblxuICBnZXQgc3RhcnRPZldlZWsoKSB7XG4gICAgcmV0dXJuIERhdGVVdGlsLnN0YXJ0T2ZXZWVrKHRoaXMudmlld0RhdGUpO1xuICB9XG5cbiAgZ2V0IGVuZE9mV2VlaygpIHtcbiAgICByZXR1cm4gRGF0ZVV0aWwuZW5kT2ZXZWVrKHRoaXMudmlld0RhdGUpO1xuICB9XG59XG4iXX0=
|