@htmlbricks/hb-contact-card 0.61.45

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.
package/manifest.json ADDED
@@ -0,0 +1,1260 @@
1
+ {
2
+ "definitions": {
3
+ "events": {
4
+ "$ref": "#/definitions/Events",
5
+ "$schema": "http://json-schema.org/draft-07/schema#",
6
+ "definitions": {
7
+ "Address": {
8
+ "additionalProperties": false,
9
+ "properties": {
10
+ "city": {
11
+ "type": "string"
12
+ },
13
+ "country": {
14
+ "type": "string"
15
+ },
16
+ "label": {
17
+ "type": "string"
18
+ },
19
+ "postalCode": {
20
+ "type": "string"
21
+ },
22
+ "state": {
23
+ "type": "string"
24
+ },
25
+ "street": {
26
+ "type": "string"
27
+ },
28
+ "type": {
29
+ "enum": [
30
+ "home",
31
+ "work",
32
+ "billing",
33
+ "shipping",
34
+ "other"
35
+ ],
36
+ "type": "string"
37
+ }
38
+ },
39
+ "required": [
40
+ "type"
41
+ ],
42
+ "type": "object"
43
+ },
44
+ "Component": {
45
+ "additionalProperties": false,
46
+ "properties": {
47
+ "actions_list": {
48
+ "items": {
49
+ "$ref": "#/definitions/IDropDownMenuListItem"
50
+ },
51
+ "type": "array"
52
+ },
53
+ "data": {
54
+ "$ref": "#/definitions/ContactData"
55
+ },
56
+ "i18nlang": {
57
+ "type": "string"
58
+ },
59
+ "id": {
60
+ "type": "string"
61
+ },
62
+ "style": {
63
+ "type": "string"
64
+ }
65
+ },
66
+ "required": [
67
+ "data"
68
+ ],
69
+ "type": "object"
70
+ },
71
+ "ContactData": {
72
+ "additionalProperties": false,
73
+ "properties": {
74
+ "addresses": {
75
+ "items": {
76
+ "$ref": "#/definitions/Address"
77
+ },
78
+ "type": "array"
79
+ },
80
+ "avatar": {
81
+ "type": "string"
82
+ },
83
+ "clickable": {
84
+ "type": "boolean"
85
+ },
86
+ "company": {
87
+ "type": "string"
88
+ },
89
+ "department": {
90
+ "type": "string"
91
+ },
92
+ "emails": {
93
+ "items": {
94
+ "$ref": "#/definitions/EmailAddress"
95
+ },
96
+ "type": "array"
97
+ },
98
+ "firstName": {
99
+ "type": "string"
100
+ },
101
+ "fullName": {
102
+ "type": "string"
103
+ },
104
+ "jobTitle": {
105
+ "type": "string"
106
+ },
107
+ "lastName": {
108
+ "type": "string"
109
+ },
110
+ "latitude": {
111
+ "type": "number"
112
+ },
113
+ "longitude": {
114
+ "type": "number"
115
+ },
116
+ "notes": {
117
+ "type": "string"
118
+ },
119
+ "phones": {
120
+ "items": {
121
+ "$ref": "#/definitions/PhoneNumber"
122
+ },
123
+ "type": "array"
124
+ },
125
+ "socialMedia": {
126
+ "items": {
127
+ "$ref": "#/definitions/SocialMedia"
128
+ },
129
+ "type": "array"
130
+ },
131
+ "title": {
132
+ "type": "string"
133
+ },
134
+ "website": {
135
+ "type": "string"
136
+ }
137
+ },
138
+ "type": "object"
139
+ },
140
+ "EmailAddress": {
141
+ "additionalProperties": false,
142
+ "properties": {
143
+ "address": {
144
+ "type": "string"
145
+ },
146
+ "label": {
147
+ "type": "string"
148
+ },
149
+ "type": {
150
+ "enum": [
151
+ "home",
152
+ "work",
153
+ "personal",
154
+ "other"
155
+ ],
156
+ "type": "string"
157
+ }
158
+ },
159
+ "required": [
160
+ "address",
161
+ "type"
162
+ ],
163
+ "type": "object"
164
+ },
165
+ "Events": {
166
+ "additionalProperties": false,
167
+ "properties": {
168
+ "addressClick": {
169
+ "additionalProperties": false,
170
+ "properties": {
171
+ "address": {
172
+ "$ref": "#/definitions/Address"
173
+ }
174
+ },
175
+ "required": [
176
+ "address"
177
+ ],
178
+ "type": "object"
179
+ },
180
+ "contactClick": {
181
+ "additionalProperties": false,
182
+ "properties": {
183
+ "contact": {
184
+ "$ref": "#/definitions/Component"
185
+ },
186
+ "id": {
187
+ "type": "string"
188
+ }
189
+ },
190
+ "required": [
191
+ "id",
192
+ "contact"
193
+ ],
194
+ "type": "object"
195
+ },
196
+ "contactDelete": {
197
+ "additionalProperties": false,
198
+ "properties": {
199
+ "contact": {
200
+ "$ref": "#/definitions/Component"
201
+ },
202
+ "id": {
203
+ "type": "string"
204
+ }
205
+ },
206
+ "required": [
207
+ "id",
208
+ "contact"
209
+ ],
210
+ "type": "object"
211
+ },
212
+ "contactEdit": {
213
+ "additionalProperties": false,
214
+ "properties": {
215
+ "contact": {
216
+ "$ref": "#/definitions/Component"
217
+ },
218
+ "id": {
219
+ "type": "string"
220
+ }
221
+ },
222
+ "required": [
223
+ "id",
224
+ "contact"
225
+ ],
226
+ "type": "object"
227
+ },
228
+ "emailClick": {
229
+ "additionalProperties": false,
230
+ "properties": {
231
+ "email": {
232
+ "$ref": "#/definitions/EmailAddress"
233
+ }
234
+ },
235
+ "required": [
236
+ "email"
237
+ ],
238
+ "type": "object"
239
+ },
240
+ "phoneClick": {
241
+ "additionalProperties": false,
242
+ "properties": {
243
+ "phone": {
244
+ "$ref": "#/definitions/PhoneNumber"
245
+ }
246
+ },
247
+ "required": [
248
+ "phone"
249
+ ],
250
+ "type": "object"
251
+ },
252
+ "socialClick": {
253
+ "additionalProperties": false,
254
+ "properties": {
255
+ "social": {
256
+ "$ref": "#/definitions/SocialMedia"
257
+ }
258
+ },
259
+ "required": [
260
+ "social"
261
+ ],
262
+ "type": "object"
263
+ },
264
+ "websiteClick": {
265
+ "additionalProperties": false,
266
+ "properties": {
267
+ "website": {
268
+ "type": "string"
269
+ }
270
+ },
271
+ "required": [
272
+ "website"
273
+ ],
274
+ "type": "object"
275
+ }
276
+ },
277
+ "required": [
278
+ "contactClick",
279
+ "contactEdit",
280
+ "contactDelete",
281
+ "phoneClick",
282
+ "emailClick",
283
+ "websiteClick",
284
+ "socialClick",
285
+ "addressClick"
286
+ ],
287
+ "type": "object"
288
+ },
289
+ "IDropDownMenuListItem": {
290
+ "additionalProperties": false,
291
+ "properties": {
292
+ "badge": {
293
+ "type": "number"
294
+ },
295
+ "group": {
296
+ "type": "string"
297
+ },
298
+ "key": {
299
+ "type": "string"
300
+ },
301
+ "label": {
302
+ "type": "string"
303
+ },
304
+ "linkHref": {
305
+ "type": "string"
306
+ }
307
+ },
308
+ "required": [
309
+ "key",
310
+ "label"
311
+ ],
312
+ "type": "object"
313
+ },
314
+ "PhoneNumber": {
315
+ "additionalProperties": false,
316
+ "properties": {
317
+ "label": {
318
+ "type": "string"
319
+ },
320
+ "number": {
321
+ "type": "string"
322
+ },
323
+ "type": {
324
+ "enum": [
325
+ "home",
326
+ "work",
327
+ "mobile",
328
+ "fax",
329
+ "other"
330
+ ],
331
+ "type": "string"
332
+ }
333
+ },
334
+ "required": [
335
+ "number",
336
+ "type"
337
+ ],
338
+ "type": "object"
339
+ },
340
+ "SocialMedia": {
341
+ "additionalProperties": false,
342
+ "properties": {
343
+ "platform": {
344
+ "enum": [
345
+ "linkedin",
346
+ "twitter",
347
+ "facebook",
348
+ "instagram",
349
+ "github",
350
+ "youtube",
351
+ "tiktok",
352
+ "other"
353
+ ],
354
+ "type": "string"
355
+ },
356
+ "url": {
357
+ "type": "string"
358
+ },
359
+ "username": {
360
+ "type": "string"
361
+ }
362
+ },
363
+ "required": [
364
+ "platform",
365
+ "url"
366
+ ],
367
+ "type": "object"
368
+ }
369
+ }
370
+ },
371
+ "component": {
372
+ "$ref": "#/definitions/Component",
373
+ "$schema": "http://json-schema.org/draft-07/schema#",
374
+ "definitions": {
375
+ "Address": {
376
+ "additionalProperties": false,
377
+ "properties": {
378
+ "city": {
379
+ "type": "string"
380
+ },
381
+ "country": {
382
+ "type": "string"
383
+ },
384
+ "label": {
385
+ "type": "string"
386
+ },
387
+ "postalCode": {
388
+ "type": "string"
389
+ },
390
+ "state": {
391
+ "type": "string"
392
+ },
393
+ "street": {
394
+ "type": "string"
395
+ },
396
+ "type": {
397
+ "enum": [
398
+ "home",
399
+ "work",
400
+ "billing",
401
+ "shipping",
402
+ "other"
403
+ ],
404
+ "type": "string"
405
+ }
406
+ },
407
+ "required": [
408
+ "type"
409
+ ],
410
+ "type": "object"
411
+ },
412
+ "Component": {
413
+ "additionalProperties": false,
414
+ "properties": {
415
+ "actions_list": {
416
+ "items": {
417
+ "$ref": "#/definitions/IDropDownMenuListItem"
418
+ },
419
+ "type": "array"
420
+ },
421
+ "data": {
422
+ "$ref": "#/definitions/ContactData"
423
+ },
424
+ "i18nlang": {
425
+ "type": "string"
426
+ },
427
+ "id": {
428
+ "type": "string"
429
+ },
430
+ "style": {
431
+ "type": "string"
432
+ }
433
+ },
434
+ "required": [
435
+ "data"
436
+ ],
437
+ "type": "object"
438
+ },
439
+ "ContactData": {
440
+ "additionalProperties": false,
441
+ "properties": {
442
+ "addresses": {
443
+ "items": {
444
+ "$ref": "#/definitions/Address"
445
+ },
446
+ "type": "array"
447
+ },
448
+ "avatar": {
449
+ "type": "string"
450
+ },
451
+ "clickable": {
452
+ "type": "boolean"
453
+ },
454
+ "company": {
455
+ "type": "string"
456
+ },
457
+ "department": {
458
+ "type": "string"
459
+ },
460
+ "emails": {
461
+ "items": {
462
+ "$ref": "#/definitions/EmailAddress"
463
+ },
464
+ "type": "array"
465
+ },
466
+ "firstName": {
467
+ "type": "string"
468
+ },
469
+ "fullName": {
470
+ "type": "string"
471
+ },
472
+ "jobTitle": {
473
+ "type": "string"
474
+ },
475
+ "lastName": {
476
+ "type": "string"
477
+ },
478
+ "latitude": {
479
+ "type": "number"
480
+ },
481
+ "longitude": {
482
+ "type": "number"
483
+ },
484
+ "notes": {
485
+ "type": "string"
486
+ },
487
+ "phones": {
488
+ "items": {
489
+ "$ref": "#/definitions/PhoneNumber"
490
+ },
491
+ "type": "array"
492
+ },
493
+ "socialMedia": {
494
+ "items": {
495
+ "$ref": "#/definitions/SocialMedia"
496
+ },
497
+ "type": "array"
498
+ },
499
+ "title": {
500
+ "type": "string"
501
+ },
502
+ "website": {
503
+ "type": "string"
504
+ }
505
+ },
506
+ "type": "object"
507
+ },
508
+ "EmailAddress": {
509
+ "additionalProperties": false,
510
+ "properties": {
511
+ "address": {
512
+ "type": "string"
513
+ },
514
+ "label": {
515
+ "type": "string"
516
+ },
517
+ "type": {
518
+ "enum": [
519
+ "home",
520
+ "work",
521
+ "personal",
522
+ "other"
523
+ ],
524
+ "type": "string"
525
+ }
526
+ },
527
+ "required": [
528
+ "address",
529
+ "type"
530
+ ],
531
+ "type": "object"
532
+ },
533
+ "IDropDownMenuListItem": {
534
+ "additionalProperties": false,
535
+ "properties": {
536
+ "badge": {
537
+ "type": "number"
538
+ },
539
+ "group": {
540
+ "type": "string"
541
+ },
542
+ "key": {
543
+ "type": "string"
544
+ },
545
+ "label": {
546
+ "type": "string"
547
+ },
548
+ "linkHref": {
549
+ "type": "string"
550
+ }
551
+ },
552
+ "required": [
553
+ "key",
554
+ "label"
555
+ ],
556
+ "type": "object"
557
+ },
558
+ "PhoneNumber": {
559
+ "additionalProperties": false,
560
+ "properties": {
561
+ "label": {
562
+ "type": "string"
563
+ },
564
+ "number": {
565
+ "type": "string"
566
+ },
567
+ "type": {
568
+ "enum": [
569
+ "home",
570
+ "work",
571
+ "mobile",
572
+ "fax",
573
+ "other"
574
+ ],
575
+ "type": "string"
576
+ }
577
+ },
578
+ "required": [
579
+ "number",
580
+ "type"
581
+ ],
582
+ "type": "object"
583
+ },
584
+ "SocialMedia": {
585
+ "additionalProperties": false,
586
+ "properties": {
587
+ "platform": {
588
+ "enum": [
589
+ "linkedin",
590
+ "twitter",
591
+ "facebook",
592
+ "instagram",
593
+ "github",
594
+ "youtube",
595
+ "tiktok",
596
+ "other"
597
+ ],
598
+ "type": "string"
599
+ },
600
+ "url": {
601
+ "type": "string"
602
+ },
603
+ "username": {
604
+ "type": "string"
605
+ }
606
+ },
607
+ "required": [
608
+ "platform",
609
+ "url"
610
+ ],
611
+ "type": "object"
612
+ }
613
+ }
614
+ }
615
+ },
616
+ "description": "A comprehensive contact card component that displays personal, contact, company, and social media information in a clean, Bootstrap-styled card format. Uses a single data object with structured arrays for phone numbers, addresses, and social media profiles. Features include avatar support with placeholder, clickable contact information, social media links, collapsible sections, and customizable action buttons with grouping, badges, and links support.",
617
+ "storybookArgs": {
618
+ "data": {
619
+ "control": {
620
+ "type": "object"
621
+ },
622
+ "description": "Contact data object containing all contact information"
623
+ },
624
+ "actions_list": {
625
+ "control": {
626
+ "type": "array"
627
+ },
628
+ "description": "List of actions to display in the dropdown"
629
+ },
630
+ "i18nlang": {
631
+ "control": {
632
+ "type": "select"
633
+ },
634
+ "options": [
635
+ "en",
636
+ "it"
637
+ ],
638
+ "description": "Language to use for the component"
639
+ },
640
+ "contactClick": {
641
+ "action": "contactClickEvent"
642
+ },
643
+ "contactEdit": {
644
+ "action": "contactEditEvent"
645
+ },
646
+ "contactDelete": {
647
+ "action": "contactDeleteEvent"
648
+ },
649
+ "phoneClick": {
650
+ "action": "phoneClickEvent"
651
+ },
652
+ "emailClick": {
653
+ "action": "emailClickEvent"
654
+ },
655
+ "websiteClick": {
656
+ "action": "websiteClickEvent"
657
+ },
658
+ "socialClick": {
659
+ "action": "socialClickEvent"
660
+ },
661
+ "addressClick": {
662
+ "action": "addressClickEvent"
663
+ }
664
+ },
665
+ "styleSetup": {
666
+ "vars": [
667
+ {
668
+ "name": "--hb--contact-card-primary",
669
+ "defaultValue": "#0d6efd",
670
+ "valueType": "color"
671
+ },
672
+ {
673
+ "name": "--hb--contact-card-secondary",
674
+ "defaultValue": "#6c757d",
675
+ "valueType": "color"
676
+ },
677
+ {
678
+ "name": "--hb--contact-card-success",
679
+ "defaultValue": "#198754",
680
+ "valueType": "color"
681
+ },
682
+ {
683
+ "name": "--hb--contact-card-danger",
684
+ "defaultValue": "#dc3545",
685
+ "valueType": "color"
686
+ },
687
+ {
688
+ "name": "--hb--contact-card-warning",
689
+ "defaultValue": "#ffc107",
690
+ "valueType": "color"
691
+ },
692
+ {
693
+ "name": "--hb--contact-card-info",
694
+ "defaultValue": "#0dcaf0",
695
+ "valueType": "color"
696
+ },
697
+ {
698
+ "name": "--hb--contact-card-light",
699
+ "defaultValue": "#f8f9fa",
700
+ "valueType": "color"
701
+ },
702
+ {
703
+ "name": "--hb--contact-card-dark",
704
+ "defaultValue": "#212529",
705
+ "valueType": "color"
706
+ },
707
+ {
708
+ "name": "--hb--contact-card-border-radius",
709
+ "defaultValue": "0.375rem",
710
+ "valueType": "string"
711
+ },
712
+ {
713
+ "name": "--hb--contact-card-box-shadow",
714
+ "defaultValue": "0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)",
715
+ "valueType": "string"
716
+ },
717
+ {
718
+ "name": "--hb--contact-card-box-shadow-hover",
719
+ "defaultValue": "0 0.5rem 1rem rgba(0, 0, 0, 0.15)",
720
+ "valueType": "string"
721
+ }
722
+ ],
723
+ "parts": [
724
+ {
725
+ "name": "card",
726
+ "description": "The main card container"
727
+ },
728
+ {
729
+ "name": "header",
730
+ "description": "The card header containing avatar and name"
731
+ },
732
+ {
733
+ "name": "body",
734
+ "description": "The card body containing contact information"
735
+ },
736
+ {
737
+ "name": "avatar",
738
+ "description": "The avatar image or placeholder"
739
+ },
740
+ {
741
+ "name": "actions",
742
+ "description": "The action buttons dropdown"
743
+ }
744
+ ]
745
+ },
746
+ "contributors": [],
747
+ "htmlSlots": [],
748
+ "i18n": [
749
+ {
750
+ "lang": "it",
751
+ "language": "italian"
752
+ },
753
+ {
754
+ "lang": "en",
755
+ "language": "english"
756
+ }
757
+ ],
758
+ "examples": [
759
+ {
760
+ "name": "CompleteContact",
761
+ "description": "A contact card with all information filled",
762
+ "data": {
763
+ "id": "contact-1",
764
+ "data": {
765
+ "firstName": "John",
766
+ "lastName": "Doe",
767
+ "title": "Software Engineer",
768
+ "emails": [
769
+ {
770
+ "address": "john.doe@example.com",
771
+ "type": "work",
772
+ "label": "Work Email"
773
+ },
774
+ {
775
+ "address": "john@personal.com",
776
+ "type": "personal",
777
+ "label": "Personal"
778
+ }
779
+ ],
780
+ "phones": [
781
+ {
782
+ "number": "+1 (555) 123-4567",
783
+ "type": "work",
784
+ "label": "Office"
785
+ },
786
+ {
787
+ "number": "+1 (555) 987-6543",
788
+ "type": "mobile",
789
+ "label": "Personal"
790
+ }
791
+ ],
792
+ "website": "https://johndoe.dev",
793
+ "addresses": [
794
+ {
795
+ "street": "123 Main Street",
796
+ "city": "New York",
797
+ "state": "NY",
798
+ "postalCode": "10001",
799
+ "country": "United States",
800
+ "type": "home",
801
+ "label": "Home Address"
802
+ }
803
+ ],
804
+ "company": "Tech Corp",
805
+ "department": "Engineering",
806
+ "jobTitle": "Senior Software Engineer",
807
+ "notes": "Met at the tech conference last year. Very knowledgeable about React and Node.js.",
808
+ "avatar": "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face",
809
+ "socialMedia": [
810
+ {
811
+ "platform": "linkedin",
812
+ "url": "https://linkedin.com/in/johndoe",
813
+ "username": "johndoe"
814
+ },
815
+ {
816
+ "platform": "twitter",
817
+ "url": "https://twitter.com/johndoe",
818
+ "username": "johndoe"
819
+ }
820
+ ],
821
+ "clickable": true
822
+ },
823
+ "actions_list": [
824
+ {
825
+ "key": "edit",
826
+ "label": "Edit Contact",
827
+ "group": "Actions"
828
+ },
829
+ {
830
+ "key": "call",
831
+ "label": "Call",
832
+ "group": "Actions"
833
+ },
834
+ {
835
+ "key": "email",
836
+ "label": "Send Email",
837
+ "group": "Actions"
838
+ },
839
+ {
840
+ "key": "message",
841
+ "label": "Send Message",
842
+ "group": "Communication"
843
+ },
844
+ {
845
+ "key": "schedule",
846
+ "label": "Schedule Meeting",
847
+ "group": "Communication"
848
+ },
849
+ {
850
+ "key": "delete",
851
+ "label": "Delete Contact",
852
+ "group": "Danger"
853
+ }
854
+ ]
855
+ }
856
+ },
857
+ {
858
+ "name": "MinimalContact",
859
+ "description": "A contact card with only basic information",
860
+ "data": {
861
+ "id": "contact-2",
862
+ "data": {
863
+ "fullName": "Jane Smith",
864
+ "emails": [
865
+ {
866
+ "address": "jane@example.com",
867
+ "type": "personal"
868
+ }
869
+ ],
870
+ "phones": [
871
+ {
872
+ "number": "+1 (555) 456-7890",
873
+ "type": "mobile"
874
+ }
875
+ ],
876
+ "clickable": true
877
+ },
878
+ "actions_list": [
879
+ {
880
+ "key": "edit",
881
+ "label": "Edit Contact"
882
+ },
883
+ {
884
+ "key": "call",
885
+ "label": "Call"
886
+ },
887
+ {
888
+ "key": "email",
889
+ "label": "Send Email"
890
+ }
891
+ ]
892
+ }
893
+ },
894
+ {
895
+ "name": "BusinessContact",
896
+ "description": "A business contact with company information",
897
+ "data": {
898
+ "id": "contact-3",
899
+ "data": {
900
+ "firstName": "Michael",
901
+ "lastName": "Johnson",
902
+ "title": "CEO",
903
+ "emails": [
904
+ {
905
+ "address": "michael@company.com",
906
+ "type": "work",
907
+ "label": "Business Email"
908
+ },
909
+ {
910
+ "address": "m.johnson@personal.com",
911
+ "type": "personal",
912
+ "label": "Personal"
913
+ }
914
+ ],
915
+ "phones": [
916
+ {
917
+ "number": "+1 (555) 789-0123",
918
+ "type": "work",
919
+ "label": "Direct Line"
920
+ }
921
+ ],
922
+ "addresses": [
923
+ {
924
+ "street": "456 Business Ave",
925
+ "city": "San Francisco",
926
+ "state": "CA",
927
+ "postalCode": "94105",
928
+ "country": "United States",
929
+ "type": "work",
930
+ "label": "Headquarters"
931
+ }
932
+ ],
933
+ "company": "Acme Corporation",
934
+ "jobTitle": "Chief Executive Officer",
935
+ "socialMedia": [
936
+ {
937
+ "platform": "linkedin",
938
+ "url": "https://linkedin.com/in/michaeljohnson",
939
+ "username": "michaeljohnson"
940
+ }
941
+ ],
942
+ "clickable": true
943
+ },
944
+ "actions_list": [
945
+ {
946
+ "key": "call",
947
+ "label": "Call",
948
+ "group": "Contact"
949
+ },
950
+ {
951
+ "key": "email",
952
+ "label": "Send Email",
953
+ "group": "Contact"
954
+ },
955
+ {
956
+ "key": "linkedin",
957
+ "label": "View LinkedIn",
958
+ "group": "Social"
959
+ },
960
+ {
961
+ "key": "schedule",
962
+ "label": "Schedule Meeting",
963
+ "group": "Business"
964
+ },
965
+ {
966
+ "key": "notes",
967
+ "label": "Add Notes",
968
+ "group": "Business"
969
+ }
970
+ ]
971
+ }
972
+ },
973
+ {
974
+ "name": "SocialMediaContact",
975
+ "description": "A contact with multiple social media profiles",
976
+ "data": {
977
+ "id": "contact-4",
978
+ "data": {
979
+ "fullName": "Sarah Wilson",
980
+ "title": "Digital Marketing Specialist",
981
+ "emails": [
982
+ {
983
+ "address": "sarah@marketing.com",
984
+ "type": "work",
985
+ "label": "Work Email"
986
+ }
987
+ ],
988
+ "company": "Digital Agency",
989
+ "socialMedia": [
990
+ {
991
+ "platform": "linkedin",
992
+ "url": "https://linkedin.com/in/sarahwilson",
993
+ "username": "sarahwilson"
994
+ },
995
+ {
996
+ "platform": "twitter",
997
+ "url": "https://twitter.com/sarahwilson",
998
+ "username": "sarahwilson"
999
+ },
1000
+ {
1001
+ "platform": "facebook",
1002
+ "url": "https://facebook.com/sarahwilson",
1003
+ "username": "sarahwilson"
1004
+ },
1005
+ {
1006
+ "platform": "instagram",
1007
+ "url": "https://instagram.com/sarahwilson",
1008
+ "username": "sarahwilson"
1009
+ }
1010
+ ],
1011
+ "clickable": true
1012
+ },
1013
+ "actions_list": [
1014
+ {
1015
+ "key": "email",
1016
+ "label": "Send Email",
1017
+ "group": "Contact"
1018
+ },
1019
+ {
1020
+ "key": "linkedin",
1021
+ "label": "View LinkedIn",
1022
+ "group": "Social"
1023
+ },
1024
+ {
1025
+ "key": "twitter",
1026
+ "label": "View Twitter",
1027
+ "group": "Social"
1028
+ },
1029
+ {
1030
+ "key": "facebook",
1031
+ "label": "View Facebook",
1032
+ "group": "Social"
1033
+ },
1034
+ {
1035
+ "key": "instagram",
1036
+ "label": "View Instagram",
1037
+ "group": "Social"
1038
+ },
1039
+ {
1040
+ "key": "follow",
1041
+ "label": "Follow All",
1042
+ "group": "Social"
1043
+ }
1044
+ ]
1045
+ }
1046
+ },
1047
+ {
1048
+ "name": "MultipleAddressesContact",
1049
+ "description": "A contact with multiple addresses and phone numbers",
1050
+ "data": {
1051
+ "id": "contact-5",
1052
+ "data": {
1053
+ "fullName": "Robert Brown",
1054
+ "title": "Consultant",
1055
+ "emails": [
1056
+ {
1057
+ "address": "robert@consulting.com",
1058
+ "type": "work",
1059
+ "label": "Business Email"
1060
+ }
1061
+ ],
1062
+ "phones": [
1063
+ {
1064
+ "number": "+1 (555) 321-0987",
1065
+ "type": "work",
1066
+ "label": "Office"
1067
+ },
1068
+ {
1069
+ "number": "+1 (555) 321-0988",
1070
+ "type": "mobile",
1071
+ "label": "Cell"
1072
+ },
1073
+ {
1074
+ "number": "+1 (555) 321-0989",
1075
+ "type": "fax",
1076
+ "label": "Fax"
1077
+ }
1078
+ ],
1079
+ "addresses": [
1080
+ {
1081
+ "street": "789 Office Plaza",
1082
+ "city": "Chicago",
1083
+ "state": "IL",
1084
+ "postalCode": "60601",
1085
+ "country": "United States",
1086
+ "type": "work",
1087
+ "label": "Office"
1088
+ },
1089
+ {
1090
+ "street": "456 Home Street",
1091
+ "city": "Evanston",
1092
+ "state": "IL",
1093
+ "postalCode": "60201",
1094
+ "country": "United States",
1095
+ "type": "home",
1096
+ "label": "Home"
1097
+ }
1098
+ ],
1099
+ "company": "Brown Consulting",
1100
+ "clickable": true
1101
+ },
1102
+ "actions_list": [
1103
+ {
1104
+ "key": "call_office",
1105
+ "label": "Call Office",
1106
+ "group": "Phone"
1107
+ },
1108
+ {
1109
+ "key": "call_mobile",
1110
+ "label": "Call Mobile",
1111
+ "group": "Phone"
1112
+ },
1113
+ {
1114
+ "key": "email",
1115
+ "label": "Send Email",
1116
+ "group": "Contact"
1117
+ },
1118
+ {
1119
+ "key": "directions_office",
1120
+ "label": "Directions to Office",
1121
+ "group": "Location"
1122
+ },
1123
+ {
1124
+ "key": "directions_home",
1125
+ "label": "Directions to Home",
1126
+ "group": "Location"
1127
+ },
1128
+ {
1129
+ "key": "edit",
1130
+ "label": "Edit Contact",
1131
+ "group": "Actions"
1132
+ }
1133
+ ]
1134
+ }
1135
+ },
1136
+ {
1137
+ "name": "ReadOnlyContact",
1138
+ "description": "A contact card that cannot be edited or clicked",
1139
+ "data": {
1140
+ "id": "contact-6",
1141
+ "data": {
1142
+ "fullName": "Alice Johnson",
1143
+ "title": "Consultant",
1144
+ "emails": [
1145
+ {
1146
+ "address": "alice@consulting.com",
1147
+ "type": "work",
1148
+ "label": "Work Email"
1149
+ }
1150
+ ],
1151
+ "phones": [
1152
+ {
1153
+ "number": "+1 (555) 999-8888",
1154
+ "type": "mobile"
1155
+ }
1156
+ ],
1157
+ "company": "Johnson Consulting",
1158
+ "clickable": false
1159
+ },
1160
+ "actions_list": []
1161
+ }
1162
+ },
1163
+ {
1164
+ "name": "AdvancedActionsContact",
1165
+ "description": "A contact card with advanced actions including badges and links",
1166
+ "data": {
1167
+ "id": "contact-7",
1168
+ "data": {
1169
+ "fullName": "David Miller",
1170
+ "title": "Project Manager",
1171
+ "emails": [
1172
+ {
1173
+ "address": "david@project.com",
1174
+ "type": "work",
1175
+ "label": "Work Email"
1176
+ }
1177
+ ],
1178
+ "phones": [
1179
+ {
1180
+ "number": "+1 (555) 111-2222",
1181
+ "type": "work",
1182
+ "label": "Office"
1183
+ }
1184
+ ],
1185
+ "company": "Project Solutions Inc.",
1186
+ "clickable": true
1187
+ },
1188
+ "actions_list": [
1189
+ {
1190
+ "key": "edit",
1191
+ "label": "Edit Contact",
1192
+ "group": "Actions"
1193
+ },
1194
+ {
1195
+ "key": "call",
1196
+ "label": "Call",
1197
+ "group": "Contact"
1198
+ },
1199
+ {
1200
+ "key": "email",
1201
+ "label": "Send Email",
1202
+ "group": "Contact"
1203
+ },
1204
+ {
1205
+ "key": "tasks",
1206
+ "label": "View Tasks",
1207
+ "group": "Project",
1208
+ "badge": 5
1209
+ },
1210
+ {
1211
+ "key": "meetings",
1212
+ "label": "Schedule Meeting",
1213
+ "group": "Project",
1214
+ "badge": 2
1215
+ },
1216
+ {
1217
+ "key": "documents",
1218
+ "label": "View Documents",
1219
+ "group": "Project",
1220
+ "linkHref": "/documents/david-miller"
1221
+ },
1222
+ {
1223
+ "key": "reports",
1224
+ "label": "Generate Report",
1225
+ "group": "Project"
1226
+ },
1227
+ {
1228
+ "key": "archive",
1229
+ "label": "Archive Contact",
1230
+ "group": "Danger"
1231
+ }
1232
+ ]
1233
+ }
1234
+ }
1235
+ ],
1236
+ "screenshots": [],
1237
+ "licenses": [
1238
+ {
1239
+ "type": "MIT",
1240
+ "path": "LICENSE.md",
1241
+ "cost": 0,
1242
+ "currency": "EUR"
1243
+ }
1244
+ ],
1245
+ "readmePath": "README.md",
1246
+ "name": "hb-contact-card",
1247
+ "category": "contact",
1248
+ "tags": [
1249
+ "contact",
1250
+ "card",
1251
+ "bootstrap",
1252
+ "avatar",
1253
+ "social",
1254
+ "business"
1255
+ ],
1256
+ "size": {},
1257
+ "iifePath": "main.iife.js",
1258
+ "repoName": "@htmlbricks/hb-contact-card",
1259
+ "version": "0.61.45"
1260
+ }