comand-component-library 3.1.67 → 3.1.70

package/src/components/CmdSiteHeader.vue

@@ -1,7 +1,9 @@
 <template>
     <div :class="['cmd-site-header', { sticky: sticky }]" role="banner">
         <!-- begin slot for elements above header -->
-        <slot name="top-header"></slot>
+        <div class="top-header">
+            <slot name="top-header"></slot>
+        </div>
         <!-- end for elements above header -->
 
         <!-- begin header-wrapper with slots for logo and other header elements -->
@@ -72,21 +74,28 @@ export default {
     grid-area: site-header;
     display: flex;
     flex-direction: column;
-    gap: var(--default-gap);
     border-bottom: var(--default-border);
-    background: var(--pure-white);
+    background: var(--color-scheme-background-color);
 
     &.sticky {
         position: sticky;
         z-index: 300;
     }
 
-    header, .cmd-main-navigation nav, .cmd-list-of-links > ul {
+    header, .cmd-main-navigation nav, .cmd-list-of-links {
         max-width: var(--max-width);
+        width: 100%; /* stretch flex-item */
         margin: 0 auto;
         padding: 0 var(--default-padding);
     }
 
+    .top-header {
+        .cmd-list-of-links {
+            padding-top: calc(var(--default-padding) / 2);
+            padding-bottom: calc(var(--default-padding) / 2);
+        }
+    }
+
     > .cmd-main-navigation:last-child {
         border-bottom: 0;
     }

package/src/components/CmdTabs.vue

@@ -109,23 +109,19 @@ export default {
             border-top-left-radius: var(--border-radius);
             border-top-right-radius: var(--border-radius);
             list-style-type: none;
-            background: var(--pure-white);
+            background: var(--color-scheme-background-color);
             border: var(--default-border);
 
             &.active {
                 border-bottom: 0;
                 border-color: var(--primary-color);
                 top: .1rem;
-
-                a {
-                    color: var(--primary-color);
-                }
             }
 
             a {
                 display: block;
                 padding: var(--default-padding);
-                color: var(--text-color);
+                color: var(--color-scheme-text-color);
 
                 &:hover, &:active, &:focus {
                     cursor: pointer;
@@ -154,7 +150,7 @@ export default {
         padding: var(--default-padding);
         border: var(--primary-border);
         border-radius: var(--border-radius);
-        background: var(--pure-white);
+        background: var(--color-scheme-background-color);
         border-top-left-radius: 0;
 
         > div {

package/src/components/CmdThumbnailScroller.vue

@@ -148,7 +148,7 @@ export default {
     display: table;
     margin: 0 auto calc(var(--default-margin) * 2) auto;
     border: var(--default-border);
-    background: var(--pure-white);
+    background: var(--color-scheme-background-color);
 
     > ul {
         overflow: hidden;

package/src/components/CmdToggleDarkMode.vue

@@ -0,0 +1,66 @@
+<template>
+    <div :class="['cmd-toggle-dark-mode', {'dark-mode': darkMode}]">
+        <CmdFormElement
+            element="input"
+            type="checkbox"
+            :labelText="labelText"
+            :showLabel="showLabel"
+            v-model="darkMode"
+        />
+    </div>
+</template>
+
+<script>
+import CmdFormElement from "./CmdFormElement"
+
+export default {
+    data() {
+      return {
+          darkMode: false
+      }
+    },
+    components: {
+        CmdFormElement
+    },
+    props: {
+        labelText: {
+            type: String,
+            default: "Toggle Darkmode"
+        },
+        showLabel: {
+            type: Boolean,
+            default: false
+        }
+    },
+    created() {
+        // get color-scheme (light-/dark-mode) from browser-settings
+        // this.darkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
+        // document.body.classList.add(this.darkMode ? 'dark-mode' : 'light-mode');
+
+        const mql = window.matchMedia('(prefers-color-scheme: dark)')
+        mql.addEventListener("change", this.onColorSchemeChange)
+        this.onColorSchemeChange(mql)
+    },
+    beforeUnmount() {
+        window.matchMedia('(prefers-color-scheme: dark)').removeEventListener("change", this.onColorSchemeChange)
+    },
+    methods: {
+        onColorSchemeChange(event) {
+            this.darkMode = event.matches
+            document.querySelector('html').classList.add(this.darkMode ? 'dark-mode' : 'light-mode')
+        }
+    },
+    watch: {
+        darkMode() {
+            // toggle classes to overwrite media-query styles for color-schemes
+            const htmlTag = document.querySelector('html')
+            if(this.darkMode) {
+                htmlTag.classList.replace("light-mode", "dark-mode");
+            } else {
+                htmlTag.classList.replace("dark-mode", "light-mode");
+            }
+            htmlTag.dispatchEvent(new CustomEvent('toggle-color-scheme', { detail: this.darkMode ? 'dark-mode' : 'light-mode' }))
+        }
+    }
+}
+</script>

package/src/components/CmdUploadForm.vue

@@ -302,7 +302,7 @@
 import I18n from "../mixins/I18n"
 import DefaultMessageProperties from "../mixins/CmdUploadForm/DefaultMessageProperties"
 
-import {getFileExtension} from "../utils/GetFileExtension.js"
+import {getFileExtension} from "../utils/getFileExtension.js"
 import axios from "axios"
 
 // import components
@@ -980,14 +980,13 @@ export default {
 <style lang="scss">
 /* begin cmd-upload-form -------------------------------------------------------------------------------------------- */
 .cmd-upload-form {
-
     .cmd-custom-headline {
         margin: 0;
         justify-content: center;
     }
 
     .box {
-        background: var(--pure-white-reduced-opacity);
+        background: var(--color-scheme-background-color);
 
         dl {
             justify-content: center;
@@ -1031,7 +1030,7 @@ export default {
 
                 progress {
                     &[value] {
-                        background: var(--pure-white);
+                        background: var(--color-scheme-background-color);
 
                         &::-moz-progress-bar {
                             border-top-left-radius: var(--border-radius);
@@ -1051,7 +1050,7 @@ export default {
                     top: 0.2rem;
                     padding: 0.1rem 0.2rem;
                     line-height: 100%;
-                    background: var(--pure-white);
+                    background: var(--color-scheme-background-color);
                 }
             }
         }
@@ -1119,7 +1118,7 @@ export default {
 .drop-area {
     border: var(--default-border);
     border-style: dashed;
-    background: var(--pure-white);
+    background: var(--color-scheme-background-color);
     padding: (var(--default-padding));
     text-align: center;
 

package/src/index.js

@@ -32,7 +32,6 @@ export { default as CmdShareButtons } from '@/components/CmdShareButtons'
 export { default as CmdSiteHeader } from '@/components/CmdSiteHeader'
 export { default as CmdSlideButton } from '@/components/CmdSlideButton'
 export { default as CmdSlideshow } from '@/components/CmdSlideshow'
-export { default as CmdSwitchButton } from '@/components/CmdSwitchButton'
 export { default as CmdSwitchLanguage } from '@/components/CmdSwitchLanguage'
 export { default as CmdSystemMessage } from '@/components/CmdSystemMessage'
 export { default as CmdTable } from '@/components/CmdTable'

package/src/mixins/FieldValidation.js

@@ -116,7 +116,7 @@ export default {
             type: Object,
             default() {
                 return {
-                    iconClass: "icon-home"
+                    iconClass: "icon-caps-lock"
                 }
             }
         },

package/src/assets/fonts/iconfonts/logos-iconfont/logos-iconfont.json

@@ -1 +0,0 @@
-{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M896 384c-35.2 0-64 28.8-64 64v256c0 35.2 28.8 64 64 64s64-28.8 64-64v-256c0-35.2-28.8-64-64-64zM128 384c-35.2 0-64 28.8-64 64v256c0 35.2 28.8 64 64 64s64-28.8 64-64v-256c0-35.2-28.8-64-64-64zM224 736c0 53.024 42.976 96 96 96v0 128c0 35.2 28.8 64 64 64s64-28.8 64-64v-128h128v128c0 35.2 28.8 64 64 64s64-28.8 64-64v-128c53.024 0 96-42.976 96-96v-352h-576v352z","M798.208 320c-9.728-87.872-59.008-163.808-129.632-209.632l32.032-64.032c7.904-15.808 1.504-35.040-14.304-42.944s-35.040-1.504-42.944 14.304l-32.128 64.288-8.352-3.328c-28.576-9.504-59.136-14.656-90.88-14.656s-62.304 5.152-90.88 14.656l-8.352 3.328-32.128-64.288c-7.904-15.808-27.136-22.208-42.944-14.304s-22.208 27.136-14.304 42.944l32.032 64.032c-70.624 45.856-119.904 121.76-129.632 209.632v32h574.208v-32h-1.792zM416 256c-17.664 0-32-14.336-32-32s14.304-31.968 31.936-32c0.032 0 0.064 0 0.096 0s0.032 0 0.064 0c17.632 0.032 31.936 14.336 31.936 32s-14.336 32-32 32zM608 256c-17.664 0-32-14.336-32-32s14.272-31.968 31.936-32c0 0 0.032 0 0.064 0s0.064 0 0.096 0c17.632 0.032 31.936 14.336 31.936 32s-14.336 32-32 32z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["android"]},"attrs":[{},{}],"properties":{"order":18,"id":26,"name":"android","prevSize":32,"code":45312},"setIdx":0,"setId":1,"iconIdx":0},{"icon":{"paths":["M791.488 544.096c-1.28-129.696 105.76-191.872 110.528-194.976-60.16-88.032-153.856-100.064-187.232-101.472-79.744-8.064-155.584 46.944-196.064 46.944-40.352 0-102.816-45.76-168.96-44.544-86.912 1.28-167.072 50.528-211.808 128.384-90.304 156.704-23.136 388.832 64.896 515.936 43.008 62.208 94.304 132.064 161.632 129.568 64.832-2.592 89.376-41.952 167.744-41.952s100.416 41.952 169.056 40.672c69.76-1.312 113.984-63.392 156.704-125.792 49.376-72.16 69.728-142.048 70.912-145.632-1.536-0.704-136.064-52.224-137.408-207.136zM662.56 163.52c35.744-43.36 59.872-103.52 53.28-163.52-51.488 2.112-113.888 34.304-150.816 77.536-33.152 38.368-62.144 99.616-54.368 158.432 57.472 4.48 116.128-29.216 151.904-72.448z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["appleinc"]},"attrs":[{}],"properties":{"order":19,"id":25,"name":"apple","prevSize":32,"code":45313},"setIdx":0,"setId":1,"iconIdx":1},{"icon":{"paths":["M258.272 446.528l-146.528-253.792c93.824-117.472 238.24-192.736 400.256-192.736 187.424 0 351.296 100.736 440.544 251.008h-417.76c-7.52-0.64-15.104-0.992-22.752-0.992-121.888 0-224.576 83.648-253.728 196.544zM695.296 324.992h293.472c22.752 57.92 35.232 120.992 35.232 187.008 0 280.832-226.112 508.8-506.176 511.936l209.408-362.688c29.472-42.368 46.784-93.824 46.784-149.248 0-73.184-30.176-139.424-78.688-187.008zM326.016 512c0-102.56 83.424-186.016 186.016-186.016s186.016 83.424 186.016 186.016c0 102.56-83.456 186.016-186.016 186.016s-186.016-83.456-186.016-186.016zM582.176 764.448l-146.592 253.888c-246.528-36.896-435.616-249.504-435.616-506.304 0-91.232 23.872-176.832 65.696-251.040l209.024 362.048c41.856 89.12 132.48 150.976 237.28 150.976 24.288 0 47.84-3.328 70.176-9.568z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["chrome"]},"attrs":[{}],"properties":{"order":20,"id":24,"name":"chrome","prevSize":32,"code":45314},"setIdx":0,"setId":1,"iconIdx":2},{"icon":{"paths":["M152.8 47.36l-34.464 172.384h701.568l-21.92 111.328h-702.016l-33.984 172.352h701.504l-39.104 196.544-282.752 93.696-245.056-93.696 16.768-85.248h-172.352l-40.992 206.88 405.28 155.104 467.2-155.104 154.176-774.272-873.856 0.032z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["css3"]},"attrs":[{}],"properties":{"order":21,"id":23,"name":"css3","prevSize":32,"code":45315},"setIdx":0,"setId":1,"iconIdx":3},{"icon":{"paths":["M15.392 454.592c30.016-236.8 191.584-451.616 481.184-454.592 174.816 3.392 318.592 82.592 404.192 233.6 43.008 78.784 56.384 161.6 59.2 252.992v107.392h-642.592c3.008 264.992 390.016 256 556.608 139.2v215.808c-97.6 58.592-319.008 111.008-490.4 43.616-146.016-54.784-250.016-207.616-249.408-354.592-4.8-190.592 94.784-316.8 249.408-388.608-32.8 40.608-57.792 85.408-70.816 163.008h362.816c0 0 21.216-216.8-205.408-216.8-213.6 7.392-367.616 131.584-454.816 259.008v0z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["edge"]},"attrs":[{}],"properties":{"order":22,"id":22,"name":"edge","prevSize":32,"code":45316},"setIdx":0,"setId":1,"iconIdx":4},{"icon":{"paths":["M608 192h160v-192h-160c-123.52 0-224 100.512-224 224v96h-128v192h128v512h192v-512h160l32-192h-192v-96c0-17.344 14.624-32 32-32z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["facebook"]},"attrs":[{}],"properties":{"order":23,"id":21,"name":"facebook","prevSize":32,"code":45317},"setIdx":0,"setId":1,"iconIdx":5},{"icon":{"paths":["M853.344 0h-682.656c-93.856 0-170.688 76.8-170.688 170.688v682.624c0 93.952 76.8 170.688 170.688 170.688h682.656c93.888 0 170.656-76.736 170.656-170.688v-682.624c0-93.888-76.768-170.688-170.656-170.688zM870.592 512h-166.592v448h-192v-448h-92.512v-146.56h92.512v-95.2c0-129.344 55.808-206.24 207.872-206.24h175.232v158.56h-143.136c-42.496-0.064-47.744 22.144-47.744 63.52l-0.224 79.36h192l-25.408 146.56z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["facebook-square"]},"attrs":[{}],"properties":{"order":24,"id":20,"name":"facebook-square","prevSize":32,"code":45318},"setIdx":0,"setId":1,"iconIdx":6},{"icon":{"paths":["M1022.528 334.144l-11.872 76.064c0 0-16.96-140.864-37.728-193.504-31.84-80.672-46.016-80.032-46.112-79.936 21.344 54.208 17.472 83.328 17.472 83.328s-37.792-103.008-137.696-135.776c-110.688-36.288-170.56-26.368-177.504-24.48-1.056 0-2.048 0-3.040 0 0.832 0.064 1.6 0.16 2.432 0.224-0.032 0.032-0.096 0.032-0.096 0.064 0.448 0.544 122.304 21.312 143.904 51.008 0 0-51.744 0-103.264 14.848-2.336 0.672 189.536 23.968 228.736 215.68 0 0-21.024-43.872-47.040-51.328 17.12 52.032 12.704 150.784-3.584 199.84-2.112 6.304-4.256-27.296-36.32-41.76 10.272 73.632-0.608 190.464-51.712 222.624-3.968 2.496 32.032-115.296 7.232-69.76-142.72 218.816-311.392 100.96-387.232 49.12 38.88 8.448 112.64-1.312 145.312-25.6 0.032-0.032 0.064-0.064 0.128-0.096 35.456-24.256 56.48-41.952 75.328-37.76s31.424-14.72 16.768-31.52c-14.688-16.832-50.304-39.968-98.528-27.36-34.016 8.896-76.128 46.528-140.448 8.448-49.376-29.248-54.016-53.536-54.464-70.368 1.216-5.952 2.752-11.552 4.576-16.64 5.696-15.872 22.912-20.672 32.48-24.448 16.256 2.784 30.272 7.872 44.96 15.392 0.192-4.896 0.256-11.392-0.032-18.752 1.408-2.816 0.544-11.264-1.728-21.568-1.312-10.304-3.424-20.96-6.752-30.688 0 0 0.032 0 0.032 0 0.064-0.032 0.096-0.032 0.16-0.064s0.16-0.128 0.224-0.192c0-0.032 0.032-0.032 0.032-0.064 0.096-0.128 0.16-0.256 0.192-0.48 1.024-4.608 12.032-13.536 25.728-23.104 12.256-8.576 26.688-17.696 38.080-24.768 10.048-6.24 17.728-10.88 19.36-12.096 0.608-0.48 1.344-1.024 2.176-1.632 0.16-0.128 0.288-0.224 0.448-0.352 0.096-0.064 0.192-0.16 0.288-0.224 5.408-4.32 13.472-12.448 15.168-29.568 0-0.032 0-0.064 0-0.128 0.064-0.512 0.096-1.024 0.128-1.536 0.032-0.352 0.064-0.736 0.064-1.088 0-0.288 0.032-0.576 0.032-0.864 0.032-0.672 0.064-1.376 0.064-2.080 0-0.032 0-0.064 0-0.128 0.032-1.664 0-3.392-0.096-5.216-0.064-1.024-0.128-1.92-0.288-2.752 0-0.032-0.032-0.096-0.032-0.128-0.032-0.096-0.032-0.16-0.064-0.256-0.032-0.16-0.064-0.288-0.128-0.416 0-0.032 0-0.032-0.032-0.032-0.064-0.16-0.128-0.32-0.16-0.448 0 0 0 0 0-0.032-1.76-4.096-8.32-5.664-35.456-6.112-0.032 0-0.064 0-0.064 0v0c-11.072-0.192-25.536-0.192-44.512-0.128-33.248 0.128-51.616-32.512-57.504-45.12 8.032-44.448 31.264-76.128 69.44-97.632 0.736-0.416 0.576-0.736-0.288-0.992 7.456-4.512-90.24-0.128-135.2 57.024-39.904-9.92-74.656-9.248-104.608-2.208-5.76-0.16-12.928-0.864-21.44-2.656-19.936-18.048-48.448-51.392-49.984-91.2 0 0-0.096 0.064-0.256 0.192-0.032-0.384-0.064-0.768-0.064-1.152 0 0-60.704 46.656-51.616 173.888-0.032 2.048-0.064 4-0.128 5.888-16.448 22.272-24.576 41.024-25.184 45.152-14.56 29.632-29.344 74.24-41.344 141.984 0 0 8.416-26.656 25.28-56.864-12.416 38.016-22.176 97.152-16.448 185.856 0 0 1.504-19.68 6.88-48 4.192 55.008 22.528 122.912 68.864 202.784 88.96 153.312 225.664 230.752 376.8 242.624 26.848 2.208 54.048 2.272 81.408 0.192 2.528-0.192 5.024-0.352 7.552-0.576 30.976-2.176 62.144-6.848 93.248-14.368 425.184-102.784 378.944-616.192 378.944-616.192z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["firefox"]},"attrs":[{}],"properties":{"order":25,"id":19,"name":"firefox","prevSize":32,"code":45319},"setIdx":0,"setId":1,"iconIdx":7},{"icon":{"paths":["M800 416c-70.592 0-128 57.408-128 128s57.408 128 128 128c70.592 0 128-57.408 128-128s-57.408-128-128-128zM800 320v0c123.712 0 224 100.288 224 224s-100.288 224-224 224-224-100.288-224-224c0-123.712 100.288-224 224-224zM0 544c0-123.712 100.288-224 224-224s224 100.288 224 224c0 123.712-100.288 224-224 224s-224-100.288-224-224z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["flickr2"]},"attrs":[{}],"properties":{"order":26,"id":18,"name":"flickr","prevSize":32,"code":45320},"setIdx":0,"setId":1,"iconIdx":8},{"icon":{"paths":["M115.84 584.064c-6.944-14.336-10.848-30.464-10.848-47.456 0-60.224 48.832-109.088 109.088-109.088s109.088 48.832 109.088 109.088c0 8.128-0.928 16.032-2.592 23.648l115.36 65.472c19.552-18.464 45.856-29.792 74.88-29.792 11.040 0 21.664 1.664 31.712 4.704l191.232-284c-17.504-19.36-28.16-44.992-28.16-73.12 0-60.224 48.832-109.088 109.088-109.088s109.088 48.832 109.088 109.088c0 10.72-1.568 21.088-4.448 30.88l104.736 64.512v-232.224c0-58.912-47.744-106.656-106.656-106.656h-810.656c-58.912 0-106.656 47.744-106.656 106.656v584.832l115.84-107.424z","M883.904 327.776c-18.848 15.488-42.976 24.8-69.248 24.8-8.928 0-17.568-1.088-25.888-3.104l-193.216 286.912c15.2 18.752 24.288 42.592 24.288 68.608 0 60.256-48.832 109.088-109.088 109.088s-109.088-48.832-109.088-109.088c0-8.128 0.928-16.032 2.592-23.616l-115.36-65.472c-19.552 18.464-45.888 29.792-74.88 29.792-19.936 0-38.592-5.376-54.688-14.72l-159.392 147.808v138.56c0 58.912 47.744 106.656 106.656 106.656h810.656c58.912 0 106.656-47.744 106.656-106.656v-503.296l-140.096-86.272z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["google-analytics"]},"attrs":[{},{}],"properties":{"order":27,"id":17,"name":"google-analytics","prevSize":32,"code":45321},"setIdx":0,"setId":1,"iconIdx":9},{"icon":{"paths":["M61.056 0l82.048 920.544 368.352 102.24 369.312-102.4 82.208-920.416h-901.92zM810.368 861.824l-296.864 82.272v0.512l-0.768-0.256-0.768 0.256v-0.512l-296.864-82.272-70.144-786.56h735.616l-70.176 786.56h-0.032zM650.56 529.568l-13.056 146.4-126.048 34.048-125.696-33.856-8.064-90.144h-113.376l15.84 177.312 231.808 64.096 231.072-64.096 31.008-346.592h-411.488l-10.304-115.616h432.064l10.080-112.896h-565.536l30.464 341.376h391.296z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["html5"]},"attrs":[{}],"properties":{"order":28,"id":16,"name":"html5","prevSize":32,"code":45322},"setIdx":0,"setId":1,"iconIdx":10},{"icon":{"paths":["M384 384h177.12v90.784h2.528c24.64-44.192 84.96-90.784 174.848-90.784 186.944 0 221.504 116.384 221.504 267.744v308.256h-184.608v-273.28c0-65.184-1.344-149.024-96.032-149.024-96.16 0-110.816 70.976-110.816 144.288v278.016h-184.544v-576z","M64 384h192v576h-192v-576z","M256 224c0 53.024-42.976 96-96 96s-96-42.976-96-96c0-53.024 42.976-96 96-96s96 42.976 96 96z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["linkedin"]},"attrs":[{},{},{}],"properties":{"order":29,"id":15,"name":"linkedin","prevSize":32,"code":45323},"setIdx":0,"setId":1,"iconIdx":11},{"icon":{"paths":["M852 0h-680c-94.592 0-172 77.408-172 172v680c0 94.592 77.408 172 172 172h680c94.592 0 172-77.408 172-172v-680c0-94.592-77.408-172-172-172zM384 832h-128v-448h128v448zM320 320c-35.36 0-64-28.64-64-64s28.64-64 64-64 64 28.64 64 64-28.64 64-64 64zM832 832h-128v-256c0-35.36-28.64-64-64-64s-64 28.64-64 64v256h-128v-448h128v79.456c26.4-36.256 66.752-79.456 112-79.456 79.52 0 144 71.648 144 160v288z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["linkedin-square"]},"attrs":[{}],"properties":{"order":30,"id":14,"name":"linkedin-square","prevSize":32,"code":45324},"setIdx":0,"setId":1,"iconIdx":12},{"icon":{"paths":["M1024 512v0 0c0 151.616-66.016 288-170.784 381.6-131.392 64-253.792 19.2-294.208-8.8 128.992-28.192 226.4-184.192 226.4-372.8s-97.408-344.608-226.4-372.992c40.608-28 163.008-72.8 294.208-8.8 104.8 93.792 170.784 230.208 170.784 381.792v0 0z","M343.392 223.392c-56.608 66.784-93.184 165.6-95.584 276.608 0 0.192 0 23.808 0 24.192 2.4 110.784 39.2 209.6 95.808 276.384 73.408 95.392 182.592 155.808 304.608 155.808 75.008 0 145.216-22.784 205.216-62.592-90.784 80.992-210.4 130.208-341.408 130.208-8.192 0-16.384-0.192-24.384-0.608-271.392-12.8-487.616-236.8-487.616-511.392 0-282.816 229.184-512 512-512 0.608 0 1.216 0 2.016 0 130.4 0.416 249.184 49.6 339.392 130.4-60-39.808-130.208-62.784-205.216-62.784-122.016 0-231.2 60.384-304.8 155.808z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["opera"]},"attrs":[{},{}],"properties":{"order":31,"id":13,"name":"opera","prevSize":32,"code":45325},"setIdx":0,"setId":1,"iconIdx":13},{"icon":{"paths":["M512 0c-282.816 0-512 229.184-512 512s229.184 512 512 512 512-229.216 512-512-229.216-512-512-512zM958.4 472.8l-0.992-10.592c0.192 3.616 0.608 7.008 0.992 10.592zM888.384 268.8l-7.2-10.816c2.4 3.616 4.8 7.2 7.2 10.816zM860.608 230.592l-4.384-5.408c1.6 1.792 3.008 3.584 4.384 5.408zM798.592 167.584l-5.408-4.416c2.016 1.6 3.616 3.008 5.408 4.416zM766.016 142.816l-10.784-7.2c3.616 2.4 7.2 4.8 10.784 7.2zM561.792 66.784l-10.784-0.992c3.616 0.192 7.2 0.608 10.784 0.992zM472.8 65.6l-10.816 0.992c3.616-0.192 7.2-0.608 10.816-0.992zM268.8 135.584l-10.816 7.2c3.616-2.4 7.2-4.8 10.816-7.2zM230.592 163.392l-5.184 4.192c1.792-1.408 3.392-2.816 5.184-4.192zM167.584 225.408l-4.416 5.408c1.6-1.792 3.008-3.584 4.416-5.408zM142.816 258.016l-7.2 10.816c2.4-3.616 4.8-7.2 7.2-10.816zM66.784 462.208l-0.992 10.816c0.192-3.616 0.608-7.2 0.992-10.816zM65.6 551.2l0.992 10.784c-0.192-3.616-0.608-7.2-0.992-10.784zM135.584 755.008l7.2 10.784c-2.4-3.392-4.8-7.008-7.2-10.784zM144 767.616l79.808-53.408-8.8-13.408-79.808 53.408c-36.192-56.192-60-120.8-68-190.4l47.808-4.8-1.6-16-47.808 4.8c-0.8-9.216-1.216-18.592-1.408-28h96v-16h-96c0.192-9.408 0.608-18.592 1.408-28l47.808 4.608 1.6-16-47.808-4.608c8-69.6 32-134.208 68.192-190.4l79.808 53.408 8.8-13.408-80-52.992c5.408-7.584 10.816-15.2 16.608-22.4l36.992 30.4 10.208-12.416-36.992-30.4c6.016-7.2 12.416-14.016 18.816-20.8l67.808 67.808 11.392-11.392-67.808-67.808c6.816-6.4 13.6-12.8 20.608-18.816l30.4 37.184 12.384-10.208-30.4-36.992c7.392-5.792 14.816-11.392 22.4-16.8l53.408 79.808 13.408-8.8-53.408-79.808c56.192-36.192 120.8-60 190.4-68l4.8 47.808 16-1.6-4.8-47.808c9.184-0.8 18.592-1.216 28-1.408v96h16v-96c9.408 0.192 18.592 0.608 28 1.408l-4.608 47.808 16 1.6 4.608-47.808c69.6 8 134.208 32 190.4 68.192l-53.408 79.808 13.408 8.8 53.408-79.808c7.616 5.408 15.2 10.816 22.4 16.608l-30.4 36.992 12.384 10.208 30.4-36.992c7.2 6.016 14.016 12.416 20.8 18.816l-25.6 24.992-350.016 233.408-233.408 349.984-24.992 24.992c-6.4-6.784-12.8-13.6-18.816-20.608l36.992-30.4-10.208-12.384-36.992 30.4c-5.792-7.2-11.2-14.784-16.608-22.4zM167.584 798.592c-1.408-1.792-2.816-3.392-4.192-5.216l4.192 5.216zM225.408 856.384l5.184 4.192c-1.792-1.408-3.392-2.784-5.184-4.192zM258.016 880.992l10.816 7.2c-3.616-2.208-7.2-4.608-10.816-7.2zM462.208 957.216l10.816 0.992c-3.616-0.192-7.2-0.608-10.816-0.992zM551.2 958.4l10.592-0.992c-3.616 0.192-7.008 0.608-10.592 0.992zM755.2 888.384l10.784-7.2c-3.616 2.4-7.2 4.8-10.784 7.2zM793.408 860.608l5.408-4.384c-1.792 1.6-3.616 3.008-5.408 4.384zM828.384 829.216l0.8-0.8c-0.192 0.192-0.608 0.608-0.8 0.8zM856.384 798.592l4.384-5.408c-1.6 1.792-3.008 3.616-4.384 5.408zM863.392 790.016l-36.992-30.4-10.208 12.384 36.992 30.4c-6.016 7.2-12.384 14.016-18.784 20.8l-67.808-67.808-11.392 11.392 67.808 67.808c-6.784 6.4-13.6 12.8-20.608 18.784l-30.4-37.216-12.384 10.208 30.4 36.992c-7.392 5.792-14.784 11.392-22.4 16.8l-53.408-79.808-13.408 8.8 53.408 79.808c-56.192 36.192-120.8 60-190.4 68l-4.8-47.808-16 1.6 4.8 47.808c-9.216 0.8-18.592 1.216-28 1.408v-96h-16v96c-9.408-0.192-18.592-0.608-28-1.408l4.608-47.808-16-1.6-4.608 47.808c-69.6-8-134.208-32-190.4-68.192l53.408-79.808-13.408-8.8-52.992 79.808c-7.584-5.408-15.2-10.784-22.4-16.608l30.4-36.992-12.416-10.208-30.4 36.992c-7.2-6.016-14.016-12.384-20.8-18.784l25.184-24.992 349.984-233.408 233.408-350.016 24.992-24.992c6.4 6.816 12.8 13.6 18.784 20.608l-36.992 30.4 10.208 12.384 36.992-30.4c5.792 7.392 11.392 14.816 16.8 22.4l-79.808 53.408 8.8 13.408 79.808-53.408c36.192 56.192 60 120.8 68 190.4l-47.808 4.8 1.6 16 47.808-4.8c0.8 9.184 1.216 18.592 1.408 28h-96v16h96c-0.192 9.408-0.608 18.592-1.408 28l-47.808-4.608-1.6 16 47.808 4.608c-8 69.6-32 134.208-68.192 190.4l-79.808-53.408-8.8 13.408 79.808 53.408c-5.216 7.2-10.784 14.592-16.608 22.016zM958.4 551.008c-0.384 3.616-0.608 7.2-0.992 10.784l0.992-10.784zM888.384 755.2c-2.4 3.616-4.8 7.2-7.2 10.784l7.2-10.784z","M432.544 71.072l18.72 94.144-15.68 3.136-18.72-94.144 15.68-3.136z","M591.648 952.96l-18.72-94.144 15.68-3.136 18.72 94.144-15.68 3.136z","M389.632 80.896l13.952 45.92-15.296 4.64-13.952-45.92 15.296-4.64z","M634.432 942.88l-13.952-45.92 15.296-4.64 13.952 45.92-15.296 4.64z","M348 95.104l36.736 88.704-14.784 6.112-36.736-88.704 14.784-6.112z","M676.128 928.96l-36.736-88.704 14.784-6.112 36.736 88.704-14.784 6.112z","M293.632 120.672l14.112-7.552 22.624 42.336-14.112 7.552-22.624-42.336z","M730.112 903.296l-14.112 7.552-22.624-42.336 14.112-7.552 22.624 42.336z","M120.608 293.824l42.336 22.624-7.552 14.112-42.336-22.624 7.552-14.112z","M903.232 730.208l-42.336-22.624 7.552-14.112 42.336 22.624-7.552 14.112z","M183.808 384.608l-88.704-36.736 6.112-14.784 88.704 36.736-6.112 14.784z","M840.32 639.296l88.704 36.736-6.112 14.784-88.704-36.736 6.112-14.784z","M85.536 374.4l45.952 13.92-4.64 15.328-45.952-13.92 4.64-15.328z","M938.304 649.664l-45.952-13.92 4.64-15.328 45.952 13.92-4.64 15.328z","M74.080 416.768l94.144 18.72-3.136 15.68-94.144-18.72 3.136-15.68z","M949.728 607.232l-94.144-18.72 3.136-15.68 94.144 18.72-3.136 15.68z","M70.976 591.552l94.144-18.72 3.136 15.68-94.144 18.72-3.136-15.68z","M952.832 432.416l-94.144 18.72-3.136-15.68 94.144-18.72 3.136 15.68z","M80.96 634.528l45.92-13.952 4.64 15.296-45.92 13.952-4.64-15.296z","M942.976 389.696l-45.92 13.952-4.64-15.296 45.92-13.952 4.64 15.296z","M101.152 690.912l-6.112-14.784 88.704-36.736 6.112 14.784-88.704 36.736z","M922.784 333.216l6.112 14.784-88.704 36.736-6.112-14.784 88.704-36.736z","M120.832 730.272l-7.552-14.112 42.336-22.624 7.552 14.112-42.336 22.624z","M903.456 293.792l7.552 14.112-42.336 22.624-7.552-14.112 42.336-22.624z","M307.872 910.848l-14.112-7.552 22.624-42.336 14.112 7.552-22.624 42.336z","M716.064 113.088l14.112 7.552-22.624 42.336-14.112-7.552 22.624-42.336z","M333.28 922.784l36.736-88.704 14.784 6.112-36.736 88.704-14.784-6.112z","M690.88 101.12l-36.736 88.704-14.784-6.112 36.736-88.704 14.784 6.112z","M389.632 943.040l-15.296-4.64 13.92-45.92 15.296 4.64-13.92 45.92z","M634.336 80.896l15.328 4.64-13.92 45.952-15.328-4.64 13.92-45.952z","M432.48 952.832l-15.68-3.136 18.72-94.144 15.68 3.136-18.72 94.144z","M591.52 70.976l15.68 3.136-18.72 94.144-15.68-3.136 18.72-94.144z"],"attrs":[{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["safari"]},"attrs":[{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}],"properties":{"order":32,"id":12,"name":"safari","prevSize":32,"code":45326},"setIdx":0,"setId":1,"iconIdx":14},{"icon":{"paths":["M425.6 37.408c-1.6-0.992-3.392-1.792-4.992-2.592-1.792 0.384-3.392 0.608-5.184 0.992l10.208 1.6z","M36.8 420.992c-0.384 1.792-0.608 3.616-0.8 5.184 0.992 1.6 1.6 3.2 2.592 4.8l-1.792-10.016z","M986.784 602.592c0.384-1.792 0.608-3.616 0.992-5.408-0.992-1.6-1.6-3.2-2.592-4.8l1.6 10.208z","M592 983.008c1.6 0.992 3.392 1.792 4.992 2.592 1.792-0.384 3.616-0.608 5.408-0.8l-10.4-1.792z","M987.808 597.216c-0.384 1.792-0.608 3.616-0.992 5.408l-1.792-10.4c0.992 1.792 1.792 3.392 2.784 4.992 5.216-28.8 8-58.208 8-87.616 0-65.184-12.8-128.608-38.016-188.192-24.384-57.6-59.2-109.408-103.616-153.792s-96.192-79.2-153.6-103.584c-59.616-25.216-123.008-38.016-188.192-38.016-30.816 0-61.6 2.816-91.616 8.608 0 0-0.192 0-0.192 0 1.6 0.8 3.392 1.6 4.992 2.592l-10.208-1.6c1.792-0.384 3.392-0.608 5.184-0.992-41.184-21.792-87.392-33.6-134.208-33.6-76.416 0-148.416 29.792-202.4 83.808s-83.808 125.984-83.808 202.4c0 48.608 12.608 96.608 36 138.816 0.384-1.792 0.608-3.616 0.8-5.184l1.792 10.208c-0.992-1.6-1.792-3.2-2.592-4.8-4.8 27.392-7.2 55.392-7.2 83.392 0 65.216 12.8 128.608 38.016 188.192 24.416 57.6 59.2 109.216 103.584 153.6s96.192 79.2 153.792 103.616c59.616 25.216 123.008 38.016 188.192 38.016 28.384 0 56.8-2.592 84.608-7.616-1.6-0.992-3.2-1.792-4.992-2.592l10.4 1.792c-1.792 0.384-3.616 0.608-5.408 0.8 42.784 24.192 91.392 37.216 140.8 37.216 76.384 0 148.384-29.792 202.4-83.808s83.808-126.016 83.808-202.4c-0.192-48.608-12.8-96.608-36.384-139.2zM514.208 805.792c-171.808 0-248.608-84.384-248.608-147.808 0-32.384 24-55.2 56.992-55.2 73.6 0 54.4 105.6 191.616 105.6 70.208 0 108.992-38.208 108.992-77.216 0-23.392-11.616-49.408-57.792-60.8l-152.8-38.208c-123.008-30.816-145.408-97.408-145.408-160 0-129.792 122.208-178.592 236.992-178.592 105.792 0 230.4 58.4 230.4 136.416 0 33.408-28.992 52.8-62.016 52.8-62.784 0-51.2-86.816-177.6-86.816-62.816 0-97.408 28.384-97.408 68.992s49.6 53.6 92.608 63.392l113.216 25.184c123.808 27.616 155.2 100 155.2 168 0 105.408-80.992 184.192-244.384 184.192z"],"attrs":[{},{},{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["skype"]},"attrs":[{},{},{},{},{}],"properties":{"order":33,"id":11,"name":"skype","prevSize":32,"code":45327},"setIdx":0,"setId":1,"iconIdx":15},{"icon":{"paths":["M381.888 0h-305.504c-42.016 0-76.384 34.368-76.384 76.384v305.504c0 42.048 34.368 76.384 76.384 76.384h305.504c42.016 0 76.384-34.336 76.384-76.384v-305.504c0-42.016-34.336-76.384-76.352-76.384zM389.6 229.12h-74.56v200.48h-85.92v-200.48h-41.376v-65.568h41.376v-42.592c0-57.888 24.992-92.288 93.024-92.288h78.432v70.976h-64.064c-19.008-0.032-21.376 9.888-21.376 28.416l-0.096 35.52h85.92l-11.36 65.568z","M947.616 150.368h-305.504c-42.016 0-76.384 34.368-76.384 76.384v305.504c0 42.048 34.368 76.384 76.384 76.384h305.504c42.016 0 76.384-34.336 76.384-76.384v-305.504c0-42.016-34.336-76.384-76.384-76.384zM940.8 303.328c0.128 3.296 0.224 6.592 0.224 9.92 0 101.248-75.744 217.984-214.208 217.984-42.528 0-82.080-12.704-115.392-34.432 5.856 0.704 11.904 1.056 17.952 1.056 35.264 0 67.712-12.224 93.504-32.8-32.96-0.608-60.768-22.752-70.336-53.184 4.608 0.896 9.312 1.344 14.176 1.344 6.88 0 13.536-0.928 19.84-2.688-34.464-7.040-60.416-37.984-60.416-75.104 0-0.32 0-0.64 0-0.96 10.176 5.76 21.76 9.184 34.112 9.568-20.224-13.728-33.504-37.184-33.504-63.776 0-14.016 3.712-27.2 10.208-38.496 37.12 46.368 92.608 76.864 155.2 80.032-1.312-5.6-1.952-11.456-1.952-17.44 0-42.304 33.696-76.608 75.264-76.608 21.664 0 41.248 9.312 54.976 24.192 17.12-3.456 33.248-9.792 47.776-18.592-5.632 17.888-17.536 32.896-33.088 42.4 15.232-1.856 29.728-5.984 43.232-12.064-10.112 15.36-22.848 28.864-37.568 39.648l0.032-0.032z","M86.112 954.944c-0.128-1.152-0.192-2.272-0.256-3.424 0.064 1.152 0.16 2.272 0.256 3.424zM191.296 818.624c41.184 1.248 68.8-41.472 61.696-95.392s-46.272-97.184-87.424-98.432c-41.184-1.216-68.8 40.032-61.696 93.952s46.272 98.656 87.424 99.872zM544 680.288v-38.176c0-42.016-34.336-76.384-76.384-76.384h-305.504c-41.312 0-75.168 33.216-76.32 74.272 26.112-23.008 62.336-42.208 99.744-42.208 39.968 0 159.872 0 159.872 0l-35.776 30.24h-50.656c33.6 12.864 51.488 51.968 51.488 92.064 0 33.696-18.688 62.656-45.12 83.232-25.792 20.096-30.688 28.512-30.688 45.6 0 14.592 27.648 39.392 42.080 49.568 42.24 29.76 55.904 57.44 55.904 103.584 0 7.36-0.928 14.688-2.72 21.92h137.728c42.016 0 76.384-34.336 76.384-76.384v-238.656h-85.92v85.92h-28.64v-85.92h-85.92v-28.64h85.92v-85.92h28.64v85.92l85.92-0.032zM168.928 908.512c9.696 0 18.56-0.256 27.744-0.256-12.16-11.776-21.76-26.208-21.76-44.032 0-10.592 3.392-20.736 8.128-29.76-4.832 0.32-9.76 0.416-14.816 0.416-33.28 0-61.536-10.752-82.432-28.576v120.384c23.904-11.36 52.32-18.176 83.2-18.176l-0.032-0.032zM87.296 962.784c-0.512-2.432-0.896-4.928-1.152-7.424 0.256 2.528 0.672 4.992 1.152 7.424zM289.568 992.128c-6.752-26.304-30.624-39.36-63.936-62.432-12.128-3.904-25.44-6.24-39.776-6.368-40.128-0.416-77.472 15.648-98.56 39.552 7.136 34.784 38.080 61.12 74.848 61.12h128.192c0.8-4.992 1.216-10.144 1.216-15.424 0-5.6-0.704-11.104-1.952-16.448v0z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["social-networks"]},"attrs":[{},{},{}],"properties":{"order":34,"id":10,"name":"social-networks","prevSize":32,"code":45328},"setIdx":0,"setId":1,"iconIdx":16},{"icon":{"paths":["M576.032 448v234.176c0 59.424-0.768 93.664 5.536 110.496 6.24 16.768 21.92 34.144 38.976 44.192 22.688 13.6 48.544 20.384 77.696 20.384 51.84 0 82.464-6.848 133.728-40.544v153.952c-43.712 20.544-81.856 32.608-117.312 40.928-35.488 8.256-73.856 12.416-115.072 12.416-46.816 0-74.464-5.888-110.4-17.664-35.968-11.872-66.656-28.8-92.032-50.528-25.44-21.92-43.008-45.216-52.864-69.824s-14.72-60.416-14.72-107.232v-359.104h-137.44v-144.992c40.192-13.056 85.152-31.776 113.792-56.16 28.768-24.448 51.776-53.696 69.12-87.936 17.376-34.144 29.344-77.728 35.872-130.528h165.088v256h255.968v192h-255.968z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["tumblr"]},"attrs":[{}],"properties":{"order":35,"id":9,"name":"tumblr","prevSize":32,"code":45329},"setIdx":0,"setId":1,"iconIdx":17},{"icon":{"paths":["M928 0h-832c-52.8 0-96 43.2-96 96v832c0 52.8 43.2 96 96 96h832c52.8 0 96-43.2 96-96v-832c0-52.8-43.2-96-96-96zM731.808 824.608c-30.208 14.208-57.6 24.192-82.016 30.016-24.384 5.6-51.008 8.608-79.392 8.608-32.384 0-51.392-4-76.192-12.192s-46.016-19.808-63.616-34.784c-17.6-15.2-29.6-31.2-36.384-48.192s-10.208-41.6-10.208-74.016v-247.808h-96v-100c27.808-8.992 60-22.016 79.616-38.816 19.808-16.8 35.808-36.992 47.616-60.608 12-23.584 20.192-53.6 24.8-90.016h100.416v163.2h163.616v126.208h-163.392v181.184c0 40.992-0.608 64.608 3.808 76.192s15.2 23.616 27.008 30.4c15.616 9.408 33.6 14.016 53.6 14.016 35.808 0 71.392-11.616 106.784-34.784v111.392z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["tumblr-square"]},"attrs":[{}],"properties":{"order":36,"id":8,"name":"tumblr-square","prevSize":32,"code":45330},"setIdx":0,"setId":1,"iconIdx":18},{"icon":{"paths":["M567.648 736.928c-81.952 38.112-158.144 37.728-209.344 34.016-61.056-4.416-110.144-21.12-131.744-35.744-13.312-8.992-31.392-5.536-40.384 7.776s-5.536 31.392 7.776 40.384c34.688 23.488 96.064 40.96 160.16 45.568 10.88 0.768 22.784 1.28 35.648 1.28 55.776 0 126.624-5.312 202.432-40.576 14.56-6.784 20.864-24.064 14.112-38.624s-24.064-20.864-38.656-14.112zM890.944 693.824c2.784-252.672 28.768-730.208-454.976-691.616-477.6 38.432-350.976 542.976-358.080 711.936-6.304 89.376-35.968 198.656-77.888 309.856h129.088c13.28-47.136 23.040-93.728 27.232-138.144 7.776 5.44 16.096 10.688 24.992 15.712 14.464 8.512 26.88 19.84 40.032 31.84 30.752 28.032 65.6 59.776 133.728 63.744 4.576 0.256 9.184 0.384 13.664 0.384 68.896 0 116-30.144 153.888-54.368 18.144-11.616 33.824-21.632 48.576-26.464 41.92-13.12 78.528-34.304 105.888-61.248 4.288-4.192 8.256-8.544 11.968-12.96 15.232 55.872 36.128 118.752 59.296 181.504h275.648c-66.176-102.24-134.432-202.368-133.056-330.176zM124.096 556.352c0 0 0-0.032 0-0.032-4.736-82.464 34.72-151.84 88.128-154.944s100.544 61.216 105.312 143.68c0 0 0 0.032 0 0.032 0.256 4.448 0.352 8.832 0.384 13.216-16.928 4.256-32.192 10.432-45.888 17.632-0.064-0.608-0.096-1.216-0.16-1.824 0 0 0-0.032 0-0.032-4.576-46.816-29.568-82.144-55.84-78.944s-43.872 43.744-39.296 90.56c0 0 0 0.032 0 0.032 1.984 20.416 7.872 38.624 16.032 52.448-2.048 1.6-7.776 5.824-14.4 10.656-4.96 3.648-11.008 8.064-18.304 13.44-19.872-26.080-33.504-63.584-35.936-105.888zM665.248 760.192c-1.888 43.584-58.912 84.576-111.584 101.056l-0.288 0.096c-21.888 7.104-41.44 19.616-62.112 32.832-34.72 22.24-70.656 45.216-122.528 45.216-3.392 0-6.88-0.096-10.336-0.288-47.52-2.784-69.728-23.040-97.888-48.672-14.848-13.536-30.176-27.52-49.984-39.136l-0.416-0.256c-42.72-24.096-69.216-54.080-70.912-80.192-0.832-12.992 4.928-24.224 17.184-33.408 26.624-19.968 44.48-33.024 56.288-41.664 13.12-9.6 17.056-12.48 20-15.264 2.112-1.984 4.352-4.192 6.816-6.56 24.448-23.776 65.376-63.552 128.16-63.552 38.4 0 80.896 14.784 126.176 43.904 21.312 13.888 39.872 20.288 63.392 28.384 16.16 5.568 34.464 11.904 58.976 22.4l0.384 0.16c22.88 9.408 49.888 26.56 48.672 54.944zM652.64 657.792c-4.384-2.208-8.96-4.32-13.76-6.272-22.112-9.472-39.84-15.872-54.528-20.992 8.128-15.904 13.152-35.712 13.632-57.248 0 0 0-0.032 0-0.032 1.12-52.384-25.28-94.912-59.008-94.976s-61.952 42.304-63.072 94.688c0 0 0 0.032 0 0.032-0.032 1.728-0.032 3.424-0.032 5.12-20.768-9.568-41.184-16.48-61.152-20.768-0.096-1.952-0.192-3.936-0.256-5.92 0 0 0-0.032 0-0.064-1.952-95.424 56.608-174.4 130.752-176.416s135.84 73.696 137.76 169.12c0 0.032 0 0.032 0 0.064 0.864 43.136-10.656 82.88-30.368 113.664z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["tux"]},"attrs":[{}],"properties":{"order":37,"id":7,"name":"linux","prevSize":32,"code":45331},"setIdx":0,"setId":1,"iconIdx":19},{"icon":{"paths":["M96 0l-96 160v736h256v128h128l128-128h160l288-288v-608h-864zM832 544l-160 160h-160l-128 128v-128h-192v-576h640v416z","M608 256h96v256h-96v-256z","M416 256h96v256h-96v-256z"],"attrs":[{},{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["twitch"]},"attrs":[{},{},{}],"properties":{"order":38,"id":6,"name":"twitch","prevSize":32,"code":45332},"setIdx":0,"setId":1,"iconIdx":20},{"icon":{"paths":["M1024.032 194.432c-37.632 16.768-78.176 28-120.608 32.96 43.36-25.984 76.608-67.168 92.352-116.16-40.544 24-85.536 41.632-133.344 50.976-38.432-40.768-92.992-66.176-153.408-66.176-115.968 0-209.984 93.984-209.984 209.952 0 16.416 1.792 32.416 5.408 47.808-174.56-8.768-329.344-92.384-432.928-219.52-18.016 31.008-28.416 67.168-28.416 105.568 0 72.768 36.992 137.152 93.408 174.784-34.4-0.96-66.816-10.592-95.168-26.208 0 0.8 0 1.824 0 2.624 0 101.728 72.352 186.784 168.576 205.888-17.6 4.8-36.224 7.424-55.392 7.424-13.6 0-26.56-1.44-39.552-3.808 26.816 83.36 104.384 144.16 196.16 145.984-72 56.352-162.368 89.984-260.96 89.984-16.992 0-33.6-0.992-50.176-3.008 93.184 59.808 203.52 94.4 322.144 94.4 386.368 0 597.728-320.128 597.728-597.696 0-9.184-0.192-18.208-0.64-27.168 40.992-29.44 76.608-66.432 104.8-108.608v-0.032z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["twitter"]},"attrs":[{}],"properties":{"order":39,"id":5,"name":"twitter","prevSize":32,"code":45333},"setIdx":0,"setId":1,"iconIdx":21},{"icon":{"paths":["M853.344 0h-682.656c-93.888 0-170.688 76.8-170.688 170.688v682.624c0 93.952 76.8 170.688 170.688 170.688h682.656c93.888 0 170.656-76.736 170.656-170.688v-682.624c0-93.888-76.768-170.688-170.656-170.688zM838.048 341.824c0.32 7.328 0.48 14.72 0.48 22.144 0 226.208-169.216 487.072-478.656 487.072-95.008 0-183.424-28.352-257.888-76.928 13.152 1.6 26.56 2.4 40.128 2.4 78.816 0 151.36-27.36 208.928-73.28-73.6-1.376-135.744-50.88-157.152-118.88 10.272 2.016 20.8 3.072 31.648 3.072 15.328 0 30.208-2.112 44.32-6.016-76.96-15.744-134.944-84.928-134.944-167.84 0-0.736 0-1.44 0-2.144 22.688 12.832 48.608 20.512 76.192 21.408-45.152-30.688-74.848-83.104-74.848-142.496 0-31.36 8.288-60.768 22.784-86.048 82.976 103.584 206.944 171.712 346.752 178.848-2.88-12.544-4.352-25.6-4.352-39.008 0-94.528 75.328-171.168 168.224-171.168 48.384 0 92.128 20.8 122.816 54.048 38.336-7.68 74.336-21.92 106.816-41.536-12.576 39.968-39.232 73.536-73.952 94.72 34.016-4.128 66.464-13.344 96.608-26.944-22.56 34.336-51.072 64.48-83.936 88.608z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["twitter-square"]},"attrs":[{}],"properties":{"order":40,"id":4,"name":"twitter-square","prevSize":32,"code":45334},"setIdx":0,"setId":1,"iconIdx":22},{"icon":{"paths":["M0.352 512l-0.352-312.064 384-52.16v364.224zM448 138.496l511.872-74.496v448h-511.872zM960 576l-0.128 448-511.872-72v-376zM384 943.84l-383.68-52.608-0.032-315.232h383.712z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["windows8"]},"attrs":[{}],"properties":{"order":41,"id":3,"name":"windows8","prevSize":32,"code":45335},"setIdx":0,"setId":1,"iconIdx":23},{"icon":{"paths":["M155.872 202.080c-8.8 0-16.384 3.2-20.16 9.184-3.808 6.4-3.2 14.4 0.8 22.592l99.744 172.64c0.192 0.384 0.192 0.608 0 0.8l-156.672 276.96c-4 8.192-3.808 16.384 0 22.592 3.808 5.984 10.368 9.984 19.2 9.984h147.488c21.984 0 32.768-14.976 40.16-28.608 0 0 153.28-271.168 159.264-281.76-0.608-0.992-101.504-176.832-101.504-176.832-7.392-12.992-18.4-27.584-41.152-27.584l-147.104 0.032z","M775.776 0.064c-21.984 0-31.584 13.792-39.584 28.16 0 0-317.952 563.712-328.32 582.304 0.608 0.992 209.6 384.672 209.6 384.672 7.36 12.96 18.592 28.16 41.184 28.16h147.488c8.768 0 15.776-3.392 19.584-9.408 4-6.368 3.808-14.592-0.384-22.752l-207.84-380.288c-0.192-0.416-0.192-0.608 0-0.992l326.72-577.728c4-8.192 4.192-16.352 0.416-22.784-3.808-6.016-10.784-9.408-19.616-9.408l-149.28 0.064z"],"attrs":[{},{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["xing"]},"attrs":[{},{}],"properties":{"order":42,"id":2,"name":"xing","prevSize":32,"code":45336},"setIdx":0,"setId":1,"iconIdx":24},{"icon":{"paths":["M853.344 0h-682.656c-93.888 0-170.688 76.8-170.688 170.688v682.624c0 93.952 76.8 170.688 170.688 170.688h682.656c93.888 0 170.656-76.736 170.656-170.688v-682.624c0-93.888-76.768-170.688-170.656-170.688zM311.776 666.784h-111.264c-6.688 0-11.712-3.008-14.528-7.584-2.944-4.768-3.072-10.912 0-17.056l118.208-208.64c0.128-0.224 0.128-0.384 0-0.64l-75.232-130.24c-3.104-6.208-3.552-12.32-0.64-17.056 2.848-4.608 8.48-6.944 15.168-6.944h111.264c17.056 0 25.44 11.008 30.976 20.864 0 0 76.032 132.672 76.512 133.376-4.512 7.936-120.128 212.416-120.128 212.416-5.696 10.272-13.696 21.504-30.336 21.504zM837.92 150.528l-246.336 435.584c-0.16 0.224-0.16 0.512 0 0.736l156.864 286.592c3.104 6.176 3.2 12.448 0.224 17.184-2.816 4.576-8.064 7.104-14.752 7.104h-111.136c-17.056 0-25.568-11.328-31.072-21.184 0 0-157.696-289.28-158.112-290.048 7.872-13.952 247.584-439.040 247.584-439.040 5.952-10.72 13.184-21.184 29.792-21.184h112.416c6.688 0 11.968 2.528 14.784 7.104 2.944 4.768 2.848 11.008-0.224 17.184z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["xing-square"]},"attrs":[{}],"properties":{"order":43,"id":1,"name":"xing-square","prevSize":32,"code":45337},"setIdx":0,"setId":1,"iconIdx":25},{"icon":{"paths":["M1013.792 307.2c0 0-10.016-70.592-40.8-101.6-39.008-40.8-82.592-40.992-102.592-43.392-143.2-10.4-358.208-10.4-358.208-10.4h-0.384c0 0-215.008 0-358.208 10.4-20 2.4-63.584 2.592-102.592 43.392-30.816 31.008-40.608 101.6-40.608 101.6s-10.208 82.816-10.208 165.792v77.6c0 82.784 10.208 165.792 10.208 165.792s10.016 70.592 40.608 101.6c39.008 40.8 90.208 39.392 112.992 43.808 82.016 7.808 348.192 10.208 348.192 10.208s215.2-0.384 358.4-10.592c20-2.4 63.616-2.592 102.592-43.392 30.784-31.008 40.8-101.6 40.8-101.6s10.208-82.784 10.208-165.792v-77.6c-0.192-82.816-10.4-165.792-10.4-165.792zM406.208 644.8v-287.808l276.608 144.416-276.608 143.392z"],"attrs":[{}],"isMulticolor":false,"isMulticolor2":false,"grid":0,"tags":["youtube"]},"attrs":[{}],"properties":{"order":44,"id":0,"name":"youtube","prevSize":32,"code":45338},"setIdx":0,"setId":1,"iconIdx":26}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"autoHost":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon","name":"icomoon"},"historySize":50,"showCodes":true,"gridSize":16,"showGrid":true,"quickUsageToken":{"UntitledProject":"NDE1ZTJjOGNjNjNjZmY3MTA0MGU4NDE0NzNmMWIzNjEjMSMxNTk3MTQ1Mzk5IyMj"}}}

package/src/components/CmdSwitchButton.vue

@@ -1,181 +0,0 @@
-<template>
-    <label :class="['cmd-switch-button', 'toggle-switch',
-                    {'switch-label': onLabel && offLabel && !labelText,
-                    'colored' : colored, 'on' : colored && isChecked,
-                    'off' : colored && !isChecked, 'disabled': $attrs.disabled
-                    }
-                    ]"
-           :for="id"
-           :title="$attrs.title"
-    >
-        <input :type="type" :id="id" :name="name" :value="inputValue" :checked="isChecked" @change="onChange" v-bind="$attrs"/>
-        <span class="label" v-if="onLabel && offLabel && !labelText">{{ onLabel }}</span>
-        <span class="label" v-if="onLabel && offLabel && !labelText">{{ offLabel }}</span>
-        <span class="label" v-if="!onLabel && !offLabel && labelText">{{ labelText }}</span>
-    </label>
-</template>
-
-<script>
-export default {
-    inheritAttrs: false,
-    name: "CmdSwitchButton",
-    emits: ["update:value"],
-    props: {
-        /**
-         * set type for input
-         *
-         * values: checkbox, radio
-         */
-        type: {
-            type: String,
-            required: true
-        },
-        /**
-         * set id for input
-         *
-         * @requiredForAccessibility: true
-         */
-        id: {
-            type: String,
-            required: true
-        },
-        /**
-         * set name for input
-         *
-         * required for radio-buttons (and form-submit by browser)
-         */
-        name: {
-            type: String,
-            required: false
-        },
-        /**
-         * value for v-model
-         */
-        value: {
-            type: [String, Array, Boolean],
-            required: false
-        },
-        /**
-         * set value to pre-check toggle-switch
-         */
-        inputValue: {
-            type: String,
-            required: false
-        },
-        /**
-         * text for label
-         *
-         * required if onLabel/offLabel are not set
-         *
-         * @requiredForAccessibility: true
-         */
-        labelText: {
-            type: String,
-            required: false
-        },
-        /**
-         * text for on-label
-         *
-         * set to activate switch-label (=label is placed on toggle-switch (not behind))
-         *
-         * @requiredForAccessibility: true
-         */
-        onLabel: {
-            type: String,
-            required: false
-        },
-        /**
-         * text for off-label
-         *
-         * set to activate switch-label (=label is placed on toggle-switch (not behind))
-         *
-         * @requiredForAccessibility: true
-         */
-        offLabel: {
-            type: String,
-            required: false
-        },
-        /**
-         * set to true, if checkbox/radio-buttons should have green/checked and red/unchecked color-coding
-         *
-         * @affectsStyling: true
-         */
-        colored: {
-            type: Boolean,
-            required: false
-        }
-    },
-    computed: {
-        isChecked() {
-            if (typeof this.value === 'boolean') {
-                return this.value
-            }
-            if (typeof this.value === 'string') {
-                return this.value === this.inputValue
-            }
-            if(this.value !== undefined) {
-                return this.value.includes(this.inputValue)
-            }
-            return false
-        }
-    },
-    methods: {
-        onChange(e) {
-            if (typeof this.value === 'boolean') {
-                this.$emit('update:value', e.target.checked)
-            } else if (typeof this.value === 'string') {
-                this.$emit('update:value', e.target.value)
-            } else {
-                let values = [...this.value]
-                if (e.target.checked) {
-                    values.push(e.target.value)
-                } else {
-                    values = values.filter(value => value !== e.target.value)
-                }
-                this.$emit('update:value', values)
-            }
-        }
-    }
-}
-</script>
-
-<style lang="scss">
-/* begin cmd-switch-button ------------------------------------------------------------------------------------------ */
-/* no cmd-prefix-styling (class based on frontend-framework */
-.toggle-switch {
-    &.switch-label {
-        &.colored {
-            &.off {
-                border-color: var(--error-color);
-
-                span {
-                    &.label {
-                        color: var(--error-color);
-
-                        &::before {
-                            border-color: var(--error-color);
-                            background-color: var(--pure-white);
-                        }
-                    }
-                }
-            }
-
-            &.on {
-                border-color: var(--success-color);
-
-                span {
-                    &.label {
-                        color: var(--success-color);
-
-                        &::before {
-                            border-color: var(--success-color);
-                            background-color: var(--success-color);
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-/* end cmd-switch-button ------------------------------------------------------------------------------------------ */
-</style>