@quandis/qbo4.ui 4.0.1-CI-20241113-192850 → 4.0.1-CI-20241113-205011

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.
@@ -4,14 +4,15 @@
4
4
  --qbo-border-color: #999;
5
5
  --qbo-border-radius: 4px;
6
6
  --qbo-background-color: #ffffff;
7
- --qbo-padding-horizontal: 0rem;
8
- --qbo-padding-vertical: 0rem;
7
+ --qbo-padding-horizontal: 0.75rem;
8
+ --qbo-padding-vertical: 0.375rem;
9
9
  --qbo-padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
10
10
  --qbo-margin: 0.5rem;
11
11
  --qbo-margin-horizontal: 0.5rem;
12
12
  --qbo-margin-vertical: 0.5rem;
13
13
  --qbo-focus-border-color: #80bdff;
14
14
  --qbo-focus-box-shadow: rgba(0, 123, 255, 0.25);
15
+ --qbo-line-height: var(--qbo-line-height);
15
16
  --qbo-button-bg: #007bff;
16
17
  --qbo-button-border: #007bff;
17
18
  --qbo-button-bg-hover: #0056b3;
@@ -90,42 +91,6 @@
90
91
  gap: var(--qbo-margin);
91
92
  }
92
93
 
93
- /* Default column styling */
94
- .qbo-card {
95
- border: 1px solid var(--qbo-border-color);
96
- border-radius: var(--qbo-border-radius);
97
- box-shadow: 2px 2px 3px var(--qbo-border-color);
98
- padding: 0.5em;
99
- overflow: auto;
100
- }
101
-
102
- .qbo-card-bottom {
103
- margin-bottom: 0.5em;
104
- }
105
-
106
- .qbo-card-left {
107
- margin-left: 0.5em;
108
- }
109
-
110
- .qbo-card-right {
111
- margin-right: 0.5em;
112
- }
113
-
114
- .qbo-card-top {
115
- margin-top: 0.5em;
116
- }
117
-
118
- svg {
119
- height: 1rem;
120
- width: 1rem;
121
- }
122
-
123
- .qbo-row {
124
- display: flex;
125
- flex-wrap: wrap;
126
- gap: var(--qbo-margin);
127
- }
128
-
129
94
  /* Default column styling */
130
95
  .qbo-col, .qbo-card {
131
96
  flex: 1 0 0;
@@ -133,12 +98,6 @@ svg {
133
98
  box-sizing: border-box;
134
99
  }
135
100
 
136
- .qbo-row {
137
- display: flex;
138
- flex-wrap: wrap;
139
- gap: var(--qbo-margin); /* Use --qbo-margin as the gap */
140
- }
141
-
142
101
  .qbo-col-1 {
143
102
  flex: 0 0 calc(8.33% - var(--qbo-margin) / 2);
144
103
  max-width: calc(8.33% - var(--qbo-margin) / 2);
@@ -199,10 +158,32 @@ svg {
199
158
  max-width: calc(100% - var(--qbo-margin) / 2);
200
159
  }
201
160
 
161
+ /* Default column styling */
162
+ .qbo-card {
163
+ border: 1px solid var(--qbo-border-color);
164
+ border-radius: var(--qbo-border-radius);
165
+ box-shadow: 2px 2px 3px var(--qbo-border-color);
166
+ padding: 0.5em;
167
+ overflow: auto;
168
+ }
169
+
170
+ .qbo-card-left {
171
+ margin-left: 0.5em;
172
+ }
173
+
174
+ .qbo-card-right {
175
+ margin-right: 0.5em;
176
+ }
177
+
178
+ svg {
179
+ height: 1rem;
180
+ width: 1rem;
181
+ }
182
+
202
183
  /* Form */
203
184
  .qbo-form {
204
185
  margin: 0 auto;
205
- padding: var(--qbo-padding);
186
+ padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
206
187
  }
207
188
 
208
189
  .qbo-form label {
@@ -227,7 +208,7 @@ svg {
227
208
  .qbo-form textarea {
228
209
  width: 100%;
229
210
  box-sizing: border-box;
230
- padding: var(--qbo-padding);
211
+ padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
231
212
  font-size: 1rem;
232
213
  line-height: 1;
233
214
  color: var(--qbo-color);
@@ -323,9 +304,9 @@ button,
323
304
  background-color: var(--qbo-background-color);
324
305
  border: 1px solid var(--qbo-border-color);
325
306
  border-radius: var(--qbo-border-radius);
326
- padding: var(--qbo-padding);
307
+ padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
327
308
  font-size: 1rem;
328
- line-height: 1.5;
309
+ line-height: var(--qbo-line-height);
329
310
  text-align: center;
330
311
  vertical-align: middle;
331
312
  cursor: pointer;
@@ -341,7 +322,7 @@ button:focus,
341
322
  .qbo-button:focus {
342
323
  background-color: var(--qbo-border-color);
343
324
  text-decoration: none;
344
- line-height: 1.5;
325
+ line-height: var(--qbo-line-height);
345
326
  border-radius: var(--qbo-border-radius);
346
327
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
347
328
  }
@@ -397,87 +378,6 @@ button:disabled,
397
378
  background-position: left center;
398
379
  }
399
380
 
400
- /* Grid */
401
- .qbo-row {
402
- display: flex;
403
- flex-wrap: wrap;
404
- gap: var(--qbo-margin);
405
- }
406
-
407
- /* Default column styling */
408
- .qbo-col, .qbo-card {
409
- flex: 1 0 0;
410
- min-width: calc(8.33% - var(--qbo-margin) / 2);
411
- max-width: 100%;
412
- box-sizing: border-box;
413
- }
414
-
415
- .qbo-row {
416
- display: flex;
417
- flex-wrap: wrap;
418
- gap: var(--qbo-margin); /* Use --qbo-margin as the gap */
419
- }
420
-
421
- .qbo-col-1 {
422
- flex: 0 0 calc(8.33% - var(--qbo-margin) / 2);
423
- max-width: calc(8.33% - var(--qbo-margin) / 2);
424
- }
425
-
426
- .qbo-col-2 {
427
- flex: 0 0 calc(16.66% - var(--qbo-margin) / 2);
428
- max-width: calc(16.66% - var(--qbo-margin) / 2);
429
- }
430
-
431
- .qbo-col-3 {
432
- flex: 0 0 calc(25% - var(--qbo-margin) / 2);
433
- max-width: calc(25% - var(--qbo-margin) / 2);
434
- }
435
-
436
- .qbo-col-4 {
437
- flex: 0 0 calc(33.33% - var(--qbo-margin) / 2);
438
- max-width: calc(33.33% - var(--qbo-margin) / 2);
439
- }
440
-
441
- .qbo-col-5 {
442
- flex: 0 0 calc(41.66% - var(--qbo-margin) / 2);
443
- max-width: calc(41.66% - var(--qbo-margin) / 2);
444
- }
445
-
446
- .qbo-col-6 {
447
- flex: 0 0 calc(50% - var(--qbo-margin) / 2);
448
- max-width: calc(50% - var(--qbo-margin) / 2);
449
- }
450
-
451
- .qbo-col-7 {
452
- flex: 0 0 calc(58.33% - var(--qbo-margin) / 2);
453
- max-width: calc(58.33% - var(--qbo-margin) / 2);
454
- }
455
-
456
- .qbo-col-8 {
457
- flex: 0 0 calc(66.66% - var(--qbo-margin) / 2);
458
- max-width: calc(66.66% - var(--qbo-margin) / 2);
459
- }
460
-
461
- .qbo-col-9 {
462
- flex: 0 0 calc(75% - var(--qbo-margin) / 2);
463
- max-width: calc(75% - var(--qbo-margin) / 2);
464
- }
465
-
466
- .qbo-col-10 {
467
- flex: 0 0 calc(83.33% - var(--qbo-margin) / 2);
468
- max-width: calc(83.33% - var(--qbo-margin) / 2);
469
- }
470
-
471
- .qbo-col-11 {
472
- flex: 0 0 calc(91.66% - var(--qbo-margin) / 2);
473
- max-width: calc(91.66% - var(--qbo-margin) / 2);
474
- }
475
-
476
- .qbo-col-12 {
477
- flex: 0 0 calc(100% - var(--qbo-margin) / 2);
478
- max-width: calc(100% - var(--qbo-margin) / 2);
479
- }
480
-
481
381
  /* Menu */
482
382
  nav {
483
383
  --qbo-background-color: var(--qbo-nav-background-color, black);
@@ -498,7 +398,7 @@ nav menu li {
498
398
  border: 1px solid var(--qbo-nav-background-color, black);
499
399
  cursor: pointer;
500
400
  display: inline-block;
501
- line-height: 1.5;
401
+ line-height: var(--qbo-line-height);
502
402
  padding: 5px;
503
403
  }
504
404
  nav menu li svg {
@@ -541,32 +441,32 @@ menu.qbo-toolbar {
541
441
  flex-direction: row;
542
442
  margin-right: var(--qbo-margin);
543
443
  }
544
- menu.qbo-toolbar li {
444
+ menu.qbo-toolbar > li {
545
445
  display: inline-block;
546
446
  margin-right: 0;
547
447
  color: var(--qbo-color);
548
448
  background-color: var(--qbo-background-color);
549
449
  border: 1px solid var(--qbo-border-color);
550
- padding: var(--qbo-padding);
551
- line-height: 1.5;
450
+ padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
451
+ line-height: var(--qbo-line-height);
552
452
  cursor: pointer;
553
453
  border-radius: 0;
554
454
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
555
455
  text-decoration: none;
556
456
  }
557
- menu.qbo-toolbar li:first-child {
457
+ menu.qbo-toolbar > li:first-child {
558
458
  border-top-left-radius: var(--qbo-border-radius);
559
459
  border-bottom-left-radius: var(--qbo-border-radius);
560
460
  }
561
- menu.qbo-toolbar li:last-child {
461
+ menu.qbo-toolbar > li:last-child {
562
462
  border-top-right-radius: var(--qbo-border-radius);
563
463
  border-bottom-right-radius: var(--qbo-border-radius);
564
464
  }
565
- menu.qbo-toolbar li:hover,
566
- menu.qbo-toolbar li:focus {
465
+ menu.qbo-toolbar > li:hover,
466
+ menu.qbo-toolbar > li:focus {
567
467
  background-color: var(--qbo-border-color);
568
468
  text-decoration: none;
569
- line-height: 1.5;
469
+ line-height: var(--qbo-line-height);
570
470
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
571
471
  }
572
472
 
@@ -601,7 +501,7 @@ qbo-menu menu {
601
501
  border: 1px solid var(--qbo-border-color);
602
502
  border-radius: var(--qbo-border-radius);
603
503
  box-sizing: border-box;
604
- height: 0;
504
+ height: auto;
605
505
  list-style-type: none;
606
506
  margin: 0;
607
507
  padding-left: 0;
@@ -611,6 +511,17 @@ qbo-menu menu {
611
511
 
612
512
  qbo-menu aside.open,
613
513
  qbo-menu menu.open {
514
+ visibility: visible;
515
+ }
516
+
517
+ qbo-menu aside {
518
+ width: 0;
519
+ margin: var(--qbo-margin);
520
+ padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
521
+ padding-bottom: 0.6em;
522
+ overflow-y: scroll;
523
+ top: 53px !important;
524
+ width: 100%;
614
525
  background-color: #f0f0f0;
615
526
  border: 0;
616
527
  border-radius: 0;
@@ -621,36 +532,23 @@ qbo-menu menu.open {
621
532
  left: 0px;
622
533
  margin: 0;
623
534
  overflow-y: auto;
624
- top: 53px !important;
625
- visibility: visible;
626
- width: 100%;
627
535
  }
628
536
 
629
- qbo-menu aside.open > h1,
630
- qbo-menu menu.open > h1 {
537
+ qbo-menu aside > h1 {
631
538
  color: var(--qbo-color);
632
539
  margin-block-end: 0;
633
540
  margin-left: 1em;
634
541
  }
635
542
 
636
- qbo-menu aside.open > p,
637
- qbo-menu menu.open > p {
543
+ qbo-menu aside > p {
638
544
  color: var(--qbo-color);
639
545
  margin-block-start: 0;
640
546
  margin-left: 1.2em;
641
547
  }
642
-
643
- qbo-menu aside {
644
- width: 0;
645
- margin: var(--qbo-margin);
646
- padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
647
- padding-bottom: 0.6em;
648
- overflow-y: scroll;
649
- }
650
548
  qbo-menu li {
651
549
  display: list-item !important;
652
- padding: var(--qbo-padding, 0.5rem 1rem);
653
- line-height: 1.5;
550
+ padding: var(--qbo-padding-vertical) var(--qbo-padding-horizontal);
551
+ line-height: var(--qbo-line-height);
654
552
  text-align: left;
655
553
  white-space: nowrap;
656
554
  cursor: pointer;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../scss/qbo.scss","qbo.css"],"names":[],"mappings":"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","file":"qbo.css"}
1
+ {"version":3,"sources":["../../scss/qbo.scss","qbo.css"],"names":[],"mappings":"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","file":"qbo.css"}
@@ -1 +1 @@
1
- :root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0rem;--qbo-padding-vertical:0rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-bottom{margin-bottom:.5em}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}.qbo-card-top{margin-top:.5em}svg{height:1rem;width:1rem}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-form{margin:0 auto;padding:var(--qbo-padding)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding);font-size:1rem;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:1.5;border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;min-width:calc(8.33% - var(--qbo-margin)/ 2);max-width:100%;box-sizing:border-box}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:1.5;padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:17px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding);line-height:1.5;cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar li:focus,menu.qbo-toolbar li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:1.5;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:0;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto;top:53px!important;visibility:visible;width:100%}qbo-menu aside.open>h1,qbo-menu menu.open>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside.open>p,qbo-menu menu.open>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll}qbo-menu li{display:list-item!important;padding:var(--qbo-padding,.5rem 1rem);line-height:1.5;text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}
1
+ :root{--qbo-font:Arial,sans-serif;--qbo-color:#333;--qbo-border-color:#999;--qbo-border-radius:4px;--qbo-background-color:#ffffff;--qbo-padding-horizontal:0.75rem;--qbo-padding-vertical:0.375rem;--qbo-padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);--qbo-margin:0.5rem;--qbo-margin-horizontal:0.5rem;--qbo-margin-vertical:0.5rem;--qbo-focus-border-color:#80bdff;--qbo-focus-box-shadow:rgba(0, 123, 255, 0.25);--qbo-line-height:var(--qbo-line-height);--qbo-button-bg:#007bff;--qbo-button-border:#007bff;--qbo-button-bg-hover:#0056b3;--qbo-button-border-hover:#004085;--qbo-button-color:#ffffff;--qbo-button-padding:var(--qbo-padding);--qbo-button-border-radius:var(--qbo-border-radius);--qbo-nav-color:#333;--qbo-nav-background-color:#999;--qbo-nav-background-hover:#81181d;--qbo-nav-background-hover-color:#999;--qbo-primary-bg:#007bff;--qbo-primary-color:#ffffff;--qbo-primary-border:#007bff;--qbo-primary-hover-bg:#0056b3;--qbo-primary-hover-border:#004085;--qbo-secondary-bg:#6c757d;--qbo-secondary-color:#ffffff;--qbo-secondary-border:#6c757d;--qbo-secondary-hover-bg:#5a6268;--qbo-secondary-hover-border:#545b62;--qbo-success-bg:#28a745;--qbo-success-color:#ffffff;--qbo-success-border:#28a745;--qbo-success-hover-bg:#218838;--qbo-success-hover-border:#1e7e34;--qbo-danger-bg:#dc3545;--qbo-danger-color:#ffffff;--qbo-danger-border:#dc3545;--qbo-danger-hover-bg:#c82333;--qbo-danger-hover-border:#bd2130;--qbo-info-bg:#17a2b8;--qbo-info-color:#ffffff;--qbo-info-border:#17a2b8;--qbo-info-hover-bg:#138496;--qbo-info-hover-border:#117a8b;--qbo-light-bg:#f8f9fa;--qbo-light-color:#212529;--qbo-light-border:#f8f9fa;--qbo-light-hover-bg:#e2e6ea;--qbo-light-hover-border:#dae0e5;--qbo-dark-bg:#343a40;--qbo-dark-color:#ffffff;--qbo-dark-border:#343a40;--qbo-dark-hover-bg:#23272b;--qbo-dark-hover-border:#1d2124}.qbo-theme-dark{--qbo-color:#e0e0e0;--qbo-border-color:grey;--qbo-background-color:#121212;--qbo-nav-color:#000;--qbo-nav-background-color:#fff;--qbo-svg-filter:brightness(0) invert(1)}.qbo-theme-light{font-family:var(--qbo-font);color:var(--qbo-color);margin:0;background-color:var(--qbo-background-color)}.qbo-row{display:flex;flex-wrap:wrap;gap:var(--qbo-margin)}.qbo-card,.qbo-col{flex:1 0 0;max-width:100%;box-sizing:border-box}.qbo-col-1{flex:0 0 calc(8.33% - var(--qbo-margin)/ 2);max-width:calc(8.33% - var(--qbo-margin)/ 2)}.qbo-col-2{flex:0 0 calc(16.66% - var(--qbo-margin)/ 2);max-width:calc(16.66% - var(--qbo-margin)/ 2)}.qbo-col-3{flex:0 0 calc(25% - var(--qbo-margin)/ 2);max-width:calc(25% - var(--qbo-margin)/ 2)}.qbo-col-4{flex:0 0 calc(33.33% - var(--qbo-margin)/ 2);max-width:calc(33.33% - var(--qbo-margin)/ 2)}.qbo-col-5{flex:0 0 calc(41.66% - var(--qbo-margin)/ 2);max-width:calc(41.66% - var(--qbo-margin)/ 2)}.qbo-col-6{flex:0 0 calc(50% - var(--qbo-margin)/ 2);max-width:calc(50% - var(--qbo-margin)/ 2)}.qbo-col-7{flex:0 0 calc(58.33% - var(--qbo-margin)/ 2);max-width:calc(58.33% - var(--qbo-margin)/ 2)}.qbo-col-8{flex:0 0 calc(66.66% - var(--qbo-margin)/ 2);max-width:calc(66.66% - var(--qbo-margin)/ 2)}.qbo-col-9{flex:0 0 calc(75% - var(--qbo-margin)/ 2);max-width:calc(75% - var(--qbo-margin)/ 2)}.qbo-col-10{flex:0 0 calc(83.33% - var(--qbo-margin)/ 2);max-width:calc(83.33% - var(--qbo-margin)/ 2)}.qbo-col-11{flex:0 0 calc(91.66% - var(--qbo-margin)/ 2);max-width:calc(91.66% - var(--qbo-margin)/ 2)}.qbo-col-12{flex:0 0 calc(100% - var(--qbo-margin)/ 2);max-width:calc(100% - var(--qbo-margin)/ 2)}.qbo-card{border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-shadow:2px 2px 3px var(--qbo-border-color);padding:.5em;overflow:auto}.qbo-card-left{margin-left:.5em}.qbo-card-right{margin-right:.5em}svg{height:1rem;width:1rem}.qbo-form{margin:0 auto;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal)}.qbo-form label{display:flex;flex-direction:column;font-size:.9rem;font-weight:100;color:var(--qbo-color);font-family:var(--qbo-font);margin-top:calc(var(--qbo-margin) * 1.5);margin-bottom:calc(var(--qbo-margin) * .25)}.qbo-form small{display:block;font-size:.8rem;color:color-mix(in srgb,var(--qbo-color) 60%,transparent)}.qbo-form input,.qbo-form select,.qbo-form textarea{width:100%;box-sizing:border-box;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:1;color:var(--qbo-color);background-color:var(--qbo-background-color);background-clip:padding-box;border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:var(--qbo-font);margin-top:.1rem;margin-right:1rem}.qbo-form input[type=color]{width:3rem;height:calc(1.5em + .75rem + 0px);padding:.375rem;background-color:transparent;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none}.qbo-form input:focus,.qbo-form select:focus,.qbo-form textarea:focus{color:var(--qbo-color);border-color:var(--qbo-focus-border-color);outline:0;box-shadow:0 0 0 .2rem var(--qbo-focus-box-shadow)}.qbo-form input[disabled],.qbo-form select[disabled],.qbo-form textarea[disabled]{color:color-mix(in oklab,var(--qbo-color) 50%,var(--qbo-background-color));cursor:not-allowed;opacity:1}.qbo-form div{display:flex;align-items:center}.qbo-form div span{display:inline-flex;font-weight:100;align-items:center;padding:.375rem .75rem;font-size:1rem;text-align:center;white-space:nowrap;border-right:none;border-radius:.25rem 0 0 .25rem}.qbo-form div input,.qbo-form div select,.qbo-form div textarea{flex:1 1 auto;padding:.375rem .75rem;font-size:1rem;background-clip:padding-box;margin:0}.qbo-form .form-check{display:flex;align-items:center;margin-bottom:1rem}.qbo-form .form-check input[type=checkbox],.qbo-form .form-check input[type=radio]{width:auto;margin-right:.5rem}.qbo-form .form-check label{margin-bottom:0;font-weight:400;color:var(--qbo-color)}.qbo-button,button{display:inline-block;font-weight:400;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);font-size:1rem;line-height:var(--qbo-line-height);text-align:center;vertical-align:middle;cursor:pointer;margin-right:var(--qbo-margin);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.qbo-button:focus,.qbo-button:hover,button:focus,button:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);border-radius:var(--qbo-border-radius);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.qbo-button:disabled,button:disabled{opacity:.65;cursor:not-allowed;background-color:var(--qbo-button-bg);border-color:var(--qbo-button-border);color:var(--qbo-button-color)}.primary{background-color:var(--qbo-primary-bg);border:1px solid var(--qbo-primary-border);color:var(--qbo-primary-color)}.primary:focus,.primary:hover{background-color:var(--qbo-primary-hover-bg);border:1px solid var(--qbo-primary-hover-border)}.secondary{background-color:var(--qbo-secondary-bg);border:1px solid var(--qbo-secondary-border);color:var(--qbo-secondary-color)}.secondary:focus,.secondary:hover{background-color:var(--qbo-secondary-hover-bg);border:1px solid var(--qbo-secondary-hover-border)}.icon{height:1rem;width:1rem;filter:var(--qbo-svg-filter)}.icon use{display:block}.icon.right{position:relative;padding-left:1.25rem;background-image:url("https://devqmp.quandis.io/core/ui/images/qbo-icons.svg#i-arrow-down-circle");background-repeat:no-repeat;background-position:left center}nav{--qbo-background-color:var(--qbo-nav-background-color, black);--qbo-color:var(--qbo-nav-color, white);--qbo-svg-filter:brightness(0) invert(1);display:flex;flex-direction:row;color:var(--qbo-nav-color,#fff);background-color:var(--qbo-nav-background-color,#000)}nav menu{list-style-type:none;padding-inline-start:20px;margin-block-start:0.5em;margin-block-end:0.5em}nav menu li{border:1px solid var(--qbo-nav-background-color,#000);cursor:pointer;display:inline-block;line-height:var(--qbo-line-height);padding:5px}nav menu li svg{filter:invert(0)!important}nav menu li:focus,nav menu li:hover{background-color:var(--qbo-nav-background-hover,grey);border:1px solid var(--qbo-nav-background-hover);border-radius:.5em;color:#fff;text-decoration:none}nav menu li:focus span>svg,nav menu li:focus>svg,nav menu li:hover span>svg,nav menu li:hover>svg{filter:var(--qbo-svg-filter)!important}nav>img{padding-inline-start:8px}nav>span{font-weight:700;margin-top:17px;padding-inline-start:10px}nav a{color:var(--qbo-color)}nav svg.label{vertical-align:text-top}nav svg.toggle{vertical-align:text-bottom}menu.qbo-toolbar{list-style-type:none;padding-left:0;display:flex;flex-direction:row;margin-right:var(--qbo-margin)}menu.qbo-toolbar>li{display:inline-block;margin-right:0;color:var(--qbo-color);background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);cursor:pointer;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-decoration:none}menu.qbo-toolbar>li:first-child{border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:last-child{border-top-right-radius:var(--qbo-border-radius);border-bottom-right-radius:var(--qbo-border-radius)}menu.qbo-toolbar>li:focus,menu.qbo-toolbar>li:hover{background-color:var(--qbo-border-color);text-decoration:none;line-height:var(--qbo-line-height);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}menu.qbo-toolbar.vertical{flex-direction:column;align-items:flex-start}menu.qbo-toolbar.vertical li:first-child{border-top-right-radius:var(--qbo-border-radius);border-top-left-radius:var(--qbo-border-radius);border-bottom-left-radius:0}menu.qbo-toolbar.vertical li:last-child{border-bottom-right-radius:var(--qbo-border-radius);border-bottom-left-radius:var(--qbo-border-radius);border-top-right-radius:0}qbo-menu aside,qbo-menu menu{background-color:var(--qbo-background-color);border:1px solid var(--qbo-border-color);border-radius:var(--qbo-border-radius);box-sizing:border-box;height:auto;list-style-type:none;margin:0;padding-left:0;position:absolute;visibility:hidden}qbo-menu aside.open,qbo-menu menu.open{visibility:visible}qbo-menu aside{width:0;margin:var(--qbo-margin);padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);padding-bottom:.6em;overflow-y:scroll;top:53px!important;width:100%;background-color:#f0f0f0;border:0;border-radius:0;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;color:var(--qbo-nav-color,#fff);height:auto;left:0;margin:0;overflow-y:auto}qbo-menu aside>h1{color:var(--qbo-color);margin-block-end:0;margin-left:1em}qbo-menu aside>p{color:var(--qbo-color);margin-block-start:0;margin-left:1.2em}qbo-menu li{display:list-item!important;padding:var(--qbo-padding-vertical) var(--qbo-padding-horizontal);line-height:var(--qbo-line-height);text-align:left;white-space:nowrap;cursor:pointer;text-decoration:none}qbo-menu li:hover{background-color:var(--qbo-border-color)}qbo-menu menu li.disabled{color:#6c757d;pointer-events:none;background-color:transparent}qbo-menu menu .dropdown-divider{height:1px;margin:.5rem 0;overflow:hidden;background-color:#e9ecef}qbo-menu menu .dropdown-header{padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}qbo-popover{background-color:#f0f0f0;border:1px solid #81181d;border-radius:var(--qbo-border-radius);color:var(--qbo-color);margin:.6em 0 0 0;padding:0 1em 0 1em;position:absolute;visibility:hidden}qbo-popover h3{margin-block-end:0.5em;margin-block-start:0.5em}qbo-popover p{margin-block-start:0}qbo-popover.open{visibility:visible}details>a{margin-left:1.5em}div.qbo-row-subsequent{margin-top:.5em}h3.title{margin-block-end:0;margin-block-start:0.5em;margin-left:.5em}p.detail{margin-block-end:0.5em;margin-block-start:0;margin-left:.5em}div.qbo-col-noborder{border:0!important;box-shadow:initial}