@agnos-ui/core-bootstrap 0.9.0 → 0.9.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.
Files changed (11) hide show
  1. package/css/agnosui.css +100 -83
  2. package/css/agnosui.css.map +1 -1
  3. package/css/slider.css +92 -72
  4. package/css/slider.css.map +1 -1
  5. package/css/tree.css +8 -11
  6. package/css/tree.css.map +1 -1
  7. package/package.json +2 -2
  8. package/scss/_variables.scss +15 -7
  9. package/scss/slider.scss +214 -190
  10. package/scss/tree.scss +10 -5
  11. package/scss/_functions.scss +0 -36
package/css/slider.css CHANGED
@@ -5,12 +5,13 @@
5
5
  --bs-slider-line-height: 1.5;
6
6
  --bs-slider-primary-size: 100%;
7
7
  --bs-slider-secondary-size: 0.25rem;
8
- --bs-slider-margin-block-start: calc((1.25rem - 0.25rem) / 2 + 1rem * 1.5 + 0.5rem);
9
- --bs-slider-margin-block-end: calc((1.25rem - 0.25rem) / 2 + 0.5rem);
10
- --bs-slider-vertical-margin-inline-start: 1rem;
11
- --bs-slider-vertical-margin-inline-end: 3rem;
8
+ --bs-slider-horizontal-margin-block-with-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) / 2 + var(--bs-slider-font-size) * 1.5 + 0.5rem);
9
+ --bs-slider-horizontal-margin-block-no-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) * 0.75);
10
+ --bs-slider-vertical-margin-inline-no-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) * 0.75);
11
+ --bs-slider-vertical-margin-inline-with-labels: calc((var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) / 2 + 4ch);
12
12
  --bs-slider-translate-vertical: translateY(-50%);
13
13
  --bs-slider-translate-horizontal: translateX(-50%);
14
+ --bs-slider-padding: calc(var(--bs-slider-handle-size) / 2);
14
15
  --bs-slider-handle-color: var(--bs-primary, #0d6efd);
15
16
  --bs-slider-handle-hover-color: var(--bs-primary, #0d6efd);
16
17
  --bs-slider-handle-size: 1.25rem;
@@ -30,7 +31,7 @@
30
31
  --bs-slider-progress-color: var(--bs-primary, #0d6efd);
31
32
  --bs-slider-progress-height: 0.25rem;
32
33
  --bs-slider-progress-vertical-transform: rotate(90deg);
33
- --bs-slider-label-margin-block-start: calc(-1 * (1rem * 1.5 + (1.25rem - 0.25rem) / 2));
34
+ --bs-slider-label-margin-block-start: calc(-1 * (var(--bs-slider-font-size) * var(--bs-slider-line-height) + (var(--bs-slider-handle-size) - var(--bs-slider-secondary-size)) / 2));
34
35
  --bs-slider-label-font-weight: normal;
35
36
  --bs-slider-label-now-font-weight: normal;
36
37
  --bs-slider-label-min-position: 0;
@@ -49,26 +50,29 @@
49
50
  --bs-slider-clickable-area-vertical-translate: translateX(-50%);
50
51
  --bs-slider-clickable-area-vertical-flex-shrink: 0;
51
52
  --bs-slider-clickable-area-cursor: pointer;
53
+ --bs-slider-disabled-background-color: var(--bs-secondary-bg, #e9ecef);
52
54
  --bs-slider-disabled-color: var(--bs-dark-bg-subtle, #ced4da);
53
55
  --bs-slider-disabled-cursor: not-allowed;
54
- display: flex;
55
- background-color: var(--bs-slider-background-color);
56
- border-radius: var(--bs-slider-border-radius);
57
- font-size: var(--bs-slider-font-size);
58
- line-height: var(--bs-slider-line-height);
59
- position: relative;
56
+ height: 100%;
57
+ }
58
+ .au-slider.au-slider-horizontal {
59
+ padding-inline: var(--bs-slider-padding);
60
+ }
61
+ .au-slider.au-slider-vertical {
62
+ padding-block: var(--bs-slider-padding);
60
63
  }
61
64
  .au-slider.au-slider-lg {
62
65
  --bs-slider-font-size: 1.125rem;
63
66
  --bs-slider-border-radius: calc(0.3125rem / 2);
64
67
  --bs-slider-secondary-size: 0.3125rem;
65
- --bs-slider-margin-block-start: calc((1.5rem - 0.3125rem) / 2 + 1.125rem * 1.5 + 0rem);
66
- --bs-slider-margin-block-end: calc((1.5rem - 0.3125rem) / 2 + 0rem);
67
- --bs-slider-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0rem);
68
- --bs-slider-vertical-margin-inline-end: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
68
+ --bs-slider-horizontal-margin-block-with-labels: calc((1.5rem - 0.3125rem) / 2 + 1.125rem * 1.5 + 0rem);
69
+ --bs-slider-horizontal-margin-block-no-labels: calc((1.5rem - 0.3125rem) * 0.75);
70
+ --bs-slider-vertical-margin-inline-no-labels: calc((1.5rem - 0.3125rem) * 0.75);
71
+ --bs-slider-vertical-margin-inline-with-labels: calc((1.5rem - 0.3125rem) / 2 + 0rem + 3ch + 0rem);
69
72
  --bs-slider-handle-size: 1.5rem;
70
73
  --bs-slider-tick-primary-size: 1.25rem;
71
74
  --bs-slider-tick-secondary-size: 1.25rem;
75
+ --bs-slider-padding: calc(1.5rem / 2);
72
76
  --bs-slider-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.5rem - 0.3125rem) / 2));
73
77
  --bs-slider-tick-label-margin-block-start: calc(-1 * (1.125rem * 1.5 + (1.25rem - 0.3125rem) / 2));
74
78
  --bs-slider-label-vertical-margin-inline-start: calc((1.5rem - 0.3125rem) / 2 + 0.3125rem + 0rem);
@@ -77,46 +81,61 @@
77
81
  --bs-slider-font-size: 0.875rem;
78
82
  --bs-slider-border-radius: calc(0.2rem / 2);
79
83
  --bs-slider-secondary-size: 0.2rem;
80
- --bs-slider-margin-block-start: calc((1rem - 0.2rem) / 2 + 0.875rem * 1.5 + 0rem);
81
- --bs-slider-margin-block-end: calc((1rem - 0.2rem) / 2 + 0rem);
82
- --bs-slider-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0rem);
83
- --bs-slider-vertical-margin-inline-end: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
84
+ --bs-slider-horizontal-margin-block-with-labels: calc((1rem - 0.2rem) / 2 + 0.875rem * 1.5 + 0rem);
85
+ --bs-slider-horizontal-margin-block-no-labels: calc((1rem - 0.2rem) * 0.75);
86
+ --bs-slider-vertical-margin-inline-no-labels: calc((1rem - 0.2rem) * 0.75);
87
+ --bs-slider-vertical-margin-inline-with-labels: calc((1rem - 0.2rem) / 2 + 0rem + 3ch + 0rem);
84
88
  --bs-slider-handle-size: 1rem;
85
89
  --bs-slider-tick-primary-size: 0.75rem;
86
90
  --bs-slider-tick-secondary-size: 0.75rem;
91
+ --bs-slider-padding: calc(1rem / 2);
87
92
  --bs-slider-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (1rem - 0.2rem) / 2));
88
93
  --bs-slider-tick-label-margin-block-start: calc(-1 * (0.875rem * 1.5 + (0.75rem - 0.2rem) / 2));
89
94
  --bs-slider-label-vertical-margin-inline-start: calc((1rem - 0.2rem) / 2 + 0.2rem + 0rem);
90
95
  }
91
- .au-slider.au-slider-horizontal {
96
+ .au-slider .au-slider-content {
97
+ display: flex;
98
+ background-color: var(--bs-slider-background-color);
99
+ border-radius: var(--bs-slider-border-radius);
100
+ font-size: var(--bs-slider-font-size);
101
+ line-height: var(--bs-slider-line-height);
102
+ position: relative;
103
+ }
104
+ .au-slider .au-slider-content.au-slider-horizontal {
92
105
  width: var(--bs-slider-primary-size);
93
106
  height: var(--bs-slider-secondary-size);
94
- margin-block-start: var(--bs-slider-margin-block-start);
95
- margin-block-end: var(--bs-slider-margin-block-end);
107
+ margin-block-start: var(--bs-slider-horizontal-margin-block-no-labels);
108
+ margin-block-end: var(--bs-slider-horizontal-margin-block-no-labels);
109
+ }
110
+ .au-slider .au-slider-content.au-slider-horizontal.au-slider-with-labels {
111
+ margin-block-start: var(--bs-slider-horizontal-margin-block-with-labels);
96
112
  }
97
- .au-slider.au-slider-horizontal .au-slider-handle-horizontal {
113
+ .au-slider .au-slider-content.au-slider-horizontal .au-slider-handle-horizontal {
98
114
  top: calc(50% - var(--bs-slider-handle-size) / 2);
99
115
  transform: var(--bs-slider-translate-horizontal);
100
116
  }
101
- .au-slider.au-slider-horizontal .au-slider-tick-horizontal {
117
+ .au-slider .au-slider-content.au-slider-horizontal .au-slider-tick-horizontal {
102
118
  top: calc(50% - var(--bs-slider-tick-primary-size) / 2);
103
119
  transform: var(--bs-slider-translate-horizontal);
104
120
  }
105
- .au-slider.au-slider-vertical {
121
+ .au-slider .au-slider-content.au-slider-vertical {
106
122
  height: var(--bs-slider-primary-size);
107
123
  width: var(--bs-slider-secondary-size);
108
- margin-inline-start: var(--bs-slider-vertical-margin-inline-start);
109
- margin-inline-end: var(--bs-slider-vertical-margin-inline-end);
124
+ margin-inline-start: var(--bs-slider-vertical-margin-inline-no-labels);
125
+ margin-inline-end: var(--bs-slider-vertical-margin-inline-with-labels);
126
+ }
127
+ .au-slider .au-slider-content.au-slider-vertical.au-slider-with-labels {
128
+ margin-inline-end: var(--bs-slider-vertical-margin-inline-with-labels);
110
129
  }
111
- .au-slider.au-slider-vertical .au-slider-handle-vertical {
130
+ .au-slider .au-slider-content.au-slider-vertical .au-slider-handle-vertical {
112
131
  left: calc(50% - var(--bs-slider-handle-size) / 2);
113
132
  transform: var(--bs-slider-translate-vertical);
114
133
  }
115
- .au-slider.au-slider-vertical .au-slider-tick-vertical {
134
+ .au-slider .au-slider-content.au-slider-vertical .au-slider-tick-vertical {
116
135
  left: calc(50% - var(--bs-slider-tick-primary-size) / 2);
117
136
  transform: var(--bs-slider-translate-vertical);
118
137
  }
119
- .au-slider .au-slider-handle {
138
+ .au-slider .au-slider-content .au-slider-handle {
120
139
  background-color: var(--bs-slider-handle-color);
121
140
  border: var(--bs-slider-handle-border);
122
141
  border-radius: var(--bs-slider-handle-border-radius);
@@ -125,156 +144,157 @@
125
144
  width: var(--bs-slider-handle-size);
126
145
  height: var(--bs-slider-handle-size);
127
146
  }
128
- .au-slider .au-slider-handle:not([disabled]):hover {
147
+ .au-slider .au-slider-content .au-slider-handle:not([disabled]):hover {
129
148
  border: var(--bs-slider-handle-border-hover);
130
149
  background-color: var(--bs-slider-handle-hover-color);
131
150
  }
132
- .au-slider .au-slider-handle:not([disabled]):hover:focus-visible {
151
+ .au-slider .au-slider-content .au-slider-handle:not([disabled]):hover:focus-visible {
133
152
  box-shadow: var(--bs-slider-handle-focus-hover-box-shadow);
134
153
  }
135
- .au-slider .au-slider-handle:focus-visible {
154
+ .au-slider .au-slider-content .au-slider-handle:focus-visible {
136
155
  box-shadow: var(--bs-slider-handle-focus-box-shadow);
137
156
  }
138
- .au-slider .au-slider-tick {
157
+ .au-slider .au-slider-content .au-slider-tick {
139
158
  position: absolute;
140
159
  height: var(--bs-slider-tick-primary-size);
141
160
  width: var(--bs-slider-tick-secondary-size);
142
161
  cursor: var(--bs-slider-clickable-area-cursor);
143
162
  }
144
- .au-slider .au-slider-tick svg {
163
+ .au-slider .au-slider-content .au-slider-tick svg {
145
164
  display: block;
146
165
  width: var(--bs-slider-tick-secondary-size);
147
166
  height: var(--bs-slider-tick-primary-size);
148
167
  fill: none;
149
168
  }
150
- .au-slider .au-slider-tick svg circle {
169
+ .au-slider .au-slider-content .au-slider-tick svg circle {
151
170
  cx: 50%;
152
171
  cy: 50%;
153
172
  fill: var(--bs-slider-tick-fill-color);
154
173
  }
155
- .au-slider .au-slider-tick svg circle.au-slider-tick-outer {
174
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-outer {
156
175
  r: 45%;
157
176
  stroke: var(--bs-slider-tick-neutral-color);
158
177
  stroke-width: 1.5;
159
178
  }
160
- .au-slider .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
179
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-outer.au-slider-tick-disabled {
161
180
  stroke: var(--bs-slider-tick-disabled-color);
162
181
  }
163
- .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
182
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer {
164
183
  fill: var(--bs-slider-tick-selected-color);
165
184
  stroke: none;
166
185
  r: 50%;
167
186
  }
168
- .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
187
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-outer.au-slider-tick-disabled {
169
188
  fill: var(--bs-slider-tick-disabled-color);
170
189
  }
171
- .au-slider .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
190
+ .au-slider .au-slider-content .au-slider-tick svg circle.au-slider-tick-selected.au-slider-tick-inner {
172
191
  r: 25%;
173
192
  }
174
- .au-slider .au-slider-tick-label {
193
+ .au-slider .au-slider-content .au-slider-tick-label {
175
194
  position: absolute;
176
195
  text-wrap: nowrap;
177
196
  transform: var(--bs-slider-translate-horizontal);
178
197
  margin-block-start: var(--bs-slider-label-margin-block-start);
179
198
  }
180
- .au-slider .au-slider-tick-label-vertical {
199
+ .au-slider .au-slider-content .au-slider-tick-label-vertical {
181
200
  position: absolute;
182
201
  margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
183
202
  transform: var(--bs-slider-tick-label-translate-vertical);
184
203
  }
185
- .au-slider .au-slider-tick-label-now {
204
+ .au-slider .au-slider-content .au-slider-tick-label-now {
186
205
  font-weight: var(--bs-slider-label-now-font-weight);
187
206
  }
188
- .au-slider .au-slider-progress {
207
+ .au-slider .au-slider-content .au-slider-progress {
189
208
  background-color: var(--bs-slider-progress-color);
190
209
  border-radius: var(--bs-slider-border-radius);
191
210
  position: absolute;
192
211
  }
193
- .au-slider .au-slider-progress-vertical {
212
+ .au-slider .au-slider-content .au-slider-progress-vertical {
194
213
  transform: var(--bs-slider-progress-vertical-transform);
195
214
  }
196
- .au-slider .au-slider-label {
215
+ .au-slider .au-slider-content .au-slider-label {
197
216
  font-weight: var(--bs-slider-label-font-weight);
198
217
  margin-block-start: var(--bs-slider-label-margin-block-start);
199
218
  position: absolute;
200
219
  text-wrap: nowrap;
201
220
  }
202
- .au-slider .au-slider-label.au-slider-label-min:not(.au-slider-rtl) {
221
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-min:not(.au-slider-rtl) {
203
222
  left: var(--bs-slider-label-min-position);
204
223
  }
205
- .au-slider .au-slider-label.au-slider-label-min.au-slider-rtl {
224
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-min.au-slider-rtl {
206
225
  right: var(--bs-slider-label-max-position);
207
226
  }
208
- .au-slider .au-slider-label.au-slider-label-max:not(.au-slider-rtl) {
227
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-max:not(.au-slider-rtl) {
209
228
  right: var(--bs-slider-label-max-position);
210
229
  }
211
- .au-slider .au-slider-label.au-slider-label-max.au-slider-rtl {
230
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-max.au-slider-rtl {
212
231
  left: var(--bs-slider-label-min-position);
213
232
  }
214
- .au-slider .au-slider-label.au-slider-label-now {
233
+ .au-slider .au-slider-content .au-slider-label.au-slider-label-now {
215
234
  font-weight: var(--bs-slider-label-now-font-weight);
216
235
  transform: var(--bs-slider-label-now-transform);
217
236
  }
218
- .au-slider .au-slider-label.invisible {
237
+ .au-slider .au-slider-content .au-slider-label.invisible {
219
238
  visibility: hidden;
220
239
  }
221
- .au-slider .au-slider-label-vertical {
240
+ .au-slider .au-slider-content .au-slider-label-vertical {
222
241
  position: absolute;
223
242
  margin-inline-start: var(--bs-slider-label-vertical-margin-inline-start);
224
243
  white-space: var(--bs-slider-label-vertical-white-space);
225
244
  }
226
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-min:not(.au-slider-rtl) {
245
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-min:not(.au-slider-rtl) {
227
246
  top: var(--bs-slider-label-vertical-min-top);
228
247
  transform: var(--bs-slider-label-vertical-min-transform);
229
248
  }
230
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-min.au-slider-rtl {
249
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-min.au-slider-rtl {
231
250
  top: var(--bs-slider-label-vertical-max-top);
232
251
  transform: var(--bs-slider-label-vertical-max-transform);
233
252
  }
234
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-max:not(.au-slider-rtl) {
253
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-max:not(.au-slider-rtl) {
235
254
  top: var(--bs-slider-label-vertical-max-top);
236
255
  transform: var(--bs-slider-label-vertical-max-transform);
237
256
  }
238
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-max.au-slider-rtl {
257
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-max.au-slider-rtl {
239
258
  top: var(--bs-slider-label-vertical-min-top);
240
259
  transform: var(--bs-slider-label-vertical-min-transform);
241
260
  }
242
- .au-slider .au-slider-label-vertical.au-slider-label-vertical-now {
261
+ .au-slider .au-slider-content .au-slider-label-vertical.au-slider-label-vertical-now {
243
262
  transform: var(--bs-slider-label-vertical-now-transform);
244
263
  }
245
- .au-slider .au-slider-clickable-area {
264
+ .au-slider .au-slider-content .au-slider-clickable-area {
246
265
  height: var(--bs-slider-clickable-area-main-size);
247
266
  width: var(--bs-slider-clickable-area-secondary-size);
248
267
  transform: var(--bs-slider-clickable-area-translate);
249
268
  cursor: var(--bs-slider-clickable-area-cursor);
250
269
  }
251
- .au-slider .au-slider-clickable-area-vertical {
270
+ .au-slider .au-slider-content .au-slider-clickable-area-vertical {
252
271
  width: var(--bs-slider-clickable-area-main-size);
253
272
  height: var(--bs-slider-clickable-area-secondary-size);
254
273
  transform: var(--bs-slider-clickable-area-vertical-translate);
255
274
  flex-shrink: var(--bs-slider-clickable-area-vertical-flex-shrink);
256
275
  cursor: var(--bs-slider-clickable-area-cursor);
257
276
  }
258
- .au-slider .au-slider-clickable-area-with-ticks {
277
+ .au-slider .au-slider-content .au-slider-clickable-area-with-ticks {
259
278
  cursor: default;
260
279
  }
261
- .au-slider.disabled {
280
+ .au-slider .au-slider-content.disabled {
262
281
  cursor: var(--bs-slider-disabled-cursor);
282
+ background-color: var(--bs-slider-disabled-background-color);
263
283
  }
264
- .au-slider.disabled .au-slider-label,
265
- .au-slider.disabled .au-slider-label-vertical,
266
- .au-slider.disabled .au-slider-tick-label,
267
- .au-slider.disabled .au-slider-tick-label-vertical {
284
+ .au-slider .au-slider-content.disabled .au-slider-label,
285
+ .au-slider .au-slider-content.disabled .au-slider-label-vertical,
286
+ .au-slider .au-slider-content.disabled .au-slider-tick-label,
287
+ .au-slider .au-slider-content.disabled .au-slider-tick-label-vertical {
268
288
  color: var(--bs-slider-disabled-color);
269
289
  }
270
- .au-slider.disabled .au-slider-progress,
271
- .au-slider.disabled .au-slider-handle {
290
+ .au-slider .au-slider-content.disabled .au-slider-progress,
291
+ .au-slider .au-slider-content.disabled .au-slider-handle {
272
292
  background-color: var(--bs-slider-disabled-color);
273
293
  cursor: var(--bs-slider-disabled-cursor);
274
294
  }
275
- .au-slider.disabled .au-slider-clickable-area,
276
- .au-slider.disabled .au-slider-clickable-area-vertical,
277
- .au-slider.disabled .au-slider-tick {
295
+ .au-slider .au-slider-content.disabled .au-slider-clickable-area,
296
+ .au-slider .au-slider-content.disabled .au-slider-clickable-area-vertical,
297
+ .au-slider .au-slider-content.disabled .au-slider-tick {
278
298
  cursor: var(--bs-slider-disabled-cursor);
279
299
  }
280
300
 
package/css/slider.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AAyBA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA7FA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAwFA;EAxGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAmGA;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AACA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AA2BA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;;AAEA;EACC;;AAGD;EACC;;AAGD;EApGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA6FA;EA/GA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAwGA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
package/css/tree.css CHANGED
@@ -1,10 +1,3 @@
1
- /**
2
- * Utility function to replace a substring as Sass doesn't provide the built-in method to do it
3
- */
4
- /**
5
- * Method implementation taken from Bootstrap
6
- * ref: https://github.com/twbs/bootstrap/blob/cacbdc680ecdfee5f0c7fbb876ad15188eaf697d/scss/_functions.scss#L131
7
- */
8
1
  .au-tree {
9
2
  --bs-tree-item-padding-start: 2.25rem;
10
3
  --bs-tree-expand-icon-margin-inline-end: 0.5rem;
@@ -13,8 +6,8 @@
13
6
  --bs-tree-expand-icon-background-color-hover: var(--bs-blue-100, #cfe2ff);
14
7
  --bs-tree-expand-icon-width: 2.25rem;
15
8
  --bs-tree-expand-icon-height: 2.25rem;
16
- --bs-tree-expand-icon: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%230d6efd" stroke-width="1" fill="none"/%3e%3c/svg%3e');
17
- --bs-tree-expand-icon-hover: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"%3e%3cpath d="M3 1 L7 5 L3 9" stroke="%23052c65" stroke-width="1" fill="none"/%3e%3c/svg%3e');
9
+ --bs-tree-expand-icon-color: #0d6efd;
10
+ --bs-tree-expand-icon-color-hover: #052c65;
18
11
  list-style: none;
19
12
  padding: 0;
20
13
  margin: 0;
@@ -54,13 +47,17 @@
54
47
  cursor: pointer;
55
48
  }
56
49
  .au-tree .au-tree-expand-icon:hover {
57
- --bs-tree-expand-icon: var(--bs-tree-expand-icon-hover);
58
50
  --bs-tree-expand-icon-background-color: var(--bs-tree-expand-icon-background-color-hover);
59
51
  }
52
+ .au-tree .au-tree-expand-icon:hover .au-tree-expand-icon-svg .au-tree-expand-icon-svg-fill {
53
+ stroke: var(--bs-tree-expand-icon-color-hover);
54
+ }
60
55
  .au-tree .au-tree-expand-icon .au-tree-expand-icon-svg {
61
- content: var(--bs-tree-expand-icon);
62
56
  transition: transform 0.3s;
63
57
  }
58
+ .au-tree .au-tree-expand-icon .au-tree-expand-icon-svg .au-tree-expand-icon-svg-fill {
59
+ stroke: var(--bs-tree-expand-icon-color);
60
+ }
64
61
  .au-tree .au-tree-expand-icon.au-tree-expand-icon-expanded .au-tree-expand-icon-svg {
65
62
  transform: rotate(90deg);
66
63
  }
package/css/tree.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/_functions.scss","../scss/tree.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAgBA;AAAA;AAAA;AAAA;ACfA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC","file":"tree.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/tree.scss"],"names":[],"mappings":"AAEA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAKD;EACC","file":"tree.css"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/core-bootstrap",
3
3
  "description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
4
- "version": "0.9.0",
4
+ "version": "0.9.2",
5
5
  "keywords": [
6
6
  "bootstrap",
7
7
  "css",
@@ -62,7 +62,7 @@
62
62
  }
63
63
  },
64
64
  "dependencies": {
65
- "@agnos-ui/core": "0.9.0"
65
+ "@agnos-ui/core": "0.9.2"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "@amadeus-it-group/tansu": "^2.0.0"
package/scss/_variables.scss CHANGED
@@ -15,8 +15,6 @@ $au-slider-line-height: 1.5 !default;
15
15
  $au-slider-primary-size: 100% !default;
16
16
  $au-slider-secondary-size: 0.25rem !default;
17
17
  $au-slider-border-radius: 0.125rem !default;
18
- $au-slider-vertical-margin-inline-start: 1rem !default;
19
- $au-slider-vertical-margin-inline-end: 3rem !default;
20
18
  $au-slider-translate-vertical: translateY(-50%) !default;
21
19
  $au-slider-translate-horizontal: translateX(-50%) !default;
22
20
  $au-slider-handle-color: var(--#{$prefix}primary, #0d6efd) !default;
@@ -38,12 +36,23 @@ $au-slider-tick-label-translate-vertical: translateY(75%) !default;
38
36
  $au-slider-progress-color: var(--#{$prefix}primary, #0d6efd) !default;
39
37
  $au-slider-progress-height: 0.25rem !default;
40
38
  $au-slider-progress-vertical-transform: rotate(90deg) !default;
41
- $au-slider-margin-block-end: calc((#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2 + 0.5rem) !default;
42
- $au-slider-margin-block-start: calc((#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2 + #{$au-slider-font-size} * 1.5 + 0.5rem) !default;
39
+ $au-slider-padding: calc(var(--#{$prefix}slider-handle-size) / 2) !default;
40
+ $au-slider-vertical-margin-inline-no-labels: calc((var(--#{$prefix}slider-handle-size) - var(--#{$prefix}slider-secondary-size)) * 0.75) !default;
41
+ $au-slider-vertical-margin-inline-with-labels: calc(
42
+ (var(--#{$prefix}slider-handle-size) - var(--#{$prefix}slider-secondary-size)) / 2 + 4ch
43
+ ) !default;
44
+ $au-slider-horizontal-margin-block-no-labels: calc((var(--#{$prefix}slider-handle-size) - var(--#{$prefix}slider-secondary-size)) * 0.75) !default;
45
+ $au-slider-horizontal-margin-block-with-labels: calc(
46
+ (var(--#{$prefix}slider-handle-size) - var(--#{$prefix}slider-secondary-size)) / 2 + var(--#{$prefix}slider-font-size) * 1.5 + 0.5rem
47
+ ) !default;
43
48
  $au-slider-label-now-font-weight: normal !default;
44
49
  $au-slider-label-font-weight: normal !default;
45
50
  $au-slider-label-margin-block-start: calc(
46
- -1 * (#{$au-slider-font-size} * #{$au-slider-line-height} + (#{$au-slider-handle-size} - #{$au-slider-secondary-size}) / 2)
51
+ -1 *
52
+ (
53
+ var(--#{$prefix}slider-font-size) * var(--#{$prefix}slider-line-height) +
54
+ (var(--#{$prefix}slider-handle-size) - var(--#{$prefix}slider-secondary-size)) / 2
55
+ )
47
56
  ) !default;
48
57
  $au-slider-label-min-position: 0 !default;
49
58
  $au-slider-label-max-position: 0 !default;
@@ -61,6 +70,7 @@ $au-slider-clickable-area-main-size: 1.5rem !default;
61
70
  $au-slider-clickable-area-secondary-size: 100% !default;
62
71
  $au-slider-clickable-area-vertical-flex-shrink: 0 !default;
63
72
  $au-slider-clickable-area-cursor: pointer !default;
73
+ $au-slider-disabled-background-color: $au-slider-color-background !default;
64
74
  $au-slider-disabled-color: var(--#{$prefix}dark-bg-subtle, #ced4da) !default;
65
75
  $au-slider-disabled-cursor: not-allowed !default;
66
76
 
@@ -90,6 +100,4 @@ $au-tree-expand-icon-width: 2.25rem;
90
100
  $au-tree-expand-icon-height: 2.25rem;
91
101
  $au-tree-expand-icon-color: #0d6efd !default;
92
102
  $au-tree-expand-icon-color-hover: #052c65 !default;
93
- $au-tree-expand-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"><path d="M3 1 L7 5 L3 9" stroke="#{$au-tree-expand-icon-color}" stroke-width="1" fill="none"/></svg>') !default;
94
- $au-tree-expand-icon-hover: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 10 10"><path d="M3 1 L7 5 L3 9" stroke="#{$au-tree-expand-icon-color-hover}" stroke-width="1" fill="none"/></svg>') !default;
95
103
  // scss-docs-end tree-vars