@vitrosoftware/common-ui-ts 1.1.97 → 1.1.99

package/css/std/controls/action-handler/action-handler-info.css

@@ -1,99 +0,0 @@
-.vitro-info-container {
-    width: 100%;
-    padding-top: 16px;
-    margin-top: 16px;
-    border-top: 1px solid #E4E6EC;
-}
-
-.vitro-action-info {
-    color: #4A556C;
-    font-size: 14px;
-    line-height: 21px;
-    margin-left: 32px;
-}
-
-.vitro-item {
-    display: flex;
-    margin-bottom: 4px;
-    height: 32px;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.vitro-item:last-child {
-    margin-bottom: 0;
-}
-
-.vitro-title {
-    color: #222D44;
-    font-size: 12px;
-    line-height: 16px;
-}
-
-.vitro-subtitle {
-    color: #8E98A3;
-    font-size: 11px;
-    line-height: 16px;
-}
-
-.vitro-progress-bar {
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #3274E0;
-    position: relative;
-    margin-left: 12px;
-}
-
-.vitro-progress-bar::before {
-    content: '';
-    display: block;
-    width: 28px;
-    height: 28px;
-    background: #fff;
-    border-radius: 50%;
-    position: absolute;
-    top: calc(50% - 14px);
-    left: calc(50% - 14px);
-}
-
-.vitro-button-cancel {
-    cursor: pointer;
-    width: 16px;
-    height: 16px;
-    z-index: 100;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
-}
-
-.vitro-success,
-.vitro-progress,
-.vitro-error,
-.vitro-status {
-    font-size: 12px;
-    line-height: 16px;
-    white-space: nowrap;
-    display: flex;
-    align-items: center;
-}
-
-.vitro-success {
-    color: #198754;
-}
-
-.vitro-progress {
-    color: #2A63F6;
-}
-
-.vitro-error {
-    color: #D13438;
-}
-
-.vitro-status {
-    color: #4A556C;
-}

package/css/std/controls/action-handler/action-handler.css

@@ -1,265 +0,0 @@
-.vitro-action-handler > :global(div.popover) {
-    z-index: 10000;
-    max-width: unset !important;
-    border: none;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
-}
-
-.vitro-icon-before,
-.vitro-icon-progress,
-.vitro-icon-success,
-.vitro-icon-error {
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-}
-
-.vitro-icon-before {
-    width: 42px;
-    height: 42px;
-    min-width: 42px;
-    margin-right: 16px;
-}
-
-.vitro-icon-progress,
-.vitro-icon-success,
-.vitro-icon-error,
-.vitro-icon-warning {
-    width: 24px;
-    height: 24px;
-    margin-right: 8px;
-}
-
-.vitro-icon-before {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/question.svg');
-}
-
-.vitro-icon-progress {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/progress.svg');
-}
-
-.vitro-icon-error {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/error.svg');
-}
-
-.vitro-icon-success {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/success.svg');
-}
-
-.vitro-icon-warning {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/warning.svg');
-}
-
-.vitro-action-handler :global(.popover-body) {
-    padding: 24px;
-    width: 460px;
-    height: 170px;
-}
-
-.vitro-action-handler :global(.popover-body) .vitro-content {
-    display: flex;
-    flex-direction: column;
-}
-
-.vitro-flex {
-    display: flex;
-}
-
-:global(.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before), :global(.bs-popover-bottom > .popover-arrow::before) {
-    border-bottom-color: rgba(0, 0, 0, 0.12);
-}
-
-.vitro-interface-blur {
-    position: absolute;
-    z-index: 100000;
-    height: 100vh;
-    width: 100vw;
-    top: 0;
-    left: 0;
-}
-
-.vitro-action-handler-dialog-confirm, .vitro-action-handler-dialog {
-    z-index: 100000000;
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    overflow: hidden;
-}
-
-.vitro-action-handler-dialog-confirm {
-    top: 0;
-    left: 0;
-    box-sizing: border-box !important;
-}
-
-.vitro-content-container {
-    padding: 16px;
-    flex: 1 1;
-}
-
-.vitro-confirm .vitro-content-container {
-    padding: 0;
-}
-
-.vitro-content {
-    width: 100%;
-    height: 100%;
-}
-
-.vitro-action-handler-dialog-confirm {
-    height: 100%;
-    width: 100%;
-    background: rgba(34, 45, 68, 0.2);
-}
-
-.vitro-action-handler-dialog-confirm .vitro-content {
-    padding: 24px;
-    width: 460px;
-    height: 170px;
-    background: #fff;
-    border-radius: 4px;
-    border: 1px solid #C0CAD5;
-    position: absolute;
-    top: calc(50% - 75px);
-    left: calc(50% - 230px);
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    max-width: 460px;
-}
-
-.vitro-action-handler-dialog {
-    height: auto;
-    width: 450px;
-    top: 56px;
-    right: 24px;
-    overflow: hidden;
-    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
-    border-radius: 4px;
-    background: #fff;
-}
-
-.vitro-action-handler-dialog .vitro-flex,
-:global(.popover-body) .vitro-flex {
-    overflow: hidden;
-}
-
-.vitro-action-handler-dialog .vitro-flex > span {
-    font-size: 14px;
-    flex: 1 1;
-}
-
-.vitro-progress {
-    width: 100%;
-    background-color: transparent;
-    overflow: hidden;
-    margin-top: -4px;
-}
-
-.vitro-progress-bar {
-    width: 1%;
-    height: 4px;
-    background: #3274E0;
-}
-
-.vitro-flex > span {
-    color: #222D44;
-    font-size: 18px;
-    line-height: 150%;
-    margin-top: auto;
-    padding-bottom: 5px
-}
-
-.vitro-small {
-    display: inline-block;
-    color: #4A556C;
-    font-size: 14px;
-    line-height: 150% !important;
-    padding-left: 59px;
-    margin-top: -5px;
-    max-width: 100%;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.vitro-button-close {
-    cursor: pointer;
-    width: 24px;
-    height: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    margin-left: 10px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-red-big.svg');
-}
-
-.vitro-success .vitro-button-close,
-.vitro-warning .vitro-button-close,
-.vitro-error .vitro-button-close {
-    margin-left: 8px;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/cancel-dark-grey.svg');
-}
-
-.vitro-button-cancel {
-    cursor: pointer;
-    background: #fff !important;
-    color: #222D44 !important;
-    border: 1px solid #E4E6EC !important;
-    margin-right: 12px !important;
-    font-family: 'InterRegular' !important;
-}
-
-.vitro-button-cancel:hover, .vitro-button-cancel:active {
-    background: #F3F8FF !important;
-}
-
-.vitro-button, .vitro-button-cancel {
-    min-width: 120px !important;
-    height: 40px !important;
-    font-size: 16px !important;
-}
-
-.vitro-success {
-    border-left: 4px solid #198754;
-}
-
-.vitro-error {
-    border-left: 4px solid #D13438;
-}
-
-.vitro-warning {
-    border-left: 4px solid #F3AD4A;
-}
-
-.vitro-button-collapse-up,
-.vitro-button-collapse-bottom {
-    width: 24px;
-    height: 24px;
-    background-size: 100%;
-    background-position: center;
-    background-repeat: no-repeat;
-    cursor: pointer;
-}
-
-.vitro-button-collapse-bottom {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-up.svg');
-}
-
-.vitro-button-collapse-up {
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/action-handler/img/collapse-bottom.svg');
-}
-
-@media (max-width: 800px) {
-    .vitro-action-handler-dialog-confirm .vitro-content {
-        width: 100%;
-    }
-}
-
-@media (max-width: 460px) {
-    .vitro-action-handler-dialog-confirm .vitro-content {
-        left: auto;
-    }
-}

package/css/std/controls/action-handler/img/cancel-red-big.svg

@@ -1,5 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="iconoir:cancel">
-<path id="Vector" d="M4.50513 11.4955L8.00046 8.00022L11.4958 11.4955M11.4958 4.50488L7.99979 8.00022L4.50513 4.50488" stroke="#D13438" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-</svg>

package/css/std/controls/action-handler/img/progress.svg

@@ -1 +0,0 @@
-<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='margin: auto; background-image: none; display: block; shape-rendering: auto; background-position: initial initial; background-repeat: initial initial;' class='ng-star-inserted'><g transform='rotate(0 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.875s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(45 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.75s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(90 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.625s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(135 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.5s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(180 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.375s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(225 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.25s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(270 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='-0.125s' repeatCount='indefinite'></animate></rect></g><g transform='rotate(315 50 50)'><rect x='46' y='6' rx='3.84' ry='3.84' width='8' height='24' fill='#347FDE'><animate attributeName='opacity' values='1;0' keyTimes='0;1' dur='1s' begin='0s' repeatCount='indefinite'></animate></rect></g></svg>

package/css/std/controls/action-handler/img/warning.svg

@@ -1,10 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="check-one /Line/Black">
-<path id="Vector" d="M12 22.0039C14.7614 22.0039 17.2614 20.8846 19.071 19.075C20.8807 17.2653 22 14.7653 22 12.0039C22 9.24251 20.8807 6.74251 19.071 4.93284C17.2614 3.1232 14.7614 2.00391 12 2.00391C9.2386 2.00391 6.7386 3.1232 4.92893 4.93284C3.11929 6.74251 2 9.24251 2 12.0039C2 14.7653 3.11929 17.2653 4.92893 19.075C6.7386 20.8846 9.2386 22.0039 12 22.0039Z" fill="#F3AD4A"/>
-<g id="Vector_2">
-<path d="M12 6V12Z" fill="white"/>
-<path d="M12 6V12" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-<circle id="Ellipse 135" cx="12" cy="17" r="1" fill="white"/>
-</g>
-</svg>

package/css/std/controls/checkbox/img/checkbox-big-active.svg

@@ -1,4 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="2" y="2" width="20" height="20" rx="2.5" fill="#4292F7"/>
-<path d="M16.7062 8.50593C17.0826 8.86144 17.0996 9.45479 16.7441 9.83121L11.4316 15.4562C11.2577 15.6404 11.0166 15.7463 10.7634 15.7499C10.5101 15.7535 10.2662 15.6545 10.0871 15.4754L7.27459 12.6629C6.90847 12.2968 6.90847 11.7032 7.27459 11.3371C7.6407 10.971 8.2343 10.971 8.60041 11.3371L10.7308 13.4675L15.3809 8.54379C15.7364 8.16737 16.3298 8.15042 16.7062 8.50593Z" fill="white"/>
-</svg>

package/css/std/controls/checkbox/img/checkbox-big-empty.svg

@@ -1,5 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Checkbox-big">
-<rect id="Background" x="2.5" y="2.5" width="19" height="19" rx="3.5" stroke="#C0CAD5"/>
-</g>
-</svg>

package/css/std/controls/dialog/dialog-button-close.css

@@ -1,34 +0,0 @@
-.vitro-dialog-button-close {
-    display: block;
-    position: absolute;
-    border: none;
-    background: 0 0;
-    outline: 0;
-    cursor: pointer;
-    padding: 0;
-    width: 60px;
-    height: 60px;
-    right: -64px;
-    top: -9px;
-    background-size: 100%;
-    background-repeat: no-repeat;
-    background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/dialog/img/cancel-white.svg');
-}
-
-.vitro-button-close {
-    font-family: 'InterRegular' !important;
-    background: #fff !important;
-    color: #222D44 !important;
-    border: none;
-}
-
-.vitro-button-close:hover,
-.vitro-button-close:active {
-    background: #F3F8FF !important;
-}
-
-@media (max-width: 650px) {
-    .vitro-dialog-button-close {
-        display: none;
-    }
-}

package/css/std/controls/dialog/dialog-button.css

@@ -1,7 +0,0 @@
-.vitro-dialog-button {
-    margin-left: 12px;
-}
-
-.vitro-dialog-button:disabled {
-    background: #E0E0E0;
-}

package/css/std/controls/expand-control-group/img/collapse-bottom.svg

@@ -1,5 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Chevron-dropdown-Big">
-<path id="Vector 9" d="M19.5 9L12 16.5L4.5 9" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
-</g>
-</svg>

package/css/std/controls/expand-control-group/img/collapse-up.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 16.5L12 9L19.5 16.5" stroke="#4A556C" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/css/std/controls/pdf-viewer/img/delete-active.svg

@@ -1,11 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 3.5H11.5V13.5H2.5V3.5Z" stroke="white"/>
-<path d="M1 1.5H13" stroke="white"/>
-<path d="M5.54102 5L5.54102 12" stroke="white"/>
-<path d="M8.5 5V11.9974" stroke="white"/>
-<mask id="path-5-inside-1_3179_133765" fill="white">
-<path d="M5 0H9V1H5L5 0Z"/>
-</mask>
-<path d="M5 0H9V1H5L5 0Z" fill="white"/>
-<path d="M5 0V-1H4L4 0L5 0ZM9 0H10V-1H9V0ZM9 1V2H10V1H9ZM5 1L4 1L4 2H5V1ZM5 1H9V-1H5V1ZM8 0V1H10V0H8ZM9 0H5V2H9V0ZM6 1L6 0L4 0L4 1L6 1Z" fill="white" mask="url(#path-5-inside-1_3179_133765)"/>
-</svg>

package/css/std/controls/pdf-viewer/img/delete.svg

@@ -1,11 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.5 3.5H11.5V13.5H2.5V3.5Z" stroke="black"/>
-<path d="M1 1.5H13" stroke="black"/>
-<path d="M5.54102 5L5.54102 12" stroke="black"/>
-<path d="M8.5 5V11.9974" stroke="black"/>
-<mask id="path-5-inside-1_3179_133755" fill="white">
-<path d="M5 0H9V1H5L5 0Z"/>
-</mask>
-<path d="M5 0H9V1H5L5 0Z" fill="black"/>
-<path d="M5 0V-1H4L4 0L5 0ZM9 0H10V-1H9V0ZM9 1V2H10V1H9ZM5 1L4 1L4 2H5V1ZM5 1H9V-1H5V1ZM8 0V1H10V0H8ZM9 0H5V2H9V0ZM6 1L6 0L4 0L4 1L6 1Z" fill="black" mask="url(#path-5-inside-1_3179_133755)"/>
-</svg>