@playkit-js/transcript 2.1.4 → 2.1.5-canary.16-1ac3e09

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/LICENSE +5 -5
  3. package/README.md +122 -24
  4. package/dist/1501adfdf5c835667ce7.svg +9 -0
  5. package/dist/301e7a199b2cd06c2edf.svg +9 -0
  6. package/dist/33bce27c0f546e80478c.svg +36 -0
  7. package/dist/6a4867d3d9170cc2a24d.svg +9 -0
  8. package/dist/73bab0af28a1c7aed29f.svg +9 -0
  9. package/dist/84087eb1cff72e5e6bd3.svg +9 -0
  10. package/dist/95d7192dc427afb678d0.svg +9 -0
  11. package/dist/cea5d6a7f050cbd199a1.svg +9 -0
  12. package/dist/d93f06ff32cdfcd016df.svg +9 -0
  13. package/dist/e5496f4c01207db44ffc.svg +9 -0
  14. package/dist/playkit-transcript.js +1 -31
  15. package/dist/playkit-transcript.js.map +1 -1
  16. package/package.json +53 -50
  17. package/src/components/a11y-wrapper/a11y-wrapper.ts +26 -0
  18. package/src/components/a11y-wrapper/index.ts +1 -0
  19. package/src/components/caption/caption.scss +1 -1
  20. package/src/components/caption/caption.tsx +118 -140
  21. package/src/components/caption/index.ts +1 -1
  22. package/src/components/caption-list/captionList.scss +8 -8
  23. package/src/components/caption-list/captionList.tsx +115 -117
  24. package/src/components/caption-list/index.ts +1 -1
  25. package/src/components/close-button/close-button.scss +11 -0
  26. package/src/components/close-button/index.tsx +23 -0
  27. package/src/components/download-print-menu/download-print-menu.scss +49 -48
  28. package/src/components/download-print-menu/download-print-menu.tsx +147 -125
  29. package/src/components/download-print-menu/index.ts +1 -1
  30. package/src/components/icons/index.ts +11 -0
  31. package/src/components/plugin-button/plugin-button.scss +26 -0
  32. package/src/components/plugin-button/plugin-button.tsx +29 -0
  33. package/src/components/popover-menu/index.ts +1 -1
  34. package/src/components/popover-menu/popover-menu.scss +3 -3
  35. package/src/components/popover-menu/popover-menu.tsx +25 -25
  36. package/src/components/search/index.ts +1 -1
  37. package/src/components/search/search.scss +1 -1
  38. package/src/components/search/search.tsx +137 -144
  39. package/src/components/spinner/index.ts +1 -1
  40. package/src/components/spinner/spinner.scss +58 -50
  41. package/src/components/spinner/spinner.tsx +9 -9
  42. package/src/components/transcript/index.ts +1 -1
  43. package/src/components/transcript/transcript.scss +9 -33
  44. package/src/components/transcript/transcript.tsx +333 -454
  45. package/src/global.d.ts +6 -6
  46. package/src/index.ts +13 -1
  47. package/src/transcript-plugin.scss +3 -3
  48. package/src/transcript-plugin.tsx +210 -391
  49. package/src/types/index.ts +3 -0
  50. package/src/types/transcript-config.ts +11 -0
  51. package/src/types/transcript-item-data.ts +29 -0
  52. package/src/types/types-ui.ts +11 -0
  53. package/src/utils/debounce.ts +36 -0
  54. package/src/utils/index.ts +4 -0
  55. package/src/utils/object-utils.ts +34 -0
  56. package/src/utils/popover/popover.scss +30 -0
  57. package/src/utils/popover/popover.tsx +178 -0
  58. package/src/utils/utils.ts +86 -0
  59. package/src/variables.scss +14 -0
  60. package/src/assets/close.svg +0 -10
  61. package/src/utils.ts +0 -192
package/CHANGELOG.md CHANGED
@@ -2,6 +2,15 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ### [2.1.5-canary.16-1ac3e09](https://github.com/kaltura/playkit-js-transcript/compare/v2.1.4...v2.1.5-canary.16-1ac3e09) (2022-07-28)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * **FEV-1173:** remove contrib kitchen sink ([fb40b3e](https://github.com/kaltura/playkit-js-transcript/commit/fb40b3e10a99cd2cf7ffb41ac5721ab6b3210501))
11
+ * **FEV-1273:** handle timed metadata, remove kaltura-client ([357f8b5](https://github.com/kaltura/playkit-js-transcript/commit/357f8b53cffe64b0da1152f96c6c54f677142bfb))
12
+ * **FEV-1273:** tiny style changes ([4967668](https://github.com/kaltura/playkit-js-transcript/commit/49676686b24cd36a0881e2f5897c472a7e555b94))
13
+
5
14
  ### [2.1.4](https://github.com/kaltura/playkit-js-transcript/compare/v2.1.3...v2.1.4) (2022-01-19)
6
15
 
7
16
  ### [2.1.3](https://github.com/kaltura/playkit-js-transcript/compare/v2.1.2...v2.1.3) (2021-07-05)
package/LICENSE CHANGED
@@ -1,7 +1,7 @@
1
1
  GNU AFFERO GENERAL PUBLIC LICENSE
2
2
  Version 3, 19 November 2007
3
3
 
4
- Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
4
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
5
5
  Everyone is permitted to copy and distribute verbatim copies
6
6
  of this license document, but changing it is not allowed.
7
7
 
@@ -633,8 +633,8 @@ the "copyright" line and a pointer to where the full notice is found.
633
633
  Copyright (C) <year> <name of author>
634
634
 
635
635
  This program is free software: you can redistribute it and/or modify
636
- it under the terms of the GNU Affero General Public License as published by
637
- the Free Software Foundation, either version 3 of the License, or
636
+ it under the terms of the GNU Affero General Public License as published
637
+ by the Free Software Foundation, either version 3 of the License, or
638
638
  (at your option) any later version.
639
639
 
640
640
  This program is distributed in the hope that it will be useful,
@@ -643,7 +643,7 @@ the "copyright" line and a pointer to where the full notice is found.
643
643
  GNU Affero General Public License for more details.
644
644
 
645
645
  You should have received a copy of the GNU Affero General Public License
646
- along with this program. If not, see <http://www.gnu.org/licenses/>.
646
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
647
647
 
648
648
  Also add information on how to contact you by electronic and paper mail.
649
649
 
@@ -658,4 +658,4 @@ specific requirements.
658
658
  You should also get your employer (if you work as a programmer) or school,
659
659
  if any, to sign a "copyright disclaimer" for the program, if necessary.
660
660
  For more information on this, and how to apply and follow the GNU AGPL, see
661
- <http://www.gnu.org/licenses/>.
661
+ <https://www.gnu.org/licenses/>.
package/README.md CHANGED
@@ -1,32 +1,130 @@
1
- # Kaltura Player V7 - Transcript plugin
1
+ # PlayKit JS Transcript - plugin for the [PlayKit JS Player]
2
2
 
3
- [![Conventional Commits](https://img.shields.io/badge/Conventional%20Commits-1.0.0-yellow.svg)](https://conventionalcommits.org)
3
+ PlayKit JS Transcript is written in [ECMAScript6], statically analysed using [Typescript] and transpiled in ECMAScript5 using [Babel].
4
4
 
5
- ## Overview
6
- > this section will be added soon
5
+ [typescript]: https://www.typescriptlang.org/
6
+ [ecmascript6]: https://github.com/ericdouglas/ES6-Learning#articles--tutorials
7
+ [babel]: https://babeljs.io
7
8
 
8
- ## Project structure
9
- > this section will be added soon
9
+ ## Getting Started
10
10
 
11
- ## Plugin configuration
11
+ ### Prerequisites
12
12
 
13
- ### Plugin configuration can be defined as object of properties, ex:
13
+ The plugin requires [Kaltura Player] to be loaded first.
14
+
15
+ [kaltura player]: https://github.com/kaltura/kaltura-player-js
16
+
17
+ ### Installing
18
+
19
+ First, clone and run [yarn] to install dependencies:
20
+
21
+ [yarn]: https://yarnpkg.com/lang/en/
22
+
23
+ ```
24
+ git clone https://github.com/kaltura/playkit-js-transcript.git
25
+ cd playkit-js-transcript
26
+ yarn install
14
27
  ```
15
- 'playkit-js-transcript': {
16
- position: 'right',
17
- printDisabled : true,
18
- expandMode:'over'
19
- }
28
+
29
+ ### Building
30
+
31
+ Then, build the player
32
+
33
+ ```javascript
34
+ yarn run build
20
35
  ```
21
36
 
22
- ### List of available configuration properties:
23
- Parameter | Description | Type | Default
24
- --- | --- | :-----: | :-----:
25
- expandMode | Set player area for TW | `"alongside" | "over"` | `"alongside"`
26
- expandOnFirstPlay | Opens plugin on automatically | `boolean` | `true`
27
- showTime | Show or hide caption time | `boolean` | `true`
28
- position | Position of TW plugin | `"right" | "bottom"` | `"bottom"`
29
- searchDebounceTimeout | Debounce on caption search | `number` | `250`
30
- searchNextPrevDebounceTimeout | Debounce on jump to prev\next search result | `number` | `100`
31
- downloadDisabled | Disable download of transcript | `boolean` | `false`
32
- printDisabled | Disable print of transcript | `boolean` | `false`
37
+ ### Embed the library in your test page
38
+
39
+ Finally, add the bundle as a script tag in your page, and initialize the player
40
+
41
+ ```html
42
+ <script type="text/javascript" src="/PATH/TO/FILE/kaltura-player.js"></script>
43
+ <!--Kaltura player-->
44
+ <script type="text/javascript" src="/PATH/TO/FILE/playkit-transcript.js"></script>
45
+ <!--PlayKit transcript plugin-->
46
+ <div id="player-placeholder" style="height:360px; width:640px">
47
+ <script type="text/javascript">
48
+ var playerContainer = document.querySelector("#player-placeholder");
49
+ var config = {
50
+ ...
51
+ targetId: 'player-placeholder',
52
+ plugins: {
53
+ transcript: { ... },
54
+ kalturaCuepoints: {}
55
+ }
56
+ ...
57
+ };
58
+ var player = KalturaPlayer.setup(config);
59
+ player.loadMedia(...);
60
+ </script>
61
+ </div>
62
+ ```
63
+
64
+ ## Documentation
65
+
66
+ TBD
67
+
68
+ ## Running the tests
69
+
70
+ Tests can be run locally via [Karma], which will run on Chrome, Firefox and Safari
71
+
72
+ [karma]: https://karma-runner.github.io/1.0/index.html
73
+
74
+ ```
75
+ yarn run test
76
+ ```
77
+
78
+ You can test individual browsers:
79
+
80
+ ```
81
+ yarn run test:chrome
82
+ yarn run test:firefox
83
+ yarn run test:safari
84
+ ```
85
+
86
+ ### And coding style tests
87
+
88
+ We use ESLint [recommended set](http://eslint.org/docs/rules/) with some additions for enforcing [Flow] types and other rules.
89
+
90
+ See [ESLint config](.eslintrc.json) for full configuration.
91
+
92
+ We also use [.editorconfig](.editorconfig) to maintain consistent coding styles and settings, please make sure you comply with the styling.
93
+
94
+ ## Compatibility
95
+
96
+ TBD
97
+
98
+ ## Contributing
99
+
100
+ Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.
101
+
102
+ ## Versioning
103
+
104
+ We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/kaltura/playkit-js-transcript/tags).
105
+
106
+ ## License
107
+
108
+ This project is licensed under the AGPL-3.0 License - see the [LICENSE.md](LICENSE.md) file for details
109
+
110
+ ## Commands
111
+
112
+ Run dev server: `npm run serve`;<br/>
113
+ Update contrib: `npm run infra:latest`;<br/>
114
+ Bump version: `npm run deploy:prepare`;<br/>
115
+
116
+ ## Configuration
117
+
118
+ Plugin configuration:<br/> > `expandOnFirstPlay`: boolean - if plugin should automatically opens on first play (default true);<br/> > `forceChaptersThumb`: boolean - force to use chapters thumbnails (default false);<br/> > `expandMode`: string - expand mode of kitchensink (AlongSideTheVideo|OverTheVideo, default "AlongSideTheVideo");<br/> > `userRole`: string - use session userId as identificator of user (anonymousRole|unmoderatedAdminRole, default "anonymousRole");<br/> > `itemsOrder`: object< string, number > - define order of Tabs (min value at the left) and Items inside group (min value at the top).<br/> itemsOrder also uses as tabs filter (all items that not included in "itemsOrder" object will be filtered out) (default:
119
+ ` { "All": 0, "Chapter": 1, "Slide": 2, "Hotspot": 3, "AnswerOnAir": 4, } ); `
120
+
121
+ ## Troubleshooting
122
+
123
+ ### Dev env
124
+
125
+ Node version: up to 14.18.1<br/>
126
+ If nvm installed: `nvm use` change version of current terminal to required.<br/>
127
+
128
+ ### ARM Architecture support
129
+
130
+ Install dependencies with `npm install --target_arch=x64` set target arch for running it through Rosetta (requires Rosetta installation).<br/>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/32/Download</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/32/Download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M26,25 C26.5522847,25 27,25.4477153 27,26 C27,26.5522847 26.5522847,27 26,27 L26,27 L7,27 C6.44771525,27 6,26.5522847 6,26 C6,25.4477153 6.44771525,25 7,25 L7,25 Z M15.897,20.797 L15.817,20.73 L15.8163834,20.7298413 L8.34305882,13.7298413 C7.93997861,13.3522902 7.91928313,12.7194636 8.29683417,12.3163834 C8.67438521,11.9133032 9.30721188,11.8926077 9.71029209,12.2701587 L15.4996721,17.693 L15.5,6 C15.5,5.48716416 15.8860402,5.06449284 16.3833789,5.00672773 L16.5,5 C17.0522847,5 17.5,5.44771525 17.5,6 L17.4996721,17.694 L23.2951711,12.2699211 C23.6673663,11.9215418 24.2352038,11.9125649 24.6172049,12.230382 L24.7086128,12.3166371 C25.0860237,12.7198486 25.0651082,13.352668 24.6618968,13.7300789 L17.1833629,20.7300789 L17.1610165,20.7503813 L17.1610165,20.7503813 C17.1421868,20.7669999 17.1224361,20.7831339 17.102079,20.7985075 C17.0891381,20.8082894 17.0764369,20.8174134 17.0635772,20.826204 C17.0434306,20.8399634 17.0223437,20.8532674 17.0007451,20.8657864 C16.9872099,20.8736423 16.9734873,20.8811624 16.959633,20.8883367 L16.8877511,20.9220455 L16.8877511,20.9220455 C16.8756318,20.927087 16.8632234,20.9320132 16.8507409,20.9366814 C16.83028,20.9444208 16.8097352,20.9513578 16.7889039,20.9576336 C16.7705976,20.9630349 16.752126,20.968019 16.7335525,20.9724647 C16.6585039,20.9905214 16.5803589,21 16.5,21 C16.4170842,21 16.3365254,20.9899086 16.2594848,20.9708871 C16.2500284,20.9684434 16.2399293,20.9657886 16.2298654,20.9629733 C16.2028024,20.9554899 16.1769173,20.947049 16.1515197,20.9376057 C16.1370523,20.9321598 16.1223107,20.9262914 16.1076867,20.9200585 C16.0832011,20.9096448 16.0596143,20.8984375 16.036557,20.886357 C16.025923,20.8807972 16.0148138,20.8747205 16.0037984,20.8684173 C15.9792921,20.8543502 15.955966,20.8396537 15.9333153,20.8240474 L15.898,20.798 L15.897,20.797 Z M15.867,20.774 L15.888,20.79 L15.8735171,20.7794831 L15.8735171,20.7794831 L15.867,20.774 Z M15.817,20.73 L15.9035191,20.8027045 C15.8784859,20.7840722 15.8543541,20.7642966 15.831201,20.7434548 L15.817,20.73 Z" id="Combined-Shape" fill="#ffffff"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/32/Clere</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/32/Clere" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M16,8 C20.418278,8 24,11.581722 24,16 C24,20.418278 20.418278,24 16,24 C11.581722,24 8,20.418278 8,16 C8,11.581722 11.581722,8 16,8 Z M19.8665357,12.1334643 C19.6885833,11.9555119 19.4000655,11.9555119 19.2221131,12.1334643 L16,15.356 L12.7778869,12.1334643 L12.7064039,12.0750737 C12.5295326,11.9582924 12.2891726,11.977756 12.1334643,12.1334643 L12.0750737,12.2049473 C11.9582924,12.3818186 11.977756,12.6221786 12.1334643,12.7778869 L15.356,16 L12.1334643,19.2221131 C11.9555119,19.4000655 11.9555119,19.6885833 12.1334643,19.8665357 C12.3114167,20.0444881 12.5999345,20.0444881 12.7778869,19.8665357 L16,16.644 L19.2221131,19.8665357 L19.2935961,19.9249263 C19.4704674,20.0417076 19.7108274,20.022244 19.8665357,19.8665357 L19.9249263,19.7950527 C20.0417076,19.6181814 20.022244,19.3778214 19.8665357,19.2221131 L16.644,16 L19.8665357,12.7778869 C20.0444881,12.5999345 20.0444881,12.3114167 19.8665357,12.1334643 Z" id="Shape" fill="#cccccc"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,36 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="184px" height="184px" viewBox="0 0 184 184" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
4
+ <title>IL/ transcript/ loder</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="IL/-transcript/-loder" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M131,37 C133.688755,37 135.881818,39.1223067 135.99538,41.7831104 L136,42 L136,142 C136,144.688755 133.877693,146.881818 131.21689,146.99538 L131,147 L54,147 C51.3112453,147 49.1181819,144.877693 49.0046195,142.21689 L49,142 L49,42 C49,39.3112453 51.1223067,37.1181819 53.7831104,37.0046195 L54,37 L131,37 Z M101.454542,126.814926 L63.4545421,126.814926 C62.3499726,126.814926 61.4545421,127.710356 61.4545421,128.814926 C61.4545421,129.919495 62.3499726,130.814926 63.4545421,130.814926 L63.4545421,130.814926 L101.454542,130.814926 C102.559112,130.814926 103.454542,129.919495 103.454542,128.814926 C103.454542,127.710356 102.559112,126.814926 101.454542,126.814926 L101.454542,126.814926 Z M115.288711,116.850282 L63.2887108,116.850282 C62.1841413,116.850282 61.2887108,117.745712 61.2887108,118.850282 C61.2887108,119.904643 62.1045886,120.768447 63.1394485,120.844796 L63.2887108,120.850282 L115.288711,120.850282 C116.39328,120.850282 117.288711,119.954851 117.288711,118.850282 C117.288711,117.745712 116.39328,116.850282 115.288711,116.850282 Z M97.011063,106.163706 L64.011063,106.163706 C62.9064935,106.163706 62.011063,107.059136 62.011063,108.163706 C62.011063,109.218068 62.8269408,110.081871 63.8618007,110.15822 L64.011063,110.163706 L97.011063,110.163706 C98.1156325,110.163706 99.011063,109.268275 99.011063,108.163706 C99.011063,107.059136 98.1156325,106.163706 97.011063,106.163706 Z M112.011284,95.3010779 L64.0112838,95.3010779 C62.9067143,95.3010779 62.0112838,96.1965084 62.0112838,97.3010779 C62.0112838,98.3554397 62.8271616,99.219243 63.8620215,99.2955922 L64.0112838,99.3010779 L112.011284,99.3010779 C113.115853,99.3010779 114.011284,98.4056474 114.011284,97.3010779 C114.011284,96.1965084 113.115853,95.3010779 112.011284,95.3010779 Z M96.7184437,84.7881504 L63.7184437,84.7881504 C62.6138742,84.7881504 61.7184437,85.6835809 61.7184437,86.7881504 C61.7184437,87.8425122 62.5343215,88.7063156 63.5691814,88.7826647 L63.7184437,88.7881504 L96.7184437,88.7881504 C97.8230132,88.7881504 98.7184437,87.8927199 98.7184437,86.7881504 C98.7184437,85.6835809 97.8230132,84.7881504 96.7184437,84.7881504 Z M108.741453,73.6650501 L63.7414529,73.6650501 C62.6368834,73.6650501 61.7414529,74.5604806 61.7414529,75.6650501 C61.7414529,76.7194119 62.5573307,77.5832152 63.5921905,77.6595644 L63.7414529,77.6650501 L108.741453,77.6650501 C109.846022,77.6650501 110.741453,76.7696196 110.741453,75.6650501 C110.741453,74.5604806 109.846022,73.6650501 108.741453,73.6650501 Z M92.456209,63.0652986 L63.456209,63.0652986 C62.3516395,63.0652986 61.456209,63.9607291 61.456209,65.0652986 C61.456209,66.1196603 62.2720867,66.9834637 63.3069466,67.0598128 L63.456209,67.0652986 L92.456209,67.0652986 C93.5607785,67.0652986 94.456209,66.1698681 94.456209,65.0652986 C94.456209,63.9607291 93.5607785,63.0652986 92.456209,63.0652986 Z M102.320762,52.7533578 L63.3207622,52.7533578 C62.2161927,52.7533578 61.3207622,53.6487883 61.3207622,54.7533578 C61.3207622,55.8077196 62.13664,56.6715229 63.1714998,56.7478721 L63.3207622,56.7533578 L102.320762,56.7533578 C103.425332,56.7533578 104.320762,55.8579273 104.320762,54.7533578 C104.320762,53.6487883 103.425332,52.7533578 102.320762,52.7533578 Z" id="Combined-Shape" fill="#999999" transform="translate(92.500000, 92.000000) rotate(-10.000000) translate(-92.500000, -92.000000) "></path>
8
+ <g id="Oval-2" opacity="0.5" transform="translate(38.000000, 147.000000)" fill="#999999">
9
+ <path d="M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,0 3.3015873,0 C1.47817098,0 1.08002496e-12,1.4883507 1.08002496e-12,3.32432432 C1.08002496e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z" id="Oval"></path>
10
+ </g>
11
+ <g id="Oval-Copy-8" opacity="0.8" transform="translate(147.000000, 93.000000)" fill="#999999">
12
+ <path d="M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,1.42108547e-14 3.3015873,1.42108547e-14 C1.47817098,1.42108547e-14 1.08002496e-12,1.4883507 1.08002496e-12,3.32432432 C1.08002496e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z" id="Oval-Copy"></path>
13
+ </g>
14
+ <g id="Oval-Copy-6" opacity="0.6" transform="translate(11.000000, 80.000000)" fill="#999999">
15
+ <path d="M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,0 3.3015873,0 C1.47817098,0 1.08713039e-12,1.4883507 1.08713039e-12,3.32432432 C1.08713039e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z" id="Oval-Copy-2"></path>
16
+ </g>
17
+ <g id="Oval-Copy-5" opacity="0.3" transform="translate(56.000000, 25.000000)" fill="#999999">
18
+ <path d="M3.3015873,6.64864865 C5.12500362,6.64864865 6.6031746,5.16029795 6.6031746,3.32432432 C6.6031746,1.4883507 5.12500362,-5.32907052e-15 3.3015873,-5.32907052e-15 C1.47817098,-5.32907052e-15 1.07647224e-12,1.4883507 1.07647224e-12,3.32432432 C1.07647224e-12,5.16029795 1.47817098,6.64864865 3.3015873,6.64864865 Z M3.3015873,4.64864865 C2.5858248,4.64864865 2,4.05878945 2,3.32432432 C2,2.5898592 2.5858248,2 3.3015873,2 C4.0173498,2 4.6031746,2.5898592 4.6031746,3.32432432 C4.6031746,4.05878945 4.0173498,4.64864865 3.3015873,4.64864865 Z" id="Oval-Copy-3"></path>
19
+ </g>
20
+ <g id="Path-2" opacity="0.4" transform="translate(88.000000, 164.000000)" fill="#999999">
21
+ <polygon id="Path" points="5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"></polygon>
22
+ </g>
23
+ <g id="Path-2-Copy-3" opacity="0.4" transform="translate(15.000000, 57.000000)" fill="#999999">
24
+ <polygon id="Path" points="5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"></polygon>
25
+ </g>
26
+ <g id="Path-Copy-5" opacity="0.3" transform="translate(129.000000, 155.000000)" fill="#999999">
27
+ <polygon id="Path-Copy" points="5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"></polygon>
28
+ </g>
29
+ <g id="Path-Copy-4" opacity="0.9" transform="translate(77.000000, 12.000000)" fill="#999999">
30
+ <polygon id="Path-Copy-2" points="5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"></polygon>
31
+ </g>
32
+ <g id="Path-Copy-6" opacity="0.9" transform="translate(146.000000, 56.000000)" fill="#999999">
33
+ <polygon id="Path-Copy-2" points="5.5 2.5 8 2.5 8 5.5 5.5 5.5 5.5 8 2.5 8 2.5 5.5 0 5.5 0 2.5 2.5 2.5 2.5 0 5.5 0"></polygon>
34
+ </g>
35
+ </g>
36
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 59 (86127) - https://sketch.com -->
4
+ <title>Icons/32/print</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/32/print" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M21,3 C22.0543618,3 22.9181651,3.81587779 22.9945143,4.85073766 L23,5 L23,9 L26,9 C27.1045695,9 28,9.8954305 28,11 L28,21 C28,22.1045695 27.1045695,23 26,23 L23,23 L23,28 C23,29.1045695 22.1045695,30 21,30 L11,30 C9.8954305,30 9,29.1045695 9,28 L9,23 L6,23 C4.8954305,23 4,22.1045695 4,21 L4,11 C4,9.8954305 4.8954305,9 6,9 L9,9 L9,5 C9,3.9456382 9.81587779,3.08183488 10.8507377,3.00548574 L11,3 L21,3 Z M21,19 L11,19 L11,28 L21,28 L21,19 Z M26,11 L6,11 L6,21 L9,21 L9,19 C8.44771525,19 8,18.5522847 8,18 C8,17.4477153 8.44771525,17 9,17 L23,17 C23.5522847,17 24,17.4477153 24,18 C24,18.5522847 23.5522847,19 23,19 L23,21 L26,21 L26,11 Z M21,5 L11,5 L11,9 L21,9 L21,5 Z" id="Combined-Shape" fill="#01ACCD"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/16/Arrow/ up</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/16/Arrow/-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M4.78325732,5.37830235 C4.43990319,4.94572127 3.81088342,4.87338855 3.37830235,5.21674268 C2.94572127,5.56009681 2.87338855,6.18911658 3.21674268,6.62169765 L7.21674268,11.6611718 C7.61710439,12.165575 8.38289561,12.165575 8.78325732,11.6611718 L12.7832573,6.62169765 C13.1266115,6.18911658 13.0542787,5.56009681 12.6216977,5.21674268 C12.1891166,4.87338855 11.5600968,4.94572127 11.2167427,5.37830235 L8,9.43097528 L4.78325732,5.37830235 Z" id="Path-2" fill="#cccccc" transform="translate(8.000000, 8.519717) scale(1, -1) translate(-8.000000, -8.519717) "></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/16/Arrowline/up</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/16/Arrowline/up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M8.0000393,2 C8.55232405,2 9.0000393,2.44771525 9.0000393,3 L9.0000393,3 L9,10.17 L11.216782,7.37830235 C11.5337243,6.97899674 12.0940739,6.88664831 12.5186429,7.14486093 L12.6217369,7.21674268 C13.054318,7.56009681 13.1266507,8.18911658 12.7832966,8.62169765 L12.7832966,8.62169765 L8.78329662,13.6611718 C8.3829349,14.165575 7.61714369,14.165575 7.21678198,13.6611718 L7.21678198,13.6611718 L3.21678198,8.62169765 C2.87342784,8.18911658 2.94576057,7.56009681 3.37834164,7.21674268 C3.81092272,6.87338855 4.43994248,6.94572127 4.78329662,7.37830235 L4.78329662,7.37830235 L7,10.17 L7.0000393,3 C7.0000393,2.48716416 7.38607949,2.06449284 7.88341817,2.00672773 Z" id="Combined-Shape" fill="#ffffff" transform="translate(8.000039, 8.019737) scale(1, -1) translate(-8.000039, -8.019737) "></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/16/Arrow/down</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/16/Arrow/down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M4.78325732,5.37830235 C4.43990319,4.94572127 3.81088342,4.87338855 3.37830235,5.21674268 C2.94572127,5.56009681 2.87338855,6.18911658 3.21674268,6.62169765 L7.21674268,11.6611718 C7.61710439,12.165575 8.38289561,12.165575 8.78325732,11.6611718 L12.7832573,6.62169765 C13.1266115,6.18911658 13.0542787,5.56009681 12.6216977,5.21674268 C12.1891166,4.87338855 11.5600968,4.94572127 11.2167427,5.37830235 L8,9.43097528 L4.78325732,5.37830235 Z" id="Path-2" fill="#cccccc"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/32/serch</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/32/serch" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M15.1578947,8 C19.1110908,8 22.3157895,11.2046986 22.3157895,15.1578947 C22.3157895,16.8311546 21.7416502,18.3703171 20.7796271,19.5891266 L24.5954583,23.4045417 C24.9243209,23.7334042 24.9243209,24.2665958 24.5954583,24.5954583 C24.2665958,24.9243209 23.7334042,24.9243209 23.4045417,24.5954583 L19.5891266,20.7796271 C18.3703171,21.7416502 16.8311546,22.3157895 15.1578947,22.3157895 C11.2046986,22.3157895 8,19.1110908 8,15.1578947 C8,11.2046986 11.2046986,8 15.1578947,8 Z M15.1578947,9.68421053 C12.1348624,9.68421053 9.68421053,12.1348624 9.68421053,15.1578947 C9.68421053,18.1809271 12.1348624,20.6315789 15.1578947,20.6315789 C18.1809271,20.6315789 20.6315789,18.1809271 20.6315789,15.1578947 C20.6315789,12.1348624 18.1809271,9.68421053 15.1578947,9.68421053 Z" id="Shape" fill="#cccccc"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 59 (86127) - https://sketch.com -->
4
+ <title>Icons/32/print</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/32/print" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M21,3 C22.0543618,3 22.9181651,3.81587779 22.9945143,4.85073766 L23,5 L23,9 L26,9 C27.1045695,9 28,9.8954305 28,11 L28,21 C28,22.1045695 27.1045695,23 26,23 L23,23 L23,28 C23,29.1045695 22.1045695,30 21,30 L11,30 C9.8954305,30 9,29.1045695 9,28 L9,23 L6,23 C4.8954305,23 4,22.1045695 4,21 L4,11 C4,9.8954305 4.8954305,9 6,9 L9,9 L9,5 C9,3.9456382 9.81587779,3.08183488 10.8507377,3.00548574 L11,3 L21,3 Z M21,19 L11,19 L11,28 L21,28 L21,19 Z M26,11 L6,11 L6,21 L9,21 L9,19 C8.44771525,19 8,18.5522847 8,18 C8,17.4477153 8.44771525,17 9,17 L23,17 C23.5522847,17 24,17.4477153 24,18 C24,18.5522847 23.5522847,19 23,19 L23,21 L26,21 L26,11 Z M21,5 L11,5 L11,9 L21,9 L21,5 Z" id="Combined-Shape" fill="#fff"></path>
8
+ </g>
9
+ </svg>
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
4
+ <title>Icons/32/Download</title>
5
+ <desc>Created with Sketch.</desc>
6
+ <g id="Icons/32/Download" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
7
+ <path d="M26,25 C26.5522847,25 27,25.4477153 27,26 C27,26.5522847 26.5522847,27 26,27 L26,27 L7,27 C6.44771525,27 6,26.5522847 6,26 C6,25.4477153 6.44771525,25 7,25 L7,25 Z M15.897,20.797 L15.817,20.73 L15.8163834,20.7298413 L8.34305882,13.7298413 C7.93997861,13.3522902 7.91928313,12.7194636 8.29683417,12.3163834 C8.67438521,11.9133032 9.30721188,11.8926077 9.71029209,12.2701587 L15.4996721,17.693 L15.5,6 C15.5,5.48716416 15.8860402,5.06449284 16.3833789,5.00672773 L16.5,5 C17.0522847,5 17.5,5.44771525 17.5,6 L17.4996721,17.694 L23.2951711,12.2699211 C23.6673663,11.9215418 24.2352038,11.9125649 24.6172049,12.230382 L24.7086128,12.3166371 C25.0860237,12.7198486 25.0651082,13.352668 24.6618968,13.7300789 L17.1833629,20.7300789 L17.1610165,20.7503813 L17.1610165,20.7503813 C17.1421868,20.7669999 17.1224361,20.7831339 17.102079,20.7985075 C17.0891381,20.8082894 17.0764369,20.8174134 17.0635772,20.826204 C17.0434306,20.8399634 17.0223437,20.8532674 17.0007451,20.8657864 C16.9872099,20.8736423 16.9734873,20.8811624 16.959633,20.8883367 L16.8877511,20.9220455 L16.8877511,20.9220455 C16.8756318,20.927087 16.8632234,20.9320132 16.8507409,20.9366814 C16.83028,20.9444208 16.8097352,20.9513578 16.7889039,20.9576336 C16.7705976,20.9630349 16.752126,20.968019 16.7335525,20.9724647 C16.6585039,20.9905214 16.5803589,21 16.5,21 C16.4170842,21 16.3365254,20.9899086 16.2594848,20.9708871 C16.2500284,20.9684434 16.2399293,20.9657886 16.2298654,20.9629733 C16.2028024,20.9554899 16.1769173,20.947049 16.1515197,20.9376057 C16.1370523,20.9321598 16.1223107,20.9262914 16.1076867,20.9200585 C16.0832011,20.9096448 16.0596143,20.8984375 16.036557,20.886357 C16.025923,20.8807972 16.0148138,20.8747205 16.0037984,20.8684173 C15.9792921,20.8543502 15.955966,20.8396537 15.9333153,20.8240474 L15.898,20.798 L15.897,20.797 Z M15.867,20.774 L15.888,20.79 L15.8735171,20.7794831 L15.8735171,20.7794831 L15.867,20.774 Z M15.817,20.73 L15.9035191,20.8027045 C15.8784859,20.7840722 15.8543541,20.7642966 15.831201,20.7434548 L15.817,20.73 Z" id="Combined-Shape" fill="#01ACCD"></path>
8
+ </g>
9
+ </svg>