hr-design-system-handlebars 0.58.1 → 0.59.1

package/.storybook/main.js

@@ -3,7 +3,7 @@ const fs = require('fs')
 const FlatContextPlugin = require('../build/webpack/feature-loader/plugin/FlatContextPlugin')
 
 module.exports = {
-    staticDirs: ['../src/assets'],
+    staticDirs: ['../src/assets', '../src/assets/js'],
     stories: [
         '../src/stories/Introduction.stories.mdx',
         '../src/**/*.stories.mdx',
@@ -28,7 +28,6 @@ module.exports = {
         // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
         // You can change the configuration based on that.
         // 'PRODUCTION' is used when building the static version of storybook.
-
         // Make whatever fine-grained changes you need
         config.resolve.alias = {
             ...config.resolve.alias,
@@ -49,14 +48,49 @@ module.exports = {
 
         config.module.rules.push(
             {
-                test: /\.handlebars|hbs$/,
+                test: /\.hbs$/,
                 loader: 'handlebars-loader',
-                include: path.resolve(__dirname, '../'),
+                //include: path.resolve(__dirname, '../'),
+
                 options: {
-                    helperDirs: [path.resolve(__dirname, '../build/helpers')],
-                    partialDirs: [path.resolve(__dirname, '../src/stories/views')],
+                    debug: false,
+                    knownHelpers: [
+                        'partial',
+                        'block',
+                        'append',
+                        'decorator',
+                        'decorator_body',
+                        'defaultIfEmpty',
+                        'if',
+                        'inline-switch',
+                        'json',
+                        'withParam',
+                        'loca',
+                        'resourceUrl',
+                        'isStorybook',
+                        'switch',
+                        'case',
+                        'default',
+                    ],
+                    ignoreHelpers: true,
+                    ignorePartials: true,
+                    runtime: path.resolve(__dirname, '../build/handlebars/handlebars'),
+                    precompileOptions: {
+                        knownHelpersOnly: false,
+                    },
                 },
             },
+            {
+                test: /\.handlebars$/i,
+                use: [
+                    {
+                        loader: 'raw-loader',
+                        options: {
+                            esModule: false,
+                        },
+                    },
+                ],
+            },
             {
                 test: /\,css&/,
                 use: [

package/.storybook/preview-head.html

@@ -1,4 +1,5 @@
 <script src="https://cdn.jsdelivr.net/npm/async-alpine@0.4.x/dist/async-alpine.script.js"></script>
 <script defer src="https://unpkg.com/@alpinejs/collapse@3.8.1/dist/cdn.min.js"></script>
 <script defer src="https://unpkg.com/@alpine-collective/toolkit@1.0.0/dist/cdn.min.js"></script>
-<script defer src="https://unpkg.com/alpinejs@3.8.1/dist/cdn.min.js"></script>
+<script defer src="https://unpkg.com/alpinejs@3.8.1/dist/cdn.min.js"></script>
+<script src="vendor/modernizr/modernizr.cust.js"></script>

package/.storybook/preview.js

@@ -8,24 +8,46 @@ import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
 
 import Initializer from '../build/webpack/feature-loader/initializer/initializer'
 import loadFeature from '../build/webpack/feature-loader/initializer/loader'
-import 'components/site_header/header_alpine'
+import '../src/assets/vendor/alpine/header_alpine'
 
-function loadDelayedImages(){setTimeout((function(){var t,e=document.images,s=[],a=function(t){void 0!==window.picturefill&&window.picturefill({reevaluate:!0,elements:t})};for(var i=0;i<e.length;++i)(t=e[i].dataset?e[i].dataset.srcset:e[i].getAttribute("data-srcset"))&&(0===e[i].getBoundingClientRect().top?s.push(e[i]):e[i].setAttribute("srcset",t));a(e),setTimeout((function(){var t;for(var i=0;i<s.length;++i)t=s[i].dataset?s[i].dataset.srcset:s[i].getAttribute("data-srcset"),s[i].setAttribute("srcset",t);a(s)}),900)}),0)}
+function loadDelayedImages() {
+    setTimeout(function () {
+        var t,
+            e = document.images,
+            s = [],
+            a = function (t) {
+                void 0 !== window.picturefill && window.picturefill({ reevaluate: !0, elements: t })
+            }
+        for (var i = 0; i < e.length; ++i)
+            (t = e[i].dataset ? e[i].dataset.srcset : e[i].getAttribute('data-srcset')) &&
+                (0 === e[i].getBoundingClientRect().top
+                    ? s.push(e[i])
+                    : e[i].setAttribute('srcset', t))
+        a(e),
+            setTimeout(function () {
+                var t
+                for (var i = 0; i < s.length; ++i)
+                    (t = s[i].dataset ? s[i].dataset.srcset : s[i].getAttribute('data-srcset')),
+                        s[i].setAttribute('srcset', t)
+                a(s)
+            }, 900)
+    }, 0)
+}
 
-let eventSrcUrl = null;
+let eventSrcUrl = null
 
 document.addEventListener('DOMContentLoaded', function (event) {
-    console.log('DOM fully loaded and parsed') 
-    if(eventSrcUrl != event.srcElement.URL) {
+    console.log('DOM fully loaded and parsed')
+    if (eventSrcUrl != event.srcElement.URL) {
         eventSrcUrl = event.srcElement.URL
-        
-        console.log('Start feature initialization' )
+
+        console.log('Start feature initialization')
 
         Initializer.run(document, loadFeature)
-        setTimeout(loadDelayedImages,200);
+        setTimeout(loadDelayedImages, 200)
     } else {
-        console.log("second DOMContentLoaded Event was blocked!");
-    }   
+        console.log('second DOMContentLoaded Event was blocked!')
+    }
 })
 
 if (process.env.NODE_ENV !== 'production') {
@@ -37,8 +59,8 @@ const customViewports = {
     hrMin: {
         name: 'hr: Min - 320px',
         styles: {
-          width: '320px',
-          height: '600px',
+            width: '320px',
+            height: '600px',
         },
     },
     hrXs: {
@@ -90,7 +112,7 @@ const customViewports = {
             height: '1000px',
         },
     },
-  };
+}
 
 export const parameters = {
     //layout: 'fullscreen',
@@ -98,8 +120,7 @@ export const parameters = {
         viewports: {
             ...customViewports,
             ...INITIAL_VIEWPORTS,
-           
-         },
+        },
     },
     backgrounds: {
         default: 'white',
@@ -170,13 +191,7 @@ export const parameters = {
                 'Grundlegendes',
                 ['Konventionen und Datenstrukturen', 'Testdatenbereitstellung', '*'],
                 'Komponenten',
-                [
-                    'Page',
-                    'Header',
-                    'Teaser',
-                    'grid',
-                    'Label'
-                ],
+                ['Page', 'Header', 'Teaser', 'grid', 'Label'],
                 '*',
             ],
         },

package/.storybook/withThemeDecorator.js

@@ -2,7 +2,6 @@
 const getActiveValue = ({ globals, parameters }) => {
     const global = globals.customConditionalToolbar || {}
     const param = parameters.customConditionalToolbar
-    console.log(global[param.default])
     return undefined !== global[param.default] ? global[param.default] : 'hessenschau' // get the selected options id
 }