@htmlbricks/hb-contact-card 0.71.35 → 0.71.37
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/README.md +176 -35
- package/main.iife.js +1 -1
- package/main.iife.js.map +1 -1
- package/manifest.json +83 -108
- package/package.json +1 -1
- package/types/webcomponent.type.d.ts +3 -3
- package/types/webcomponent_events.type.d.json +3 -69
package/manifest.json
CHANGED
|
@@ -41,47 +41,6 @@
|
|
|
41
41
|
],
|
|
42
42
|
"type": "object"
|
|
43
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
|
-
"show_header_collapse_button": {
|
|
63
|
-
"enum": [
|
|
64
|
-
"yes",
|
|
65
|
-
"no"
|
|
66
|
-
],
|
|
67
|
-
"type": "string"
|
|
68
|
-
},
|
|
69
|
-
"start_collapsed": {
|
|
70
|
-
"enum": [
|
|
71
|
-
"yes",
|
|
72
|
-
"no"
|
|
73
|
-
],
|
|
74
|
-
"type": "string"
|
|
75
|
-
},
|
|
76
|
-
"style": {
|
|
77
|
-
"type": "string"
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
"required": [
|
|
81
|
-
"data"
|
|
82
|
-
],
|
|
83
|
-
"type": "object"
|
|
84
|
-
},
|
|
85
44
|
"ContactData": {
|
|
86
45
|
"additionalProperties": false,
|
|
87
46
|
"properties": {
|
|
@@ -215,7 +174,7 @@
|
|
|
215
174
|
"additionalProperties": false,
|
|
216
175
|
"properties": {
|
|
217
176
|
"contact": {
|
|
218
|
-
"$ref": "#/definitions/
|
|
177
|
+
"$ref": "#/definitions/ContactData"
|
|
219
178
|
},
|
|
220
179
|
"id": {
|
|
221
180
|
"type": "string"
|
|
@@ -231,7 +190,7 @@
|
|
|
231
190
|
"additionalProperties": false,
|
|
232
191
|
"properties": {
|
|
233
192
|
"contact": {
|
|
234
|
-
"$ref": "#/definitions/
|
|
193
|
+
"$ref": "#/definitions/ContactData"
|
|
235
194
|
},
|
|
236
195
|
"id": {
|
|
237
196
|
"type": "string"
|
|
@@ -247,7 +206,7 @@
|
|
|
247
206
|
"additionalProperties": false,
|
|
248
207
|
"properties": {
|
|
249
208
|
"contact": {
|
|
250
|
-
"$ref": "#/definitions/
|
|
209
|
+
"$ref": "#/definitions/ContactData"
|
|
251
210
|
},
|
|
252
211
|
"id": {
|
|
253
212
|
"type": "string"
|
|
@@ -337,31 +296,6 @@
|
|
|
337
296
|
],
|
|
338
297
|
"type": "object"
|
|
339
298
|
},
|
|
340
|
-
"IDropDownMenuListItem": {
|
|
341
|
-
"additionalProperties": false,
|
|
342
|
-
"properties": {
|
|
343
|
-
"badge": {
|
|
344
|
-
"type": "number"
|
|
345
|
-
},
|
|
346
|
-
"group": {
|
|
347
|
-
"type": "string"
|
|
348
|
-
},
|
|
349
|
-
"key": {
|
|
350
|
-
"type": "string"
|
|
351
|
-
},
|
|
352
|
-
"label": {
|
|
353
|
-
"type": "string"
|
|
354
|
-
},
|
|
355
|
-
"linkHref": {
|
|
356
|
-
"type": "string"
|
|
357
|
-
}
|
|
358
|
-
},
|
|
359
|
-
"required": [
|
|
360
|
-
"key",
|
|
361
|
-
"label"
|
|
362
|
-
],
|
|
363
|
-
"type": "object"
|
|
364
|
-
},
|
|
365
299
|
"PhoneNumber": {
|
|
366
300
|
"additionalProperties": false,
|
|
367
301
|
"properties": {
|
|
@@ -759,81 +693,122 @@
|
|
|
759
693
|
"styleSetup": {
|
|
760
694
|
"vars": [
|
|
761
695
|
{
|
|
762
|
-
"name": "--
|
|
696
|
+
"name": "--bulma-border",
|
|
763
697
|
"valueType": "color",
|
|
764
|
-
"defaultValue": ""
|
|
698
|
+
"defaultValue": "(theme)",
|
|
699
|
+
"description": "Card outer border and row separators."
|
|
765
700
|
},
|
|
766
701
|
{
|
|
767
|
-
"name": "--
|
|
768
|
-
"valueType": "
|
|
769
|
-
"defaultValue": ""
|
|
702
|
+
"name": "--bulma-radius",
|
|
703
|
+
"valueType": "number",
|
|
704
|
+
"defaultValue": "0.375rem",
|
|
705
|
+
"description": "Card corner radius and interactive row radius."
|
|
770
706
|
},
|
|
771
707
|
{
|
|
772
|
-
"name": "--
|
|
773
|
-
"valueType": "
|
|
774
|
-
"defaultValue": ""
|
|
708
|
+
"name": "--bulma-shadow",
|
|
709
|
+
"valueType": "other",
|
|
710
|
+
"defaultValue": "(theme)",
|
|
711
|
+
"description": "Default card elevation; hover uses `--bulma-card-shadow` when set."
|
|
775
712
|
},
|
|
776
713
|
{
|
|
777
|
-
"name": "--
|
|
778
|
-
"valueType": "
|
|
779
|
-
"defaultValue": ""
|
|
714
|
+
"name": "--bulma-card-background-color",
|
|
715
|
+
"valueType": "color",
|
|
716
|
+
"defaultValue": "(theme)",
|
|
717
|
+
"description": "Card surface color (falls back to `--bulma-body-background`)."
|
|
780
718
|
},
|
|
781
719
|
{
|
|
782
|
-
"name": "--
|
|
783
|
-
"valueType": "
|
|
784
|
-
"defaultValue": ""
|
|
720
|
+
"name": "--bulma-card-shadow",
|
|
721
|
+
"valueType": "other",
|
|
722
|
+
"defaultValue": "(theme)",
|
|
723
|
+
"description": "Stronger shadow on hover for clickable cards."
|
|
785
724
|
},
|
|
786
725
|
{
|
|
787
|
-
"name": "--
|
|
788
|
-
"valueType": "
|
|
789
|
-
"defaultValue": ""
|
|
726
|
+
"name": "--bulma-body-background",
|
|
727
|
+
"valueType": "color",
|
|
728
|
+
"defaultValue": "(theme)",
|
|
729
|
+
"description": "Fallback card background when `--bulma-card-background-color` is unset."
|
|
790
730
|
},
|
|
791
731
|
{
|
|
792
|
-
"name": "--
|
|
793
|
-
"valueType": "
|
|
794
|
-
"defaultValue": ""
|
|
732
|
+
"name": "--bulma-link",
|
|
733
|
+
"valueType": "color",
|
|
734
|
+
"defaultValue": "(theme)",
|
|
735
|
+
"description": "Focus ring, inline links, and social pill hover states."
|
|
795
736
|
},
|
|
796
737
|
{
|
|
797
|
-
"name": "--
|
|
798
|
-
"valueType": "
|
|
799
|
-
"defaultValue": ""
|
|
738
|
+
"name": "--bulma-link-invert",
|
|
739
|
+
"valueType": "color",
|
|
740
|
+
"defaultValue": "(theme)",
|
|
741
|
+
"description": "Text on social pills when background is `--bulma-link`."
|
|
800
742
|
},
|
|
801
743
|
{
|
|
802
|
-
"name": "--
|
|
803
|
-
"valueType": "
|
|
804
|
-
"defaultValue": ""
|
|
744
|
+
"name": "--bulma-info",
|
|
745
|
+
"valueType": "color",
|
|
746
|
+
"defaultValue": "(theme)",
|
|
747
|
+
"description": "Fallback for avatar placeholder gradient (with `--bulma-link`)."
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"name": "--bulma-scheme-main-bis",
|
|
751
|
+
"valueType": "color",
|
|
752
|
+
"defaultValue": "(theme)",
|
|
753
|
+
"description": "Header strip and muted social pill backgrounds."
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"name": "--bulma-white",
|
|
757
|
+
"valueType": "color",
|
|
758
|
+
"defaultValue": "(theme)",
|
|
759
|
+
"description": "Avatar placeholder text on top of the gradient."
|
|
805
760
|
},
|
|
806
761
|
{
|
|
807
|
-
"name": "--
|
|
808
|
-
"valueType": "
|
|
809
|
-
"defaultValue": ""
|
|
762
|
+
"name": "--bulma-text",
|
|
763
|
+
"valueType": "color",
|
|
764
|
+
"defaultValue": "(theme)",
|
|
765
|
+
"description": "Default body and row text."
|
|
766
|
+
},
|
|
767
|
+
{
|
|
768
|
+
"name": "--bulma-text-strong",
|
|
769
|
+
"valueType": "color",
|
|
770
|
+
"defaultValue": "(theme)",
|
|
771
|
+
"description": "Name and section headings inside the card."
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"name": "--bulma-text-weak",
|
|
775
|
+
"valueType": "color",
|
|
776
|
+
"defaultValue": "(theme)",
|
|
777
|
+
"description": "Muted labels (e.g. field type hints)."
|
|
778
|
+
},
|
|
779
|
+
{
|
|
780
|
+
"name": "--bulma-background-lighter",
|
|
781
|
+
"valueType": "color",
|
|
782
|
+
"defaultValue": "(theme)",
|
|
783
|
+
"description": "Hover background for clickable contact rows."
|
|
810
784
|
},
|
|
811
785
|
{
|
|
812
|
-
"name": "--
|
|
813
|
-
"valueType": "
|
|
814
|
-
"defaultValue": ""
|
|
786
|
+
"name": "--bulma-radius-rounded",
|
|
787
|
+
"valueType": "number",
|
|
788
|
+
"defaultValue": "9999px",
|
|
789
|
+
"description": "Circular avatar and pill-shaped social buttons."
|
|
815
790
|
}
|
|
816
791
|
],
|
|
817
792
|
"parts": [
|
|
818
793
|
{
|
|
819
794
|
"name": "card",
|
|
820
|
-
"description": "
|
|
795
|
+
"description": "Root Bulma card element; use for overall border, radius, shadow, or background from the host."
|
|
821
796
|
},
|
|
822
797
|
{
|
|
823
798
|
"name": "header",
|
|
824
|
-
"description": "
|
|
799
|
+
"description": "Header strip with avatar, name, and collapse control; target for layout and typography tweaks."
|
|
825
800
|
},
|
|
826
801
|
{
|
|
827
802
|
"name": "body",
|
|
828
|
-
"description": "
|
|
803
|
+
"description": "Scrollable body listing phones, emails, addresses, social links, and notes."
|
|
829
804
|
},
|
|
830
805
|
{
|
|
831
806
|
"name": "avatar",
|
|
832
|
-
"description": "
|
|
807
|
+
"description": "Avatar `<img>` or placeholder circle; size and border are exposed for host styling."
|
|
833
808
|
},
|
|
834
809
|
{
|
|
835
810
|
"name": "actions",
|
|
836
|
-
"description": "
|
|
811
|
+
"description": "Wrapper around the actions dropdown trigger (`hb-dropdown-simple`); style the menu affordance."
|
|
837
812
|
}
|
|
838
813
|
]
|
|
839
814
|
},
|
|
@@ -1379,7 +1354,7 @@
|
|
|
1379
1354
|
}
|
|
1380
1355
|
}
|
|
1381
1356
|
],
|
|
1382
|
-
"iifeIntegrity": "sha384-
|
|
1357
|
+
"iifeIntegrity": "sha384-yjtpVE7csoeWXICyyj6DVsRgL688QX/pmBKK7rbvmFJlU1v1ErQ8dGGIiOKIiQr3",
|
|
1383
1358
|
"dependencies": [
|
|
1384
1359
|
{
|
|
1385
1360
|
"name": "hb-dropdown-simple",
|
|
@@ -1405,5 +1380,5 @@
|
|
|
1405
1380
|
"size": {},
|
|
1406
1381
|
"iifePath": "main.iife.js",
|
|
1407
1382
|
"repoName": "@htmlbricks/hb-contact-card",
|
|
1408
|
-
"version": "0.71.
|
|
1383
|
+
"version": "0.71.37"
|
|
1409
1384
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-contact-card",
|
|
3
|
-
"version": "0.71.
|
|
3
|
+
"version": "0.71.37",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"description": "A comprehensive contact card component that displays personal, contact, company, and social media information in a Bulma-styled card layout. 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.",
|
|
6
6
|
"licenses": [
|
|
@@ -73,9 +73,9 @@ export type Component = {
|
|
|
73
73
|
};
|
|
74
74
|
|
|
75
75
|
export type Events = {
|
|
76
|
-
contactClick: { id: string; contact:
|
|
77
|
-
contactEdit: { id: string; contact:
|
|
78
|
-
contactDelete: { id: string; contact:
|
|
76
|
+
contactClick: { id: string; contact: ContactData };
|
|
77
|
+
contactEdit: { id: string; contact: ContactData };
|
|
78
|
+
contactDelete: { id: string; contact: ContactData };
|
|
79
79
|
phoneClick: { id: string; phone: PhoneNumber };
|
|
80
80
|
emailClick: { id: string; email: EmailAddress };
|
|
81
81
|
websiteClick: { id: string; website: string };
|
|
@@ -39,47 +39,6 @@
|
|
|
39
39
|
],
|
|
40
40
|
"type": "object"
|
|
41
41
|
},
|
|
42
|
-
"Component": {
|
|
43
|
-
"additionalProperties": false,
|
|
44
|
-
"properties": {
|
|
45
|
-
"actions_list": {
|
|
46
|
-
"items": {
|
|
47
|
-
"$ref": "#/definitions/IDropDownMenuListItem"
|
|
48
|
-
},
|
|
49
|
-
"type": "array"
|
|
50
|
-
},
|
|
51
|
-
"data": {
|
|
52
|
-
"$ref": "#/definitions/ContactData"
|
|
53
|
-
},
|
|
54
|
-
"i18nlang": {
|
|
55
|
-
"type": "string"
|
|
56
|
-
},
|
|
57
|
-
"id": {
|
|
58
|
-
"type": "string"
|
|
59
|
-
},
|
|
60
|
-
"show_header_collapse_button": {
|
|
61
|
-
"enum": [
|
|
62
|
-
"yes",
|
|
63
|
-
"no"
|
|
64
|
-
],
|
|
65
|
-
"type": "string"
|
|
66
|
-
},
|
|
67
|
-
"start_collapsed": {
|
|
68
|
-
"enum": [
|
|
69
|
-
"yes",
|
|
70
|
-
"no"
|
|
71
|
-
],
|
|
72
|
-
"type": "string"
|
|
73
|
-
},
|
|
74
|
-
"style": {
|
|
75
|
-
"type": "string"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
"required": [
|
|
79
|
-
"data"
|
|
80
|
-
],
|
|
81
|
-
"type": "object"
|
|
82
|
-
},
|
|
83
42
|
"ContactData": {
|
|
84
43
|
"additionalProperties": false,
|
|
85
44
|
"properties": {
|
|
@@ -213,7 +172,7 @@
|
|
|
213
172
|
"additionalProperties": false,
|
|
214
173
|
"properties": {
|
|
215
174
|
"contact": {
|
|
216
|
-
"$ref": "#/definitions/
|
|
175
|
+
"$ref": "#/definitions/ContactData"
|
|
217
176
|
},
|
|
218
177
|
"id": {
|
|
219
178
|
"type": "string"
|
|
@@ -229,7 +188,7 @@
|
|
|
229
188
|
"additionalProperties": false,
|
|
230
189
|
"properties": {
|
|
231
190
|
"contact": {
|
|
232
|
-
"$ref": "#/definitions/
|
|
191
|
+
"$ref": "#/definitions/ContactData"
|
|
233
192
|
},
|
|
234
193
|
"id": {
|
|
235
194
|
"type": "string"
|
|
@@ -245,7 +204,7 @@
|
|
|
245
204
|
"additionalProperties": false,
|
|
246
205
|
"properties": {
|
|
247
206
|
"contact": {
|
|
248
|
-
"$ref": "#/definitions/
|
|
207
|
+
"$ref": "#/definitions/ContactData"
|
|
249
208
|
},
|
|
250
209
|
"id": {
|
|
251
210
|
"type": "string"
|
|
@@ -335,31 +294,6 @@
|
|
|
335
294
|
],
|
|
336
295
|
"type": "object"
|
|
337
296
|
},
|
|
338
|
-
"IDropDownMenuListItem": {
|
|
339
|
-
"additionalProperties": false,
|
|
340
|
-
"properties": {
|
|
341
|
-
"badge": {
|
|
342
|
-
"type": "number"
|
|
343
|
-
},
|
|
344
|
-
"group": {
|
|
345
|
-
"type": "string"
|
|
346
|
-
},
|
|
347
|
-
"key": {
|
|
348
|
-
"type": "string"
|
|
349
|
-
},
|
|
350
|
-
"label": {
|
|
351
|
-
"type": "string"
|
|
352
|
-
},
|
|
353
|
-
"linkHref": {
|
|
354
|
-
"type": "string"
|
|
355
|
-
}
|
|
356
|
-
},
|
|
357
|
-
"required": [
|
|
358
|
-
"key",
|
|
359
|
-
"label"
|
|
360
|
-
],
|
|
361
|
-
"type": "object"
|
|
362
|
-
},
|
|
363
297
|
"PhoneNumber": {
|
|
364
298
|
"additionalProperties": false,
|
|
365
299
|
"properties": {
|