comand-component-library 3.1.93 → 3.1.95

Sign up to get free protection for your applications and to get access to all the features.
Files changed (20) hide show
  1. package/dist/comand-component-library.css +1 -1
  2. package/dist/comand-component-library.umd.min.js +1 -1
  3. package/package.json +1 -1
  4. package/src/App.vue +74 -25
  5. package/src/assets/data/company-logo.json +5 -2
  6. package/src/assets/data/main-navigation.json +36 -34
  7. package/src/assets/fonts/iconfonts/logos-iconfont/icomoon.woff +0 -0
  8. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-cn.svg +26 -0
  9. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-de.svg +76 -0
  10. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-en.svg +76 -0
  11. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-es.svg +83 -0
  12. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-fr.svg +76 -0
  13. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-it.svg +76 -0
  14. package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-ru.svg +76 -0
  15. package/src/assets/styles/logos-iconfont.css +29 -23
  16. package/src/components/CmdCompanyLogo.vue +2 -0
  17. package/src/components/CmdMainNavigation.vue +2 -0
  18. package/src/components/CmdSiteHeader.vue +58 -6
  19. package/src/assets/images/logo-darkmode.svg +0 -44
  20. package/src/assets/images/logo.svg +0 -209
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "3.1.93",
3
+ "version": "3.1.95",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/App.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <div id="page-wrapper">
4
4
  <a id="anchor-back-to-top"></a>
5
5
  <!-- begin site-header --------------------------------------------------------------------------------------------------------------------------------------------------->
6
- <CmdSiteHeader :cmdMainNavigation="navigationData" :sticky="true">
6
+ <CmdSiteHeader :sticky="true">
7
7
  <template v-slot:top-header>
8
8
  <!-- begin list-of-links --------------------------------------------------------------------------------------------------------------------------------------------------->
9
9
  <CmdListOfLinks
@@ -18,8 +18,8 @@
18
18
  <CmdCompanyLogo
19
19
  :link="companyLogoData.link"
20
20
  altText="CoManD Logo"
21
- :pathDefaultLogo="require('@/assets/images/logo.svg')"
22
- :pathDarkmodeLogo="require('@/assets/images/logo-darkmode.svg')"
21
+ :pathDefaultLogo="require('../public/media/images/logos/logo.svg')"
22
+ :pathDarkmodeLogo="require('../public/media/images/logos/logo-darkmode.svg')"
23
23
  />
24
24
  <!-- end company-logo --------------------------------------------------------------------------------------------------------------------------------------------------->
25
25
  </template>
@@ -36,26 +36,27 @@
36
36
  <li><a href="#section-breadcrumbs">Breadcrumbs</a></li>
37
37
  <li><a href="#section-cookie-disclaimer">Cookie-Disclaimer</a></li>
38
38
  <li><a href="#section-custom-headline">Custom Headline</a></li>
39
+ <li><a href="#section-fancybox">Fancybox</a></li>
39
40
  </ul>
40
41
  <ul>
41
- <li><a href="#section-fancybox">Fancybox</a></li>
42
42
  <li><a href="#section-google-maps-integration">Google-Maps&trade;-Integration</a></li>
43
43
  <li><a href="#section-image-gallery">Image Gallery</a></li>
44
44
  <li><a href="#section-image-zoom">Image-Zoom</a></li>
45
45
  <li><a href="#section-login-form">Login Form</a></li>
46
46
  <li><a href="#section-main-navigation">Main-Navigation</a></li>
47
- </ul>
48
- <ul>
49
47
  <li><a href="#section-multistep-form-progress-bar">Multistepform-Progressbar</a></li>
50
48
  <li><a href="#section-pager">Pager</a></li>
49
+ </ul>
50
+ <ul>
51
51
  <li><a href="#section-share-buttons">Share Buttons</a></li>
52
+ <li><a href="#section-site-header">Site Header</a></li>
52
53
  <li><a href="#section-site-search">Site Search</a></li>
53
54
  <li><a href="#section-slideshow">Slideshow</a></li>
54
55
  <li><a href="#section-system-message">System-Message</a></li>
55
- </ul>
56
- <ul>
57
56
  <li><a href="#section-tables">Tables</a></li>
58
57
  <li><a href="#section-tabs">Tabs</a></li>
58
+ </ul>
59
+ <ul>
59
60
  <li><a href="#section-thumbnail-scroller">Thumbnail-Scroller</a></li>
60
61
  <li><a href="#section-toggle-darkmode">ToggleDarkMode</a></li>
61
62
  <li><a href="#section-tooltip">Tooltip</a></li>
@@ -955,7 +956,7 @@
955
956
  <CmdWidthLimitationWrapper>
956
957
  <h2 class="headline-demopage">Login Form</h2>
957
958
  <CmdForm :use-validation="true" :use-fieldset="false">
958
- <CmdLoginForm v-model="loginData" textLegendLoginForm="Please log in" />
959
+ <CmdLoginForm v-model="loginData" textLegendLoginForm="Please log in"/>
959
960
  </CmdForm>
960
961
  <p>LoginData: {{ loginData }}</p>
961
962
  </CmdWidthLimitationWrapper>
@@ -979,9 +980,10 @@
979
980
  <a id="section-main-navigation"></a>
980
981
  <CmdWidthLimitationWrapper>
981
982
  <h2 class="headline-demopage">Main Navigation</h2>
982
- <CmdMainNavigation :stretchMainItems="false"
983
- :persistOnMobile="false"
984
- :navigationEntries="navigationData"
983
+ <CmdMainNavigation
984
+ :stretchMainItems="false"
985
+ :persistOnMobile="false"
986
+ :navigationEntries="navigationData.navigationEntries"
985
987
  />
986
988
  </CmdWidthLimitationWrapper>
987
989
  <!-- end main-navigation ------------------------------------------------------------------------------------------------------------------------------------------------------->
@@ -990,8 +992,11 @@
990
992
  <a id="section-multistep-form-progress-bar"></a>
991
993
  <CmdWidthLimitationWrapper>
992
994
  <h2 class="headline-demopage">Multistepform-Progressbar</h2>
993
- <CmdMultistepFormProgressBar :multisteps="multistepsData" separatorIconClass="icon-single-arrow-right"
994
- @click="showPageMultistep = $event.index + 1"/>
995
+ <CmdMultistepFormProgressBar
996
+ :multisteps="multistepsData"
997
+ separatorIconClass="icon-single-arrow-right"
998
+ @click="showPageMultistep = $event.index + 1"
999
+ />
995
1000
  <div>
996
1001
  <p>Page {{ showPageMultistep }}</p>
997
1002
  </div>
@@ -1003,7 +1008,7 @@
1003
1008
  <CmdWidthLimitationWrapper>
1004
1009
  <h2 class="headline-demopage">Newsletter Subscription</h2>
1005
1010
  <CmdForm textLegend="Stay-up-to-date" :use-fieldset="false">
1006
- <CmdNewsletterSubscription v-model="newsletter" buttonType="submit" @buttonClick="submitNewsletterRegistration" />
1011
+ <CmdNewsletterSubscription v-model="newsletter" buttonType="submit" @buttonClick="submitNewsletterRegistration"/>
1007
1012
  </CmdForm>
1008
1013
  </CmdWidthLimitationWrapper>
1009
1014
  <!-- end newsletter-subscription ------------------------------------------------------------------------------------------------------------------------------------------------------->
@@ -1031,6 +1036,51 @@
1031
1036
  </CmdWidthLimitationWrapper>
1032
1037
  <!-- end share-buttons ------------------------------------------------------------------------------------------------------------------------------------------------------->
1033
1038
 
1039
+ <!-- begin site-header ------------------------------------------------------------------------------------------------------------------------------------------------------->
1040
+ <a id="section-site-header"></a>
1041
+ <CmdWidthLimitationWrapper>
1042
+ <h2 class="headline-demopage">Site Header</h2>
1043
+ <h3>Header with navigation below logo</h3>
1044
+ <CmdSiteHeader
1045
+ :cmdMainNavigation="navigationData"
1046
+ :cmdCompanyLogo="companyLogoData"
1047
+ :sticky="false"
1048
+ />
1049
+ <h3>Header with navigation inline with logo</h3>
1050
+ <CmdSiteHeader
1051
+ :cmdMainNavigation="navigationData"
1052
+ :cmdCompanyLogo="companyLogoData"
1053
+ :sticky="false"
1054
+ :navigation-inline="true"
1055
+ />
1056
+ <h3>Header with top-header-links, logo and navigation given by slot</h3>
1057
+ <CmdSiteHeader :sticky="false">
1058
+ <template v-slot:topheader>
1059
+ <CmdListOfLinks
1060
+ :links="listOfLinksData"
1061
+ orientation="horizontal"
1062
+ align="right"
1063
+ />
1064
+ </template>
1065
+ <template v-slot:logo>
1066
+ <CmdCompanyLogo
1067
+ :link="companyLogoData.link"
1068
+ altText="CoManD Logo"
1069
+ :pathDefaultLogo="require('../public/media/images/logos/logo.svg')"
1070
+ :pathDarkmodeLogo="require('../public/media/images/logos/logo-darkmode.svg')"
1071
+ />
1072
+ </template>
1073
+ <template v-slot:navigation>
1074
+ <CmdMainNavigation
1075
+ :stretchMainItems="false"
1076
+ :persistOnMobile="false"
1077
+ :navigationEntries="navigationData.navigationEntries"
1078
+ />
1079
+ </template>
1080
+ </CmdSiteHeader>
1081
+ </CmdWidthLimitationWrapper>
1082
+ <!-- end site-header ------------------------------------------------------------------------------------------------------------------------------------------------------->
1083
+
1034
1084
  <!-- begin site-search ------------------------------------------------------------------------------------------------------------------------------------------------------->
1035
1085
  <a id="section-site-search"></a>
1036
1086
  <CmdWidthLimitationWrapper>
@@ -1221,14 +1271,13 @@
1221
1271
  <!-- begin fancy-box ------------------------------------------------------------------------------------------------------------------------------------------------------->
1222
1272
  <CmdFancyBox :show="fancyBoxCookieDisclaimer" :fancyboxOptions="{}" :allowEscapeKey="false" :cmdHeadline="{show: true, headlineText: 'Cookie Disclaimer', headlineLevel: 2}">
1223
1273
  <!-- begin cookie-disclaimer ------------------------------------------------------------------------------------------------------------------------------------------------------->
1224
- <CmdCookieDisclaimer :cookieOptions="cookieDisclaimerData"
1225
- buttonLabelAcceptAllCookies="Accept all cookies"
1226
- buttonLabelAcceptCurrentSettings="Accept current settings"
1227
- @closeCookieDisclaimer="closeCookieDisclaimer"
1228
- v-model="acceptedCookies"
1229
- :cmdHeadlineCookieDisclaimer="{ show: false }"
1230
-
1231
- >
1274
+ <CmdCookieDisclaimer
1275
+ :cookieOptions="cookieDisclaimerData"
1276
+ buttonLabelAcceptAllCookies="Accept all cookies"
1277
+ buttonLabelAcceptCurrentSettings="Accept current settings"
1278
+ @closeCookieDisclaimer="closeCookieDisclaimer"
1279
+ v-model="acceptedCookies"
1280
+ :cmdHeadlineCookieDisclaimer="{ show: false }">
1232
1281
  <template #privacy-text>
1233
1282
  <p>
1234
1283
  <strong>
@@ -1375,8 +1424,8 @@ export default {
1375
1424
  disabledStatus: undefined,
1376
1425
  validationStatus: "",
1377
1426
  loginData: {
1378
- username: "",
1379
- password: ""
1427
+ username: "",
1428
+ password: ""
1380
1429
  },
1381
1430
  newsletter: {
1382
1431
  subscription: "",
package/src/assets/data/company-logo.json CHANGED
@@ -2,6 +2,9 @@
2
2
  "link": {
3
3
  "type": "href",
4
4
  "path": "./",
5
- "tooltip": "To homepage"
6
- }
5
+ "tooltip": "Tooltip"
6
+ },
7
+ "pathDefaultLogo": "/media/images/logos/logo.svg",
8
+ "pathDarkmodeLogo": "/media/images/logos/logo-darkmode.svg'",
9
+ "altText": "Company Logo"
7
10
  }
package/src/assets/data/main-navigation.json CHANGED
@@ -1,21 +1,22 @@
1
- [
2
- {
3
- "type": "href",
4
- "text": "Entry 1",
5
- "path": "#",
6
- "iconClass": "icon-home",
7
- "subentries": []
8
- },
9
- {
10
- "type": "href",
11
- "text": "Entry 2",
12
- "path": "",
13
- "subentries": [
14
- {
15
- "type": "href",
16
- "text": "Entry 2.1",
17
- "path": "",
18
- "subentries": [
1
+ {
2
+ "navigationEntries": [
3
+ {
4
+ "type": "href",
5
+ "text": "Entry 1",
6
+ "path": "#",
7
+ "iconClass": "icon-home",
8
+ "subentries": []
9
+ },
10
+ {
11
+ "type": "href",
12
+ "text": "Entry 2",
13
+ "path": "",
14
+ "subentries": [
15
+ {
16
+ "type": "href",
17
+ "text": "Entry 2.1",
18
+ "path": "",
19
+ "subentries": [
19
20
  {
20
21
  "type": "href",
21
22
  "text": "Entry 2.1.1",
@@ -31,19 +32,20 @@
31
32
  "text": "Entry 2.1.3",
32
33
  "path": "#"
33
34
  }
34
- ]
35
- },
36
- {
37
- "type": "href",
38
- "text": "Entry 2.2",
39
- "path": "#"
40
- }
41
- ]
42
- },
43
- {
44
- "type": "href",
45
- "text": "CoManD-CMS",
46
- "path": "http://www.comand-cms.com",
47
- "target": "comand-website"
48
- }
49
- ]
35
+ ]
36
+ },
37
+ {
38
+ "type": "href",
39
+ "text": "Entry 2.2",
40
+ "path": "#"
41
+ }
42
+ ]
43
+ },
44
+ {
45
+ "type": "href",
46
+ "text": "CoManD-CMS",
47
+ "path": "http://www.comand-cms.com",
48
+ "target": "comand-website"
49
+ }
50
+ ]
51
+ }
package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-cn.svg ADDED
@@ -0,0 +1,26 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="850.395px" height="566.929px" viewBox="0 0 850.395 566.929" enable-background="new 0 0 850.395 566.929"
6
+ xml:space="preserve">
7
+ <symbol id="Stern" viewBox="-80.297 -76.367 160.595 152.734">
8
+ <polygon fill="#FFDE08" points="0,76.367 20.678,20.397 80.298,18.027 33.457,-18.934 49.627,-76.367 0,-43.241 -49.626,-76.367
9
+ -33.457,-18.934 -80.297,18.027 -20.677,20.397 "/>
10
+ </symbol>
11
+ <g id="cn">
12
+ <g>
13
+ <rect fill="#DF2B14" width="850.395" height="566.929"/>
14
+
15
+ <use xlink:href="#Stern" width="160.595" height="152.734" x="-80.297" y="-76.367" transform="matrix(1 0 0 -1 141.4941 133.5356)" overflow="visible"/>
16
+
17
+ <use xlink:href="#Stern" width="160.595" height="152.734" x="-80.297" y="-76.367" transform="matrix(0.318 0.1158 0.1158 -0.318 282.7402 57.1685)" overflow="visible"/>
18
+
19
+ <use xlink:href="#Stern" width="160.595" height="152.734" x="-80.297" y="-76.367" transform="matrix(0.318 -0.1158 -0.1158 -0.318 341.1777 115.0728)" overflow="visible"/>
20
+
21
+ <use xlink:href="#Stern" width="160.595" height="152.734" x="-80.297" y="-76.367" transform="matrix(0.318 0.1158 0.1158 -0.318 284.2407 256.6177)" overflow="visible"/>
22
+
23
+ <use xlink:href="#Stern" width="160.595" height="152.734" x="-80.297" y="-76.367" transform="matrix(0.3384 0 0 -0.3384 340.73 194.541)" overflow="visible"/>
24
+ </g>
25
+ </g>
26
+ </svg>
package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-de.svg ADDED
@@ -0,0 +1,76 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="850.394px" height="566.929px" viewBox="0 0 850.394 566.929" enable-background="new 0 0 850.394 566.929"
6
+ xml:space="preserve">
7
+ <g id="it">
8
+ <g>
9
+ <rect fill="#078E46" width="283.465" height="566.929"/>
10
+ <rect x="283.465" fill="#FBFDFF" width="283.465" height="566.929"/>
11
+ <rect x="566.93" fill="#D3242C" width="283.465" height="566.929"/>
12
+ </g>
13
+ </g>
14
+ <g id="de">
15
+ <g>
16
+ <desc>Flag of Germany</desc>
17
+ <rect id="black_stripe" x="0.901" fill="#010202" width="849.492" height="566.929"/>
18
+ <rect id="red_stripe" x="0.901" y="188.977" fill="#DD0B15" width="849.492" height="377.953"/>
19
+ <rect id="gold_stripe" x="0.901" y="377.953" fill="#FFCE05" width="849.492" height="188.976"/>
20
+ </g>
21
+ </g>
22
+ <g id="fr" display="none">
23
+ <g display="inline">
24
+ <rect x="0.901" fill="#CF1327" width="849.492" height="566.929"/>
25
+ <rect x="0.901" fill="#FFFFFF" width="566.328" height="566.929"/>
26
+ <rect x="0.901" fill="#1D2C4E" width="283.164" height="566.929"/>
27
+ </g>
28
+ </g>
29
+ <g id="ru" display="none">
30
+ <g display="inline">
31
+ <rect fill="#FFFFFF" width="850.395" height="283.465"/>
32
+ <rect y="283.465" fill="#D52D1E" width="850.395" height="283.464"/>
33
+ <rect y="188.977" fill="#1E4295" width="850.395" height="188.977"/>
34
+ </g>
35
+ </g>
36
+ <g id="cn" display="none">
37
+ <g display="inline">
38
+ <rect x="0.901" fill="#DF2B14" width="849.493" height="566.929"/>
39
+ <g transform="translate(5,5) scale(3)">
40
+ <path id="s" fill="#FFDE08" d="M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z"/>
41
+ </g>
42
+ <g transform="translate(10,2) rotate(23.036243)">
43
+ <path id="s_1_" fill="#FFDE08" d="M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z"/>
44
+ </g>
45
+ <g transform="translate(12,4) rotate(45.869898)">
46
+ <path id="s_2_" fill="#FFDE08" d="M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z"/>
47
+ </g>
48
+ <g transform="translate(12,7) rotate(69.945396)">
49
+ <path id="s_3_" fill="#FFDE08" d="M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z"
50
+ />
51
+ </g>
52
+ <g transform="translate(10,9) rotate(20.659808)">
53
+ <path id="s_4_" fill="#FFDE08" d="M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z"/>
54
+ </g>
55
+ </g>
56
+ </g>
57
+ <g id="uk" display="none">
58
+ <g display="inline">
59
+ <rect y="0.002" fill="#FFFFFF" width="850.16" height="566.865"/>
60
+ <polygon fill="#CF172C" points="382.569,0 382.569,226.625 0,226.625 0,339.948 382.569,339.948 382.569,566.863 467.592,566.863
61
+ 467.592,339.948 850.16,339.948 850.16,226.625 467.592,226.625 467.592,0 "/>
62
+ <polygon fill="#25346C" points="495.946,0 495.946,183.497 771.202,0 "/>
63
+ <polygon fill="#25346C" points="495.946,566.863 771.202,566.863 495.946,383.368 "/>
64
+ <polygon fill="#25346C" points="78.96,566.863 354.214,566.863 354.214,383.368 "/>
65
+ <polygon fill="#25346C" points="78.96,0 354.214,183.497 354.214,0 "/>
66
+ <polygon fill="#25346C" points="0.003,188.95 204.392,188.95 0.003,52.699 "/>
67
+ <polygon fill="#25346C" points="645.768,188.95 850.16,188.95 850.16,52.699 "/>
68
+ <polygon fill="#25346C" points="645.768,377.913 850.16,514.171 850.16,377.913 "/>
69
+ <polygon fill="#25346C" points="0,377.913 0,514.171 204.392,377.913 "/>
70
+ <polygon fill="#CF172C" points="802.938,0 520.004,188.95 567.223,188.95 850.605,0 "/>
71
+ <polygon fill="#CF172C" points="330.156,377.909 282.937,377.909 0,566.852 47.219,566.852 330.602,377.909 "/>
72
+ <polygon fill="#CF172C" points="0,0 0,31.692 236.091,189.098 283.311,189.098 "/>
73
+ <polygon fill="#CF172C" points="566.696,377.832 850.008,566.929 850.01,535.239 613.92,377.832 "/>
74
+ </g>
75
+ </g>
76
+ </svg>
package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-en.svg ADDED
@@ -0,0 +1,76 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="850.394px" height="566.929px" viewBox="0 0 850.394 566.929" enable-background="new 0 0 850.394 566.929"
6
+ xml:space="preserve">
7
+ <g id="it">
8
+ <g>
9
+ <rect fill="#078E46" width="283.465" height="566.929"/>
10
+ <rect x="283.465" fill="#FBFDFF" width="283.465" height="566.929"/>
11
+ <rect x="566.93" fill="#D3242C" width="283.465" height="566.929"/>
12
+ </g>
13
+ </g>
14
+ <g id="de">
15
+ <g>
16
+ <desc>Flag of Germany</desc>
17
+ <rect id="black_stripe" x="0.901" fill="#010202" width="849.492" height="566.929"/>
18
+ <rect id="red_stripe" x="0.901" y="188.977" fill="#DD0B15" width="849.492" height="377.953"/>
19
+ <rect id="gold_stripe" x="0.901" y="377.953" fill="#FFCE05" width="849.492" height="188.976"/>
20
+ </g>
21
+ </g>
22
+ <g id="fr">
23
+ <g>
24
+ <rect x="0.901" fill="#CF1327" width="849.492" height="566.929"/>
25
+ <rect x="0.901" fill="#FFFFFF" width="566.328" height="566.929"/>
26
+ <rect x="0.901" fill="#1D2C4E" width="283.164" height="566.929"/>
27
+ </g>
28
+ </g>
29
+ <g id="ru">
30
+ <g>
31
+ <rect fill="#FFFFFF" width="850.395" height="283.465"/>
32
+ <rect y="283.465" fill="#D52D1E" width="850.395" height="283.464"/>
33
+ <rect y="188.977" fill="#1E4295" width="850.395" height="188.977"/>
34
+ </g>
35
+ </g>
36
+ <g id="cn">
37
+ <g>
38
+ <rect x="0.901" fill="#DF2B14" width="849.493" height="566.929"/>
39
+ <g transform="translate(5,5) scale(3)">
40
+ <path id="s" fill="#FFDE08" d="M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z"/>
41
+ </g>
42
+ <g transform="translate(10,2) rotate(23.036243)">
43
+ <path id="s_1_" fill="#FFDE08" d="M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z"/>
44
+ </g>
45
+ <g transform="translate(12,4) rotate(45.869898)">
46
+ <path id="s_2_" fill="#FFDE08" d="M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z"/>
47
+ </g>
48
+ <g transform="translate(12,7) rotate(69.945396)">
49
+ <path id="s_3_" fill="#FFDE08" d="M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z"
50
+ />
51
+ </g>
52
+ <g transform="translate(10,9) rotate(20.659808)">
53
+ <path id="s_4_" fill="#FFDE08" d="M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z"/>
54
+ </g>
55
+ </g>
56
+ </g>
57
+ <g id="uk">
58
+ <g>
59
+ <rect y="0.002" fill="#FFFFFF" width="850.16" height="566.865"/>
60
+ <polygon fill="#CF172C" points="382.569,0 382.569,226.625 0,226.625 0,339.948 382.569,339.948 382.569,566.863 467.592,566.863
61
+ 467.592,339.948 850.16,339.948 850.16,226.625 467.592,226.625 467.592,0 "/>
62
+ <polygon fill="#25346C" points="495.946,0 495.946,183.497 771.202,0 "/>
63
+ <polygon fill="#25346C" points="495.946,566.863 771.202,566.863 495.946,383.368 "/>
64
+ <polygon fill="#25346C" points="78.96,566.863 354.214,566.863 354.214,383.368 "/>
65
+ <polygon fill="#25346C" points="78.96,0 354.214,183.497 354.214,0 "/>
66
+ <polygon fill="#25346C" points="0.003,188.95 204.392,188.95 0.003,52.699 "/>
67
+ <polygon fill="#25346C" points="645.768,188.95 850.16,188.95 850.16,52.699 "/>
68
+ <polygon fill="#25346C" points="645.768,377.913 850.16,514.171 850.16,377.913 "/>
69
+ <polygon fill="#25346C" points="0,377.913 0,514.171 204.392,377.913 "/>
70
+ <polygon fill="#CF172C" points="802.938,0 520.004,188.95 567.223,188.95 850.605,0 "/>
71
+ <polygon fill="#CF172C" points="330.156,377.909 282.937,377.909 0,566.852 47.219,566.852 330.602,377.909 "/>
72
+ <polygon fill="#CF172C" points="0,0 0,31.692 236.091,189.098 283.311,189.098 "/>
73
+ <polygon fill="#CF172C" points="566.696,377.832 850.008,566.929 850.01,535.239 613.92,377.832 "/>
74
+ </g>
75
+ </g>
76
+ </svg>
package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-es.svg ADDED
@@ -0,0 +1,83 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="850.395px" height="566.929px" viewBox="0 0 850.395 566.929" enable-background="new 0 0 850.395 566.929"
6
+ xml:space="preserve">
7
+ <g id="it" display="none">
8
+ <g display="inline">
9
+ <rect fill="#078E46" width="283.465" height="566.929"/>
10
+ <rect x="283.465" fill="#FBFDFF" width="283.465" height="566.929"/>
11
+ <rect x="566.93" fill="#D3242C" width="283.465" height="566.929"/>
12
+ </g>
13
+ </g>
14
+ <g id="de" display="none">
15
+ <g display="inline">
16
+ <desc>Flag of Germany</desc>
17
+ <rect id="black_stripe" x="0.901" fill="#010202" width="849.492" height="566.929"/>
18
+ <rect id="red_stripe" x="0.901" y="188.977" fill="#DD0B15" width="849.492" height="377.952"/>
19
+ <rect id="gold_stripe" x="0.901" y="377.953" fill="#FFCE05" width="849.492" height="188.977"/>
20
+ </g>
21
+ </g>
22
+ <g id="fr" display="none">
23
+ <g display="inline">
24
+ <rect x="0.901" fill="#CF1327" width="849.492" height="566.929"/>
25
+ <rect x="0.901" fill="#FFFFFF" width="566.328" height="566.929"/>
26
+ <rect x="0.901" fill="#1D2C4E" width="283.164" height="566.929"/>
27
+ </g>
28
+ </g>
29
+ <g id="ru" display="none">
30
+ <g display="inline">
31
+ <rect fill="#FFFFFF" width="850.395" height="283.465"/>
32
+ <rect y="283.465" fill="#D52D1E" width="850.395" height="283.464"/>
33
+ <rect y="188.977" fill="#1E4295" width="850.395" height="188.978"/>
34
+ </g>
35
+ </g>
36
+ <g id="cn" display="none">
37
+ <g display="inline">
38
+ <rect x="0.901" fill="#DF2B14" width="849.494" height="566.929"/>
39
+ <g transform="translate(5,5) scale(3)">
40
+ <path id="s" fill="#FFDE08" d="M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z"/>
41
+ </g>
42
+ <g transform="translate(10,2) rotate(23.036243)">
43
+ <path id="s_1_" fill="#FFDE08" d="M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z"/>
44
+ </g>
45
+ <g transform="translate(12,4) rotate(45.869898)">
46
+ <path id="s_2_" fill="#FFDE08" d="M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z"/>
47
+ </g>
48
+ <g transform="translate(12,7) rotate(69.945396)">
49
+ <path id="s_3_" fill="#FFDE08" d="M367.298,188.706l-42.412,33.236l14.796-51.844l18.47,50.649l-44.682-30.108L367.298,188.706z"
50
+ />
51
+ </g>
52
+ <g transform="translate(10,9) rotate(20.659808)">
53
+ <path id="s_4_" fill="#FFDE08" d="M294.056,228.594l-2.499,53.861l-29.603-45.046l50.397,19.024l-51.942,14.265L294.056,228.594z
54
+ "/>
55
+ </g>
56
+ </g>
57
+ </g>
58
+ <g id="uk" display="none">
59
+ <g display="inline">
60
+ <rect x="0" y="0.002" fill="#FFFFFF" width="850.16" height="566.865"/>
61
+ <polygon fill="#CF172C" points="382.569,0 382.569,226.625 0,226.625 0,339.949 382.569,339.949 382.569,566.863 467.592,566.863
62
+ 467.592,339.949 850.16,339.949 850.16,226.625 467.592,226.625 467.592,0 "/>
63
+ <polygon fill="#25346C" points="495.946,0 495.946,183.497 771.202,0 "/>
64
+ <polygon fill="#25346C" points="495.946,566.863 771.202,566.863 495.946,383.369 "/>
65
+ <polygon fill="#25346C" points="78.96,566.863 354.214,566.863 354.214,383.369 "/>
66
+ <polygon fill="#25346C" points="78.96,0 354.214,183.497 354.214,0 "/>
67
+ <polygon fill="#25346C" points="0.003,188.95 204.392,188.95 0.003,52.699 "/>
68
+ <polygon fill="#25346C" points="645.767,188.95 850.16,188.95 850.16,52.699 "/>
69
+ <polygon fill="#25346C" points="645.767,377.914 850.16,514.172 850.16,377.914 "/>
70
+ <polygon fill="#25346C" points="0,377.914 0,514.172 204.392,377.914 "/>
71
+ <polygon fill="#CF172C" points="802.937,0 520.004,188.95 567.223,188.95 850.605,0 "/>
72
+ <polygon fill="#CF172C" points="330.156,377.91 282.937,377.91 0,566.851 47.219,566.851 330.602,377.91 "/>
73
+ <polygon fill="#CF172C" points="0,0 0,31.692 236.091,189.098 283.311,189.098 "/>
74
+ <polygon fill="#CF172C" points="566.696,377.832 850.008,566.929 850.01,535.24 613.92,377.832 "/>
75
+ </g>
76
+ </g>
77
+ <g id="es">
78
+ <g>
79
+ <rect x="1" y="0" fill="#C61620" width="848.394" height="566.929"/>
80
+ <rect x="1" y="141.732" fill="#FDC30B" width="848.394" height="283.465"/>
81
+ </g>
82
+ </g>
83
+ </svg>
package/src/assets/fonts/iconfonts/logos-iconfont/images/flags/flag-fr.svg ADDED
@@ -0,0 +1,76 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
+ <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
+ width="850.394px" height="566.929px" viewBox="0 0 850.394 566.929" enable-background="new 0 0 850.394 566.929"
6
+ xml:space="preserve">
7
+ <g id="it">
8
+ <g>
9
+ <rect fill="#078E46" width="283.465" height="566.929"/>
10
+ <rect x="283.465" fill="#FBFDFF" width="283.465" height="566.929"/>
11
+ <rect x="566.93" fill="#D3242C" width="283.465" height="566.929"/>
12
+ </g>
13
+ </g>
14
+ <g id="de">
15
+ <g>
16
+ <desc>Flag of Germany</desc>
17
+ <rect id="black_stripe" x="0.901" fill="#010202" width="849.492" height="566.929"/>
18
+ <rect id="red_stripe" x="0.901" y="188.977" fill="#DD0B15" width="849.492" height="377.953"/>
19
+ <rect id="gold_stripe" x="0.901" y="377.953" fill="#FFCE05" width="849.492" height="188.976"/>
20
+ </g>
21
+ </g>
22
+ <g id="fr">
23
+ <g>
24
+ <rect x="0.901" fill="#CF1327" width="849.492" height="566.929"/>
25
+ <rect x="0.901" fill="#FFFFFF" width="566.328" height="566.929"/>
26
+ <rect x="0.901" fill="#1D2C4E" width="283.164" height="566.929"/>
27
+ </g>
28
+ </g>
29
+ <g id="ru" display="none">
30
+ <g display="inline">
31
+ <rect fill="#FFFFFF" width="850.395" height="283.465"/>
32
+ <rect y="283.465" fill="#D52D1E" width="850.395" height="283.464"/>
33
+ <rect y="188.977" fill="#1E4295" width="850.395" height="188.977"/>
34
+ </g>
35
+ </g>
36
+ <g id="cn" display="none">
37
+ <g display="inline">
38
+ <rect x="0.901" fill="#DF2B14" width="849.493" height="566.929"/>
39
+ <g transform="translate(5,5) scale(3)">
40
+ <path id="s" fill="#FFDE08" d="M142.483,56.693l49.932,153.838L61.692,115.454h161.583L92.551,210.531L142.483,56.693z"/>
41
+ </g>
42
+ <g transform="translate(10,2) rotate(23.036243)">
43
+ <path id="s_1_" fill="#FFDE08" d="M295.146,30.607l-4.728,53.71l-27.711-46.234l49.566,21.099l-52.488,12.096L295.146,30.607z"/>
44
+ </g>
45
+ <g transform="translate(12,4) rotate(45.869898)">
46
+ <path id="s_2_" fill="#FFDE08" d="M361.022,93.648l-25.178,47.665l-7.617-53.376l37.503,38.701l-53.064-9.243L361.022,93.648z"/>
47
+ </g>
48
+ <g transform="translate(12,7) rotate(69.945396)">
49
+ <path id="s_3_" fill="#FFDE08" d="M367.298,188.705l-42.412,33.236l14.797-51.844l18.47,50.649l-44.682-30.108L367.298,188.705z"
50
+ />
51
+ </g>
52
+ <g transform="translate(10,9) rotate(20.659808)">
53
+ <path id="s_4_" fill="#FFDE08" d="M294.056,228.595l-2.5,53.86l-29.603-45.045l50.397,19.024l-51.942,14.264L294.056,228.595z"/>
54
+ </g>
55
+ </g>
56
+ </g>
57
+ <g id="uk" display="none">
58
+ <g display="inline">
59
+ <rect y="0.002" fill="#FFFFFF" width="850.16" height="566.865"/>
60
+ <polygon fill="#CF172C" points="382.569,0 382.569,226.625 0,226.625 0,339.948 382.569,339.948 382.569,566.863 467.592,566.863
61
+ 467.592,339.948 850.16,339.948 850.16,226.625 467.592,226.625 467.592,0 "/>
62
+ <polygon fill="#25346C" points="495.946,0 495.946,183.497 771.202,0 "/>
63
+ <polygon fill="#25346C" points="495.946,566.863 771.202,566.863 495.946,383.368 "/>
64
+ <polygon fill="#25346C" points="78.96,566.863 354.214,566.863 354.214,383.368 "/>
65
+ <polygon fill="#25346C" points="78.96,0 354.214,183.497 354.214,0 "/>
66
+ <polygon fill="#25346C" points="0.003,188.95 204.392,188.95 0.003,52.699 "/>
67
+ <polygon fill="#25346C" points="645.768,188.95 850.16,188.95 850.16,52.699 "/>
68
+ <polygon fill="#25346C" points="645.768,377.913 850.16,514.171 850.16,377.913 "/>
69
+ <polygon fill="#25346C" points="0,377.913 0,514.171 204.392,377.913 "/>
70
+ <polygon fill="#CF172C" points="802.938,0 520.004,188.95 567.223,188.95 850.605,0 "/>
71
+ <polygon fill="#CF172C" points="330.156,377.909 282.937,377.909 0,566.852 47.219,566.852 330.602,377.909 "/>
72
+ <polygon fill="#CF172C" points="0,0 0,31.692 236.091,189.098 283.311,189.098 "/>
73
+ <polygon fill="#CF172C" points="566.696,377.832 850.008,566.929 850.01,535.239 613.92,377.832 "/>
74
+ </g>
75
+ </g>
76
+ </svg>