@gudhub/ssg-web-components-library 1.0.56 → 1.0.57

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gudhub/ssg-web-components-library",
-  "version": "1.0.56",
+  "version": "1.0.57",
   "description": "",
   "main": "index.js",
   "type": "module",

package/src/components/about-us-banner/about-us-banner-data.json

@@ -1,21 +1,21 @@
 {
-    "title": "Title Lorem ipsum",
-    "subtitle": "subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
-    "buttons": {
-      "primary": {
-        "popupId": "form",
-        "placement": "about-us-banner",
-        "text": "Primary"
-      },
-      "secondary": {
-        "popupId": "form",
-        "placement": "about-us-banner",
-        "text": "Secondary"
-      }
+  "title": "Title Lorem ipsum",
+  "subtitle": "subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+  "buttons": {
+    "primary": {
+      "popupId": "form",
+      "placement": "about-us-banner",
+      "text": "Primary"
     },
-    "image": {
-      "src": "",
-      "alt": "image alt",
-      "title": "image title"
+    "secondary": {
+      "popupId": "form",
+      "placement": "about-us-banner",
+      "text": "Secondary"
     }
-  }
+  },
+  "image": {
+    "src": "",
+    "alt": "image alt",
+    "title": "image title"
+  }
+}

package/src/components/about-us-banner/about-us-banner.html

@@ -3,7 +3,9 @@
         <div class="flex-wrapper">
             <div class="text">
                 <${hLvl} class="title" gh-id="${ghId}.title"></${hLvl}>
-                <div class="subtitle" gh-id="${ghId}.subtitle"></div>
+                ${json.subtitle ? `
+                    <div class="subtitle" gh-id="${ghId}.subtitle"></div>
+                ` : ''}
                 <div class="flex_button">
                     ${json.buttons ? `
                         ${

package/src/components/about-us-banner/about-us-banner.readme.md

@@ -0,0 +1,31 @@
+# Attributes:
+
+if you need h1, set attribute 'h1' for example <about-us-banner h1></about-us-banner>, else it will be 'h2'
+
+# Component data-object:
+
+("?" means "unnecessary")
+
+```json
+{
+  "title": "Title Lorem ipsum",
+  "subtitle?": "subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
+  "buttons?": {
+    "primary": {
+      "popupId": "form",
+      "placement": "about-us-banner",
+      "text": "Primary"
+    },
+    "secondary": {
+      "popupId": "form",
+      "placement": "about-us-banner",
+      "text": "Secondary"
+    }
+  },
+  "image": {
+    "src": "image path",
+    "alt": "image alt",
+    "title": "image title"
+  }
+}
+```

package/src/components/about-us-banner/config.js

@@ -1,5 +1,6 @@
 export const aboutUsBanner = {
     tag: 'about-us-banner',
+    category: 'About',
     src: '@gudhub/ssg-web-components-library/src/components/about-us-banner/about-us-banner.js',
     serverOnly: false
 }

package/src/components/about-us-image-counter/about-us-image-counter-data.json

@@ -1,39 +1,39 @@
 {
-    "title": "Title Lorem ipsum",
-    "subtitle": "Subtitle Etiam sed ullamcorper tortor, sit amet dictum est. Ut posuere dolor sodales euismod feugiat",
-    "button": {
-      "popupId": "form",
-      "placement": "about-us-image-counter",
-      "text": "Button Text"
+  "title": "Title Lorem ipsum",
+  "subtitle": "Subtitle Etiam sed ullamcorper tortor, sit amet dictum est. Ut posuere dolor sodales euismod feugiat",
+  "button": {
+    "popupId": "form",
+    "placement": "about-us-image-counter",
+    "text": "Button Text"
+  },
+  "items": [
+    {
+      "icon": {
+        "src": "",
+        "alt": "Image alt",
+        "title": "image title"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Tristique senectus",
+        "title": "Tristique senectus"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Donec lacinia orci",
+        "title": "Donec lacinia orci"
+      }
     },
-    "items": [
-      {
-        "icon": {
-          "src": "",
-          "alt": "Image alt",
-          "title": "image title"
-        }
-      },
-      {
-        "icon": {
-          "src": "",
-          "alt": "Tristique senectus",
-          "title": "Tristique senectus"
-        }
-      },
-      {
-        "icon": {
-          "src": "",
-          "alt": "Donec lacinia orci",
-          "title": "Donec lacinia orci"
-        }
-      },
-      {
-        "icon": {
-          "src": "",
-          "alt": "Suspendisse",
-          "title": "Suspendisse"
-        }
+    {
+      "icon": {
+        "src": "",
+        "alt": "Suspendisse",
+        "title": "Suspendisse"
       }
-    ]
-  }
+    }
+  ]
+}

package/src/components/about-us-image-counter/about-us-image-counter.readme.md

@@ -0,0 +1,49 @@
+# Attributes:
+
+None
+
+# Component data-object:
+
+("?" means "unnecessary")
+
+```json
+{
+  "title": "Title Lorem ipsum",
+  "subtitle?": "Subtitle Etiam sed ullamcorper tortor, sit amet dictum est. Ut posuere dolor sodales euismod feugiat",
+  "button?": {
+    "popupId": "form",
+    "placement": "about-us-image-counter",
+    "text": "Button Text"
+  },
+  "items": [
+    {
+      "icon": {
+        "src": "",
+        "alt": "Image alt",
+        "title": "image title"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Tristique senectus",
+        "title": "Tristique senectus"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Donec lacinia orci",
+        "title": "Donec lacinia orci"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Suspendisse",
+        "title": "Suspendisse"
+      }
+    }
+  ]
+}
+```

package/src/components/about-us-image-counter/config.js

@@ -1,5 +1,7 @@
 export const aboutUsImageCounter = {
   tag: 'about-us-image-counter',
+  category: 'About',
+  readmeMD: './about-us-image-counter.readme.md',
   src: '@gudhub/ssg-web-components-library/src/components/about-us-image-counter/about-us-image-counter.js',
   serverOnly: false
 }

package/src/components/about-us-team-members/about-us-team-members.html

@@ -2,7 +2,9 @@
     <div class="container">
         <div class="main-text">
             <h2 class="h2" gh-id="${ghId}.title"> TITLE </h2>
-            <p gh-id="${ghId}.subtitle" class="subtitle"> SUBTITLE </p>
+            ${json.subtitle ? `
+                <p gh-id="${ghId}.subtitle" class="subtitle"> SUBTITLE </p>
+            ` : ''}
         </div>
         ${json.items.reduce((acc, item, gridIndex) => acc + `
             <div class="grid-container">

package/src/components/about-us-team-members/about-us-team-members.readme.md

@@ -0,0 +1,49 @@
+# Attributes:
+
+None
+
+# Component data-object:
+
+("?" means "unnecessary")
+
+```json
+{
+  "title": "Title Lorem ipsum",
+  "subtitle?": "Subtitle Etiam sed ullamcorper tortor, sit amet dictum est. Ut posuere dolor sodales euismod feugiat",
+  "button?": {
+    "popupId": "form",
+    "placement": "about-us-image-counter",
+    "text": "Button Text"
+  },
+  "items": [
+    {
+      "icon": {
+        "src": "",
+        "alt": "Image alt",
+        "title": "image title"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Tristique senectus",
+        "title": "Tristique senectus"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Donec lacinia orci",
+        "title": "Donec lacinia orci"
+      }
+    },
+    {
+      "icon": {
+        "src": "",
+        "alt": "Suspendisse",
+        "title": "Suspendisse"
+      }
+    }
+  ]
+}
+```

package/src/components/about-us-team-members/config.js

@@ -1,5 +1,7 @@
 export const aboutUsTeamMembers = {
   tag: 'about-us-team-members',
+  category: 'About',
+  readmeMD: './about-us-team-members.readme.md',
   src: '@gudhub/ssg-web-components-library/src/components/about-us-team-members/about-us-team-members.js',
   serverOnly: false
 }

package/src/components/accordion-only/config.js

@@ -1,6 +1,8 @@
 
 export const accordionOnly = {
   tag: 'accordion-only',
+  category: 'FAQ',
+  readmeMD: './accordion-only.readme.md',
   src: '@gudhub/ssg-web-components-library/src/components/accordion-only/accordion-only.js',
   serverOnly: false
 }

package/src/components/animation-block/animation-block-data.json

@@ -1,71 +1,71 @@
 {
-    "title": "Інтеграції CRM для Бізнесу",
-    "subtitle": "Поєднайте інструменти, якими ви користуєтеся разом з вашим бізнесом для максимальної продуктивності та ефективності компанії.",
-    "buttons": {
-      "primary": {
-        "popupId": "form",
-        "placement": "integrations",
-        "text": "Спробувати CRM"
-      },
-      "secondary": {
-        "popupId": "form",
-        "placement": "integrations",
-        "text": "Більше Інтеграцій"
-      }
+  "title": "Інтеграції CRM для Бізнесу",
+  "subtitle": "Поєднайте інструменти, якими ви користуєтеся разом з вашим бізнесом для максимальної продуктивності та ефективності компанії.",
+  "buttons": {
+    "primary": {
+      "popupId": "form",
+      "placement": "integrations",
+      "text": "Спробувати CRM"
     },
-    "rows": [
-      {
-        "row": [
-          {
-            "image": {
-              "src": "",
-              "title": "Facebook - іконка",
-              "alt": "Facebook"
-            },
-            "title": "Facebook",
-            "subtitle": "Комунікації"
+    "secondary": {
+      "popupId": "form",
+      "placement": "integrations",
+      "text": "Більше Інтеграцій"
+    }
+  },
+  "rows": [
+    {
+      "row": [
+        {
+          "image": {
+            "src": "",
+            "title": "Facebook - іконка",
+            "alt": "Facebook"
           },
-          {
-            "image": {
-              "src": "",
-              "title": "Slack - іконка",
-              "alt": "Slack"
-            },
-            "title": "Slack",
-            "subtitle": "Комунікації"
+          "title": "Facebook",
+          "subtitle": "Комунікації"
+        },
+        {
+          "image": {
+            "src": "",
+            "title": "Slack - іконка",
+            "alt": "Slack"
           },
-          {
-            "image": {
-              "src": "",
-              "title": "Telegram - іконка",
-              "alt": "Telegram"
-            },
-            "title": "Telegram",
-            "subtitle": "Комунікації"
-          }
-        ]
-      },
-      {
-        "row": [
-          {
-            "image": {
-              "src": "",
-              "title": "Turbo-sms - іконка",
-              "alt": "Turbo-sms"
-            },
-            "title": "Turbo-sms",
-            "subtitle": "Комунікації"
+          "title": "Slack",
+          "subtitle": "Комунікації"
+        },
+        {
+          "image": {
+            "src": "",
+            "title": "Telegram - іконка",
+            "alt": "Telegram"
           },
-          {
-            "image": {
-              "src": "",
-              "title": "Viber - іконка",
-              "alt": "Viber"
-            },
-            "title": "Viber",
-            "subtitle": "Комунікації"
-          }
-        ]
-      }
-    ]
-  }
+          "title": "Telegram",
+          "subtitle": "Комунікації"
+        }
+      ]
+    },
+    {
+      "row": [
+        {
+          "image": {
+            "src": "",
+            "title": "Turbo-sms - іконка",
+            "alt": "Turbo-sms"
+          },
+          "title": "Turbo-sms",
+          "subtitle": "Комунікації"
+        },
+        {
+          "image": {
+            "src": "",
+            "title": "Viber - іконка",
+            "alt": "Viber"
+          },
+          "title": "Viber",
+          "subtitle": "Комунікації"
+        }
+      ]
+    }
+  ]
+}

package/src/components/animation-block/animation-block.html

@@ -1,7 +1,9 @@
 <section class="animation-block">
     <div class="container">
         <h2 gh-id="${ghId}.title"></h2>
-        <p class="subtitle" gh-id="${ghId}.subtitle"></p>
+        ${json.subtitle ? `
+            <p gh-id="${ghId}.subtitle" class="subtitle"> SUBTITLE </p>
+        ` : ''}
         <div class="rows-wrapper">
             ${ rows.reduce((acc, row, rowIndex) => {
                     return acc + `

package/src/components/animation-block/animation-block.readme.md

@@ -0,0 +1,81 @@
+# Attributes:
+
+None
+
+# Component data-object:
+
+("?" means "unnecessary")
+
+```json
+{
+  "title": "Інтеграції CRM для Бізнесу",
+  "subtitle": "Поєднайте інструменти, якими ви користуєтеся разом з вашим бізнесом для максимальної продуктивності та ефективності компанії.",
+  "buttons?": {
+    "primary": {
+      "popupId": "form",
+      "placement": "integrations",
+      "text": "Спробувати CRM"
+    },
+    "secondary": {
+      "popupId": "form",
+      "placement": "integrations",
+      "text": "Більше Інтеграцій"
+    }
+  },
+  "rows": [
+    {
+      "row": [
+        {
+          "image": {
+            "src": "",
+            "title": "Facebook - іконка",
+            "alt": "Facebook"
+          },
+          "title": "Facebook",
+          "subtitle": "Комунікації"
+        },
+        {
+          "image": {
+            "src": "",
+            "title": "Slack - іконка",
+            "alt": "Slack"
+          },
+          "title": "Slack",
+          "subtitle": "Комунікації"
+        },
+        {
+          "image": {
+            "src": "",
+            "title": "Telegram - іконка",
+            "alt": "Telegram"
+          },
+          "title": "Telegram",
+          "subtitle": "Комунікації"
+        }
+      ]
+    },
+    {
+      "row": [
+        {
+          "image": {
+            "src": "",
+            "title": "Turbo-sms - іконка",
+            "alt": "Turbo-sms"
+          },
+          "title": "Turbo-sms",
+          "subtitle": "Комунікації"
+        },
+        {
+          "image": {
+            "src": "",
+            "title": "Viber - іконка",
+            "alt": "Viber"
+          },
+          "title": "Viber",
+          "subtitle": "Комунікації"
+        }
+      ]
+    }
+  ]
+}
+```

package/src/components/animation-block/config.js

@@ -1,5 +1,7 @@
 export const animationBlock = {
   tag: 'animation-block',
+  category: 'About',
+  readmeMD: './animation-block.readme.md',
   src: '@gudhub/ssg-web-components-library/src/components/animation-block/animation-block.js',
   serverOnly: false
 }

package/src/components/banner-and-text/banner-and-text-data.json

@@ -1,24 +1,24 @@
 {
-    "title": "Title Ac accumsan",
-    "offer": "Offer pulvinar ultricies",
-    "offer_subtitle": "subtitle Nulla ac accumsan arcu, eget ullamcorper ipsum. Fusce ultricies pulvinar ultricies. Donec lacinia orci sed tellus condimentum hendrerit.",
-    "button": {
-      "class": "btn",
-      "text": "Спробуй Зараз"
+  "title": "Title Ac accumsan",
+  "offer": "Offer pulvinar ultricies",
+  "offer_subtitle": "subtitle Nulla ac accumsan arcu, eget ullamcorper ipsum. Fusce ultricies pulvinar ultricies. Donec lacinia orci sed tellus condimentum hendrerit.",
+  "button": {
+    "class": "btn",
+    "text": "Спробуй Зараз"
+  },
+  "items": [
+    {
+      "title": "Item title mauris sed consectetur",
+      "text": "Item text. Suspendisse ut scelerisque nibh. Nam bibendum eget ullamcorper ipsum. Fusce ultricies pulvinar ultricies."
     },
-    "items": [
-      {
-        "title": "Item title mauris sed consectetur",
-        "text": "Item text. Suspendisse ut scelerisque nibh. Nam bibendum eget ullamcorper ipsum. Fusce ultricies pulvinar ultricies."
-      },
-      {
-        "title": "Item title Nam bibendum",
-        "text": "Nunc commodo, mauris sed consectetur tempor, purus lorem interdum massa. Donec lacinia orci sed tellus condimentum hendrerit."
-      }
-    ],
-    "image": {
-      "src": "",
-      "alt": "image alt",
-      "title": "image title"
+    {
+      "title": "Item title Nam bibendum",
+      "text": "Nunc commodo, mauris sed consectetur tempor, purus lorem interdum massa. Donec lacinia orci sed tellus condimentum hendrerit."
     }
-  }
+  ],
+  "image": {
+    "src": "",
+    "alt": "image alt",
+    "title": "image title"
+  }
+}

package/src/components/banner-and-text/banner-and-text.readme.md

@@ -0,0 +1,34 @@
+# Attributes:
+
+data-chapter
+
+# Component data-object:
+
+("?" means "unnecessary")
+
+```json
+{
+  "title": "Title Ac accumsan",
+  "offer": "Offer pulvinar ultricies",
+  "offer_subtitle": "subtitle Nulla ac accumsan arcu, eget ullamcorper ipsum. Fusce ultricies pulvinar ultricies. Donec lacinia orci sed tellus condimentum hendrerit.",
+  "button": {
+    "class": "btn",
+    "text": "Спробуй Зараз"
+  },
+  "items": [
+    {
+      "title": "Item title mauris sed consectetur",
+      "text": "Item text. Suspendisse ut scelerisque nibh. Nam bibendum eget ullamcorper ipsum. Fusce ultricies pulvinar ultricies."
+    },
+    {
+      "title": "Item title Nam bibendum",
+      "text": "Nunc commodo, mauris sed consectetur tempor, purus lorem interdum massa. Donec lacinia orci sed tellus condimentum hendrerit."
+    }
+  ],
+  "image": {
+    "src": "",
+    "alt": "image alt",
+    "title": "image title"
+  }
+}
+```

package/src/components/banner-and-text/config.js

@@ -1,5 +1,7 @@
 export const bannerAndText = {
   tag: 'banner-and-text',
+  category: 'Banner',
+  readmeMD: './banner-and-text.readme.md',
   src: '@gudhub/ssg-web-components-library/src/components/banner-and-text/banner-and-text.js',
   serverOnly: false
 }

package/src/components/breadcrumbs/config.js

@@ -1,5 +1,7 @@
 export const breadcrumbsComponent = {
   tag: 'breadcrumbs-component',
+  // category: 'Utilities',
+  readmeMD: './breadcrumbs-component.readme.md',
   src: '@gudhub/ssg-web-components-library/src/components/breadcrumbs/breadcrumbs-component.js',
   serverOnly: true
 }