-
Notifications
You must be signed in to change notification settings - Fork 0
/
documentation.json
3576 lines (3576 loc) · 235 KB
/
documentation.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
{
"pipes": [],
"interfaces": [
{
"name": "HsIcon",
"id": "interface-HsIcon-142f8ee92ee735d027467062c5861d42b91a99c6df57fd28bc53feefda825c4d1a4a85332ff260235b72c413e40242bec96719faa82380a535794b1e6fe56625",
"file": "projects/hs-ui-kit/src/lib/icon/icons.ts",
"deprecated": false,
"deprecationMessage": "",
"type": "interface",
"sourceCode": "export const hsIconsApplications: {\n name: 'applications';\n data: string;\n} = {\n name: 'applications',\n data: `<svg viewBox=\"0 0 28 28\"><g fill=\"none\" fill-opacity=\"0\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"14\" cy=\"4\" r=\"3\"/><circle cx=\"4\" cy=\"14\" r=\"3\"/><circle cx=\"14\" cy=\"24\" r=\"3\"/><circle cx=\"24\" cy=\"14\" r=\"3\"/></g><g fill=\"currentColor\"><path d=\"M3 3h7L8 5H5v3l-2 2M18 3h7v7l-2-2V5h-3M25 18v7h-7l2-2h3v-3M10 25H3v-7l2 2v3h3\"/></g></svg>`\n};\nexport const hsIconsArrowDown: {\n name: 'arrow_down';\n data: string;\n} = {\n name: 'arrow_down',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 10.293a1 1 0 010 1.414l-6 6a1 1 0 01-1.414 0l-6-6a1 1 0 111.414-1.414L9 14.586V3a1 1 0 012 0v11.586l4.293-4.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsArrowLeft: {\n name: 'arrow_left';\n data: string;\n} = {\n name: 'arrow_left',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsArrowRight: {\n name: 'arrow_right';\n data: string;\n} = {\n name: 'arrow_right',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsArrowUp: {\n name: 'arrow_up';\n data: string;\n} = {\n name: 'arrow_up',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsBlock: {\n name: 'block';\n data: string;\n} = {\n name: 'block',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsBookmark: {\n name: 'bookmark';\n data: string;\n} = {\n name: 'bookmark',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z\"/></svg>`\n};\nexport const hsIconsCalendar: {\n name: 'calendar';\n data: string;\n} = {\n name: 'calendar',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsCheck: {\n name: 'check';\n data: string;\n} = {\n name: 'check',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsChevronDown: {\n name: 'chevron_down';\n data: string;\n} = {\n name: 'chevron_down',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsChevronLeft: {\n name: 'chevron_left';\n data: string;\n} = {\n name: 'chevron_left',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsChevronRight: {\n name: 'chevron_right';\n data: string;\n} = {\n name: 'chevron_right',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsChevronUp: {\n name: 'chevron_up';\n data: string;\n} = {\n name: 'chevron_up',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsCircleX: {\n name: 'circle_x';\n data: string;\n} = {\n name: 'circle_x',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsClock: {\n name: 'clock';\n data: string;\n} = {\n name: 'clock',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsCloseSidebar: {\n name: 'close_sidebar';\n data: string;\n} = {\n name: 'close_sidebar',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M3 17a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm3.293-7.707a1 1 0 011.414 0L9 10.586V3a1 1 0 112 0v7.586l1.293-1.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsClose: {\n name: 'close';\n data: string;\n} = {\n name: 'close',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsCloud: {\n name: 'cloud';\n data: string;\n} = {\n name: 'cloud',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M5.5 16a3.5 3.5 0 01-.369-6.98 4 4 0 117.753-1.977A4.5 4.5 0 1113.5 16h-8z\"/></svg>`\n};\nexport const hsIconsCopy: {\n name: 'copy';\n data: string;\n} = {\n name: 'copy',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9 2a2 2 0 00-2 2v8a2 2 0 002 2h6a2 2 0 002-2V6.414A2 2 0 0016.414 5L14 2.586A2 2 0 0012.586 2H9z\"/><path d=\"M3 8a2 2 0 012-2v10h8a2 2 0 01-2 2H5a2 2 0 01-2-2V8z\"/></svg>`\n};\nexport const hsIconsDataProjection: {\n name: 'data_projection';\n data: string;\n} = {\n name: 'data_projection',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 1080 1080\"><path stroke=\"#243B53\" stroke-width=\"5\" d=\"M463.342 412.708l177.746-.888M464.556 413.015l192.588 105.547M283.287 572.803l178.402-159.459M461.173 414.207l22.684-76.306M460.948 415.882l-42.355-151.208\"/><circle cx=\"421.185\" cy=\"263.561\" r=\"36.742\" fill=\"#243B53\" transform=\"rotate(-73.444 421.185 263.561)\"/><circle cx=\"287.618\" cy=\"568.484\" r=\"40.242\" fill=\"#243B53\" stroke=\"#fff\" stroke-width=\"7\" transform=\"rotate(-73.444 287.618 568.484)\"/><path fill=\"#243B53\" stroke=\"#fff\" stroke-width=\"7\" d=\"M699.291 529.437c6.333-21.304-5.802-43.707-27.106-50.04-21.303-6.334-43.707 5.802-50.04 27.106-6.333 21.303 5.803 43.707 27.106 50.04 21.304 6.333 43.707-5.803 50.04-27.106z\"/><circle cx=\"460.383\" cy=\"408.494\" r=\"40.742\" fill=\"#243B53\" stroke=\"#fff\" stroke-width=\"8\" transform=\"rotate(-73.444 460.383 408.494)\"/><path fill=\"#243B53\" stroke=\"#fff\" stroke-width=\"7\" d=\"M687.291 416.437c6.333-21.304-5.802-43.707-27.106-50.04-21.303-6.334-43.707 5.802-50.04 27.106-6.333 21.303 5.803 43.707 27.106 50.04 21.304 6.333 43.707-5.803 50.04-27.106z\"/><circle cx=\"492.3\" cy=\"309.901\" r=\"40.242\" fill=\"#243B53\" stroke=\"#fff\" stroke-width=\"7\" transform=\"rotate(-73.444 492.3 309.901)\"/><circle cx=\"421.185\" cy=\"263.561\" r=\"40.242\" fill=\"#243B53\" stroke=\"#fff\" stroke-width=\"7\" transform=\"rotate(-73.444 421.185 263.561)\"/><mask id=\"data_projection_svg__a\" width=\"770\" height=\"770\" x=\"64\" y=\"53.803\" fill=\"#000\" maskUnits=\"userSpaceOnUse\"><path fill=\"#fff\" d=\"M64 53.803h770v770H64z\"/><path d=\"M803.549 438.578c0 195.936-158.838 354.774-354.774 354.774C252.838 793.352 94 634.514 94 438.578 94 242.641 252.838 83.803 448.775 83.803c195.936 0 354.774 158.838 354.774 354.775zm-674.072 0c0 176.343 142.955 319.297 319.298 319.297 176.342 0 319.297-142.954 319.297-319.297 0-176.343-142.955-319.297-319.297-319.297-176.343 0-319.298 142.954-319.298 319.297z\"/></mask><path stroke=\"#243B53\" stroke-width=\"60\" d=\"M803.549 438.578c0 195.936-158.838 354.774-354.774 354.774C252.838 793.352 94 634.514 94 438.578 94 242.641 252.838 83.803 448.775 83.803c195.936 0 354.774 158.838 354.774 354.775zm-674.072 0c0 176.343 142.955 319.297 319.298 319.297 176.342 0 319.297-142.954 319.297-319.297 0-176.343-142.955-319.297-319.297-319.297-176.343 0-319.298 142.954-319.298 319.297z\" mask=\"url(#data_projection_svg__a)\"/><path stroke=\"#243B53\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"50\" d=\"M698.505 725.162l307.445 289.708\"/></svg>`\n};\nexport const hsIconsDc: {\n name: 'dc';\n data: string;\n} = {\n name: 'dc',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" class=\"dc_svg__h-5 dc_svg__w-5\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsDone: {\n name: 'done';\n data: string;\n} = {\n name: 'done',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsDriftReport: {\n name: 'drift_report';\n data: string;\n} = {\n name: 'drift_report',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 1080 1080\"><path fill=\"#013D6E\" d=\"M827.5 118.48h-95.833V80.16c0-5.081-2.02-9.955-5.614-13.548A19.172 19.172 0 00712.5 61h-345a19.172 19.172 0 00-13.553 5.612 19.159 19.159 0 00-5.614 13.548v38.32H252.5a57.51 57.51 0 00-40.659 16.836A57.468 57.468 0 00195 175.96v785.56a57.452 57.452 0 0016.841 40.64A57.515 57.515 0 00252.5 1019h575c15.25 0 29.875-6.06 40.659-16.84A57.452 57.452 0 00885 961.52V175.96a57.468 57.468 0 00-16.841-40.644A57.51 57.51 0 00827.5 118.48zM386.667 99.32h306.666v76.64H386.667V99.32zm-38.334 57.48v38.32c0 5.082 2.02 9.955 5.614 13.548a19.173 19.173 0 0013.553 5.612h345c5.083 0 9.958-2.019 13.553-5.612a19.157 19.157 0 005.614-13.548V156.8h19.166a19.17 19.17 0 0113.553 5.612A19.153 19.153 0 01770 175.96v708.92c0 5.082-2.019 9.955-5.614 13.548a19.17 19.17 0 01-13.553 5.612H329.167a19.17 19.17 0 01-13.553-5.612A19.153 19.153 0 01310 884.88V175.96c0-5.082 2.019-9.955 5.614-13.548a19.17 19.17 0 0113.553-5.612h19.166zm498.334 804.72c0 5.082-2.02 9.955-5.614 13.548a19.173 19.173 0 01-13.553 5.612h-575a19.173 19.173 0 01-13.553-5.612 19.157 19.157 0 01-5.614-13.548V175.96c0-5.082 2.02-9.955 5.614-13.548A19.173 19.173 0 01252.5 156.8h22.693a56.798 56.798 0 00-3.526 19.16v708.92a57.468 57.468 0 0016.841 40.644 57.51 57.51 0 0040.659 16.836h421.666a57.51 57.51 0 0040.659-16.836 57.468 57.468 0 0016.841-40.644V175.96a56.798 56.798 0 00-3.526-19.16H827.5c5.083 0 9.958 2.019 13.553 5.612a19.157 19.157 0 015.614 13.548v785.56z\"/><path fill=\"#013D6E\" d=\"M387.1 751h152.8c5.066 0 9.924-2.054 13.506-5.711 3.582-3.657 5.594-8.617 5.594-13.789 0-5.172-2.012-10.132-5.594-13.789-3.582-3.657-8.44-5.711-13.506-5.711H387.1c-5.066 0-9.924 2.054-13.506 5.711-3.582 3.657-5.594 8.617-5.594 13.789 0 5.172 2.012 10.132 5.594 13.789 3.582 3.657 8.44 5.711 13.506 5.711zM387.167 846h306.666c5.084 0 9.959-2.002 13.553-5.565A18.914 18.914 0 00713 827c0-5.039-2.019-9.872-5.614-13.435A19.251 19.251 0 00693.833 808H387.167a19.251 19.251 0 00-13.553 5.565A18.914 18.914 0 00368 827c0 5.039 2.019 9.872 5.614 13.435A19.251 19.251 0 00387.167 846z\"/><path stroke=\"#013D6E\" stroke-width=\"20\" d=\"M378 351v267M713 628H368\"/><path stroke=\"#013D6E\" stroke-width=\"15\" d=\"M403.5 467.5h55v158h-55zM484.5 363.5h55v262h-55zM565.5 484.5h55v141h-55zM646.5 530.5h55v95h-55z\"/></svg>`\n};\nexport const hsIconsEdit: {\n name: 'edit';\n data: string;\n} = {\n name: 'edit',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zm-2.207 2.207L3 14.172V17h2.828l8.38-8.379-2.83-2.828z\"/></svg>`\n};\nexport const hsIconsErrorOutline: {\n name: 'error_outline';\n data: string;\n} = {\n name: 'error_outline',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"/></svg>`\n};\nexport const hsIconsError: {\n name: 'error';\n data: string;\n} = {\n name: 'error',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsFavorite: {\n name: 'favorite';\n data: string;\n} = {\n name: 'favorite',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z\"/><path d=\"M0 0h24v24H0z\"/></svg>`\n};\nexport const hsIconsFolder: {\n name: 'folder';\n data: string;\n} = {\n name: 'folder',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\"/></svg>`\n};\nexport const hsIconsHelp: {\n name: 'help';\n data: string;\n} = {\n name: 'help',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsInfo: {\n name: 'info';\n data: string;\n} = {\n name: 'info',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsLogo: {\n name: 'logo';\n data: string;\n} = {\n name: 'logo',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 420 98\"><defs><clipPath id=\"logo_svg__a\" clipPathUnits=\"userSpaceOnUse\"><path d=\"M-983.25 525.25h1366v-475h-1366v475z\"/></clipPath><clipPath id=\"logo_svg__b\" clipPathUnits=\"userSpaceOnUse\"><path d=\"M2.465 471.367H70.83v-68.729H2.465v68.729z\"/></clipPath></defs><g class=\"logo_svg__layer\"><g clip-path=\"url(#logo_svg__a)\" transform=\"matrix(1.33333 0 0 -1.33333 0 633.333)\"><path fill=\"#fff\" d=\"M86.26 429.283v20.438h4.945v-6.459l-.056-1.258h.056c.419.723 1.03 1.296 1.83 1.715.8.418 1.687.629 2.659.629 3.525 0 5.288-1.84 5.288-5.518v-9.547h-4.946v8.633c0 1.295-.543 1.944-1.63 1.944-1.028 0-1.82-.363-2.372-1.087-.552-.724-.83-1.677-.83-2.859v-6.631H86.26zM105.52 427.94c.533-.362 1.038-.543 1.515-.543 1.18 0 1.972.496 2.373 1.486l.285.686-6.26 14.435h5.603l2.172-6.774.543-2.287h.057c.19.934.353 1.667.486 2.202l1.859 6.859h5.402l-6.031-16.293c-.572-1.524-1.415-2.644-2.53-3.359a6.575 6.575 0 00-3.617-1.072c-.571 0-1.143.087-1.714.258-.573.172-1.001.342-1.287.514l-.428.258 1.572 3.63zM127.45 439.231c-.553-.629-.828-1.486-.828-2.572 0-1.087.266-1.964.8-2.63.533-.668 1.229-1.001 2.087-1.001.819 0 1.504.305 2.058.914.552.61.828 1.517.828 2.717 0 .952-.252 1.777-.757 2.471-.504.696-1.214 1.045-2.13 1.045-.82 0-1.505-.315-2.058-.944m-3.987-8.161c-1.21 1.419-1.815 3.283-1.815 5.589 0 2.305.623 4.163 1.872 5.574 1.248 1.41 2.863 2.115 4.845 2.115 1.79 0 3.078-.391 3.859-1.173h.058c-.02.191-.03.411-.03.658v5.889h4.946v-20.439h-4.631v.972l.029.829h-.057c-.934-1.429-2.355-2.144-4.26-2.144-2 0-3.606.71-4.816 2.13M141.94 429.283v14.721h4.745v-2.486l-.057-.915h.057c.324 1.029.919 1.896 1.787 2.602.867.704 1.834 1.057 2.902 1.057.152 0 .342-.019.57-.057v-4.859c-.17.057-.504.085-1 .085-1.333 0-2.343-.391-3.03-1.171-.685-.782-1.03-1.869-1.03-3.26v-5.717h-4.944zM159.61 436.602c0-1.068.324-1.925.972-2.573.647-.649 1.438-.972 2.373-.972.933 0 1.723.323 2.372.972.648.648.97 1.505.97 2.573 0 1.086-.322 1.962-.97 2.629a3.18 3.18 0 01-2.372 1.001c-.935 0-1.726-.333-2.373-1.001-.648-.667-.972-1.543-.972-2.629m-2.602-5.532c-1.6 1.42-2.401 3.264-2.401 5.532 0 2.267.8 4.126 2.4 5.574 1.602 1.448 3.575 2.173 5.918 2.173 2.364 0 4.35-.72 5.96-2.159 1.61-1.439 2.416-3.302 2.416-5.588 0-2.268-.8-4.112-2.401-5.532-1.601-1.419-3.583-2.13-5.945-2.13-2.364 0-4.346.711-5.947 2.13M174.47 431.056l1.315 1.886c1.163-1.124 2.582-1.687 4.259-1.687.743 0 1.339.167 1.787.501.448.333.672.796.672 1.386 0 .496-.258.925-.772 1.287-.514.361-1.134.676-1.858.942-.724.267-1.45.563-2.173.887a5.1 5.1 0 00-1.858 1.415c-.515.619-.771 1.367-.771 2.244 0 1.315.495 2.339 1.486 3.073.99.733 2.229 1.101 3.716 1.101 1.944 0 3.507-.535 4.688-1.601l-1.115-2.001c-.42.4-.967.714-1.644.943a6.246 6.246 0 01-2.015.343c-.742 0-1.34-.153-1.786-.457-.448-.305-.672-.753-.672-1.344 0-.514.258-.953.772-1.314.515-.363 1.133-.673 1.858-.93a31.576 31.576 0 002.187-.872 5.065 5.065 0 001.872-1.414c.515-.62.772-1.368.772-2.244 0-1.24-.486-2.259-1.458-3.059-.972-.801-2.22-1.201-3.744-1.201-2.288 0-4.127.705-5.518 2.116M192.59 436.458c0-1.372.366-2.568 1.1-3.588.734-1.019 1.73-1.529 2.988-1.529 1.182 0 2.173.462 2.973 1.387.8.924 1.2 2.176 1.2 3.758 0 1.562-.376 2.816-1.128 3.759-.754.944-1.74 1.416-2.96 1.416-1.181 0-2.172-.439-2.973-1.315-.8-.877-1.2-2.174-1.2-3.888m-2.687-12.892v20.181h2.573v-1.287l-.086-1.085h.057a4.879 4.879 0 001.972 2.001c.859.476 1.82.715 2.888.715 1.943 0 3.487-.697 4.63-2.088 1.144-1.391 1.716-3.22 1.716-5.488 0-2.287-.611-4.121-1.83-5.503-1.22-1.382-2.792-2.073-4.716-2.073-1.925 0-3.421.82-4.49 2.459h-.055c.076-.342.114-.763.114-1.257v-6.575h-2.773zM208.52 429.283v20.182h2.773v-7.49l-.114-1.2h.057c.4.838 1.076 1.601 2.03 2.286.952.686 2.086 1.03 3.4 1.03 3.298 0 4.947-1.85 4.947-5.546v-9.262h-2.774v8.633c0 1.162-.185 2.058-.556 2.687-.372.629-1.092.944-2.16.944-1.39 0-2.542-.511-3.457-1.53-.916-1.019-1.373-2.311-1.373-3.874v-6.86h-2.773zM229.21 438.145h7.747c-.04 1.201-.387 2.134-1.044 2.801-.657.667-1.481 1.001-2.473 1.001-1.085 0-2.015-.339-2.787-1.015-.771-.677-1.253-1.606-1.443-2.787m-2.973-1.629c0 2.267.686 4.097 2.058 5.488 1.372 1.391 3.106 2.087 5.202 2.087 1.963 0 3.497-.643 4.603-1.93 1.105-1.286 1.658-2.901 1.658-4.845 0-.249-.038-.639-.114-1.172h-10.52c.076-1.506.586-2.683 1.529-3.53.944-.849 2.09-1.273 3.445-1.273 1.582 0 3.002.562 4.259 1.687l1.172-2.029c-.686-.63-1.54-1.129-2.558-1.501a8.81 8.81 0 00-3.044-.558c-2.25 0-4.093.72-5.531 2.159-1.44 1.438-2.16 3.244-2.16 5.417M244.53 429.283v14.464h2.688v-2.601l-.086-1.057h.057c.362 1.104.952 2.019 1.773 2.744.818.723 1.76 1.086 2.829 1.086.19 0 .438-.019.743-.057v-2.744c-.152.038-.42.057-.8.057-1.448 0-2.55-.586-3.302-1.759-.753-1.171-1.13-2.548-1.13-4.13v-6.003h-2.772zM258.37 438.145h7.747c-.038 1.201-.386 2.134-1.043 2.801-.658.667-1.482 1.001-2.474 1.001-1.085 0-2.014-.339-2.787-1.015-.771-.677-1.253-1.606-1.443-2.787m-2.973-1.629c0 2.267.687 4.097 2.058 5.488 1.372 1.391 3.106 2.087 5.203 2.087 1.963 0 3.496-.643 4.602-1.93 1.105-1.286 1.658-2.901 1.658-4.845 0-.249-.038-.639-.114-1.172h-10.52c.076-1.506.586-2.683 1.529-3.53.944-.849 2.092-1.273 3.446-1.273 1.58 0 3 .562 4.258 1.687l1.172-2.029c-.685-.63-1.54-1.129-2.557-1.501a8.82 8.82 0 00-3.045-.558c-2.25 0-4.093.72-5.531 2.159-1.44 1.438-2.16 3.244-2.16 5.417M273.549 432.285h2.973v-3.002h-2.973v3.002zM282.096 443.748h2.772v-14.464h-2.772v14.464zM292.44 436.544c0-1.506.48-2.75 1.443-3.73.962-.982 2.14-1.473 3.53-1.473 1.373 0 2.545.496 3.517 1.487.972.99 1.457 2.23 1.457 3.716 0 1.487-.485 2.716-1.457 3.688-.972.971-2.144 1.457-3.516 1.457-1.391 0-2.57-.486-3.531-1.457-.963-.972-1.443-2.201-1.443-3.688m-2.83 0c0 2.154.752 3.949 2.258 5.389 1.506 1.438 3.344 2.158 5.517 2.158 2.192 0 4.04-.714 5.545-2.144 1.506-1.429 2.259-3.23 2.259-5.403 0-2.172-.753-3.983-2.26-5.431-1.504-1.448-3.343-2.173-5.515-2.173-2.173 0-4.017.725-5.532 2.173-1.514 1.448-2.272 3.259-2.272 5.431\"/><path fill=\"#178cf2\" d=\"M36.78 474.25l-13.82-2.793-11.7-7.869-7.797-11.747-2.708-13.838 2.793-13.82 7.869-11.7 11.747-7.797L37 401.978l13.82 2.793 11.7 7.869 7.797 11.747 2.709 13.837-2.793 13.82-7.87 11.7-11.746 7.798-13.838 2.708z\"/><g clip-path=\"url(#logo_svg__b)\" opacity=\".25\"><path fill=\"#fff\" d=\"M60.32 427.731l-5.616 9.626h14.54l-8.924-9.626zm-9.028-3.045l3.064 12.256 5.536-9.491-8.6-2.765zm-14.283 12.5l.165.171h16.759l-3.214-12.855-.777-.25-12.933 12.934zm9.868-23.39l3.2 9.601 10.4-10.401-13.6.8zm-10.4 5.333l9.638-5.622-9.638-9.637v15.259zm-8.676-4.31l-2.32 9.926 10.214-5.189-7.894-4.737zm-12.512-.144l9.105 9.437.364-.102-.141.333.35.363 2.344-10.031H15.289zm3.519 21.978l5.065-11.867-9.638 2.687 4.119 9.884h.436l.208-.354.12.354h16.848v-.517l-10.91-11.307-.32.163.093-.399-.43-.445-5.121 12.001a.255.255 0 11-.47-.2m-13.788.704H17.8l-3.993-9.586-8.787 9.586zm8.8 8.458l4.67-7.948H4.084l9.736 7.948zm21.823 10.292l-11.826-5.125 3.94 9.461 7.886-4.336zm9.607 4.756l-8.595-4.738-.178.102v13.409l8.773-8.773zm2.668-11.637l-.308.538-.034.06-10.405 6.003 8.4 4.631 4.832-8.657-2.485-2.575zm11.306 10.983l.772-12.787-9.92 3.306.61.632a.252.252 0 01.138-.045.256.256 0 01.223.379l-.014.025 8.19 8.49zm9.984-22.342H55.24l5.088 8.78 8.88-8.78zM49.74 450.379a.252.252 0 01.144-.125l10.01-3.337-5.244-9.05h-.241l-6.228 10.897 1.559 1.615zm-1.928-1.998l6.009-10.514H37.667l10.145 10.514zm-11.335-10.514v17.771l10.724-6.187.348-.608-10.591-10.976h-.481zm-12.693 12.544l12.182 5.28v-17.463l-12.182 12.183zm-4.91-12.191l-4.621 7.866 8.652 3.934-4.031-11.8zm4.573 11.806l12.159-12.159H19.293l4.154 12.159zm2.086-24.734l10.433 10.814V419.99l-10.433 5.302zm10.944-5.368v16.71l.178.184 12.74-12.741-12.918-4.153zm9.909-5.984l-9.542 5.566 12.766 4.103-3.224-9.669zm24.194 23.927h-.647l-9.215 9.112 7.389 3.284a.255.255 0 01-.208.467l-7.393-3.287-.801 13.264.752.778a.255.255 0 01-.367.355l-9.317-9.655-4.682 8.39 13.339.833c.14.009.247.13.239.271a.247.247 0 01-.271.239l-13.302-.832 4.097 8.193a.255.255 0 11-.456.228l-4.137-8.273-9.123 9.124v.753a.256.256 0 01-.511 0v-14.6l-7.942 4.368 7.536 9.212a.254.254 0 01-.036.358.253.253 0 01-.358-.035l-7.492-9.158-4.113 7.402a.255.255 0 01-.446-.248l4.21-7.578-.084-.104.068-.038-4.06-9.744-10.898 10.897a.255.255 0 11-.36-.361l10.906-10.906-8.778-3.99-.834 12.517a.252.252 0 01-.272.237.255.255 0 01-.238-.271l.833-12.494-9.08 3.302a.256.256 0 01-.175-.479l9.027-3.283-10.104-8.248h-.553a.256.256 0 01-.256-.255c0-.141.115-.255.256-.255h1.606l9.262-10.105-.048-.116.078-.021-.846-12.678a.255.255 0 01.238-.271l.018-.001c.133 0 .245.103.254.238l.838 12.572 9.712-2.707-9.328-9.667-1.661-1.722a.255.255 0 01.368-.354l1.583 1.64h12.709l7.653-10.205a.254.254 0 01.357-.051.255.255 0 01.05.357l-7.56 10.081 7.96 4.776v-16.485L46.46 413.13l4.136-8.272a.255.255 0 11.456.228l-4.097 8.195 14.832-.873-11.44 11.438.229.073a.254.254 0 01.496-.112l.074.296 9.01 2.896.07-.12.122.132 7.575-2.525a.255.255 0 11.16.484l-7.354 2.451 9.21 9.936h.64c.142 0 .257.114.257.255a.256.256 0 01-.256.255\"/></g><g><path fill=\"#fff\" d=\"M20.5 419.44v37.207h9.106v-14.883h13.53v14.883h9.106V419.44h-9.106v14.57h-13.53v-14.57H20.5z\"/></g></g></g></svg>`\n};\nexport const hsIconsModels: {\n name: 'models';\n data: string;\n} = {\n name: 'models',\n data: `<svg viewBox=\"0 0 40 40\"><circle cx=\"10\" cy=\"10\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/><circle cx=\"30\" cy=\"10\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/><circle cx=\"10\" cy=\"30\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/><circle cx=\"30\" cy=\"30\" r=\"6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\"/></svg>`\n};\nexport const hsIconsMonitoring: {\n name: 'monitoring';\n data: string;\n} = {\n name: 'monitoring',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M3 5a2 2 0 012-2h10a2 2 0 012 2v8a2 2 0 01-2 2h-2.22l.123.489.804.804A1 1 0 0113 18H7a1 1 0 01-.707-1.707l.804-.804L7.22 15H5a2 2 0 01-2-2V5zm5.771 7H5V5h10v7H8.771z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsPlus: {\n name: 'plus';\n data: string;\n} = {\n name: 'plus',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6v6m0 0v6m0-6h6m-6 0H6\"/></svg>`\n};\nexport const hsIconsProfiler: {\n name: 'profiler';\n data: string;\n} = {\n name: 'profiler',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"/></svg>`\n};\nexport const hsIconsRemove: {\n name: 'remove';\n data: string;\n} = {\n name: 'remove',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsSearch: {\n name: 'search';\n data: string;\n} = {\n name: 'search',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsSettings: {\n name: 'settings';\n data: string;\n} = {\n name: 'settings',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport const hsIconsShow: {\n name: 'show';\n data: string;\n} = {\n name: 'show',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"/></svg>`\n};\nexport const hsIconsStarFilled: {\n name: 'star_filled';\n data: string;\n} = {\n name: 'star_filled',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\"/></svg>`\n};\nexport const hsIconsStar: {\n name: 'star';\n data: string;\n} = {\n name: 'star',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" class=\"star_svg__h-6 star_svg__w-6\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\"/></svg>`\n};\nexport const hsIconsUpload: {\n name: 'upload';\n data: string;\n} = {\n name: 'upload',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12\"/></svg>`\n};\nexport const hsIconsWarning: {\n name: 'warning';\n data: string;\n} = {\n name: 'warning',\n data: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"/></svg>`\n};\nexport type hsIcon =\n | 'applications'\n | 'arrow_down'\n | 'arrow_left'\n | 'arrow_right'\n | 'arrow_up'\n | 'block'\n | 'bookmark'\n | 'calendar'\n | 'check'\n | 'chevron_down'\n | 'chevron_left'\n | 'chevron_right'\n | 'chevron_up'\n | 'circle_x'\n | 'clock'\n | 'close_sidebar'\n | 'close'\n | 'cloud'\n | 'copy'\n | 'data_projection'\n | 'dc'\n | 'done'\n | 'drift_report'\n | 'edit'\n | 'error_outline'\n | 'error'\n | 'favorite'\n | 'folder'\n | 'help'\n | 'info'\n | 'logo'\n | 'models'\n | 'monitoring'\n | 'plus'\n | 'profiler'\n | 'remove'\n | 'search'\n | 'settings'\n | 'show'\n | 'star_filled'\n | 'star'\n | 'upload'\n | 'warning';\nexport interface HsIcon {\n name: hsIcon;\n data: string;\n}\nexport type HsIconNameSubset<T extends Readonly<HsIcon[]>> = T[number]['name'];\n",
"properties": [
{
"name": "data",
"deprecated": false,
"deprecationMessage": "",
"type": "string",
"optional": false,
"description": "",
"line": 349
},
{
"name": "name",
"deprecated": false,
"deprecationMessage": "",
"type": "hsIcon",
"optional": false,
"description": "",
"line": 348
}
],
"indexSignatures": [],
"kind": 165,
"methods": []
}
],
"injectables": [
{
"name": "IconsRegistryService",
"id": "injectable-IconsRegistryService-11a1670f1aa4add7ca05dab31f520a880cb6a2971004b7a1bd76f385421127976bf681bc9a04ff1adf9e87b316784c644926bf6e386d9504ebe7424a3e819233",
"file": "projects/hs-ui-kit/src/lib/icon/icons-registry.service.ts",
"properties": [
{
"name": "registry",
"defaultValue": "new Map<string, string>()",
"deprecated": false,
"deprecationMessage": "",
"type": "",
"optional": false,
"description": "",
"line": 8,
"modifierKind": [
121
]
}
],
"methods": [
{
"name": "getIcon",
"args": [
{
"name": "iconName",
"type": "string",
"deprecated": false,
"deprecationMessage": ""
}
],
"optional": false,
"returnType": "string | undefined",
"typeParameters": [],
"line": 14,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
123
],
"jsdoctags": [
{
"name": "iconName",
"type": "string",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
},
{
"name": "registerIcons",
"args": [
{
"name": "icons",
"type": "HsIcon[]",
"deprecated": false,
"deprecationMessage": ""
}
],
"optional": false,
"returnType": "void",
"typeParameters": [],
"line": 10,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
123
],
"jsdoctags": [
{
"name": "icons",
"type": "HsIcon[]",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
}
],
"deprecated": false,
"deprecationMessage": "",
"description": "",
"rawdescription": "\n",
"sourceCode": "import { Injectable } from '@angular/core';\nimport { HsIcon } from './icons';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class IconsRegistryService {\n private registry = new Map<string, string>();\n\n public registerIcons(icons: HsIcon[]): void {\n icons.forEach((icon: HsIcon) => this.registry.set(icon.name, icon.data));\n }\n\n public getIcon(iconName: string): string | undefined {\n if (!this.registry.has(iconName)) {\n console.warn(\n `We could not find the hs Icon with the name ${iconName}, did you add it to the Icon registry?`\n );\n }\n return this.registry.get(iconName);\n }\n}\n",
"type": "injectable"
}
],
"guards": [],
"interceptors": [],
"classes": [],
"directives": [],
"components": [
{
"name": "AlertMessageComponent",
"id": "component-AlertMessageComponent-1be59ef8e64ce49b8244c7b0b47ea447d5292dd5c07cb3923d175283181ba01876cf3c9f8060b57789e2c511ccb429e1e9f0faaadf6641aa30c6bed6c2630de4",
"file": "projects/hs-ui-kit/src/lib/alert-message/alert-message.component.ts",
"changeDetection": "ChangeDetectionStrategy.OnPush",
"encapsulation": [
"ViewEncapsulation.None"
],
"entryComponents": [],
"inputs": [],
"outputs": [],
"providers": [],
"selector": "hs-alert-message",
"styleUrls": [
"./alert-message.component.scss"
],
"styles": [],
"template": "<div class=\"alert\">\n <ng-content></ng-content>\n</div>\n",
"templateUrl": [],
"viewProviders": [],
"inputsClass": [],
"outputsClass": [],
"propertiesClass": [],
"methodsClass": [],
"deprecated": false,
"deprecationMessage": "",
"hostBindings": [],
"hostListeners": [],
"description": "",
"rawdescription": "\n",
"type": "component",
"sourceCode": "import {\n ChangeDetectionStrategy,\n Component,\n ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n selector: 'hs-alert-message',\n template: `\n <div class=\"alert\">\n <ng-content></ng-content>\n </div>\n `,\n styleUrls: ['./alert-message.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AlertMessageComponent {}\n",
"assetsDirs": [],
"styleUrlsData": [
{
"data": ".alert {\n padding: 8px 14px;\n text-align: center;\n background: #FCE588;\n color: #ad6f13;\n & a {\n color: #3a3a79 !important;\n }\n}\n",
"styleUrl": "./alert-message.component.scss"
}
],
"stylesData": ""
},
{
"name": "ButtonComponent",
"id": "component-ButtonComponent-3b437f8e8d353e21657bcb80801bf1ae1c3e2df0525042027e659cfdfd991e91db56ed177474f128f40578b58fc568520fe4a6adede58c5d1b1f1af30ba01ca4",
"file": "projects/hs-ui-kit/src/lib/button/button.component.ts",
"encapsulation": [
"ViewEncapsulation.None"
],
"entryComponents": [],
"inputs": [],
"outputs": [],
"providers": [],
"selector": "hs-button",
"styleUrls": [
"./button.component.scss"
],
"styles": [],
"template": "<button hs-button\n type=\"button\"\n [ngClass]=\"classes\"\n [disabled]=\"disabled\"\n >\n {{ label }}\n </button>",
"templateUrl": [],
"viewProviders": [],
"inputsClass": [
{
"name": "color",
"deprecated": false,
"deprecationMessage": "",
"line": 18,
"type": "\"base\" | \"primary\" | \"accent\" | \"warning\" | \"cyan\" | undefined",
"decorators": []
},
{
"name": "disabled",
"defaultValue": "false",
"deprecated": false,
"deprecationMessage": "",
"line": 26,
"type": "boolean",
"decorators": []
},
{
"name": "kind",
"deprecated": false,
"deprecationMessage": "",
"line": 17,
"type": "\"base\" | \"flat\" | \"stroked\" | undefined",
"decorators": []
},
{
"name": "label",
"defaultValue": "'Button'",
"deprecated": false,
"deprecationMessage": "",
"line": 25,
"type": "string",
"decorators": []
}
],
"outputsClass": [],
"propertiesClass": [],
"methodsClass": [],
"deprecated": false,
"deprecationMessage": "",
"hostBindings": [],
"hostListeners": [],
"description": "",
"rawdescription": "\n",
"type": "component",
"sourceCode": "import { Component, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'hs-button',\n template: `<button\n hs-button\n type=\"button\"\n [ngClass]=\"classes\"\n [disabled]=\"disabled\"\n >\n {{ label }}\n </button>`,\n styleUrls: ['./button.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class ButtonComponent {\n @Input() kind: 'base' | 'flat' | 'stroked' | undefined;\n @Input() color:\n | 'base'\n | 'primary'\n | 'accent'\n | 'warning'\n | 'cyan'\n | undefined;\n @Input() label = 'Button';\n @Input() disabled = false;\n\n public get classes(): string[] {\n return [\n 'hs-button',\n `hs-button--${this.kind}`,\n `hs-button--${this.kind}-${this.color}`,\n ];\n }\n}\n",
"assetsDirs": [],
"styleUrlsData": [
{
"data": "@import '../../assets/styles/variables';\n\n.hs-button {\n background: transparent;\n border: none;\n border-radius: 3px;\n font-size: 12px;\n font-weight: 500;\n padding: 6px 12px;\n text-transform: capitalize;\n transition: 0.3s color cubic-bezier(0.075, 0.82, 0.165, 1);\n cursor: pointer;\n\n &[disabled] {\n cursor: default;\n }\n\n &__icon {\n width: 12px;\n height: 12px;\n }\n}\n\n.hs-button--base {\n color: $neutral-color-1000;\n\n &:not([disabled]):hover {\n background: $neutral-color-100;\n }\n\n &-primary {\n color: $primary-color-700;\n\n &:not([disabled]):hover {\n background: $primary-color-100;\n }\n }\n\n &-accent {\n color: $accent-color-700;\n\n &:not([disabled]):hover {\n background: $accent-color-100;\n }\n }\n\n &-warning {\n color: $supportive-color-red-700;\n\n &:not([disabled]):hover {\n background: $supportive-color-red-100;\n }\n }\n\n &-cyan {\n color: $supportive-color-cyan-700;\n\n &:not([disabled]):hover {\n background: $supportive-color-cyan-100;\n }\n }\n\n &[disabled] {\n color: $neutral-color-200;\n }\n}\n\n.hs-button--stroked {\n color: $neutral-color-1000;\n border: 1px solid $neutral-color-200;\n padding: 5px 11px;\n\n &:not([disabled]):hover {\n background: $neutral-color-100;\n }\n\n &-primary {\n color: $primary-color-700;\n\n &:not([disabled]):hover {\n background: $primary-color-100;\n }\n }\n\n &-accent {\n color: $accent-color-700;\n\n &:not([disabled]):hover {\n background: $accent-color-100;\n }\n }\n\n &-warning {\n color: $supportive-color-red-700;\n\n &:not([disabled]):hover {\n background: $supportive-color-red-100;\n }\n }\n\n &-cyan {\n color: $supportive-color-cyan-700;\n\n &:not([disabled]):hover {\n background: $supportive-color-cyan-100;\n }\n }\n\n &[disabled] {\n color: $neutral-color-200;\n border-color: $neutral-color-100;\n }\n}\n\n.hs-button--flat {\n color: $neutral-color-1000;\n background: white;\n\n &-primary {\n background: $primary-color-700;\n color: $neutral-color-100;\n }\n\n &-accent {\n background: $accent-color-700;\n color: $neutral-color-100;\n }\n\n &-warning {\n background: $supportive-color-red-700;\n color: $neutral-color-100;\n }\n\n &-cyan {\n background: $supportive-color-cyan-700;\n color: $neutral-color-100;\n }\n\n &[disabled] {\n background-color: $neutral-color-100;\n color: $neutral-color-200;\n }\n}\n",
"styleUrl": "./button.component.scss"
}
],
"stylesData": "",
"accessors": {
"classes": {
"name": "classes",
"getSignature": {
"name": "classes",
"type": "[]",
"returnType": "string[]",
"line": 28
}
}
}
},
{
"name": "IconComponent",
"id": "component-IconComponent-d4912da35c866b10d1c0bb296f43d5e439b9e1b95805dabee901ce2ef46c36590f5a130bd5dd4aae8ba63c6ab0cedc93e40e0ef2eb29a19a9b9e576f040c5794",
"file": "stories/icon.component.ts",
"encapsulation": [],
"entryComponents": [],
"inputs": [],
"outputs": [],
"providers": [],
"selector": "hs-icon",
"styleUrls": [],
"styles": [
":host::ng-deep svg{width: 24px; height: 24px}"
],
"template": "<ng-content></ng-content>",
"templateUrl": [],
"viewProviders": [],
"inputsClass": [
{
"name": "name",
"deprecated": false,
"deprecationMessage": "",
"line": 59,
"type": "string",
"decorators": []
}
],
"outputsClass": [],
"propertiesClass": [
{
"name": "iconRegistry",
"deprecated": false,
"deprecationMessage": "",
"type": "IconsRegistryService",
"optional": false,
"description": "",
"line": 70,
"modifierKind": [
123
]
},
{
"name": "svgIcon",
"deprecated": false,
"deprecationMessage": "",
"type": "SVGElement | undefined",
"optional": false,
"description": "",
"line": 56,
"modifierKind": [
121
]
}
],
"methodsClass": [
{
"name": "svgElementFromString",
"args": [
{
"name": "svgContent",
"type": "string | undefined",
"deprecated": false,
"deprecationMessage": ""
}
],
"optional": false,
"returnType": "SVGElement",
"typeParameters": [],
"line": 120,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
121
],
"jsdoctags": [
{
"name": "svgContent",
"type": "string | undefined",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
}
],
"deprecated": false,
"deprecationMessage": "",
"hostBindings": [],
"hostListeners": [],
"description": "",
"rawdescription": "\n",
"type": "component",
"sourceCode": "import { Component, ElementRef, Inject, Input, Optional } from '@angular/core';\nimport { IconsRegistryService } from '../projects/hs-ui-kit/src/lib/icon/icons-registry.service';\nimport { DOCUMENT } from '@angular/common';\nimport {\n hsIconsApplications,\n hsIconsArrowDown,\n hsIconsArrowLeft,\n hsIconsArrowRight,\n hsIconsArrowUp,\n hsIconsBlock,\n hsIconsBookmark,\n hsIconsCalendar,\n hsIconsCheck,\n hsIconsChevronDown,\n hsIconsChevronLeft,\n hsIconsChevronRight,\n hsIconsChevronUp,\n hsIconsCircleX,\n hsIconsClock,\n hsIconsClose,\n hsIconsCloseSidebar,\n hsIconsCloud,\n hsIconsCopy,\n hsIconsDataProjection,\n hsIconsDc,\n hsIconsDone,\n hsIconsDriftReport,\n hsIconsEdit,\n hsIconsError,\n hsIconsErrorOutline,\n hsIconsFavorite,\n hsIconsFolder,\n hsIconsHelp,\n hsIconsInfo,\n hsIconsLogo,\n hsIconsModels,\n hsIconsMonitoring,\n hsIconsPlus,\n hsIconsProfiler,\n hsIconsRemove,\n hsIconsSearch,\n hsIconsSettings,\n hsIconsShow,\n hsIconsStar,\n hsIconsStarFilled,\n hsIconsUpload,\n hsIconsWarning,\n} from '../projects/hs-ui-kit/src/lib/icon/icons';\n\n@Component({\n selector: 'hs-icon',\n template: `<ng-content></ng-content>`,\n styles: [':host::ng-deep svg{width: 24px; height: 24px}'],\n})\nexport default class IconComponent {\n private svgIcon: SVGElement | undefined;\n\n @Input()\n set name(iconName: string) {\n if (this.svgIcon) {\n this.element.nativeElement.removeChild(this.svgIcon);\n }\n const svgData = this.iconRegistry.getIcon(iconName);\n this.svgIcon = this.svgElementFromString(svgData);\n this.element.nativeElement.appendChild(this.svgIcon);\n }\n\n constructor(\n private element: ElementRef,\n public iconRegistry: IconsRegistryService,\n @Optional() @Inject(DOCUMENT) private document: any\n ) {\n this.iconRegistry.registerIcons([\n hsIconsApplications,\n hsIconsArrowDown,\n hsIconsArrowLeft,\n hsIconsArrowRight,\n hsIconsArrowUp,\n hsIconsBlock,\n hsIconsBookmark,\n hsIconsCalendar,\n hsIconsCheck,\n hsIconsChevronDown,\n hsIconsChevronLeft,\n hsIconsChevronRight,\n hsIconsChevronUp,\n hsIconsCircleX,\n hsIconsClock,\n hsIconsClose,\n hsIconsCloseSidebar,\n hsIconsCloud,\n hsIconsCopy,\n hsIconsDataProjection,\n hsIconsDc,\n hsIconsDone,\n hsIconsDriftReport,\n hsIconsEdit,\n hsIconsError,\n hsIconsErrorOutline,\n hsIconsFavorite,\n hsIconsFolder,\n hsIconsHelp,\n hsIconsInfo,\n hsIconsLogo,\n hsIconsModels,\n hsIconsMonitoring,\n hsIconsPlus,\n hsIconsProfiler,\n hsIconsRemove,\n hsIconsSearch,\n hsIconsSettings,\n hsIconsShow,\n hsIconsStar,\n hsIconsStarFilled,\n hsIconsUpload,\n hsIconsWarning,\n ]);\n }\n\n private svgElementFromString(svgContent: string | undefined): SVGElement {\n const div = this.document.createElement('DIV');\n div.innerHTML = svgContent;\n return (\n div.querySelector('svg') ||\n this.document.createElementNS('http://www.w3.org/2000/svg', 'path')\n );\n }\n}\n",
"assetsDirs": [],
"styleUrlsData": "",
"stylesData": ":host::ng-deep svg{width: 24px; height: 24px}\n",
"constructorObj": {
"name": "constructor",
"description": "",
"deprecated": false,
"deprecationMessage": "",
"args": [
{
"name": "element",
"type": "ElementRef",
"deprecated": false,
"deprecationMessage": ""
},
{
"name": "iconRegistry",
"type": "IconsRegistryService",
"deprecated": false,
"deprecationMessage": ""
},
{
"name": "document",
"type": "any",
"deprecated": false,
"deprecationMessage": ""
}
],
"line": 66,
"jsdoctags": [
{
"name": "element",
"type": "ElementRef",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
},
{
"name": "iconRegistry",
"type": "IconsRegistryService",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
},
{
"name": "document",
"type": "any",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
},
"accessors": {
"name": {
"name": "name",
"setSignature": {
"name": "name",
"type": "void",
"deprecated": false,
"deprecationMessage": "",
"args": [
{
"name": "iconName",
"type": "string",
"deprecated": false,
"deprecationMessage": ""
}
],
"returnType": "void",
"line": 59,
"jsdoctags": [
{
"name": "iconName",
"type": "string",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
}
}
}
},
{
"name": "IconComponent",
"id": "component-IconComponent-5e71cc8e8b52a389d5cf9402492615197a88b660c47fcaebaf77c0ce4a00ecf5b07c8da3791b032c8f8b5f4c0cc3c08592b5dd7ac05de1bd72163c470685af0b-1",
"file": "projects/hs-ui-kit/src/lib/icon/icon.component.ts",
"changeDetection": "ChangeDetectionStrategy.OnPush",
"encapsulation": [],
"entryComponents": [],
"inputs": [],
"outputs": [],
"providers": [],
"selector": "hs-icon",
"styleUrls": [],
"styles": [
":host::ng-deep svg{width: inherit; height: inherit}"
],
"template": "<ng-content></ng-content>",
"templateUrl": [],
"viewProviders": [],
"inputsClass": [
{
"name": "name",
"deprecated": false,
"deprecationMessage": "",
"line": 22,
"type": "string",
"decorators": []
}
],
"outputsClass": [],
"propertiesClass": [
{
"name": "svgIcon",
"deprecated": false,
"deprecationMessage": "",
"type": "SVGElement | undefined",
"optional": false,
"description": "",
"line": 19,
"modifierKind": [
121
]
}
],
"methodsClass": [
{
"name": "svgElementFromString",
"args": [
{
"name": "svgContent",
"type": "string | undefined",
"deprecated": false,
"deprecationMessage": ""
}
],
"optional": false,
"returnType": "SVGElement",
"typeParameters": [],
"line": 37,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
121
],
"jsdoctags": [
{
"name": "svgContent",
"type": "string | undefined",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
}
],
"deprecated": false,
"deprecationMessage": "",
"hostBindings": [],
"hostListeners": [],
"description": "",
"rawdescription": "\n",
"type": "component",
"sourceCode": "import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Inject,\n Input,\n Optional,\n} from '@angular/core';\nimport { DOCUMENT } from '@angular/common';\nimport { IconsRegistryService } from './icons-registry.service';\n\n@Component({\n selector: 'hs-icon',\n template: `<ng-content></ng-content>`,\n styles: [':host::ng-deep svg{width: inherit; height: inherit}'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n private svgIcon: SVGElement | undefined;\n\n @Input()\n set name(iconName: string) {\n if (this.svgIcon) {\n this.element.nativeElement.removeChild(this.svgIcon);\n }\n const svgData = this.iconRegistry.getIcon(iconName);\n this.svgIcon = this.svgElementFromString(svgData);\n this.element.nativeElement.appendChild(this.svgIcon);\n }\n\n constructor(\n private element: ElementRef,\n private iconRegistry: IconsRegistryService,\n @Optional() @Inject(DOCUMENT) private document: any\n ) {}\n\n private svgElementFromString(svgContent: string | undefined): SVGElement {\n const div = this.document.createElement('DIV');\n div.innerHTML = svgContent;\n return (\n div.querySelector('svg') ||\n this.document.createElementNS('http://www.w3.org/2000/svg', 'path')\n );\n }\n}\n",
"assetsDirs": [],
"styleUrlsData": "",
"stylesData": ":host::ng-deep svg{width: inherit; height: inherit}\n",
"constructorObj": {
"name": "constructor",
"description": "",
"deprecated": false,
"deprecationMessage": "",
"args": [
{
"name": "element",
"type": "ElementRef",
"deprecated": false,
"deprecationMessage": ""
},
{
"name": "iconRegistry",
"type": "IconsRegistryService",
"deprecated": false,
"deprecationMessage": ""
},
{
"name": "document",
"type": "any",
"deprecated": false,
"deprecationMessage": ""
}
],
"line": 29,
"jsdoctags": [
{
"name": "element",
"type": "ElementRef",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
},
{
"name": "iconRegistry",
"type": "IconsRegistryService",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
},
{
"name": "document",
"type": "any",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
},
"accessors": {
"name": {
"name": "name",
"setSignature": {
"name": "name",
"type": "void",
"deprecated": false,
"deprecationMessage": "",
"args": [
{
"name": "iconName",
"type": "string",
"deprecated": false,
"deprecationMessage": ""
}
],
"returnType": "void",
"line": 22,
"jsdoctags": [
{
"name": "iconName",
"type": "string",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
}
}
},
"isDuplicate": true,
"duplicateId": 1,
"duplicateName": "IconComponent-1"
},
{
"name": "IconsComponent",
"id": "component-IconsComponent-44fc6a9d6f2787ea9a516f426adf508ed028957916d66b0427ba5ffae114b7689501b59ac683b8ddee11569343d3f6186ac4c45b748d25262310644589c5d993",
"file": "stories/icons.component.ts",
"encapsulation": [],
"entryComponents": [],
"inputs": [],
"outputs": [],
"providers": [],
"selector": "hs-icons",
"styleUrls": [
"./icons.scss"
],
"styles": [],
"template": "<div class=\"icons\">\n <div *ngFor=\"let icon of icons\">\n <hs-icon [name]=\"icon\"></hs-icon>\n </div>\n</div>\n",
"templateUrl": [],
"viewProviders": [],
"inputsClass": [
{
"name": "icons",
"deprecated": false,
"deprecationMessage": "",
"line": 15,
"type": "string[] | undefined",
"decorators": []
}
],
"outputsClass": [],
"propertiesClass": [],
"methodsClass": [],
"deprecated": false,
"deprecationMessage": "",
"hostBindings": [],
"hostListeners": [],
"description": "",
"rawdescription": "\n",
"type": "component",
"sourceCode": "import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'hs-icons',\n template: `\n <div class=\"icons\">\n <div *ngFor=\"let icon of icons\">\n <hs-icon [name]=\"icon\"></hs-icon>\n </div>\n </div>\n `,\n styleUrls: ['./icons.scss'],\n})\nexport default class IconsComponent {\n @Input() icons: string[] | undefined;\n\n constructor() {}\n}\n",
"assetsDirs": [],
"styleUrlsData": [
{
"data": ".icons {\n display: flex;\n}\n",
"styleUrl": "./icons.scss"
}
],
"stylesData": "",
"constructorObj": {
"name": "constructor",
"description": "",
"deprecated": false,
"deprecationMessage": "",
"args": [],
"line": 15
}
},
{
"name": "InputComponent",
"id": "component-InputComponent-61cb2ae797e0f73ae564639f7f23265192191099b229b82573c17de7cd2acc9747bc0e58e00efeefc2ccea3b0f2cdbb551357800678774adc813b8c40ce98c68",
"file": "projects/hs-ui-kit/src/lib/form/input/input.component.ts",
"encapsulation": [],
"entryComponents": [],
"inputs": [],
"outputs": [],
"providers": [
{
"name": "{\n provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => InputComponent), multi: true,\n}",
"type": "component"
}
],
"selector": "hs-input",
"styleUrls": [
"./input.component.scss"
],
"styles": [],
"templateUrl": [
"./input.component.html"
],
"viewProviders": [],
"inputsClass": [
{
"name": "disabled",
"defaultValue": "'false'",
"deprecated": false,
"deprecationMessage": "",
"line": 41,
"type": "string | boolean",
"decorators": []
},
{
"name": "errors",
"deprecated": false,
"deprecationMessage": "",
"line": 40,
"type": "literal type | null | undefined",
"decorators": []
},
{
"name": "icon",
"deprecated": false,
"deprecationMessage": "",
"line": 39,
"type": "string | undefined",
"decorators": []
},
{
"name": "label",
"deprecated": false,
"deprecationMessage": "",
"line": 38,
"type": "string | undefined",
"decorators": []
},
{
"name": "name",
"deprecated": false,
"deprecationMessage": "",
"line": 37,
"type": "string | undefined",
"decorators": []
},
{
"name": "placeholder",
"deprecated": false,
"deprecationMessage": "",
"line": 42,
"type": "string | undefined",
"decorators": []
},
{
"name": "type",
"deprecated": false,
"deprecationMessage": "",
"line": 36,
"type": "string | undefined",
"decorators": []
}
],
"outputsClass": [],
"propertiesClass": [
{
"name": "_value",
"deprecated": false,
"deprecationMessage": "",
"type": "any",
"optional": false,
"description": "",
"line": 44,
"modifierKind": [
122
]
},
{
"name": "onChange",
"defaultValue": "noop",
"deprecated": false,
"deprecationMessage": "",
"type": "function",
"optional": false,
"description": "",
"line": 45,
"modifierKind": [
122
]
},
{
"name": "onTouched",
"defaultValue": "noop",
"deprecated": false,
"deprecationMessage": "",
"type": "function",
"optional": false,
"description": "",
"line": 46,
"modifierKind": [
122
]
}
],
"methodsClass": [
{
"name": "hasErrors",
"args": [
{
"name": "input",
"type": "NgModel",
"deprecated": false,
"deprecationMessage": ""
}
],
"optional": false,
"returnType": "boolean",
"typeParameters": [],
"line": 70,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
123
],
"jsdoctags": [
{
"name": "input",
"type": "NgModel",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
},
{
"name": "registerOnChange",
"args": [
{
"name": "fn",
"type": "function",
"deprecated": false,
"deprecationMessage": "",
"function": [
{
"name": "_",
"type": "any",
"deprecated": false,
"deprecationMessage": ""
}
]
}
],
"optional": false,
"returnType": "void",
"typeParameters": [],
"line": 62,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
123
],
"jsdoctags": [
{
"name": "fn",
"type": "function",
"deprecated": false,
"deprecationMessage": "",
"function": [
{
"name": "_",
"type": "any",
"deprecated": false,
"deprecationMessage": ""
}
],
"tagName": {
"text": "param"
}
}
]
},
{
"name": "registerOnTouched",
"args": [
{
"name": "fn",
"type": "function",
"deprecated": false,
"deprecationMessage": "",
"function": []
}
],
"optional": false,
"returnType": "void",
"typeParameters": [],
"line": 66,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
123
],
"jsdoctags": [
{
"name": "fn",
"type": "function",
"deprecated": false,
"deprecationMessage": "",
"function": [],
"tagName": {
"text": "param"
}
}
]
},
{
"name": "writeValue",
"args": [
{
"name": "value",
"type": "any",
"deprecated": false,
"deprecationMessage": ""
}
],
"optional": false,
"returnType": "void",
"typeParameters": [],
"line": 56,
"deprecated": false,
"deprecationMessage": "",
"modifierKind": [
123
],
"jsdoctags": [
{
"name": "value",
"type": "any",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
}
],
"deprecated": false,
"deprecationMessage": "",
"hostBindings": [],
"hostListeners": [],
"description": "",
"rawdescription": "\n",
"type": "component",
"sourceCode": "import { Component, Input, forwardRef } from '@angular/core';\nimport {\n ControlValueAccessor,\n NG_VALUE_ACCESSOR,\n NgModel,\n} from '@angular/forms';\n\nconst noop = (_?: any) => {};\n\n@Component({\n selector: 'hs-input',\n templateUrl: './input.component.html',\n styleUrls: ['./input.component.scss'],\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n // eslint-disable-next-line @angular-eslint/no-forward-ref\n useExisting: forwardRef(() => InputComponent),\n multi: true,\n },\n ],\n})\nexport class InputComponent implements ControlValueAccessor {\n get value(): any {\n return this._value;\n }\n\n set value(value: any) {\n if (value !== this._value) {\n this._value = value;\n this.onChange(value);\n }\n }\n\n @Input() public type: string | undefined;\n @Input() public name: string | undefined;\n @Input() public label: string | undefined;\n @Input() public icon: string | undefined;\n @Input() public errors: { [err: string]: string } | null | undefined;\n @Input() public disabled: string | boolean = 'false';\n @Input() public placeholder: string | undefined;\n\n protected _value: any;\n protected onChange: (_: any) => void = noop;\n protected onTouched: () => void = noop;\n\n get inputClassMap(): { [p: string]: boolean } {\n const rootClass = 'hs-input__input';\n return {\n [rootClass]: true,\n [`${rootClass}--with-icon`]: this.icon !== undefined,\n };\n }\n\n public writeValue(value: any) {\n if (value !== this._value) {\n this._value = value;\n }\n }\n\n public registerOnChange(fn: (_: any) => void) {\n this.onChange = fn;\n }\n\n public registerOnTouched(fn: () => void) {\n this.onTouched = fn;\n }\n\n public hasErrors(input: NgModel): boolean {\n return <boolean>input.touched && this.errors != null;\n }\n}\n",
"assetsDirs": [],
"styleUrlsData": [
{
"data": "@import '../../../assets/styles/variables';\n\n.hs-input {\n &__control {\n position: relative;\n }\n &__label {\n color: $neutral-color-1000;\n text-transform: uppercase;\n font-size: 10px;\n line-height: 12px;\n }\n\n &__icon {\n color: $neutral-color-300;\n height: 24px;\n left: 4px;\n position: absolute;\n top: 3px;\n width: 24px;\n }\n\n &__input {\n border: 1px $neutral-color-300 solid;\n border-radius: 4px;\n color: $neutral-color-800;\n font-size: 14px;\n height: 28px;\n padding: 2px 8px;\n width: 100%;\n &--with-icon {\n padding-left: 28px;\n }\n }\n\n &__errors {\n display: flex;\n align-items: center;\n background: $supportive-color-red-500;\n color: $neutral-color-100;\n position: absolute;\n font-size: 12px;\n padding: 4px;\n line-height: 14px;\n width: 100%;\n top: calc(100% + 4px);\n border-radius: 4px;\n }\n\n &__error{\n position: relative;\n padding-left: 10px;\n margin-right: 7px;\n &::before {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n background-color: white;\n border-radius: 50%;\n top: 50%;\n left: 2%;\n transform: translate(-50%, -50%);\n }\n }\n}\n",
"styleUrl": "./input.component.scss"
}
],
"stylesData": "",
"implements": [
"ControlValueAccessor"
],
"accessors": {
"value": {
"name": "value",
"setSignature": {
"name": "value",
"type": "void",
"deprecated": false,
"deprecationMessage": "",
"args": [
{
"name": "value",
"type": "any",
"deprecated": false,
"deprecationMessage": ""
}
],
"returnType": "void",
"line": 29,
"jsdoctags": [
{
"name": "value",
"type": "any",
"deprecated": false,
"deprecationMessage": "",
"tagName": {
"text": "param"
}
}
]
},
"getSignature": {
"name": "value",
"type": "any",