@vitrosoftware/common-ui-ts 1.1.111 → 1.1.113

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 (53) hide show
  1. package/css/std/controls/criterion/criterion.css +0 -12
  2. package/css/std/controls/date-picker/date-picker.css +1 -0
  3. package/css/std/controls/dropdown-button/dropdown-button.css +8 -8
  4. package/css/std/controls/expand-control-group/expand-control-group.css +10 -32
  5. package/css/std/controls/field-iterator/field-iterator.css +55 -7
  6. package/css/std/controls/field-iterator/img/collapse-bottom.svg +4 -0
  7. package/css/std/controls/field-iterator/img/collapse-up.svg +4 -0
  8. package/css/std/controls/input/input.css +1 -1
  9. package/css/std/controls/message-input/message-input.css +3 -1
  10. package/css/std/controls/pdf-viewer/compare.css +24 -24
  11. package/css/std/controls/pdf-viewer/custom.css +2 -2
  12. package/css/std/controls/pdf-viewer/form.css +78 -1
  13. package/css/std/controls/pdf-viewer/img/cancel-white.svg +10 -0
  14. package/css/std/controls/pdf-viewer/img/close-compare-viewer-active.svg +5 -0
  15. package/css/std/controls/pdf-viewer/img/close-compare-viewer.svg +5 -0
  16. package/css/std/controls/pdf-viewer/img/collapse-bottom.svg +5 -0
  17. package/css/std/controls/pdf-viewer/img/collapse-up-blue.svg +5 -0
  18. package/css/std/controls/pdf-viewer/img/compare-dlg-separator.svg +1 -0
  19. package/css/std/controls/pdf-viewer/img/compare-overlay.svg +1 -0
  20. package/css/std/controls/pdf-viewer/img/compare-side-by-side.svg +5 -0
  21. package/css/std/controls/pdf-viewer/img/finish-align-active.svg +8 -0
  22. package/css/std/controls/pdf-viewer/img/finish-align.svg +8 -0
  23. package/css/std/controls/pdf-viewer/img/fit-to-view-active.svg +5 -0
  24. package/css/std/controls/pdf-viewer/img/fit-to-view.svg +5 -0
  25. package/css/std/controls/pdf-viewer/img/hide-colors-active.svg +1 -0
  26. package/css/std/controls/pdf-viewer/img/hide-colors.svg +3 -0
  27. package/css/std/controls/pdf-viewer/img/overlay-active.svg +4 -0
  28. package/css/std/controls/pdf-viewer/img/overlay.svg +4 -0
  29. package/css/std/controls/pdf-viewer/img/pan-active.svg +3 -0
  30. package/css/std/controls/pdf-viewer/img/pan.svg +3 -0
  31. package/css/std/controls/pdf-viewer/img/panel-visibility-active.svg +8 -0
  32. package/css/std/controls/pdf-viewer/img/panel-visibility.svg +8 -0
  33. package/css/std/controls/pdf-viewer/img/side-by-side-active.svg +4 -0
  34. package/css/std/controls/pdf-viewer/img/side-by-side.svg +4 -0
  35. package/css/std/controls/pdf-viewer/img/zoom-active.svg +5 -0
  36. package/css/std/controls/pdf-viewer/img/zoom.svg +5 -0
  37. package/css/std/controls/pdf-viewer/measure.css +138 -7
  38. package/css/std/controls/pdf-viewer/pdf-viewer-index.css +309 -64
  39. package/css/std/controls/pdf-viewer/pdf-viewer.css +66 -30
  40. package/css/std/controls/search/search.css +2 -6
  41. package/css/std/controls/tab-group/tab-group.css +0 -8
  42. package/css/std/controls/view/view.css +15 -2
  43. package/dist/index.css +106 -87
  44. package/dist/index.js +362 -285
  45. package/dist/index.js.map +1 -1
  46. package/dist/src/controls/ExpandControlGroup/ExpandControlGroup.d.ts +9 -4
  47. package/dist/src/controls/ExpandControlGroup/ExpandControlGroupConstants.d.ts +4 -0
  48. package/dist/src/controls/FieldIterator/FieldIterator.d.ts +2 -1
  49. package/dist/src/controls/LookupPicker/LookupPicker.d.ts +3 -0
  50. package/dist/src/controls/View/GroupControl.d.ts +2 -0
  51. package/package.json +1 -1
  52. package/src/controls/BimViewer/js/bim-viewer.js +2 -2
  53. package/src/controls/PdfViewer/js/pdf-viewer.js +1171 -238
@@ -271,6 +271,11 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
271
271
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14), 0 12px 34px 0 rgba(0, 0, 0, 0.19);
272
272
  }
273
273
 
274
+ .measures-dlg-wrap {
275
+ display: flex;
276
+ flex-direction: column;
277
+ }
278
+
274
279
  .compare-dlg-wrap {
275
280
  width: 600px;
276
281
  }
@@ -313,13 +318,25 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
313
318
  border-radius: 0 0 4px 4px;
314
319
  }
315
320
 
321
+ .measures-dlg-footer {
322
+ margin-top: auto;
323
+ flex-direction: column;
324
+ }
325
+
316
326
  .close {
317
327
  opacity: 1;
318
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' stroke-width='2px' stroke='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 32.333l16-16m0 0l-16-16m16 16l16 16m-16-16l16-16'%3E%3C/path%3E%3C/svg%3E");
328
+ background-image: url('img/cancel-white.svg');
319
329
  }
320
330
 
321
- .compare-dlg-wrap .close,
322
- .measures-dlg-wrap .close {
331
+ .measures-dlg-header .close {
332
+ right: 20px;
333
+ top: 24px;
334
+ height: 24px;
335
+ width: 24px;
336
+ background-image: url('img/cancel-dark-grey.svg');
337
+ }
338
+
339
+ .compare-dlg-wrap .close {
323
340
  width: 30px;
324
341
  height: 30px;
325
342
  top: 0;
@@ -337,8 +354,8 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
337
354
  margin-bottom: 22px;
338
355
  }
339
356
 
340
- .field-grp label,
341
- .uk-margin label {
357
+ .compare-dlg-body .field-grp label,
358
+ .measures-settings-controls .uk-margin label {
342
359
  color: #4A556C;
343
360
  padding: 0 6px;
344
361
  background: #fff;
@@ -387,7 +404,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
387
404
 
388
405
  .select > span {
389
406
  display: block;
390
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
407
+ background-image: url('img/collapse-bottom.svg');
391
408
  width: 24px;
392
409
  height: 24px;
393
410
  position: absolute;
@@ -400,8 +417,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
400
417
  }
401
418
 
402
419
  .select.active > span {
403
- transform: rotate(-180deg);
404
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 9L12 16.5L4.5 9' stroke='%233274E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
420
+ background-image: url('img/collapse-up-blue.svg');
405
421
  }
406
422
 
407
423
  .select.active {
@@ -570,6 +586,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
570
586
  height: 20px;
571
587
  width: 20px;
572
588
  top: calc(50% - 10px);
589
+ background-size: 100%;
573
590
  z-index: 1000;
574
591
  opacity: 1;
575
592
  }
@@ -601,7 +618,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
601
618
  top: 20px;
602
619
  right: 16px;
603
620
  cursor: pointer;
604
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
621
+ background-image: url('img/cancel-dark-grey.svg');
605
622
  }
606
623
 
607
624
  .compare-panel_body {
@@ -615,6 +632,18 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
615
632
  background-color: transparent;
616
633
  }
617
634
 
635
+ .compare-layer-visibility {
636
+ background-repeat: no-repeat;
637
+ background-position: center center;
638
+ background-image: url('img/layer-unvisible.svg');
639
+ }
640
+
641
+ .compare-layer-visibility.active {
642
+ background-repeat: no-repeat;
643
+ background-position: center center;
644
+ background-image: url('img/layer-visible.svg');
645
+ }
646
+
618
647
  .compare-toolbar-btn {
619
648
  margin: 0;
620
649
  margin-right: 12px;
@@ -687,96 +716,96 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
687
716
  }
688
717
 
689
718
  .compare-dlg_doc-sep {
690
- background-image: url("data:image/svg+xml,%3Csvg width='38' height='22' viewBox='0 0 38 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1743_100928)'%3E%3Cpath d='M1.12227 5.08646C0.792376 5.26348 0.79238 5.73656 1.12228 5.91357L9.91038 10.6291C10.223 10.7969 10.6016 10.5704 10.6016 10.2155L10.6016 7.50613C10.6016 7.24693 10.8117 7.0368 11.0709 7.0368L26.1755 7.0368C26.4347 7.0368 26.6448 6.82667 26.6448 6.56747L26.6448 4.43239C26.6448 4.17318 26.4347 3.96306 26.1755 3.96306L11.0709 3.96306C10.8117 3.96306 10.6016 3.75293 10.6016 3.49373L10.6016 0.784335C10.6016 0.429502 10.223 0.203005 9.91037 0.37078L1.12227 5.08646Z' fill='%234A556C'/%3E%3Cpath d='M36.8777 16.9135C37.2076 16.7364 37.2076 16.2634 36.8777 16.0864L28.0897 11.3709C27.7771 11.2031 27.3985 11.4296 27.3985 11.7845L27.3985 14.4938C27.3985 14.753 27.1884 14.9632 26.9292 14.9632L11.8248 14.9632C11.5656 14.9632 11.3554 15.1733 11.3554 15.4325L11.3554 17.5675C11.3554 17.8267 11.5656 18.0368 11.8248 18.0368L26.9292 18.0368C27.1884 18.0368 27.3985 18.247 27.3985 18.5062L27.3985 21.2155C27.3985 21.5704 27.7771 21.7969 28.0897 21.6291L36.8777 16.9135Z' fill='%234A556C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1743_100928'%3E%3Crect width='22' height='38' fill='white' transform='translate(0 22) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
719
+ background-image: url('img/compare-dlg-separator.svg');
691
720
  }
692
721
 
693
722
  #btnComparePan {
694
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.558 15.6667C19.0625 19.7183 16.7393 23 12.6878 23C9.69961 23 7.23388 21.1642 6.12476 18.3867L3.12738 11.4225C3.06301 11.2606 3.04609 11.0838 3.07862 10.9126C3.11115 10.7415 3.19177 10.5831 3.31105 10.4562C3.43032 10.3292 3.5833 10.2388 3.75207 10.1957C3.92085 10.1525 4.09842 10.1584 4.264 10.2125L4.98813 10.4508C5.50145 10.6158 5.9231 11.01 6.12476 11.5142L7.29804 14.4567C7.37137 14.64 7.53637 14.75 7.71969 14.75H8.10468L7.18805 3.97917C7.18805 3.67527 7.30876 3.38383 7.52364 3.16894C7.73852 2.95405 8.02995 2.83333 8.33384 2.83333C8.63772 2.83333 8.92915 2.95405 9.14403 3.16894C9.35891 3.38383 9.47962 3.67527 9.47962 3.97917L10.3963 11.5417C10.3963 11.7983 10.5979 12 10.8546 12C11.1112 12 11.3129 11.7983 11.3129 11.5417V2.14583C11.3129 1.84194 11.4336 1.55049 11.6485 1.33561C11.8634 1.12072 12.1548 1 12.4587 1C12.7626 1 13.054 1.12072 13.2689 1.33561C13.4837 1.55049 13.6045 1.84194 13.6045 2.14583V11.5417C13.6045 11.7983 13.8061 12 14.0628 12C14.3194 12 14.5211 11.7983 14.5211 11.5417L14.9787 3.52083C14.9787 3.21694 15.0994 2.92549 15.3143 2.71061C15.5292 2.49572 15.8206 2.375 16.1245 2.375C16.4284 2.375 16.7198 2.49572 16.9347 2.71061C17.1496 2.92549 17.2703 3.21694 17.2703 3.52083L16.8127 11.5417C16.8127 11.7983 17.0143 12 17.271 12C17.5276 12 17.7293 11.7983 17.7293 11.5417L18.6459 6.27083C18.6459 5.96694 18.7666 5.67549 18.9815 5.46061C19.1964 5.24572 19.4878 5.125 19.7917 5.125C20.0956 5.125 20.387 5.24572 20.6019 5.46061C20.8168 5.67549 20.9375 5.96694 20.9375 6.27083L19.558 15.6667Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
723
+ background-image: url('img/pan.svg');
695
724
  }
696
725
 
697
726
  #btnComparePan:hover,
698
727
  #btnComparePan.active {
699
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.558 15.6667C19.0625 19.7183 16.7393 23 12.6878 23C9.69961 23 7.23388 21.1642 6.12476 18.3867L3.12738 11.4225C3.06301 11.2606 3.04609 11.0838 3.07862 10.9126C3.11115 10.7415 3.19177 10.5831 3.31105 10.4562C3.43032 10.3292 3.5833 10.2388 3.75207 10.1957C3.92085 10.1525 4.09842 10.1584 4.264 10.2125L4.98813 10.4508C5.50145 10.6158 5.9231 11.01 6.12476 11.5142L7.29804 14.4567C7.37137 14.64 7.53637 14.75 7.71969 14.75H8.10468L7.18805 3.97917C7.18805 3.67527 7.30876 3.38383 7.52364 3.16894C7.73852 2.95405 8.02995 2.83333 8.33384 2.83333C8.63772 2.83333 8.92915 2.95405 9.14403 3.16894C9.35891 3.38383 9.47962 3.67527 9.47962 3.97917L10.3963 11.5417C10.3963 11.7983 10.5979 12 10.8546 12C11.1112 12 11.3129 11.7983 11.3129 11.5417V2.14583C11.3129 1.84194 11.4336 1.55049 11.6485 1.33561C11.8634 1.12072 12.1548 1 12.4587 1C12.7626 1 13.054 1.12072 13.2689 1.33561C13.4837 1.55049 13.6045 1.84194 13.6045 2.14583V11.5417C13.6045 11.7983 13.8061 12 14.0628 12C14.3194 12 14.5211 11.7983 14.5211 11.5417L14.9787 3.52083C14.9787 3.21694 15.0994 2.92549 15.3143 2.71061C15.5292 2.49572 15.8206 2.375 16.1245 2.375C16.4284 2.375 16.7198 2.49572 16.9347 2.71061C17.1496 2.92549 17.2703 3.21694 17.2703 3.52083L16.8127 11.5417C16.8127 11.7983 17.0143 12 17.271 12C17.5276 12 17.7293 11.7983 17.7293 11.5417L18.6459 6.27083C18.6459 5.96694 18.7666 5.67549 18.9815 5.46061C19.1964 5.24572 19.4878 5.125 19.7917 5.125C20.0956 5.125 20.387 5.24572 20.6019 5.46061C20.8168 5.67549 20.9375 5.96694 20.9375 6.27083L19.558 15.6667Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
728
+ background-image: url('img/pan-active.svg');
700
729
  }
701
730
 
702
731
  #btnCompareZoom {
703
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.332 5.33333L11.9961 2L8.66536 5.32817' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 15.0109L16.6684 17.3406L12.0053 22L7.33511 17.3333L5 15' stroke='%23222D44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 2H13V22H11V2Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
732
+ background-image: url('img/zoom.svg');
704
733
  }
705
734
 
706
735
  #btnCompareZoom:hover,
707
736
  #btnCompareZoom.active {
708
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.332 5.33333L11.9961 2L8.66536 5.32817' stroke='%23326AD6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 15.0109L16.6684 17.3406L12.0053 22L7.33511 17.3333L5 15' stroke='%23326AD6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 2H13V22H11V2Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
737
+ background-image: url('img/zoom-active.svg');
709
738
  }
710
739
 
711
740
  #btnFitToView {
712
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H7.5C7.77614 1 8 1.22386 8 1.5V1.5C8 1.77614 7.77614 2 7.5 2H3C2.44772 2 2 2.44772 2 3V7.5C2 7.77614 1.77614 8 1.5 8V8C1.22386 8 1 7.77614 1 7.5V2V2C1 1.44772 1.44772 1 2 1V1ZM1.5 16C1.22386 16 1 16.2239 1 16.5V22V22C1 22.5523 1.44772 23 2 23V23H7.5C7.77614 23 8 22.7761 8 22.5V22.5C8 22.2239 7.77614 22 7.5 22H3C2.44772 22 2 21.5523 2 21V16.5C2 16.2239 1.77614 16 1.5 16V16ZM22.5 16C22.2239 16 22 16.2239 22 16.5V21C22 21.5523 21.5523 22 21 22H16.5C16.2239 22 16 22.2239 16 22.5V22.5C16 22.7761 16.2239 23 16.5 23H22V23C22.5523 23 23 22.5523 23 22V22V16.5C23 16.2239 22.7761 16 22.5 16V16ZM22.5 8C22.7761 8 23 7.77614 23 7.5V2V2C23 1.44772 22.5523 1 22 1V1H16.5C16.2239 1 16 1.22386 16 1.5V1.5C16 1.77614 16.2239 2 16.5 2H21C21.5523 2 22 2.44772 22 3V7.5C22 7.77614 22.2239 8 22.5 8V8Z' fill='%23222D44'/%3E%3Cpath d='M7 9.56619C7 9.21493 7.1843 8.88942 7.4855 8.7087L11.4855 6.3087C11.8022 6.11869 12.1978 6.11869 12.5145 6.3087L16.3748 8.6249C16.6456 8.78733 16.6302 9.18468 16.3478 9.32575L12.5532 11.2209C12.2142 11.3902 12 11.7366 12 12.1155V17.2935C12 17.6044 11.6608 17.7965 11.3942 17.6365L7.4855 15.2913C7.1843 15.1106 7 14.7851 7 14.4338V12V9.56619Z' fill='%23222D44'/%3E%3Cpath d='M7.74275 9.13744L11.7428 6.73744C11.9011 6.64244 12.0989 6.64244 12.2572 6.73744L16.2572 9.13744C16.4079 9.22781 16.5 9.39056 16.5 9.56619V12V14.4338C16.5 14.6094 16.4079 14.7722 16.2572 14.8626L12.2572 17.2626C12.0989 17.3576 11.9011 17.3576 11.7428 17.2626L7.74275 14.8626C7.59215 14.7722 7.5 14.6094 7.5 14.4338V12V9.56619C7.5 9.39056 7.59215 9.22781 7.74275 9.13744Z' stroke='%23222D44'/%3E%3C/svg%3E%0A");
741
+ background-image: url('img/fit-to-view.svg');
713
742
  }
714
743
 
715
744
  #btnFitToView:hover,
716
745
  #btnFitToView.active {
717
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 3C22 2.44772 21.5523 2 21 2H16.5C16.2239 2 16 1.77614 16 1.5V1.5C16 1.22386 16.2239 1 16.5 1H22V1C22.5523 1 23 1.44772 23 2V2V7.5C23 7.77614 22.7761 8 22.5 8V8C22.2239 8 22 7.77614 22 7.5V3ZM1.5 8C1.77614 8 2 7.77614 2 7.5V3C2 2.44772 2.44772 2 3 2H7.5C7.77614 2 8 1.77614 8 1.5V1.5C8 1.22386 7.77614 1 7.5 1H2V1C1.44772 1 1 1.44772 1 2V2V7.5C1 7.77614 1.22386 8 1.5 8V8ZM1 16.5C1 16.2239 1.22386 16 1.5 16V16C1.77614 16 2 16.2239 2 16.5V21C2 21.5523 2.44772 22 3 22H7.5C7.77614 22 8 22.2239 8 22.5V22.5C8 22.7761 7.77614 23 7.5 23H2V23C1.44772 23 1 22.5523 1 22V22V16.5ZM22 16.5C22 16.2239 22.2239 16 22.5 16V16C22.7761 16 23 16.2239 23 16.5V22V22C23 22.5523 22.5523 23 22 23V23H16.5C16.2239 23 16 22.7761 16 22.5V22.5C16 22.2239 16.2239 22 16.5 22H21C21.5523 22 22 21.5523 22 21V16.5Z' fill='%23326AD6'/%3E%3Cpath d='M7 9.56619C7 9.21493 7.1843 8.88942 7.4855 8.7087L11.4855 6.3087C11.8022 6.11869 12.1978 6.11869 12.5145 6.3087L16.3748 8.6249C16.6456 8.78733 16.6302 9.18468 16.3478 9.32575L12.5532 11.2209C12.2142 11.3902 12 11.7366 12 12.1155V17.2935C12 17.6044 11.6608 17.7965 11.3942 17.6365L7.4855 15.2913C7.1843 15.1106 7 14.7851 7 14.4338V12V9.56619Z' fill='%23326AD6'/%3E%3Cpath d='M7.74275 9.13744L11.7428 6.73744C11.9011 6.64244 12.0989 6.64244 12.2572 6.73744L16.2572 9.13744C16.4079 9.22781 16.5 9.39056 16.5 9.56619V12V14.4338C16.5 14.6094 16.4079 14.7722 16.2572 14.8626L12.2572 17.2626C12.0989 17.3576 11.9011 17.3576 11.7428 17.2626L7.74275 14.8626C7.59215 14.7722 7.5 14.6094 7.5 14.4338V12V9.56619C7.5 9.39056 7.59215 9.22781 7.74275 9.13744Z' stroke='%23326AD6'/%3E%3C/svg%3E%0A");
746
+ background-image: url('img/fit-to-view-active.svg');
718
747
  }
719
748
 
720
749
  #btnCompareType.type-overlay {
721
- background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.00391' y='14' width='13.9982' height='14.0038' rx='2' fill='%23326AD6'/%3E%3Cpath d='M10.0078 7.99805C10.0078 6.89348 10.9032 5.99805 12.0078 5.99805H22.006C23.1106 5.99805 24.006 6.89348 24.006 7.99805V18.0018C24.006 19.1064 23.1106 20.0018 22.006 20.0018H17.0069L17.0089 15.0028C17.0094 13.8982 16.1143 13.0024 15.0098 13.002L10.0078 12.9999V7.99805Z' fill='%23326AD6'/%3E%3Cpath d='M27.6536 2.6C27.8076 2.33333 28.1925 2.33333 28.3464 2.6L31.1177 7.4C31.2717 7.66667 31.0792 8 30.7713 8H25.2287C24.9208 8 24.7283 7.66667 24.8823 7.4L27.6536 2.6Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
750
+ background-image: url('img/compare-overlay.svg');
722
751
  }
723
752
 
724
753
  #btnCompareType.type-side-by-side {
725
- background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 24.9V9.1C12.5 7.6 11.86 7 10.27 7H5.23C3.64 7 3 7.6 3 9.1V24.9C3 26.4 3.64 27 5.23 27H10.27C11.86 27 12.5 26.4 12.5 24.9Z' fill='%23326AD6'/%3E%3Cpath d='M23 24.9V9.1C23 7.6 22.36 7 20.77 7H15.73C14.14 7 13.5 7.6 13.5 9.1V24.9C13.5 26.4 14.14 27 15.73 27H20.77C22.36 27 23 26.4 23 24.9Z' fill='%23326AD6'/%3E%3Cpath d='M26.6536 2.6C26.8076 2.33333 27.1925 2.33333 27.3464 2.6L30.1177 7.4C30.2717 7.66667 30.0792 8 29.7713 8H24.2287C23.9208 8 23.7283 7.66667 23.8823 7.4L26.6536 2.6Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
754
+ background-image: url('img/compare-side-by-side.svg');
726
755
  }
727
756
 
728
757
  #btnComparePanel {
729
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='4' height='9' rx='1' fill='%23222D44'/%3E%3Crect x='10' y='1' width='4' height='9' rx='1' fill='%23222D44'/%3E%3Crect x='18' y='1' width='4' height='9' rx='1' fill='%23222D44'/%3E%3Crect x='2' y='12' width='20' height='3' rx='1' fill='%23222D44'/%3E%3Crect x='2' y='16' width='20' height='3' rx='1' fill='%23222D44'/%3E%3Crect x='2' y='20' width='20' height='3' rx='1' fill='%23222D44'/%3E%3C/svg%3E%0A");
758
+ background-image: url('img/panel-visibility.svg');
730
759
  }
731
760
 
732
761
  #btnComparePanel:hover,
733
762
  #btnComparePanel.active {
734
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='4' height='9' rx='1' fill='%23326AD6'/%3E%3Crect x='10' y='1' width='4' height='9' rx='1' fill='%23326AD6'/%3E%3Crect x='18' y='1' width='4' height='9' rx='1' fill='%23326AD6'/%3E%3Crect x='2' y='12' width='20' height='3' rx='1' fill='%23326AD6'/%3E%3Crect x='2' y='16' width='20' height='3' rx='1' fill='%23326AD6'/%3E%3Crect x='2' y='20' width='20' height='3' rx='1' fill='%23326AD6'/%3E%3C/svg%3E%0A");
763
+ background-image: url('img/panel-visibility-active.svg');
735
764
  }
736
765
 
737
766
  #btnCompareViewerExit {
738
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.9375V4.5C3 3.67158 3.67155 3 4.5 3H19.5C20.3284 3 21 3.67158 21 4.5V19.5C21 20.3285 20.3284 21 19.5 21H4.5C3.67155 21 3 20.3285 3 19.5V17.3438' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H15' stroke='%23222D44' stroke-linecap='round'/%3E%3Cpath d='M12 15L15 12L12 9' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
767
+ background-image: url('img/close-compare-viewer.svg');
739
768
  }
740
769
 
741
770
  #btnCompareViewerExit:hover,
742
771
  #btnCompareViewerExit.active {
743
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6.9375V4.5C3 3.67158 3.67155 3 4.5 3H19.5C20.3284 3 21 3.67158 21 4.5V19.5C21 20.3285 20.3284 21 19.5 21H4.5C3.67155 21 3 20.3285 3 19.5V17.3438' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H15' stroke='%23326AD6' stroke-linecap='round'/%3E%3Cpath d='M12 15L15 12L12 9' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
772
+ background-image: url('img/close-compare-viewer-active.svg');
744
773
  }
745
774
 
746
775
  #btnCompareTypeSideBySide {
747
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 19.9V4.1C11.5 2.6 10.86 2 9.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H9.27C10.86 22 11.5 21.4 11.5 19.9Z' fill='%23222D44'/%3E%3Cpath d='M22 19.9V4.1C22 2.6 21.36 2 19.77 2H14.73C13.14 2 12.5 2.6 12.5 4.1V19.9C12.5 21.4 13.14 22 14.73 22H19.77C21.36 22 22 21.4 22 19.9Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
776
+ background-image: url('img/side-by-side.svg');
748
777
  }
749
778
 
750
779
  #btnCompareTypeOverlay {
751
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.00391' y='9' width='13.9982' height='14.0038' rx='2' fill='%23222D44'/%3E%3Cpath d='M9.00781 2.99805C9.00781 1.89348 9.90324 0.998047 11.0078 0.998047H21.006C22.1106 0.998047 23.006 1.89348 23.006 2.99805V13.0018C23.006 14.1064 22.1106 15.0018 21.006 15.0018H16.0069L16.0089 10.0028C16.0094 8.89824 15.1143 8.00244 14.0098 8.00199L9.00781 7.99994V2.99805Z' fill='%23222D44'/%3E%3C/svg%3E%0A");
780
+ background-image: url('img/overlay.svg');
752
781
  }
753
782
 
754
783
  #btnCompareTypeSideBySide.active {
755
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 19.9V4.1C11.5 2.6 10.86 2 9.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H9.27C10.86 22 11.5 21.4 11.5 19.9Z' fill='%23326AD6'/%3E%3Cpath d='M22 19.9V4.1C22 2.6 21.36 2 19.77 2H14.73C13.14 2 12.5 2.6 12.5 4.1V19.9C12.5 21.4 13.14 22 14.73 22H19.77C21.36 22 22 21.4 22 19.9Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
784
+ background-image: url('img/side-by-side-active.svg');
756
785
  }
757
786
 
758
787
  #btnCompareTypeOverlay.active {
759
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.00391' y='9' width='13.9982' height='14.0038' rx='2' fill='%23326AD6'/%3E%3Cpath d='M9.00781 2.99805C9.00781 1.89348 9.90324 0.998047 11.0078 0.998047H21.006C22.1106 0.998047 23.006 1.89348 23.006 2.99805V13.0018C23.006 14.1064 22.1106 15.0018 21.006 15.0018H16.0069L16.0089 10.0028C16.0094 8.89824 15.1143 8.00244 14.0098 8.00199L9.00781 7.99994V2.99805Z' fill='%23326AD6'/%3E%3C/svg%3E%0A");
788
+ background-image: url('img/overlay-active.svg');
760
789
  }
761
790
 
762
791
  #hideColors {
763
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C16.1421 21.5 18 19.1421 18 15C18 9 12 2.5 12 2.5C12 2.5 6 9 6 15C6 19.1421 7.85785 21.5 12 21.5Z' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
792
+ background-image: url('img/hide-colors.svg');
764
793
  background-position: center !important;
765
794
  background-repeat: no-repeat !important;
766
795
  }
767
796
 
768
797
  #hideColors.active {
769
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C16.1421 21.5 18 19.1421 18 15C18 9 12 2.5 12 2.5C12 2.5 6 9 6 15C6 19.1421 7.85785 21.5 12 21.5Z' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
798
+ background-image: url('img/hide-colors-active.svg');
770
799
  }
771
800
 
772
801
  #alignFinish {
773
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99535 15.002L3.9969 14.0027L2 12.0043L4 10.0027L5 9.00195' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0047 9L20.0031 9.99924L22 11.9977L20 13.9992L19 15' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H22' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5L13.9992 4L11.9977 2L9.99922 3.9969L9 4.99535' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 19.0047L14.0008 20.0031L12.0023 22L10.0008 20L9 19' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 2L12 22' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
802
+ background-image: url('img/finish-align.svg');
774
803
  background-position: center !important;
775
804
  background-repeat: no-repeat !important;
776
805
  }
777
806
 
778
807
  #alignFinish.active {
779
- background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99535 15.002L3.9969 14.0027L2 12.0043L4 10.0027L5 9.00195' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0047 9L20.0031 9.99924L22 11.9977L20 13.9992L19 15' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 12H22' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 5L13.9992 4L11.9977 2L9.99922 3.9969L9 4.99535' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 19.0047L14.0008 20.0031L12.0023 22L10.0008 20L9 19' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 2L12 22' stroke='%23326AD6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
808
+ background-image: url('img/finish-align-active.svg');
780
809
  }
781
810
 
782
811
  #documentPropertiesDialog {
@@ -986,4 +1015,11 @@ dialog .separator {
986
1015
  .measure-toolbar-btn.active {
987
1016
  background-color: #DCEEFF;
988
1017
  border-radius: 4px;
1018
+ }
1019
+
1020
+ .uk-input#measures2PointSize {
1021
+ border: 1px solid #C0CAD5;
1022
+ border-radius: 4px;
1023
+ height: 40px;
1024
+ width: 100%;
989
1025
  }
@@ -26,18 +26,14 @@
26
26
  width: 449px;
27
27
  }
28
28
 
29
- .vitro-filter :global(.ps) {
29
+ .vitro-scrollbar {
30
30
  max-height: 300px;
31
31
  }
32
32
 
33
- .vitro-filter :global(.ps.ps--active-y) {
33
+ .vitro-scrollbar:global(.ps--active-y) {
34
34
  padding-right: 14px;
35
35
  }
36
36
 
37
- .vitro-filter :global(.vitro-block:last-child) > div > div {
38
- margin-bottom: 0;
39
- }
40
-
41
37
  .vitro-add-field {
42
38
  position: relative;
43
39
  margin-bottom: 16px;
@@ -25,14 +25,6 @@
25
25
  display: flex;
26
26
  }
27
27
 
28
- .vitro-tab :global(.ps) > div:first-child {
29
- padding: 22px 16px 0 16px;
30
- display: flex;
31
- flex-wrap: wrap;
32
- grid-gap: 0 16px;
33
- align-content: flex-start;
34
- }
35
-
36
28
  .vitro-tab :global(.nav) :global(.dropdown-menu) {
37
29
  color: #222D44;
38
30
  font-family: 'InterRegular';
@@ -3,9 +3,16 @@
3
3
  overflow: hidden;
4
4
  }
5
5
 
6
- .vitro-view-part {
6
+ .vitro-view :global(.vitro-view-part) {
7
7
  width: 100%;
8
- flex-grow: 1;
8
+ }
9
+
10
+ .vitro-view :global(.vitro-view-part) :global(.ps) > div:first-child {
11
+ padding: 22px 16px 0 16px;
12
+ display: flex;
13
+ flex-wrap: wrap;
14
+ grid-gap: 0 16px;
15
+ align-content: flex-start;
9
16
  }
10
17
 
11
18
  .vitro-tab :global(.nav) {
@@ -15,3 +22,9 @@
15
22
  .vitro-tab > :global(.vitro-content) {
16
23
  overflow: hidden;
17
24
  }
25
+
26
+ .vitro-content {
27
+ padding: 22px 16px 0 16px;
28
+ display: flex;
29
+ flex-direction: column;
30
+ }
package/dist/index.css CHANGED
@@ -1888,16 +1888,20 @@ html, body {
1888
1888
  background-position: center;
1889
1889
  background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/save-blue.svg');
1890
1890
  }
1891
- ._view-part_vitro-view-part_3j_gZpl:last-child {
1892
- flex-grow: 1;
1893
- max-height: 100%;
1894
- }
1895
1891
  ._dropdown-button_vitro-dropdown-button_1myvkhB {
1896
1892
  display: flex;
1897
1893
  align-items: center;
1898
1894
  font-family: 'InterRegular';
1899
1895
  }
1900
1896
 
1897
+ ._dropdown-button_vitro-dropdown-button_1myvkhB .ps {
1898
+ border-radius: 4px;
1899
+ }
1900
+
1901
+ ._dropdown-button_vitro-dropdown-button_1myvkhB .ps > div:first-child {
1902
+ padding: 0 !important;
1903
+ }
1904
+
1901
1905
  ._dropdown-button_vitro-dropdown-button_1myvkhB button,
1902
1906
  ._dropdown-button_vitro-dropdown-button_1myvkhB button:hover,
1903
1907
  ._dropdown-button_vitro-dropdown-button_1myvkhB button:active,
@@ -2003,14 +2007,6 @@ html, body {
2003
2007
  box-sizing: border-box;
2004
2008
  }
2005
2009
 
2006
- ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item:first-child {
2007
- border-radius: 4px 4px 0 0;
2008
- }
2009
-
2010
- ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-item:last-child {
2011
- border-radius: 0 0 4px 4px;
2012
- }
2013
-
2014
2010
  ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu .dropdown-item:hover,
2015
2011
  ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu .dropdown-item:focus,
2016
2012
  ._dropdown-button_vitro-dropdown-button_1myvkhB .dropdown-menu .dropdown-item:active {
@@ -2050,14 +2046,6 @@ html, body {
2050
2046
  display: flex;
2051
2047
  }
2052
2048
 
2053
- ._tab-group_vitro-tab_1Qb50HL .ps > div:first-child {
2054
- padding: 22px 16px 0 16px;
2055
- display: flex;
2056
- flex-wrap: wrap;
2057
- grid-gap: 0 16px;
2058
- align-content: flex-start;
2059
- }
2060
-
2061
2049
  ._tab-group_vitro-tab_1Qb50HL .nav .dropdown-menu {
2062
2050
  color: #222D44;
2063
2051
  font-family: 'InterRegular';
@@ -2149,6 +2137,10 @@ html, body {
2149
2137
  border-bottom: 2px solid #3274E0;
2150
2138
  }
2151
2139
 
2140
+ ._view-part_vitro-view-part_3j_gZpl:last-child {
2141
+ flex-grow: 1;
2142
+ max-height: 100%;
2143
+ }
2152
2144
  ._control-group_vitro-control_2h_sXQv {
2153
2145
  padding: 0 !important;
2154
2146
  width: 100%;
@@ -2182,9 +2174,16 @@ html, body {
2182
2174
  overflow: hidden;
2183
2175
  }
2184
2176
 
2185
- ._view_vitro-view-part_X1Zzk97 {
2177
+ ._view_vitro-view_1NKb-kU .vitro-view-part {
2186
2178
  width: 100%;
2187
- flex-grow: 1;
2179
+ }
2180
+
2181
+ ._view_vitro-view_1NKb-kU .vitro-view-part .ps > div:first-child {
2182
+ padding: 22px 16px 0 16px;
2183
+ display: flex;
2184
+ flex-wrap: wrap;
2185
+ grid-gap: 0 16px;
2186
+ align-content: flex-start;
2188
2187
  }
2189
2188
 
2190
2189
  ._view_vitro-tab_2sqf0L9 .nav {
@@ -2195,6 +2194,12 @@ html, body {
2195
2194
  overflow: hidden;
2196
2195
  }
2197
2196
 
2197
+ ._view_vitro-content_17HzDlb {
2198
+ padding: 22px 16px 0 16px;
2199
+ display: flex;
2200
+ flex-direction: column;
2201
+ }
2202
+
2198
2203
  ._label_vitro-label_it8WNUE {
2199
2204
  font-size: inherit;
2200
2205
  margin-left: 0;
@@ -2233,7 +2238,7 @@ html, body {
2233
2238
  width: 100%;
2234
2239
  min-height: 40px;
2235
2240
  padding: 8px 16px;
2236
- background: #fff;
2241
+ background: transparent;
2237
2242
  border: 1px solid #C0CAD5;
2238
2243
  border-radius: 4px;
2239
2244
  width: 100%;
@@ -3475,6 +3480,7 @@ html, body {
3475
3480
  .k-picker-wrap {
3476
3481
  border-radius: 4px !important;
3477
3482
  border: 1px solid #C0CAD5 !important;
3483
+ background-color: transparent !important;
3478
3484
  }
3479
3485
 
3480
3486
  .k-picker-wrap.k-state-focused,
@@ -5906,7 +5912,9 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
5906
5912
  }
5907
5913
 
5908
5914
  ._message-input_vitro-attached-file-list_l95S4VR .ps > div:first-child {
5909
- grid-gap: 12px;
5915
+ display: flex;
5916
+ flex-wrap: wrap;
5917
+ gap: 12px;
5910
5918
  }
5911
5919
 
5912
5920
  ._message-input_vitro-flex_18M_7xU .ps > div:first-child {
@@ -6029,18 +6037,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
6029
6037
  margin-bottom: 28px;
6030
6038
  }
6031
6039
 
6032
- ._criterion_vitro-criterion-container_2cYcSkL:first-child {
6033
- margin-top: 10px;
6034
- }
6035
-
6036
- ._criterion_vitro-criterion-container_2cYcSkL:last-child {
6037
- margin-bottom: 18px;
6038
- }
6039
-
6040
- ._criterion_vitro-block_3E9-RXM:last-child ._criterion_vitro-criterion-container_2cYcSkL {
6041
- margin-bottom: 18px;
6042
- }
6043
-
6044
6040
  ._criterion_vitro-control_2JLaybj {
6045
6041
  position: relative;
6046
6042
  }
@@ -6360,7 +6356,32 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
6360
6356
  background-color: #DCEEFF;
6361
6357
  }
6362
6358
  }
6363
- .vitro-inline {
6359
+ ._expand-control-group_vitro-expand-control-group_1qSUMoN {
6360
+ width: 100%;
6361
+ display: flex;
6362
+ flex-direction: column;
6363
+ }
6364
+
6365
+ ._expand-control-group_vitro-expand-control-group_1qSUMoN._expand-control-group_vitro-top_pV-8fhr {
6366
+ flex-direction: column-reverse;
6367
+ }
6368
+
6369
+ ._expand-control-group_vitro-expand-control-group_1qSUMoN .vitro-content {
6370
+ width: 100%;
6371
+ }
6372
+
6373
+ ._expand-control-group_vitro-display-none_Zs_5rQL {
6374
+ display: none !important;
6375
+ }
6376
+ ._field-iterator_vitro-field-iterator_2zUPyUF {
6377
+ padding-top: 10px;
6378
+ display: flex;
6379
+ flex-wrap: wrap;
6380
+ grid-gap: 0 16px;
6381
+ align-content: flex-start;
6382
+ }
6383
+
6384
+ ._field-iterator_vitro-field-iterator_2zUPyUF .vitro-inline {
6364
6385
  display: inline-flex;
6365
6386
  flex: 1 1;
6366
6387
  min-width: 180px;
@@ -6368,20 +6389,60 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
6368
6389
  flex-basis: 40%;
6369
6390
  }
6370
6391
 
6371
- .vitro-inline > div {
6392
+ ._field-iterator_vitro-field-iterator_2zUPyUF .vitro-inline > div {
6372
6393
  width: 100%;
6373
6394
  }
6374
6395
 
6375
- .vitro-block {
6396
+ ._field-iterator_vitro-field-iterator_2zUPyUF .vitro-block {
6376
6397
  width: 100%;
6377
6398
  }
6378
6399
 
6379
- .vitro-block:nth-child(2) {
6380
- margin-top: 8px;
6400
+ ._field-iterator_vitro-field-iterator_2zUPyUF .vitro-block:last-child > div > div {
6401
+ margin-bottom: 0;
6381
6402
  }
6382
6403
 
6383
- .vitro-block:last-child > div > div {
6384
- margin: 0;
6404
+ ._field-iterator_vitro-expand-control-group_3R-v8Nb {
6405
+ padding-bottom: 36px;
6406
+ }
6407
+
6408
+ ._field-iterator_vitro-expand-control-group_3R-v8Nb.vitro-collapsed {
6409
+ margin-top: -10px;
6410
+ }
6411
+
6412
+ ._field-iterator_vitro-expand-control-group_3R-v8Nb button,
6413
+ ._field-iterator_vitro-expand-control-group_3R-v8Nb button:hover,
6414
+ ._field-iterator_vitro-expand-control-group_3R-v8Nb button:active,
6415
+ ._field-iterator_vitro-expand-control-group_3R-v8Nb button:focus {
6416
+ width: 100%;
6417
+ height: 36px;
6418
+ background-color: #F3F8FF;
6419
+ display: flex;
6420
+ flex-direction: row-reverse;
6421
+ justify-content: center;
6422
+ color: #4A556C;
6423
+ gap: 4px;
6424
+ position: absolute;
6425
+ bottom: 0;
6426
+ left: 0;
6427
+ border-radius: 0 0 4px 4px;
6428
+ }
6429
+
6430
+ ._field-iterator_vitro-collapse_SZoovCi,
6431
+ ._field-iterator_vitro-expand_ToLTBVI {
6432
+ height: 20px;
6433
+ width: 20px;
6434
+ flex-shrink: 0;
6435
+ background-size: 100%;
6436
+ background-position: center;
6437
+ background-repeat: no-repeat;
6438
+ }
6439
+
6440
+ ._field-iterator_vitro-expand_ToLTBVI {
6441
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/field-iterator/img/collapse-bottom.svg');
6442
+ }
6443
+
6444
+ ._field-iterator_vitro-collapse_SZoovCi {
6445
+ background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/field-iterator/img/collapse-up.svg');
6385
6446
  }
6386
6447
 
6387
6448
  ._search_vitro-search_QkJksC_ {
@@ -6412,18 +6473,14 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
6412
6473
  width: 449px;
6413
6474
  }
6414
6475
 
6415
- ._search_vitro-filter_2n-Y-mS .ps {
6476
+ ._search_vitro-scrollbar_3Xg3VXI {
6416
6477
  max-height: 300px;
6417
6478
  }
6418
6479
 
6419
- ._search_vitro-filter_2n-Y-mS .ps.ps--active-y {
6480
+ ._search_vitro-scrollbar_3Xg3VXI.ps--active-y {
6420
6481
  padding-right: 14px;
6421
6482
  }
6422
6483
 
6423
- ._search_vitro-filter_2n-Y-mS .vitro-block:last-child > div > div {
6424
- margin-bottom: 0;
6425
- }
6426
-
6427
6484
  ._search_vitro-add-field_2hHt1Z2 {
6428
6485
  position: relative;
6429
6486
  margin-bottom: 16px;
@@ -7008,44 +7065,6 @@ li:first-child ._command-menu-item_vitro-item_2pVhk23:hover {
7008
7065
  .vitro-task-detail-group {
7009
7066
  padding: 16px;
7010
7067
  }
7011
- ._expand-control-group_vitro-title_3nqqfyQ {
7012
- cursor: pointer;
7013
- color: #222D44;
7014
- font-size: 12pt;
7015
- padding: 2px 0 8px 0;
7016
- -webkit-touch-callout: none;
7017
- -webkit-user-select: none;
7018
- -moz-user-select: none;
7019
- user-select: none;
7020
- position: relative;
7021
- }
7022
-
7023
- ._expand-control-group_vitro-expand-collapse-button_hBX5TTj {
7024
- vertical-align: middle;
7025
- margin-right: 8px;
7026
- margin-top: -2px;
7027
- width: 12px;
7028
- height: 12px;
7029
- }
7030
-
7031
- ._expand-control-group_vitro-expand-control-group_1qSUMoN > ._expand-control-group_vitro-content_2UPEUhm {
7032
- margin: 8px 0 16px 0;
7033
- }
7034
-
7035
- ._expand-control-group_vitro-display-none_Zs_5rQL {
7036
- display: none;
7037
- }
7038
-
7039
- ._expand-control-group_vitro-right_jD5r2aS._expand-control-group_vitro-button-collapse_14wEdB1,
7040
- ._expand-control-group_vitro-right_jD5r2aS._expand-control-group_vitro-button-expand_bwV3dXl {
7041
- vertical-align: middle;
7042
- width: 12px;
7043
- height: 12px;
7044
- margin-right: 35px !important;
7045
- margin-top: 2px !important;
7046
- float: right !important;
7047
- }
7048
-
7049
7068
  ._radio_vitro-control_1pRRp6K {
7050
7069
  width: 100%;
7051
7070
  position: relative;