@htmlbricks/hb-layout-desktop 0.68.1 → 0.68.3
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/main.iife.js +8 -7
- package/main.iife.js.map +1 -1
- package/manifest.json +445 -4
- package/package.json +2 -2
package/manifest.json
CHANGED
|
@@ -547,7 +547,7 @@
|
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
549
|
},
|
|
550
|
-
"description": "Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer.
|
|
550
|
+
"description": "Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. The host fills at least the viewport height; the main row is CSS Grid so tall page content does not stretch the sidebar—only the page slot scrolls vertically; sidebar rail is clipped to the viewport band (internal sidebar scroll remains). With onescreen, the footer stays at the bottom and the page slot does not scroll vertically.",
|
|
551
551
|
"storybookArgs": {
|
|
552
552
|
"pageChange": {
|
|
553
553
|
"action": "pageChange"
|
|
@@ -649,7 +649,14 @@
|
|
|
649
649
|
}
|
|
650
650
|
},
|
|
651
651
|
"styleSetup": {
|
|
652
|
-
"vars": [
|
|
652
|
+
"vars": [
|
|
653
|
+
{
|
|
654
|
+
"name": "--hb-layout-desktop-sidebar-width",
|
|
655
|
+
"valueType": "htmlsize",
|
|
656
|
+
"defaultValue": "240px",
|
|
657
|
+
"description": "Width of the left sidebar column in the main grid (default 240px)."
|
|
658
|
+
}
|
|
659
|
+
],
|
|
653
660
|
"parts": [
|
|
654
661
|
{
|
|
655
662
|
"name": "footer",
|
|
@@ -811,9 +818,443 @@
|
|
|
811
818
|
}
|
|
812
819
|
]
|
|
813
820
|
}
|
|
821
|
+
},
|
|
822
|
+
{
|
|
823
|
+
"name": "onescreen",
|
|
824
|
+
"description": "Fills the viewport below the navbar: the footer stays at the bottom of the page area, the page slot does not scroll vertically (overflow hidden), and with footer.type auto the footer uses the compact (small) variant. Uses a long sidebar (26 links) to exercise internal sidebar scrolling.",
|
|
825
|
+
"data": {
|
|
826
|
+
"company": {
|
|
827
|
+
"logoUri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg",
|
|
828
|
+
"siteName": "testsite",
|
|
829
|
+
"companyName": "testcompany S.R.L.",
|
|
830
|
+
"registration": {
|
|
831
|
+
"text": "copyright"
|
|
832
|
+
},
|
|
833
|
+
"description": "testo e descrizione di esempio dell applicazione",
|
|
834
|
+
"vatNumber": "aa - ffffff",
|
|
835
|
+
"fiscalCode": "f4f5f6fff"
|
|
836
|
+
},
|
|
837
|
+
"contacts": {
|
|
838
|
+
"sites": [
|
|
839
|
+
{
|
|
840
|
+
"label": "dariocaruso.info",
|
|
841
|
+
"uri": "https://dariocaruso.info"
|
|
842
|
+
}
|
|
843
|
+
],
|
|
844
|
+
"phones": [
|
|
845
|
+
{
|
|
846
|
+
"number": "6666666666666"
|
|
847
|
+
}
|
|
848
|
+
],
|
|
849
|
+
"addresses": [],
|
|
850
|
+
"emails": []
|
|
851
|
+
},
|
|
852
|
+
"socials": {
|
|
853
|
+
"facebook": "fbbb",
|
|
854
|
+
"youtube": "yttttttt"
|
|
855
|
+
},
|
|
856
|
+
"navlinks": [
|
|
857
|
+
{
|
|
858
|
+
"label": "Home",
|
|
859
|
+
"key": "home",
|
|
860
|
+
"icon": "house-door",
|
|
861
|
+
"group": "main"
|
|
862
|
+
},
|
|
863
|
+
{
|
|
864
|
+
"label": "Dashboard",
|
|
865
|
+
"key": "dashboard",
|
|
866
|
+
"icon": "speedometer2",
|
|
867
|
+
"group": "main"
|
|
868
|
+
},
|
|
869
|
+
{
|
|
870
|
+
"label": "Inbox",
|
|
871
|
+
"key": "inbox",
|
|
872
|
+
"icon": "inbox",
|
|
873
|
+
"group": "main",
|
|
874
|
+
"badge": {
|
|
875
|
+
"text": "12"
|
|
876
|
+
}
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"label": "Calendar",
|
|
880
|
+
"key": "calendar",
|
|
881
|
+
"icon": "calendar3",
|
|
882
|
+
"group": "main"
|
|
883
|
+
},
|
|
884
|
+
{
|
|
885
|
+
"label": "Tasks",
|
|
886
|
+
"key": "tasks",
|
|
887
|
+
"icon": "check2-square",
|
|
888
|
+
"group": "work"
|
|
889
|
+
},
|
|
890
|
+
{
|
|
891
|
+
"label": "Projects",
|
|
892
|
+
"key": "projects",
|
|
893
|
+
"icon": "folder",
|
|
894
|
+
"group": "work"
|
|
895
|
+
},
|
|
896
|
+
{
|
|
897
|
+
"label": "Milestones",
|
|
898
|
+
"key": "milestones",
|
|
899
|
+
"icon": "flag",
|
|
900
|
+
"group": "work"
|
|
901
|
+
},
|
|
902
|
+
{
|
|
903
|
+
"label": "Time tracking",
|
|
904
|
+
"key": "time",
|
|
905
|
+
"icon": "clock-history",
|
|
906
|
+
"group": "work"
|
|
907
|
+
},
|
|
908
|
+
{
|
|
909
|
+
"label": "Documents",
|
|
910
|
+
"key": "documents",
|
|
911
|
+
"icon": "file-earmark-text",
|
|
912
|
+
"group": "content"
|
|
913
|
+
},
|
|
914
|
+
{
|
|
915
|
+
"label": "Media library",
|
|
916
|
+
"key": "media",
|
|
917
|
+
"icon": "images",
|
|
918
|
+
"group": "content"
|
|
919
|
+
},
|
|
920
|
+
{
|
|
921
|
+
"label": "Knowledge base",
|
|
922
|
+
"key": "kb",
|
|
923
|
+
"icon": "book",
|
|
924
|
+
"group": "content"
|
|
925
|
+
},
|
|
926
|
+
{
|
|
927
|
+
"label": "Analytics",
|
|
928
|
+
"key": "analytics",
|
|
929
|
+
"icon": "graph-up-arrow",
|
|
930
|
+
"group": "insights"
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"label": "Reports",
|
|
934
|
+
"key": "reports",
|
|
935
|
+
"icon": "clipboard-data",
|
|
936
|
+
"group": "insights"
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"label": "Exports",
|
|
940
|
+
"key": "exports",
|
|
941
|
+
"icon": "download",
|
|
942
|
+
"group": "insights"
|
|
943
|
+
},
|
|
944
|
+
{
|
|
945
|
+
"label": "Team",
|
|
946
|
+
"key": "team",
|
|
947
|
+
"icon": "people",
|
|
948
|
+
"group": "org"
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"label": "Directory",
|
|
952
|
+
"key": "directory",
|
|
953
|
+
"icon": "person-lines-fill",
|
|
954
|
+
"group": "org"
|
|
955
|
+
},
|
|
956
|
+
{
|
|
957
|
+
"label": "Billing",
|
|
958
|
+
"key": "billing",
|
|
959
|
+
"icon": "credit-card",
|
|
960
|
+
"group": "admin"
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"label": "Plans",
|
|
964
|
+
"key": "plans",
|
|
965
|
+
"icon": "tags",
|
|
966
|
+
"group": "admin"
|
|
967
|
+
},
|
|
968
|
+
{
|
|
969
|
+
"label": "API keys",
|
|
970
|
+
"key": "api-keys",
|
|
971
|
+
"icon": "key",
|
|
972
|
+
"group": "admin"
|
|
973
|
+
},
|
|
974
|
+
{
|
|
975
|
+
"label": "Webhooks",
|
|
976
|
+
"key": "webhooks",
|
|
977
|
+
"icon": "link-45deg",
|
|
978
|
+
"group": "admin"
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"label": "Integrations",
|
|
982
|
+
"key": "integrations",
|
|
983
|
+
"icon": "puzzle",
|
|
984
|
+
"group": "admin"
|
|
985
|
+
},
|
|
986
|
+
{
|
|
987
|
+
"label": "Notifications",
|
|
988
|
+
"key": "notifications",
|
|
989
|
+
"icon": "bell",
|
|
990
|
+
"group": "admin"
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
"label": "Audit log",
|
|
994
|
+
"key": "audit",
|
|
995
|
+
"icon": "journal-text",
|
|
996
|
+
"group": "admin"
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"label": "Roles & permissions",
|
|
1000
|
+
"key": "roles",
|
|
1001
|
+
"icon": "shield-lock",
|
|
1002
|
+
"group": "admin"
|
|
1003
|
+
},
|
|
1004
|
+
{
|
|
1005
|
+
"label": "Settings",
|
|
1006
|
+
"key": "settings",
|
|
1007
|
+
"icon": "gear",
|
|
1008
|
+
"group": "admin"
|
|
1009
|
+
},
|
|
1010
|
+
{
|
|
1011
|
+
"label": "Help center",
|
|
1012
|
+
"key": "help",
|
|
1013
|
+
"icon": "question-circle",
|
|
1014
|
+
"group": "support"
|
|
1015
|
+
}
|
|
1016
|
+
],
|
|
1017
|
+
"usermenu": {
|
|
1018
|
+
"list": [
|
|
1019
|
+
{
|
|
1020
|
+
"key": "list1",
|
|
1021
|
+
"label": "list1"
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
"key": "list2",
|
|
1025
|
+
"label": "list2"
|
|
1026
|
+
},
|
|
1027
|
+
{
|
|
1028
|
+
"key": "list3",
|
|
1029
|
+
"label": "list3",
|
|
1030
|
+
"group": "list1",
|
|
1031
|
+
"badge": 3
|
|
1032
|
+
},
|
|
1033
|
+
{
|
|
1034
|
+
"key": "list4",
|
|
1035
|
+
"label": "list4",
|
|
1036
|
+
"badge": 555
|
|
1037
|
+
}
|
|
1038
|
+
],
|
|
1039
|
+
"imgUri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"
|
|
1040
|
+
},
|
|
1041
|
+
"sidebar": {
|
|
1042
|
+
"title": "ciao"
|
|
1043
|
+
},
|
|
1044
|
+
"policies": [
|
|
1045
|
+
{
|
|
1046
|
+
"label": "Privacy Policy",
|
|
1047
|
+
"key": "privacypolicy"
|
|
1048
|
+
},
|
|
1049
|
+
{
|
|
1050
|
+
"label": "Cookie Policy",
|
|
1051
|
+
"key": "cookiepolicy"
|
|
1052
|
+
}
|
|
1053
|
+
],
|
|
1054
|
+
"onescreen": true,
|
|
1055
|
+
"page_title": "One-screen layout"
|
|
1056
|
+
}
|
|
1057
|
+
},
|
|
1058
|
+
{
|
|
1059
|
+
"name": "navbar-only",
|
|
1060
|
+
"description": "Empty navlinks: top navbar and full-width content column without the left hb-sidebar-desktop rail.",
|
|
1061
|
+
"data": {
|
|
1062
|
+
"company": {
|
|
1063
|
+
"logoUri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg",
|
|
1064
|
+
"siteName": "testsite",
|
|
1065
|
+
"companyName": "testcompany S.R.L.",
|
|
1066
|
+
"registration": {
|
|
1067
|
+
"text": "copyright"
|
|
1068
|
+
},
|
|
1069
|
+
"description": "testo e descrizione di esempio dell applicazione",
|
|
1070
|
+
"vatNumber": "aa - ffffff",
|
|
1071
|
+
"fiscalCode": "f4f5f6fff"
|
|
1072
|
+
},
|
|
1073
|
+
"contacts": {
|
|
1074
|
+
"sites": [
|
|
1075
|
+
{
|
|
1076
|
+
"label": "dariocaruso.info",
|
|
1077
|
+
"uri": "https://dariocaruso.info"
|
|
1078
|
+
}
|
|
1079
|
+
],
|
|
1080
|
+
"phones": [
|
|
1081
|
+
{
|
|
1082
|
+
"number": "6666666666666"
|
|
1083
|
+
}
|
|
1084
|
+
],
|
|
1085
|
+
"addresses": [],
|
|
1086
|
+
"emails": []
|
|
1087
|
+
},
|
|
1088
|
+
"socials": {
|
|
1089
|
+
"facebook": "fbbb",
|
|
1090
|
+
"youtube": "yttttttt"
|
|
1091
|
+
},
|
|
1092
|
+
"navlinks": [],
|
|
1093
|
+
"usermenu": {
|
|
1094
|
+
"list": [
|
|
1095
|
+
{
|
|
1096
|
+
"key": "list1",
|
|
1097
|
+
"label": "list1"
|
|
1098
|
+
},
|
|
1099
|
+
{
|
|
1100
|
+
"key": "list2",
|
|
1101
|
+
"label": "list2"
|
|
1102
|
+
},
|
|
1103
|
+
{
|
|
1104
|
+
"key": "list3",
|
|
1105
|
+
"label": "list3",
|
|
1106
|
+
"group": "list1",
|
|
1107
|
+
"badge": 3
|
|
1108
|
+
},
|
|
1109
|
+
{
|
|
1110
|
+
"key": "list4",
|
|
1111
|
+
"label": "list4",
|
|
1112
|
+
"badge": 555
|
|
1113
|
+
}
|
|
1114
|
+
],
|
|
1115
|
+
"imgUri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"
|
|
1116
|
+
},
|
|
1117
|
+
"sidebar": {
|
|
1118
|
+
"title": "ciao"
|
|
1119
|
+
},
|
|
1120
|
+
"policies": [
|
|
1121
|
+
{
|
|
1122
|
+
"label": "Privacy Policy",
|
|
1123
|
+
"key": "privacypolicy"
|
|
1124
|
+
},
|
|
1125
|
+
{
|
|
1126
|
+
"label": "Cookie Policy",
|
|
1127
|
+
"key": "cookiepolicy"
|
|
1128
|
+
}
|
|
1129
|
+
],
|
|
1130
|
+
"page_title": "Navbar only"
|
|
1131
|
+
}
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"name": "cookieLawBanner",
|
|
1135
|
+
"description": "Desktop shell with cookie banner, locale, and learn-more URI.",
|
|
1136
|
+
"data": {
|
|
1137
|
+
"company": {
|
|
1138
|
+
"logoUri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg",
|
|
1139
|
+
"siteName": "testsite",
|
|
1140
|
+
"companyName": "testcompany S.R.L.",
|
|
1141
|
+
"registration": {
|
|
1142
|
+
"text": "copyright"
|
|
1143
|
+
},
|
|
1144
|
+
"description": "testo e descrizione di esempio dell applicazione",
|
|
1145
|
+
"vatNumber": "aa - ffffff",
|
|
1146
|
+
"fiscalCode": "f4f5f6fff"
|
|
1147
|
+
},
|
|
1148
|
+
"contacts": {
|
|
1149
|
+
"sites": [
|
|
1150
|
+
{
|
|
1151
|
+
"label": "dariocaruso.info",
|
|
1152
|
+
"uri": "https://dariocaruso.info"
|
|
1153
|
+
}
|
|
1154
|
+
],
|
|
1155
|
+
"phones": [
|
|
1156
|
+
{
|
|
1157
|
+
"number": "6666666666666"
|
|
1158
|
+
}
|
|
1159
|
+
],
|
|
1160
|
+
"addresses": [],
|
|
1161
|
+
"emails": []
|
|
1162
|
+
},
|
|
1163
|
+
"socials": {
|
|
1164
|
+
"facebook": "fbbb",
|
|
1165
|
+
"youtube": "yttttttt"
|
|
1166
|
+
},
|
|
1167
|
+
"navlinks": [
|
|
1168
|
+
{
|
|
1169
|
+
"label": "Home",
|
|
1170
|
+
"key": "home",
|
|
1171
|
+
"icon": "house-door",
|
|
1172
|
+
"badge": {
|
|
1173
|
+
"text": "bbb"
|
|
1174
|
+
}
|
|
1175
|
+
},
|
|
1176
|
+
{
|
|
1177
|
+
"label": "Dashboard",
|
|
1178
|
+
"key": "dashboard",
|
|
1179
|
+
"icon": "speedometer",
|
|
1180
|
+
"badge": {
|
|
1181
|
+
"text": "bbb"
|
|
1182
|
+
}
|
|
1183
|
+
},
|
|
1184
|
+
{
|
|
1185
|
+
"label": "Settings",
|
|
1186
|
+
"key": "settings",
|
|
1187
|
+
"icon": "gear",
|
|
1188
|
+
"group": "admin",
|
|
1189
|
+
"badge": {
|
|
1190
|
+
"text": "bbb"
|
|
1191
|
+
}
|
|
1192
|
+
},
|
|
1193
|
+
{
|
|
1194
|
+
"label": "Users",
|
|
1195
|
+
"key": "users",
|
|
1196
|
+
"icon": "people-fill",
|
|
1197
|
+
"group": "admin",
|
|
1198
|
+
"badge": {
|
|
1199
|
+
"text": "uuuuu"
|
|
1200
|
+
}
|
|
1201
|
+
},
|
|
1202
|
+
{
|
|
1203
|
+
"label": "Stats",
|
|
1204
|
+
"key": "stats",
|
|
1205
|
+
"icon": "graph-up",
|
|
1206
|
+
"group": "stats",
|
|
1207
|
+
"badge": {
|
|
1208
|
+
"text": "bbb"
|
|
1209
|
+
}
|
|
1210
|
+
}
|
|
1211
|
+
],
|
|
1212
|
+
"usermenu": {
|
|
1213
|
+
"list": [
|
|
1214
|
+
{
|
|
1215
|
+
"key": "list1",
|
|
1216
|
+
"label": "list1"
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"key": "list2",
|
|
1220
|
+
"label": "list2"
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"key": "list3",
|
|
1224
|
+
"label": "list3",
|
|
1225
|
+
"group": "list1",
|
|
1226
|
+
"badge": 3
|
|
1227
|
+
},
|
|
1228
|
+
{
|
|
1229
|
+
"key": "list4",
|
|
1230
|
+
"label": "list4",
|
|
1231
|
+
"badge": 555
|
|
1232
|
+
}
|
|
1233
|
+
],
|
|
1234
|
+
"imgUri": "https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg"
|
|
1235
|
+
},
|
|
1236
|
+
"sidebar": {
|
|
1237
|
+
"title": "ciao"
|
|
1238
|
+
},
|
|
1239
|
+
"policies": [
|
|
1240
|
+
{
|
|
1241
|
+
"label": "Privacy Policy",
|
|
1242
|
+
"key": "privacypolicy"
|
|
1243
|
+
},
|
|
1244
|
+
{
|
|
1245
|
+
"label": "Cookie Policy",
|
|
1246
|
+
"key": "cookiepolicy"
|
|
1247
|
+
}
|
|
1248
|
+
],
|
|
1249
|
+
"cookielaw": "yes",
|
|
1250
|
+
"cookielawlanguage": "en",
|
|
1251
|
+
"cookielawuri4more": "https://example.com/privacy",
|
|
1252
|
+
"cookielawallowdecline": true,
|
|
1253
|
+
"page_title": "Cookie consent demo"
|
|
1254
|
+
}
|
|
814
1255
|
}
|
|
815
1256
|
],
|
|
816
|
-
"iifeIntegrity": "sha384-
|
|
1257
|
+
"iifeIntegrity": "sha384-cZNs+u19w+XGHzrzvM/8PkROtNiHhNRfM2D4+f1v1vC3VO6MicvL0gLnxSUPinnC",
|
|
817
1258
|
"dependencies": [
|
|
818
1259
|
{
|
|
819
1260
|
"name": "hb-footer",
|
|
@@ -887,5 +1328,5 @@
|
|
|
887
1328
|
},
|
|
888
1329
|
"iifePath": "main.iife.js",
|
|
889
1330
|
"repoName": "@htmlbricks/hb-layout-desktop",
|
|
890
|
-
"version": "0.68.
|
|
1331
|
+
"version": "0.68.3"
|
|
891
1332
|
}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-layout-desktop",
|
|
3
|
-
"version": "0.68.
|
|
3
|
+
"version": "0.68.3",
|
|
4
4
|
"contributors": [],
|
|
5
|
-
"description": "Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer.
|
|
5
|
+
"description": "Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. The host fills at least the viewport height; the main row is CSS Grid so tall page content does not stretch the sidebar—only the page slot scrolls vertically; sidebar rail is clipped to the viewport band (internal sidebar scroll remains). With onescreen, the footer stays at the bottom and the page slot does not scroll vertically.",
|
|
6
6
|
"licenses": [
|
|
7
7
|
{
|
|
8
8
|
"type": "Apache-2.0",
|