hr-design-system-handlebars 0.55.1 → 0.55.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.55.2 (Fri Aug 19 2022)
+
+#### 🐛 Bug Fix
+
+- moved script to header_alpine.js [#303](https://github.com/mumprod/hr-design-system-handlebars/pull/303) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.55.1 (Fri Aug 19 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1867,7 +1867,7 @@ video {
           transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1660923306727;
+  counter-reset: cnt1660924214352;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -2250,7 +2250,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1660923306727 1;
+  counter-increment: cnt1660924214352 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2267,7 +2267,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1660923306727);
+  content: counter(cnt1660924214352);
 }
 /*! purgecss start ignore */
 :root,

package/dist/views/components/content_nav/content_nav.hbs

@@ -28,50 +28,4 @@
         {{/components/base/menu/dropdown}}
 
     {{/if}}
-{{/with}}
-
-<script type="text/javascript">
-
-document.addEventListener('alpine:init', () => {
-    
-    Alpine.data('contentNavigationHandler', () =>({    
-        open: false,
-        
-        init(){  
-        },
-
-        shouldDropdownBeShown(teasersize,isDropdown,isMixed){  
-            if (isDropdown){
-                return true
-            } 
-
-            if (isMixed) {
-                if (teasersize === 100 || teasersize === 66 ) {
-                    if (this.$screen('lg')) return false
-                    if (this.$screen('md')) return false
-                    if (this.$screen('xs')) return true
-                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
-                    return true 
-                }
-            }
-        },
-
-        shouldContentBeShown(teasersize,isDropdown,isMixed){
-            if (isDropdown){                   
-                return this.open                
-            }  
-            if (isMixed) {
-                if (teasersize === 100 || teasersize === 66 ) {
-                    if (this.$screen('lg')) return true
-                    if (this.$screen('md')) return true
-                    if (this.$screen('xs')) return this.open
-                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
-                    return this.open
-                }
-            }
-
-            return false 
-        }
-    }))   
-})
-</script>
+{{/with}}

package/dist/views/components/site_header/header_alpine.js

@@ -344,4 +344,44 @@ document.addEventListener('alpine:init', () => {
             }
         }
     }))
+
+    Alpine.data('contentNavigationHandler', () =>({    
+        open: false,
+        
+        init(){  
+        },
+
+        shouldDropdownBeShown(teasersize,isDropdown,isMixed){  
+            if (isDropdown){
+                return true
+            } 
+
+            if (isMixed) {
+                if (teasersize === 100 || teasersize === 66 ) {
+                    if (this.$screen('lg')) return false
+                    if (this.$screen('md')) return false
+                    if (this.$screen('xs')) return true
+                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
+                    return true 
+                }
+            }
+        },
+
+        shouldContentBeShown(teasersize,isDropdown,isMixed){
+            if (isDropdown){                   
+                return this.open                
+            }  
+            if (isMixed) {
+                if (teasersize === 100 || teasersize === 66 ) {
+                    if (this.$screen('lg')) return true
+                    if (this.$screen('md')) return true
+                    if (this.$screen('xs')) return this.open
+                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
+                    return this.open
+                }
+            }
+
+            return false 
+        }
+    }))  
 })

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "0.55.1",
+    "version": "0.55.2",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "start-storybook -p 6006 public",

package/src/stories/views/components/content_nav/content_nav.hbs

@@ -28,50 +28,4 @@
         {{/components/base/menu/dropdown}}
 
     {{/if}}
-{{/with}}
-
-<script type="text/javascript">
-
-document.addEventListener('alpine:init', () => {
-    
-    Alpine.data('contentNavigationHandler', () =>({    
-        open: false,
-        
-        init(){  
-        },
-
-        shouldDropdownBeShown(teasersize,isDropdown,isMixed){  
-            if (isDropdown){
-                return true
-            } 
-
-            if (isMixed) {
-                if (teasersize === 100 || teasersize === 66 ) {
-                    if (this.$screen('lg')) return false
-                    if (this.$screen('md')) return false
-                    if (this.$screen('xs')) return true
-                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
-                    return true 
-                }
-            }
-        },
-
-        shouldContentBeShown(teasersize,isDropdown,isMixed){
-            if (isDropdown){                   
-                return this.open                
-            }  
-            if (isMixed) {
-                if (teasersize === 100 || teasersize === 66 ) {
-                    if (this.$screen('lg')) return true
-                    if (this.$screen('md')) return true
-                    if (this.$screen('xs')) return this.open
-                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
-                    return this.open
-                }
-            }
-
-            return false 
-        }
-    }))   
-})
-</script>
+{{/with}}

package/src/stories/views/components/site_header/header_alpine.js

@@ -344,4 +344,44 @@ document.addEventListener('alpine:init', () => {
             }
         }
     }))
+
+    Alpine.data('contentNavigationHandler', () =>({    
+        open: false,
+        
+        init(){  
+        },
+
+        shouldDropdownBeShown(teasersize,isDropdown,isMixed){  
+            if (isDropdown){
+                return true
+            } 
+
+            if (isMixed) {
+                if (teasersize === 100 || teasersize === 66 ) {
+                    if (this.$screen('lg')) return false
+                    if (this.$screen('md')) return false
+                    if (this.$screen('xs')) return true
+                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
+                    return true 
+                }
+            }
+        },
+
+        shouldContentBeShown(teasersize,isDropdown,isMixed){
+            if (isDropdown){                   
+                return this.open                
+            }  
+            if (isMixed) {
+                if (teasersize === 100 || teasersize === 66 ) {
+                    if (this.$screen('lg')) return true
+                    if (this.$screen('md')) return true
+                    if (this.$screen('xs')) return this.open
+                } else if (teasersize === 33 || teasersize === 25 || teasersize === 50) { 
+                    return this.open
+                }
+            }
+
+            return false 
+        }
+    }))  
 })