evui 3.3.63 → 3.4.0

package/src/components/grid/grid.sortButton.vue

@@ -0,0 +1,67 @@
+<template>
+  <span v-if="icon === 'basic'">
+    <svg
+      width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="14" height="14" rx="2" fill="#F1F3F5"/>
+      <path d="M7.00008 3.915L8.58508 5.5L9.29008 4.795L7.00008 2.5L4.70508 4.795L5.41508
+              5.5L7.00008 3.915ZM7.00008 10.085L5.41508 8.5L4.71008 9.205L7.00008
+              11.5L9.29508 9.205L8.58508 8.5L7.00008 10.085Z"
+            fill="#121212"
+      />
+      <path d="M7.00008 3.915L8.58508 5.5L9.29008 4.795L7.00008
+              2.5L4.70508 4.795L5.41508 5.5L7.00008 3.915ZM7.00008 10.085L5.41508
+              8.5L4.71008 9.205L7.00008 11.5L9.29508 9.205L8.58508 8.5L7.00008 10.085Z"
+            fill="#D8D8D8"
+            fill-opacity="0.09"
+      />
+    </svg>
+  </span>
+  <span v-else-if="icon === 'asc'">
+    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="14" height="14" rx="2" fill="#F1F3F5"/>
+      <path d="M7.00008 3.915L8.58508 5.5L9.29008 4.795L7.00008 2.5L4.70508
+              4.795L5.41508 5.5L7.00008 3.915Z"
+            fill="#121212"/>
+      <path d="M7.00008 3.915L8.58508 5.5L9.29008 4.795L7.00008 2.5L4.70508
+              4.795L5.41508 5.5L7.00008 3.915Z"
+            fill="#D8D8D8"
+            fill-opacity="0.09"
+      />
+      <path d="M7.00008 9.585L8.58508 8L9.29008 8.705L7.00008 11L4.70508
+              8.705L5.41508 8L7.00008 9.585Z"
+            fill="#DEE2E6"
+      />
+    </svg>
+  </span>
+  <span v-else-if="icon === 'desc'">
+    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <rect width="14" height="14" rx="2" fill="#F1F3F5"/>
+      <path d="M7.00008 9.585L8.58508 8L9.29008 8.705L7.00008 11L4.70508
+              8.705L5.41508 8L7.00008 9.585Z"
+            fill="#121212"
+      />
+      <path d="M7.00008 9.585L8.58508 8L9.29008 8.705L7.00008 11L4.70508
+              8.705L5.41508 8L7.00008 9.585Z"
+            fill="#D8D8D8"
+            fill-opacity="0.09"
+      />
+      <path d="M7.00008 3.915L8.58508 5.5L9.29008 4.795L7.00008 2.5L4.70508
+              4.795L5.41508 5.5L7.00008 3.915Z"
+            fill="#DEE2E6"
+      />
+    </svg>
+
+  </span>
+</template>
+
+<script>
+export default {
+  name: 'GridSortButton',
+  props: {
+    icon: {
+      type: String,
+      default: '',
+    },
+  },
+};
+</script>

package/src/components/grid/grid.toolbar.vue

@@ -24,4 +24,12 @@ export default {
 .gridToolbar > .ev-button {
   margin: 0 2px 0 2px;
 }
+.gridToolbar > .column-setting__icon {
+  float: right;
+  margin: 0 5px;
+  cursor: pointer;
+  &:hover {
+    opacity: 0.6;
+  }
+}
 </style>

package/src/components/grid/style/grid.scss

@@ -56,28 +56,41 @@
 
   @include evThemify() {
     border-right: 1px solid evThemed('grid-bottom-border');
+    background: evThemed('background-base');
   }
   &:nth-last-child(1) {
     border-right: 0;
   }
-  .sort-icon {
-    display: inline-block;
-    float: right;
-    font-size: 14px;
-    line-height: 30px;
-
-    @include evThemify() {
-      color: evThemed('font-color-base');
+  .column-sort__icon {
+    position: absolute;
+    top: 50%;
+    width: 24px;
+    height: 24px;
+    background-size: contain;
+    transform: translateY(-50%);
+    &:hover {
+      cursor: pointer;
+    }
+    &--basic {
+      visibility: hidden;
+    }
+  }
+  :hover {
+    .column-sort__icon--basic {
+      visibility: visible;
     }
   }
 }
 
 .column-name {
-  display: inline-block;
+  display: -webkit-box;
   float: left;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: normal;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
   font-weight: bold;
   font-size: 14px;
 
@@ -120,31 +133,38 @@
     }
   }
   .row {
+    color: inherit;
     white-space: nowrap;
 
     @include evThemify() {
+      background: evThemed('background-base');
       border-bottom: 1px solid evThemed('grid-bottom-border');
     }
     &.selected {
       @include evThemify() {
-        background: evThemed('grid-row-selected') !important;
-        color: inherit !important;
-        font-size: inherit !important;
+        background: evThemed('grid-row-selected');
+        color: inherit;
+        font-size: inherit;
       }
     }
     &.highlight {
       background: #5AB7FF;
       color: #FFFFFF;
     }
+    &:hover {
+      .row-contextmenu__btn {
+        visibility: visible;
+      }
+    }
   }
 
   .cell {
     display: inline-block;
     padding: 0 10px;
+    background: inherit;
     text-align: center;
     max-width: 100%;
     white-space: nowrap;
-    //overflow: hidden;
     text-overflow: ellipsis;
 
     @include evThemify() {
@@ -155,6 +175,11 @@
       overflow: hidden;
       text-overflow: ellipsis;
     }
+    .row-contextmenu__btn {
+      visibility: hidden;
+      vertical-align: middle;
+      cursor: pointer;
+    }
     &.row-checkbox {
       display: inline-flex;
       justify-content: center;

package/src/components/grid/uses.js

@@ -358,8 +358,8 @@ export const clickEvent = (params) => {
   let timer = null;
   let lastIndex = -1;
   const onRowClick = (event, row) => {
-    if (event.target && event.target.parentElement
-      && event.target.parentElement.classList.contains('row-checkbox-input')) {
+    if (event.target.parentElement.classList?.contains('row-checkbox-input')
+      || event.target.classList?.contains('row-contextmenu__btn')) {
       return false;
     }
     const onMultiSelectByKey = (keyType, selected, selectedRow) => {
@@ -525,14 +525,22 @@ export const sortEvent = (params) => {
    * sort 이벤트를 처리한다.
    *
    * @param {object} column - 컬럼 정보
+   * @param {string} sortOrder - 정렬 순서
    */
-  const onSort = (column) => {
+  const onSort = (column, sortOrder) => {
     const sortable = column.sortable === undefined ? true : column.sortable;
     if (sortable) {
       if (sortInfo.sortField !== column?.field) {
         order.orders = ['asc', 'desc', 'init'];
         sortInfo.sortField = column?.field;
       }
+      if (sortOrder) {
+        order.orders = ['asc', 'desc', 'init'];
+        if (sortOrder === 'desc') {
+          sortInfo.sortOrder = order.dequeue();
+          order.enqueue(sortInfo.sortOrder);
+        }
+      }
       sortInfo.sortOrder = order.dequeue();
       order.enqueue(sortInfo.sortOrder);
 
@@ -609,6 +617,7 @@ export const sortEvent = (params) => {
 
 export const filterEvent = (params) => {
   const {
+    columnSettingInfo,
     filterInfo,
     stores,
     checkInfo,
@@ -630,9 +639,13 @@ export const filterEvent = (params) => {
       if (searchWord) {
         stores.searchStore = stores.store.filter((row) => {
           let isShow = false;
+          const rowData = columnSettingInfo.isFilteringColumn ? row[ROW_DATA_INDEX]
+              .filter((data, idx) => columnSettingInfo.visibleColumnIdx
+                .includes(idx)) : row[ROW_DATA_INDEX];
+
           for (let ix = 0; ix < stores.orderedColumns.length; ix++) {
             const column = stores.orderedColumns[ix] || {};
-            let columnValue = row[ROW_DATA_INDEX][ix] ?? null;
+            let columnValue = rowData[ix] ?? null;
             column.type = column.type || 'string';
             if (columnValue !== null) {
               if (typeof columnValue === 'object') {
@@ -682,6 +695,9 @@ export const contextMenuEvent = (params) => {
     contextInfo,
     stores,
     selectInfo,
+    onSort,
+    setColumnHidden,
+    useColumnSetting,
   } = params;
   /**
    * 컨텍스트 메뉴를 설정한다.
@@ -710,6 +726,31 @@ export const contextMenuEvent = (params) => {
 
     contextInfo.contextMenuItems = menuItems;
   };
+  const onColumnContextMenu = (event, column) => {
+    if (event.target.className === 'column-name') {
+      const sortable = column.sortable === undefined ? true : column.sortable;
+      contextInfo.columnMenuItems = [
+        {
+          text: 'Ascending',
+          iconClass: 'ev-icon-allow2-up',
+          disabled: !sortable,
+          click: () => onSort(column, 'asc'),
+        },
+        {
+          text: 'Descending',
+          iconClass: 'ev-icon-allow2-down',
+          disabled: !sortable,
+          click: () => onSort(column, 'desc'),
+        },
+        {
+          text: 'Hide',
+          iconClass: 'ev-icon-visibility-off',
+          disabled: !useColumnSetting.value,
+          click: () => setColumnHidden(column.field),
+        },
+      ];
+    }
+  };
   /**
    * 마우스 우클릭 이벤트를 처리한다.
    *
@@ -718,7 +759,10 @@ export const contextMenuEvent = (params) => {
   const onContextMenu = (event) => {
     const target = event.target;
     const rowIndex = target.closest('.row')?.dataset?.index;
-
+    if (target.classList.contains('row-contextmenu__btn')) {
+      setContextMenu();
+      return;
+    }
     let clickedRow;
     if (rowIndex) {
       clickedRow = stores.viewStore.find(row => row[ROW_INDEX] === +rowIndex)?.[ROW_DATA_INDEX];
@@ -734,7 +778,11 @@ export const contextMenuEvent = (params) => {
       emit('update:selected', []);
     }
   };
-  return { setContextMenu, onContextMenu };
+  return {
+    setContextMenu,
+    onContextMenu,
+    onColumnContextMenu,
+  };
 };
 
 export const storeEvent = (params) => {
@@ -841,3 +889,40 @@ export const pagingEvent = (params) => {
   };
   return { getPagingData, updatePagingInfo, changePage };
 };
+
+export const columnSettingEvent = (params) => {
+  const { props } = getCurrentInstance();
+  const {
+    stores,
+    columnSettingInfo,
+    onSearch,
+  } = params;
+  const setColumnSetting = () => {
+    columnSettingInfo.isShowColumnSetting = true;
+  };
+  const setFilteringColumn = () => {
+    columnSettingInfo.visibleColumnIdx = stores.filteredColumns.map(column => column.index);
+
+    const originColumnIdx = stores.originColumns.map(column => column.index);
+    const visibleColumnIdx = columnSettingInfo.visibleColumnIdx;
+    columnSettingInfo.isFilteringColumn = (visibleColumnIdx !== originColumnIdx.length);
+
+    // 컬럼을 필터링했을 때, 검색어가 있는 경우 재검색
+    if (props.option.searchValue) {
+      onSearch(props.option.searchValue);
+    }
+  };
+  const onApplyColumn = (columns) => {
+    stores.filteredColumns = stores.originColumns.filter(cur => columns.includes(cur.field));
+    setFilteringColumn();
+  };
+  const setColumnHidden = (val) => {
+    const columns = columnSettingInfo.isFilteringColumn
+      ? stores.filteredColumns : stores.originColumns;
+    stores.filteredColumns = columns.filter(column => column.field !== val);
+    columnSettingInfo.hiddenColumn = val;
+    setFilteringColumn();
+  };
+
+  return { setColumnSetting, onApplyColumn, setColumnHidden };
+};

package/src/style/themes.scss

@@ -31,9 +31,10 @@ $ev-themes: (
     -------------------------- */
     grid-header-border: #7F7F7F,
     grid-bottom-border: #CFCFCF,
-    grid-row-selected: rgba(#DBF0F9, 0.6),
+    grid-row-selected: #DBF0F9,
     grid-cell-text: rgba(#191919, 0.8),
-    grid-row-stripe: rgba(#E5E5E5, 0.6),
+    grid-row-stripe: #E5E5E5,
+    grid-background: #FFFFFF,
   ),
   dark: (
     /* primary color
@@ -60,5 +61,9 @@ $ev-themes: (
     -------------------------- */
     slider-mark-background: #B2B2B2,
     tooltip-background: #555555,
+
+    /* grid
+    -------------------------- */
+    grid-background: #0D0D0D,
   ),
 ) !default;

package/dist/img/icon_mongodb.4643494b.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 598.88 1333.33" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><g fill-rule="nonzero"><path d="M295.27 3.65l35.58 66.83c8 12.33 16.67 23.25 26.87 33.42 29.79 29.79 58.08 60.99 83.5 94.41 60.28 79.16 100.95 167.07 129.98 262.14 17.42 58.08 26.87 117.66 27.58 177.9 2.91 180.11-58.83 334.76-183.31 463.28-20.33 20.33-42.08 39.16-65.41 55.91-12.33 0-18.17-9.46-23.25-18.16-9.45-15.96-15.25-34.17-18.16-52.29-4.38-21.8-7.25-43.58-5.83-66.08v-10.16c-1-2.17-11.87-1002.07-7.54-1007.19v.01z" fill="#599636"/><path d="M295.27 1.43c-1.46-2.91-2.91-.71-4.38.71.71 14.58-4.38 27.58-12.33 40-8.75 12.33-20.33 21.8-31.96 31.96-64.57 55.91-115.4 123.45-156.11 198.98C36.33 374.74 8.41 483.68.5 598.38c-3.62 41.37 13.09 187.36 26.13 229.48 35.58 111.82 99.49 205.52 182.27 286.84 20.33 19.58 42.08 37.74 64.58 55.2 6.54 0 7.25-5.83 8.74-10.17 2.85-9.28 5.06-18.76 6.54-28.34l14.58-108.9L295.26 1.43z" fill="#6cac48"/><path d="M330.85 1201.77c1.46-16.67 9.46-30.5 18.17-44.29-8.75-3.62-15.25-10.83-20.33-18.87-4.38-7.25-8-15.96-10.83-23.96-10.17-30.5-12.33-62.5-15.25-93.66v-18.87c-3.62 2.91-4.38 27.58-4.38 31.25-2.03 32.85-6.54 65.8-13.08 98.05-2.17 13.08-3.62 26.12-11.67 37.74 0 1.46 0 2.91.71 5.09 13.08 38.5 16.67 77.7 18.87 117.66v14.58c0 17.41-.71 13.74 13.75 19.58 5.83 2.17 12.33 2.91 18.16 7.25 4.38 0 5.09-3.62 5.09-6.54l-2.17-23.96v-66.83c-.71-11.67 1.46-23.25 2.91-34.16l.05-.06z" fill="#c2bfbf"/></g></svg>

package/dist/img/icon_mysql.1085fdc9.svg

@@ -1,78 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512.003 512.003" style="enable-background:new 0 0 512.003 512.003;" xml:space="preserve">
-<g>
-	<path style="fill:#546E7A;" d="M510.042,495.168c-8.771-12.365-22.979-22.625-38.021-33.49
-		c-16.198-11.677-32.833-23.688-41.167-37.646c31.615-6.604,71.615-18.573,73.542-19.146c3.438-1.031,6.135-3.729,7.156-7.167
-		c1.031-3.438,0.26-7.167-2.052-9.917c-2.063-2.448-50.49-59.271-128.656-87.146c-3.448-6.906-7.292-15.76-11.76-26
-		C337.604,202.429,272.25,52.533,99.823,32.366C86.083,23.085,50.073,0.002,32,0.002c-22.427,0-32,9.573-32,32
-		c0,10.917,8.885,23.677,23.375,43.604c7.083,9.74,18.938,26.042,19.292,31.063c0,17.458,20.25,73.979,40.615,98.156
-		c-0.583,1.24-1.167,2.458-1.74,3.667C72.521,227.502,64,245.46,64,288.002c0,56.021,26.833,85.333,53.333,85.333
-		c16.448,0,24.635-18.667,28.573-40.521c14.615,29.656,38.49,68.292,71.938,91.906c4.823,3.375,11.479,2.229,14.875-2.563
-		c3.396-4.823,2.25-11.469-2.563-14.875c-53.042-37.438-81.073-121.74-81.354-122.594c-1.625-4.979-6.729-8.063-11.813-7.219
-		c-5.177,0.823-8.99,5.292-8.99,10.531c0,29.292-5.583,60.5-10.667,64c-15.385,0-32-24.469-32-64
-		c0-37.74,6.833-52.135,15.479-70.365c1.615-3.406,3.281-6.906,4.938-10.635c1.906-4.302,0.781-9.344-2.781-12.417
-		C86.531,180.429,64,120.835,64,106.668c0-10.917-8.885-23.677-23.375-43.604c-7.083-9.74-18.938-26.042-19.292-31.063
-		c0-10.667,0-10.667,10.667-10.667c8.646,0,36.823,15.635,57.969,30.135c1.448,0.99,3.125,1.615,4.885,1.802
-		c162.115,17.583,222.333,155.708,254.677,229.917c5.448,12.5,10.156,23.302,14.406,31.198c1.281,2.385,3.417,4.188,5.969,5.052
-		c53.24,18.042,92.938,51.76,111.542,69.865c-18.167,5.094-47.177,12.844-67.198,16.177c-2.938,0.49-5.542,2.188-7.167,4.677
-		c-1.635,2.49-2.156,5.542-1.427,8.427c6.552,26.25,31.698,44.396,53.875,60.396c13.573,9.792,26.385,19.042,33.094,28.521
-		c2.083,2.938,5.375,4.5,8.719,4.5c2.135,0,4.281-0.635,6.156-1.958C512.302,506.637,513.448,499.981,510.042,495.168z"/>
-	<path style="fill:#546E7A;" d="M96,85.335c0,5.896,4.771,10.667,10.667,10.667c5.885,0,10.667,4.781,10.667,10.667
-		c0,5.896,4.771,10.667,10.667,10.667c5.896,0,10.667-4.771,10.667-10.667c0-17.646-14.354-32-32-32
-		C100.771,74.668,96,79.439,96,85.335z"/>
-</g>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-48.9542" y1="640.6776" x2="-20.5711" y2="627.4446" gradientTransform="matrix(21.3333 0 0 -21.3333 996.3027 13791.7012)">
-	<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.2"/>
-	<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
-</linearGradient>
-<path style="fill:url(#SVGID_1_);" d="M510.042,495.168c-8.771-12.365-22.979-22.625-38.021-33.49
-	c-16.198-11.677-32.833-23.688-41.167-37.646c31.615-6.604,71.615-18.573,73.542-19.146c3.438-1.031,6.135-3.729,7.156-7.167
-	c1.031-3.438,0.26-7.167-2.052-9.917c-2.063-2.448-50.49-59.271-128.656-87.146c-3.448-6.906-7.292-15.76-11.76-26
-	C337.604,202.429,272.25,52.533,99.823,32.366C86.083,23.085,50.073,0.002,32,0.002c-22.427,0-32,9.573-32,32
-	c0,10.917,8.885,23.677,23.375,43.604c7.083,9.74,18.938,26.042,19.292,31.063c0,17.458,20.25,73.979,40.615,98.156
-	c-0.583,1.24-1.167,2.458-1.74,3.667C72.521,227.502,64,245.46,64,288.002c0,56.021,26.833,85.333,53.333,85.333
-	c16.448,0,24.635-18.667,28.573-40.521c14.615,29.656,38.49,68.292,71.938,91.906c4.823,3.375,11.479,2.229,14.875-2.563
-	c3.396-4.823,2.25-11.469-2.563-14.875c-53.042-37.438-81.073-121.74-81.354-122.594c-1.625-4.979-6.729-8.063-11.813-7.219
-	c-5.177,0.823-8.99,5.292-8.99,10.531c0,29.292-5.583,60.5-10.667,64c-15.385,0-32-24.469-32-64c0-37.74,6.833-52.135,15.479-70.365
-	c1.615-3.406,3.281-6.906,4.938-10.635c1.906-4.302,0.781-9.344-2.781-12.417C86.531,180.429,64,120.835,64,106.668
-	c0-10.917-8.885-23.677-23.375-43.604c-7.083-9.74-18.938-26.042-19.292-31.063c0-10.667,0-10.667,10.667-10.667
-	c8.646,0,36.823,15.635,57.969,30.135c1.448,0.99,3.125,1.615,4.885,1.802c162.115,17.583,222.333,155.708,254.677,229.917
-	c5.448,12.5,10.156,23.302,14.406,31.198c1.281,2.385,3.417,4.188,5.969,5.052c53.24,18.042,92.938,51.76,111.542,69.865
-	c-18.167,5.094-47.177,12.844-67.198,16.177c-2.938,0.49-5.542,2.188-7.167,4.677c-1.635,2.49-2.156,5.542-1.427,8.427
-	c6.552,26.25,31.698,44.396,53.875,60.396c13.573,9.792,26.385,19.042,33.094,28.521c2.083,2.938,5.375,4.5,8.719,4.5
-	c2.135,0,4.281-0.635,6.156-1.958C512.302,506.637,513.448,499.981,510.042,495.168z M96,85.335c0,5.896,4.771,10.667,10.667,10.667
-	c5.885,0,10.667,4.781,10.667,10.667c0,5.896,4.771,10.667,10.667,10.667c5.896,0,10.667-4.771,10.667-10.667
-	c0-17.646-14.354-32-32-32C100.771,74.668,96,79.439,96,85.335z"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>

package/dist/img/icon_oracle.0572d3ee.svg

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FF0000;}
-</style>
-<g>
-	<path class="st0" d="M161.9,417.9C72.5,417.9,0,345.5,0,256.1c0-89.4,72.5-162,161.9-162h188.2c89.4,0,161.9,72.6,161.9,162
-		c0,89.4-72.5,161.8-161.9,161.8H161.9z M345.9,360.8c57.9,0,104.8-46.8,104.8-104.7c0-57.9-46.9-104.9-104.8-104.9H166.1
-		c-57.9,0-104.8,47-104.8,104.9c0,57.9,46.9,104.7,104.8,104.7H345.9z"/>
-</g>
-</svg>

package/dist/img/icon_postgresql.ee12bde8.svg

@@ -1,58 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#336791;}
-	.st1{fill:#FFFFFF;}
-</style>
-<g>
-	<path d="M503,306.7c-3-9-10.8-15.3-20.9-16.8c-4.8-0.7-10.2-0.4-16.7,0.9c-11.3,2.3-19.6,3.2-25.7,3.4
-		c23-38.9,41.7-83.2,52.5-124.9c17.4-67.5,8.1-98.2-2.8-112.1C460.6,20.4,418.6,0.6,367.9,0c-27-0.3-50.8,5-63.1,8.8
-		c-11.5-2-23.9-3.2-36.9-3.4c-24.4-0.4-45.9,4.9-64.3,15.8C193.3,17.9,177,13,158.1,9.9C113.7,2.6,77.9,8.3,51.7,26.8
-		C20,49.2,5.3,88.1,8,142.5c0.9,17.3,10.5,69.8,25.7,119.6c8.7,28.6,18,52.4,27.7,70.6c13.7,25.9,28.3,41.1,44.7,46.6
-		c9.2,3.1,25.9,5.2,43.5-9.4c2.2,2.7,5.2,5.4,9.1,7.9c5,3.2,11.1,5.7,17.3,7.3c22.1,5.5,42.7,4.1,60.3-3.6c0.1,3.1,0.2,6.1,0.3,8.7
-		c0.1,4.2,0.2,8.3,0.4,12.2c1,26,2.8,46.2,8.1,60.4c0.3,0.8,0.7,2,1.1,3.2c2.6,8,7,21.4,18.1,31.9c11.5,10.9,25.5,14.2,38.2,14.2
-		c6.4,0,12.5-0.8,17.9-2c19.1-4.1,40.8-10.3,56.5-32.7c14.8-21.1,22-52.9,23.3-103c0.2-1.4,0.3-2.8,0.5-4.1c0.1-0.9,0.2-1.8,0.3-2.6
-		l3.5,0.3l0.9,0.1c19.5,0.9,43.2-3.2,57.8-10C474.7,352.6,511.7,333.1,503,306.7"/>
-	<path class="st0" d="M469.7,311.8c-57.8,11.9-61.8-7.7-61.8-7.7c61.1-90.6,86.6-205.6,64.6-233.8C412.4-6.4,308.4,29.9,306.6,30.9
-		l-0.6,0.1c-11.4-2.4-24.2-3.8-38.6-4c-26.2-0.4-46,6.9-61.1,18.3c0,0-185.6-76.4-176.9,96.1c1.8,36.7,52.6,277.8,113.2,205
-		c22.1-26.6,43.5-49.1,43.5-49.1c10.6,7.1,23.3,10.7,36.7,9.4l1-0.9c-0.3,3.3-0.2,6.5,0.4,10.4c-15.6,17.4-11,20.5-42.2,26.9
-		c-31.6,6.5-13,18.1-0.9,21.1c14.7,3.7,48.6,8.9,71.6-23.3l-0.9,3.7c6.1,4.9,10.4,31.9,9.7,56.3c-0.7,24.4-1.2,41.2,3.6,54.3
-		c4.8,13.1,9.6,42.6,50.6,33.8c34.3-7.3,52-26.4,54.5-58.1c1.8-22.6,5.7-19.2,6-39.4l3.2-9.6c3.7-30.6,0.6-40.5,21.7-35.9l5.1,0.5
-		c15.5,0.7,35.9-2.5,47.8-8C479.8,326.5,495.1,306.6,469.7,311.8L469.7,311.8"/>
-	<path class="st1" d="M217.3,157.8c-5.2-0.7-9.9-0.1-12.3,1.8c-1.3,1-1.8,2.2-1.9,3c-0.3,2.1,1.2,4.5,2.1,5.7
-		c2.6,3.5,6.4,5.9,10.2,6.4c0.5,0.1,1.1,0.1,1.6,0.1c6.3,0,12-4.9,12.6-8.5C230.3,161.7,223.7,158.7,217.3,157.8"/>
-	<path class="st1" d="M389.9,158L389.9,158c-0.5-3.6-6.8-4.6-12.8-3.7c-6,0.8-11.8,3.5-11.3,7.1c0.4,2.8,5.4,7.5,11.3,7.5
-		c0.5,0,1,0,1.5-0.1c4-0.5,6.9-3.1,8.2-4.5C388.9,162,390.1,159.6,389.9,158"/>
-	<path class="st1" d="M489,310.5c-2.2-6.7-9.3-8.8-21.1-6.4c-35,7.2-47.5,2.2-51.7-0.8c27.2-41.5,49.6-91.6,61.7-138.3
-		c5.7-22.1,8.9-42.7,9.1-59.5c0.3-18.4-2.8-31.9-9.3-40.2C451.7,32,413.4,14.1,367.1,13.6c-31.8-0.4-58.7,7.8-63.9,10.1
-		c-11-2.7-22.9-4.4-36-4.6c-23.9-0.4-44.6,5.3-61.7,17c-7.4-2.8-26.6-9.4-50.1-13.1c-40.6-6.5-72.8-1.6-95.9,14.7
-		C32.1,57.1,19.5,91.9,21.9,141c0.8,16.5,10.2,67.4,25.1,116.1c19.6,64.1,40.8,100.4,63.2,107.9c2.6,0.9,5.6,1.5,9,1.5
-		c8.2,0,18.2-3.7,28.6-16.2c17.3-20.8,33.4-38.2,39.4-44.6c8.8,4.7,18.5,7.4,28.3,7.6c0,0.3,0,0.5,0.1,0.8c-2,2.4-3.6,4.4-5,6.2
-		c-6.8,8.7-8.3,10.5-30.3,15c-6.3,1.3-22.9,4.7-23.2,16.4c-0.3,12.8,19.7,18.1,22,18.7c7.9,2,15.6,3,22.8,3
-		c17.7,0,33.3-5.8,45.7-17.1c-0.4,45.5,1.5,90.3,7,103.9c4.5,11.2,15.4,38.5,49.9,38.5c5.1,0,10.6-0.6,16.8-1.9
-		c36-7.7,51.7-23.6,57.7-58.7c3.2-18.8,8.8-63.5,11.4-87.6c5.5,1.7,12.6,2.5,20.3,2.5c16,0,34.5-3.4,46.1-8.8
-		C469.8,338.2,493.2,323.4,489,310.5z M403.2,148.1c-0.1,7.1-1.1,13.5-2.1,20.3c-1.1,7.2-2.3,14.7-2.6,23.8
-		c-0.3,8.8,0.8,18,1.9,26.9c2.2,17.9,4.4,36.4-4.2,54.6c-1.3-2.4-2.6-4.9-3.8-7.8c-1.1-2.6-3.4-6.7-6.6-12.5
-		c-12.4-22.3-41.6-74.6-26.7-95.9C363.6,151.1,374.9,144.6,403.2,148.1z M368.9,28c41.5,0.9,74.3,16.4,97.5,46.1
-		c17.8,22.8-1.8,126.4-58.6,215.8c-0.6-0.7-1.1-1.4-1.7-2.2c-0.2-0.3-0.5-0.6-0.7-0.9c14.7-24.2,11.8-48.2,9.3-69.5
-		c-1-8.7-2-17-1.8-24.7c0.3-8.2,1.3-15.2,2.4-22.1c1.3-8.4,2.6-17.1,2.2-27.3c0.3-1.1,0.4-2.3,0.2-3.8c-0.9-9.8-12.1-39.2-35-65.7
-		c-12.5-14.5-30.7-30.8-55.6-41.8C337.9,29.7,352.5,27.6,368.9,28z M136.8,341.1c-11.5,13.8-19.4,11.1-22,10.3
-		c-17-5.7-36.7-41.5-54-98.4c-15-49.2-23.8-98.7-24.5-112.6C34,96.4,44.7,65.8,67.9,49.4c37.7-26.8,99.8-10.7,124.7-2.6
-		c-0.4,0.4-0.7,0.7-1.1,1c-40.9,41.3-39.9,111.9-39.8,116.2c0,1.7,0.1,4,0.3,7.3c0.7,11.9,2,34-1.5,59c-3.3,23.3,3.9,46,19.7,62.4
-		c1.6,1.7,3.3,3.3,5.1,4.8C168.2,305,153,321.6,136.8,341.1z M180.5,282.8c-12.7-13.2-18.5-31.7-15.8-50.5
-		c3.7-26.4,2.3-49.5,1.6-61.8c-0.1-1.7-0.2-3.2-0.2-4.4c6-5.3,33.7-20.1,53.4-15.6c9,2.1,14.5,8.2,16.8,18.8
-		c11.8,54.6,1.6,77.4-6.7,95.7c-1.7,3.8-3.3,7.3-4.7,11l-1.1,2.8c-2.7,7.2-5.2,13.9-6.7,20.3C203.6,299,190.5,293.2,180.5,282.8z
-		 M182.5,356.5c-3.9-1-7.5-2.7-9.6-4.1c1.7-0.8,4.8-1.9,10.2-3c25.9-5.3,29.9-9.1,38.7-20.2c2-2.5,4.3-5.4,7.4-8.9l0,0
-		c4.7-5.2,6.8-4.4,10.7-2.7c3.2,1.3,6.2,5.3,7.5,9.6c0.6,2.1,1.3,6-0.9,9C228.3,361.6,201.7,361.3,182.5,356.5z M318.3,482.8
-		c-31.7,6.8-43-9.4-50.4-27.9c-4.8-11.9-7.1-65.8-5.5-125.3c0-0.8-0.1-1.6-0.3-2.3c-0.2-1.4-0.5-2.8-0.9-4.2
-		c-2.5-8.7-8.5-15.9-15.8-18.9c-2.9-1.2-8.2-3.4-14.5-1.8c1.4-5.6,3.7-11.9,6.2-18.7l1.1-2.9c1.2-3.2,2.7-6.6,4.3-10.1
-		c8.6-19.2,20.4-45.4,7.6-104.6c-4.8-22.2-20.8-33-45.1-30.5c-14.6,1.5-27.9,7.4-34.5,10.8c-1.4,0.7-2.7,1.4-4,2.1
-		c1.9-22.4,8.9-64.2,35.1-90.6C218.2,41.2,240.2,33,267,33.4c52.8,0.9,86.6,27.9,105.7,50.5c16.5,19.4,25.4,39,28.9,49.6
-		c-26.7-2.7-44.9,2.6-54.2,15.7c-20.1,28.7,11,84.3,25.9,111.1c2.7,4.9,5.1,9.1,5.8,10.9c4.9,11.8,11.1,19.6,15.7,25.4
-		c1.4,1.8,2.8,3.5,3.8,5c-8.1,2.3-22.7,7.7-21.3,34.7c-1.1,13.5-8.7,76.9-12.5,99.3C359.8,465.2,348.9,476.2,318.3,482.8z
-		 M450.7,331.2c-8.3,3.8-22.1,6.7-35.3,7.3c-14.5,0.7-21.9-1.6-23.7-3c-0.8-16.8,5.4-18.6,12.1-20.4c1-0.3,2.1-0.6,3-0.9
-		c0.6,0.5,1.3,1,2,1.5c11.7,7.7,32.5,8.5,62,2.5l0.3-0.1C467.1,321.8,460.3,326.8,450.7,331.2z"/>
-</g>
-</svg>