renusify 2.3.1 → 2.4.0

package/components/highlight/style.scss

@@ -0,0 +1,103 @@
+@use "../../style/variables/base";
+
+.#{base.$prefix}highlight {
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  padding: 30px 20px;
+  color: #f8f8f2;
+  background: #1a1a1c;
+  box-shadow: 0 0 5px #fff;
+  text-shadow: none;
+  font: normal 18px Consolas, "Courier New", Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  line-height: 24px;
+  box-sizing: border-box;
+
+  &::selection {
+    background: #bdf5
+  }
+
+  > div {
+    display: flex;
+    overflow: auto
+  }
+
+  > div :last-child {
+    flex: 1;
+    outline: none
+  }
+
+  &:before {
+    color: #6f9aff
+  }
+
+  .highlight-numbers {
+    padding-left: 5px;
+    counter-reset: line;
+
+    div {
+      padding-right: 5px;
+
+      &::before {
+        color: #fff;
+        display: block;
+        content: counter(line);
+        opacity: .5;
+        text-align: right;
+        margin-right: 5px;
+        counter-increment: line
+      }
+    }
+  }
+
+  .highlight-syn-cmnt {
+    font-style: italic
+  }
+
+
+  .highlight-lang-http .highlight-syn-kwd {
+    background: #25f;
+    color: #fff;
+    padding: 0px 5px;
+    border-radius: 5px
+  }
+
+  .highlight-syn-deleted,
+  .highlight-syn-err,
+  .highlight-syn-var {
+    color: #ff5261
+  }
+
+  .highlight-syn-section,
+  .highlight-syn-kwd {
+    color: #ff7cc6
+  }
+
+  .highlight-syn-class {
+    color: #eab07c
+  }
+
+  .highlight-numbers,
+  .highlight-syn-cmnt {
+    color: #7d828b
+  }
+
+  .highlight-syn-insert,
+  .highlight-syn-type,
+  .highlight-syn-func,
+  .highlight-syn-bool {
+    color: #71d58a
+  }
+
+  .highlight-syn-num {
+    color: #b581fd
+  }
+
+  .highlight-syn-oper {
+    color: #80c6ff
+  }
+
+  .highlight-syn-str {
+    color: #4dacfa
+  }
+}

package/components/index.js

@@ -79,6 +79,7 @@ export * as rTimeAgo from './timeAgo/index.js'
 export * as rTimeline from './timeline/index.js'
 export * as rTour from './tour/index.js'
 export * as rTree from './tree/index.js'
+export * as rHighlight from './highlight/index.js'
 
 export const _register = (app, components) => {
     let d = {}

package/components/table/crud/index.vue

@@ -24,7 +24,8 @@
              class="mb-5">
           <template v-if="item['formInput']!==false">
 
-            <r-json-input v-if="item['type']==='file-uploader'" v-model="copyItem['d'][key]" :label="$t(key,'renusify')"
+            <r-json-input v-if="item['type']==='file-uploader'" v-model="copyItem['d'][key]"
+                          :label="$t(key,'renusify')"
                           baseArray></r-json-input>
             <component
                 :is="item['type']"
@@ -60,37 +61,44 @@
                    @a-search="(a_search=$event),(searching())"></manage-header>
     <div v-if="card" class="d-flex overflow-x-auto">
       <div class="d-flex">
-        <r-card v-for="(item,i) in table.data" :key="i" :class="{'br-lg':!$r.inputs.tile}" class="pa-3 me-3"
+        <r-card v-for="(item,i) in table.data" :key="i" :class="{'br-lg':!$r.inputs.tile}"
+                class="pa-3 me-3"
                 style="width: 300px">
-          <div v-for="(h,j) in headerTable" :key="i+'-'+j" class="d-flex text-no-wrap overflow-x-auto">
-            <slot :data="item" :header="h" name="card">
-              <div v-if="h['option']['type']==='r-date-input' && item[h['value']]!==undefined" class="py-2">
-                {{ h['text'] }}: {{ $d(new Date(item[h['value']]), h['option']['format'] || 'short') }}
-              </div>
-              <div
-                  v-else-if="h['option']['type']==='r-time-ago' && item[h['value']]!==undefined" class="py-2">
-                {{ h['text'] }}:
-                <r-time-ago :time="item[h['value']]"></r-time-ago>
-              </div>
-              <div v-else-if="h['option']['type']==='r-switch-input'" class="d-flex py-2">
-                {{ h['text'] }}:
-                <r-switch-input
-                    :modelValue="item[h['value']]"
-                    :readonly="h['option']['formInput']===false"
-                    class="mt-0"
-                    @update:modelValue="h['option']['formInput']!==false?editItem(item,true,h['value']):''"
-                ></r-switch-input>
-              </div>
-              <div v-else-if="h['option']['type'] === 'r-number-input'" class="py-2">
-                {{ h['text'] }}: {{ $n(item[h["value"]]) }}
-              </div>
-              <div v-else-if="h['option']['type']!=='action'" class="py-2">
-                {{ h['text'] }}: {{
+          <div v-for="(h,j) in headerTable" :key="i+'-'+j"
+               class="d-flex text-no-wrap overflow-x-auto">
+            <slot :editItem="editItem" :item="item" :value="h" :name="'td-'+h.value">
+              <slot :editItem="editItem" :item="item" :value="h" name="card">
+                <div v-if="h['option']['type']==='r-date-input' && item[h['value']]!==undefined"
+                     class="py-2">
+                  {{ h['text'] }}:
+                  {{ $d(new Date(item[h['value']]), h['option']['format'] || 'short') }}
+                </div>
+                <div
+                    v-else-if="h['option']['type']==='r-time-ago' && item[h['value']]!==undefined"
+                    class="py-2">
+                  {{ h['text'] }}:
+                  <r-time-ago :time="item[h['value']]"></r-time-ago>
+                </div>
+                <div v-else-if="h['option']['type']==='r-switch-input'" class="d-flex py-2">
+                  {{ h['text'] }}:
+                  <r-switch-input
+                      :modelValue="item[h['value']]"
+                      :readonly="h['option']['formInput']===false"
+                      class="mt-0"
+                      @update:modelValue="h['option']['formInput']!==false?editItem(item,true,h['value']):''"
+                  ></r-switch-input>
+                </div>
+                <div v-else-if="h['option']['type'] === 'r-number-input'" class="py-2">
+                  {{ h['text'] }}: {{ $n(item[h['value']]) }}
+                </div>
+                <div v-else-if="h['option']['type']!=='action'" class="py-2">
+                  {{ h['text'] }}: {{
                   h['value'] in cast ?
-                      $helper.ifHas(item, '', h['value'], cast[h['value']])
-                      : item[h['value']]
-                }}
-              </div>
+                  $helper.ifHas(item, '', h['value'], cast[h['value']])
+                  : item[h['value']]
+                  }}
+                </div>
+              </slot>
             </slot>
             <div v-if="h['option']['type']==='action'" class="w-full text-end">
               <r-divider class="mt-3"></r-divider>
@@ -102,7 +110,8 @@
                      icon text @click.prevent="deleteItem(item)">
                 <r-icon v-html="$r.icons.delete"></r-icon>
               </r-btn>
-              <r-btn v-for="(val,index) in actions" :key="index" :class="`color-${val.color}-text`" class="mx-0" icon
+              <r-btn v-for="(val,index) in actions" :key="index" :class="`color-${val.color}-text`"
+                     class="mx-0" icon
                      text @click.prevent="$emit(val.name,item)">
                 <r-icon exact v-html="val.icon"></r-icon>
               </r-btn>
@@ -111,7 +120,8 @@
         </r-card>
       </div>
     </div>
-    <r-table v-else :headers="headerTable" :items="table.data" :key-item="itemId" :responsive="responsive"
+    <r-table v-else :headers="headerTable" :items="table.data" :key-item="itemId"
+             :responsive="responsive"
              transition="table-row">
       <template v-slot:header="{header}">
         <th v-for="(item,key) in header"
@@ -157,33 +167,37 @@
                    icon text @click.prevent="props.open(props.key)">
               <r-icon v-html="props.opened!==props.key?$r.icons.plus:$r.icons.minus"></r-icon>
             </r-btn>
-            <slot :editItem="editItem" :item="props.item" :value="value" name="cell">
-              <div
-                  v-if="value['option']['type']==='r-date-input' && props.item[value['value']]!==undefined">
-                {{ $d(new Date(props.item[value['value']]), value['option']['format'] || 'short') }}
-              </div>
-              <div
-                  v-else-if="value['option']['type']==='r-time-ago' && props.item[value['value']]!==undefined">
-                <r-time-ago :time="props.item[value['value']]"></r-time-ago>
-              </div>
-              <div v-else-if="value['option']['type']==='r-switch-input'">
-                <r-switch-input
-                    :modelValue="props.item[value['value']]"
-                    :readonly="value['option']['formInput']===false"
-                    class="mt-0"
-                    @update:modelValue="value['option']['formInput']!==false?editItem(props.item,true,value['value']):''"
-                ></r-switch-input>
-              </div>
-              <div v-else-if="value['option']['type'] === 'r-number-input'">
-                {{ $n(props.item[value["value"]]) }}
-              </div>
-              <div v-else-if="value['option']['type']!=='action'">
-                {{
+            <slot :editItem="editItem" :item="props.item" :value="value" :name="'td-'+value.value">
+              <slot :editItem="editItem" :item="props.item" :value="value" name="cell">
+                <div
+                    v-if="value['option']['type']==='r-date-input' && props.item[value['value']]!==undefined">
+                  {{
+                  $d(new Date(props.item[value['value']]), value['option']['format'] || 'short')
+                  }}
+                </div>
+                <div
+                    v-else-if="value['option']['type']==='r-time-ago' && props.item[value['value']]!==undefined">
+                  <r-time-ago :time="props.item[value['value']]"></r-time-ago>
+                </div>
+                <div v-else-if="value['option']['type']==='r-switch-input'">
+                  <r-switch-input
+                      :modelValue="props.item[value['value']]"
+                      :readonly="value['option']['formInput']===false"
+                      class="mt-0"
+                      @update:modelValue="value['option']['formInput']!==false?editItem(props.item,true,value['value']):''"
+                  ></r-switch-input>
+                </div>
+                <div v-else-if="value['option']['type'] === 'r-number-input'">
+                  {{ $n(props.item[value['value']]) }}
+                </div>
+                <div v-else-if="value['option']['type']!=='action'">
+                  {{
                   value['value'] in cast ?
-                      $helper.ifHas(props.item, '', value['value'], cast[value['value']])
-                      : props.item[value['value']]
-                }}
-              </div>
+                  $helper.ifHas(props.item, '', value['value'], cast[value['value']])
+                  : props.item[value['value']]
+                  }}
+                </div>
+              </slot>
             </slot>
             <div v-if="value['option']['type']==='action'">
               <r-btn v-if="!disableUpdate" class="mx-0 color-success-text"
@@ -194,7 +208,8 @@
                      icon text @click.prevent="deleteItem(props.item)">
                 <r-icon v-html="$r.icons.delete"></r-icon>
               </r-btn>
-              <r-btn v-for="(val,index) in actions" :key="index" :class="`color-${val.color}-text`" class="mx-0" icon
+              <r-btn v-for="(val,index) in actions" :key="index" :class="`color-${val.color}-text`"
+                     class="mx-0" icon
                      text @click.prevent="$emit(val.name,props.item)">
                 <r-icon exact v-html="val.icon"></r-icon>
               </r-btn>
@@ -204,7 +219,8 @@
       </template>
 
     </r-table>
-    <manage-footer v-model:page="page" v-model:per-page="itemsPerPage" :total="table.total"></manage-footer>
+    <manage-footer v-model:page="page" v-model:per-page="itemsPerPage"
+                   :total="table.total"></manage-footer>
     <r-confirm
         v-model="showConfirm"
         hard
@@ -221,9 +237,9 @@ export default {
   name: 'r-table-crud',
   components: {
     ManageHeader: defineAsyncComponent(() =>
-        import("./header.vue")
+        import('./header.vue')
     ), ManageFooter: defineAsyncComponent(() =>
-        import("./footer.vue")
+        import('./footer.vue')
     )
   },
   props: {
@@ -260,7 +276,7 @@ export default {
     disableDelete: Boolean,
     disableUpdate: Boolean,
     mcud: String,
-    itemId: {type: String, default: "_id"},
+    itemId: {type: String, default: '_id'},
     headers: Object
   },
   emits: ['actions'],
@@ -532,9 +548,9 @@ export default {
         let all = []
         if (this.mcud) {
           all.push({
-            option: {type: "mcud", sortable: false, formInput: false, priority: 10},
-            text: "action",
-            value: "action"
+            option: {type: 'mcud', sortable: false, formInput: false, priority: 10},
+            text: 'action',
+            value: 'action'
           })
         }
         all = all.concat(data.headers)

package/components/table/index.vue

@@ -43,6 +43,7 @@
                   <slot :key="key" :item="item" :open="open" :opened="opened" :show="show" :th="th"
                         name="row">
                     <td v-for="(value,k) in th" :key="`${key}- ${k}`">
+                      <slot :item="item" :value="value" :name="'td-'+value.value">
                       <div>
                         <r-btn v-if="show(k)"
                                icon text @click.prevent="open(key)">
@@ -51,6 +52,7 @@
                         </r-btn>
                         {{ item[value.value] }}
                       </div>
+                      </slot>
                     </td>
                   </slot>
                 </tr>
@@ -72,6 +74,7 @@
   </div>
   <r-modal v-if="editable" v-model="showModal">
     <div
+        :key="key"
         v-sortable="{
             items: cols,
             end: store_db,
@@ -120,6 +123,7 @@ export default {
   },
   data() {
     return {
+      key: 0,
       showTable: true,
       opened: null,
       sortKey: null,
@@ -132,14 +136,6 @@ export default {
       cols: []
     }
   },
-  created() {
-    if (!this.$r.icons.setting) {
-      this.$r.icons.setting = '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M19.14 12.94c.04-.3.06-.61.06-.94c0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6s-1.62 3.6-3.6 3.6z"/></svg>'
-    }
-    if (!this.$r.icons.drag) {
-      this.$r.icons.drag = '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M7 19v-2h2v2H7m4 0v-2h2v2h-2m4 0v-2h2v2h-2m-8-4v-2h2v2H7m4 0v-2h2v2h-2m4 0v-2h2v2h-2m-8-4V9h2v2H7m4 0V9h2v2h-2m4 0V9h2v2h-2M7 7V5h2v2H7m4 0V5h2v2h-2m4 0V5h2v2h-2Z"/></svg>'
-    }
-  },
   watch: {
     items: {
       immediate: true,
@@ -225,6 +221,7 @@ export default {
     },
     store_db(data) {
       this.$storage.set('table_' + this.hash_key, data)
+      this.key++
       this.check_hidden()
       if (this.responsive) {
         this.build()

package/directive/sortable/index.js

@@ -43,9 +43,7 @@ function mousestart(e, wrapper) {
     wrapper.el.insertBefore(holder, targetEl);
     wrapper.holder = holder
 
-    const y = event.y || event.pageY
-
-    targetEl.style.top = y - targetEl.clientHeight / 2 + "px";
+    targetEl.style.top = targetEl.offsetTop - targetEl.clientHeight / 2 + "px";
     targetEl.style.width = targetEl.clientWidth + "px";
     targetEl.classList.add("on-drag");
 

package/index.js

@@ -68,7 +68,6 @@ export default {
                     'en': {
                         first_day: 0,
                         time_zone_offset: -480,/*Standard timezone offset minutes -07:00*/
-                        daylight_saving_time: true,
                         localizeName: 'en-US',
                         timeZone: 'America/Los_Angeles',
                         rtl: false
@@ -76,7 +75,6 @@ export default {
                     'fa': {
                         first_day: 6,
                         time_zone_offset: 210,//Standard timezone offset minutes +03:30
-                        daylight_saving_time: false,
                         localizeName: 'fa-IR',
                         timeZone: 'Asia/Tehran',
                         calendar: 'persian',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "renusify",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "Vue3 Framework",
   "keywords": [
     "vuejs",

package/style/app.scss

@@ -16,13 +16,13 @@ html {
 
   & {
     text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  box-sizing: border-box;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    box-sizing: border-box;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    -webkit-text-size-adjust: 100%;
     scroll-behavior: smooth;
   }
 ;
@@ -150,27 +150,27 @@ $color-text: var(--color-on-one);
     @include mixins.typography(base.$headings, 'display-3')
   }
 
-  .headline-1 {
+  .headline-1, h1 {
     @include mixins.typography(base.$headings, 'headline-1')
   }
 
-  .headline-2 {
+  .headline-2, h2 {
     @include mixins.typography(base.$headings, 'headline-2')
   }
 
-  .headline-3 {
+  .headline-3, h3 {
     @include mixins.typography(base.$headings, 'headline-3')
   }
 
-  .title-1 {
+  .title-1, h4 {
     @include mixins.typography(base.$headings, 'title-1')
   }
 
-  .title-2 {
+  .title-2, h5 {
     @include mixins.typography(base.$headings, 'title-2');
   }
 
-  .title-3 {
+  .title-3, h6 {
     @include mixins.typography(base.$headings, 'title-3');
   }
 

package/tools/icons.js

@@ -23,5 +23,7 @@ export let Icons = {
     'attachment': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 18A5.5 5.5 0 0 1 2 12.5A5.5 5.5 0 0 1 7.5 7H18a4 4 0 0 1 4 4a4 4 0 0 1-4 4H9.5A2.5 2.5 0 0 1 7 12.5A2.5 2.5 0 0 1 9.5 10H17v1.5H9.5a1 1 0 0 0-1 1a1 1 0 0 0 1 1H18a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 18 8.5H7.5a4 4 0 0 0-4 4a4 4 0 0 0 4 4H17V18H7.5Z"/></svg>',
     'send': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="m2 21l21-9L2 3v7l15 2l-15 2v7Z"/></svg>',
     'sticker': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 2C3.56 2 2 3.56 2 5.5v13C2 20.44 3.56 22 5.5 22H16l6-6V5.5C22 3.56 20.44 2 18.5 2h-13m.25 2h12.5A1.75 1.75 0 0 1 20 5.75V15h-1.5c-1.94 0-3.5 1.56-3.5 3.5V20H5.75A1.75 1.75 0 0 1 4 18.25V5.75A1.75 1.75 0 0 1 5.75 4m8.69 2.77c-.16 0-.32.02-.47.06c-.94.26-1.47 1.22-1.23 2.17c.05.15.12.3.21.44l3.23-.88c0-.17-.02-.34-.06-.51c-.21-.75-.9-1.28-1.68-1.28M8.17 8.5c-.17 0-.32 0-.47.05c-.93.26-1.48 1.22-1.23 2.15c.03.16.12.3.21.46l3.23-.88c0-.17-.02-.34-.06-.5A1.72 1.72 0 0 0 8.17 8.5m8.55 2.76l-9.13 2.51a5.266 5.266 0 0 0 5.36 1.64a5.273 5.273 0 0 0 3.77-4.15Z"/></svg>',
-    'search': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z"/></svg>'
+    'search': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z"/></svg>',
+    'drag': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M7 19v-2h2v2H7m4 0v-2h2v2h-2m4 0v-2h2v2h-2m-8-4v-2h2v2H7m4 0v-2h2v2h-2m4 0v-2h2v2h-2m-8-4V9h2v2H7m4 0V9h2v2h-2m4 0V9h2v2h-2M7 7V5h2v2H7m4 0V5h2v2h-2m4 0V5h2v2h-2Z"/></svg>',
+    'setting': '<svg xmlns="http://www.w3.org/2000/svg"  width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M19.14 12.94c.04-.3.06-.61.06-.94c0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.488.488 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6s-1.62 3.6-3.6 3.6z"/></svg>'
 }