bfg-common 1.3.57 → 1.3.58

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 (2) hide show
  1. package/components/atoms/TheIcon.vue +1751 -1687
  2. package/package.json +1 -1
package/components/atoms/TheIcon.vue CHANGED
@@ -1,1687 +1,1751 @@
1
- <template>
2
- <template v-if="props.name === 'menu'">
3
- <svg
4
- version="1.1"
5
- viewBox="0 0 36 36"
6
- preserveAspectRatio="xMidYMid meet"
7
- xmlns="http://www.w3.org/2000/svg"
8
- xmlns:xlink="http://www.w3.org/1999/xlink"
9
- focusable="false"
10
- role="img"
11
- >
12
- <path
13
- class="clr-i-outline clr-i-outline-path-1"
14
- d="M32,29H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
15
- />
16
- <path
17
- class="clr-i-outline clr-i-outline-path-2"
18
- d="M32,19H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
19
- />
20
- <path
21
- class="clr-i-outline clr-i-outline-path-3"
22
- d="M32,9H4A1,1,0,0,1,4,7H32a1,1,0,0,1,0,2Z"
23
- />
24
- </svg>
25
- </template>
26
- <template v-else-if="props.name === 'green-play'">
27
- <svg
28
- xmlns="http://www.w3.org/2000/svg"
29
- fill="#565656"
30
- viewBox="-1 -1 38 38"
31
- y="1748"
32
- >
33
- <path fill="none" d="M0 0h36v36H0z" />
34
- <path
35
- fill="#59a011"
36
- d="M7 32.2a1 1 0 01-.49-.13A1 1 0 016 31.2V5a1 1 0 011.51-.86l22 13.1a1 1 0 010 1.72l-22 13.1a.94.94 0 01-.51.14zM8 6.76v22.68L27.05 18.1z"
37
- />
38
- </svg>
39
- </template>
40
- <template v-else-if="props.name === 'reset'">
41
- <svg
42
- version="1.1"
43
- viewBox="0 0 36 36"
44
- preserveAspectRatio="xMidYMid meet"
45
- xmlns="http://www.w3.org/2000/svg"
46
- xmlns:xlink="http://www.w3.org/1999/xlink"
47
- focusable="false"
48
- role="img"
49
- >
50
- <path
51
- class="clr-i-outline clr-i-outline-path-1"
52
- d="M22.4,11.65a1.09,1.09,0,0,0,1.09,1.09H34.43V1.81a1.09,1.09,0,1,0-2.19,0V8.95a16.41,16.41,0,1,0,1.47,15.86,1.12,1.12,0,0,0-2.05-.9,14.18,14.18,0,1,1-1.05-13.36H23.5A1.09,1.09,0,0,0,22.4,11.65Z"
53
- />
54
- </svg>
55
- </template>
56
- <template v-else-if="props.name === 'user'">
57
- <svg
58
- version="1.1"
59
- class="can-badge can-alert has-solid"
60
- viewBox="0 0 36 36"
61
- preserveAspectRatio="xMidYMid meet"
62
- xmlns="http://www.w3.org/2000/svg"
63
- xmlns:xlink="http://www.w3.org/1999/xlink"
64
- focusable="false"
65
- role="img"
66
- >
67
- <path
68
- d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
69
- class="clr-i-outline clr-i-outline-path-1"
70
- />
71
- <path
72
- d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
73
- class="clr-i-outline clr-i-outline-path-1"
74
- />
75
- <path
76
- d="M30.47,24.37a17.16,17.16,0,0,0-24.93,0A2,2,0,0,0,5,25.74V31a2,2,0,0,0,2,2H29a2,2,0,0,0,2-2V25.74A2,2,0,0,0,30.47,24.37ZM29,31H7V25.73a15.17,15.17,0,0,1,22,0h0Z"
77
- class="clr-i-outline clr-i-outline-path-2"
78
- />
79
- </svg>
80
- </template>
81
- <template v-else-if="props.name === 'doubleArrows'">
82
- <svg
83
- version="1.1"
84
- viewBox="0 0 36 36"
85
- preserveAspectRatio="xMidYMid meet"
86
- xmlns="http://www.w3.org/2000/svg"
87
- xmlns:xlink="http://www.w3.org/1999/xlink"
88
- focusable="false"
89
- role="img"
90
- aria-labelledby="_clr_icon_37"
91
- >
92
- <path
93
- class="clr-i-outline clr-i-outline-path-1"
94
- d="M29,19.41a1,1,0,0,1-.71-.29L18,8.83,7.71,19.12a1,1,0,0,1-1.41-1.41L18,6,29.71,17.71A1,1,0,0,1,29,19.41Z"
95
- />
96
- <path
97
- class="clr-i-outline clr-i-outline-path-2"
98
- d="M29,30.41a1,1,0,0,1-.71-.29L18,19.83,7.71,30.12a1,1,0,0,1-1.41-1.41L18,17,29.71,28.71A1,1,0,0,1,29,30.41Z"
99
- />
100
- </svg>
101
- </template>
102
- <template v-else-if="props.name === 'angle'">
103
- <svg
104
- version="1.1"
105
- viewBox="0 0 36 36"
106
- preserveAspectRatio="xMidYMid meet"
107
- xmlns="http://www.w3.org/2000/svg"
108
- xmlns:xlink="http://www.w3.org/1999/xlink"
109
- focusable="false"
110
- role="img"
111
- >
112
- <path
113
- class="clr-i-outline clr-i-outline-path-1"
114
- d="M29.52,22.52,18,10.6,6.48,22.52a1.7,1.7,0,0,0,2.45,2.36L18,15.49l9.08,9.39a1.7,1.7,0,0,0,2.45-2.36Z"
115
- />
116
- </svg>
117
- </template>
118
- <template v-else-if="props.name === 'ellipsis-vertical'">
119
- <svg
120
- version="1.1"
121
- class="can-badge"
122
- viewBox="0 0 36 36"
123
- preserveAspectRatio="xMidYMid meet"
124
- xmlns="http://www.w3.org/2000/svg"
125
- xmlns:xlink="http://www.w3.org/1999/xlink"
126
- focusable="false"
127
- role="img"
128
- >
129
- <circle
130
- cx="18"
131
- cy="4.9"
132
- r="2.9"
133
- class="clr-i-outline clr-i-outline-path-1"
134
- />
135
- <circle
136
- cx="18"
137
- cy="18"
138
- r="2.9"
139
- class="clr-i-outline clr-i-outline-path-2"
140
- />
141
- <circle
142
- cx="18"
143
- cy="31.1"
144
- r="2.9"
145
- class="clr-i-outline clr-i-outline-path-3"
146
- />
147
- </svg>
148
- </template>
149
- <template v-else-if="props.name === 'close'">
150
- <svg
151
- version="1.1"
152
- viewBox="0 0 36 36"
153
- preserveAspectRatio="xMidYMid meet"
154
- xmlns="http://www.w3.org/2000/svg"
155
- xmlns:xlink="http://www.w3.org/1999/xlink"
156
- focusable="false"
157
- role="img"
158
- fill="#8c8c8c"
159
- >
160
- <path
161
- class="clr-i-outline clr-i-outline-path-1"
162
- d="M19.41,18l8.29-8.29a1,1,0,0,0-1.41-1.41L18,16.59,9.71,8.29A1,1,0,0,0,8.29,9.71L16.59,18,8.29,26.29a1,1,0,1,0,1.41,1.41L18,19.41l8.29,8.29a1,1,0,0,0,1.41-1.41Z"
163
- />
164
- </svg>
165
- </template>
166
- <template v-else-if="props.name === 'exclamation-circle'">
167
- <svg
168
- version="1.1"
169
- class="has-solid"
170
- viewBox="0 0 36 36"
171
- preserveAspectRatio="xMidYMid meet"
172
- xmlns="http://www.w3.org/2000/svg"
173
- xmlns:xlink="http://www.w3.org/1999/xlink"
174
- focusable="false"
175
- role="img"
176
- fill="red"
177
- >
178
- <path
179
- class="clr-i-outline clr-i-outline-path-1"
180
- d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
181
- />
182
- <path
183
- class="clr-i-outline clr-i-outline-path-2"
184
- d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
185
- />
186
- <circle
187
- class="clr-i-outline clr-i-outline-path-3"
188
- cx="17.95"
189
- cy="23.02"
190
- r="1.5"
191
- />
192
- </svg>
193
- </template>
194
- <template v-else-if="props.name === 'exclamation-triangle'">
195
- <svg
196
- version="1.1"
197
- class="has-solid"
198
- viewBox="0 0 36 36"
199
- preserveAspectRatio="xMidYMid meet"
200
- xmlns="http://www.w3.org/2000/svg"
201
- xmlns:xlink="http://www.w3.org/1999/xlink"
202
- focusable="false"
203
- role="img"
204
- >
205
- <path
206
- class="clr-i-outline clr-i-outline-path-1"
207
- d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
208
- />
209
- <circle
210
- class="clr-i-outline clr-i-outline-path-2"
211
- cx="17.95"
212
- cy="24.27"
213
- r="1.5"
214
- />
215
- <path
216
- class="clr-i-outline clr-i-outline-path-3"
217
- d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
218
- />
219
- </svg>
220
- </template>
221
- <template v-else-if="props.name === 'info-circle'">
222
- <svg
223
- version="1.1"
224
- class="has-solid"
225
- viewBox="0 0 36 36"
226
- preserveAspectRatio="xMidYMid meet"
227
- xmlns="http://www.w3.org/2000/svg"
228
- xmlns:xlink="http://www.w3.org/1999/xlink"
229
- focusable="false"
230
- role="img"
231
- >
232
- <circle
233
- class="clr-i-outline clr-i-outline-path-1"
234
- cx="17.93"
235
- cy="11.9"
236
- r="1.4"
237
- />
238
- <path
239
- class="clr-i-outline clr-i-outline-path-2"
240
- d="M21,23H19V15H16a1,1,0,0,0,0,2h1v6H15a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z"
241
- />
242
- <path
243
- class="clr-i-outline clr-i-outline-path-3"
244
- d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
245
- />
246
- </svg>
247
- </template>
248
- <template v-else-if="props.name === 'warning'">
249
- <svg
250
- version="1.1"
251
- class="has-solid"
252
- viewBox="0 0 36 36"
253
- preserveAspectRatio="xMidYMid meet"
254
- xmlns="http://www.w3.org/2000/svg"
255
- xmlns:xlink="http://www.w3.org/1999/xlink"
256
- focusable="false"
257
- role="img"
258
- fill="#c27b00"
259
- >
260
- <path
261
- class="clr-i-outline clr-i-outline-path-1"
262
- d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
263
- />
264
- <circle
265
- class="clr-i-outline clr-i-outline-path-2"
266
- cx="17.95"
267
- cy="24.27"
268
- r="1.5"
269
- />
270
- <path
271
- class="clr-i-outline clr-i-outline-path-3"
272
- d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
273
- />
274
- </svg>
275
- </template>
276
- <template v-else-if="props.name === 'obj-dc'">
277
- <svg
278
- xmlns="http://www.w3.org/2000/svg"
279
- xmlns:xlink="http://www.w3.org/1999/xlink"
280
- width="96"
281
- height="124"
282
- viewBox="0 0 96 124"
283
- class="icon icon-obj-dc"
284
- >
285
- <defs>
286
- <linearGradient
287
- id="illus_grad"
288
- x1="-1651.89"
289
- y1="62.52"
290
- x2="-1607.13"
291
- y2="112.71"
292
- gradientTransform="matrix(-1, 0, 0, 1, -1597.93, 0)"
293
- gradientUnits="userSpaceOnUse"
294
- >
295
- <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
296
- <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
297
- <stop offset="1" stop-color="#0091da" stop-opacity="0" />
298
- </linearGradient>
299
- <linearGradient
300
- id="illus_grad-2"
301
- x1="-1676.95"
302
- y1="68.78"
303
- x2="-1640.9"
304
- y2="109.2"
305
- xlink:href="#illus_grad"
306
- />
307
- </defs>
308
- <g id="Layer_6" data-name="Layer 6">
309
- <rect class="cls-1" width="96" height="124" />
310
- </g>
311
- <g id="Layer_4" data-name="Layer 4">
312
- <polygon
313
- class="cls-2"
314
- points="3.03 94.67 47.55 94.67 47.55 50.14 3.03 94.67"
315
- />
316
- <polygon
317
- class="cls-3"
318
- points="38 94.67 73.86 94.67 73.86 58.81 38 94.67"
319
- />
320
- </g>
321
- <g id="Layer_2" data-name="Layer 2">
322
- <rect class="cls-4" x="24" y="36.36" width="2" height="6" />
323
- <rect class="cls-4" x="33" y="36.36" width="2" height="6" />
324
- <rect class="cls-4" x="42" y="36.36" width="2" height="6" />
325
- <rect class="cls-4" x="58" y="52.36" width="2" height="4" />
326
- <rect class="cls-4" x="65" y="52.36" width="2" height="4" />
327
- <rect class="cls-4" x="72" y="52.36" width="2" height="4" />
328
- <rect class="cls-4" x="58" y="64.36" width="2" height="4" />
329
- <rect class="cls-4" x="65" y="64.36" width="2" height="4" />
330
- <rect class="cls-4" x="72" y="64.36" width="2" height="4" />
331
- <rect class="cls-4" x="58" y="76.36" width="2" height="4" />
332
- <rect class="cls-4" x="65" y="76.36" width="2" height="4" />
333
- <rect class="cls-4" x="72" y="76.36" width="2" height="4" />
334
- <rect class="cls-4" x="24" y="49.36" width="2" height="6" />
335
- <rect class="cls-4" x="33" y="49.36" width="2" height="6" />
336
- <rect class="cls-4" x="42" y="49.36" width="2" height="6" />
337
- <rect class="cls-4" x="24" y="62.36" width="2" height="6" />
338
- <rect class="cls-4" x="33" y="62.36" width="2" height="6" />
339
- <rect class="cls-4" x="42" y="62.36" width="2" height="6" />
340
- <rect class="cls-4" x="24" y="75.36" width="2" height="6" />
341
- <rect class="cls-4" x="33" y="75.36" width="2" height="6" />
342
- <rect class="cls-4" x="42" y="75.36" width="2" height="6" />
343
- <path
344
- class="cls-4"
345
- d="M89.36,96H7.14a1,1,0,0,1,0-2H89.36a1,1,0,1,1,0,2Z"
346
- />
347
- <path
348
- class="cls-4"
349
- d="M51.87,95a1,1,0,0,1-1-1V26.13A1.19,1.19,0,0,0,49.62,25H18.12a1.19,1.19,0,0,0-1.25,1.12V94a1,1,0,0,1-2,0V26.13A3.19,3.19,0,0,1,18.12,23h31.5a3.19,3.19,0,0,1,3.25,3.12V94A1,1,0,0,1,51.87,95Z"
350
- />
351
- <path
352
- class="cls-4"
353
- d="M80,94H78V45.12A1.19,1.19,0,0,0,76.75,44H55V42H76.75A3.19,3.19,0,0,1,80,45.12Z"
354
- />
355
- </g>
356
- </svg>
357
- </template>
358
- <template v-else-if="props.name === 'obj-zone'">
359
- <svg
360
- id="svg2"
361
- version="1.1"
362
- xml:space="preserve"
363
- width="96"
364
- height="124"
365
- viewBox="0 0 1440 1440"
366
- xmlns="http://www.w3.org/2000/svg"
367
- xmlns:svg="http://www.w3.org/2000/svg"
368
- class="icon icon-obj-zone"
369
- >
370
- <defs id="defs6" />
371
- <g id="g8" transform="matrix(1.3333333,0,0,-1.3333333,0,1150)">
372
- <g id="g10" transform="scale(0.1)">
373
- <path
374
- id="path14"
375
- d="m 5485.82,3974.16 c 99.06,0 179.66,80.57 179.66,179.63 0,99.04 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.29 -129.39,-55.36 -31.03,-32.28 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-91.98 50.24,-124.3 32.7,-34.03 78.58,-55.33 129.39,-55.33 v 0"
376
- style="
377
- fill: #dfac13;
378
- fill-opacity: 1;
379
- fill-rule: nonzero;
380
- stroke: none;
381
- "
382
- />
383
- <path
384
- id="path16"
385
- d="m 4254.43,6033.08 c 2.83,42.92 5.99,85.56 9.36,128 1.15,14.07 2.41,28.01 3.59,42.02 2.41,28.37 4.88,56.71 7.53,84.84 1.53,16.36 3.19,32.62 4.82,48.89 2.59,25.69 5.21,51.32 8.01,76.8 1.84,16.87 3.73,33.7 5.66,50.51 2.86,25 5.87,49.88 8.98,74.67 2.01,16.41 4.06,32.86 6.2,49.18 3.37,25.75 6.9,51.29 10.48,76.8 2.08,14.88 4.1,29.82 6.27,44.64 4.49,30.54 9.18,60.81 13.97,90.99 1.48,9.37 2.86,18.86 4.37,28.16 6.05,37.32 12.35,74.37 18.91,111.08 -500.09,158.22 -883.99,207.79 -1148.77,186.14 237.22,-16.12 534.1,-73.55 889.96,-186.14 -6.54,-36.71 -12.83,-73.76 -18.91,-111.08 -1.51,-9.3 -2.9,-18.79 -4.37,-28.16 -4.79,-30.18 -9.49,-60.45 -13.95,-90.99 -2.17,-14.82 -4.18,-29.76 -6.29,-44.64 -3.59,-25.51 -7.11,-51.05 -10.48,-76.8 -2.14,-16.32 -4.16,-32.77 -6.21,-49.18 -3.07,-24.79 -6.08,-49.67 -8.97,-74.67 -1.93,-16.81 -3.83,-33.64 -5.67,-50.51 -2.8,-25.48 -5.42,-51.11 -7.98,-76.8 -1.65,-16.27 -3.28,-32.53 -4.85,-48.89 -2.65,-28.13 -5.09,-56.47 -7.5,-84.84 -1.2,-14.01 -2.47,-27.95 -3.58,-42.02 -3.4,-42.44 -6.57,-85.08 -9.4,-128 -3.82,-57.98 25.63,-113.1 75.96,-142.17 L 6147.26,4692.5 c -6.05,-79.57 -13.16,-158.27 -21.26,-235.98 -24.31,-233.18 -57.74,-457.45 -99.91,-669.91 -0.03,-0.09 -0.03,-0.15 -0.06,-0.24 -170.44,-856.95 -439.31,-1317.59 -669.58,-1445.27 44.91,-24.93 88.41,-37.4 129.37,-37.4 250.95,0 595.3,458.47 799.03,1482.67 0.03,0.09 0.03,0.15 0.03,0.24 42.19,212.46 75.63,436.73 99.93,669.91 8.1,77.71 15.18,156.41 21.24,235.98 L 4330.39,5890.91 c -50.33,29.07 -79.79,84.19 -75.96,142.17 v 0"
386
- style="
387
- fill: #dfac13;
388
- fill-opacity: 1;
389
- fill-rule: nonzero;
390
- stroke: none;
391
- "
392
- />
393
- <path
394
- id="path18"
395
- d="m 4742.24,6646.03 c 0,-267.34 217.46,-484.83 484.79,-484.83 44.88,0 88.16,6.57 129.4,18.07 -204.61,56.81 -355.41,244.27 -355.41,466.76 0,222.46 150.8,409.92 355.41,466.73 -41.27,11.47 -84.55,18.07 -129.4,18.07 -267.33,0 -484.79,-217.49 -484.79,-484.8 v 0"
396
- style="
397
- fill: #dfac13;
398
- fill-opacity: 1;
399
- fill-rule: nonzero;
400
- stroke: none;
401
- "
402
- />
403
- <path
404
- id="path20"
405
- d="m 5356.43,6770.3 c -31.03,-32.29 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-92.01 50.24,-124.3 32.7,-34.04 78.58,-55.36 129.39,-55.36 99.06,0 179.66,80.6 179.66,179.66 0,99.03 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.32 -129.39,-55.36 v 0"
406
- style="
407
- fill: #dfac13;
408
- fill-opacity: 1;
409
- fill-rule: nonzero;
410
- stroke: none;
411
- "
412
- />
413
- <path
414
- id="path22"
415
- d="m 7908.6,6948.1 c 112.92,-195.6 -58.13,-642.45 -665.9,-1231.79 46.98,-37.68 93.27,-75.48 138.33,-113.46 705.6,645.34 906.41,1137.3 786.38,1345.25 -73.19,126.77 -297.54,202.82 -667.8,177.79 217.7,-17.89 354.81,-83.94 408.99,-177.79 v 0"
416
- style="
417
- fill: #dfac13;
418
- fill-opacity: 1;
419
- fill-rule: nonzero;
420
- stroke: none;
421
- "
422
- />
423
- <path
424
- id="path24"
425
- d="m 6026.09,7013.18 c 8.59,-43.13 35.3,-80.42 73.37,-102.4 38.07,-21.99 83.8,-26.45 125.36,-12.35 35.45,12.05 70.21,23.43 104.57,34.42 -22.46,21.48 -38.31,49.28 -44.48,80.33 -203.73,1024.53 -548.14,1483.12 -799.09,1483.12 -40.96,0 -84.46,-12.47 -129.37,-37.4 230.27,-127.7 499.2,-588.5 669.64,-1445.72 v 0"
426
- style="
427
- fill: #dfac13;
428
- fill-opacity: 1;
429
- fill-rule: nonzero;
430
- stroke: none;
431
- "
432
- />
433
- <path
434
- id="path26"
435
- d="m 7282.81,5284.89 c -0.12,0.09 -0.24,0.21 -0.36,0.3 -41.14,36.08 -83.25,72.1 -126.29,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.66,0.45 -1.26,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.65,1.12 -3.28,2.23 -4.94,3.35 -19.6,13.34 -39.33,26.62 -59.15,39.9 -168.67,112.68 -343.93,221.65 -520.88,323.79 -45.51,26.26 -91.26,52.13 -137.16,77.61 -33.74,-32.56 -72.23,-60.18 -114.19,-82.01 174.43,-100.9 347.13,-208.28 513.42,-319.39 19.84,-13.28 39.57,-26.56 59.18,-39.9 1.66,-1.12 3.25,-2.23 4.91,-3.35 2.59,-1.77 5.21,-3.55 7.8,-5.3 0.63,-0.45 1.27,-0.87 1.9,-1.32 215.71,-147.35 417.48,-299.18 602.17,-453.18 43.04,-35.87 85.18,-71.89 126.32,-107.97 0.12,-0.09 0.21,-0.21 0.33,-0.3 785.21,-688.47 1010.04,-1215.76 884.63,-1432.98 -54.24,-93.91 -191.62,-159.96 -409.65,-177.76 370.62,-25.15 595.21,50.96 668.43,177.76 125.45,217.22 -99.42,744.51 -884.6,1432.98 v 0"
436
- style="
437
- fill: #dfac13;
438
- fill-opacity: 1;
439
- fill-rule: nonzero;
440
- stroke: none;
441
- "
442
- />
443
- <path
444
- id="path28"
445
- d="m 4278.49,3909.47 c -16.5,0 -33.07,-2.68 -49.03,-8.07 -412.21,-139.94 -751.23,-209.36 -1015.86,-227.25 268.45,-22.02 659.64,29.39 1170.04,192.82 -8.71,8.34 -18.19,15.93 -28.83,22.08 -23.46,13.52 -49.81,20.42 -76.32,20.42 v 0"
446
- style="
447
- fill: #dfac13;
448
- fill-opacity: 1;
449
- fill-rule: nonzero;
450
- stroke: none;
451
- "
452
- />
453
- <path
454
- id="path30"
455
- d="m 5005.15,4584.32 c 2.47,-1.42 4.91,-2.9 7.38,-4.34 45.41,-26.2 91.17,-52.08 137.16,-77.62 57.22,55.21 128.03,96.23 206.74,118.19 -41.27,11.44 -84.55,18.04 -129.4,18.04 -80.02,0 -155.38,-19.73 -221.88,-54.27 v 0"
456
- style="
457
- fill: #dfac13;
458
- fill-opacity: 1;
459
- fill-rule: nonzero;
460
- stroke: none;
461
- "
462
- />
463
- <path
464
- id="path32"
465
- d="m 4601.16,4315.71 c 48.97,-28.28 98.37,-56.11 147.97,-83.64 -4.15,-25.54 -6.89,-51.56 -6.89,-78.28 0,-267.33 217.46,-484.79 484.79,-484.79 44.85,0 88.13,6.59 129.4,18.07 -204.61,56.8 -355.41,244.26 -355.41,466.72 0,26.72 2.74,52.74 6.93,78.28 -49.64,27.53 -99.01,55.36 -148.01,83.64 -183.79,106.11 -364.83,218.61 -538.05,334.39 -264.68,177.04 -510.03,360.58 -731.08,546.87 -41.95,-38.4 -82.01,-76.2 -120.44,-113.46 183.72,-147.31 381.97,-292.46 592.71,-433.41 173.25,-115.78 354.26,-228.28 538.08,-334.39 v 0"
466
- style="
467
- fill: #dfac13;
468
- fill-opacity: 1;
469
- fill-rule: nonzero;
470
- stroke: none;
471
- "
472
- />
473
- <path
474
- id="path34"
475
- d="m 7908.63,3851.91 c 125.41,217.22 -99.42,744.51 -884.63,1432.98 -0.12,0.09 -0.21,0.21 -0.33,0.3 -41.14,36.08 -83.28,72.1 -126.32,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.63,0.45 -1.27,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.66,1.12 -3.25,2.23 -4.91,3.35 -19.61,13.34 -39.34,26.62 -59.18,39.9 -166.29,111.11 -338.99,218.49 -513.42,319.39 -66.59,-34.61 -142.04,-54.4 -222.15,-54.4 -44.85,0 -88.13,6.63 -129.39,18.07 -41.24,-11.5 -84.52,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.49 -484.79,484.83 0,267.31 217.46,484.8 484.79,484.8 44.85,0 88.13,-6.6 129.4,-18.07 41.26,11.47 84.54,18.07 129.39,18.07 267.33,0 484.82,-217.49 484.82,-484.8 0,-26.62 -2.74,-52.59 -6.86,-78.04 49.57,-27.47 98.97,-55.33 148.12,-83.7 182.68,-105.48 363.63,-217.97 537.87,-334.35 210.47,-140.72 408.81,-285.92 592.93,-433.63 607.77,589.34 778.82,1036.19 665.9,1231.79 -54.18,93.85 -191.29,159.9 -408.99,177.79 -264.66,-17.92 -603.71,-87.41 -1015.98,-227.46 -41.59,-14.1 -87.28,-9.64 -125.38,12.35 -10.63,6.14 -20.15,13.73 -28.86,22.07 -34.36,-10.99 -69.12,-22.37 -104.57,-34.42 -41.56,-14.1 -87.29,-9.64 -125.36,12.35 -38.07,21.98 -64.78,59.27 -73.37,102.4 -170.44,857.22 -439.37,1318.02 -669.64,1445.72 -230.2,-127.7 -499.01,-588.47 -669.48,-1445.6 0,-0.03 0,-0.06 0,-0.12 -34.1,-171.56 -62.41,-351.16 -84.94,-537.05 -14.58,-120.39 -26.81,-243.36 -36.38,-368.69 L 6641.28,4909.09 c 50.3,-29.06 79.75,-84.15 75.99,-142.1 -2.83,-42.8 -5.97,-85.36 -9.34,-127.71 -1.14,-14.3 -2.44,-28.49 -3.64,-42.77 -2.35,-28.04 -4.76,-56.02 -7.38,-83.85 -1.57,-16.65 -3.26,-33.22 -4.91,-49.81 -2.53,-25.27 -5.09,-50.45 -7.83,-75.54 -1.9,-17.29 -3.83,-34.52 -5.82,-51.72 -2.8,-24.45 -5.72,-48.79 -8.73,-73.04 -2.11,-16.98 -4.22,-33.97 -6.42,-50.84 -3.25,-24.97 -6.68,-49.73 -10.15,-74.48 -2.17,-15.63 -4.3,-31.36 -6.59,-46.93 -4.25,-29.09 -8.74,-57.95 -13.29,-86.71 -1.71,-10.81 -3.28,-21.72 -5.03,-32.47 -6.05,-37.26 -12.34,-74.27 -18.88,-110.96 355.74,-112.52 652.53,-169.93 889.72,-186.01 218.03,17.8 355.41,83.85 409.65,177.76 v 0"
476
- style="
477
- fill: #fbce28;
478
- fill-opacity: 1;
479
- fill-rule: nonzero;
480
- stroke: none;
481
- "
482
- />
483
- <path
484
- id="path36"
485
- d="m 6026.03,3786.37 c 0.03,0.09 0.03,0.15 0.06,0.24 42.17,212.46 75.6,436.73 99.91,669.91 8.1,77.71 15.21,156.41 21.26,235.98 L 4071.57,5890.91 c -50.33,29.07 -79.78,84.19 -75.96,142.17 2.83,42.92 6,85.56 9.4,128 1.11,14.07 2.38,28.01 3.58,42.02 2.41,28.37 4.85,56.71 7.5,84.84 1.57,16.36 3.2,32.62 4.85,48.89 2.56,25.69 5.18,51.32 7.98,76.8 1.84,16.87 3.74,33.7 5.67,50.51 2.89,25 5.9,49.88 8.97,74.67 2.05,16.41 4.07,32.86 6.21,49.18 3.37,25.75 6.89,51.29 10.48,76.8 2.11,14.88 4.12,29.82 6.29,44.64 4.46,30.54 9.16,60.81 13.95,90.99 1.47,9.37 2.86,18.86 4.37,28.16 6.08,37.32 12.37,74.37 18.91,111.08 -355.86,112.59 -652.74,170.02 -889.96,186.14 -217.88,-17.83 -355.19,-83.82 -409.38,-177.7 -125.45,-217.34 99.52,-744.88 884.93,-1433.46 217.16,-190.48 461.97,-378.99 728.73,-561.24 8.11,-5.55 16.24,-11.09 24.37,-16.6 3.88,-2.62 7.8,-5.27 11.66,-7.89 12.43,-8.4 24.88,-16.78 37.37,-25.15 165.33,-110.48 338.15,-217.88 513.66,-319.44 66.5,34.54 141.86,54.27 221.88,54.27 44.85,0 88.13,-6.6 129.4,-18.04 41.23,11.5 84.51,18.04 129.39,18.04 267.33,0 484.82,-217.46 484.82,-484.8 0,-267.33 -217.49,-484.79 -484.82,-484.79 -44.85,0 -88.13,6.59 -129.39,18.07 -41.27,-11.48 -84.55,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.46 -484.79,484.79 0,26.72 2.74,52.74 6.89,78.28 -49.6,27.53 -99,55.36 -147.97,83.64 -183.82,106.11 -364.83,218.61 -538.08,334.39 -210.74,140.95 -408.99,286.1 -592.71,433.41 -607.81,-589.31 -778.86,-1036.1 -665.94,-1231.6 54.19,-93.85 191.35,-159.9 409.17,-177.76 264.63,17.89 603.65,87.31 1015.86,227.25 15.96,5.39 32.53,8.07 49.03,8.07 26.51,0 52.86,-6.9 76.32,-20.42 10.64,-6.15 20.12,-13.74 28.83,-22.08 34.39,11.02 69.15,22.38 104.6,34.43 15.99,5.39 32.56,8.07 49.04,8.07 26.53,0 52.85,-6.9 76.32,-20.42 38.04,-21.99 64.78,-59.31 73.34,-102.41 170.44,-857.1 439.28,-1317.86 669.51,-1445.54 230.27,127.68 499.14,588.32 669.58,1445.27 v 0"
486
- style="
487
- fill: #fbce28;
488
- fill-opacity: 1;
489
- fill-rule: nonzero;
490
- stroke: none;
491
- "
492
- />
493
- </g>
494
- </g>
495
- </svg>
496
- </template>
497
- <template v-else-if="props.name === 'obj-host'">
498
- <svg
499
- xmlns="http://www.w3.org/2000/svg"
500
- xmlns:xlink="http://www.w3.org/1999/xlink"
501
- width="96"
502
- height="124"
503
- viewBox="0 0 96 124"
504
- class="icon-obj-host"
505
- >
506
- <defs>
507
- <linearGradient
508
- id="illus_grad"
509
- x1="-3163.59"
510
- y1="62.51"
511
- x2="-3118.36"
512
- y2="113.24"
513
- gradientTransform="matrix(-1, 0, 0, 1, -3095.12, 0)"
514
- gradientUnits="userSpaceOnUse"
515
- >
516
- <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
517
- <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
518
- <stop offset="1" stop-color="#0091da" stop-opacity="0" />
519
- </linearGradient>
520
- <linearGradient
521
- id="linear-gradient"
522
- x1="89.6"
523
- y1="58.65"
524
- x2="44.2"
525
- y2="104.05"
526
- gradientUnits="userSpaceOnUse"
527
- >
528
- <stop offset="0.33" stop-color="#0091da" stop-opacity="0.6" />
529
- <stop offset="0.58" stop-color="#0091da" stop-opacity="0.32" />
530
- <stop offset="0.89" stop-color="#0091da" stop-opacity="0" />
531
- </linearGradient>
532
- </defs>
533
- <g id="Layer_4" data-name="Layer 4">
534
- <polygon class="cls-1" points="17 95 62 95 62 50 17 95" />
535
- <polygon class="cls-2" points="76 95 30.5 95 76 49.5 76 95" />
536
- </g>
537
- <g id="Layer_2" data-name="Layer 2">
538
- <path
539
- class="cls-3"
540
- d="M68,95H66V22a1,1,0,0,0-1-1H31a1,1,0,0,0-1,1V95H28V22a3,3,0,0,1,3-3H65a3,3,0,0,1,3,3Z"
541
- />
542
- <path class="cls-3" d="M80,96H16a1,1,0,0,1,0-2H80a1,1,0,0,1,0,2Z" />
543
- <path class="cls-3" d="M59,33H37a1,1,0,0,1,0-2H59a1,1,0,0,1,0,2Z" />
544
- <path
545
- class="cls-3"
546
- d="M48.5,82A5.5,5.5,0,1,1,54,76.5,5.51,5.51,0,0,1,48.5,82Zm0-9A3.5,3.5,0,1,0,52,76.5,3.5,3.5,0,0,0,48.5,73Z"
547
- />
548
- </g>
549
- </svg>
550
- </template>
551
- <template v-else-if="props.name === 'obj-datastore'">
552
- <svg
553
- width="96"
554
- height="124"
555
- viewBox="0 0 96 124"
556
- xmlns="http://www.w3.org/2000/svg"
557
- xmlns:xlink="http://www.w3.org/1999/xlink"
558
- >
559
- <defs>
560
- <linearGradient
561
- id="illus_grad"
562
- x1="-1907.36"
563
- y1="63.08"
564
- x2="-1863.1"
565
- y2="112.71"
566
- gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
567
- gradientUnits="userSpaceOnUse"
568
- >
569
- <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
570
- <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
571
- <stop offset="1" stop-color="#0091da" stop-opacity="0" />
572
- </linearGradient>
573
- <linearGradient
574
- id="illus_grad-2"
575
- x1="-1923.8"
576
- y1="71.55"
577
- x2="-1892.27"
578
- y2="106.92"
579
- xlink:href="#illus_grad"
580
- />
581
- </defs>
582
- <g id="Layer_6" data-name="Layer 6">
583
- <rect class="cls-1" width="96" height="124" />
584
- </g>
585
- <g id="Layer_4" data-name="Layer 4">
586
- <polygon
587
- class="cls-2"
588
- points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
589
- />
590
- <polygon
591
- class="cls-3"
592
- points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
593
- />
594
- </g>
595
- <g id="Layer_2" data-name="Layer 2">
596
- <path
597
- class="cls-4"
598
- d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
599
- />
600
- <path
601
- class="cls-4"
602
- d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
603
- />
604
- <path
605
- class="cls-4"
606
- d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
607
- />
608
- <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
609
- <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
610
- <path
611
- class="cls-4"
612
- d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
613
- />
614
- <path
615
- class="cls-4"
616
- d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
617
- />
618
- <path
619
- class="cls-4"
620
- d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
621
- />
622
- </g>
623
- </svg>
624
- </template>
625
- <template v-else-if="props.name === 'obj-ds'">
626
- <svg
627
- xmlns="http://www.w3.org/2000/svg"
628
- xmlns:xlink="http://www.w3.org/1999/xlink"
629
- width="96"
630
- height="124"
631
- viewBox="0 0 96 124"
632
- class="icon icon-obj-ds"
633
- >
634
- <defs>
635
- <linearGradient
636
- id="illus_grad"
637
- x1="54.43"
638
- y1="61.9"
639
- x2="54.43"
640
- y2="109.83"
641
- gradientUnits="userSpaceOnUse"
642
- >
643
- <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
644
- <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
645
- <stop offset="1" stop-color="#0091da" stop-opacity="0" />
646
- </linearGradient>
647
- </defs>
648
- <g id="Layer_6" data-name="Layer 6">
649
- <rect class="cls-1" width="96" height="124" />
650
- </g>
651
- <g id="Layer_4" data-name="Layer 4">
652
- <path
653
- class="cls-2"
654
- d="M46.88,55.31c-1.28,0-2.53,0-3.76-.11V95.83c1.23.07,2.48.11,3.76.11,7.49,0,14.22-1.16,18.87-3V52.29C61.1,54.15,54.37,55.31,46.88,55.31Z"
655
- />
656
- </g>
657
- <g id="Layer_2" data-name="Layer 2">
658
- <path
659
- class="cls-3"
660
- d="M48,98.43c-14.82,0-26-4.3-26-10v-46h2v46c0,3.79,9.86,8,24,8s24-4.22,24-8v-46h2v46C74,94.13,62.82,98.43,48,98.43Z"
661
- />
662
- <path
663
- class="cls-3"
664
- d="M72,72.48c0,3.79-9.86,8-24,8a53.15,53.15,0,0,1-17.3-2.59V80A56.81,56.81,0,0,0,48,82.5c14.82,0,26-4.31,26-10Z"
665
- />
666
- <path
667
- class="cls-3"
668
- d="M72,58c0,3.79-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58v2.13A56.83,56.83,0,0,0,48,68c14.82,0,26-4.3,26-10Z"
669
- />
670
- <path
671
- class="cls-3"
672
- d="M48,32.41c-14.82,0-26,4.3-26,10h2c0-3.79,9.86-8,24-8s24,4.22,24,8-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58V50A56.83,56.83,0,0,0,48,52.43c14.82,0,26-4.3,26-10S62.82,32.41,48,32.41Z"
673
- />
674
- </g>
675
- </svg>
676
- </template>
677
- <template v-else-if="props.name === 'arrow'">
678
- <svg height="20" viewBox="0 0 32 32" width="20">
679
- <path
680
- d="M16.7 11.3c-0.4-0.4-1-0.4-1.4 0l-9 9c-0.4 0.4-0.4 1 0 1.4 0.4 0.4 1 0.4 1.4 0L16 13.4l8.3 8.3c0.4 0.4 1 0.4 1.4 0 0.4-0.4 0.4-1 0-1.4L16.7 11.3z"
681
- />
682
- </svg>
683
- </template>
684
- <template v-else-if="props.name === 'info'">
685
- <svg viewBox="0 0 36 36" class="icon-container" style="">
686
- <path
687
- id="error-icon-outline"
688
- d="M18,7A11,11,0,1,1,7,18,11,11,0,0,1,18,7"
689
- class="ng-tns-c303-18"
690
- />
691
- <path
692
- id="error-icon-line"
693
- d="M18,12.8v5.9"
694
- class="ng-tns-c303-18 ng-trigger ng-trigger-errorLine"
695
- />
696
- <circle
697
- id="error-icon-dot"
698
- cx="18"
699
- cy="23"
700
- r="1.4"
701
- class="ng-tns-c303-18 ng-trigger ng-trigger-errorDot"
702
- />
703
- </svg>
704
- </template>
705
- <template v-else-if="props.name === 'obj-cluster'">
706
- <svg
707
- xmlns="http://www.w3.org/2000/svg"
708
- xmlns:xlink="http://www.w3.org/1999/xlink"
709
- width="96"
710
- height="124"
711
- viewBox="0 0 96 124"
712
- class="icon icon-obj-cluster"
713
- >
714
- <defs>
715
- <linearGradient
716
- id="illus_grad"
717
- x1="-1907.36"
718
- y1="63.08"
719
- x2="-1863.1"
720
- y2="112.71"
721
- gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
722
- gradientUnits="userSpaceOnUse"
723
- >
724
- <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
725
- <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
726
- <stop offset="1" stop-color="#0091da" stop-opacity="0" />
727
- </linearGradient>
728
- <linearGradient
729
- id="illus_grad-2"
730
- x1="-1923.8"
731
- y1="71.55"
732
- x2="-1892.27"
733
- y2="106.92"
734
- xlink:href="#illus_grad"
735
- />
736
- </defs>
737
- <g id="Layer_6" data-name="Layer 6">
738
- <rect class="cls-1" width="96" height="124" />
739
- </g>
740
- <g id="Layer_4" data-name="Layer 4">
741
- <polygon
742
- class="cls-2"
743
- points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
744
- />
745
- <polygon
746
- class="cls-3"
747
- points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
748
- />
749
- </g>
750
- <g id="Layer_2" data-name="Layer 2">
751
- <path
752
- class="cls-4"
753
- d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
754
- />
755
- <path
756
- class="cls-4"
757
- d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
758
- />
759
- <path
760
- class="cls-4"
761
- d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
762
- />
763
- <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
764
- <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
765
- <path
766
- class="cls-4"
767
- d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
768
- />
769
- <path
770
- class="cls-4"
771
- d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
772
- />
773
- <path
774
- class="cls-4"
775
- d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
776
- />
777
- </g>
778
- </svg>
779
- </template>
780
- <template v-else-if="props.name === 'obj-network'">
781
- <svg
782
- xmlns="http://www.w3.org/2000/svg"
783
- xmlns:xlink="http://www.w3.org/1999/xlink"
784
- width="96"
785
- height="124"
786
- viewBox="0 0 96 124"
787
- class="icon icon__obj-network"
788
- >
789
- <defs>
790
- <linearGradient
791
- id="linear-gradient"
792
- x1="75.11"
793
- y1="22.68"
794
- x2="-1.26"
795
- y2="100.91"
796
- gradientUnits="userSpaceOnUse"
797
- >
798
- <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
799
- <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
800
- <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
801
- </linearGradient>
802
- <linearGradient
803
- id="linear-gradient-2"
804
- x1="78.18"
805
- y1="10.58"
806
- x2="25.29"
807
- y2="64.76"
808
- xlink:href="#linear-gradient"
809
- />
810
- </defs>
811
- <g id="Layer_6" data-name="Layer 6">
812
- <rect class="cls-1" width="96" height="124" />
813
- </g>
814
- <g id="Layer_4" data-name="Layer 4">
815
- <polygon
816
- class="cls-2"
817
- points="47.67 64 88.67 23 61.9 23 20.9 64 47.67 64"
818
- />
819
- <polygon
820
- class="cls-3"
821
- points="59.77 39 87.78 11 68.44 11 40.44 39 59.77 39"
822
- />
823
- </g>
824
- <g id="Layer_2" data-name="Layer 2">
825
- <path class="cls-4" d="M76,96H28.5a1,1,0,0,1,0-2H76a1,1,0,0,1,0,2Z" />
826
- <path
827
- class="cls-4"
828
- d="M66,92H53V82.33a1,1,0,1,1,2,0V90H66a1,1,0,0,1,0,2Z"
829
- />
830
- <path
831
- class="cls-4"
832
- d="M65.92,29.18a3,3,0,1,0,3,3A3,3,0,0,0,65.92,29.18Zm0,4.33a1.32,1.32,0,1,1,1.31-1.31A1.32,1.32,0,0,1,65.92,33.51Z"
833
- />
834
- <path
835
- class="cls-4"
836
- d="M77.56,45.86a3,3,0,1,0,3,3A3,3,0,0,0,77.56,45.86Zm0,4.32a1.31,1.31,0,1,1,1.31-1.31A1.31,1.31,0,0,1,77.56,50.18Z"
837
- />
838
- <path
839
- class="cls-4"
840
- d="M61.23,60.76a3.07,3.07,0,1,0,3.08,3.07A3.07,3.07,0,0,0,61.23,60.76Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,61.23,65.2Z"
841
- />
842
- <path
843
- class="cls-4"
844
- d="M63.24,75.6a3.08,3.08,0,1,0,3.08,3.08A3.08,3.08,0,0,0,63.24,75.6Zm0,4.45a1.37,1.37,0,1,1,1.38-1.37A1.38,1.38,0,0,1,63.24,80.05Z"
845
- />
846
- <path
847
- class="cls-4"
848
- d="M41,71.39a3.07,3.07,0,1,0,3.08,3.07A3.08,3.08,0,0,0,41,71.39Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,41,75.83Z"
849
- />
850
- <path
851
- class="cls-4"
852
- d="M37.33,39.24a3,3,0,1,0,3,3A3,3,0,0,0,37.33,39.24Zm0,4.26a1.28,1.28,0,1,1,1.29-1.28A1.28,1.28,0,0,1,37.33,43.5Z"
853
- />
854
- <path
855
- class="cls-4"
856
- d="M24.25,47a3,3,0,1,0,3,3A3,3,0,0,0,24.25,47Zm0,4.26a1.28,1.28,0,1,1,1.28-1.28A1.28,1.28,0,0,1,24.25,51.21Z"
857
- />
858
- <path class="cls-4" d="M28.5,90a1,1,0,0,0,0,2H49V90Z" />
859
- <path
860
- class="cls-4"
861
- d="M59.16,64.48a29,29,0,0,1-9.27,6.72,29.38,29.38,0,0,1-7,2.18,2.32,2.32,0,0,1,.29,1.08,2.22,2.22,0,0,1-.21.93A31.06,31.06,0,0,0,60.5,66,2.26,2.26,0,0,1,59.16,64.48Z"
862
- />
863
- <path
864
- class="cls-4"
865
- d="M67.85,32.9a2.16,2.16,0,0,1-1.47,1.39,26.06,26.06,0,0,1,9.37,13.29,2.15,2.15,0,0,1,1.79-1A28.08,28.08,0,0,0,67.85,32.9Z"
866
- />
867
- <path
868
- class="cls-4"
869
- d="M61.05,79a25.68,25.68,0,0,1-10.13,2.06A26,26,0,0,1,25,55.11a26.58,26.58,0,0,1,.21-3.24,2.12,2.12,0,0,1-1,.25,2.21,2.21,0,0,1-1-.26A29,29,0,0,0,23,55.11,27.93,27.93,0,0,0,62.24,80.65,2.23,2.23,0,0,1,61.05,79Z"
870
- />
871
- <path
872
- class="cls-4"
873
- d="M59.06,63.7a2.07,2.07,0,0,1,.06-.5,48.05,48.05,0,0,1-25.29-6.33,49.33,49.33,0,0,1-7.93-5.61,2.1,2.1,0,0,1-1.65.8,1.85,1.85,0,0,1-.58-.09,51.18,51.18,0,0,0,9.17,6.64,50.18,50.18,0,0,0,24.79,6.62c.66,0,1.33,0,2,0A2.3,2.3,0,0,1,59.06,63.7Z"
874
- />
875
- <path
876
- class="cls-4"
877
- d="M35.06,42.18s0,0,0,0A33.62,33.62,0,0,0,31,44.32a36.11,36.11,0,0,0-5.26,4.11,2.15,2.15,0,0,1,.62,1.5,2,2,0,0,1-.18.85A31.91,31.91,0,0,1,35.92,44,2.28,2.28,0,0,1,35.06,42.18Z"
878
- />
879
- <path
880
- class="cls-4"
881
- d="M41.07,31.13a25.68,25.68,0,0,1,22.6,1.41c0-.11,0-.22,0-.33a2.16,2.16,0,0,1,.7-1.59,27.72,27.72,0,0,0-25.47-.7C39.59,30.29,40.32,30.69,41.07,31.13Z"
882
- />
883
- <path
884
- class="cls-4"
885
- d="M34.77,32.34A28.06,28.06,0,0,0,23.93,47.89a2.3,2.3,0,0,1,.26,0,2.13,2.13,0,0,1,1.61.75,26,26,0,0,1,11-15.27C36.12,33,35.43,32.64,34.77,32.34Z"
886
- />
887
- <path
888
- class="cls-4"
889
- d="M38.33,40.24a35.73,35.73,0,0,1,.93-5.55c-.61-.36-1.21-.7-1.79-1a35.67,35.67,0,0,0-1.14,6.58,2,2,0,0,1,1-.27A2.16,2.16,0,0,1,38.33,40.24Z"
890
- />
891
- <path
892
- class="cls-4"
893
- d="M48.12,40.81c-.8-.63-1.59-1.22-2.36-1.79A36.79,36.79,0,0,0,39,40.56a2.28,2.28,0,0,1,.67,1.62c0,.09,0,.18,0,.28A34.65,34.65,0,0,1,48.12,40.81Z"
894
- />
895
- <path
896
- class="cls-4"
897
- d="M51.93,38.74c.88.71,1.76,1.44,2.65,2.2a42.5,42.5,0,0,1,20.87,8.38,2.3,2.3,0,0,1,0-.45,2.17,2.17,0,0,1,.68-1.57A43.87,43.87,0,0,0,51.93,38.74Z"
898
- />
899
- <path
900
- class="cls-4"
901
- d="M66,51.73c.54.56,1.08,1.12,1.61,1.7A30.94,30.94,0,0,0,67,34.1,2.1,2.1,0,0,1,64.86,34,29,29,0,0,1,66,51.73Z"
902
- />
903
- <path
904
- class="cls-4"
905
- d="M64.57,56a29,29,0,0,1-3.08,5.57,2.3,2.3,0,0,1,1.75,1,32.71,32.71,0,0,0,2.82-5C65.56,57.08,65.07,56.54,64.57,56Z"
906
- />
907
- <path
908
- class="cls-4"
909
- d="M75.73,62.69c.5.61,1,1.23,1.49,1.85a27.83,27.83,0,0,0,1.3-13.84,2.12,2.12,0,0,1-2-.07,25.39,25.39,0,0,1,.4,4.48A26,26,0,0,1,75.73,62.69Z"
910
- />
911
- <path
912
- class="cls-4"
913
- d="M74,66.92a26.08,26.08,0,0,1-9.25,10.13,2.2,2.2,0,0,1,.72,1.63c0,.1,0,.2,0,.3a28.14,28.14,0,0,0,9.91-10.33Z"
914
- />
915
- <path
916
- class="cls-4"
917
- d="M83,71.21A161.59,161.59,0,0,0,69.59,54.46c-16.42-18.07-37.41-33.12-44.1-27C23.74,29,23.25,31.75,24,35.54a1,1,0,0,0,2-.4c-.43-2.1-.64-4.89.84-6.23,4.45-4.05,22.1,5.8,41.28,26.89A162,162,0,0,1,81.43,72.48,3,3,0,0,1,83,71.21Z"
918
- />
919
- <path
920
- class="cls-4"
921
- d="M84.05,78.09a4,4,0,0,1-1.66-.36,4,4,0,0,1-2.06-2.24,4,4,0,0,1,2.36-5.09,4,4,0,0,1,5.09,2.36h0a4,4,0,0,1-2.36,5.09A4,4,0,0,1,84.05,78.09Zm0-6.23a2.38,2.38,0,0,0-.78.14,2.27,2.27,0,0,0-.17,4.18,2.24,2.24,0,0,0,1.74.07,2.26,2.26,0,0,0,1.34-2.9h0A2.26,2.26,0,0,0,84.05,71.86Z"
922
- />
923
- </g>
924
- </svg>
925
- </template>
926
- <template v-else-if="props.name === 'sort-arrow'">
927
- <svg
928
- version="1.1"
929
- viewBox="0 0 36 36"
930
- preserveAspectRatio="xMidYMid meet"
931
- xmlns="http://www.w3.org/2000/svg"
932
- xmlns:xlink="http://www.w3.org/1999/xlink"
933
- focusable="false"
934
- role="img"
935
- >
936
- <path
937
- d="M27.66,15.61,18,6,8.34,15.61A1,1,0,1,0,9.75,17L17,9.81V28.94a1,1,0,1,0,2,0V9.81L26.25,17a1,1,0,0,0,1.41-1.42Z"
938
- class="clr-i-outline clr-i-outline-path-1"
939
- />
940
- </svg>
941
- </template>
942
- <template v-else-if="props.name === 'filter'">
943
- <svg
944
- version="1.1"
945
- class="has-solid"
946
- viewBox="0 0 36 36"
947
- preserveAspectRatio="xMidYMid meet"
948
- xmlns="http://www.w3.org/2000/svg"
949
- xmlns:xlink="http://www.w3.org/1999/xlink"
950
- focusable="false"
951
- role="img"
952
- >
953
- <path
954
- class="clr-i-solid clr-i-solid-path-1"
955
- d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
956
- />
957
- </svg>
958
- </template>
959
- <template v-else-if="props.name === 'filter-solid'">
960
- <svg
961
- version="1.1"
962
- class="has-solid"
963
- viewBox="0 0 36 36"
964
- preserveAspectRatio="xMidYMid meet"
965
- xmlns="http://www.w3.org/2000/svg"
966
- xmlns:xlink="http://www.w3.org/1999/xlink"
967
- focusable="false"
968
- role="img"
969
- >
970
- <path
971
- class="clr-i-outline clr-i-outline-path-1"
972
- d="M15,25.86l2,1V20.27a1,1,0,0,0-.29-.7L10.23,13H25.79l-6.47,6.57a1,1,0,0,0-.29.7L19,28l2,1V20.68L27.58,14A1.46,1.46,0,0,0,28,13V12a1,1,0,0,0-1-1H9a1,1,0,0,0-1,1v1a1.46,1.46,0,0,0,.42,1L15,20.68Z"
973
- />
974
- <path
975
- class="clr-i-outline clr-i-outline-path-2"
976
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
977
- />
978
- <path
979
- class="clr-i-solid clr-i-solid-path-1"
980
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
981
- />
982
- <path
983
- class="clr-i-solid clr-i-solid-path-2"
984
- d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
985
- />
986
- </svg>
987
- </template>
988
- <template v-else-if="props.name === 'check'">
989
- <svg
990
- id="Capa_1"
991
- xmlns="http://www.w3.org/2000/svg"
992
- xmlns:xlink="http://www.w3.org/1999/xlink"
993
- version="1.1"
994
- x="0px"
995
- y="0px"
996
- viewBox="0 0 17.837 17.837"
997
- style="enable-background: new 0 0 17.837 17.837"
998
- xml:space="preserve"
999
- >
1000
- <g>
1001
- <path
1002
- d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27 c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0 L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
1003
- />
1004
- </g>
1005
- </svg>
1006
- </template>
1007
- <template v-else-if="props.name === 'help-icon'">
1008
- <svg
1009
- version="1.1"
1010
- class="can-badge has-solid"
1011
- viewBox="-2 -2 38 38"
1012
- preserveAspectRatio="xMidYMid meet"
1013
- xmlns="http://www.w3.org/2000/svg"
1014
- xmlns:xlink="http://www.w3.org/1999/xlink"
1015
- focusable="false"
1016
- role="img"
1017
- aria-labelledby="_clr_icon_6"
1018
- fill="#565656"
1019
- >
1020
- <path
1021
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
1022
- class="clr-i-outline clr-i-outline-path-1"
1023
- />
1024
- <path
1025
- d="M18.29,8.92a7.38,7.38,0,0,0-5.72,2.57,1,1,0,0,0-.32.71.92.92,0,0,0,.95.92,1.08,1.08,0,0,0,.71-.29,5.7,5.7,0,0,1,4.33-2c2.36,0,3.83,1.52,3.83,3.41v.05c0,2.21-1.76,3.44-4.54,3.65a.8.8,0,0,0-.76.92s0,2.32,0,2.75a1,1,0,0,0,1,.9h.11a1,1,0,0,0,.9-1V19.45c3-.42,5.43-2,5.43-5.28v-.05C24.18,11.12,21.84,8.92,18.29,8.92Z"
1026
- class="clr-i-outline clr-i-outline-path-2"
1027
- />
1028
- <circle
1029
- cx="17.78"
1030
- cy="26.2"
1031
- r="1.25"
1032
- class="clr-i-outline clr-i-outline-path-3"
1033
- />
1034
- </svg>
1035
- </template>
1036
- <template v-else-if="props.name === 'close-circle'">
1037
- <svg
1038
- version="1.1"
1039
- class="has-solid"
1040
- viewBox="0 0 36 36"
1041
- preserveAspectRatio="xMidYMid meet"
1042
- xmlns="http://www.w3.org/2000/svg"
1043
- xmlns:xlink="http://www.w3.org/1999/xlink"
1044
- focusable="false"
1045
- role="img"
1046
- aria-labelledby="_clr_icon_169"
1047
- >
1048
- <path
1049
- class="clr-i-outline clr-i-outline-path-1"
1050
- d="M19.61,18l4.86-4.86a1,1,0,0,0-1.41-1.41L18.2,16.54l-4.89-4.89a1,1,0,0,0-1.41,1.41L16.78,18,12,22.72a1,1,0,1,0,1.41,1.41l4.77-4.77,4.74,4.74a1,1,0,0,0,1.41-1.41Z"
1051
- />
1052
- <path
1053
- class="clr-i-outline clr-i-outline-path-2"
1054
- d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
1055
- />
1056
- </svg>
1057
- </template>
1058
- <template v-else-if="props.name === 'column-switch'">
1059
- <svg
1060
- version="1.1"
1061
- viewBox="0 0 36 36"
1062
- preserveAspectRatio="xMidYMid meet"
1063
- xmlns="http://www.w3.org/2000/svg"
1064
- xmlns:xlink="http://www.w3.org/1999/xlink"
1065
- focusable="false"
1066
- role="img"
1067
- >
1068
- <path
1069
- class="clr-i-outline clr-i-outline-path-1"
1070
- d="M31,5H5A2,2,0,0,0,3,7V29a2,2,0,0,0,2,2H31a2,2,0,0,0,2-2V7A2,2,0,0,0,31,5ZM13,29H5V7h8Zm10,0H15V7h8Z"
1071
- />
1072
- </svg>
1073
- </template>
1074
- <template v-else-if="props.name === 'lock'">
1075
- <svg
1076
- xmlns="http://www.w3.org/2000/svg"
1077
- fill="none"
1078
- viewBox="0 0 24 24"
1079
- stroke-width="1.5"
1080
- stroke="currentColor"
1081
- class="w-6 h-6"
1082
- >
1083
- <path
1084
- stroke-linecap="round"
1085
- stroke-linejoin="round"
1086
- d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
1087
- />
1088
- </svg>
1089
- </template>
1090
- <template v-else-if="props.name === 'ellipsis-horizontal'">
1091
- <svg
1092
- version="1.1"
1093
- class="can-badge"
1094
- viewBox="0 0 36 36"
1095
- preserveAspectRatio="xMidYMid meet"
1096
- xmlns="http://www.w3.org/2000/svg"
1097
- xmlns:xlink="http://www.w3.org/1999/xlink"
1098
- focusable="false"
1099
- role="img"
1100
- >
1101
- <circle
1102
- cx="31.1"
1103
- cy="18"
1104
- r="2.9"
1105
- class="clr-i-outline clr-i-outline-path-1"
1106
- ></circle>
1107
- <circle
1108
- cx="18"
1109
- cy="18"
1110
- r="2.9"
1111
- class="clr-i-outline clr-i-outline-path-2"
1112
- ></circle>
1113
- <circle
1114
- cx="4.9"
1115
- cy="18"
1116
- r="2.9"
1117
- class="clr-i-outline clr-i-outline-path-3"
1118
- ></circle>
1119
- </svg>
1120
- </template>
1121
- <template v-else-if="props.name === 'step-forward'">
1122
- <svg
1123
- version="1.1"
1124
- viewBox="0 0 36 36"
1125
- preserveAspectRatio="xMidYMid meet"
1126
- xmlns="http://www.w3.org/2000/svg"
1127
- xmlns:xlink="http://www.w3.org/1999/xlink"
1128
- focusable="false"
1129
- role="img"
1130
- >
1131
- <path
1132
- d="M7.08,6.52a1.68,1.68,0,0,0,0,2.4L16.51,18,7.12,27.08a1.7,1.7,0,0,0,2.36,2.44h0L21.4,18,9.48,6.47A1.69,1.69,0,0,0,7.08,6.52Z"
1133
- class="clr-i-outline clr-i-outline-path-1"
1134
- ></path>
1135
- <path
1136
- d="M26.49,5a1.7,1.7,0,0,0-1.7,1.7V29.3a1.7,1.7,0,0,0,3.4,0V6.7A1.7,1.7,0,0,0,26.49,5Z"
1137
- class="clr-i-outline clr-i-outline-path-2"
1138
- ></path>
1139
- </svg>
1140
- </template>
1141
- <template v-else-if="props.name === 'search'">
1142
- <svg
1143
- version="1.1"
1144
- viewBox="0 0 36 36"
1145
- preserveAspectRatio="xMidYMid meet"
1146
- xmlns="http://www.w3.org/2000/svg"
1147
- xmlns:xlink="http://www.w3.org/1999/xlink"
1148
- focusable="false"
1149
- role="img"
1150
- >
1151
- <path
1152
- class="clr-i-outline clr-i-outline-path-1"
1153
- d="M16.33,5.05A10.95,10.95,0,1,1,5.39,16,11,11,0,0,1,16.33,5.05m0-2.05a13,13,0,1,0,13,13,13,13,0,0,0-13-13Z"
1154
- ></path>
1155
- <path
1156
- class="clr-i-outline clr-i-outline-path-2"
1157
- d="M35,33.29l-7.37-7.42-1.42,1.41,7.37,7.42A1,1,0,1,0,35,33.29Z"
1158
- ></path>
1159
- </svg>
1160
- </template>
1161
-
1162
- <template v-else-if="props.name === 'success-circle'">
1163
- <svg
1164
- fill="#2e8500"
1165
- version="1.1"
1166
- class="has-solid"
1167
- preserveAspectRatio="xMidYMid meet"
1168
- xmlns="http://www.w3.org/2000/svg"
1169
- xmlns:xlink="http://www.w3.org/1999/xlink"
1170
- focusable="false"
1171
- role="img"
1172
- viewBox="-1 -1 40 40"
1173
- >
1174
- <path
1175
- class="clr-i-outline clr-i-outline-path-1"
1176
- d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
1177
- ></path>
1178
- <path
1179
- class="clr-i-outline clr-i-outline-path-2"
1180
- d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
1181
- ></path>
1182
- </svg>
1183
- </template>
1184
-
1185
- <template v-else-if="props.name === 'error-outline'">
1186
- <svg
1187
- xmlns="http://www.w3.org/2000/svg"
1188
- xmlns:xlink="http://www.w3.org/1999/xlink"
1189
- fill="#e02200"
1190
- version="1.1"
1191
- class="has-solid"
1192
- preserveAspectRatio="xMidYMid meet"
1193
- focusable="false"
1194
- role="img"
1195
- viewBox="3 3 30 30"
1196
- >
1197
- <path
1198
- class="clr-i-outline clr-i-outline-path-1"
1199
- d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
1200
- />
1201
- <path
1202
- class="clr-i-outline clr-i-outline-path-2"
1203
- d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
1204
- />
1205
- <circle
1206
- class="clr-i-outline clr-i-outline-path-3"
1207
- cx="17.95"
1208
- cy="23.02"
1209
- r="1.5"
1210
- />
1211
- </svg>
1212
- </template>
1213
-
1214
- <template v-else-if="props.name === 'warning-outline'">
1215
- <svg
1216
- fill="#c27b00"
1217
- version="1.1"
1218
- class="has-solid"
1219
- viewBox="0 0 36 36"
1220
- preserveAspectRatio="xMidYMid meet"
1221
- xmlns="http://www.w3.org/2000/svg"
1222
- xmlns:xlink="http://www.w3.org/1999/xlink"
1223
- focusable="false"
1224
- role="img"
1225
- >
1226
- <path
1227
- class="clr-i-outline clr-i-outline-path-1"
1228
- d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
1229
- ></path>
1230
- <circle
1231
- class="clr-i-outline clr-i-outline-path-2"
1232
- cx="17.95"
1233
- cy="24.27"
1234
- r="1.5"
1235
- ></circle>
1236
- <path
1237
- class="clr-i-outline clr-i-outline-path-3"
1238
- d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
1239
- ></path>
1240
- </svg>
1241
- </template>
1242
- <template v-else-if="props.name === 'is-error'">
1243
- <svg
1244
- fill="#e02200"
1245
- version="1.1"
1246
- class="has-solid"
1247
- viewBox="0 0 36 36"
1248
- preserveAspectRatio="xMidYMid meet"
1249
- xmlns="http://www.w3.org/2000/svg"
1250
- xmlns:xlink="http://www.w3.org/1999/xlink"
1251
- focusable="false"
1252
- role="img"
1253
- >
1254
- <path
1255
- class="clr-i-outline clr-i-outline-path-3"
1256
- d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
1257
- ></path>
1258
- <path
1259
- class="clr-i-solid clr-i-solid-path-1"
1260
- d="M18,2.1a16,16,0,1,0,16,16A16,16,0,0,0,18,2.1ZM16.6,8.8a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,28.6a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,28.6Z"
1261
- ></path>
1262
- </svg>
1263
- </template>
1264
- <template v-else-if="props.name === 'home-objects-datastore'">
1265
- <svg width="38" height="38" viewBox="1 1 38 38">
1266
- <!-- <path d="M18 10c-.8 0-8 .1-8 3v14c0 2.9 7.2 3 8 3s8-.1 8-3V13c0-2.9-7.2-3-8-3zm6 4.9c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1s-5.6-.7-6-1.1V13.1c.4-.4 2.5-1.1 6-1.1s5.6.7 6 1.1z"/> -->
1267
- <path
1268
- d="M18 34c-1.43 0-14-.11-14-4V6c0-3.89 12.57-4 14-4s14 .11 14 4v24c0 3.89-12.57 4-14 4zM6 29.93c.51.76 4.86 2.07 12 2.07s11.49-1.31 12-2.07V6.07C29.49 5.31 25.14 4 18 4S6.51 5.31 6 6.07z"
1269
- />
1270
- <path
1271
- d="M6 13.9a.19.19 0 010 .1v-.08zM8 9a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1c-.39.75-4.76 2.1-12 2.1A38 38 0 018 6.88zM6 5.9A.19.19 0 016 6v-.08zM30 13.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V17a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM30 21.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V25a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM6 21.9a.19.19 0 010 .1v-.08-.02z"
1272
- />
1273
- </svg>
1274
- </template>
1275
-
1276
- <template v-else-if="props.name === 'upload-icon'">
1277
- <svg
1278
- version="1.1"
1279
- viewBox="0 0 36 36"
1280
- preserveAspectRatio="xMidYMid meet"
1281
- xmlns="http://www.w3.org/2000/svg"
1282
- xmlns:xlink="http://www.w3.org/1999/xlink"
1283
- focusable="false"
1284
- role="img"
1285
- >
1286
- <path
1287
- class="clr-i-outline clr-i-outline-path-1"
1288
- d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
1289
- ></path>
1290
- <path
1291
- class="clr-i-outline clr-i-outline-path-2"
1292
- d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
1293
- ></path>
1294
- </svg>
1295
- </template>
1296
-
1297
- <template v-else-if="props.name === 'home-obj-alerts'">
1298
- <svg
1299
- xmlns="http://www.w3.org/2000/svg"
1300
- xmlns:xlink="http://www.w3.org/1999/xlink"
1301
- viewBox="0 0 60 72"
1302
- version="1.1"
1303
- >
1304
- <defs>
1305
- <ellipse
1306
- id="path-1"
1307
- cx="30"
1308
- cy="61.7666667"
1309
- rx="15.4512904"
1310
- ry="4.73333333"
1311
- />
1312
- <mask
1313
- id="mask-2"
1314
- maskContentUnits="userSpaceOnUse"
1315
- maskUnits="objectBoundingBox"
1316
- x="0"
1317
- y="0"
1318
- width="30.9025808"
1319
- height="9.46666667"
1320
- fill="white"
1321
- >
1322
- <use xlink:href="#path-1" />
1323
- </mask>
1324
- </defs>
1325
- <g
1326
- id="Page-1"
1327
- stroke="none"
1328
- stroke-width="1"
1329
- fill="none"
1330
- fill-rule="evenodd"
1331
- >
1332
- <!-- <g id="Artboard"> -->
1333
- <use
1334
- id="Oval-10"
1335
- stroke="#C1DFEF"
1336
- mask="url(#mask-2)"
1337
- stroke-width="2.8"
1338
- stroke-linecap="square"
1339
- stroke-dasharray="3,6,3,5"
1340
- xlink:href="#path-1"
1341
- />
1342
- <path
1343
- d="M38.4613647,18.1642456 L30.9890137,34.9141846 L31,47 L32.5977783,46.5167236 L32.5977783,34.9141846 L51.0673218,15.7560425 C51.0673218,15.7560425 48.6295166,16.6542969 44.9628906,17.3392334 C41.2962646,18.0241699 38.4613647,18.1642456 38.4613647,18.1642456 Z"
1344
- fill="#C1DFEF"
1345
- />
1346
- <path
1347
- d="M4.74639226,12.5661855 L4.62065726,12.1605348 L5.3515414,11.1625044 L5.77622385,11.159939 L6.20936309,12.5573481 L4.74639226,12.5661855 Z M6.20936309,12.5573481 L6.32542632,12.9317954 L28.4963855,34.8796718 L28.4963855,47.8096691 L32.6,46.4836513 L32.6,34.8992365 L53.973494,12.7035813 L53.973494,12.2688201 L6.20936309,12.5573481 Z M55.373494,10.8603376 L55.373494,13.2680664 L34,35.4637216 L34,47.5025401 L27.0963855,49.7333333 L27.0963855,35.4637219 L5.09179688,13.680542 L4.31325301,11.1687764 L55.373494,10.8603376 Z"
1348
- fill="#7FBDDD"
1349
- />
1350
- <ellipse
1351
- id="Oval-9"
1352
- fill="#FFFFFF"
1353
- cx="30"
1354
- cy="11.785654"
1355
- rx="26"
1356
- ry="6.78565401"
1357
- />
1358
- <path
1359
- d="M30,17.171308 C36.8772177,17.171308 43.3112282,16.4610701 48.0312371,15.2292106 C50.2777611,14.6428977 52.0507619,13.9579677 53.2216231,13.2354973 C54.1938565,12.6355886 54.6,12.1175891 54.6,11.785654 C54.6,11.4537189 54.1938565,10.9357194 53.2216231,10.3358107 C52.0507619,9.61334032 50.2777611,8.92841034 48.0312371,8.34209746 C43.3112282,7.11023795 36.8772177,6.4 30,6.4 C23.1227823,6.4 16.6887718,7.11023795 11.9687629,8.34209746 C9.72223886,8.92841034 7.94923814,9.61334032 6.77837689,10.3358107 C5.8061435,10.9357194 5.4,11.4537189 5.4,11.785654 C5.4,12.1175891 5.8061435,12.6355886 6.77837689,13.2354973 C7.94923814,13.9579677 9.72223886,14.6428977 11.9687629,15.2292106 C16.6887718,16.4610701 23.1227823,17.171308 30,17.171308 Z M30,18.571308 C15.6405965,18.571308 4,15.5332672 4,11.785654 C4,8.03804078 15.6405965,5 30,5 C44.3594035,5 56,8.03804078 56,11.785654 C56,15.5332672 44.3594035,18.571308 30,18.571308 Z"
1360
- fill="#7FBDDD"
1361
- />
1362
- <path
1363
- d="M18.2608643,7.14562988 L22.727356,16.9047241 C22.727356,16.9047241 15.3006592,16.3911743 10.276001,14.7511597 C5.25134277,13.111145 5.38031006,11.8284302 5.38031006,11.6882935 C5.38031006,10.4832831 8.16633152,9.41877716 11.114563,8.57324219 C14.549319,7.58817492 18.2608643,7.14562988 18.2608643,7.14562988 Z"
1364
- fill="#C1DFEF"
1365
- />
1366
- <!-- </g> -->
1367
- </g>
1368
- </svg>
1369
- </template>
1370
-
1371
- <template v-else-if="props.name === 'is-warning'">
1372
- <svg
1373
- version="1.1"
1374
- class="has-solid"
1375
- viewBox="0 0 36 36"
1376
- preserveAspectRatio="xMidYMid meet"
1377
- xmlns="http://www.w3.org/2000/svg"
1378
- xmlns:xlink="http://www.w3.org/1999/xlink"
1379
- focusable="false"
1380
- role="img"
1381
- data-v-a3a271aa=""
1382
- fill="#c27b00"
1383
- >
1384
- <path
1385
- class="clr-i-solid clr-i-solid-path-1"
1386
- d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
1387
- data-v-a3a271aa=""
1388
- ></path>
1389
- </svg>
1390
- </template>
1391
-
1392
- <template v-else-if="props.name === 'calendar-current-date'">
1393
- <svg
1394
- class="can-badge can-alert has-solid current-btn"
1395
- width="18"
1396
- height="18"
1397
- viewBox="0 0 36 36"
1398
- stroke="#0095d3"
1399
- preserveAspectRatio="xMidYMid meet"
1400
- xmlns="http://www.w3.org/2000/svg"
1401
- focusable="false"
1402
- role="img"
1403
- aria-labelledby="_clr_icon_210"
1404
- fill="#0095d3"
1405
- stroke-width="0"
1406
- >
1407
- <path
1408
- class="clr-i-outline clr-i-outline-path-1"
1409
- d="M16.17,25.86,10.81,20.5a1,1,0,0,1,1.41-1.41L16.17,23l8.64-8.64a1,1,0,0,1,1.41,1.41Z"
1410
- style=""
1411
- ></path>
1412
- <path
1413
- class="clr-i-outline clr-i-outline-path-2"
1414
- d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
1415
- style=""
1416
- ></path>
1417
- <path
1418
- class="clr-i-outline clr-i-outline-path-3"
1419
- d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
1420
- style=""
1421
- ></path>
1422
- <path
1423
- class="clr-i-outline clr-i-outline-path-4"
1424
- d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
1425
- style=""
1426
- ></path>
1427
- <rect
1428
- class="clr-i-outline clr-i-outline-path-5"
1429
- x="13"
1430
- y="6"
1431
- width="10"
1432
- height="2"
1433
- style=""
1434
- ></rect>
1435
- </svg>
1436
- </template>
1437
-
1438
- <template v-else-if="props.name === 'calendar'">
1439
- <svg
1440
- width="18"
1441
- height="18"
1442
- class="can-badge can-alert has-solid"
1443
- viewBox="0 0 36 36"
1444
- preserveAspectRatio="xMidYMid meet"
1445
- xmlns="http://www.w3.org/2000/svg"
1446
- xmlns:xlink="http://www.w3.org/1999/xlink"
1447
- focusable="false"
1448
- role="img"
1449
- fill="#0095d3"
1450
- >
1451
- <path
1452
- class="clr-i-outline clr-i-outline-path-1"
1453
- d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
1454
- ></path>
1455
- <rect
1456
- class="clr-i-outline clr-i-outline-path-2"
1457
- x="8"
1458
- y="14"
1459
- width="2"
1460
- height="2"
1461
- style="fill: blue"
1462
- ></rect>
1463
- <rect
1464
- class="clr-i-outline clr-i-outline-path-3"
1465
- x="14"
1466
- y="14"
1467
- width="2"
1468
- height="2"
1469
- ></rect>
1470
- <rect
1471
- class="clr-i-outline clr-i-outline-path-4"
1472
- x="20"
1473
- y="14"
1474
- width="2"
1475
- height="2"
1476
- ></rect>
1477
- <rect
1478
- class="clr-i-outline clr-i-outline-path-5"
1479
- x="26"
1480
- y="14"
1481
- width="2"
1482
- height="2"
1483
- ></rect>
1484
- <rect
1485
- class="clr-i-outline clr-i-outline-path-6"
1486
- x="8"
1487
- y="19"
1488
- width="2"
1489
- height="2"
1490
- ></rect>
1491
- <rect
1492
- class="clr-i-outline clr-i-outline-path-7"
1493
- x="14"
1494
- y="19"
1495
- width="2"
1496
- height="2"
1497
- ></rect>
1498
- <rect
1499
- class="clr-i-outline clr-i-outline-path-8"
1500
- x="20"
1501
- y="19"
1502
- width="2"
1503
- height="2"
1504
- ></rect>
1505
- <rect
1506
- class="clr-i-outline clr-i-outline-path-9"
1507
- x="26"
1508
- y="19"
1509
- width="2"
1510
- height="2"
1511
- ></rect>
1512
- <rect
1513
- class="clr-i-outline clr-i-outline-path-10"
1514
- x="8"
1515
- y="24"
1516
- width="2"
1517
- height="2"
1518
- ></rect>
1519
- <rect
1520
- class="clr-i-outline clr-i-outline-path-11"
1521
- x="14"
1522
- y="24"
1523
- width="2"
1524
- height="2"
1525
- ></rect>
1526
- <rect
1527
- class="clr-i-outline clr-i-outline-path-12"
1528
- x="20"
1529
- y="24"
1530
- width="2"
1531
- height="2"
1532
- ></rect>
1533
- <rect
1534
- class="clr-i-outline clr-i-outline-path-13"
1535
- x="26"
1536
- y="24"
1537
- width="2"
1538
- height="2"
1539
- ></rect>
1540
- <path
1541
- class="clr-i-outline clr-i-outline-path-14"
1542
- d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
1543
- ></path>
1544
- <path
1545
- class="clr-i-outline clr-i-outline-path-15"
1546
- d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
1547
- ></path>
1548
- <rect
1549
- class="clr-i-outline clr-i-outline-path-16"
1550
- x="13"
1551
- y="6"
1552
- width="10"
1553
- height="2"
1554
- ></rect>
1555
-
1556
- <polygon points="21.29 6 13 6 13 8 20.14 8 21.29 6"></polygon>
1557
- </svg>
1558
- </template>
1559
- </template>
1560
-
1561
- <script setup lang="ts">
1562
- const props = defineProps<{
1563
- name: string | undefined
1564
- }>()
1565
- </script>
1566
-
1567
- <style scoped lang="scss">
1568
- %cls1 {
1569
- opacity: 0.3;
1570
- fill: url(#illus_grad);
1571
- }
1572
-
1573
- .icon {
1574
- .cls-1 {
1575
- fill: none;
1576
- }
1577
-
1578
- &__obj-network {
1579
- .cls-2 {
1580
- opacity: 0.3;
1581
- fill: url(#linear-gradient);
1582
- }
1583
-
1584
- .cls-3 {
1585
- opacity: 0.4;
1586
- fill: url(#linear-gradient-2);
1587
- }
1588
-
1589
- .cls-4 {
1590
- fill: #0091da;
1591
- }
1592
- }
1593
- }
1594
-
1595
- .icon-obj-zone {
1596
- .cls-2 {
1597
- fill: #78be20;
1598
- }
1599
-
1600
- .cls-3 {
1601
- fill: #edb200;
1602
- }
1603
- }
1604
-
1605
- .icon-obj-dc {
1606
- .cls-2 {
1607
- @extend %cls1;
1608
- }
1609
-
1610
- .cls-3 {
1611
- opacity: 0.5;
1612
- fill: url(#illus_grad-2);
1613
- }
1614
-
1615
- .cls-4 {
1616
- fill: #0091da;
1617
- }
1618
- }
1619
-
1620
- .icon-obj-host {
1621
- .cls-1 {
1622
- @extend %cls1;
1623
- }
1624
-
1625
- .cls-2 {
1626
- opacity: 0.5;
1627
- fill: url(#linear-gradient);
1628
- }
1629
-
1630
- .cls-3 {
1631
- fill: #0091da;
1632
- }
1633
- }
1634
-
1635
- .icon-obj-ds {
1636
- .cls-2 {
1637
- opacity: 0.5;
1638
- fill: url(#illus_grad);
1639
- }
1640
-
1641
- .cls-3 {
1642
- fill: #0091da;
1643
- }
1644
- }
1645
-
1646
- #error-icon-outline {
1647
- fill: none;
1648
- stroke: #f54f47;
1649
- stroke-miterlimit: 10;
1650
- stroke-width: 2;
1651
- }
1652
-
1653
- #error-icon-line {
1654
- fill: none;
1655
- stroke: #f54f47;
1656
- animation-fill-mode: forwards;
1657
- stroke-dasharray: 7;
1658
- stroke-dashoffset: 0;
1659
- stroke-linecap: round;
1660
- stroke-width: 2.65;
1661
- stroke-miterlimit: 10;
1662
- }
1663
-
1664
- #error-icon-dot {
1665
- fill: #f54f47;
1666
- transform-origin: 50% 54%;
1667
- }
1668
-
1669
- .icon-obj-cluster {
1670
- .cls-2,
1671
- .cls-3 {
1672
- opacity: 0.5;
1673
- }
1674
-
1675
- .cls-2 {
1676
- fill: url(#illus_grad);
1677
- }
1678
-
1679
- .cls-3 {
1680
- fill: url(#illus_grad-2);
1681
- }
1682
-
1683
- .cls-4 {
1684
- fill: #0091da;
1685
- }
1686
- }
1687
- </style>
1
+ <template>
2
+ <template v-if="props.name === 'menu'">
3
+ <svg
4
+ version="1.1"
5
+ viewBox="0 0 36 36"
6
+ preserveAspectRatio="xMidYMid meet"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ xmlns:xlink="http://www.w3.org/1999/xlink"
9
+ focusable="false"
10
+ role="img"
11
+ >
12
+ <path
13
+ class="clr-i-outline clr-i-outline-path-1"
14
+ d="M32,29H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
15
+ />
16
+ <path
17
+ class="clr-i-outline clr-i-outline-path-2"
18
+ d="M32,19H4a1,1,0,0,1,0-2H32a1,1,0,0,1,0,2Z"
19
+ />
20
+ <path
21
+ class="clr-i-outline clr-i-outline-path-3"
22
+ d="M32,9H4A1,1,0,0,1,4,7H32a1,1,0,0,1,0,2Z"
23
+ />
24
+ </svg>
25
+ </template>
26
+ <template v-else-if="props.name === 'green-play'">
27
+ <svg
28
+ xmlns="http://www.w3.org/2000/svg"
29
+ fill="#565656"
30
+ viewBox="-1 -1 38 38"
31
+ y="1748"
32
+ >
33
+ <path fill="none" d="M0 0h36v36H0z" />
34
+ <path
35
+ fill="#59a011"
36
+ d="M7 32.2a1 1 0 01-.49-.13A1 1 0 016 31.2V5a1 1 0 011.51-.86l22 13.1a1 1 0 010 1.72l-22 13.1a.94.94 0 01-.51.14zM8 6.76v22.68L27.05 18.1z"
37
+ />
38
+ </svg>
39
+ </template>
40
+ <template v-else-if="props.name === 'reset'">
41
+ <svg
42
+ version="1.1"
43
+ viewBox="0 0 36 36"
44
+ preserveAspectRatio="xMidYMid meet"
45
+ xmlns="http://www.w3.org/2000/svg"
46
+ xmlns:xlink="http://www.w3.org/1999/xlink"
47
+ focusable="false"
48
+ role="img"
49
+ >
50
+ <path
51
+ class="clr-i-outline clr-i-outline-path-1"
52
+ d="M22.4,11.65a1.09,1.09,0,0,0,1.09,1.09H34.43V1.81a1.09,1.09,0,1,0-2.19,0V8.95a16.41,16.41,0,1,0,1.47,15.86,1.12,1.12,0,0,0-2.05-.9,14.18,14.18,0,1,1-1.05-13.36H23.5A1.09,1.09,0,0,0,22.4,11.65Z"
53
+ />
54
+ </svg>
55
+ </template>
56
+ <template v-else-if="props.name === 'user'">
57
+ <svg
58
+ version="1.1"
59
+ class="can-badge can-alert has-solid"
60
+ viewBox="0 0 36 36"
61
+ preserveAspectRatio="xMidYMid meet"
62
+ xmlns="http://www.w3.org/2000/svg"
63
+ xmlns:xlink="http://www.w3.org/1999/xlink"
64
+ focusable="false"
65
+ role="img"
66
+ >
67
+ <path
68
+ d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
69
+ class="clr-i-outline clr-i-outline-path-1"
70
+ />
71
+ <path
72
+ d="M18,17a7,7,0,1,0-7-7A7,7,0,0,0,18,17ZM18,5a5,5,0,1,1-5,5A5,5,0,0,1,18,5Z"
73
+ class="clr-i-outline clr-i-outline-path-1"
74
+ />
75
+ <path
76
+ d="M30.47,24.37a17.16,17.16,0,0,0-24.93,0A2,2,0,0,0,5,25.74V31a2,2,0,0,0,2,2H29a2,2,0,0,0,2-2V25.74A2,2,0,0,0,30.47,24.37ZM29,31H7V25.73a15.17,15.17,0,0,1,22,0h0Z"
77
+ class="clr-i-outline clr-i-outline-path-2"
78
+ />
79
+ </svg>
80
+ </template>
81
+ <template v-else-if="props.name === 'doubleArrows'">
82
+ <svg
83
+ version="1.1"
84
+ viewBox="0 0 36 36"
85
+ preserveAspectRatio="xMidYMid meet"
86
+ xmlns="http://www.w3.org/2000/svg"
87
+ xmlns:xlink="http://www.w3.org/1999/xlink"
88
+ focusable="false"
89
+ role="img"
90
+ aria-labelledby="_clr_icon_37"
91
+ >
92
+ <path
93
+ class="clr-i-outline clr-i-outline-path-1"
94
+ d="M29,19.41a1,1,0,0,1-.71-.29L18,8.83,7.71,19.12a1,1,0,0,1-1.41-1.41L18,6,29.71,17.71A1,1,0,0,1,29,19.41Z"
95
+ />
96
+ <path
97
+ class="clr-i-outline clr-i-outline-path-2"
98
+ d="M29,30.41a1,1,0,0,1-.71-.29L18,19.83,7.71,30.12a1,1,0,0,1-1.41-1.41L18,17,29.71,28.71A1,1,0,0,1,29,30.41Z"
99
+ />
100
+ </svg>
101
+ </template>
102
+ <template v-else-if="props.name === 'angle'">
103
+ <svg
104
+ version="1.1"
105
+ viewBox="0 0 36 36"
106
+ preserveAspectRatio="xMidYMid meet"
107
+ xmlns="http://www.w3.org/2000/svg"
108
+ xmlns:xlink="http://www.w3.org/1999/xlink"
109
+ focusable="false"
110
+ role="img"
111
+ >
112
+ <path
113
+ class="clr-i-outline clr-i-outline-path-1"
114
+ d="M29.52,22.52,18,10.6,6.48,22.52a1.7,1.7,0,0,0,2.45,2.36L18,15.49l9.08,9.39a1.7,1.7,0,0,0,2.45-2.36Z"
115
+ />
116
+ </svg>
117
+ </template>
118
+ <template v-else-if="props.name === 'ellipsis-vertical'">
119
+ <svg
120
+ version="1.1"
121
+ class="can-badge"
122
+ viewBox="0 0 36 36"
123
+ preserveAspectRatio="xMidYMid meet"
124
+ xmlns="http://www.w3.org/2000/svg"
125
+ xmlns:xlink="http://www.w3.org/1999/xlink"
126
+ focusable="false"
127
+ role="img"
128
+ >
129
+ <circle
130
+ cx="18"
131
+ cy="4.9"
132
+ r="2.9"
133
+ class="clr-i-outline clr-i-outline-path-1"
134
+ />
135
+ <circle
136
+ cx="18"
137
+ cy="18"
138
+ r="2.9"
139
+ class="clr-i-outline clr-i-outline-path-2"
140
+ />
141
+ <circle
142
+ cx="18"
143
+ cy="31.1"
144
+ r="2.9"
145
+ class="clr-i-outline clr-i-outline-path-3"
146
+ />
147
+ </svg>
148
+ </template>
149
+ <template v-else-if="props.name === 'close'">
150
+ <svg
151
+ version="1.1"
152
+ viewBox="0 0 36 36"
153
+ preserveAspectRatio="xMidYMid meet"
154
+ xmlns="http://www.w3.org/2000/svg"
155
+ xmlns:xlink="http://www.w3.org/1999/xlink"
156
+ focusable="false"
157
+ role="img"
158
+ fill="#8c8c8c"
159
+ >
160
+ <path
161
+ class="clr-i-outline clr-i-outline-path-1"
162
+ d="M19.41,18l8.29-8.29a1,1,0,0,0-1.41-1.41L18,16.59,9.71,8.29A1,1,0,0,0,8.29,9.71L16.59,18,8.29,26.29a1,1,0,1,0,1.41,1.41L18,19.41l8.29,8.29a1,1,0,0,0,1.41-1.41Z"
163
+ />
164
+ </svg>
165
+ </template>
166
+ <template v-else-if="props.name === 'exclamation-circle'">
167
+ <svg
168
+ version="1.1"
169
+ class="has-solid"
170
+ viewBox="0 0 36 36"
171
+ preserveAspectRatio="xMidYMid meet"
172
+ xmlns="http://www.w3.org/2000/svg"
173
+ xmlns:xlink="http://www.w3.org/1999/xlink"
174
+ focusable="false"
175
+ role="img"
176
+ fill="red"
177
+ >
178
+ <path
179
+ class="clr-i-outline clr-i-outline-path-1"
180
+ d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
181
+ />
182
+ <path
183
+ class="clr-i-outline clr-i-outline-path-2"
184
+ d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
185
+ />
186
+ <circle
187
+ class="clr-i-outline clr-i-outline-path-3"
188
+ cx="17.95"
189
+ cy="23.02"
190
+ r="1.5"
191
+ />
192
+ </svg>
193
+ </template>
194
+ <template v-else-if="props.name === 'exclamation-triangle'">
195
+ <svg
196
+ version="1.1"
197
+ class="has-solid"
198
+ viewBox="0 0 36 36"
199
+ preserveAspectRatio="xMidYMid meet"
200
+ xmlns="http://www.w3.org/2000/svg"
201
+ xmlns:xlink="http://www.w3.org/1999/xlink"
202
+ focusable="false"
203
+ role="img"
204
+ >
205
+ <path
206
+ class="clr-i-outline clr-i-outline-path-1"
207
+ d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
208
+ />
209
+ <circle
210
+ class="clr-i-outline clr-i-outline-path-2"
211
+ cx="17.95"
212
+ cy="24.27"
213
+ r="1.5"
214
+ />
215
+ <path
216
+ class="clr-i-outline clr-i-outline-path-3"
217
+ d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
218
+ />
219
+ </svg>
220
+ </template>
221
+ <template v-else-if="props.name === 'info-circle'">
222
+ <svg
223
+ version="1.1"
224
+ class="has-solid"
225
+ viewBox="0 0 36 36"
226
+ preserveAspectRatio="xMidYMid meet"
227
+ xmlns="http://www.w3.org/2000/svg"
228
+ xmlns:xlink="http://www.w3.org/1999/xlink"
229
+ focusable="false"
230
+ role="img"
231
+ >
232
+ <circle
233
+ class="clr-i-outline clr-i-outline-path-1"
234
+ cx="17.93"
235
+ cy="11.9"
236
+ r="1.4"
237
+ />
238
+ <path
239
+ class="clr-i-outline clr-i-outline-path-2"
240
+ d="M21,23H19V15H16a1,1,0,0,0,0,2h1v6H15a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z"
241
+ />
242
+ <path
243
+ class="clr-i-outline clr-i-outline-path-3"
244
+ d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
245
+ />
246
+ </svg>
247
+ </template>
248
+ <template v-else-if="props.name === 'warning'">
249
+ <svg
250
+ version="1.1"
251
+ class="has-solid"
252
+ viewBox="0 0 36 36"
253
+ preserveAspectRatio="xMidYMid meet"
254
+ xmlns="http://www.w3.org/2000/svg"
255
+ xmlns:xlink="http://www.w3.org/1999/xlink"
256
+ focusable="false"
257
+ role="img"
258
+ fill="#c27b00"
259
+ >
260
+ <path
261
+ class="clr-i-outline clr-i-outline-path-1"
262
+ d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
263
+ />
264
+ <circle
265
+ class="clr-i-outline clr-i-outline-path-2"
266
+ cx="17.95"
267
+ cy="24.27"
268
+ r="1.5"
269
+ />
270
+ <path
271
+ class="clr-i-outline clr-i-outline-path-3"
272
+ d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
273
+ />
274
+ </svg>
275
+ </template>
276
+ <template v-else-if="props.name === 'obj-dc'">
277
+ <svg
278
+ xmlns="http://www.w3.org/2000/svg"
279
+ xmlns:xlink="http://www.w3.org/1999/xlink"
280
+ width="96"
281
+ height="124"
282
+ viewBox="0 0 96 124"
283
+ class="icon icon-obj-dc"
284
+ >
285
+ <defs>
286
+ <linearGradient
287
+ id="illus_grad"
288
+ x1="-1651.89"
289
+ y1="62.52"
290
+ x2="-1607.13"
291
+ y2="112.71"
292
+ gradientTransform="matrix(-1, 0, 0, 1, -1597.93, 0)"
293
+ gradientUnits="userSpaceOnUse"
294
+ >
295
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
296
+ <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
297
+ <stop offset="1" stop-color="#0091da" stop-opacity="0" />
298
+ </linearGradient>
299
+ <linearGradient
300
+ id="illus_grad-2"
301
+ x1="-1676.95"
302
+ y1="68.78"
303
+ x2="-1640.9"
304
+ y2="109.2"
305
+ xlink:href="#illus_grad"
306
+ />
307
+ </defs>
308
+ <g id="Layer_6" data-name="Layer 6">
309
+ <rect class="cls-1" width="96" height="124" />
310
+ </g>
311
+ <g id="Layer_4" data-name="Layer 4">
312
+ <polygon
313
+ class="cls-2"
314
+ points="3.03 94.67 47.55 94.67 47.55 50.14 3.03 94.67"
315
+ />
316
+ <polygon
317
+ class="cls-3"
318
+ points="38 94.67 73.86 94.67 73.86 58.81 38 94.67"
319
+ />
320
+ </g>
321
+ <g id="Layer_2" data-name="Layer 2">
322
+ <rect class="cls-4" x="24" y="36.36" width="2" height="6" />
323
+ <rect class="cls-4" x="33" y="36.36" width="2" height="6" />
324
+ <rect class="cls-4" x="42" y="36.36" width="2" height="6" />
325
+ <rect class="cls-4" x="58" y="52.36" width="2" height="4" />
326
+ <rect class="cls-4" x="65" y="52.36" width="2" height="4" />
327
+ <rect class="cls-4" x="72" y="52.36" width="2" height="4" />
328
+ <rect class="cls-4" x="58" y="64.36" width="2" height="4" />
329
+ <rect class="cls-4" x="65" y="64.36" width="2" height="4" />
330
+ <rect class="cls-4" x="72" y="64.36" width="2" height="4" />
331
+ <rect class="cls-4" x="58" y="76.36" width="2" height="4" />
332
+ <rect class="cls-4" x="65" y="76.36" width="2" height="4" />
333
+ <rect class="cls-4" x="72" y="76.36" width="2" height="4" />
334
+ <rect class="cls-4" x="24" y="49.36" width="2" height="6" />
335
+ <rect class="cls-4" x="33" y="49.36" width="2" height="6" />
336
+ <rect class="cls-4" x="42" y="49.36" width="2" height="6" />
337
+ <rect class="cls-4" x="24" y="62.36" width="2" height="6" />
338
+ <rect class="cls-4" x="33" y="62.36" width="2" height="6" />
339
+ <rect class="cls-4" x="42" y="62.36" width="2" height="6" />
340
+ <rect class="cls-4" x="24" y="75.36" width="2" height="6" />
341
+ <rect class="cls-4" x="33" y="75.36" width="2" height="6" />
342
+ <rect class="cls-4" x="42" y="75.36" width="2" height="6" />
343
+ <path
344
+ class="cls-4"
345
+ d="M89.36,96H7.14a1,1,0,0,1,0-2H89.36a1,1,0,1,1,0,2Z"
346
+ />
347
+ <path
348
+ class="cls-4"
349
+ d="M51.87,95a1,1,0,0,1-1-1V26.13A1.19,1.19,0,0,0,49.62,25H18.12a1.19,1.19,0,0,0-1.25,1.12V94a1,1,0,0,1-2,0V26.13A3.19,3.19,0,0,1,18.12,23h31.5a3.19,3.19,0,0,1,3.25,3.12V94A1,1,0,0,1,51.87,95Z"
350
+ />
351
+ <path
352
+ class="cls-4"
353
+ d="M80,94H78V45.12A1.19,1.19,0,0,0,76.75,44H55V42H76.75A3.19,3.19,0,0,1,80,45.12Z"
354
+ />
355
+ </g>
356
+ </svg>
357
+ </template>
358
+ <template v-else-if="props.name === 'obj-zone'">
359
+ <svg
360
+ id="svg2"
361
+ version="1.1"
362
+ xml:space="preserve"
363
+ width="96"
364
+ height="124"
365
+ viewBox="0 0 1440 1440"
366
+ xmlns="http://www.w3.org/2000/svg"
367
+ xmlns:svg="http://www.w3.org/2000/svg"
368
+ class="icon icon-obj-zone"
369
+ >
370
+ <defs id="defs6" />
371
+ <g id="g8" transform="matrix(1.3333333,0,0,-1.3333333,0,1150)">
372
+ <g id="g10" transform="scale(0.1)">
373
+ <path
374
+ id="path14"
375
+ d="m 5485.82,3974.16 c 99.06,0 179.66,80.57 179.66,179.63 0,99.04 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.29 -129.39,-55.36 -31.03,-32.28 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-91.98 50.24,-124.3 32.7,-34.03 78.58,-55.33 129.39,-55.33 v 0"
376
+ style="
377
+ fill: #dfac13;
378
+ fill-opacity: 1;
379
+ fill-rule: nonzero;
380
+ stroke: none;
381
+ "
382
+ />
383
+ <path
384
+ id="path16"
385
+ d="m 4254.43,6033.08 c 2.83,42.92 5.99,85.56 9.36,128 1.15,14.07 2.41,28.01 3.59,42.02 2.41,28.37 4.88,56.71 7.53,84.84 1.53,16.36 3.19,32.62 4.82,48.89 2.59,25.69 5.21,51.32 8.01,76.8 1.84,16.87 3.73,33.7 5.66,50.51 2.86,25 5.87,49.88 8.98,74.67 2.01,16.41 4.06,32.86 6.2,49.18 3.37,25.75 6.9,51.29 10.48,76.8 2.08,14.88 4.1,29.82 6.27,44.64 4.49,30.54 9.18,60.81 13.97,90.99 1.48,9.37 2.86,18.86 4.37,28.16 6.05,37.32 12.35,74.37 18.91,111.08 -500.09,158.22 -883.99,207.79 -1148.77,186.14 237.22,-16.12 534.1,-73.55 889.96,-186.14 -6.54,-36.71 -12.83,-73.76 -18.91,-111.08 -1.51,-9.3 -2.9,-18.79 -4.37,-28.16 -4.79,-30.18 -9.49,-60.45 -13.95,-90.99 -2.17,-14.82 -4.18,-29.76 -6.29,-44.64 -3.59,-25.51 -7.11,-51.05 -10.48,-76.8 -2.14,-16.32 -4.16,-32.77 -6.21,-49.18 -3.07,-24.79 -6.08,-49.67 -8.97,-74.67 -1.93,-16.81 -3.83,-33.64 -5.67,-50.51 -2.8,-25.48 -5.42,-51.11 -7.98,-76.8 -1.65,-16.27 -3.28,-32.53 -4.85,-48.89 -2.65,-28.13 -5.09,-56.47 -7.5,-84.84 -1.2,-14.01 -2.47,-27.95 -3.58,-42.02 -3.4,-42.44 -6.57,-85.08 -9.4,-128 -3.82,-57.98 25.63,-113.1 75.96,-142.17 L 6147.26,4692.5 c -6.05,-79.57 -13.16,-158.27 -21.26,-235.98 -24.31,-233.18 -57.74,-457.45 -99.91,-669.91 -0.03,-0.09 -0.03,-0.15 -0.06,-0.24 -170.44,-856.95 -439.31,-1317.59 -669.58,-1445.27 44.91,-24.93 88.41,-37.4 129.37,-37.4 250.95,0 595.3,458.47 799.03,1482.67 0.03,0.09 0.03,0.15 0.03,0.24 42.19,212.46 75.63,436.73 99.93,669.91 8.1,77.71 15.18,156.41 21.24,235.98 L 4330.39,5890.91 c -50.33,29.07 -79.79,84.19 -75.96,142.17 v 0"
386
+ style="
387
+ fill: #dfac13;
388
+ fill-opacity: 1;
389
+ fill-rule: nonzero;
390
+ stroke: none;
391
+ "
392
+ />
393
+ <path
394
+ id="path18"
395
+ d="m 4742.24,6646.03 c 0,-267.34 217.46,-484.83 484.79,-484.83 44.88,0 88.16,6.57 129.4,18.07 -204.61,56.81 -355.41,244.27 -355.41,466.76 0,222.46 150.8,409.92 355.41,466.73 -41.27,11.47 -84.55,18.07 -129.4,18.07 -267.33,0 -484.79,-217.49 -484.79,-484.8 v 0"
396
+ style="
397
+ fill: #dfac13;
398
+ fill-opacity: 1;
399
+ fill-rule: nonzero;
400
+ stroke: none;
401
+ "
402
+ />
403
+ <path
404
+ id="path20"
405
+ d="m 5356.43,6770.3 c -31.03,-32.29 -50.24,-76.05 -50.24,-124.27 0,-48.25 19.21,-92.01 50.24,-124.3 32.7,-34.04 78.58,-55.36 129.39,-55.36 99.06,0 179.66,80.6 179.66,179.66 0,99.03 -80.6,179.63 -179.66,179.63 -50.81,0 -96.69,-21.32 -129.39,-55.36 v 0"
406
+ style="
407
+ fill: #dfac13;
408
+ fill-opacity: 1;
409
+ fill-rule: nonzero;
410
+ stroke: none;
411
+ "
412
+ />
413
+ <path
414
+ id="path22"
415
+ d="m 7908.6,6948.1 c 112.92,-195.6 -58.13,-642.45 -665.9,-1231.79 46.98,-37.68 93.27,-75.48 138.33,-113.46 705.6,645.34 906.41,1137.3 786.38,1345.25 -73.19,126.77 -297.54,202.82 -667.8,177.79 217.7,-17.89 354.81,-83.94 408.99,-177.79 v 0"
416
+ style="
417
+ fill: #dfac13;
418
+ fill-opacity: 1;
419
+ fill-rule: nonzero;
420
+ stroke: none;
421
+ "
422
+ />
423
+ <path
424
+ id="path24"
425
+ d="m 6026.09,7013.18 c 8.59,-43.13 35.3,-80.42 73.37,-102.4 38.07,-21.99 83.8,-26.45 125.36,-12.35 35.45,12.05 70.21,23.43 104.57,34.42 -22.46,21.48 -38.31,49.28 -44.48,80.33 -203.73,1024.53 -548.14,1483.12 -799.09,1483.12 -40.96,0 -84.46,-12.47 -129.37,-37.4 230.27,-127.7 499.2,-588.5 669.64,-1445.72 v 0"
426
+ style="
427
+ fill: #dfac13;
428
+ fill-opacity: 1;
429
+ fill-rule: nonzero;
430
+ stroke: none;
431
+ "
432
+ />
433
+ <path
434
+ id="path26"
435
+ d="m 7282.81,5284.89 c -0.12,0.09 -0.24,0.21 -0.36,0.3 -41.14,36.08 -83.25,72.1 -126.29,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.66,0.45 -1.26,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.65,1.12 -3.28,2.23 -4.94,3.35 -19.6,13.34 -39.33,26.62 -59.15,39.9 -168.67,112.68 -343.93,221.65 -520.88,323.79 -45.51,26.26 -91.26,52.13 -137.16,77.61 -33.74,-32.56 -72.23,-60.18 -114.19,-82.01 174.43,-100.9 347.13,-208.28 513.42,-319.39 19.84,-13.28 39.57,-26.56 59.18,-39.9 1.66,-1.12 3.25,-2.23 4.91,-3.35 2.59,-1.77 5.21,-3.55 7.8,-5.3 0.63,-0.45 1.27,-0.87 1.9,-1.32 215.71,-147.35 417.48,-299.18 602.17,-453.18 43.04,-35.87 85.18,-71.89 126.32,-107.97 0.12,-0.09 0.21,-0.21 0.33,-0.3 785.21,-688.47 1010.04,-1215.76 884.63,-1432.98 -54.24,-93.91 -191.62,-159.96 -409.65,-177.76 370.62,-25.15 595.21,50.96 668.43,177.76 125.45,217.22 -99.42,744.51 -884.6,1432.98 v 0"
436
+ style="
437
+ fill: #dfac13;
438
+ fill-opacity: 1;
439
+ fill-rule: nonzero;
440
+ stroke: none;
441
+ "
442
+ />
443
+ <path
444
+ id="path28"
445
+ d="m 4278.49,3909.47 c -16.5,0 -33.07,-2.68 -49.03,-8.07 -412.21,-139.94 -751.23,-209.36 -1015.86,-227.25 268.45,-22.02 659.64,29.39 1170.04,192.82 -8.71,8.34 -18.19,15.93 -28.83,22.08 -23.46,13.52 -49.81,20.42 -76.32,20.42 v 0"
446
+ style="
447
+ fill: #dfac13;
448
+ fill-opacity: 1;
449
+ fill-rule: nonzero;
450
+ stroke: none;
451
+ "
452
+ />
453
+ <path
454
+ id="path30"
455
+ d="m 5005.15,4584.32 c 2.47,-1.42 4.91,-2.9 7.38,-4.34 45.41,-26.2 91.17,-52.08 137.16,-77.62 57.22,55.21 128.03,96.23 206.74,118.19 -41.27,11.44 -84.55,18.04 -129.4,18.04 -80.02,0 -155.38,-19.73 -221.88,-54.27 v 0"
456
+ style="
457
+ fill: #dfac13;
458
+ fill-opacity: 1;
459
+ fill-rule: nonzero;
460
+ stroke: none;
461
+ "
462
+ />
463
+ <path
464
+ id="path32"
465
+ d="m 4601.16,4315.71 c 48.97,-28.28 98.37,-56.11 147.97,-83.64 -4.15,-25.54 -6.89,-51.56 -6.89,-78.28 0,-267.33 217.46,-484.79 484.79,-484.79 44.85,0 88.13,6.59 129.4,18.07 -204.61,56.8 -355.41,244.26 -355.41,466.72 0,26.72 2.74,52.74 6.93,78.28 -49.64,27.53 -99.01,55.36 -148.01,83.64 -183.79,106.11 -364.83,218.61 -538.05,334.39 -264.68,177.04 -510.03,360.58 -731.08,546.87 -41.95,-38.4 -82.01,-76.2 -120.44,-113.46 183.72,-147.31 381.97,-292.46 592.71,-433.41 173.25,-115.78 354.26,-228.28 538.08,-334.39 v 0"
466
+ style="
467
+ fill: #dfac13;
468
+ fill-opacity: 1;
469
+ fill-rule: nonzero;
470
+ stroke: none;
471
+ "
472
+ />
473
+ <path
474
+ id="path34"
475
+ d="m 7908.63,3851.91 c 125.41,217.22 -99.42,744.51 -884.63,1432.98 -0.12,0.09 -0.21,0.21 -0.33,0.3 -41.14,36.08 -83.28,72.1 -126.32,107.97 -184.69,154 -386.46,305.83 -602.17,453.18 -0.63,0.45 -1.27,0.87 -1.9,1.32 -2.59,1.75 -5.21,3.53 -7.8,5.3 -1.66,1.12 -3.25,2.23 -4.91,3.35 -19.61,13.34 -39.34,26.62 -59.18,39.9 -166.29,111.11 -338.99,218.49 -513.42,319.39 -66.59,-34.61 -142.04,-54.4 -222.15,-54.4 -44.85,0 -88.13,6.63 -129.39,18.07 -41.24,-11.5 -84.52,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.49 -484.79,484.83 0,267.31 217.46,484.8 484.79,484.8 44.85,0 88.13,-6.6 129.4,-18.07 41.26,11.47 84.54,18.07 129.39,18.07 267.33,0 484.82,-217.49 484.82,-484.8 0,-26.62 -2.74,-52.59 -6.86,-78.04 49.57,-27.47 98.97,-55.33 148.12,-83.7 182.68,-105.48 363.63,-217.97 537.87,-334.35 210.47,-140.72 408.81,-285.92 592.93,-433.63 607.77,589.34 778.82,1036.19 665.9,1231.79 -54.18,93.85 -191.29,159.9 -408.99,177.79 -264.66,-17.92 -603.71,-87.41 -1015.98,-227.46 -41.59,-14.1 -87.28,-9.64 -125.38,12.35 -10.63,6.14 -20.15,13.73 -28.86,22.07 -34.36,-10.99 -69.12,-22.37 -104.57,-34.42 -41.56,-14.1 -87.29,-9.64 -125.36,12.35 -38.07,21.98 -64.78,59.27 -73.37,102.4 -170.44,857.22 -439.37,1318.02 -669.64,1445.72 -230.2,-127.7 -499.01,-588.47 -669.48,-1445.6 0,-0.03 0,-0.06 0,-0.12 -34.1,-171.56 -62.41,-351.16 -84.94,-537.05 -14.58,-120.39 -26.81,-243.36 -36.38,-368.69 L 6641.28,4909.09 c 50.3,-29.06 79.75,-84.15 75.99,-142.1 -2.83,-42.8 -5.97,-85.36 -9.34,-127.71 -1.14,-14.3 -2.44,-28.49 -3.64,-42.77 -2.35,-28.04 -4.76,-56.02 -7.38,-83.85 -1.57,-16.65 -3.26,-33.22 -4.91,-49.81 -2.53,-25.27 -5.09,-50.45 -7.83,-75.54 -1.9,-17.29 -3.83,-34.52 -5.82,-51.72 -2.8,-24.45 -5.72,-48.79 -8.73,-73.04 -2.11,-16.98 -4.22,-33.97 -6.42,-50.84 -3.25,-24.97 -6.68,-49.73 -10.15,-74.48 -2.17,-15.63 -4.3,-31.36 -6.59,-46.93 -4.25,-29.09 -8.74,-57.95 -13.29,-86.71 -1.71,-10.81 -3.28,-21.72 -5.03,-32.47 -6.05,-37.26 -12.34,-74.27 -18.88,-110.96 355.74,-112.52 652.53,-169.93 889.72,-186.01 218.03,17.8 355.41,83.85 409.65,177.76 v 0"
476
+ style="
477
+ fill: #fbce28;
478
+ fill-opacity: 1;
479
+ fill-rule: nonzero;
480
+ stroke: none;
481
+ "
482
+ />
483
+ <path
484
+ id="path36"
485
+ d="m 6026.03,3786.37 c 0.03,0.09 0.03,0.15 0.06,0.24 42.17,212.46 75.6,436.73 99.91,669.91 8.1,77.71 15.21,156.41 21.26,235.98 L 4071.57,5890.91 c -50.33,29.07 -79.78,84.19 -75.96,142.17 2.83,42.92 6,85.56 9.4,128 1.11,14.07 2.38,28.01 3.58,42.02 2.41,28.37 4.85,56.71 7.5,84.84 1.57,16.36 3.2,32.62 4.85,48.89 2.56,25.69 5.18,51.32 7.98,76.8 1.84,16.87 3.74,33.7 5.67,50.51 2.89,25 5.9,49.88 8.97,74.67 2.05,16.41 4.07,32.86 6.21,49.18 3.37,25.75 6.89,51.29 10.48,76.8 2.11,14.88 4.12,29.82 6.29,44.64 4.46,30.54 9.16,60.81 13.95,90.99 1.47,9.37 2.86,18.86 4.37,28.16 6.08,37.32 12.37,74.37 18.91,111.08 -355.86,112.59 -652.74,170.02 -889.96,186.14 -217.88,-17.83 -355.19,-83.82 -409.38,-177.7 -125.45,-217.34 99.52,-744.88 884.93,-1433.46 217.16,-190.48 461.97,-378.99 728.73,-561.24 8.11,-5.55 16.24,-11.09 24.37,-16.6 3.88,-2.62 7.8,-5.27 11.66,-7.89 12.43,-8.4 24.88,-16.78 37.37,-25.15 165.33,-110.48 338.15,-217.88 513.66,-319.44 66.5,34.54 141.86,54.27 221.88,54.27 44.85,0 88.13,-6.6 129.4,-18.04 41.23,11.5 84.51,18.04 129.39,18.04 267.33,0 484.82,-217.46 484.82,-484.8 0,-267.33 -217.49,-484.79 -484.82,-484.79 -44.85,0 -88.13,6.59 -129.39,18.07 -41.27,-11.48 -84.55,-18.07 -129.4,-18.07 -267.33,0 -484.79,217.46 -484.79,484.79 0,26.72 2.74,52.74 6.89,78.28 -49.6,27.53 -99,55.36 -147.97,83.64 -183.82,106.11 -364.83,218.61 -538.08,334.39 -210.74,140.95 -408.99,286.1 -592.71,433.41 -607.81,-589.31 -778.86,-1036.1 -665.94,-1231.6 54.19,-93.85 191.35,-159.9 409.17,-177.76 264.63,17.89 603.65,87.31 1015.86,227.25 15.96,5.39 32.53,8.07 49.03,8.07 26.51,0 52.86,-6.9 76.32,-20.42 10.64,-6.15 20.12,-13.74 28.83,-22.08 34.39,11.02 69.15,22.38 104.6,34.43 15.99,5.39 32.56,8.07 49.04,8.07 26.53,0 52.85,-6.9 76.32,-20.42 38.04,-21.99 64.78,-59.31 73.34,-102.41 170.44,-857.1 439.28,-1317.86 669.51,-1445.54 230.27,127.68 499.14,588.32 669.58,1445.27 v 0"
486
+ style="
487
+ fill: #fbce28;
488
+ fill-opacity: 1;
489
+ fill-rule: nonzero;
490
+ stroke: none;
491
+ "
492
+ />
493
+ </g>
494
+ </g>
495
+ </svg>
496
+ </template>
497
+ <template v-else-if="props.name === 'obj-host'">
498
+ <svg
499
+ xmlns="http://www.w3.org/2000/svg"
500
+ xmlns:xlink="http://www.w3.org/1999/xlink"
501
+ width="96"
502
+ height="124"
503
+ viewBox="0 0 96 124"
504
+ class="icon-obj-host"
505
+ >
506
+ <defs>
507
+ <linearGradient
508
+ id="illus_grad"
509
+ x1="-3163.59"
510
+ y1="62.51"
511
+ x2="-3118.36"
512
+ y2="113.24"
513
+ gradientTransform="matrix(-1, 0, 0, 1, -3095.12, 0)"
514
+ gradientUnits="userSpaceOnUse"
515
+ >
516
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
517
+ <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
518
+ <stop offset="1" stop-color="#0091da" stop-opacity="0" />
519
+ </linearGradient>
520
+ <linearGradient
521
+ id="linear-gradient"
522
+ x1="89.6"
523
+ y1="58.65"
524
+ x2="44.2"
525
+ y2="104.05"
526
+ gradientUnits="userSpaceOnUse"
527
+ >
528
+ <stop offset="0.33" stop-color="#0091da" stop-opacity="0.6" />
529
+ <stop offset="0.58" stop-color="#0091da" stop-opacity="0.32" />
530
+ <stop offset="0.89" stop-color="#0091da" stop-opacity="0" />
531
+ </linearGradient>
532
+ </defs>
533
+ <g id="Layer_4" data-name="Layer 4">
534
+ <polygon class="cls-1" points="17 95 62 95 62 50 17 95" />
535
+ <polygon class="cls-2" points="76 95 30.5 95 76 49.5 76 95" />
536
+ </g>
537
+ <g id="Layer_2" data-name="Layer 2">
538
+ <path
539
+ class="cls-3"
540
+ d="M68,95H66V22a1,1,0,0,0-1-1H31a1,1,0,0,0-1,1V95H28V22a3,3,0,0,1,3-3H65a3,3,0,0,1,3,3Z"
541
+ />
542
+ <path class="cls-3" d="M80,96H16a1,1,0,0,1,0-2H80a1,1,0,0,1,0,2Z" />
543
+ <path class="cls-3" d="M59,33H37a1,1,0,0,1,0-2H59a1,1,0,0,1,0,2Z" />
544
+ <path
545
+ class="cls-3"
546
+ d="M48.5,82A5.5,5.5,0,1,1,54,76.5,5.51,5.51,0,0,1,48.5,82Zm0-9A3.5,3.5,0,1,0,52,76.5,3.5,3.5,0,0,0,48.5,73Z"
547
+ />
548
+ </g>
549
+ </svg>
550
+ </template>
551
+ <template v-else-if="props.name === 'obj-datastore'">
552
+ <svg
553
+ width="96"
554
+ height="124"
555
+ viewBox="0 0 96 124"
556
+ xmlns="http://www.w3.org/2000/svg"
557
+ xmlns:xlink="http://www.w3.org/1999/xlink"
558
+ >
559
+ <defs>
560
+ <linearGradient
561
+ id="illus_grad"
562
+ x1="-1907.36"
563
+ y1="63.08"
564
+ x2="-1863.1"
565
+ y2="112.71"
566
+ gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
567
+ gradientUnits="userSpaceOnUse"
568
+ >
569
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
570
+ <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
571
+ <stop offset="1" stop-color="#0091da" stop-opacity="0" />
572
+ </linearGradient>
573
+ <linearGradient
574
+ id="illus_grad-2"
575
+ x1="-1923.8"
576
+ y1="71.55"
577
+ x2="-1892.27"
578
+ y2="106.92"
579
+ xlink:href="#illus_grad"
580
+ />
581
+ </defs>
582
+ <g id="Layer_6" data-name="Layer 6">
583
+ <rect class="cls-1" width="96" height="124" />
584
+ </g>
585
+ <g id="Layer_4" data-name="Layer 4">
586
+ <polygon
587
+ class="cls-2"
588
+ points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
589
+ />
590
+ <polygon
591
+ class="cls-3"
592
+ points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
593
+ />
594
+ </g>
595
+ <g id="Layer_2" data-name="Layer 2">
596
+ <path
597
+ class="cls-4"
598
+ d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
599
+ />
600
+ <path
601
+ class="cls-4"
602
+ d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
603
+ />
604
+ <path
605
+ class="cls-4"
606
+ d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
607
+ />
608
+ <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
609
+ <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
610
+ <path
611
+ class="cls-4"
612
+ d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
613
+ />
614
+ <path
615
+ class="cls-4"
616
+ d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
617
+ />
618
+ <path
619
+ class="cls-4"
620
+ d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
621
+ />
622
+ </g>
623
+ </svg>
624
+ </template>
625
+ <template v-else-if="props.name === 'obj-ds'">
626
+ <svg
627
+ xmlns="http://www.w3.org/2000/svg"
628
+ xmlns:xlink="http://www.w3.org/1999/xlink"
629
+ width="96"
630
+ height="124"
631
+ viewBox="0 0 96 124"
632
+ class="icon icon-obj-ds"
633
+ >
634
+ <defs>
635
+ <linearGradient
636
+ id="illus_grad"
637
+ x1="54.43"
638
+ y1="61.9"
639
+ x2="54.43"
640
+ y2="109.83"
641
+ gradientUnits="userSpaceOnUse"
642
+ >
643
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
644
+ <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
645
+ <stop offset="1" stop-color="#0091da" stop-opacity="0" />
646
+ </linearGradient>
647
+ </defs>
648
+ <g id="Layer_6" data-name="Layer 6">
649
+ <rect class="cls-1" width="96" height="124" />
650
+ </g>
651
+ <g id="Layer_4" data-name="Layer 4">
652
+ <path
653
+ class="cls-2"
654
+ d="M46.88,55.31c-1.28,0-2.53,0-3.76-.11V95.83c1.23.07,2.48.11,3.76.11,7.49,0,14.22-1.16,18.87-3V52.29C61.1,54.15,54.37,55.31,46.88,55.31Z"
655
+ />
656
+ </g>
657
+ <g id="Layer_2" data-name="Layer 2">
658
+ <path
659
+ class="cls-3"
660
+ d="M48,98.43c-14.82,0-26-4.3-26-10v-46h2v46c0,3.79,9.86,8,24,8s24-4.22,24-8v-46h2v46C74,94.13,62.82,98.43,48,98.43Z"
661
+ />
662
+ <path
663
+ class="cls-3"
664
+ d="M72,72.48c0,3.79-9.86,8-24,8a53.15,53.15,0,0,1-17.3-2.59V80A56.81,56.81,0,0,0,48,82.5c14.82,0,26-4.31,26-10Z"
665
+ />
666
+ <path
667
+ class="cls-3"
668
+ d="M72,58c0,3.79-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58v2.13A56.83,56.83,0,0,0,48,68c14.82,0,26-4.3,26-10Z"
669
+ />
670
+ <path
671
+ class="cls-3"
672
+ d="M48,32.41c-14.82,0-26,4.3-26,10h2c0-3.79,9.86-8,24-8s24,4.22,24,8-9.86,8-24,8a53.44,53.44,0,0,1-17.3-2.58V50A56.83,56.83,0,0,0,48,52.43c14.82,0,26-4.3,26-10S62.82,32.41,48,32.41Z"
673
+ />
674
+ </g>
675
+ </svg>
676
+ </template>
677
+ <template v-else-if="props.name === 'arrow'">
678
+ <svg height="20" viewBox="0 0 32 32" width="20">
679
+ <path
680
+ d="M16.7 11.3c-0.4-0.4-1-0.4-1.4 0l-9 9c-0.4 0.4-0.4 1 0 1.4 0.4 0.4 1 0.4 1.4 0L16 13.4l8.3 8.3c0.4 0.4 1 0.4 1.4 0 0.4-0.4 0.4-1 0-1.4L16.7 11.3z"
681
+ />
682
+ </svg>
683
+ </template>
684
+ <template v-else-if="props.name === 'info'">
685
+ <svg viewBox="0 0 36 36" class="icon-container" style="">
686
+ <path
687
+ id="error-icon-outline"
688
+ d="M18,7A11,11,0,1,1,7,18,11,11,0,0,1,18,7"
689
+ class="ng-tns-c303-18"
690
+ />
691
+ <path
692
+ id="error-icon-line"
693
+ d="M18,12.8v5.9"
694
+ class="ng-tns-c303-18 ng-trigger ng-trigger-errorLine"
695
+ />
696
+ <circle
697
+ id="error-icon-dot"
698
+ cx="18"
699
+ cy="23"
700
+ r="1.4"
701
+ class="ng-tns-c303-18 ng-trigger ng-trigger-errorDot"
702
+ />
703
+ </svg>
704
+ </template>
705
+ <template v-else-if="props.name === 'obj-cluster'">
706
+ <svg
707
+ xmlns="http://www.w3.org/2000/svg"
708
+ xmlns:xlink="http://www.w3.org/1999/xlink"
709
+ width="96"
710
+ height="124"
711
+ viewBox="0 0 96 124"
712
+ class="icon icon-obj-cluster"
713
+ >
714
+ <defs>
715
+ <linearGradient
716
+ id="illus_grad"
717
+ x1="-1907.36"
718
+ y1="63.08"
719
+ x2="-1863.1"
720
+ y2="112.71"
721
+ gradientTransform="matrix(-1, 0, 0, 1, -1840.95, 0)"
722
+ gradientUnits="userSpaceOnUse"
723
+ >
724
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
725
+ <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
726
+ <stop offset="1" stop-color="#0091da" stop-opacity="0" />
727
+ </linearGradient>
728
+ <linearGradient
729
+ id="illus_grad-2"
730
+ x1="-1923.8"
731
+ y1="71.55"
732
+ x2="-1892.27"
733
+ y2="106.92"
734
+ xlink:href="#illus_grad"
735
+ />
736
+ </defs>
737
+ <g id="Layer_6" data-name="Layer 6">
738
+ <rect class="cls-1" width="96" height="124" />
739
+ </g>
740
+ <g id="Layer_4" data-name="Layer 4">
741
+ <polygon
742
+ class="cls-2"
743
+ points="16.04 94.86 60.07 94.86 60.07 50.84 16.04 94.86"
744
+ />
745
+ <polygon
746
+ class="cls-3"
747
+ points="46.97 94.2 78.34 94.2 78.34 62.83 46.97 94.2"
748
+ />
749
+ </g>
750
+ <g id="Layer_2" data-name="Layer 2">
751
+ <path
752
+ class="cls-4"
753
+ d="M89.91,95.91H5.46a1,1,0,1,1,0-2H89.91a1,1,0,0,1,0,2Z"
754
+ />
755
+ <path
756
+ class="cls-4"
757
+ d="M57.38,40H38.62a1,1,0,0,1,0-2H57.38a1,1,0,0,1,0,2Z"
758
+ />
759
+ <path
760
+ class="cls-4"
761
+ d="M48.1,80.67A4.72,4.72,0,1,1,52.82,76,4.72,4.72,0,0,1,48.1,80.67Zm0-7.44A2.72,2.72,0,1,0,50.82,76,2.72,2.72,0,0,0,48.1,73.23Z"
762
+ />
763
+ <path class="cls-4" d="M76.92,47H67v2h9.92a1,1,0,0,0,0-2Z" />
764
+ <path class="cls-4" d="M19.08,48H29v2H19.08a1,1,0,0,1,0-2Z" />
765
+ <path
766
+ class="cls-4"
767
+ d="M64,96a1,1,0,0,1-1-1V31a1,1,0,0,0-1-1H34a1,1,0,0,0-1,1V95a1,1,0,0,1-2,0V31a3,3,0,0,1,3-3H62a3,3,0,0,1,3,3V95A1,1,0,0,1,64,96Z"
768
+ />
769
+ <path
770
+ class="cls-4"
771
+ d="M83,95H81V41a1,1,0,0,0-1-1H67V38H80a3,3,0,0,1,3,3Z"
772
+ />
773
+ <path
774
+ class="cls-4"
775
+ d="M15,95H13V41a3,3,0,0,1,3-3H29v2H16a1,1,0,0,0-1,1Z"
776
+ />
777
+ </g>
778
+ </svg>
779
+ </template>
780
+ <template v-else-if="props.name === 'obj-network'">
781
+ <svg
782
+ xmlns="http://www.w3.org/2000/svg"
783
+ xmlns:xlink="http://www.w3.org/1999/xlink"
784
+ width="96"
785
+ height="124"
786
+ viewBox="0 0 96 124"
787
+ class="icon icon__obj-network"
788
+ >
789
+ <defs>
790
+ <linearGradient
791
+ id="linear-gradient"
792
+ x1="75.11"
793
+ y1="22.68"
794
+ x2="-1.26"
795
+ y2="100.91"
796
+ gradientUnits="userSpaceOnUse"
797
+ >
798
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
799
+ <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
800
+ <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
801
+ </linearGradient>
802
+ <linearGradient
803
+ id="linear-gradient-2"
804
+ x1="78.18"
805
+ y1="10.58"
806
+ x2="25.29"
807
+ y2="64.76"
808
+ xlink:href="#linear-gradient"
809
+ />
810
+ </defs>
811
+ <g id="Layer_6" data-name="Layer 6">
812
+ <rect class="cls-1" width="96" height="124" />
813
+ </g>
814
+ <g id="Layer_4" data-name="Layer 4">
815
+ <polygon
816
+ class="cls-2"
817
+ points="47.67 64 88.67 23 61.9 23 20.9 64 47.67 64"
818
+ />
819
+ <polygon
820
+ class="cls-3"
821
+ points="59.77 39 87.78 11 68.44 11 40.44 39 59.77 39"
822
+ />
823
+ </g>
824
+ <g id="Layer_2" data-name="Layer 2">
825
+ <path class="cls-4" d="M76,96H28.5a1,1,0,0,1,0-2H76a1,1,0,0,1,0,2Z" />
826
+ <path
827
+ class="cls-4"
828
+ d="M66,92H53V82.33a1,1,0,1,1,2,0V90H66a1,1,0,0,1,0,2Z"
829
+ />
830
+ <path
831
+ class="cls-4"
832
+ d="M65.92,29.18a3,3,0,1,0,3,3A3,3,0,0,0,65.92,29.18Zm0,4.33a1.32,1.32,0,1,1,1.31-1.31A1.32,1.32,0,0,1,65.92,33.51Z"
833
+ />
834
+ <path
835
+ class="cls-4"
836
+ d="M77.56,45.86a3,3,0,1,0,3,3A3,3,0,0,0,77.56,45.86Zm0,4.32a1.31,1.31,0,1,1,1.31-1.31A1.31,1.31,0,0,1,77.56,50.18Z"
837
+ />
838
+ <path
839
+ class="cls-4"
840
+ d="M61.23,60.76a3.07,3.07,0,1,0,3.08,3.07A3.07,3.07,0,0,0,61.23,60.76Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,61.23,65.2Z"
841
+ />
842
+ <path
843
+ class="cls-4"
844
+ d="M63.24,75.6a3.08,3.08,0,1,0,3.08,3.08A3.08,3.08,0,0,0,63.24,75.6Zm0,4.45a1.37,1.37,0,1,1,1.38-1.37A1.38,1.38,0,0,1,63.24,80.05Z"
845
+ />
846
+ <path
847
+ class="cls-4"
848
+ d="M41,71.39a3.07,3.07,0,1,0,3.08,3.07A3.08,3.08,0,0,0,41,71.39Zm0,4.44a1.37,1.37,0,1,1,1.38-1.37A1.37,1.37,0,0,1,41,75.83Z"
849
+ />
850
+ <path
851
+ class="cls-4"
852
+ d="M37.33,39.24a3,3,0,1,0,3,3A3,3,0,0,0,37.33,39.24Zm0,4.26a1.28,1.28,0,1,1,1.29-1.28A1.28,1.28,0,0,1,37.33,43.5Z"
853
+ />
854
+ <path
855
+ class="cls-4"
856
+ d="M24.25,47a3,3,0,1,0,3,3A3,3,0,0,0,24.25,47Zm0,4.26a1.28,1.28,0,1,1,1.28-1.28A1.28,1.28,0,0,1,24.25,51.21Z"
857
+ />
858
+ <path class="cls-4" d="M28.5,90a1,1,0,0,0,0,2H49V90Z" />
859
+ <path
860
+ class="cls-4"
861
+ d="M59.16,64.48a29,29,0,0,1-9.27,6.72,29.38,29.38,0,0,1-7,2.18,2.32,2.32,0,0,1,.29,1.08,2.22,2.22,0,0,1-.21.93A31.06,31.06,0,0,0,60.5,66,2.26,2.26,0,0,1,59.16,64.48Z"
862
+ />
863
+ <path
864
+ class="cls-4"
865
+ d="M67.85,32.9a2.16,2.16,0,0,1-1.47,1.39,26.06,26.06,0,0,1,9.37,13.29,2.15,2.15,0,0,1,1.79-1A28.08,28.08,0,0,0,67.85,32.9Z"
866
+ />
867
+ <path
868
+ class="cls-4"
869
+ d="M61.05,79a25.68,25.68,0,0,1-10.13,2.06A26,26,0,0,1,25,55.11a26.58,26.58,0,0,1,.21-3.24,2.12,2.12,0,0,1-1,.25,2.21,2.21,0,0,1-1-.26A29,29,0,0,0,23,55.11,27.93,27.93,0,0,0,62.24,80.65,2.23,2.23,0,0,1,61.05,79Z"
870
+ />
871
+ <path
872
+ class="cls-4"
873
+ d="M59.06,63.7a2.07,2.07,0,0,1,.06-.5,48.05,48.05,0,0,1-25.29-6.33,49.33,49.33,0,0,1-7.93-5.61,2.1,2.1,0,0,1-1.65.8,1.85,1.85,0,0,1-.58-.09,51.18,51.18,0,0,0,9.17,6.64,50.18,50.18,0,0,0,24.79,6.62c.66,0,1.33,0,2,0A2.3,2.3,0,0,1,59.06,63.7Z"
874
+ />
875
+ <path
876
+ class="cls-4"
877
+ d="M35.06,42.18s0,0,0,0A33.62,33.62,0,0,0,31,44.32a36.11,36.11,0,0,0-5.26,4.11,2.15,2.15,0,0,1,.62,1.5,2,2,0,0,1-.18.85A31.91,31.91,0,0,1,35.92,44,2.28,2.28,0,0,1,35.06,42.18Z"
878
+ />
879
+ <path
880
+ class="cls-4"
881
+ d="M41.07,31.13a25.68,25.68,0,0,1,22.6,1.41c0-.11,0-.22,0-.33a2.16,2.16,0,0,1,.7-1.59,27.72,27.72,0,0,0-25.47-.7C39.59,30.29,40.32,30.69,41.07,31.13Z"
882
+ />
883
+ <path
884
+ class="cls-4"
885
+ d="M34.77,32.34A28.06,28.06,0,0,0,23.93,47.89a2.3,2.3,0,0,1,.26,0,2.13,2.13,0,0,1,1.61.75,26,26,0,0,1,11-15.27C36.12,33,35.43,32.64,34.77,32.34Z"
886
+ />
887
+ <path
888
+ class="cls-4"
889
+ d="M38.33,40.24a35.73,35.73,0,0,1,.93-5.55c-.61-.36-1.21-.7-1.79-1a35.67,35.67,0,0,0-1.14,6.58,2,2,0,0,1,1-.27A2.16,2.16,0,0,1,38.33,40.24Z"
890
+ />
891
+ <path
892
+ class="cls-4"
893
+ d="M48.12,40.81c-.8-.63-1.59-1.22-2.36-1.79A36.79,36.79,0,0,0,39,40.56a2.28,2.28,0,0,1,.67,1.62c0,.09,0,.18,0,.28A34.65,34.65,0,0,1,48.12,40.81Z"
894
+ />
895
+ <path
896
+ class="cls-4"
897
+ d="M51.93,38.74c.88.71,1.76,1.44,2.65,2.2a42.5,42.5,0,0,1,20.87,8.38,2.3,2.3,0,0,1,0-.45,2.17,2.17,0,0,1,.68-1.57A43.87,43.87,0,0,0,51.93,38.74Z"
898
+ />
899
+ <path
900
+ class="cls-4"
901
+ d="M66,51.73c.54.56,1.08,1.12,1.61,1.7A30.94,30.94,0,0,0,67,34.1,2.1,2.1,0,0,1,64.86,34,29,29,0,0,1,66,51.73Z"
902
+ />
903
+ <path
904
+ class="cls-4"
905
+ d="M64.57,56a29,29,0,0,1-3.08,5.57,2.3,2.3,0,0,1,1.75,1,32.71,32.71,0,0,0,2.82-5C65.56,57.08,65.07,56.54,64.57,56Z"
906
+ />
907
+ <path
908
+ class="cls-4"
909
+ d="M75.73,62.69c.5.61,1,1.23,1.49,1.85a27.83,27.83,0,0,0,1.3-13.84,2.12,2.12,0,0,1-2-.07,25.39,25.39,0,0,1,.4,4.48A26,26,0,0,1,75.73,62.69Z"
910
+ />
911
+ <path
912
+ class="cls-4"
913
+ d="M74,66.92a26.08,26.08,0,0,1-9.25,10.13,2.2,2.2,0,0,1,.72,1.63c0,.1,0,.2,0,.3a28.14,28.14,0,0,0,9.91-10.33Z"
914
+ />
915
+ <path
916
+ class="cls-4"
917
+ d="M83,71.21A161.59,161.59,0,0,0,69.59,54.46c-16.42-18.07-37.41-33.12-44.1-27C23.74,29,23.25,31.75,24,35.54a1,1,0,0,0,2-.4c-.43-2.1-.64-4.89.84-6.23,4.45-4.05,22.1,5.8,41.28,26.89A162,162,0,0,1,81.43,72.48,3,3,0,0,1,83,71.21Z"
918
+ />
919
+ <path
920
+ class="cls-4"
921
+ d="M84.05,78.09a4,4,0,0,1-1.66-.36,4,4,0,0,1-2.06-2.24,4,4,0,0,1,2.36-5.09,4,4,0,0,1,5.09,2.36h0a4,4,0,0,1-2.36,5.09A4,4,0,0,1,84.05,78.09Zm0-6.23a2.38,2.38,0,0,0-.78.14,2.27,2.27,0,0,0-.17,4.18,2.24,2.24,0,0,0,1.74.07,2.26,2.26,0,0,0,1.34-2.9h0A2.26,2.26,0,0,0,84.05,71.86Z"
922
+ />
923
+ </g>
924
+ </svg>
925
+ </template>
926
+ <template v-else-if="props.name === 'obj-rp'">
927
+ <svg
928
+ xmlns="http://www.w3.org/2000/svg"
929
+ xmlns:xlink="http://www.w3.org/1999/xlink"
930
+ width="96"
931
+ height="124"
932
+ viewBox="0 0 96 124"
933
+ >
934
+ <script xmlns="" />
935
+ <defs>
936
+ <linearGradient
937
+ id="linear-gradient"
938
+ x1="78.91"
939
+ y1="20.07"
940
+ x2="17.57"
941
+ y2="75.31"
942
+ gradientUnits="userSpaceOnUse"
943
+ >
944
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
945
+ <stop offset="0.46" stop-color="#0091da" stop-opacity="0.32" />
946
+ <stop offset="0.83" stop-color="#0091da" stop-opacity="0" />
947
+ </linearGradient>
948
+ <linearGradient
949
+ id="illus_grad"
950
+ x1="-3453.04"
951
+ y1="20.8"
952
+ x2="-3429.13"
953
+ y2="44.35"
954
+ gradientTransform="matrix(-1, 0, 0, 1, -3394.04, 0)"
955
+ gradientUnits="userSpaceOnUse"
956
+ >
957
+ <stop offset="0.15" stop-color="#0091da" stop-opacity="0.6" />
958
+ <stop offset="0.54" stop-color="#0091da" stop-opacity="0.32" />
959
+ <stop offset="1" stop-color="#0091da" stop-opacity="0" />
960
+ </linearGradient>
961
+ </defs>
962
+ <g id="Layer_6" data-name="Layer 6">
963
+ <rect class="cls-1" width="96" height="124" />
964
+ </g>
965
+ <g id="Layer_4" data-name="Layer 4">
966
+ <polygon
967
+ class="cls-2"
968
+ points="27.31 56.61 63.42 20.5 89.45 20.5 53.34 56.61 27.31 56.61"
969
+ />
970
+ <polygon
971
+ class="cls-3"
972
+ points="34.02 36.86 58.38 12.5 76.11 12.5 51.75 36.86 34.02 36.86"
973
+ />
974
+ </g>
975
+ <g id="Layer_2" data-name="Layer 2">
976
+ <path
977
+ class="cls-4"
978
+ d="M29.68,89.71a1,1,0,0,1-.61-.21,1,1,0,0,1-.18-1.4L47.77,63.39a1,1,0,0,1,.8-.39H72.62a1,1,0,0,1,0,2H49.06L30.48,89.32A1,1,0,0,1,29.68,89.71Z"
979
+ />
980
+ <path class="cls-5" d="M31,90.94a31.1,31.1,0,0,0,48.1-24.68H50Z" />
981
+ <path
982
+ class="cls-4"
983
+ d="M48,97a32.1,32.1,0,1,1,32.1-32.1A32.14,32.14,0,0,1,48,97Zm0-62.2a30.1,30.1,0,1,0,30.1,30.1A30.13,30.13,0,0,0,48,34.82Z"
984
+ />
985
+ </g>
986
+ <script xmlns="" />
987
+ </svg>
988
+ </template>
989
+
990
+ <template v-else-if="props.name === 'sort-arrow'">
991
+ <svg
992
+ version="1.1"
993
+ viewBox="0 0 36 36"
994
+ preserveAspectRatio="xMidYMid meet"
995
+ xmlns="http://www.w3.org/2000/svg"
996
+ xmlns:xlink="http://www.w3.org/1999/xlink"
997
+ focusable="false"
998
+ role="img"
999
+ >
1000
+ <path
1001
+ d="M27.66,15.61,18,6,8.34,15.61A1,1,0,1,0,9.75,17L17,9.81V28.94a1,1,0,1,0,2,0V9.81L26.25,17a1,1,0,0,0,1.41-1.42Z"
1002
+ class="clr-i-outline clr-i-outline-path-1"
1003
+ />
1004
+ </svg>
1005
+ </template>
1006
+ <template v-else-if="props.name === 'filter'">
1007
+ <svg
1008
+ version="1.1"
1009
+ class="has-solid"
1010
+ viewBox="0 0 36 36"
1011
+ preserveAspectRatio="xMidYMid meet"
1012
+ xmlns="http://www.w3.org/2000/svg"
1013
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1014
+ focusable="false"
1015
+ role="img"
1016
+ >
1017
+ <path
1018
+ class="clr-i-solid clr-i-solid-path-1"
1019
+ d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
1020
+ />
1021
+ </svg>
1022
+ </template>
1023
+ <template v-else-if="props.name === 'filter-solid'">
1024
+ <svg
1025
+ version="1.1"
1026
+ class="has-solid"
1027
+ viewBox="0 0 36 36"
1028
+ preserveAspectRatio="xMidYMid meet"
1029
+ xmlns="http://www.w3.org/2000/svg"
1030
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1031
+ focusable="false"
1032
+ role="img"
1033
+ >
1034
+ <path
1035
+ class="clr-i-outline clr-i-outline-path-1"
1036
+ d="M15,25.86l2,1V20.27a1,1,0,0,0-.29-.7L10.23,13H25.79l-6.47,6.57a1,1,0,0,0-.29.7L19,28l2,1V20.68L27.58,14A1.46,1.46,0,0,0,28,13V12a1,1,0,0,0-1-1H9a1,1,0,0,0-1,1v1a1.46,1.46,0,0,0,.42,1L15,20.68Z"
1037
+ />
1038
+ <path
1039
+ class="clr-i-outline clr-i-outline-path-2"
1040
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
1041
+ />
1042
+ <path
1043
+ class="clr-i-solid clr-i-solid-path-1"
1044
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
1045
+ />
1046
+ <path
1047
+ class="clr-i-solid clr-i-solid-path-2"
1048
+ d="M8,11v1.12a.5.5,0,0,0,.15.35l7.28,7.36a.5.5,0,0,1,.15.35v6.89a.5.5,0,0,0,.28.45l3.95,1.41a.5.5,0,0,0,.72-.45l0-8.39a.54.54,0,0,1,.18-.35l7.12-7.25a.5.5,0,0,0,.15-.35V11Z"
1049
+ />
1050
+ </svg>
1051
+ </template>
1052
+ <template v-else-if="props.name === 'check'">
1053
+ <svg
1054
+ id="Capa_1"
1055
+ xmlns="http://www.w3.org/2000/svg"
1056
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1057
+ version="1.1"
1058
+ x="0px"
1059
+ y="0px"
1060
+ viewBox="0 0 17.837 17.837"
1061
+ style="enable-background: new 0 0 17.837 17.837"
1062
+ xml:space="preserve"
1063
+ >
1064
+ <g>
1065
+ <path
1066
+ d="M16.145,2.571c-0.272-0.273-0.718-0.273-0.99,0L6.92,10.804l-4.241-4.27 c-0.272-0.274-0.715-0.274-0.989,0L0.204,8.019c-0.272,0.271-0.272,0.717,0,0.99l6.217,6.258c0.272,0.271,0.715,0.271,0.99,0 L17.63,5.047c0.276-0.273,0.276-0.72,0-0.994L16.145,2.571z"
1067
+ />
1068
+ </g>
1069
+ </svg>
1070
+ </template>
1071
+ <template v-else-if="props.name === 'help-icon'">
1072
+ <svg
1073
+ version="1.1"
1074
+ class="can-badge has-solid"
1075
+ viewBox="-2 -2 38 38"
1076
+ preserveAspectRatio="xMidYMid meet"
1077
+ xmlns="http://www.w3.org/2000/svg"
1078
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1079
+ focusable="false"
1080
+ role="img"
1081
+ aria-labelledby="_clr_icon_6"
1082
+ fill="#565656"
1083
+ >
1084
+ <path
1085
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
1086
+ class="clr-i-outline clr-i-outline-path-1"
1087
+ />
1088
+ <path
1089
+ d="M18.29,8.92a7.38,7.38,0,0,0-5.72,2.57,1,1,0,0,0-.32.71.92.92,0,0,0,.95.92,1.08,1.08,0,0,0,.71-.29,5.7,5.7,0,0,1,4.33-2c2.36,0,3.83,1.52,3.83,3.41v.05c0,2.21-1.76,3.44-4.54,3.65a.8.8,0,0,0-.76.92s0,2.32,0,2.75a1,1,0,0,0,1,.9h.11a1,1,0,0,0,.9-1V19.45c3-.42,5.43-2,5.43-5.28v-.05C24.18,11.12,21.84,8.92,18.29,8.92Z"
1090
+ class="clr-i-outline clr-i-outline-path-2"
1091
+ />
1092
+ <circle
1093
+ cx="17.78"
1094
+ cy="26.2"
1095
+ r="1.25"
1096
+ class="clr-i-outline clr-i-outline-path-3"
1097
+ />
1098
+ </svg>
1099
+ </template>
1100
+ <template v-else-if="props.name === 'close-circle'">
1101
+ <svg
1102
+ version="1.1"
1103
+ class="has-solid"
1104
+ viewBox="0 0 36 36"
1105
+ preserveAspectRatio="xMidYMid meet"
1106
+ xmlns="http://www.w3.org/2000/svg"
1107
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1108
+ focusable="false"
1109
+ role="img"
1110
+ aria-labelledby="_clr_icon_169"
1111
+ >
1112
+ <path
1113
+ class="clr-i-outline clr-i-outline-path-1"
1114
+ d="M19.61,18l4.86-4.86a1,1,0,0,0-1.41-1.41L18.2,16.54l-4.89-4.89a1,1,0,0,0-1.41,1.41L16.78,18,12,22.72a1,1,0,1,0,1.41,1.41l4.77-4.77,4.74,4.74a1,1,0,0,0,1.41-1.41Z"
1115
+ />
1116
+ <path
1117
+ class="clr-i-outline clr-i-outline-path-2"
1118
+ d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
1119
+ />
1120
+ </svg>
1121
+ </template>
1122
+ <template v-else-if="props.name === 'column-switch'">
1123
+ <svg
1124
+ version="1.1"
1125
+ viewBox="0 0 36 36"
1126
+ preserveAspectRatio="xMidYMid meet"
1127
+ xmlns="http://www.w3.org/2000/svg"
1128
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1129
+ focusable="false"
1130
+ role="img"
1131
+ >
1132
+ <path
1133
+ class="clr-i-outline clr-i-outline-path-1"
1134
+ d="M31,5H5A2,2,0,0,0,3,7V29a2,2,0,0,0,2,2H31a2,2,0,0,0,2-2V7A2,2,0,0,0,31,5ZM13,29H5V7h8Zm10,0H15V7h8Z"
1135
+ />
1136
+ </svg>
1137
+ </template>
1138
+ <template v-else-if="props.name === 'lock'">
1139
+ <svg
1140
+ xmlns="http://www.w3.org/2000/svg"
1141
+ fill="none"
1142
+ viewBox="0 0 24 24"
1143
+ stroke-width="1.5"
1144
+ stroke="currentColor"
1145
+ class="w-6 h-6"
1146
+ >
1147
+ <path
1148
+ stroke-linecap="round"
1149
+ stroke-linejoin="round"
1150
+ d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
1151
+ />
1152
+ </svg>
1153
+ </template>
1154
+ <template v-else-if="props.name === 'ellipsis-horizontal'">
1155
+ <svg
1156
+ version="1.1"
1157
+ class="can-badge"
1158
+ viewBox="0 0 36 36"
1159
+ preserveAspectRatio="xMidYMid meet"
1160
+ xmlns="http://www.w3.org/2000/svg"
1161
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1162
+ focusable="false"
1163
+ role="img"
1164
+ >
1165
+ <circle
1166
+ cx="31.1"
1167
+ cy="18"
1168
+ r="2.9"
1169
+ class="clr-i-outline clr-i-outline-path-1"
1170
+ ></circle>
1171
+ <circle
1172
+ cx="18"
1173
+ cy="18"
1174
+ r="2.9"
1175
+ class="clr-i-outline clr-i-outline-path-2"
1176
+ ></circle>
1177
+ <circle
1178
+ cx="4.9"
1179
+ cy="18"
1180
+ r="2.9"
1181
+ class="clr-i-outline clr-i-outline-path-3"
1182
+ ></circle>
1183
+ </svg>
1184
+ </template>
1185
+ <template v-else-if="props.name === 'step-forward'">
1186
+ <svg
1187
+ version="1.1"
1188
+ viewBox="0 0 36 36"
1189
+ preserveAspectRatio="xMidYMid meet"
1190
+ xmlns="http://www.w3.org/2000/svg"
1191
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1192
+ focusable="false"
1193
+ role="img"
1194
+ >
1195
+ <path
1196
+ d="M7.08,6.52a1.68,1.68,0,0,0,0,2.4L16.51,18,7.12,27.08a1.7,1.7,0,0,0,2.36,2.44h0L21.4,18,9.48,6.47A1.69,1.69,0,0,0,7.08,6.52Z"
1197
+ class="clr-i-outline clr-i-outline-path-1"
1198
+ ></path>
1199
+ <path
1200
+ d="M26.49,5a1.7,1.7,0,0,0-1.7,1.7V29.3a1.7,1.7,0,0,0,3.4,0V6.7A1.7,1.7,0,0,0,26.49,5Z"
1201
+ class="clr-i-outline clr-i-outline-path-2"
1202
+ ></path>
1203
+ </svg>
1204
+ </template>
1205
+ <template v-else-if="props.name === 'search'">
1206
+ <svg
1207
+ version="1.1"
1208
+ viewBox="0 0 36 36"
1209
+ preserveAspectRatio="xMidYMid meet"
1210
+ xmlns="http://www.w3.org/2000/svg"
1211
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1212
+ focusable="false"
1213
+ role="img"
1214
+ >
1215
+ <path
1216
+ class="clr-i-outline clr-i-outline-path-1"
1217
+ d="M16.33,5.05A10.95,10.95,0,1,1,5.39,16,11,11,0,0,1,16.33,5.05m0-2.05a13,13,0,1,0,13,13,13,13,0,0,0-13-13Z"
1218
+ ></path>
1219
+ <path
1220
+ class="clr-i-outline clr-i-outline-path-2"
1221
+ d="M35,33.29l-7.37-7.42-1.42,1.41,7.37,7.42A1,1,0,1,0,35,33.29Z"
1222
+ ></path>
1223
+ </svg>
1224
+ </template>
1225
+
1226
+ <template v-else-if="props.name === 'success-circle'">
1227
+ <svg
1228
+ fill="#2e8500"
1229
+ version="1.1"
1230
+ class="has-solid"
1231
+ preserveAspectRatio="xMidYMid meet"
1232
+ xmlns="http://www.w3.org/2000/svg"
1233
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1234
+ focusable="false"
1235
+ role="img"
1236
+ viewBox="-1 -1 40 40"
1237
+ >
1238
+ <path
1239
+ class="clr-i-outline clr-i-outline-path-1"
1240
+ d="M18,2A16,16,0,1,0,34,18,16,16,0,0,0,18,2Zm0,30A14,14,0,1,1,32,18,14,14,0,0,1,18,32Z"
1241
+ ></path>
1242
+ <path
1243
+ class="clr-i-outline clr-i-outline-path-2"
1244
+ d="M28,12.1a1,1,0,0,0-1.41,0L15.49,23.15l-6-6A1,1,0,0,0,8,18.53L15.49,26,28,13.52A1,1,0,0,0,28,12.1Z"
1245
+ ></path>
1246
+ </svg>
1247
+ </template>
1248
+
1249
+ <template v-else-if="props.name === 'error-outline'">
1250
+ <svg
1251
+ xmlns="http://www.w3.org/2000/svg"
1252
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1253
+ fill="#e02200"
1254
+ version="1.1"
1255
+ class="has-solid"
1256
+ preserveAspectRatio="xMidYMid meet"
1257
+ focusable="false"
1258
+ role="img"
1259
+ viewBox="3 3 30 30"
1260
+ >
1261
+ <path
1262
+ class="clr-i-outline clr-i-outline-path-1"
1263
+ d="M18,6A12,12,0,1,0,30,18,12,12,0,0,0,18,6Zm0,22A10,10,0,1,1,28,18,10,10,0,0,1,18,28Z"
1264
+ />
1265
+ <path
1266
+ class="clr-i-outline clr-i-outline-path-2"
1267
+ d="M18,20.07a1.3,1.3,0,0,1-1.3-1.3v-6a1.3,1.3,0,1,1,2.6,0v6A1.3,1.3,0,0,1,18,20.07Z"
1268
+ />
1269
+ <circle
1270
+ class="clr-i-outline clr-i-outline-path-3"
1271
+ cx="17.95"
1272
+ cy="23.02"
1273
+ r="1.5"
1274
+ />
1275
+ </svg>
1276
+ </template>
1277
+
1278
+ <template v-else-if="props.name === 'warning-outline'">
1279
+ <svg
1280
+ fill="#c27b00"
1281
+ version="1.1"
1282
+ class="has-solid"
1283
+ viewBox="0 0 36 36"
1284
+ preserveAspectRatio="xMidYMid meet"
1285
+ xmlns="http://www.w3.org/2000/svg"
1286
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1287
+ focusable="false"
1288
+ role="img"
1289
+ >
1290
+ <path
1291
+ class="clr-i-outline clr-i-outline-path-1"
1292
+ d="M18,21.32a1.3,1.3,0,0,0,1.3-1.3V14a1.3,1.3,0,1,0-2.6,0v6A1.3,1.3,0,0,0,18,21.32Z"
1293
+ ></path>
1294
+ <circle
1295
+ class="clr-i-outline clr-i-outline-path-2"
1296
+ cx="17.95"
1297
+ cy="24.27"
1298
+ r="1.5"
1299
+ ></circle>
1300
+ <path
1301
+ class="clr-i-outline clr-i-outline-path-3"
1302
+ d="M30.33,25.54,20.59,7.6a3,3,0,0,0-5.27,0L5.57,25.54A3,3,0,0,0,8.21,30H27.69a3,3,0,0,0,2.64-4.43Zm-1.78,1.94a1,1,0,0,1-.86.49H8.21a1,1,0,0,1-.88-1.48L17.07,8.55a1,1,0,0,1,1.76,0l9.74,17.94A1,1,0,0,1,28.55,27.48Z"
1303
+ ></path>
1304
+ </svg>
1305
+ </template>
1306
+ <template v-else-if="props.name === 'is-error'">
1307
+ <svg
1308
+ fill="#e02200"
1309
+ version="1.1"
1310
+ class="has-solid"
1311
+ viewBox="0 0 36 36"
1312
+ preserveAspectRatio="xMidYMid meet"
1313
+ xmlns="http://www.w3.org/2000/svg"
1314
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1315
+ focusable="false"
1316
+ role="img"
1317
+ >
1318
+ <path
1319
+ class="clr-i-outline clr-i-outline-path-3"
1320
+ d="M18,34A16,16,0,1,1,34,18,16,16,0,0,1,18,34ZM18,4A14,14,0,1,0,32,18,14,14,0,0,0,18,4Z"
1321
+ ></path>
1322
+ <path
1323
+ class="clr-i-solid clr-i-solid-path-1"
1324
+ d="M18,2.1a16,16,0,1,0,16,16A16,16,0,0,0,18,2.1ZM16.6,8.8a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,28.6a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,28.6Z"
1325
+ ></path>
1326
+ </svg>
1327
+ </template>
1328
+ <template v-else-if="props.name === 'home-objects-datastore'">
1329
+ <svg width="38" height="38" viewBox="1 1 38 38">
1330
+ <!-- <path d="M18 10c-.8 0-8 .1-8 3v14c0 2.9 7.2 3 8 3s8-.1 8-3V13c0-2.9-7.2-3-8-3zm6 4.9c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1a18.1 18.1 0 01-4-.4v2a27.1 27.1 0 004 .4 20.29 20.29 0 006-.9v3.8c-.4.4-2.5 1.1-6 1.1s-5.6-.7-6-1.1V13.1c.4-.4 2.5-1.1 6-1.1s5.6.7 6 1.1z"/> -->
1331
+ <path
1332
+ d="M18 34c-1.43 0-14-.11-14-4V6c0-3.89 12.57-4 14-4s14 .11 14 4v24c0 3.89-12.57 4-14 4zM6 29.93c.51.76 4.86 2.07 12 2.07s11.49-1.31 12-2.07V6.07C29.49 5.31 25.14 4 18 4S6.51 5.31 6 6.07z"
1333
+ />
1334
+ <path
1335
+ d="M6 13.9a.19.19 0 010 .1v-.08zM8 9a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1c-.39.75-4.76 2.1-12 2.1A38 38 0 018 6.88zM6 5.9A.19.19 0 016 6v-.08zM30 13.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V17a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM30 21.9c-.41.75-4.78 2.1-12 2.1a38 38 0 01-10-1.12V25a46.29 46.29 0 0010 1c1.43 0 14-.11 14-4h-2a.19.19 0 010-.1zM6 21.9a.19.19 0 010 .1v-.08-.02z"
1336
+ />
1337
+ </svg>
1338
+ </template>
1339
+
1340
+ <template v-else-if="props.name === 'upload-icon'">
1341
+ <svg
1342
+ version="1.1"
1343
+ viewBox="0 0 36 36"
1344
+ preserveAspectRatio="xMidYMid meet"
1345
+ xmlns="http://www.w3.org/2000/svg"
1346
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1347
+ focusable="false"
1348
+ role="img"
1349
+ >
1350
+ <path
1351
+ class="clr-i-outline clr-i-outline-path-1"
1352
+ d="M27,33H5a2,2,0,0,1-2-2V9A2,2,0,0,1,5,7H15V9H5V31H27V21h2V31A2,2,0,0,1,27,33Z"
1353
+ ></path>
1354
+ <path
1355
+ class="clr-i-outline clr-i-outline-path-2"
1356
+ d="M18,3a1,1,0,0,0,0,2H29.59L15.74,18.85a1,1,0,1,0,1.41,1.41L31,6.41V18a1,1,0,0,0,2,0V3Z"
1357
+ ></path>
1358
+ </svg>
1359
+ </template>
1360
+
1361
+ <template v-else-if="props.name === 'home-obj-alerts'">
1362
+ <svg
1363
+ xmlns="http://www.w3.org/2000/svg"
1364
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1365
+ viewBox="0 0 60 72"
1366
+ version="1.1"
1367
+ >
1368
+ <defs>
1369
+ <ellipse
1370
+ id="path-1"
1371
+ cx="30"
1372
+ cy="61.7666667"
1373
+ rx="15.4512904"
1374
+ ry="4.73333333"
1375
+ />
1376
+ <mask
1377
+ id="mask-2"
1378
+ maskContentUnits="userSpaceOnUse"
1379
+ maskUnits="objectBoundingBox"
1380
+ x="0"
1381
+ y="0"
1382
+ width="30.9025808"
1383
+ height="9.46666667"
1384
+ fill="white"
1385
+ >
1386
+ <use xlink:href="#path-1" />
1387
+ </mask>
1388
+ </defs>
1389
+ <g
1390
+ id="Page-1"
1391
+ stroke="none"
1392
+ stroke-width="1"
1393
+ fill="none"
1394
+ fill-rule="evenodd"
1395
+ >
1396
+ <!-- <g id="Artboard"> -->
1397
+ <use
1398
+ id="Oval-10"
1399
+ stroke="#C1DFEF"
1400
+ mask="url(#mask-2)"
1401
+ stroke-width="2.8"
1402
+ stroke-linecap="square"
1403
+ stroke-dasharray="3,6,3,5"
1404
+ xlink:href="#path-1"
1405
+ />
1406
+ <path
1407
+ d="M38.4613647,18.1642456 L30.9890137,34.9141846 L31,47 L32.5977783,46.5167236 L32.5977783,34.9141846 L51.0673218,15.7560425 C51.0673218,15.7560425 48.6295166,16.6542969 44.9628906,17.3392334 C41.2962646,18.0241699 38.4613647,18.1642456 38.4613647,18.1642456 Z"
1408
+ fill="#C1DFEF"
1409
+ />
1410
+ <path
1411
+ d="M4.74639226,12.5661855 L4.62065726,12.1605348 L5.3515414,11.1625044 L5.77622385,11.159939 L6.20936309,12.5573481 L4.74639226,12.5661855 Z M6.20936309,12.5573481 L6.32542632,12.9317954 L28.4963855,34.8796718 L28.4963855,47.8096691 L32.6,46.4836513 L32.6,34.8992365 L53.973494,12.7035813 L53.973494,12.2688201 L6.20936309,12.5573481 Z M55.373494,10.8603376 L55.373494,13.2680664 L34,35.4637216 L34,47.5025401 L27.0963855,49.7333333 L27.0963855,35.4637219 L5.09179688,13.680542 L4.31325301,11.1687764 L55.373494,10.8603376 Z"
1412
+ fill="#7FBDDD"
1413
+ />
1414
+ <ellipse
1415
+ id="Oval-9"
1416
+ fill="#FFFFFF"
1417
+ cx="30"
1418
+ cy="11.785654"
1419
+ rx="26"
1420
+ ry="6.78565401"
1421
+ />
1422
+ <path
1423
+ d="M30,17.171308 C36.8772177,17.171308 43.3112282,16.4610701 48.0312371,15.2292106 C50.2777611,14.6428977 52.0507619,13.9579677 53.2216231,13.2354973 C54.1938565,12.6355886 54.6,12.1175891 54.6,11.785654 C54.6,11.4537189 54.1938565,10.9357194 53.2216231,10.3358107 C52.0507619,9.61334032 50.2777611,8.92841034 48.0312371,8.34209746 C43.3112282,7.11023795 36.8772177,6.4 30,6.4 C23.1227823,6.4 16.6887718,7.11023795 11.9687629,8.34209746 C9.72223886,8.92841034 7.94923814,9.61334032 6.77837689,10.3358107 C5.8061435,10.9357194 5.4,11.4537189 5.4,11.785654 C5.4,12.1175891 5.8061435,12.6355886 6.77837689,13.2354973 C7.94923814,13.9579677 9.72223886,14.6428977 11.9687629,15.2292106 C16.6887718,16.4610701 23.1227823,17.171308 30,17.171308 Z M30,18.571308 C15.6405965,18.571308 4,15.5332672 4,11.785654 C4,8.03804078 15.6405965,5 30,5 C44.3594035,5 56,8.03804078 56,11.785654 C56,15.5332672 44.3594035,18.571308 30,18.571308 Z"
1424
+ fill="#7FBDDD"
1425
+ />
1426
+ <path
1427
+ d="M18.2608643,7.14562988 L22.727356,16.9047241 C22.727356,16.9047241 15.3006592,16.3911743 10.276001,14.7511597 C5.25134277,13.111145 5.38031006,11.8284302 5.38031006,11.6882935 C5.38031006,10.4832831 8.16633152,9.41877716 11.114563,8.57324219 C14.549319,7.58817492 18.2608643,7.14562988 18.2608643,7.14562988 Z"
1428
+ fill="#C1DFEF"
1429
+ />
1430
+ <!-- </g> -->
1431
+ </g>
1432
+ </svg>
1433
+ </template>
1434
+
1435
+ <template v-else-if="props.name === 'is-warning'">
1436
+ <svg
1437
+ version="1.1"
1438
+ class="has-solid"
1439
+ viewBox="0 0 36 36"
1440
+ preserveAspectRatio="xMidYMid meet"
1441
+ xmlns="http://www.w3.org/2000/svg"
1442
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1443
+ focusable="false"
1444
+ role="img"
1445
+ data-v-a3a271aa=""
1446
+ fill="#c27b00"
1447
+ >
1448
+ <path
1449
+ class="clr-i-solid clr-i-solid-path-1"
1450
+ d="M34.6,29.21,20.71,3.65a3.22,3.22,0,0,0-5.66,0L1.17,29.21A3.22,3.22,0,0,0,4,34H31.77a3.22,3.22,0,0,0,2.83-4.75ZM16.6,10a1.4,1.4,0,0,1,2.8,0v12a1.4,1.4,0,0,1-2.8,0ZM18,29.85a1.8,1.8,0,1,1,1.8-1.8A1.8,1.8,0,0,1,18,29.85Z"
1451
+ data-v-a3a271aa=""
1452
+ ></path>
1453
+ </svg>
1454
+ </template>
1455
+
1456
+ <template v-else-if="props.name === 'calendar-current-date'">
1457
+ <svg
1458
+ class="can-badge can-alert has-solid current-btn"
1459
+ width="18"
1460
+ height="18"
1461
+ viewBox="0 0 36 36"
1462
+ stroke="#0095d3"
1463
+ preserveAspectRatio="xMidYMid meet"
1464
+ xmlns="http://www.w3.org/2000/svg"
1465
+ focusable="false"
1466
+ role="img"
1467
+ aria-labelledby="_clr_icon_210"
1468
+ fill="#0095d3"
1469
+ stroke-width="0"
1470
+ >
1471
+ <path
1472
+ class="clr-i-outline clr-i-outline-path-1"
1473
+ d="M16.17,25.86,10.81,20.5a1,1,0,0,1,1.41-1.41L16.17,23l8.64-8.64a1,1,0,0,1,1.41,1.41Z"
1474
+ style=""
1475
+ ></path>
1476
+ <path
1477
+ class="clr-i-outline clr-i-outline-path-2"
1478
+ d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
1479
+ style=""
1480
+ ></path>
1481
+ <path
1482
+ class="clr-i-outline clr-i-outline-path-3"
1483
+ d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
1484
+ style=""
1485
+ ></path>
1486
+ <path
1487
+ class="clr-i-outline clr-i-outline-path-4"
1488
+ d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
1489
+ style=""
1490
+ ></path>
1491
+ <rect
1492
+ class="clr-i-outline clr-i-outline-path-5"
1493
+ x="13"
1494
+ y="6"
1495
+ width="10"
1496
+ height="2"
1497
+ style=""
1498
+ ></rect>
1499
+ </svg>
1500
+ </template>
1501
+
1502
+ <template v-else-if="props.name === 'calendar'">
1503
+ <svg
1504
+ width="18"
1505
+ height="18"
1506
+ class="can-badge can-alert has-solid"
1507
+ viewBox="0 0 36 36"
1508
+ preserveAspectRatio="xMidYMid meet"
1509
+ xmlns="http://www.w3.org/2000/svg"
1510
+ xmlns:xlink="http://www.w3.org/1999/xlink"
1511
+ focusable="false"
1512
+ role="img"
1513
+ fill="#0095d3"
1514
+ >
1515
+ <path
1516
+ class="clr-i-outline clr-i-outline-path-1"
1517
+ d="M32.25,6H29V8h3V30H4V8H7V6H3.75A1.78,1.78,0,0,0,2,7.81V30.19A1.78,1.78,0,0,0,3.75,32h28.5A1.78,1.78,0,0,0,34,30.19V7.81A1.78,1.78,0,0,0,32.25,6Z"
1518
+ ></path>
1519
+ <rect
1520
+ class="clr-i-outline clr-i-outline-path-2"
1521
+ x="8"
1522
+ y="14"
1523
+ width="2"
1524
+ height="2"
1525
+ style="fill: blue"
1526
+ ></rect>
1527
+ <rect
1528
+ class="clr-i-outline clr-i-outline-path-3"
1529
+ x="14"
1530
+ y="14"
1531
+ width="2"
1532
+ height="2"
1533
+ ></rect>
1534
+ <rect
1535
+ class="clr-i-outline clr-i-outline-path-4"
1536
+ x="20"
1537
+ y="14"
1538
+ width="2"
1539
+ height="2"
1540
+ ></rect>
1541
+ <rect
1542
+ class="clr-i-outline clr-i-outline-path-5"
1543
+ x="26"
1544
+ y="14"
1545
+ width="2"
1546
+ height="2"
1547
+ ></rect>
1548
+ <rect
1549
+ class="clr-i-outline clr-i-outline-path-6"
1550
+ x="8"
1551
+ y="19"
1552
+ width="2"
1553
+ height="2"
1554
+ ></rect>
1555
+ <rect
1556
+ class="clr-i-outline clr-i-outline-path-7"
1557
+ x="14"
1558
+ y="19"
1559
+ width="2"
1560
+ height="2"
1561
+ ></rect>
1562
+ <rect
1563
+ class="clr-i-outline clr-i-outline-path-8"
1564
+ x="20"
1565
+ y="19"
1566
+ width="2"
1567
+ height="2"
1568
+ ></rect>
1569
+ <rect
1570
+ class="clr-i-outline clr-i-outline-path-9"
1571
+ x="26"
1572
+ y="19"
1573
+ width="2"
1574
+ height="2"
1575
+ ></rect>
1576
+ <rect
1577
+ class="clr-i-outline clr-i-outline-path-10"
1578
+ x="8"
1579
+ y="24"
1580
+ width="2"
1581
+ height="2"
1582
+ ></rect>
1583
+ <rect
1584
+ class="clr-i-outline clr-i-outline-path-11"
1585
+ x="14"
1586
+ y="24"
1587
+ width="2"
1588
+ height="2"
1589
+ ></rect>
1590
+ <rect
1591
+ class="clr-i-outline clr-i-outline-path-12"
1592
+ x="20"
1593
+ y="24"
1594
+ width="2"
1595
+ height="2"
1596
+ ></rect>
1597
+ <rect
1598
+ class="clr-i-outline clr-i-outline-path-13"
1599
+ x="26"
1600
+ y="24"
1601
+ width="2"
1602
+ height="2"
1603
+ ></rect>
1604
+ <path
1605
+ class="clr-i-outline clr-i-outline-path-14"
1606
+ d="M10,10a1,1,0,0,0,1-1V3A1,1,0,0,0,9,3V9A1,1,0,0,0,10,10Z"
1607
+ ></path>
1608
+ <path
1609
+ class="clr-i-outline clr-i-outline-path-15"
1610
+ d="M26,10a1,1,0,0,0,1-1V3a1,1,0,0,0-2,0V9A1,1,0,0,0,26,10Z"
1611
+ ></path>
1612
+ <rect
1613
+ class="clr-i-outline clr-i-outline-path-16"
1614
+ x="13"
1615
+ y="6"
1616
+ width="10"
1617
+ height="2"
1618
+ ></rect>
1619
+
1620
+ <polygon points="21.29 6 13 6 13 8 20.14 8 21.29 6"></polygon>
1621
+ </svg>
1622
+ </template>
1623
+ </template>
1624
+
1625
+ <script setup lang="ts">
1626
+ const props = defineProps<{
1627
+ name: string | undefined
1628
+ }>()
1629
+ </script>
1630
+
1631
+ <style scoped lang="scss">
1632
+ %cls1 {
1633
+ opacity: 0.3;
1634
+ fill: url(#illus_grad);
1635
+ }
1636
+
1637
+ .icon {
1638
+ .cls-1 {
1639
+ fill: none;
1640
+ }
1641
+
1642
+ &__obj-network {
1643
+ .cls-2 {
1644
+ opacity: 0.3;
1645
+ fill: url(#linear-gradient);
1646
+ }
1647
+
1648
+ .cls-3 {
1649
+ opacity: 0.4;
1650
+ fill: url(#linear-gradient-2);
1651
+ }
1652
+
1653
+ .cls-4 {
1654
+ fill: #0091da;
1655
+ }
1656
+ }
1657
+ }
1658
+
1659
+ .icon-obj-zone {
1660
+ .cls-2 {
1661
+ fill: #78be20;
1662
+ }
1663
+
1664
+ .cls-3 {
1665
+ fill: #edb200;
1666
+ }
1667
+ }
1668
+
1669
+ .icon-obj-dc {
1670
+ .cls-2 {
1671
+ @extend %cls1;
1672
+ }
1673
+
1674
+ .cls-3 {
1675
+ opacity: 0.5;
1676
+ fill: url(#illus_grad-2);
1677
+ }
1678
+
1679
+ .cls-4 {
1680
+ fill: #0091da;
1681
+ }
1682
+ }
1683
+
1684
+ .icon-obj-host {
1685
+ .cls-1 {
1686
+ @extend %cls1;
1687
+ }
1688
+
1689
+ .cls-2 {
1690
+ opacity: 0.5;
1691
+ fill: url(#linear-gradient);
1692
+ }
1693
+
1694
+ .cls-3 {
1695
+ fill: #0091da;
1696
+ }
1697
+ }
1698
+
1699
+ .icon-obj-ds {
1700
+ .cls-2 {
1701
+ opacity: 0.5;
1702
+ fill: url(#illus_grad);
1703
+ }
1704
+
1705
+ .cls-3 {
1706
+ fill: #0091da;
1707
+ }
1708
+ }
1709
+
1710
+ #error-icon-outline {
1711
+ fill: none;
1712
+ stroke: #f54f47;
1713
+ stroke-miterlimit: 10;
1714
+ stroke-width: 2;
1715
+ }
1716
+
1717
+ #error-icon-line {
1718
+ fill: none;
1719
+ stroke: #f54f47;
1720
+ animation-fill-mode: forwards;
1721
+ stroke-dasharray: 7;
1722
+ stroke-dashoffset: 0;
1723
+ stroke-linecap: round;
1724
+ stroke-width: 2.65;
1725
+ stroke-miterlimit: 10;
1726
+ }
1727
+
1728
+ #error-icon-dot {
1729
+ fill: #f54f47;
1730
+ transform-origin: 50% 54%;
1731
+ }
1732
+
1733
+ .icon-obj-cluster {
1734
+ .cls-2,
1735
+ .cls-3 {
1736
+ opacity: 0.5;
1737
+ }
1738
+
1739
+ .cls-2 {
1740
+ fill: url(#illus_grad);
1741
+ }
1742
+
1743
+ .cls-3 {
1744
+ fill: url(#illus_grad-2);
1745
+ }
1746
+
1747
+ .cls-4 {
1748
+ fill: #0091da;
1749
+ }
1750
+ }
1751
+ </style>