@paperless/core 0.1.0-alpha.224 → 0.1.0-alpha.226

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 (127) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/i18n/table.i18n.en.json +13 -0
  3. package/dist/assets/i18n/table.i18n.nl.json +13 -0
  4. package/dist/assets/illustrations/empty-state-overview.svg +65 -0
  5. package/dist/assets/illustrations/empty-state-search.svg +88 -0
  6. package/dist/build/{p-1f6a0296.entry.js → p-417a706f.entry.js} +1 -1
  7. package/dist/build/p-47c36e96.entry.js +1 -0
  8. package/dist/build/p-48d04ece.entry.js +1 -0
  9. package/dist/build/p-674b3f2f.entry.js +1 -0
  10. package/dist/build/p-7e40c097.entry.js +1 -0
  11. package/dist/build/p-d70f6f04.entry.js +1 -0
  12. package/dist/{paperless/p-61975c9a.entry.js → build/p-ddeaf320.entry.js} +1 -1
  13. package/dist/build/p-e4a465a8.entry.js +1 -0
  14. package/dist/build/p-ff05fe38.entry.js +1 -0
  15. package/dist/build/paperless.esm.js +1 -1
  16. package/dist/cjs/index-cf92051a.js +4 -8
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/cjs/p-button_3.cjs.entry.js +3 -3
  19. package/dist/cjs/p-divider.cjs.entry.js +1 -1
  20. package/dist/cjs/p-dropdown_3.cjs.entry.js +3 -3
  21. package/dist/cjs/p-helper_2.cjs.entry.js +2 -2
  22. package/dist/cjs/p-illustration_6.cjs.entry.js +2756 -0
  23. package/dist/cjs/p-input-group_4.cjs.entry.js +4 -4
  24. package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
  25. package/dist/cjs/p-select.cjs.entry.js +7 -4
  26. package/dist/cjs/p-table.cjs.entry.js +27 -1
  27. package/dist/cjs/paperless.cjs.js +1 -1
  28. package/dist/collection/assets/illustrations/empty-state-overview.svg +65 -0
  29. package/dist/collection/assets/illustrations/empty-state-search.svg +88 -0
  30. package/dist/collection/collection-manifest.json +2 -2
  31. package/dist/collection/components/atoms/button/button.component.css +1 -1
  32. package/dist/collection/components/atoms/divider/divider.component.css +1 -1
  33. package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
  34. package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
  35. package/dist/collection/components/atoms/helper/helper.component.css +1 -1
  36. package/dist/collection/components/atoms/icon/icon.component.css +1 -1
  37. package/dist/collection/components/atoms/illustration/illustration.component.js +1 -1
  38. package/dist/collection/components/atoms/label/label.component.css +1 -1
  39. package/dist/collection/components/atoms/loader/loader.component.css +1 -1
  40. package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
  41. package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
  42. package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
  43. package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
  44. package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
  45. package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
  46. package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
  47. package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
  48. package/dist/collection/components/molecules/select/select.component.js +7 -4
  49. package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
  50. package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
  51. package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
  52. package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
  53. package/dist/collection/components/organisms/table/table.component.css +1 -1
  54. package/dist/collection/components/organisms/table/table.component.js +160 -7
  55. package/dist/collection/utils/illustrations.js +4 -0
  56. package/dist/components/button.component.js +1 -1
  57. package/dist/components/divider.component.js +1 -1
  58. package/dist/components/dropdown-menu-container.component.js +1 -1
  59. package/dist/components/dropdown-menu-item.component.js +1 -1
  60. package/dist/components/dropdown.component.js +1 -1
  61. package/dist/components/helper.component.js +1 -1
  62. package/dist/components/icon.component.js +1 -1
  63. package/dist/{cjs/p-illustration.cjs.entry.js → components/illustration.component.js} +184 -16
  64. package/dist/components/input-group.component.js +1 -1
  65. package/dist/components/label.component.js +1 -1
  66. package/dist/components/loader.component.js +1 -1
  67. package/dist/components/p-illustration.js +1 -1435
  68. package/dist/components/p-select.js +7 -4
  69. package/dist/components/p-table.js +54 -16
  70. package/dist/components/pagination-item.component.js +1 -1
  71. package/dist/components/pagination.component.js +1 -1
  72. package/dist/components/segment-container.component.js +1 -1
  73. package/dist/components/segment-item.component.js +1 -1
  74. package/dist/components/table-cell.component.js +1 -1
  75. package/dist/components/table-container.component.js +1 -1
  76. package/dist/components/table-footer.component.js +1 -1
  77. package/dist/components/table-header.component.js +1 -1
  78. package/dist/components/table-row.component.js +1 -1
  79. package/dist/components/tooltip.component.js +1 -1
  80. package/dist/esm/index-7c99f044.js +4 -8
  81. package/dist/esm/loader.js +1 -1
  82. package/dist/esm/p-button_3.entry.js +3 -3
  83. package/dist/esm/p-divider.entry.js +1 -1
  84. package/dist/esm/p-dropdown_3.entry.js +3 -3
  85. package/dist/esm/p-helper_2.entry.js +2 -2
  86. package/dist/esm/{p-illustration.entry.js → p-illustration_6.entry.js} +1327 -2
  87. package/dist/esm/p-input-group_4.entry.js +4 -4
  88. package/dist/esm/p-page-size-select_3.entry.js +2 -2
  89. package/dist/esm/p-select.entry.js +7 -4
  90. package/dist/esm/p-table.entry.js +27 -1
  91. package/dist/esm/paperless.js +1 -1
  92. package/dist/index.html +1 -1
  93. package/dist/paperless/{p-1f6a0296.entry.js → p-417a706f.entry.js} +1 -1
  94. package/dist/paperless/p-47c36e96.entry.js +1 -0
  95. package/dist/paperless/p-48d04ece.entry.js +1 -0
  96. package/dist/paperless/p-674b3f2f.entry.js +1 -0
  97. package/dist/paperless/p-7e40c097.entry.js +1 -0
  98. package/dist/paperless/p-d70f6f04.entry.js +1 -0
  99. package/dist/{build/p-61975c9a.entry.js → paperless/p-ddeaf320.entry.js} +1 -1
  100. package/dist/paperless/p-e4a465a8.entry.js +1 -0
  101. package/dist/paperless/p-ff05fe38.entry.js +1 -0
  102. package/dist/paperless/paperless.esm.js +1 -1
  103. package/dist/sw.js +1 -1
  104. package/dist/sw.js.map +1 -1
  105. package/dist/types/components/organisms/table/table.component.d.ts +18 -2
  106. package/dist/types/components.d.ts +21 -6
  107. package/dist/types/types/table.d.ts +1 -0
  108. package/dist/types/utils/illustrations.d.ts +2 -0
  109. package/package.json +1 -1
  110. package/dist/build/p-2bf44a1d.entry.js +0 -1
  111. package/dist/build/p-3b243f16.entry.js +0 -1
  112. package/dist/build/p-6f09d65f.entry.js +0 -1
  113. package/dist/build/p-78db3d3c.entry.js +0 -1
  114. package/dist/build/p-8262fe7e.entry.js +0 -1
  115. package/dist/build/p-98332f25.entry.js +0 -1
  116. package/dist/build/p-aae4caab.entry.js +0 -1
  117. package/dist/build/p-f45b75ae.entry.js +0 -1
  118. package/dist/cjs/p-table-cell_5.cjs.entry.js +0 -1179
  119. package/dist/esm/p-table-cell_5.entry.js +0 -1171
  120. package/dist/paperless/p-2bf44a1d.entry.js +0 -1
  121. package/dist/paperless/p-3b243f16.entry.js +0 -1
  122. package/dist/paperless/p-6f09d65f.entry.js +0 -1
  123. package/dist/paperless/p-78db3d3c.entry.js +0 -1
  124. package/dist/paperless/p-8262fe7e.entry.js +0 -1
  125. package/dist/paperless/p-98332f25.entry.js +0 -1
  126. package/dist/paperless/p-aae4caab.entry.js +0 -1
  127. package/dist/paperless/p-f45b75ae.entry.js +0 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.1.0-alpha.226](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.225...v0.1.0-alpha.226) (2022-11-10)
7
+
8
+
9
+ ### Features
10
+
11
+ * **Angular/Table:** Add empty state type ([e7ded17](https://github.com/ionic-team/stencil-component-starter/commit/e7ded17097c86030c84ab0235dd99d2b90973dc2))
12
+
13
+
14
+
15
+
16
+
17
+ # [0.1.0-alpha.225](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.224...v0.1.0-alpha.225) (2022-11-10)
18
+
19
+
20
+ ### Features
21
+
22
+ * **Atoms/Illustartions:** Add empty state overview & search ([95a5ed9](https://github.com/ionic-team/stencil-component-starter/commit/95a5ed9b9364f48318b729afaeded5355b8f49f5))
23
+ * **Molecules/Select:** Active item, click to close & filter improvement ([477d731](https://github.com/ionic-team/stencil-component-starter/commit/477d731f19f5f6c4e1df872ed188d1b72ee23b80))
24
+ * **Organisms/Table:** Add empty state ([be0f908](https://github.com/ionic-team/stencil-component-starter/commit/be0f9088c129f6976091b3f0dfbd1ae6e7359817))
25
+
26
+
27
+
28
+
29
+
6
30
  # [0.1.0-alpha.224](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.223...v0.1.0-alpha.224) (2022-11-09)
7
31
 
8
32
 
@@ -0,0 +1,13 @@
1
+ {
2
+ "empty_state": {
3
+ "filtered": {
4
+ "header": "No results found",
5
+ "content": "There have been no results based on the provided criteria. Try again later."
6
+ },
7
+ "no_filter": {
8
+ "header": "Nothing submitted yet",
9
+ "content": "We can't show a overview when there is nothing submitted. Start with submitting.",
10
+ "action": "New"
11
+ }
12
+ }
13
+ }
@@ -0,0 +1,13 @@
1
+ {
2
+ "empty_state": {
3
+ "filtered": {
4
+ "header": "Geen resultaten gevonden",
5
+ "content": "Er zijn geen resultaten gevonden op basis van de ingevoerde criteria. Probeer het nog eens."
6
+ },
7
+ "no_filter": {
8
+ "header": "Nog niks ingediend",
9
+ "content": "Er kan geen overzicht worden getoond tot er iets wordt ingediend. Begin met indienen.",
10
+ "action": "Nieuw"
11
+ }
12
+ }
13
+ }
@@ -0,0 +1,65 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>⚛️ Atoms/illustrations/empty/overview</title>
4
+ <defs>
5
+ <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
6
+ <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
7
+ <stop stop-color="#FFFFFF" offset="0%"></stop>
8
+ <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
9
+ </linearGradient>
10
+ </defs>
11
+ <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
12
+ <g id="⚛️-Atoms/illustrations/empty/overview">
13
+ <mask id="mask-2" fill="white">
14
+ <use xlink:href="#path-1"></use>
15
+ </mask>
16
+ <g id="bounding-box"></g>
17
+ <g id="row" mask="url(#mask-2)">
18
+ <g transform="translate(0.000000, -3.000000)">
19
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
20
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
21
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
22
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
23
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
24
+ </g>
25
+ </g>
26
+ <g id="row" mask="url(#mask-2)">
27
+ <g transform="translate(0.000000, 36.000000)">
28
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
29
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
30
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
31
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
32
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
33
+ </g>
34
+ </g>
35
+ <g id="row" mask="url(#mask-2)">
36
+ <g transform="translate(0.000000, 75.000000)">
37
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
38
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
39
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
40
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
41
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
42
+ </g>
43
+ </g>
44
+ <g id="row" mask="url(#mask-2)">
45
+ <g transform="translate(0.000000, 114.000000)">
46
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
47
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
48
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
49
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
50
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
51
+ </g>
52
+ </g>
53
+ <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
54
+ <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
55
+ <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
56
+ <g id="Group" mask="url(#mask-2)">
57
+ <g transform="translate(52.000000, 52.000000)">
58
+ <rect id="bg" fill="#528AFA" fill-rule="evenodd" x="0" y="0" width="48" height="48" rx="24"></rect>
59
+ <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" transform="translate(24.000000, 24.000000) rotate(90.000000) translate(-24.000000, -24.000000) " x="23" y="14" width="2" height="20" rx="1"></rect>
60
+ <rect id="Rectangle" fill="#FFFFFF" fill-rule="nonzero" x="23" y="14" width="2" height="20" rx="1"></rect>
61
+ </g>
62
+ </g>
63
+ </g>
64
+ </g>
65
+ </svg>
@@ -0,0 +1,88 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="152px" height="152px" viewBox="0 0 152 152" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>⚛️ Atoms/illustrations/empty/search</title>
4
+ <defs>
5
+ <rect id="path-1" x="0" y="0" width="152" height="152"></rect>
6
+ <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-3">
7
+ <stop stop-color="#FFFFFF" offset="0%"></stop>
8
+ <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
9
+ </linearGradient>
10
+ <circle id="path-4" cx="18" cy="18" r="18"></circle>
11
+ </defs>
12
+ <g id="⚛️-Atoms" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
13
+ <g id="⚛️-Atoms/illustrations/empty/search">
14
+ <mask id="mask-2" fill="white">
15
+ <use xlink:href="#path-1"></use>
16
+ </mask>
17
+ <g id="bounding-box"></g>
18
+ <g id="row" mask="url(#mask-2)">
19
+ <g transform="translate(0.000000, -3.000000)">
20
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
21
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
22
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
23
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
24
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
25
+ </g>
26
+ </g>
27
+ <g id="row" mask="url(#mask-2)">
28
+ <g transform="translate(0.000000, 36.000000)">
29
+ <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1" fill="#F7FAFC" x="0.5" y="0.5" width="183" height="39"></rect>
30
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
31
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
32
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
33
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
34
+ </g>
35
+ </g>
36
+ <g id="row" mask="url(#mask-2)">
37
+ <g transform="translate(0.000000, 75.000000)">
38
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
39
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
40
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
41
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
42
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
43
+ </g>
44
+ </g>
45
+ <g id="row" mask="url(#mask-2)">
46
+ <g transform="translate(0.000000, 114.000000)">
47
+ <rect id="bg" stroke-opacity="0.8" stroke="#E3ECF3" stroke-width="1" fill="#FFFFFF" x="0.5" y="0.5" width="183" height="39"></rect>
48
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="14" width="54" height="6" rx="1"></rect>
49
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="10" y="24" width="43" height="2" rx="1"></rect>
50
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="87" y="17" width="32" height="6" rx="0.899999976"></rect>
51
+ <rect id="heading" stroke="none" fill-opacity="0.5" fill="#E3ECF3" x="142" y="17" width="32" height="6" rx="0.899999976"></rect>
52
+ </g>
53
+ </g>
54
+ <rect id="overlay-right" fill="url(#linearGradient-3)" mask="url(#mask-2)" x="128" y="0" width="24" height="152"></rect>
55
+ <rect id="overlay-bottom" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 140.000000) rotate(90.000000) translate(-76.000000, -140.000000) " x="64" y="64" width="24" height="152"></rect>
56
+ <rect id="overlay-top" fill="url(#linearGradient-3)" mask="url(#mask-2)" transform="translate(76.000000, 12.000000) scale(1, -1) rotate(90.000000) translate(-76.000000, -12.000000) " x="64" y="-64" width="24" height="152"></rect>
57
+ <g id="search" mask="url(#mask-2)" fill="#528AFA">
58
+ <g transform="translate(41.000000, 36.000000)" id="Combined-Shape">
59
+ <path d="M24,0 C37.254834,0 48,10.745166 48,24 C48,30.3127374 45.5627505,36.0562247 41.5779034,40.3408099 C41.6050847,40.3633587 41.6311447,40.388504 41.6568542,40.4142136 L60.0416306,58.7989899 C61.2132034,59.9705627 61.2132034,61.8700577 60.0416306,63.0416306 C58.8700577,64.2132034 56.9705627,64.2132034 55.7989899,63.0416306 L37.4142136,44.6568542 C37.2617644,44.5044051 37.1291525,44.3396308 37.0163778,44.1657387 C33.2677827,46.5918601 28.7983357,48 24,48 C10.745166,48 0,37.254834 0,24 C0,10.745166 10.745166,0 24,0 Z M24,6 C14.0588745,6 6,14.0588745 6,24 C6,33.9411255 14.0588745,42 24,42 C33.9411255,42 42,33.9411255 42,24 C42,14.0588745 33.9411255,6 24,6 Z"></path>
60
+ </g>
61
+ </g>
62
+ <g id="zoom" mask="url(#mask-2)">
63
+ <g transform="translate(47.000000, 42.000000)">
64
+ <mask id="mask-5" fill="white">
65
+ <use xlink:href="#path-4"></use>
66
+ </mask>
67
+ <use id="Mask" stroke="none" fill-opacity="0.4" fill="#E3ECF3" fill-rule="evenodd" xlink:href="#path-4"></use>
68
+ <g id="row" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" mask="url(#mask-5)">
69
+ <g transform="translate(-62.000000, -13.000000)">
70
+ <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1" fill="#F7FAFC" x="0.5" y="0.5" width="238" height="51"></rect>
71
+ <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="12.9891304" y="18.2" width="70.1413043" height="7.8" rx="1.3"></rect>
72
+ <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="12.9891304" y="31.2" width="55.8532609" height="2.6" rx="1.3"></rect>
73
+ <rect id="heading" stroke="none" fill-opacity="0.8" fill="#DAE6F0" x="113.005435" y="22.1" width="41.5652174" height="7.8" rx="1.16999997"></rect>
74
+ </g>
75
+ </g>
76
+ <g id="row" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" mask="url(#mask-5)">
77
+ <g transform="translate(-62.000000, 38.000000)">
78
+ <rect id="bg" stroke-opacity="0.4" stroke="#E3ECF3" stroke-width="1.3" fill="#FFFFFF" x="0.65" y="0.65" width="237.7" height="50.7"></rect>
79
+ <rect id="heading" stroke="none" fill="#F1F6FF" x="12.9891304" y="18.2" width="70.1413043" height="7.8" rx="1.3"></rect>
80
+ <rect id="heading" stroke="none" fill="#F1F6FF" x="12.9891304" y="31.2" width="55.8532609" height="2.6" rx="1.3"></rect>
81
+ <rect id="heading" stroke="none" fill="#F1F6FF" x="113.005435" y="22.1" width="41.5652174" height="7.8" rx="1.16999997"></rect>
82
+ </g>
83
+ </g>
84
+ </g>
85
+ </g>
86
+ </g>
87
+ </g>
88
+ </svg>