i-tech-shared-components 1.3.9 → 1.3.92
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.
- package/assets/links/TMT/loads.svg +7 -0
- package/assets/links/TMT/map.svg +3 -0
- package/assets/links/TMT/settings.svg +3 -0
- package/assets/logos/full/TMT.svg +16 -0
- package/assets/logos/small/TMT.svg +13 -0
- package/fesm2022/i-tech-shared-components.mjs +6 -2
- package/fesm2022/i-tech-shared-components.mjs.map +1 -1
- package/lib/interfaces/navigation-link.interface.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20 3H4C2.89 3 2 3.89 2 5V17C2 18.1 2.89 19 4 19H8V21H16V19H20C21.1 19 22 18.1 22 17V5C22 3.89 21.1 3 20 3ZM20 17H4V5H20V17Z" fill="#424954"/>
|
|
3
|
+
<path d="M14 8.25H6V9.75H14V8.25Z" fill="#424954"/>
|
|
4
|
+
<path d="M16.5 9.75H18V8.25H16.5V7H15V11H16.5V9.75Z" fill="#424954"/>
|
|
5
|
+
<path d="M18 12.25H10V13.75H18V12.25Z" fill="#424954"/>
|
|
6
|
+
<path d="M7.5 15H9V11H7.5V12.25H6V13.75H7.5V15Z" fill="#424954"/>
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M20.5 3L20.34 3.03L15 5.1L9 3L3.36 4.9C3.15 4.97 3 5.15 3 5.38V20.5C3 20.78 3.22 21 3.5 21L3.66 20.97L9 18.9L15 21L20.64 19.1C20.85 19.03 21 18.85 21 18.62V3.5C21 3.22 20.78 3 20.5 3ZM10 5.47L14 6.87V18.53L10 17.13V5.47ZM5 6.46L8 5.45V17.15L5 18.31V6.46ZM19 17.54L16 18.55V6.86L19 5.7V17.54Z" fill="#424954"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M19.4318 12.98C19.4718 12.66 19.5018 12.34 19.5018 12C19.5018 11.66 19.4718 11.34 19.4318 11.02L21.5418 9.37C21.7318 9.22 21.7818 8.95 21.6618 8.73L19.6618 5.27C19.5718 5.11 19.4018 5.02 19.2218 5.02C19.1618 5.02 19.1018 5.03 19.0518 5.05L16.5618 6.05C16.0418 5.65 15.4818 5.32 14.8718 5.07L14.4918 2.42C14.4618 2.18 14.2518 2 14.0018 2H10.0018C9.75179 2 9.54179 2.18 9.51179 2.42L9.13179 5.07C8.52179 5.32 7.96179 5.66 7.44179 6.05L4.95179 5.05C4.89179 5.03 4.83179 5.02 4.77179 5.02C4.60179 5.02 4.43179 5.11 4.34179 5.27L2.34179 8.73C2.21179 8.95 2.27179 9.22 2.46179 9.37L4.57179 11.02C4.53179 11.34 4.50179 11.67 4.50179 12C4.50179 12.33 4.53179 12.66 4.57179 12.98L2.46179 14.63C2.27179 14.78 2.22179 15.05 2.34179 15.27L4.34179 18.73C4.43179 18.89 4.60179 18.98 4.78179 18.98C4.84179 18.98 4.90179 18.97 4.95179 18.95L7.44179 17.95C7.96179 18.35 8.52179 18.68 9.13179 18.93L9.51179 21.58C9.54179 21.82 9.75179 22 10.0018 22H14.0018C14.2518 22 14.4618 21.82 14.4918 21.58L14.8718 18.93C15.4818 18.68 16.0418 18.34 16.5618 17.95L19.0518 18.95C19.1118 18.97 19.1718 18.98 19.2318 18.98C19.4018 18.98 19.5718 18.89 19.6618 18.73L21.6618 15.27C21.7818 15.05 21.7318 14.78 21.5418 14.63L19.4318 12.98ZM17.4518 11.27C17.4918 11.58 17.5018 11.79 17.5018 12C17.5018 12.21 17.4818 12.43 17.4518 12.73L17.3118 13.86L18.2018 14.56L19.2818 15.4L18.5818 16.61L17.3118 16.1L16.2718 15.68L15.3718 16.36C14.9418 16.68 14.5318 16.92 14.1218 17.09L13.0618 17.52L12.9018 18.65L12.7018 20H11.3018L10.9518 17.52L9.89179 17.09C9.46179 16.91 9.06179 16.68 8.66179 16.38L7.75179 15.68L6.69179 16.11L5.42179 16.62L4.72179 15.41L5.80179 14.57L6.69179 13.87L6.55179 12.74C6.52179 12.43 6.50179 12.2 6.50179 12C6.50179 11.8 6.52179 11.57 6.55179 11.27L6.69179 10.14L5.80179 9.44L4.72179 8.6L5.42179 7.39L6.69179 7.9L7.73179 8.32L8.63179 7.64C9.06179 7.32 9.47179 7.08 9.88179 6.91L10.9418 6.48L11.1018 5.35L11.3018 4H12.6918L13.0418 6.48L14.1018 6.91C14.5318 7.09 14.9318 7.32 15.3318 7.62L16.2418 8.32L17.3018 7.89L18.5718 7.38L19.2718 8.59L18.2018 9.44L17.3118 10.14L17.4518 11.27ZM12.0018 8C9.79179 8 8.00179 9.79 8.00179 12C8.00179 14.21 9.79179 16 12.0018 16C14.2118 16 16.0018 14.21 16.0018 12C16.0018 9.79 14.2118 8 12.0018 8ZM12.0018 14C10.9018 14 10.0018 13.1 10.0018 12C10.0018 10.9 10.9018 10 12.0018 10C13.1018 10 14.0018 10.9 14.0018 12C14.0018 13.1 13.1018 14 12.0018 14Z" fill="#424954"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="86px" height="36px" viewBox="0 0 85 36" version="1.1">
|
|
3
|
+
<defs>
|
|
4
|
+
<clipPath id="clip1">
|
|
5
|
+
<path d="M 0 2 L 35.667969 2 L 35.667969 34 L 0 34 Z M 0 2 "/>
|
|
6
|
+
</clipPath>
|
|
7
|
+
</defs>
|
|
8
|
+
<g id="surface1">
|
|
9
|
+
<g clip-path="url(#clip1)" clip-rule="nonzero">
|
|
10
|
+
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,67.450982%,27.843139%);fill-opacity:1;" d="M 32.453125 33.101562 L 18.820312 33.101562 L 18.785156 33.089844 L 18.449219 33.089844 C 17.605469 33.089844 16.796875 32.753906 16.199219 32.152344 C 15.605469 31.550781 15.269531 30.734375 15.269531 29.882812 L 15.269531 26.039062 L 9.621094 26.027344 C 9.621094 26.066406 9.621094 26.109375 9.621094 26.148438 C 9.621094 28.105469 8.050781 29.691406 6.113281 29.691406 C 4.179688 29.691406 2.609375 28.105469 2.609375 26.148438 C 2.609375 26.105469 2.609375 26.0625 2.609375 26.015625 L 1.246094 26.011719 C 1.023438 25.992188 0.808594 25.925781 0.609375 25.820312 C 0.4375 25.730469 0.289062 25.597656 0.179688 25.4375 C 0.0507812 25.226562 -0.0117188 24.976562 0 24.730469 C 0 24.5 0.0664062 24.273438 0.183594 24.082031 C 0.28125 23.933594 0.414062 23.816406 0.570312 23.734375 C 0.773438 23.632812 1 23.578125 1.226562 23.578125 C 1.242188 23.578125 1.246094 23.578125 1.246094 23.578125 L 1.246094 19.800781 C 1.238281 19.472656 1.25 19.140625 1.289062 18.816406 C 1.351562 18.480469 1.445312 18.226562 1.8125 17.6875 C 2.035156 17.355469 2.289062 17.042969 2.570312 16.757812 L 2.578125 16.753906 C 2.671875 16.648438 2.753906 16.5625 2.847656 16.460938 C 3.257812 16.011719 4.460938 14.902344 4.597656 14.777344 C 4.746094 14.617188 4.90625 14.460938 5.074219 14.320312 L 5.082031 14.3125 C 5.304688 14.128906 5.578125 13.90625 5.945312 13.800781 C 6.210938 13.734375 6.480469 13.703125 6.753906 13.699219 L 8.644531 13.699219 L 8.644531 9.457031 C 8.664062 9.339844 8.699219 9.222656 8.738281 9.113281 C 8.8125 8.890625 8.941406 8.691406 9.109375 8.53125 C 9.300781 8.386719 9.519531 8.289062 9.753906 8.246094 C 9.875 8.222656 10 8.207031 10.125 8.199219 L 15.269531 8.199219 L 15.269531 6.042969 C 15.269531 4.316406 16.625 2.898438 18.335938 2.835938 C 18.394531 2.828125 18.449219 2.824219 18.5 2.820312 C 18.96875 2.792969 19.117188 2.777344 19.117188 2.777344 L 32.550781 2.777344 L 32.714844 2.851562 C 34.011719 2.984375 35.09375 3.902344 35.449219 5.167969 L 35.613281 5.527344 L 35.613281 30.003906 L 35.5625 30.128906 C 35.4375 31.765625 34.105469 33.042969 32.480469 33.089844 Z M 25.421875 28.878906 C 24.582031 28.878906 23.902344 29.5625 23.902344 30.410156 C 23.902344 31.257812 24.582031 31.941406 25.421875 31.941406 C 26.257812 31.941406 26.9375 31.257812 26.9375 30.410156 C 26.9375 29.5625 26.257812 28.878906 25.421875 28.878906 Z M 6.113281 24.429688 C 5.175781 24.429688 4.410156 25.199219 4.410156 26.148438 C 4.410156 27.097656 5.175781 27.867188 6.113281 27.867188 C 7.054688 27.867188 7.820312 27.097656 7.820312 26.148438 C 7.816406 25.199219 7.054688 24.429688 6.113281 24.429688 Z M 18.828125 3.886719 C 17.492188 3.890625 16.410156 4.980469 16.40625 6.332031 L 16.40625 24.523438 C 16.410156 25.871094 17.492188 26.960938 18.828125 26.964844 L 32.011719 26.964844 C 33.347656 26.960938 34.429688 25.871094 34.433594 24.523438 L 34.433594 6.332031 C 34.429688 4.980469 33.347656 3.890625 32.011719 3.886719 Z M 6.546875 16.121094 L 3.691406 19.042969 L 3.691406 19.929688 L 8.523438 19.929688 L 8.523438 16.121094 Z M 25.4375 22.363281 C 25.402344 22.363281 25.367188 22.34375 25.347656 22.316406 L 25.097656 22.070312 C 25.089844 22.054688 25.070312 22.027344 25.039062 21.988281 C 23.796875 20.332031 22.921875 18.992188 22.40625 18.160156 C 21.839844 17.265625 21.332031 16.339844 20.886719 15.382812 C 20.441406 14.398438 20.214844 13.605469 20.214844 13.023438 C 20.195312 12.34375 20.316406 11.667969 20.5625 11.035156 C 20.792969 10.453125 21.136719 9.925781 21.570312 9.480469 C 22.546875 8.476562 23.957031 7.898438 25.4375 7.898438 C 26.8125 7.898438 28.082031 8.386719 29.015625 9.269531 C 29.496094 9.71875 29.878906 10.269531 30.132812 10.878906 C 30.414062 11.558594 30.558594 12.289062 30.558594 13.023438 C 30.558594 13.613281 30.328125 14.417969 29.882812 15.421875 C 29.433594 16.390625 28.925781 17.332031 28.359375 18.238281 C 27.632812 19.429688 26.722656 20.773438 25.800781 22.019531 L 25.796875 22.019531 C 25.78125 22.042969 25.769531 22.058594 25.761719 22.070312 L 25.527344 22.316406 C 25.503906 22.34375 25.472656 22.363281 25.4375 22.363281 Z M 25.4375 11.40625 C 24.453125 11.40625 23.65625 12.210938 23.65625 13.207031 C 23.65625 14.199219 24.453125 15.003906 25.4375 15.003906 C 26.417969 15.003906 27.21875 14.199219 27.21875 13.207031 C 27.214844 12.214844 26.417969 11.410156 25.4375 11.40625 Z M 25.4375 11.40625 "/>
|
|
11
|
+
</g>
|
|
12
|
+
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 40.558594 9.867188 L 38.21875 9.867188 L 38.21875 9.3125 L 43.507812 9.3125 L 43.507812 9.867188 L 41.167969 9.867188 L 41.167969 15.796875 L 40.558594 15.796875 Z M 47.234375 9.3125 C 47.59375 9.3125 47.949219 9.40625 48.257812 9.59375 C 48.566406 9.777344 48.824219 10.039062 49 10.347656 C 49.183594 10.664062 49.277344 11.019531 49.277344 11.382812 C 49.28125 11.792969 49.15625 12.195312 48.921875 12.53125 C 48.695312 12.863281 48.378906 13.125 48.011719 13.285156 L 49.175781 15.796875 L 48.507812 15.796875 L 47.414062 13.445312 L 45.28125 13.445312 L 45.28125 15.796875 L 44.683594 15.796875 L 44.683594 9.3125 Z M 47.203125 12.902344 C 47.464844 12.90625 47.71875 12.835938 47.941406 12.703125 C 48.164062 12.570312 48.351562 12.378906 48.480469 12.148438 C 48.609375 11.917969 48.679688 11.652344 48.679688 11.382812 C 48.679688 11.113281 48.613281 10.847656 48.480469 10.617188 C 48.351562 10.386719 48.164062 10.199219 47.941406 10.066406 C 47.71875 9.933594 47.464844 9.863281 47.203125 9.867188 L 45.28125 9.867188 L 45.28125 12.902344 Z M 52.542969 9.3125 L 53.25 9.3125 L 55.980469 15.796875 L 55.320312 15.796875 L 54.722656 14.371094 L 51.046875 14.371094 L 50.449219 15.796875 L 49.8125 15.796875 Z M 54.496094 13.828125 L 52.890625 9.996094 L 51.277344 13.828125 Z M 59.335938 15.859375 C 58.753906 15.863281 58.183594 15.710938 57.683594 15.414062 C 57.183594 15.128906 56.773438 14.714844 56.484375 14.214844 C 56.1875 13.714844 56.035156 13.140625 56.039062 12.5625 C 56.035156 11.976562 56.1875 11.402344 56.484375 10.898438 C 56.773438 10.398438 57.183594 9.984375 57.683594 9.695312 C 58.183594 9.402344 58.753906 9.25 59.335938 9.253906 C 59.742188 9.253906 60.144531 9.328125 60.523438 9.472656 C 60.894531 9.617188 61.238281 9.828125 61.539062 10.097656 L 61.140625 10.5 C 60.894531 10.28125 60.613281 10.109375 60.308594 9.988281 C 60 9.867188 59.675781 9.804688 59.347656 9.804688 C 58.871094 9.800781 58.402344 9.929688 57.992188 10.171875 C 57.582031 10.414062 57.242188 10.757812 57.003906 11.167969 C 56.757812 11.589844 56.632812 12.070312 56.636719 12.5625 C 56.632812 13.046875 56.761719 13.523438 57.003906 13.941406 C 57.242188 14.355469 57.582031 14.699219 57.992188 14.9375 C 58.402344 15.183594 58.871094 15.308594 59.347656 15.304688 C 59.695312 15.308594 60.039062 15.238281 60.363281 15.105469 C 60.679688 14.972656 60.96875 14.78125 61.21875 14.542969 L 61.617188 14.945312 C 61.316406 15.234375 60.964844 15.460938 60.582031 15.617188 C 60.1875 15.777344 59.761719 15.859375 59.335938 15.859375 Z M 62.84375 9.3125 L 63.449219 9.3125 L 63.449219 13.394531 L 66.828125 9.3125 L 67.59375 9.3125 L 65.042969 12.378906 L 67.78125 15.796875 L 67.015625 15.796875 L 64.65625 12.851562 L 63.449219 14.300781 L 63.449219 15.796875 L 62.84375 15.796875 Z M 62.84375 9.3125 "/>
|
|
13
|
+
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,0%,0%);fill-opacity:1;" d="M 41.226562 20.710938 L 38.296875 20.710938 L 38.296875 18.960938 L 46.136719 18.960938 L 46.136719 20.710938 L 43.226562 20.710938 L 43.226562 28.53125 L 41.226562 28.53125 Z M 52.339844 18.960938 C 52.90625 18.957031 53.460938 19.109375 53.945312 19.40625 C 54.429688 19.695312 54.828125 20.109375 55.105469 20.605469 C 55.390625 21.109375 55.535156 21.675781 55.53125 22.253906 C 55.535156 22.851562 55.375 23.4375 55.070312 23.945312 C 54.769531 24.449219 54.339844 24.859375 53.828125 25.132812 L 55.386719 28.53125 L 53.195312 28.53125 L 51.828125 25.535156 L 49.664062 25.535156 L 49.664062 28.53125 L 47.652344 28.53125 L 47.652344 18.960938 Z M 52.078125 23.78125 C 52.464844 23.789062 52.839844 23.625 53.105469 23.335938 C 53.386719 23.050781 53.539062 22.660156 53.53125 22.253906 C 53.539062 21.847656 53.386719 21.457031 53.105469 21.164062 C 52.84375 20.871094 52.46875 20.707031 52.078125 20.710938 L 49.664062 20.710938 L 49.664062 23.78125 Z M 60.796875 28.621094 C 60.09375 28.628906 59.402344 28.453125 58.789062 28.109375 C 58.195312 27.777344 57.703125 27.285156 57.363281 26.691406 C 57.011719 26.082031 56.832031 25.390625 56.839844 24.6875 L 56.839844 18.960938 L 58.855469 18.960938 L 58.855469 24.6875 C 58.851562 25.070312 58.941406 25.445312 59.113281 25.785156 C 59.273438 26.109375 59.515625 26.382812 59.816406 26.582031 C 60.109375 26.769531 60.449219 26.871094 60.796875 26.871094 C 61.144531 26.871094 61.484375 26.769531 61.773438 26.582031 C 62.074219 26.382812 62.320312 26.109375 62.488281 25.785156 C 62.664062 25.449219 62.753906 25.070312 62.75 24.6875 L 62.75 18.960938 L 64.765625 18.960938 L 64.765625 24.6875 C 64.773438 25.390625 64.59375 26.082031 64.242188 26.691406 C 63.90625 27.285156 63.410156 27.777344 62.816406 28.109375 C 62.199219 28.453125 61.503906 28.628906 60.796875 28.621094 Z M 70.925781 28.621094 C 70.074219 28.628906 69.230469 28.402344 68.492188 27.96875 C 67.761719 27.542969 67.15625 26.929688 66.730469 26.195312 C 66.296875 25.457031 66.070312 24.613281 66.074219 23.753906 C 66.070312 22.890625 66.296875 22.046875 66.730469 21.304688 C 67.152344 20.566406 67.761719 19.949219 68.492188 19.523438 C 69.230469 19.089844 70.074219 18.863281 70.925781 18.871094 C 71.53125 18.867188 72.128906 18.980469 72.691406 19.195312 C 73.242188 19.410156 73.75 19.722656 74.191406 20.117188 L 72.867188 21.453125 C 72.367188 20.917969 71.671875 20.617188 70.941406 20.621094 C 70.433594 20.617188 69.9375 20.761719 69.507812 21.039062 C 69.070312 21.316406 68.710938 21.710938 68.464844 22.171875 C 68.203125 22.65625 68.070312 23.203125 68.074219 23.753906 C 68.070312 24.296875 68.203125 24.835938 68.464844 25.3125 C 68.710938 25.773438 69.070312 26.164062 69.507812 26.445312 C 69.933594 26.726562 70.433594 26.875 70.941406 26.871094 C 71.328125 26.871094 71.710938 26.789062 72.058594 26.625 C 72.410156 26.464844 72.71875 26.230469 72.972656 25.933594 L 74.308594 27.269531 C 73.859375 27.695312 73.332031 28.035156 72.757812 28.265625 C 72.175781 28.5 71.554688 28.621094 70.925781 28.621094 Z M 75.574219 18.960938 L 77.589844 18.960938 L 77.589844 23.589844 L 81.351562 18.960938 L 83.839844 18.960938 L 80.074219 23.5 L 84.117188 28.53125 L 81.558594 28.53125 L 78.792969 25.058594 L 77.589844 26.511719 L 77.589844 28.53125 L 75.574219 28.53125 Z M 75.574219 18.960938 "/>
|
|
14
|
+
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,67.450982%,27.843139%);fill-opacity:1;" d="M 73.25 11.042969 L 73.25 11.636719 C 73.410156 11.417969 73.617188 11.242188 73.855469 11.117188 C 74.089844 10.996094 74.351562 10.929688 74.617188 10.933594 C 74.960938 10.929688 75.296875 11.023438 75.585938 11.207031 C 75.871094 11.386719 76.101562 11.632812 76.261719 11.925781 C 76.414062 11.625 76.648438 11.371094 76.9375 11.199219 C 77.234375 11.019531 77.578125 10.925781 77.921875 10.933594 C 78.507812 10.933594 78.976562 11.128906 79.328125 11.527344 C 79.679688 11.921875 79.855469 12.460938 79.855469 13.144531 L 79.855469 15.796875 L 78.949219 15.796875 L 78.949219 13.144531 C 78.949219 12.675781 78.839844 12.308594 78.625 12.042969 C 78.414062 11.78125 78.089844 11.632812 77.753906 11.644531 C 77.410156 11.640625 77.089844 11.804688 76.886719 12.082031 C 76.660156 12.375 76.546875 12.75 76.546875 13.203125 L 76.546875 15.796875 L 75.640625 15.796875 L 75.640625 13.203125 C 75.640625 12.726562 75.535156 12.351562 75.320312 12.066406 C 75.113281 11.792969 74.789062 11.632812 74.445312 11.644531 C 74.105469 11.640625 73.78125 11.804688 73.585938 12.089844 C 73.355469 12.414062 73.238281 12.804688 73.25 13.203125 L 73.25 15.796875 L 72.34375 15.796875 L 72.34375 11.042969 Z M 81.152344 17.980469 C 80.761719 17.972656 80.386719 17.828125 80.09375 17.566406 L 80.421875 16.824219 C 80.507812 16.925781 80.609375 17.011719 80.726562 17.074219 C 80.851562 17.140625 80.988281 17.175781 81.128906 17.175781 C 81.320312 17.175781 81.503906 17.105469 81.644531 16.972656 C 81.792969 16.839844 81.910156 16.679688 81.992188 16.496094 C 82.066406 16.351562 82.109375 16.191406 82.117188 16.027344 L 82.117188 15.878906 L 80.132812 11.042969 L 81.109375 11.042969 L 82.65625 14.832031 L 84.089844 11.042969 L 85.015625 11.042969 L 83.054688 16.199219 C 82.835938 16.777344 82.578125 17.21875 82.28125 17.523438 C 81.984375 17.828125 81.574219 17.992188 81.152344 17.980469 Z M 81.152344 17.980469 "/>
|
|
15
|
+
</g>
|
|
16
|
+
</svg>
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="36px" viewBox="0 0 36 36" version="1.1">
|
|
3
|
+
<defs>
|
|
4
|
+
<clipPath id="clip1">
|
|
5
|
+
<path d="M 0 2 L 35.667969 2 L 35.667969 34 L 0 34 Z M 0 2 "/>
|
|
6
|
+
</clipPath>
|
|
7
|
+
</defs>
|
|
8
|
+
<g id="surface1">
|
|
9
|
+
<g clip-path="url(#clip1)" clip-rule="nonzero">
|
|
10
|
+
<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,67.450982%,27.843139%);fill-opacity:1;" d="M 32.453125 33.101562 L 18.820312 33.101562 L 18.785156 33.089844 L 18.449219 33.089844 C 17.605469 33.089844 16.796875 32.753906 16.199219 32.152344 C 15.605469 31.550781 15.269531 30.734375 15.269531 29.882812 L 15.269531 26.039062 L 9.621094 26.027344 C 9.621094 26.066406 9.621094 26.109375 9.621094 26.148438 C 9.621094 28.105469 8.050781 29.691406 6.113281 29.691406 C 4.179688 29.691406 2.609375 28.105469 2.609375 26.148438 C 2.609375 26.105469 2.609375 26.0625 2.609375 26.015625 L 1.246094 26.011719 C 1.023438 25.992188 0.808594 25.925781 0.609375 25.820312 C 0.4375 25.730469 0.289062 25.597656 0.179688 25.4375 C 0.0507812 25.226562 -0.0117188 24.976562 0 24.730469 C 0 24.5 0.0664062 24.273438 0.183594 24.082031 C 0.28125 23.933594 0.414062 23.816406 0.570312 23.734375 C 0.773438 23.632812 1 23.578125 1.226562 23.578125 C 1.242188 23.578125 1.246094 23.578125 1.246094 23.578125 L 1.246094 19.800781 C 1.238281 19.472656 1.25 19.140625 1.289062 18.816406 C 1.351562 18.480469 1.445312 18.226562 1.8125 17.6875 C 2.035156 17.355469 2.289062 17.042969 2.570312 16.757812 L 2.578125 16.753906 C 2.671875 16.648438 2.753906 16.5625 2.847656 16.460938 C 3.257812 16.011719 4.460938 14.902344 4.597656 14.777344 C 4.746094 14.617188 4.90625 14.460938 5.074219 14.320312 L 5.082031 14.3125 C 5.304688 14.128906 5.578125 13.90625 5.945312 13.800781 C 6.210938 13.734375 6.480469 13.703125 6.753906 13.699219 L 8.644531 13.699219 L 8.644531 9.457031 C 8.664062 9.339844 8.699219 9.222656 8.738281 9.113281 C 8.8125 8.890625 8.941406 8.691406 9.109375 8.53125 C 9.300781 8.386719 9.519531 8.289062 9.753906 8.246094 C 9.875 8.222656 10 8.207031 10.125 8.199219 L 15.269531 8.199219 L 15.269531 6.042969 C 15.269531 4.316406 16.625 2.898438 18.335938 2.835938 C 18.394531 2.828125 18.449219 2.824219 18.5 2.820312 C 18.96875 2.792969 19.117188 2.777344 19.117188 2.777344 L 32.550781 2.777344 L 32.714844 2.851562 C 34.011719 2.984375 35.09375 3.902344 35.449219 5.167969 L 35.613281 5.527344 L 35.613281 30.003906 L 35.5625 30.128906 C 35.4375 31.765625 34.105469 33.042969 32.480469 33.089844 Z M 25.421875 28.878906 C 24.582031 28.878906 23.902344 29.5625 23.902344 30.410156 C 23.902344 31.257812 24.582031 31.941406 25.421875 31.941406 C 26.257812 31.941406 26.9375 31.257812 26.9375 30.410156 C 26.9375 29.5625 26.257812 28.878906 25.421875 28.878906 Z M 6.113281 24.429688 C 5.175781 24.429688 4.410156 25.199219 4.410156 26.148438 C 4.410156 27.097656 5.175781 27.867188 6.113281 27.867188 C 7.054688 27.867188 7.820312 27.097656 7.820312 26.148438 C 7.816406 25.199219 7.054688 24.429688 6.113281 24.429688 Z M 18.828125 3.886719 C 17.492188 3.890625 16.410156 4.980469 16.40625 6.332031 L 16.40625 24.523438 C 16.410156 25.871094 17.492188 26.960938 18.828125 26.964844 L 32.011719 26.964844 C 33.347656 26.960938 34.429688 25.871094 34.433594 24.523438 L 34.433594 6.332031 C 34.429688 4.980469 33.347656 3.890625 32.011719 3.886719 Z M 6.546875 16.121094 L 3.691406 19.042969 L 3.691406 19.929688 L 8.523438 19.929688 L 8.523438 16.121094 Z M 25.4375 22.363281 C 25.402344 22.363281 25.367188 22.34375 25.347656 22.316406 L 25.097656 22.070312 C 25.089844 22.054688 25.070312 22.027344 25.039062 21.988281 C 23.796875 20.332031 22.921875 18.992188 22.40625 18.160156 C 21.839844 17.265625 21.332031 16.339844 20.886719 15.382812 C 20.441406 14.398438 20.214844 13.605469 20.214844 13.023438 C 20.195312 12.34375 20.316406 11.667969 20.5625 11.035156 C 20.792969 10.453125 21.136719 9.925781 21.570312 9.480469 C 22.546875 8.476562 23.957031 7.898438 25.4375 7.898438 C 26.8125 7.898438 28.082031 8.386719 29.015625 9.269531 C 29.496094 9.71875 29.878906 10.269531 30.132812 10.878906 C 30.414062 11.558594 30.558594 12.289062 30.558594 13.023438 C 30.558594 13.613281 30.328125 14.417969 29.882812 15.421875 C 29.433594 16.390625 28.925781 17.332031 28.359375 18.238281 C 27.632812 19.429688 26.722656 20.773438 25.800781 22.019531 L 25.796875 22.019531 C 25.78125 22.042969 25.769531 22.058594 25.761719 22.070312 L 25.527344 22.316406 C 25.503906 22.34375 25.472656 22.363281 25.4375 22.363281 Z M 25.4375 11.40625 C 24.453125 11.40625 23.65625 12.210938 23.65625 13.207031 C 23.65625 14.199219 24.453125 15.003906 25.4375 15.003906 C 26.417969 15.003906 27.21875 14.199219 27.21875 13.207031 C 27.214844 12.214844 26.417969 11.410156 25.4375 11.40625 Z M 25.4375 11.40625 "/>
|
|
11
|
+
</g>
|
|
12
|
+
</g>
|
|
13
|
+
</svg>
|
|
@@ -1777,6 +1777,10 @@ class NewSidebarComponent {
|
|
|
1777
1777
|
}, {
|
|
1778
1778
|
id: CompaniesEnum.BROKERAGE,
|
|
1779
1779
|
name: 'T3 Loadboard'
|
|
1780
|
+
},
|
|
1781
|
+
{
|
|
1782
|
+
id: CompaniesEnum.TMT,
|
|
1783
|
+
name: 'TMT'
|
|
1780
1784
|
}
|
|
1781
1785
|
];
|
|
1782
1786
|
this.activeAndInactivePlatforms = {
|
|
@@ -1876,13 +1880,13 @@ class NewSidebarComponent {
|
|
|
1876
1880
|
});
|
|
1877
1881
|
}
|
|
1878
1882
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NewSidebarComponent, deps: [{ token: i1$3.Router }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1879
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", linkClickEvent: "linkClickEvent", signOutEvent: "signOutEvent", newAuthenticatedResponseEvent: "newAuthenticatedResponseEvent" }, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, ngImport: i0, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new\" *ngIf=\"link.isNew\">New</div>\n\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .new{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .new{position:absolute;border-radius:8px;color:#1f4085;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc;right:24px;top:18px}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CompanyImageComponent, selector: "i-tech-company-image", inputs: ["collapsed", "userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
|
|
1883
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: NewSidebarComponent, isStandalone: true, selector: "i-tech-sidebar", inputs: { platform: "platform", navigationLinks: "navigationLinks", env: "env", userData: "userData" }, outputs: { collapseEvent: "collapseEvent", linkClickEvent: "linkClickEvent", signOutEvent: "signOutEvent", newAuthenticatedResponseEvent: "newAuthenticatedResponseEvent" }, host: { listeners: { "window:beforeunload": "canDeactivate()" } }, ngImport: i0, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n <i-tech-icon-button class=\"link_badge info\"\n *ngIf=\"link.infoWithTooltipText\"\n [tooltip]=\"link.infoWithTooltipText || ''\"\n [size]=\"'small'\"\n [iconName]=\"'info'\"\n >\n </i-tech-icon-button>\n\n\n\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i4$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: CompanyImageComponent, selector: "i-tech-company-image", inputs: ["collapsed", "userData", "currentCompany", "platform"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i5$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: LowerCasePipe, name: "lowercase" }] }); }
|
|
1880
1884
|
}
|
|
1881
1885
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NewSidebarComponent, decorators: [{
|
|
1882
1886
|
type: Component,
|
|
1883
1887
|
args: [{ selector: 'i-tech-sidebar', imports: [NgIf, NgFor, TranslateModule, MatMenu, MatMenuModule, CompanyImageComponent, UpperCasePipe, SlicePipe,
|
|
1884
1888
|
MatRippleModule, MatTooltipModule, IconButtonComponent, RouterLink, LowerCasePipe
|
|
1885
|
-
], standalone: true, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new\" *ngIf=\"link.isNew\">New</div>\n\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .new{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .new{position:absolute;border-radius:8px;color:#1f4085;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc;right:24px;top:18px}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"] }]
|
|
1889
|
+
], standalone: true, template: "<div class=\"main_sidebar\"\n *ngIf=\"navigationLinks && userData\"\n [class.collapsed]=\"isCollapsed\"\n>\n <div class=\"main_sidebar--header\">\n <a [href]=\"platform === CompaniesEnum.ORGANIZATION ? '/auth/organization' : '/'\">\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"isCollapsed\"\n [src]=\"'/assets/logos/small/' + platform + '.svg'\"\n >\n\n <img class=\"logo pointer\" alt=\"\"\n *ngIf=\"!isCollapsed\"\n [src]=\"'/assets/logos/full/' + platform + '.svg'\"\n >\n </a>\n <i-tech-icon-button\n *ngIf=\"!isCollapsed\"\n [tooltip]=\"'SLP Tools'\"\n [iconName]=\"'apps'\"\n [matMenuTriggerFor]=\"matMenu\"\n ></i-tech-icon-button>\n\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_platforms_menu\">\n <ng-container *ngIf=\"activeAndInactivePlatforms['active'].length\">\n <div class=\"menu_title\">\n Active Apps\n </div>\n <ng-container *ngFor=\"let app of activeAndInactivePlatforms['active']\">\n <a [href]=\"AppsUrls[app.id]\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n <img alt=\"\" class=\"ml-auto\" src=\"/assets/selected_organization.svg\"\n *ngIf=\"app.checked\"\n >\n </div>\n </a>\n </ng-container>\n </ng-container>\n\n <div class=\"divider\"\n *ngIf=\"activeAndInactivePlatforms['active'].length && activeAndInactivePlatforms['inactive'].length\"\n ></div>\n\n <ng-container *ngIf=\"activeAndInactivePlatforms['inactive'].length\">\n <div class=\"menu_title\">\n Inactive Apps\n </div>\n <div class=\"standard_menu_item\" *ngFor=\"let app of activeAndInactivePlatforms['inactive']\">\n <img alt=\"\" class=\"logo\" [src]=\"'/assets/logos/small/' + app.id + '.svg'\">\n <span>{{app.name}}</span>\n </div>\n </ng-container>\n\n </mat-menu>\n </div>\n\n <div class=\"main_sidebar--content\">\n <ng-container *ngIf=\"secondLayerLinks.length\">\n <div class=\"main_sidebar--content--toolbar\"\n (click)=\"navigateBack()\"\n >\n <img alt=\"\" src=\"/assets/back.svg\">\n <span>Back</span>\n </div>\n <div class=\"main_sidebar--content--sub_title\">\n Settings\n </div>\n </ng-container>\n\n <ng-container *ngFor=\"let link of (secondLayerLinks.length ? secondLayerLinks : navigationLinks)\">\n <div class=\"divider\" *ngIf=\"link.hasDivider\"></div>\n <a [routerLink]=\"link.emitClick ? null : link.linkTo\">\n <div class=\"main_sidebar--content--link pointer\"\n matRipple\n [class.active]=\"link.pageEnum === activePage || link.pageEnum === secondLayerActivePage\"\n (click)=\"handleLinkClick(link)\"\n [attr.data-testid]=\"'sidebar-link-' + (link.linkTo | lowercase)\"\n >\n <div class=\"parent_icon\">\n <img class=\"icon\" alt=\"\"\n [src]=\"'/assets/links/' + platform + '/' + link.image + '.svg'\">\n </div>\n <div class=\"name\">{{link.title | translate}}</div>\n\n <div class=\"new link_badge\" *ngIf=\"link.isNew\">New</div>\n <i-tech-icon-button class=\"link_badge info\"\n *ngIf=\"link.infoWithTooltipText\"\n [tooltip]=\"link.infoWithTooltipText || ''\"\n [size]=\"'small'\"\n [iconName]=\"'info'\"\n >\n </i-tech-icon-button>\n\n\n\n </div>\n </a>\n </ng-container>\n\n </div>\n\n <div class=\"main_sidebar--footer\" *ngIf=\"userData\">\n <div class=\"main_sidebar--footer--toggle\"\n >\n <i-tech-icon-button\n [tooltip]=\"isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'\"\n [iconName]=\"isCollapsed ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left'\"\n (click)=\"changeCollapse()\"\n ></i-tech-icon-button>\n\n </div>\n <div class=\"main_sidebar--footer--profile\">\n <i-tech-company-image\n [matMenuTriggerFor]=\"matMenu\"\n [collapsed]=\"isCollapsed\"\n [userData]=\"userData\"\n [platform]=\"platform\"\n [currentCompany]=\"currentCompany\"\n ></i-tech-company-image>\n <mat-menu #matMenu=\"matMenu\" class=\"sidebar_bottom_menu\">\n <div class=\"top_bar\">\n <img class=\"image\" alt=\"\" [src]=\"userData.image\"\n *ngIf=\"userData.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{userData.firstName | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <div class=\"information\">\n <div class=\"name\">{{userData.firstName}} {{userData.lastName}}</div>\n <div class=\"email\">{{userData.email}}</div>\n </div>\n </div>\n <a [href]=\"BottomPopupLinks['manageAccount']\" target=\"_blank\">\n <div mat-menu-item *ngIf=\"platform !== CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['accountInformation']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION\" class=\"mt-4 standard_menu_item\"\n >\n Account Information\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['addNewOrganization']\">\n <div mat-menu-item *ngIf=\"platform === CompaniesEnum.ORGANIZATION && accessToNewOrganization\"\n class=\"standard_menu_item\"\n >\n Add new organization\n </div>\n </a>\n\n\n <ng-container *ngIf=\"allOrganizations.length > 1\">\n <div class=\"divider\" ></div>\n\n <div class=\"switch\">\n <div class=\"switch_title\">\n Switch Organization\n </div>\n <div mat-menu-item class=\"mat_menu_organization\" (click)=\"switchOrganization(organization)\"\n *ngFor=\"let organization of allOrganizations\"\n >\n <div class=\"organization_item_in_menu\">\n <img alt=\"\" class=\"image\" [src]=\"organization.image\"\n *ngIf=\"organization.image; else NoImage\"\n >\n <ng-template #NoImage>\n <div class=\"image no_image\">\n {{organization.name | slice: 0 : 1 | uppercase}}\n </div>\n </ng-template>\n <span>{{organization.name}}</span>\n </div>\n <img alt=\"\" *ngIf=\"organization.id === currentCompany?.id\"\n class=\"isSelected\" src=\"/assets/selected_organization.svg\" >\n </div>\n </div>\n </ng-container>\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"openZendeskPage()\">\n Help Center\n </div>\n\n <a [href]=\"BottomPopupLinks['terms']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Terms And Conditions\n </div>\n </a>\n\n <a [href]=\"BottomPopupLinks['privacy']\" target=\"_blank\">\n <div mat-menu-item class=\"standard_menu_item\" >\n Privacy Policy\n </div>\n </a>\n\n\n <div class=\"divider\"></div>\n\n <div mat-menu-item class=\"standard_menu_item\" (click)=\"signOut()\">\n Sign out\n </div>\n </mat-menu>\n </div>\n </div>\n\n</div>\n", styles: [".main_sidebar{box-shadow:3px 0 #d7d9de33;border-right:1px solid #D7D9DE;height:100vh;width:190px;position:relative;background-color:#fff;z-index:100}.main_sidebar a{text-decoration:none!important}.main_sidebar.collapsed{width:80px}.main_sidebar.collapsed .main_sidebar--content--sub_title{font-size:13px;line-height:20px;padding:4px 16px 0}.main_sidebar.collapsed .main_sidebar--content--toolbar{padding:unset;justify-content:center;margin-top:16px}.main_sidebar.collapsed .main_sidebar--content--toolbar span{display:none}.main_sidebar.collapsed .main_sidebar--header{padding:6px 21.5px}.main_sidebar.collapsed .main_sidebar--content--link{padding:0 0 4px;flex-direction:column;margin-top:12px}.main_sidebar.collapsed .main_sidebar--content--link .divider{display:none}.main_sidebar.collapsed .main_sidebar--content--link .link_badge{right:0!important;top:14px!important}.main_sidebar.collapsed .main_sidebar--content--link .parent_icon{width:56px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100px}.main_sidebar.collapsed .main_sidebar--content--link .name{font-size:11px;margin-left:unset;font-weight:500;text-align:center;line-height:16px}.main_sidebar.collapsed .main_sidebar--content--link.active,.main_sidebar.collapsed .main_sidebar--content--link:hover{background-color:unset}.main_sidebar.collapsed .main_sidebar--content--link.active .parent_icon,.main_sidebar.collapsed .main_sidebar--content--link:hover .parent_icon{background-color:#00ac4829}.main_sidebar.collapsed .main_sidebar--content--link.active .name{font-weight:600}.main_sidebar.collapsed::ng-deep .information .names{display:none}.main_sidebar .pointer{cursor:pointer}.main_sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:21px 24px 16px 16px}.main_sidebar--header a{height:40px}.main_sidebar--content{height:calc(100% - 220px);overflow-y:auto;overflow-x:hidden}.main_sidebar--content .divider{border-bottom:1px solid #D7D9DE;margin:8px auto;width:calc(100% - 32px)}.main_sidebar--content--sub_title{margin-top:4px;padding:4px 16px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:.1px}.main_sidebar--content--toolbar{cursor:pointer;padding-left:16px;display:flex;align-items:center}.main_sidebar--content--toolbar span{font-weight:700;font-size:13px;line-height:20px;letter-spacing:.1px;color:#647081;margin-left:4px}.main_sidebar--content--link{display:flex;align-items:center;padding:16px 10px 16px 16px;position:relative}.main_sidebar--content--link .name{font-weight:500;font-size:13px;line-height:20px;letter-spacing:.1px;margin-left:12px;color:#424954}.main_sidebar--content--link .parent_icon{width:24px;height:24px}.main_sidebar--content--link .link_badge{position:absolute;right:24px;top:18px;color:#1f4085}.main_sidebar--content--link .new{border-radius:8px;padding:4px;font-weight:700;font-size:11px;line-height:12px;background-color:#dde7fc}.main_sidebar--content--link.active,.main_sidebar--content--link:hover{background-color:#effaf1}.main_sidebar--footer{bottom:0;position:absolute;width:100%}.main_sidebar--footer--toggle{width:100%;position:relative;background-color:#fff;display:flex;justify-content:center}.main_sidebar--footer--profile{width:100%;padding:16px 23px 16px 16px;border-top:1px solid #D7D9DE}.divider{border-bottom:1px solid #CAC4D0;margin:8px 0;width:100%}::ng-deep .sidebar_bottom_menu{width:252px}::ng-deep .sidebar_bottom_menu a{text-decoration:none!important;color:#424954!important}::ng-deep .sidebar_bottom_menu .mt-4{margin-top:4px}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_bottom_menu .switch .switch_title{padding:12px;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;color:#424954}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item.standard_menu_item{padding:10px 12px!important}::ng-deep .sidebar_bottom_menu .mat-mdc-menu-item{color:#424954;font-size:13px;font-weight:500;line-height:20px;letter-spacing:.2px}::ng-deep .sidebar_bottom_menu .top_bar{display:flex;padding:8px 12px 0}::ng-deep .sidebar_bottom_menu .top_bar .information{width:170px}::ng-deep .sidebar_bottom_menu .top_bar .information .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .information .email{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:11px;line-height:16px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_bottom_menu .top_bar .image{min-width:40px;width:40px;height:40px;object-fit:cover;border-radius:50%;margin-right:8px}::ng-deep .sidebar_bottom_menu .top_bar .no_image{background-color:#008b33;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;line-height:24px}::ng-deep .sidebar_bottom_menu .mat_menu_organization{padding:8px 12px!important}::ng-deep .sidebar_bottom_menu .mat_menu_organization .mat-mdc-menu-item-text{display:flex;justify-content:space-between;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu{display:flex;align-items:center}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .image{width:24px;height:24px;border-radius:50%;margin-right:12px}::ng-deep .sidebar_bottom_menu .mat_menu_organization .organization_item_in_menu .no_image{color:#006b1e;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;line-height:16px;background-color:#c0e5c7}::ng-deep .sidebar_platforms_menu{width:280px}::ng-deep .sidebar_platforms_menu a{text-decoration:none!important}::ng-deep .sidebar_platforms_menu .mat-mdc-menu-content{padding:8px 0!important}::ng-deep .sidebar_platforms_menu .menu_title{color:#424954;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.1px;padding:12px}::ng-deep .sidebar_platforms_menu .standard_menu_item{padding:8px 12px!important;display:flex;align-items:center}::ng-deep .sidebar_platforms_menu .standard_menu_item .logo{margin-right:14px}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text{display:flex;align-items:center;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.2px;color:#424954}::ng-deep .sidebar_platforms_menu .standard_menu_item .mat-mdc-menu-item-text .logo{margin-right:14px}::ng-deep .main_sidebar .mat-ripple:not(:empty){transform:unset!important}\n"] }]
|
|
1886
1890
|
}], ctorParameters: () => [{ type: i1$3.Router }, { type: i2.HttpClient }], propDecorators: { canDeactivate: [{
|
|
1887
1891
|
type: HostListener,
|
|
1888
1892
|
args: ['window:beforeunload']
|