comand-component-library 4.0.1 → 4.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. package/README.md +32 -32
  2. package/dist/comand-component-library.js +3227 -1413
  3. package/dist/comand-component-library.umd.cjs +3 -4
  4. package/dist/index.html +16 -16
  5. package/dist/style.css +1 -1
  6. package/dist/styles/demopage-only.css +4 -0
  7. package/dist/styles/templates/casual.css +3 -0
  8. package/package.json +4 -4
  9. package/src/App.vue +2117 -0
  10. package/src/ComponentLibrary.vue +150 -586
  11. package/src/assets/data/fake-select-options.json +3 -2
  12. package/src/assets/data/form-elements.json +1 -1
  13. package/src/assets/styles/global-styles.scss +14 -10
  14. package/src/componentSettingsDataAndControls.vue +705 -0
  15. package/src/components/CmdAddressData.vue +1 -2
  16. package/src/components/CmdBox.vue +60 -42
  17. package/src/components/CmdCopyrightInformation.vue +5 -3
  18. package/src/components/CmdFakeSelect.vue +138 -67
  19. package/src/components/CmdFancyBox.vue +2 -2
  20. package/src/components/CmdFormElement.vue +53 -27
  21. package/src/components/CmdGoogleMaps.vue +5 -0
  22. package/src/components/CmdHeadline.vue +13 -5
  23. package/src/components/CmdIcon.vue +6 -2
  24. package/src/components/CmdImage.vue +6 -1
  25. package/src/components/CmdImageGallery.vue +15 -4
  26. package/src/components/CmdInputGroup.vue +76 -24
  27. package/src/components/CmdListOfLinks.vue +20 -7
  28. package/src/components/CmdListOfRequirements.vue +10 -18
  29. package/src/components/CmdLoginForm.vue +14 -2
  30. package/src/components/CmdMainNavigation.vue +5 -1
  31. package/src/components/CmdMultistepFormProgressBar.vue +12 -7
  32. package/src/components/CmdOpeningHoursItem.vue +1 -3
  33. package/src/components/CmdPagination.vue +5 -1
  34. package/src/components/CmdSiteFooter.vue +11 -1
  35. package/src/components/CmdSiteHeader.vue +2 -0
  36. package/src/components/CmdSlideButton.vue +7 -1
  37. package/src/components/CmdSlideshow.vue +33 -5
  38. package/src/components/CmdSocialNetworks.vue +18 -13
  39. package/src/components/CmdSocialNetworksItem.vue +5 -1
  40. package/src/components/CmdSystemMessage.vue +7 -1
  41. package/src/components/CmdTabs.vue +5 -5
  42. package/src/components/CmdTextImageBlock.vue +11 -2
  43. package/src/components/CmdThumbnailScroller.vue +22 -4
  44. package/src/components/CmdTooltip.vue +49 -14
  45. package/src/components/CmdTooltipForFormElements.vue +96 -0
  46. package/src/components/CmdUploadForm.vue +25 -20
  47. package/src/components/CmdWidthLimitationWrapper.vue +1 -1
  48. package/src/components/ComponentSettings.vue +1 -1
  49. package/src/main.js +1 -1
  50. package/src/assets/data/accordion.json +0 -45
package/src/assets/data/fake-select-options.json CHANGED
@@ -8,7 +8,8 @@
8
8
  "value": 2
9
9
  },
10
10
  {
11
- "text": "Option 3",
12
- "value": 3
11
+ "text": "Option 3 with icon",
12
+ "value": 3,
13
+ "iconClass": "icon-mail"
13
14
  }
14
15
  ]
package/src/assets/data/form-elements.json CHANGED
@@ -30,7 +30,7 @@
30
30
  "name": "form-element-password-name",
31
31
  "htmlClass": "form-element-password-class",
32
32
  "id": "form-element-password-id",
33
- "value": "default value",
33
+ "value": "",
34
34
  "fieldIconClass": "icon-cogs",
35
35
  "labelText": "Password input",
36
36
  "placeholder": "Placeholdertext",
package/src/assets/styles/global-styles.scss CHANGED
@@ -47,27 +47,31 @@ html {
47
47
 
48
48
  /* ---------------------------------------------- BEGIN COMPONENTS AND GLOBAL STYLES -------------------------------------------------- */
49
49
  /* begin styles for main structure --------------------------------------------------------------------------------------------------------------------------------------------------- */
50
- body {
51
- overflow: hidden;
52
- }
53
-
54
50
  #page-wrapper {
55
- scroll-padding-top: 10.5rem;
56
51
  display: flex;
57
52
  flex-direction: column;
58
53
  scroll-snap-type: y mandatory;
59
54
  overflow-y: scroll;
60
- width: 100dvw;
61
55
  height: 100dvh;
62
56
  scroll-behavior: smooth;
57
+ scroll-padding-top: 11.7rem;
58
+ }
63
59
 
64
- .cmd-site-footer {
65
- margin-top: auto;
66
- }
60
+ main {
61
+ flex: 1 0 auto;
62
+ }
63
+
64
+ html {
65
+ height: auto;
66
+ scroll-behavior: unset;
67
+ }
68
+
69
+
70
+ body {
71
+ height: auto;
67
72
  }
68
73
 
69
74
  #component-library {
70
- /*scroll-padding-top: unset !important;*/
71
75
  scroll-snap-type: unset !important;
72
76
  }
73
77