hr-design-system-handlebars 0.121.8 → 0.121.10

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.121.10 (Tue Jan 24 2023)
+
+#### 🐛 Bug Fix
+
+- moves click.outside to nav element [#502](https://github.com/mumprod/hr-design-system-handlebars/pull/502) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v0.121.9 (Tue Jan 24 2023)
+
+#### 🐛 Bug Fix
+
+- Dpe 2034 [#501](https://github.com/mumprod/hr-design-system-handlebars/pull/501) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.121.8 (Tue Jan 24 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1382,9 +1382,6 @@ video {
 .w-24 {
   width: 6rem;
 }
-.w-0 {
-  width: 0px;
-}
 .min-w-0 {
   min-width: 0px;
 }
@@ -2477,7 +2474,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1674571086594;
+  counter-reset: cnt1674574368461;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2695,7 +2692,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1674571086594 1;
+  counter-increment: cnt1674574368461 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2711,7 +2708,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1674571086594);
+  content: counter(cnt1674574368461);
 }
 /*! ****************************/
 /*! text-shadow                */

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

@@ -6,7 +6,7 @@
     {{#if this.isAutosuggest}}
         <div class="flex mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
             <input x-ref="autosuggestInput"
-                   class="w-full h-10 pl-2 bg-gray-200 border-b-8 border-white ds-link-inset text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
+                   class="w-full h-10 pl-2 bg-gray-200 border-b-8 border-white text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
                    type="text"
                    placeholder="Eintrag filtern"/>
         </div>

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

@@ -1,7 +1,7 @@
 <nav class="w-full px-5 sm:px-0 {{inline-switch _teaserSize '["100","66","50","33","25"]' '[" teaser-size-100"," teaser-size-66"," teaser-size-50"," teaser-size-33"," teaser-size-25", ""]'}}"
      :class="contentNavDropdownIsOpen ? 'h-10' : ''"
      id="dropdown--{{nextRandom}}"
-    
+     @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest')"
      role="navigation"
      aria-labelledby="dropdown__label--{{getRandom}}">
 
@@ -9,7 +9,7 @@
     <button 
          class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10  mb-0 overflow-hidden bg-white border md:mx-0 z-100 border-content-nav whitespace-nowrap text-content-nav fill-content-nav"
          @click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen;  $dispatch('hr:global:resetinputAutoSuggest');" 
-         @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest')"
+        
          {{#if this.isMixed}}
             @resize.window="if(window.innerWidth > 767){contentNavDropdownIsOpen = false}; $dispatch('hr:global:resetinputAutoSuggest')"
          {{/if}}

package/dist/views/components/teaser/tabbox/group_tabbox.hbs

@@ -1,21 +1,7 @@
-<section 
-    x-cloak 
+<section {{#unless @first}}x-cloak {{/unless}}
     x-show="tab === '{{this.groupTitle}}'"
     class="pb-10"
 >
-    {{~#if this.hasGroupTitle~}}
-        <h3 class="sr-only">
-            <a class="" href="#tgp{{this.teaserIndex}}">
-                <span class="">{{this.groupTitle}}</span>
-                <span class="">
-                    {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
-                    {{> components/base/image/icon _icon="arrow-up" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
-                </span>
-            </a>
-        </h3>
-    {{~/if~}}
-
-    <a class="w-0" name="tgp{{this.teaserIndex}}"></a>
     <div class="grid items-start content-start grid-cols-12 px-0 md:px-8 colspan-12 gap-x-6 gap-y-6">
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,6 +1,5 @@
 </div>
 <div 
-  x-cloak 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
   class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >

package/package.json

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

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

@@ -6,7 +6,7 @@
     {{#if this.isAutosuggest}}
         <div class="flex mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
             <input x-ref="autosuggestInput"
-                   class="w-full h-10 pl-2 bg-gray-200 border-b-8 border-white ds-link-inset text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
+                   class="w-full h-10 pl-2 bg-gray-200 border-b-8 border-white text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
                    type="text"
                    placeholder="Eintrag filtern"/>
         </div>

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

@@ -1,7 +1,7 @@
 <nav class="w-full px-5 sm:px-0 {{inline-switch _teaserSize '["100","66","50","33","25"]' '[" teaser-size-100"," teaser-size-66"," teaser-size-50"," teaser-size-33"," teaser-size-25", ""]'}}"
      :class="contentNavDropdownIsOpen ? 'h-10' : ''"
      id="dropdown--{{nextRandom}}"
-    
+     @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest')"
      role="navigation"
      aria-labelledby="dropdown__label--{{getRandom}}">
 
@@ -9,7 +9,7 @@
     <button 
          class="content-nav-dropdown_dropdown{{#if this.isDropdown}} -isDropdown{{/if}}{{#if this.isMixed}} -isMixed{{/if}} ds-link-inset relative flex w-full h-10  mb-0 overflow-hidden bg-white border md:mx-0 z-100 border-content-nav whitespace-nowrap text-content-nav fill-content-nav"
          @click="contentNavDropdownIsOpen = !contentNavDropdownIsOpen;  $dispatch('hr:global:resetinputAutoSuggest');" 
-         @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest')"
+        
          {{#if this.isMixed}}
             @resize.window="if(window.innerWidth > 767){contentNavDropdownIsOpen = false}; $dispatch('hr:global:resetinputAutoSuggest')"
          {{/if}}

package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs

@@ -1,21 +1,7 @@
-<section 
-    x-cloak 
+<section {{#unless @first}}x-cloak {{/unless}}
     x-show="tab === '{{this.groupTitle}}'"
     class="pb-10"
 >
-    {{~#if this.hasGroupTitle~}}
-        <h3 class="sr-only">
-            <a class="" href="#tgp{{this.teaserIndex}}">
-                <span class="">{{this.groupTitle}}</span>
-                <span class="">
-                    {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
-                    {{> components/base/image/icon _icon="arrow-up" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
-                </span>
-            </a>
-        </h3>
-    {{~/if~}}
-
-    <a class="w-0" name="tgp{{this.teaserIndex}}"></a>
     <div class="grid items-start content-start grid-cols-12 px-0 md:px-8 colspan-12 gap-x-6 gap-y-6">
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>

package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,6 +1,5 @@
 </div>
 <div 
-  x-cloak 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
   class="grid grid-cols-12 pt-6 mx-0 mb-8 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >