cronus-theme 2.0.106 → 2.0.109

package/default/login/dist/snippets/iconfont.html

@@ -1 +1 @@
-<link rel="preload" href="/layout/frontend/default/login/dist/fonts/icons1747752614.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="/layout/frontend/default/login/dist/fonts/icons1749800630.woff2" as="font" type="font/woff2" crossorigin>

package/default/login/dist/snippets/js/main.html

@@ -1 +1 @@
-<script src="/layout/frontend/default/login/dist/js/main1747752614.js"></script>
+<script src="/layout/frontend/default/login/dist/js/main1749800630.js"></script>

package/default/login/src/scss/base/_base.scss

@@ -26,4 +26,5 @@
 @import "../../../../global/scss/base/margins";
 @import "../../../../global/scss/base/containers";
 @import "../../../../global/scss/base/grid";
-@import "../../../../global/scss/base/background";
+@import "../../../../global/scss/base/background";
+@import "../../../../global/scss/base/accessibility";

package/default/login/src/scss/base/_icons.scss

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "icons";
   font-display: swap;
-  src: url('../fonts/icons1747752614.woff2') format('woff2'),
-  url('../fonts/icons1747752614.woff') format('woff');
+  src: url('../fonts/icons1749800630.woff2') format('woff2'),
+  url('../fonts/icons1749800630.woff') format('woff');
 }
 
 .icon {

package/default/login/styleguide/item-base-lists.html

@@ -164,7 +164,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 7924
+          Source: <code>build/doc/doc.css</code>, line 7939
         </div>
 
     </div>

package/default/login/styleguide/item-components-max-height-content.html

@@ -150,7 +150,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8721
+          Source: <code>build/doc/doc.css</code>, line 8736
         </div>
 
     </div>

package/default/login/styleguide/item-components-modals.html

@@ -267,7 +267,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8401
+          Source: <code>build/doc/doc.css</code>, line 8416
         </div>
 
     </div>

package/default/login/styleguide/item-form-file-input.html

@@ -200,7 +200,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 6175
+          Source: <code>build/doc/doc.css</code>, line 6190
         </div>
 
     </div>

package/default/login/styleguide/item-form-infield-input-groups.html

@@ -163,7 +163,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8151
+          Source: <code>build/doc/doc.css</code>, line 8166
         </div>
 
     </div>

package/default/login/styleguide/item-form-input-groups-addons.html

@@ -234,7 +234,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 7990
+          Source: <code>build/doc/doc.css</code>, line 8005
         </div>
 
     </div>

package/default/login/styleguide/item-form-input-groups.html

@@ -158,7 +158,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 7978
+          Source: <code>build/doc/doc.css</code>, line 7993
         </div>
 
     </div>

package/default/login/styleguide/item-navigations-nav.html

@@ -163,7 +163,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8229
+          Source: <code>build/doc/doc.css</code>, line 8244
         </div>
 
     </div>

package/default/login/styleguide/item-typo-link-with-icon.html

@@ -202,7 +202,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8308
+          Source: <code>build/doc/doc.css</code>, line 8323
         </div>
 
     </div>

package/default/login/styleguide/section-base.html

@@ -708,7 +708,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 7924
+          Source: <code>build/doc/doc.css</code>, line 7939
         </div>
 
     </section>

package/default/login/styleguide/section-components.html

@@ -207,7 +207,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8721
+          Source: <code>build/doc/doc.css</code>, line 8736
         </div>
 
     </section>
@@ -430,7 +430,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8401
+          Source: <code>build/doc/doc.css</code>, line 8416
         </div>
 
     </section>

package/default/login/styleguide/section-form.html

@@ -505,7 +505,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 6175
+          Source: <code>build/doc/doc.css</code>, line 6190
         </div>
 
     </section>
@@ -624,7 +624,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8151
+          Source: <code>build/doc/doc.css</code>, line 8166
         </div>
 
     </section>
@@ -738,7 +738,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 7978
+          Source: <code>build/doc/doc.css</code>, line 7993
         </div>
 
     </section>
@@ -928,7 +928,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 7990
+          Source: <code>build/doc/doc.css</code>, line 8005
         </div>
 
     </section>

package/default/login/styleguide/section-navigations.html

@@ -214,7 +214,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8229
+          Source: <code>build/doc/doc.css</code>, line 8244
         </div>
 
     </section>

package/default/login/styleguide/section-typo.html

@@ -400,7 +400,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 8308
+          Source: <code>build/doc/doc.css</code>, line 8323
         </div>
 
     </section>

package/default/login.yaml

@@ -29,6 +29,11 @@ groupClasses:
   contentTabsContent: "contentTabs__content"
 notFoundFiles:
   default: 404_login
+minMediaQueries:
+  tablet: 768
+  tabletLandscape: 1024
+  desktop: 1250
+  desktopLarge: 1540
 shopConfig:
   num_items_per_page: 24
   max_no_of_results: 30

package/default/templates/blueprints/banner.mustache

@@ -0,0 +1,33 @@
+{{#header.headline}}
+    <div>
+        <strong>Headline</strong><br/>
+        {{.}}
+    </div>
+{{/header.headline}}
+
+{{#header.selectCode_option_a}}
+    Layout a
+{{/header.selectCode_option_a}}
+
+
+{{#header.selectCode_option_b}}
+    Layout b
+{{/header.selectCode_option_b}}
+
+{{#header.yesno}}
+    Checkbox
+{{/header.yesno}}
+
+{{#hasLines}}
+    <ul>
+        {{#lines}}
+            <li>
+                <h3>{{count}}</h3>
+                <div>
+                    <strong>text</strong><br/>
+                    {{text}}
+                </div>
+            </li>
+        {{/lines}}
+    </ul>
+{{/hasLines}}

package/default/templates/blueprints/demo.mustache

@@ -0,0 +1,33 @@
+{{#header.headline}}
+    <div>
+        <strong>Headline</strong><br/>
+        {{.}}
+    </div>
+{{/header.headline}}
+
+{{#header.selectCode_option_a}}
+    Layout a
+{{/header.selectCode_option_a}}
+
+
+{{#header.selectCode_option_b}}
+    Layout b
+{{/header.selectCode_option_b}}
+
+{{#header.yesno}}
+    Checkbox
+{{/header.yesno}}
+
+{{#hasLines}}
+    <ul>
+        {{#lines}}
+            <li>
+                <h3>{{count}}</h3>
+                <div>
+                    <strong>text</strong><br/>
+                    {{text}}
+                </div>
+            </li>
+        {{/lines}}
+    </ul>
+{{/hasLines}}

package/default/templates/forms/inputFileField.mustache

@@ -2,7 +2,7 @@
     <div class="infieldInputGroup marginBottom--small">
 {{/options.infield}}
     <label for="{{id}}" aria-hidden="true">
-        {{label}}
+        {{{label}}}
     </label>
     <div class="inputGroup {{#options.hasError}}is-error{{/options.hasError}}">
         <div class="fileBody">

package/default/templates/forms/inputSelectField.mustache

@@ -2,7 +2,7 @@
     <div class="infieldInputGroup infieldInputGroup--select marginBottom--small">
 {{/options.infield}}
     <label for="{{id}}" aria-hidden="true">
-        {{label}}
+        {{{label}}}
     </label>
     <div class="inputGroup {{#options.hasError}}is-error{{/options.hasError}}">
         <div class="selectBody">

package/default/templates/getAdditionalData_example.mustache

@@ -0,0 +1,33 @@
+MUSTACHE
+    {{#get_additional_data}}
+        {{#select}}code, description{{/select}}
+        {{#from}}shop_shop{{/from}}
+        {{#where}}company={{DATE_FROM_VIEWMODEL}}{{/where}}
+        {{#limit}}5{{/limit}}
+        {{#orderby}}id DESC{{/orderby}}
+        {{#data}}
+            <div>{{code}} – {{description}}</div>
+            {{#get_additional_data}}
+                {{#select}}company, use_items_from_shop_code{{/select}}
+                {{#from}}shop_shop{{/from}}
+                {{#where}}code={{code}}{{/where}}
+                {{#where}}company={{company}}{{/where}}
+                {{#data}}
+                    {{#use_items_from_shop_code}}
+                        <span style="color: red">{{use_items_from_shop_code}}</span>
+                        {{#get_additional_data}}
+                            {{#select}}code, description{{/select}}
+                            {{#from}}shop_shop{{/from}}
+                            {{#where}}company={{company}}{{/where}}
+                            {{#where}}code = {{use_items_from_shop_code}}{{/where}}
+                            {{#where}}'{{use_items_from_shop_code}}' != {{/where}}
+                            {{#data}}
+                                <span style="color: green">{{code}} -  – {{description}}</span>
+                            {{/data}}
+                        {{/get_additional_data}}
+                    {{/use_items_from_shop_code}}
+                {{/data}}
+            {{/get_additional_data}}
+        {{/data}}
+    {{/get_additional_data}}
+MUSTACHE

package/default/templates/itemlist/b2b/itemBasketBox.mustache

@@ -80,7 +80,7 @@
     <div class="itemBasketBox__sumPrice">{{{item.prices.sumPrice}}}</div>
     <div class="itemBasketBox__addon">
         {{#removeAction}}
-            <button class="actionIcon js-removeFromBasket" data-action="shop_remove_item_from_basket_by_key" title="{{tc.delete}}" data-itemkey="{{itemKey}}" data-actionid="{{id}}" data-var_code="{{var_code}}">
+            <button class="actionIcon js-removeFromBasket" data-action="shop_remove_item_from_basket_by_key" title="{{tc.delete}}" data-itemkey="{{itemKey}}" data-actionid="{{item.id}}" data-var_code="{{item.var_code}}">
                 <i class="icon icon-close"></i>
             </button>
         {{/removeAction}}

package/default/templates/shop/item_statistics_account.mustache

@@ -1,18 +1,20 @@
 <h1 class="shopSiteHeadline d-none d-md-block">{{tc.item_statistics}}</h1>
 <form method="POST" id="item_stats_form" name="item_stats_form" autocomplete="off">
     <div class="row gridGap--small align-items-end">
-        <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
-            <label for="input_vendor">{{tc.vendor}}</label>
-            <div class="inputGroup">
-                <div class="selectBody">
-                    <select name="input_vendor" id="input_vendor">
-                        {{#vendors}}
-                            <option value="{{vendor_no}}" {{#selected}}selected=""{{/selected}}>{{vendor_name}}</option>
-                        {{/vendors}}
-                    </select>
+        {{#showVendorFilter}}
+            <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
+                <label for="input_vendor">{{tc.vendor}}</label>
+                <div class="inputGroup">
+                    <div class="selectBody">
+                        <select name="input_vendor" id="input_vendor">
+                            {{#vendors}}
+                                <option value="{{vendor_no}}" {{#selected}}selected=""{{/selected}}>{{vendor_name}}</option>
+                            {{/vendors}}
+                        </select>
+                    </div>
                 </div>
             </div>
-        </div>
+        {{/showVendorFilter}}
         <div class="col-12 col-sm-6 col-md-4 col-lg-3 marginBottom">
             <label for="input_range">{{tc.date_range}}</label>
             <div class="inputGroup">

package/default/templates/siteparts/googleMaps.mustache

@@ -13,7 +13,7 @@
 
     function show_maps_{{sitepartID}}() {
         let canvas = document.getElementById("googleMapsCanvas{{sitepartID}}");
-        let markerImageSrc = "";
+        let markerImageSrc = "/userdata/images/basics/googleMapsPin.svg";
         if (typeof google !== 'undefined' && canvas !== null) {
             function initialize_map_{{sitepartID}}() {
                 let bounds = new google.maps.LatLngBounds();

package/default/templates/siteparts/mediaPicture.mustache

@@ -0,0 +1,33 @@
+<style>
+    #picture_{{sitepart_id}} {
+        {{#media_header.width}}width: {{.}}px;{{/media_header.width}}
+        {{^media_header.width}}width:100%;{{/media_header.width}}
+        display: flex;{{#mediaHeaderOptionFirst.object_fit}}object-fit: {{mediaHeaderOptionFirst.object_fit}};{{/mediaHeaderOptionFirst.object_fit}}{{#mediaHeaderOptionFirst.aspect_ratio}}aspect-ratio: {{mediaHeaderOptionFirst.aspect_ratio}};{{/mediaHeaderOptionFirst.aspect_ratio}}
+    }
+        {{#mediaHeaderOptions}}
+        @media (min-width: {{minWidth}}px){{#maxWidth}} and (max-width: {{maxWidth}}px){{/maxWidth}} {
+            #picture_{{sitepart_id}} > img {
+                {{#aspect_ratio}}aspect-ratio: {{aspect_ratio}};{{/aspect_ratio}}{{#object_fit}}object-fit: {{.}};{{/object_fit}}
+            }
+        }
+        {{/mediaHeaderOptions}}
+</style>
+{{#media_header.link}}
+    <a href="{{media_header.link}}" {{#media_header.target}}target="{{media_header.target}}"{{/media_header.target}}>
+{{/media_header.link}}
+    <picture id="picture_{{sitepart_id}}">
+        {{#lines}}
+            <source
+                    srcset="{{paths.resize}}{{filename}}"
+                    {{#media_attribute}}media="(min-width:{{media_attribute}}px)"{{/media_attribute}}
+            >
+        {{/lines}}
+        <img
+                src="{{paths.resize}}{{img}}"
+                alt="{{media_header.alternativ}}"
+                {{#media_header.width}}style="width:{{.}}px;"{{/media_header.width}}
+            {{^media_header.width}}style="width:100%;"{{/media_header.width}} />
+    </picture>
+{{#media_header.link}}
+    </a>
+{{/media_header.link}}

package/default/templates/siteparts/mediaVideo.mustache

@@ -0,0 +1,37 @@
+<style>
+    #video_{{sitepart_id}} {
+        display: flex;{{#mediaHeaderOptionFirst.object_fit}}object-fit: {{mediaHeaderOptionFirst.object_fit}};{{/mediaHeaderOptionFirst.object_fit}}{{#mediaHeaderOptionFirst.aspect_ratio}}aspect-ratio: {{mediaHeaderOptionFirst.aspect_ratio}};{{/mediaHeaderOptionFirst.aspect_ratio}}
+        {{#media_header.width}}width:{{.}}px;{{/media_header.width}}
+        {{^media_header.width}}width:100%;{{/media_header.width}}
+    }
+        {{#mediaHeaderOptions}}
+        @media (min-width: {{minWidth}}px){{#maxWidth}} and (max-width: {{maxWidth}}px){{/maxWidth}} {
+            #video_{{sitepart_id}} {
+                {{#aspect_ratio}}aspect-ratio: {{aspect_ratio}};{{/aspect_ratio}}{{#object_fit}}object-fit: {{.}};{{/object_fit}}
+            }
+        }
+        {{/mediaHeaderOptions}}
+</style>
+{{#media_header.link}}
+    <a href="{{media_header.link}}" {{#media_header.target}}target="{{media_header.target}}"{{/media_header.target}}>
+{{/media_header.link}}
+    <video id="video_{{sitepart_id}}"
+        {{#media_header.isautoplay}}autoplay playsinline{{/media_header.isautoplay}}
+        {{#media_header.iscontrols}}controls{{/media_header.iscontrols}}
+        {{#media_header.isloop}}loop{{/media_header.isloop}}
+        {{#media_header.ismuted}}muted{{/media_header.ismuted}}
+           poster="{{img}}"
+           {{#media_header.width}}style="width:{{.}}px;"{{/media_header.width}}
+        {{^media_header.width}}style="width:100%;"{{/media_header.width}}
+    >
+        {{#lines}}
+            <source
+                    {{#media_attribute}}media="(min-width:{{media_attribute}}px)"{{/media_attribute}}
+                    src="{{paths.original}}{{filename}}"
+                    type="video/{{type}}"
+            >
+        {{/lines}}
+    </video>
+{{#media_header.link}}
+    </a>
+{{/media_header.link}}

package/default/website/build/doc/doc.css

@@ -364,7 +364,7 @@ table {
 @font-face {
   font-family: "icons";
   font-display: swap;
-  src: url("../fonts/icons1747752621.woff2") format("woff2"), url("../fonts/icons1747752621.woff") format("woff");
+  src: url("../fonts/icons1749800637.woff2") format("woff2"), url("../fonts/icons1749800637.woff") format("woff");
 }
 .icon {
   font-family: "icons";
@@ -6275,6 +6275,21 @@ Styleguide Structure.Grid
   background-size: cover;
 }
 
+[role=tooltip] {
+  display: none;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
 .googlemaps_content {
   max-width: 100%;
 }