@vcita/design-system 1.12.8 → 1.12.10

package/dist/@vcita/design-system.esm.js

@@ -48494,8 +48494,8 @@ var __vue_staticRenderFns__$3 = [];
 
 const __vue_inject_styles__$3 = function (inject) {
   if (!inject) return;
-  inject("data-v-39960785_0", {
-    source: "[data-v-39960785]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--table-sticky-column-shadow:10px 0 12px 0 rgba(0, 0, 0, 0.08);--v-secondary-base-opacity-4:color-mix(in srgb, var(--v-secondary-base), transparent 96%);--v-secondary-base-opacity-14:color-mix(in srgb, var(--v-secondary-base), transparent 86%);--v-secondary-base-opacity-20:color-mix(in srgb, var(--v-secondary-base), transparent 80%);--black:#000000;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--gray-light-opacity-1:#e1e1e129;--gray-light-opacity-2:#e1e1e11f;--gray-light-opacity-3:#e1e1e112;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--white:#fff;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-39960785]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-39960785]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-39960785]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-39960785]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-39960785]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-39960785]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-39960785]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-39960785]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-39960785]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-39960785]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-39960785]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-39960785]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-39960785]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-39960785]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-39960785]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-39960785]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-39960785]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-39960785]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-39960785]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-39960785]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-39960785]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-39960785]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-39960785]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-39960785]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-39960785]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-39960785]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-39960785]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-39960785]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-39960785]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-39960785]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-39960785]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-39960785]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-39960785]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-39960785]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-39960785]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-39960785]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-39960785]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-39960785]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-39960785]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-39960785]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-39960785]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-39960785]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-39960785]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-39960785]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-39960785]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-39960785]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-39960785]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-39960785]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-39960785]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-39960785]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-39960785]{--color-dark:#63757E;--color-light:#C8D2D7}.preview[data-v-39960785]{height:100%;width:fit-content;min-width:100%}.pdf-display[data-v-39960785]{overflow:scroll}.focus-mode[data-v-39960785]{opacity:.5;transition:.1s}.focus-mode[data-v-39960785]:hover{opacity:.7;transition:.3s}.inFocus[data-v-39960785]{opacity:1;border-radius:4px;border:3px solid var(--v-secondary-base)}.inFocus[data-v-39960785]:hover{opacity:1}.iframe-desktop[data-v-39960785]{height:100%;width:100%;border:none}[data-v-39960785] .vue-pdf-embed__page{display:flex;justify-content:center}[data-v-39960785] .vue-pdf-embed div:not(:last-child) canvas{margin-bottom:var(--size-value3)}.image-display__wrapper[data-v-39960785]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;transition:.2s ease-in-out}.focus-mode .image-display__wrapper[data-v-39960785]{align-items:center}.image-display__image[data-v-39960785]{height:auto;max-width:100%}.icon-display[data-v-39960785]{display:flex;justify-content:center;align-items:center;height:100%;background-color:var(--gray-lighten-3)}",
+  inject("data-v-99d68d54_0", {
+    source: "[data-v-99d68d54]:root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xs-small:11px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium0:20px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-radius-circle:50%;--border-frame:1px solid var(--gray-lighten-1);--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--centered-layout-min-width:708px;--centered-layout-max-width:1316px;--left-panel-width:265px;--vc-top-bar-height:59px;--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:0;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--select-field-height:52px;--select-field-height-md:32px;--bottom-nav-shadow:0px -3px 8px rgba(23, 23, 23, 0.13);--entity-status-info-background-color:var(--neutral-lighten-2);--entity-status-info-header-color:var(--neutral);--entity-status-alert-background-color:#FFF9E4;--entity-status-alert-header-color:#C68600;--entity-status-warning-background-color:#FFF0E8;--entity-status-warning-header-color:#B74302;--entity-status-error-background-color:#FDEAEE;--entity-status-error-header-color:#A82433;--entity-status-success-background-color:#E8F8F4;--entity-status-success-header-color:#2C7D67;--entity-status-default-background-color:#E6F6FF;--entity-status-default-header-color:#004970;--table-sticky-column-shadow:10px 0 12px 0 rgba(0, 0, 0, 0.08);--v-secondary-base-opacity-4:color-mix(in srgb, var(--v-secondary-base), transparent 96%);--v-secondary-base-opacity-14:color-mix(in srgb, var(--v-secondary-base), transparent 86%);--v-secondary-base-opacity-20:color-mix(in srgb, var(--v-secondary-base), transparent 80%);--black:#000000;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--gray-light-opacity-1:#e1e1e129;--gray-light-opacity-2:#e1e1e11f;--gray-light-opacity-3:#e1e1e112;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--purple:#BD98F7;--purple-lighten-1:#CAADF9;--purple-lighten-2:#D7C1FA;--purple-lighten-3:#F7F1FF;--white:#fff;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.color-0[data-v-99d68d54]{--color-dark:#fed62f;--color-light:#fff1b6}.color-1[data-v-99d68d54]{--color-dark:#fec22e;--color-light:#ffeab6}.color-2[data-v-99d68d54]{--color-dark:#feac2a;--color-light:#ffe2b5}.color-3[data-v-99d68d54]{--color-dark:#fe9a28;--color-light:#ffdcb4}.color-4[data-v-99d68d54]{--color-dark:#fd7024;--color-light:#fecdb3}.color-5[data-v-99d68d54]{--color-dark:#fd5b32;--color-light:#fec6b7}.color-6[data-v-99d68d54]{--color-dark:#f2483f;--color-light:#fabfbc}.color-7[data-v-99d68d54]{--color-dark:#dc331b;--color-light:#f3b8af}.color-8[data-v-99d68d54]{--color-dark:#d41419;--color-light:#f0adaf}.color-9[data-v-99d68d54]{--color-dark:#e72866;--color-light:#f7b4ca}.color-10[data-v-99d68d54]{--color-dark:#c41c63;--color-light:#eab0c9}.color-11[data-v-99d68d54]{--color-dark:#9b2bae;--color-light:#dcb5e3}.color-12[data-v-99d68d54]{--color-dark:#673bb5;--color-light:#cabbe5}.color-13[data-v-99d68d54]{--color-dark:#7c4efc;--color-light:#d1c1fe}.color-14[data-v-99d68d54]{--color-dark:#4051b3;--color-light:#bcc2e4}.color-15[data-v-99d68d54]{--color-dark:#311b92;--color-light:#c0b2ff}.color-16[data-v-99d68d54]{--color-dark:#2d62fb;--color-light:#b6c8fe}.color-17[data-v-99d68d54]{--color-dark:#5c6bc0;--color-light:#9aa2d2}.color-18[data-v-99d68d54]{--color-dark:#17a8f1;--color-light:#aee1fa}.color-19[data-v-99d68d54]{--color-dark:#17bbd2;--color-light:#aee7ef}.color-20[data-v-99d68d54]{--color-dark:#14abbf;--color-light:#ade2e9}.color-21[data-v-99d68d54]{--color-dark:#0f9587;--color-light:#abdad5}.color-22[data-v-99d68d54]{--color-dark:#16bea5;--color-light:#aee8e0}.color-23[data-v-99d68d54]{--color-dark:#4eae53;--color-light:#c1e3c3}.color-24[data-v-99d68d54]{--color-dark:#3a8d3f;--color-light:#bad7bc}.color-25[data-v-99d68d54]{--color-dark:#8cc250;--color-light:#d7eac2}.color-26[data-v-99d68d54]{--color-dark:#66bb6a;--color-light:#9fd3a1}.color-27[data-v-99d68d54]{--color-dark:#880e4f;--color-light:#ab8198}.color-28[data-v-99d68d54]{--color-dark:#1565c0;--color-light:#83a4ca}.color-29[data-v-99d68d54]{--color-dark:#1e88e5;--color-light:#79b1ff}.color-9999[data-v-99d68d54]{--color-dark:#4675d9;--color-light:#becff2}.color-101[data-v-99d68d54]{--color-dark:#EE5787;--color-light:#FFC6CC}.color-102[data-v-99d68d54]{--color-dark:#EE5787;--color-light:#F7B3CA}.color-103[data-v-99d68d54]{--color-dark:#AB51BD;--color-light:#DDB6E3}.color-104[data-v-99d68d54]{--color-dark:#8564C4;--color-light:#CBBCE6}.color-105[data-v-99d68d54]{--color-dark:#6371BF;--color-light:#BDC3E6}.color-106[data-v-99d68d54]{--color-dark:#1779CE;--color-light:#B3D9FA}.color-107[data-v-99d68d54]{--color-dark:#1E92CC;--color-light:#AAE1FC}.color-108[data-v-99d68d54]{--color-dark:#1E8694;--color-light:#A9E8F0}.color-109[data-v-99d68d54]{--color-dark:#328179;--color-light:#A9DAD6}.color-110[data-v-99d68d54]{--color-dark:#3D853F;--color-light:#C1E2C2}.color-111[data-v-99d68d54]{--color-dark:#5B8131;--color-light:#D7EAC1}.color-112[data-v-99d68d54]{--color-dark:#757B23;--color-light:#EEF2BB}.color-113[data-v-99d68d54]{--color-dark:#8A731E;--color-light:#FFF8BC}.color-114[data-v-99d68d54]{--color-dark:#C88704;--color-light:#FFE9AA}.color-115[data-v-99d68d54]{--color-dark:#B85F00;--color-light:#FFDBA9}.color-116[data-v-99d68d54]{--color-dark:#EA0A00;--color-light:#FFC5B4}.color-117[data-v-99d68d54]{--color-dark:#FF4D1F;--color-light:#FFA186}.color-118[data-v-99d68d54]{--color-dark:#6E4B3F;--color-light:#D1C5C1}.color-119[data-v-99d68d54]{--color-dark:#6E4B3F;--color-light:#B4A09A}.color-120[data-v-99d68d54]{--color-dark:#63757E;--color-light:#C8D2D7}.preview[data-v-99d68d54]{height:100%;width:fit-content;min-width:100%}.pdf-display[data-v-99d68d54]{overflow:scroll}.focus-mode[data-v-99d68d54]{opacity:.5;transition:.1s}.focus-mode[data-v-99d68d54]:hover{opacity:.7;transition:.3s}.inFocus[data-v-99d68d54]{opacity:1;border-radius:4px;border:3px solid var(--v-secondary-base)}.inFocus[data-v-99d68d54]:hover{opacity:1}.iframe-desktop[data-v-99d68d54]{height:100%;width:100%;border:none}[data-v-99d68d54] .vue-pdf-embed__page{display:flex;justify-content:center}[data-v-99d68d54] .vue-pdf-embed div:not(:last-child) canvas{margin-bottom:var(--size-value3)}.image-display__wrapper[data-v-99d68d54]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;transition:.2s ease-in-out}.focus-mode .image-display__wrapper[data-v-99d68d54]{align-items:center}.image-display__image[data-v-99d68d54]{height:auto;max-width:100%;transition:.2s ease-in-out}.icon-display[data-v-99d68d54]{display:flex;justify-content:center;align-items:center;height:100%;background-color:var(--gray-lighten-3)}",
     map: undefined,
     media: undefined
   });
@@ -48503,7 +48503,7 @@ const __vue_inject_styles__$3 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$3 = "data-v-39960785";
+const __vue_scope_id__$3 = "data-v-99d68d54";
 /* module identifier */
 
 const __vue_module_identifier__$3 = undefined;
@@ -48700,6 +48700,14 @@ var script$1 = {
       type: Boolean,
       default: false
     },
+    reset: {
+      type: Boolean,
+      default: false
+    },
+    resetSizeText: {
+      type: String,
+      default: 'Fit to screen'
+    },
     dataQa: {
       type: String,
       default: 'VcGalleryActions'
@@ -48723,7 +48731,9 @@ var __vue_render__$1 = function () {
     attrs: {
       "data-qa": _vm.dataQa
     }
-  }, [_vm.zoom ? _c('VcButton', {
+  }, [_vm.zoom ? _c('div', {
+    staticClass: "gallery-actions__status--section"
+  }, [_c('VcButton', {
     staticClass: "gallery-actions--zoomout",
     attrs: {
       "data-qa": _vm.dataQa + "__zoomout-button",
@@ -48739,9 +48749,9 @@ var __vue_render__$1 = function () {
         return _vm.$emit('zoomout');
       }
     }
-  }) : _vm._e(), _vm._v(" "), _vm.zoom ? _c('span', {
+  }), _vm._v(" "), _c('span', {
     staticClass: "gallery-actions__status"
-  }, [_vm._v(_vm._s(_vm.zoomSize) + "%")]) : _vm._e(), _vm._v(" "), _vm.zoom ? _c('VcButton', {
+  }, [_vm._v(_vm._s(_vm.zoomSize) + "%")]), _vm._v(" "), _c('VcButton', {
     staticClass: "gallery-actions--zoomin",
     attrs: {
       "data-qa": _vm.dataQa + "__zoomin-button",
@@ -48757,6 +48767,22 @@ var __vue_render__$1 = function () {
         return _vm.$emit('zoomin');
       }
     }
+  })], 1) : _vm._e(), _vm._v(" "), _vm.reset ? _c('span', {
+    staticClass: "gallery-actions--separator"
+  }) : _vm._e(), _vm._v(" "), _vm.reset ? _c('div', {
+    staticClass: "gallery-actions__reset",
+    attrs: {
+      "data-qa": _vm.dataQa + "__reset",
+      "ghost": "",
+      "flavor": "secondary"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.$emit('resetStyle');
+      }
+    }
+  }, [_vm._v("\n    " + _vm._s(_vm.resetSizeText) + "\n  ")]) : _vm._e(), _vm._v(" "), _vm.rotate ? _c('span', {
+    staticClass: "gallery-actions--separator"
   }) : _vm._e(), _vm._v(" "), _vm.rotate ? _c('VcButton', {
     staticClass: "gallery-actions--rotate",
     attrs: {
@@ -48781,8 +48807,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-609095ce_0", {
-    source: ".gallery-actions[data-v-609095ce]{background-color:var(--gray-darken-4);display:flex;align-items:center;justify-content:center;width:fit-content;border-radius:var(--border-radius);padding:var(--size-value1) var(--size-value3)}.gallery-actions__status[data-v-609095ce]{color:var(--gray-lighten-4);font-size:var(--font-size-x-small);font-weight:var(--font-weight-large);padding-inline:var(--size-value2);background-color:var(--gray-darken-5);cursor:default}.gallery-actions--rotate[data-v-609095ce]:not(:first-child){margin-inline-start:var(--size-value2);padding-inline-start:var(--size-value2);border-inline-start:1px solid var(--gray-lighten-4);border-radius:0}",
+  inject("data-v-9aecc056_0", {
+    source: ".gallery-actions[data-v-9aecc056]{background-color:var(--gray-darken-4);display:flex;align-items:center;justify-content:center;width:fit-content;border-radius:var(--border-radius);padding:var(--size-value1) var(--size-value3);gap:var(--size-value2)}.gallery-actions__status[data-v-9aecc056]{color:var(--gray-lighten-4);font-size:var(--font-size-x-small);font-weight:var(--font-weight-large);padding-inline:var(--size-value2);background-color:var(--gray-darken-5);cursor:default}.gallery-actions__status--section[data-v-9aecc056]{width:99px}.gallery-actions__reset[data-v-9aecc056]{color:var(--gray-lighten-4)!important;text-wrap:nowrap;cursor:pointer}.gallery-actions--separator[data-v-9aecc056]:not(:first-child){display:inline-block;height:var(--size-value5);border-inline-start:1px solid var(--gray-lighten-4);border-radius:0}",
     map: undefined,
     media: undefined
   });
@@ -48790,7 +48816,7 @@ const __vue_inject_styles__$1 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1 = "data-v-609095ce";
+const __vue_scope_id__$1 = "data-v-9aecc056";
 /* module identifier */
 
 const __vue_module_identifier__$1 = undefined;
@@ -48817,29 +48843,44 @@ var script = {
     VcIcon,
     VcPreview
   },
+  model: {
+    prop: 'startIndex'
+  },
   props: {
+    /*
+    * @param [{
+    *            type: ['errorWithServer', 'pdf', 'document', 'image', 'nativePdf', 'unsupported', 'tooBig']
+    *            name: File name,
+    *            icon: Icon string for VcIcon component,
+    *            thumbnails: URL to the image
+    *            location: URL to the file
+    * }] files
+     */
     files: {
       type: Array,
       required: true,
-      validator: files => !!files.length && !files.some(file => !file.type || !file.name)
+      validator: files => !!files.length && !files.some(file => !file.type)
     },
-    actions: {
+
+    /*
+    * @param [{name: "", icon: ""}] action
+     */
+    headerActions: {
       type: Array,
-      default: () => [],
-      validator: actions => !actions.length || !actions.some(action => !action.icon || !action.name)
+      default: () => []
     },
     size: {
       type: String,
       default: 'l',
       validator: value => ['s', 'l'].includes(value)
     },
-    zoom: {
-      type: Boolean,
-      default: false
-    },
-    rotate: {
-      type: Boolean,
-      default: false
+    galleryActions: {
+      type: Object,
+      default: () => ({
+        rotate: true,
+        zoom: true,
+        reset: true
+      })
     },
     unsupportedFileTitle: {
       type: String,
@@ -48871,33 +48912,38 @@ var script = {
     }
   },
   data: () => ({
-    currentFileIndex: 0,
     zoomSize: 100,
     rotateDeg: 0,
     isErrorLoading: false
   }),
-
-  created() {
-    this.currentFileIndex = this.startIndex;
-  },
-
   watch: {
-    currentFileIndex(index) {
-      this.$emit('currentFileIndex', index);
+    startIndex() {
+      this.resetControllers();
     }
 
   },
   computed: {
+    galleryActionsAllowed() {
+      const filteredActions = { ...this.galleryActions
+      };
+      Object.keys(filteredActions).forEach(action => {
+        if (action === 'zoom' && !this.supportZoom || action === 'rotate' && !this.supportRotate || action === 'reset' && !this.supportZoom && !this.supportRotate) {
+          delete filteredActions[action];
+        }
+      });
+      return filteredActions;
+    },
+
     currentFile() {
-      return this.files[this.currentFileIndex] || {};
+      return this.files[this.startIndex] || {};
     },
 
     supportZoom() {
-      return this.zoom && ['image', 'pdf', 'document'].includes(this.currentFile.type);
+      return this.galleryActions.zoom && ['image', 'pdf', 'document'].includes(this.currentFile.type);
     },
 
     supportRotate() {
-      return this.rotate && ['image', 'pdf'].includes(this.currentFile.type);
+      return this.galleryActions.rotate && ['image', 'pdf'].includes(this.currentFile.type);
     },
 
     showActionsBar() {
@@ -48913,8 +48959,8 @@ var script = {
     },
 
     thumbnailPosition() {
-      const thumbnailWidth = this.currentFileIndex * 100;
-      const thumbnailPaddings = this.currentFileIndex * 24;
+      const thumbnailWidth = this.startIndex * 100;
+      const thumbnailPaddings = this.startIndex * 24;
       const halfElementWithPaddings = 74;
       return thumbnailWidth + thumbnailPaddings + halfElementWithPaddings;
     },
@@ -48925,26 +48971,61 @@ var script = {
 
   },
   methods: {
+    updateStyleStatus() {
+      const isRotated = this.rotateDeg / 360 !== Math.floor(this.rotateDeg / 360);
+      const isZoomed = this.zoomSize !== 100;
+      this.$emit('updateStyleStatus', {
+        isRotated,
+        isZoomed
+      });
+    },
+
     zoomout() {
       if (this.zoomSize > 10) {
         this.zoomSize = this.zoomSize - 10;
       }
+
+      this.updateStyleStatus();
     },
 
     zoomin() {
       if (this.zoomSize < 190) {
         this.zoomSize = this.zoomSize + 10;
       }
+
+      this.updateStyleStatus();
     },
 
     rotating() {
       this.rotateDeg = this.rotateDeg - 90;
+      this.updateStyleStatus();
+    },
+
+    reset() {
+      this.zoomSize = 100;
+      const rotateTimes = this.rotateDeg / 360 + '';
+
+      switch (rotateTimes.split('.')[1]) {
+        case '25':
+          this.rotateDeg = this.rotateDeg + 90;
+          break;
+
+        case '5':
+          this.rotateDeg = this.rotateDeg - 180;
+          break;
+
+        case '75':
+          this.rotateDeg = this.rotateDeg - 90;
+          break;
+      }
+
+      this.updateStyleStatus();
     },
 
     headerAction(action) {
       this.$emit('headerAction', {
         action,
-        fileIndex: this.currentFileIndex
+        fileIndex: this.startIndex
       });
     },
 
@@ -48952,15 +49033,15 @@ var script = {
       this.resetControllers();
 
       if (navDirection === 'back') {
-        this.currentFileIndex = this.currentFileIndex - 1;
+        this.startIndex = this.startIndex - 1;
       } else {
-        this.currentFileIndex = this.currentFileIndex + 1;
+        this.startIndex = this.startIndex + 1;
       }
 
-      if (this.currentFileIndex === this.files.length) {
-        this.currentFileIndex = 0;
-      } else if (this.currentFileIndex === -1) {
-        this.currentFileIndex = this.files.length - 1;
+      if (this.startIndex === this.files.length) {
+        this.startIndex = 0;
+      } else if (this.startIndex === -1) {
+        this.startIndex = this.files.length - 1;
       }
 
       this.$emit('navigateFiles', navDirection);
@@ -48974,13 +49055,13 @@ var script = {
 
     updateFileIndex(fileClicked) {
       this.resetControllers();
-      this.currentFileIndex = this.files.findIndex(file => file.name === fileClicked.name);
+      this.startIndex = this.files.findIndex(file => file.name === fileClicked.name);
       this.$emit('thumbnailsClicked', fileClicked);
     },
 
     errorLoading() {
       this.isErrorLoading = true;
-      this.$emit('errorLoading', this.currentFileIndex);
+      this.$emit('errorLoading', this.startIndex);
     }
 
   }
@@ -49009,7 +49090,7 @@ var __vue_render__ = function () {
       attrs: {
         "fileName": _vm.currentFile.name,
         "size": _vm.size,
-        "actions": _vm.actions
+        "actions": _vm.headerActions
       },
       on: {
         "action": _vm.headerAction,
@@ -49054,18 +49135,17 @@ var __vue_render__ = function () {
     })], 1) : _vm._e()];
   }), _vm._v(" "), _vm.showActionsBar ? _c('div', {
     staticClass: "gallery__controls"
-  }, [_c('VcGalleryActions', {
+  }, [_c('VcGalleryActions', _vm._b({
     attrs: {
-      "zoomSize": _vm.zoomSize,
-      "zoom": _vm.zoom && _vm.supportZoom,
-      "rotate": _vm.rotate && _vm.supportRotate
+      "zoomSize": _vm.zoomSize
     },
     on: {
+      "resetStyle": _vm.reset,
       "zoomout": _vm.zoomout,
       "zoomin": _vm.zoomin,
       "rotate": _vm.rotating
     }
-  })], 1) : _vm._e(), _vm._v(" "), _vm._t("fileViewer", function () {
+  }, 'VcGalleryActions', _vm.galleryActionsAllowed, false))], 1) : _vm._e(), _vm._v(" "), _vm._t("fileViewer", function () {
     return [_c('div', {
       staticClass: "gallery__viewer"
     }, [_c('VcPreview', {
@@ -49123,8 +49203,8 @@ var __vue_staticRenderFns__ = [];
 
 const __vue_inject_styles__ = function (inject) {
   if (!inject) return;
-  inject("data-v-7400aca1_0", {
-    source: ".gallery[data-v-7400aca1]{height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.8);position:relative;overflow:hidden}.gallery[data-v-7400aca1]  ::-webkit-scrollbar{width:var(--size-value1);height:var(--size-value1);background-color:transparent}.gallery[data-v-7400aca1]  ::-webkit-scrollbar-thumb{background:var(--gray-darken-3)}.gallery__navigation[data-v-7400aca1]{width:100%;position:fixed;z-index:1;left:0;height:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:var(--size-value7)}.gallery__navigation[data-v-7400aca1]  .v-btn{background-color:#fff}.gallery__viewer[data-v-7400aca1]{position:relative;overflow:auto;flex:1}.gallery__controls[data-v-7400aca1]{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:var(--size-value4)}.thumbnails-on .gallery__controls[data-v-7400aca1]{bottom:128px}.gallery__thumbnails[data-v-7400aca1]{display:flex;position:relative;height:116px;background-color:var(--gray-darken-5)}.gallery__thumbnails--scroll[data-v-7400aca1]{display:flex;flex-wrap:nowrap;transition:.25s ease-in-out;position:absolute;left:50%;padding-block:var(--size-value2)}.gallery__thumbnails--item[data-v-7400aca1]{flex-basis:100px;width:100px;height:100px;margin-inline:var(--size-value3);border-radius:var(--size-value1);overflow:hidden;cursor:pointer}",
+  inject("data-v-5aa7b452_0", {
+    source: ".gallery[data-v-5aa7b452]{height:100%;width:100%;display:flex;flex-direction:column;background-color:rgba(0,0,0,.8);position:relative;overflow:hidden}.gallery[data-v-5aa7b452]  ::-webkit-scrollbar{width:var(--size-value1);height:var(--size-value1);background-color:transparent}.gallery[data-v-5aa7b452]  ::-webkit-scrollbar-thumb{background:var(--gray-darken-3)}.gallery__navigation[data-v-5aa7b452]{width:100%;position:fixed;z-index:1;left:0;height:0;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;padding-inline:var(--size-value7)}.gallery__navigation[data-v-5aa7b452]  .v-btn{background-color:#fff}.gallery__viewer[data-v-5aa7b452]{position:relative;overflow:auto;flex:1}.gallery__controls[data-v-5aa7b452]{position:absolute;z-index:1;transform:translateX(-50%);left:50%;bottom:var(--size-value4)}.thumbnails-on .gallery__controls[data-v-5aa7b452]{bottom:128px}.gallery__thumbnails[data-v-5aa7b452]{display:flex;position:relative;height:116px;background-color:var(--gray-darken-5)}.gallery__thumbnails--scroll[data-v-5aa7b452]{display:flex;flex-wrap:nowrap;transition:.25s ease-in-out;position:absolute;left:50%;padding-block:var(--size-value2)}.gallery__thumbnails--item[data-v-5aa7b452]{flex-basis:100px;width:100px;height:100px;margin-inline:var(--size-value3);border-radius:var(--size-value1);overflow:hidden;cursor:pointer}",
     map: undefined,
     media: undefined
   });
@@ -49132,7 +49212,7 @@ const __vue_inject_styles__ = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__ = "data-v-7400aca1";
+const __vue_scope_id__ = "data-v-5aa7b452";
 /* module identifier */
 
 const __vue_module_identifier__ = undefined;