From a67707a4f4ed50d75da665968df70c77c634d6f8 Mon Sep 17 00:00:00 2001
From: PeeterPaal <peeterpaal@gmail.com>
Date: Tue, 8 Mar 2022 20:12:45 +0200
Subject: [PATCH] Add bgpicker to auto-rendered product pages - Include
 template settings - Adjust auto-gen page colors for dark background

---
 components/html-head.tpl                      |  2 +-
 components/site-header.tpl                    | 10 ++++-
 components/site-javascripts.tpl               |  2 +-
 components/template-cs-style-rules.tpl        |  5 +++
 components/template-settings-json.tpl         | 13 ++++++
 components/template-settings.tpl              |  5 +++
 components/template-styles.tpl                |  7 +++
 components/template-tools.tpl                 |  2 +
 components/template-variables.tpl             | 45 ++++++++++++++++++-
 javascripts/main.js                           |  2 +-
 javascripts/main.min.js                       |  2 +-
 layouts/auto_generated_product.tpl            | 23 +++++++---
 layouts/blog___news.tpl                       |  7 +--
 layouts/blog_article.tpl                      |  7 +--
 layouts/common_page.tpl                       |  3 +-
 layouts/front_page.tpl                        |  3 +-
 layouts/product.tpl                           |  3 +-
 layouts/product_list.tpl                      |  3 +-
 manifest.json                                 | 14 ++++++
 .../template-cs-style-rules.scss              |  8 ++++
 sources/javascripts/concat/base.js            |  2 +-
 21 files changed, 145 insertions(+), 23 deletions(-)
 create mode 100644 components/template-settings-json.tpl
 create mode 100644 components/template-settings.tpl

diff --git a/components/html-head.tpl b/components/html-head.tpl
index 7fc5a60..a6d7dd0 100644
--- a/components/html-head.tpl
+++ b/components/html-head.tpl
@@ -17,7 +17,7 @@
 {% if editmode %}
   <link rel="stylesheet" href="{{ site.static_asset_host }}/libs/edicy-tools/latest/edicy-tools.css">
 {% endif %}
-{% stylesheet_link "main.min.css?v=dorpat-1.1.1" %}
+<link href="{{ stylesheets_path }}/main.min.css?v={{ template_settings.version }}" media="screen" rel="stylesheet" type="text/css"/>
 
 {% comment %}Google fonts for Design Editor{% endcomment %}
 <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro:400,400i,700,700i|Arvo:400,400i,700,700i|Cousine:400,400i,700,700i|Crimson+Text:400,400i,700,700i|Fira+Sans:400,400i,700,700i|Lato:400,400i,700,700i|Lora:400,400i,700,700i|Montserrat:400,400i,700,700i|Noto+Serif:400,400i,700,700i|Open+Sans:400,400i,700,700i|PT+Sans:400,400i,700,700i|PT+Serif:400,400i,700,700i|Playfair+Display:400,400i,700,700i|Raleway:400,400i,700,700i|Roboto+Mono:400,400i,700,700i|Roboto+Slab:400,700|Roboto:300,300i,400,400i,500,500i,700,700i|Source+Sans+Pro:400,400i,700,700i|Ubuntu+Mono:400,400i,700,700i|Ubuntu:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,hebrew,latin-ext,vietnamese" rel="stylesheet">
diff --git a/components/site-header.tpl b/components/site-header.tpl
index 1fc7891..2d328a2 100644
--- a/components/site-header.tpl
+++ b/components/site-header.tpl
@@ -55,7 +55,15 @@
             <button class="type-btn js-type-btn{% if photo_article %} is-active{% endif %}" data-article-type="photo-article">Photo</button>
           </div>
         {% else %}
-          <button class="voog-bg-picker-btn js-background-settings" data-bg-key="header_bg" data-bg-picture-boolean="true" data-bg-default-image-color="{% if front_page %}rgb(142, 156, 169){% else %}rgb(41, 42, 39){% endif %}" data-target-width="600" data-bg-image="{{ header_bg_image }}" data-bg-image-sizes="{{ header_bg_image_sizes_str | escape }}" data-bg-color="{{ header_bg_color }}" data-bg-color-data="{{ header_bg_color_data_str | escape }}"></button>
+          <button class="voog-bg-picker-btn js-background-settings" 
+            data-bg-key="{% if product_page %}{{ header_bg_key }}{% else %}header_bg{% endif %}"
+            data-bg-picture-boolean="true" 
+            data-bg-default-image-color="{% if front_page %}rgb(142, 156, 169){% else %}rgb(41, 42, 39){% endif %}" 
+            data-target-width="600" data-bg-image="{{ header_bg_image }}" 
+            data-bg-image-sizes="{{ header_bg_image_sizes_str | escape }}" 
+            data-bg-color="{{ header_bg_color | escape_once }}" 
+            data-bg-color-data="{{ header_bg_color_data_str | escape }}">
+          </button>
         {% endif %}
       {% endif %}
 
diff --git a/components/site-javascripts.tpl b/components/site-javascripts.tpl
index a4b21b7..bf008f9 100644
--- a/components/site-javascripts.tpl
+++ b/components/site-javascripts.tpl
@@ -1,7 +1,7 @@
 {% comment %}SITE WIDE JAVASCRIPTS{% endcomment %}
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js" integrity="sha256-gDUQmMJHiRi7gACNeDZJkwW/b01LKr90K4gjJVu7DY4=" crossorigin="anonymous"></script>
-<script src="{{ javascripts_path }}/main.min.js?v=dorpat-1.1.1"></script>
+<script src="{{ javascripts_path }}/main.min.js?v={{ template_settings.version }}"></script>
 {% sitejs_include %}
 
 {% comment %}Site search related javascript components.{% endcomment %}
diff --git a/components/template-cs-style-rules.tpl b/components/template-cs-style-rules.tpl
index 80b960f..4739545 100644
--- a/components/template-cs-style-rules.tpl
+++ b/components/template-cs-style-rules.tpl
@@ -738,6 +738,11 @@ body {
           text-decoration: var(--content-area-product-title__text-decoration);
   text-transform: var(--content-area-product-title__text-transform);
 }
+.dark-background .product-content .product-price,
+.dark-background .product-content .product-description,
+.dark-background .product-content .content-item-title h1 {
+  color: var(--third-color);
+}
 
 .dark-background .edy-product-widget-grid .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-title,
 .dark-background .edy-product-widget-grid .edy-product-widget-item .edy-product-widget-item-details-wrap .edy-product-widget-item-link {
diff --git a/components/template-settings-json.tpl b/components/template-settings-json.tpl
new file mode 100644
index 0000000..23a7270
--- /dev/null
+++ b/components/template-settings-json.tpl
@@ -0,0 +1,13 @@
+{
+  "product": {
+    "body_bg": {
+      "key": "PREFIX_product_body_bg",
+      "value": {}
+    },
+    "header_bg": {
+      "key": "PREFIX_product_header_bg",
+      "value": {}
+    }
+  },
+  "version": "dorpat-1.1.1"
+}
diff --git a/components/template-settings.tpl b/components/template-settings.tpl
new file mode 100644
index 0000000..3bddbdf
--- /dev/null
+++ b/components/template-settings.tpl
@@ -0,0 +1,5 @@
+{%- capture template_settings_json -%}
+  {% include 'template-settings-json' %}
+{%- endcapture -%}
+
+{%- assign template_settings = template_settings_json | replace: 'PREFIX', 'dorpat' | json_parse -%}
diff --git a/components/template-styles.tpl b/components/template-styles.tpl
index daf8267..b025265 100644
--- a/components/template-styles.tpl
+++ b/components/template-styles.tpl
@@ -173,6 +173,13 @@
   }
   {% endif %}
 
+  {% comment %}/* Product page content area background*/ {% endcomment %}
+  {% if product_body_bg_color != blank %}
+  .product-page .page-body .background-color {
+    background-color: {{ product_body_bg_color }}
+  }
+  {% endif %}
+
   {% comment %}/* FOOTER BACKGROUND */{% endcomment %}
   {% comment %}/* Front page content area 1 background color style. */{% endcomment %}
   {% if footer_bg_color != blank %}
diff --git a/components/template-tools.tpl b/components/template-tools.tpl
index 0ca6cae..e478801 100644
--- a/components/template-tools.tpl
+++ b/components/template-tools.tpl
@@ -18,6 +18,8 @@
     //==========================================================================
     {% if front_page %}
       pageType = 'frontPage';
+    {% elsif product_page %}
+      pageType = 'productPage';
     {% else %}
       {% if blog_article_page %}
         pageType = 'articlePage';
diff --git a/components/template-variables.tpl b/components/template-variables.tpl
index bfc84ac..0eb80d9 100644
--- a/components/template-variables.tpl
+++ b/components/template-variables.tpl
@@ -86,7 +86,13 @@
 
   {% comment %}SITE HEADER RELATED VARIABLES.{% endcomment %}
   {% comment %}Assign variables based on page type.{% endcomment %}
-  {% assign header_bg = page.data.header_bg %}
+  {% if product_page == true %}
+    {% assign header_bg_key = template_settings.product.header_bg.key %}
+    {% assign header_bg = site.data[header_bg_key] %}
+  {% else %}
+    {% assign header_bg = page.data.header_bg %}
+  {% endif %}
+
   {% assign header_bg_image = header_bg.image %}
   {% assign header_bg_image_sizes = header_bg.imageSizes %}
   {% assign header_bg_color = header_bg.color %}
@@ -94,7 +100,7 @@
   {% assign header_bg_combined_lightness = header_bg.combinedLightness %}
 
   {% comment %}Sets the background type to choose active CMS color scheme.{% endcomment %}
-  {% if header_bg %}
+  {% if header_bg != blank%}
     {% if header_bg_combined_lightness %}
       {% if header_bg_combined_lightness > 0.6 %}
         {% assign header_bg_type = "light-background" %}
@@ -301,6 +307,41 @@
     {% assign content_bg_2_color_data_str = content_bg_2_color_data | json %}
   {% endif %}
 
+  {% comment %}AUTO-RENDERED PRODUCT PAGE BACKGROUND VARIABLES{% endcomment %}
+  {% assign product_body_bg_key = template_settings.product.body_bg.key %}
+
+  {% assign product_body_bg = site.data[product_body_bg_key] %}
+  {% assign product_body_bg_color = product_body_bg.color %}
+  {% assign product_body_bg_color_data = product_body_bg.colorData %}
+  {% assign product_body_bg_combined_lightness = product_body_bg.combinedLightness %}
+
+  {% if product_body_bg != blank %}
+    {% if product_body_bg_combined_lightness %}
+      {% if product_body_bg_combined_lightness > 0.6 %}
+        {% assign product_body_bg_type = "light-background" %}
+      {% else %}
+        {% assign product_body_bg_type = "dark-background" %}
+      {% endif %}
+    {% else %}
+      {% if product_body_bg_color_data.a >= 0.6 %}
+        {% if product_body_bg_color_data.lightness >= 0.6 %}
+          {% assign product_body_bg_type = "light-background" %}
+        {% else %}
+          {% assign product_body_bg_type = "dark-background" %}
+        {% endif %}
+      {% else %}
+        {% assign product_body_bg_type = "light-background" %}
+      {% endif %}
+    {% endif %}
+  {% else %}
+    {% assign product_body_bg_type = "light-background" %}
+  {% endif %}
+
+  {% if product_body_bg_color_data == nil %}
+    {% assign product_body_bg_color_data_str = "" %}
+  {% else %}
+    {% assign product_body_bg_color_data_str = product_body_bg_color_data | json %}
+  {% endif %}
 
   {% comment %}SITE MAIN CONTENT AREA RELATED VARIABLES.{% endcomment %}
   {% comment %}Assign variables based on page type.{% endcomment %}
diff --git a/javascripts/main.js b/javascripts/main.js
index b90e086..6b308ec 100644
--- a/javascripts/main.js
+++ b/javascripts/main.js
@@ -441,7 +441,7 @@
         Edicy.articles.currentArticle.setData(dataBgKey, commitData);
       }
     } else {
-      if (pageType === 'contentPage' && (dataBgKey === 'footer_bg') || (dataBgKey === 'body_bg')) {
+      if (pageType === 'contentPage' && (dataBgKey === 'footer_bg') || (dataBgKey === 'body_bg') || pageType === 'productPage') {
         siteData.set(dataBgKey, commitData);
       } else {
         pageData.set(dataBgKey, commitData);
diff --git a/javascripts/main.min.js b/javascripts/main.min.js
index eb145eb..4e671c8 100644
--- a/javascripts/main.min.js
+++ b/javascripts/main.min.js
@@ -1 +1 @@
-var MMCQ,PriorityQueue;!function(n,i,e,t){var s="textareaAutoSize",o="plugin_"+s;function a(e,t){this.element=e,this.$element=n(e),this.init()}a.prototype={init:function(){this.$element.outerHeight();var o=parseInt(this.$element.css("paddingBottom"))+parseInt(this.$element.css("paddingTop"))||0;0<this.element.value.replace(/\s/g,"").length&&this.$element.height(this.element.scrollHeight-o),this.$element.on("input keyup",function(e){var t=n(i),s=t.scrollTop();n(this).height(0).height(this.scrollHeight-o),t.scrollTop(s)})}},n.fn[s]=function(e){return this.each(function(){n.data(this,o)||n.data(this,o,new a(this,e))}),this}}(jQuery,window,document),function(v){var t=function(){return v("html").hasClass("editmode")};v(".accessibility-btn").click(function(){v("html").toggleClass("accessibility-open"),v("html").removeClass("mobilemenu-open")}),v(".accessibility-close-button").click(function(){v("html").removeClass("accessibility-open")}),v(document).click(function(e){!1===v(e.target).is(".accessibility-btn")&&v("html").removeClass("accessibility-open")}),v(".accessibility-block-wrap").click(function(e){e.stopPropagation()}),!function(e){try{var t=window[e],s="__storage_test__";return t.setItem(s,s),t.removeItem(s),!0}catch(e){return e instanceof DOMException&&(22===e.code||1014===e.code||"QuotaExceededError"===e.name||"NS_ERROR_DOM_QUOTA_REACHED"===e.name)&&0!==t.length}}("localStorage")?console.warn("Local storage full"):v(document).ready(function(){var e=["colors","line-height-large","line-height-huge","size-large","size-huge"];for(i=0;i<e.length;++i)!0===JSON.parse(localStorage.getItem("accessibility-"+e[i]))?v("#accessibility-"+e[i]).prop("checked",!0):v("#accessibility-"+e[i]).prop("checked",!1)}),v(".accessibility-restore").click(function(){var e=["colors","line-height-large","line-height-huge","size-large","size-huge"];for(i=0;i<e.length;++i)v("html").removeClass("accessibility-"+e[i]),localStorage.setItem("accessibility-"+e[i],JSON.stringify(!1));v("#accessibility-colors").prop("checked",!1),v("#accessibility-line-height-default").prop("checked",!0),v("#accessibility-size-default").prop("checked",!0)}),v(".accessibility-save").click(function(){var e=["colors","line-height-large","line-height-huge","size-large","size-huge"];for(i=0;i<e.length;++i)v("#accessibility-"+e[i]).is(":checked")?(v("html").addClass("accessibility-"+e[i]),localStorage.setItem("accessibility-"+e[i],JSON.stringify(!0))):(v("html").removeClass("accessibility-"+e[i]),localStorage.setItem("accessibility-"+e[i],JSON.stringify(!1)))});var s=function(o,n,i){var a;return function(){var e=this,t=arguments,s=i&&!a;clearTimeout(a),a=setTimeout(function(){a=null,i||o.apply(e,t)},n),s&&o.apply(e,t)}};v(".mobile-menu-toggler").click(function(e){e.preventDefault(),v("html").toggleClass("mobilemenu-open"),v("html").removeClass("menu-language-popover-open"),v("body").removeClass("mobilesearch-open"),v("#mobile-menu").removeClass("reset-touch").addClass("reset-touch")}),v(".tags-toggle").click(function(){v(this).find(".ico-arrow").toggleClass("active"),v(".tags-bottom").toggleClass("visible")}),v(".js-toggle-sub-menu").click(function(){v("#mobile-menu").removeClass("reset-touch").addClass("reset-touch"),v(this).toggleClass("active"),v(this).parent("li").toggleClass("current-parent")}),v(".mobile-menu-close").on("click",function(){event.preventDefault(),v("html").hasClass("menu-language-popover-open")?v("html").removeClass("menu-language-popover-open"):v("html").removeClass("mobilemenu-open")}),v(".js-lang-menu-btn").on("click",function(){v("html").removeClass("search-open"),v(".js-search").removeClass("active"),v("html").hasClass("menu-language-popover-open")?v("html").removeClass("menu-language-popover-open"):(r(v(this)),v("html").addClass("menu-language-popover-open"))});var e,o,n,a,r=function(e){var t=v("html").hasClass("language-flags-disabled")?e.find(".js-lang-title-inner"):e,s=v("html").hasClass("language-flags-disabled")?5:9;0<t.length&&v(".js-popup-menu-popover").css({top:t.offset().top+t.outerHeight()-v(".site-container").offset().top,right:v(window).width()-t.offset().left-t.outerWidth()-s})},l=function(){var e=v("html"),t=v(".js-menu-language-settings");v(window).width()<=1024&&0===t.closest(".js-menu-main-mobile").length?t.appendTo(".js-menu-main-mobile"):1024<v(window).width()&&0===t.closest(".js-menu-main-desktop").length&&(e.hasClass("language-menu-mode-list")?t.appendTo(".js-menu-language-list-setting-parent"):t.appendTo(".js-menu-language-popover-setting-parent"),r(v(".js-lang-menu-btn")))},u=function(e,t){.6<t?v(e).find(".js-background-type").addClass("light-background").removeClass("dark-background"):v(e).find(".js-background-type").addClass("dark-background").removeClass("light-background")},c=function(e,t){return function(s,o){if(s&&o){"string"==typeof s&&(s=s.replace(/rgba?\(/,"").replace(/\)/,"").split(","),v.each(s,function(e,t){s[e]=+t})),"string"==typeof o&&(o=o.replace(/rgba?\(/,"").replace(/\)/,"").split(","),v.each(o,function(e,t){o[e]=+t})),"object"==typeof s&&s.hasOwnProperty("length")&&3==s.length&&s.push(1),"object"==typeof o&&o.hasOwnProperty("length")&&3==o.length&&o.push(1);var e=[0,0,0,0];return e[3]=1-(1-o[3])*(1-s[3]),0===e[3]&&(e[3]=1e-6),e[0]=Math.min(o[0]*o[3]/e[3]+s[0]*s[3]*(1-o[3])/e[3],255),e[1]=Math.min(o[1]*o[3]/e[3]+s[1]*s[3]*(1-o[3])/e[3],255),e[2]=Math.min(o[2]*o[3]/e[3]+s[2]*s[3]*(1-o[3])/e[3],255),v.map(e,function(e){return Math.floor(e)})}}(e||[255,255,255,1],t||[255,255,255,1])},d=function(e,t){var s=c(e,t);return Math.round((.2126*+s[0]+.7152*+s[1]+.0722*+s[2])/2.55)/100},h=function(){var e=v(".main-content");if(v("html").hasClass("comments-open")){var t=v(document).outerHeight(),s=v(".js-site-header").outerHeight(),o=v(".article-comments"),n=o.outerHeight(),i=v(".site-footer").outerHeight();o.css("min-height",t-s),e.css("min-height",n-i),v("html, body").animate({scrollTop:v(".js-comments").offset().top},300)}else e.removeAttr("style")},g=function(){v(".article-comments").removeAttr("style");v(document).height(),v(".site-container").height(),v(".article-comments").height();var e=parseInt(v(".article-comments").css("padding-top")),t=parseInt(v(".article-comments").css("padding-bottom")),s=v(".page-content").height(),o=v(".site-header").height(),n=s+o+v(".site-footer").height()-o-e-t;480<v(window).width()&&v(".article-comments").css("min-height",n)},m=function(e){if(v(".js-type-btn").removeClass("is-active"),e.addClass("is-active"),"photo-article"==e.data("article-type")){v(".js-article-title").prependTo(".js-article-header-title-wrap"),v(".js-text-article-component").addClass("is-hidden"),v(".js-photo-article-component").removeClass("is-hidden"),v(".js-site-header").addClass("photo-article"),v(".js-site-header .js-background-settings").removeClass("is-hidden");var t=v(".js-site-header .js-background-type").data("article-bg-type");v(".js-site-header .js-background-type").removeClass("dark-background light-background").addClass(t),Edicy.articles.currentArticle.setData("photo_article_state",!0)}else{v(".js-article-title").prependTo(".js-article-body-title-wrap"),v(".js-photo-article-component").addClass("is-hidden"),v(".js-text-article-component").removeClass("is-hidden"),v(".js-site-header").removeClass("photo-article"),v(".js-site-header .js-background-settings").addClass("is-hidden");t=v(".js-site-header .js-background-type").data("blog-bg-type");v(".js-site-header .js-background-type").removeClass("dark-background light-background").addClass(t),Edicy.articles.currentArticle.setData("photo_article_state",!1)}},p=function(){v(window).width()<=640?v(".js-voog-search-modal").css("max-height",v(window).height()-56):v(".js-voog-search-modal").css("max-height","auto")},f=function(e){return function(s){"string"==typeof s&&(s=s.replace(/rgba?\(/,"").replace(/\)/,"").split(","),v.each(s,function(e,t){s[e]=+t})),"object"==typeof s&&s.hasOwnProperty("length")&&3==s.length&&s.push(1);var e=[0,0,0,0];return e[3]=1-(1-s[3]),0===e[3]&&(e[3]=1e-6),e[0]=Math.min(s[0]*s[3]/e[3]),e[1]=Math.min(s[1]*s[3]/e[3]),e[2]=Math.min(s[2]*s[3]/e[3]),v.map(e,function(e){return Math.floor(e)})}(e||[255,255,255,1])},b=function(e){var t;headerTopLightness=(t=f(e),Math.round((.2126*+t[0]+.7152*+t[1]+.0722*+t[2])/2.55)/100),.6<headerTopLightness?v(".header-top").addClass("light-background").removeClass("dark-background"):v(".header-top").addClass("dark-background").removeClass("light-background"),siteData.set({header_top_lightness:headerTopLightness,has_header_bg_color:!0},{success:function(e){}})};window.site=v.extend(window.site||{},{bgPickerColorScheme:function(e){void 0!==e&&(.6<e?v(".header-wrapper").addClass("light").removeClass("dark"):v(".header-wrapper").addClass("dark").removeClass("light"))},bgPickerCommit:function(e,t,s,o){var n,i=v.extend(!0,{},t);i.image=t.image||"",i.imageSizes=null==(n=t.imageSizes)||"string"==typeof n&&n.match(/^[\\'"]+$/)?"":n,i.color=t.color||"",i.combinedLightness=s.combinedLightness,"articlePage"===o?"footer_bg"==e?siteData.set(e,i):Edicy.articles.currentArticle.setData(e,i):"contentPage"===o&&"footer_bg"===e||"body_bg"===e?siteData.set(e,i):pageData.set(e,i)},bgPickerPreview:function(t,e,s,o){var n=v(t).find(".js-background-image").css("background-image"),i=e.imageSizes?function(e,t){for(var s,o=0,n=e.length;o<n;o++){if(e[o].width<t)return s||e[o];s=e[o]}return e[e.length-1]}(e.imageSizes,v(window).width()):null,a=e.image&&""!==e.image?"url("+i.url+")":"none",r=e.imageSizes&&""!==e.imageSizes?e.imageSizes:null,l=e.color&&""!==e.color?e.color:"rgba(0,0,0,0)",c=(e.colorData&&""!==e.colorData&&e.colorData.lightness,v("<img>")),h=v("<canvas>"),g=e.image&&""!==e.image?e.image:null;g?function(e,t){for(var s=e.length;s--;)if(-1<t.indexOf(e[s].url.trim()))return!0;return!1}(r,n)?(s.imageColor=s.imageColor?s.imageColor:o,s.combinedLightness=d(s.imageColor,l),u(t,s.combinedLightness)):(c.attr("src",g.replace(/.*\/(photos|voogstock)/g,"/photos")),c.on("load",function(){ColorExtract.extract(c[0],h[0],function(e){s.imageColor=e.bgColor?e.bgColor:"rgba(255,255,255,1)",s.combinedLightness=d(s.imageColor,l),u(t,s.combinedLightness)})})):(s.imageColor="rgba(255,255,255,1)",s.combinedLightness=d(s.imageColor,l),u(t,s.combinedLightness)),"articlePage"===pageType&&t.hasClass("site-header")?v("#preview-style").html(".photo-article.site-header .js-background-image { background-image: "+a+" } .photo-article.site-header .js-background-color { background-color: "+l+" }"):(v(t).find(".js-background-image").css({"background-image":a}),v(t).find(".js-background-color").css({"background-color":l}))},bindContentItemImageCropToggle:function(){v(".js-toggle-crop-state").on("click",function(){var e,t=v(this).closest(".js-content-item-box"),s=t.find(".js-content-item-img-drop-area"),o=t.data("item-id"),n=t.data("item-type"),i=new Edicy.CustomData({type:n,id:o});e=s.hasClass("is-cropped")?(s.removeClass("is-cropped").addClass("not-cropped"),"not-cropped"):(s.removeClass("not-cropped").addClass("is-cropped"),"is-cropped"),i.set("image_crop_state",e)})},bindContentItemImgDropAreas:function(s){v(".js-content-item-img-drop-area").each(function(e,t){var m=v(t),p=m.closest(".js-content-item-box"),f=p.data("item-id"),b=p.data("item-type");new Edicy.CustomData({type:b,id:f}),new Edicy.ImgDropArea(m,{positionable:!1,target_width:1280,placeholder:'<div class="edy-img-drop-area-placeholder">'+s+"</div>",removeBtn:'<div class="edy-img-drop-area-remove-image"><div class="edy-img-drop-area-remove-image-ico"><svg width="16" height="20" viewBox="0 0 26 30" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="currentColor"><g transform="translate(2 5)"><path d="M0 .997h2V21c0 1 1 2 2 2h14c1 0 2-1 2-2V1h2v20c0 2.25-1.75 4-4 4H4c-2.25 0-4-1.75-4-4V.997z"/><rect x="10" y="4" width="2" height="16" rx="1"/><rect x="5" y="4" width="2" height="16" rx="1"/><rect x="15" y="4" width="2" height="16" rx="1"/></g><path d="M26 4v2H0V4h7V2c0-1 1-2 2-2h8c1 0 2 1 2 2v2h7zM9 4h8V3c0-.5-.5-1-1-1h-6c-.5 0-1 .5-1 1v1z"/></g></svg></div></div>',change:function(e){var t,s,o,n,i,a,r,l,c,h,g,u,d;m.removeClass("is-cropped").addClass("not-cropped").css("opacity",.1),e?(t=e.original_id,p.removeClass("without-image is-loaded with-error").addClass("with-image not-loaded"),s=p,o=e.width,n=e.height,i=s.find(".js-content-item-img-drop-area"),a=s.find(".js-toggle-crop-state"),n<o?i.removeClass("image-landscape image-square image-portrait").addClass("image-landscape"):o===n?i.removeClass("image-landscape image-square image-portrait").addClass("image-square"):i.removeClass("image-landscape image-square image-portrait").addClass("image-portrait"),i.hasClass("image-square")?a.removeClass("is-visible").addClass("is-hidden"):a.removeClass("is-hidden").addClass("is-visible")):(t=null,p.removeClass("with-image is-loaded with-error").addClass("without-image not-loaded"),p.find(".edy-img-drop-area-placeholder").css("opacity",0)),r=p,l=m,c=f,h=t,u="article"===(g=b)?"articles":"pages",d=new Edicy.CustomData({type:g,id:c}),v.ajax({type:"PATCH",contentType:"application/json",url:"/admin/api/"+u+"/"+c,data:JSON.stringify({image_id:h}),dataType:"json",success:function(e){d.set("image_crop_state","not-cropped"),r.removeClass("not-loaded with-error").addClass("is-loaded"),r.find(".edy-img-drop-area-placeholder").css("opacity",1),l.css("opacity",1)},timeout:3e4,error:function(e){r.removeClass("not-loaded is-loaded with-error").addClass("with-error")}})}})})},bindLanguageMenuSettings:function(e){"type"in e||(e.type="popover"),"item_state"in e||(e.item_state="flags_and_names");new Edicy.SettingsEditor(v(".js-menu-language-settings-toggle").get(0),{menuItems:[{titleI18n:"format_desktop_only",type:"radio",key:"type",list:[{titleI18n:"dropdown_menu",value:"popover"},{titleI18n:"expanded_menu",value:"list"}]},{titleI18n:"show",type:"radio",key:"item_state",list:[{titleI18n:"flags_only",value:"flags_only"},{titleI18n:"names_only",value:"names_only"},{titleI18n:"flags_and_names",value:"flags_and_names"}]}],buttonTitleI18n:"settings",values:e,containerClass:["js-menu-language-settings-popover","js-prevent-sideclick"],preview:function(e){var t=v("html");v(".js-menu-language-settings"),"list"===e.type?(t.removeClass("language-menu-mode-popover"),t.removeClass("menu-language-popover-open"),t.addClass("language-menu-mode-list")):(t.removeClass("language-menu-mode-list"),t.addClass("language-menu-mode-popover"),t.addClass("menu-language-popover-open")),"flags_only"===e.item_state?(t.removeClass("language-flags-disabled"),t.removeClass("language-names-enabled"),t.addClass("language-flags-enabled"),t.addClass("language-names-disabled")):"names_only"===e.item_state?(t.removeClass("language-flags-enabled"),t.removeClass("language-names-disabled"),t.addClass("language-flags-disabled"),t.addClass("language-names-enabled")):"flags_and_names"===e.item_state&&(t.removeClass("language-flags-disabled"),t.removeClass("language-names-disabled"),t.addClass("language-flags-enabled"),t.addClass("language-names-enabled")),l(),this.setPosition()},commit:function(e){siteData.set("settings_language_menu",e)}});l()},bindRootItemSettings:function(s){"show_product_related_pages_in_main_menu"in s||(s.show_product_related_pages_in_main_menu=!1),v(".js-root-item-settings-toggle").each(function(e,t){new Edicy.SettingsEditor(t,{menuItems:[{titleI18n:"show_in_main_menu",type:"checkbox",key:"show_product_related_pages_in_main_menu",states:{on:!0,off:!1}}],buttonTitleI18n:"settings",values:s,containerClass:["js-root-item-settings-popover","js-prevent-sideclick"],preview:function(e){1==!e.show_product_related_pages_in_main_menu?v(".js-menu-item-products").addClass("is-hidden"):v(".js-menu-item-products").removeClass("is-hidden")},commit:function(e){siteData.set("settings_root_item",e)}})})},bindSiteSearch:function(e,t,s){e&&new VoogSearch(e,{per_page:10,lang:t,resultsContainer:v(".js-voog-search-modal").get(0),sideclick:!0,mobileModeWidth:640,updateOnKeypress:!0,noResults:s})},handleProductImageClick:function(e){t()&&v(".product-content .product-image").click(function(){window.open("/admin/ecommerce/products/"+e,"_blank").focus()})},handleProductPageContent:function(){v(document).ready(function(){e()}),v(window).resize(s(function(){e()},25));var e=function(){var e=v(".js-product-gallery"),t=v(".js-content-item-box"),s=v(".js-product-content-right");1<=v(".js-buy-btn-content .edy-buy-button-container").length&&(v(window).width()<640?0===v(".js-buy-btn-content + .js-product-gallery").length&&s.append(e):0===v(".js-content-item-box + .js-product-gallery").length&&t.parent().append(e))}},initArticlePage:function(){g(),v("html").hasClass("js-calculate-comments-height")&&h()},initBlogPage:function(){},initCommonPage:function(){},initFrontPage:function(){},initItemsPage:function(){t()||(v(document).ready(function(){setTimeout(function(){v(".js-content-item-box").addClass("not-loaded")},3e3)}),v(".js-lazyload").lazyload({threshold:500,effect:"fadeIn",placeholder:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",load:function(){var e=v(this).closest(".js-content-item-box");e.removeClass("not-loaded with-error").addClass("is-loaded"),setTimeout(function(){e.removeClass("not-loaded with-error"),e.find(".js-loader").remove()},3e3)}}))},initWindowResize:function(){v(window).resize(s(function(){g(),p(),l(),v(".js-menu-language-settings-popover").hide()},100)),v(window).resize(s(function(){v("html").removeClass("menu-language-popover-open"),v(".js-menu-language-settings-popover").hide(),v(".js-menu-language-settings-toggle").removeClass("edy-cbtn-active")},25))}}),v(".site-container").on("mousedown",function(e){v(e.target).closest(".js-prevent-sideclick").length||(v(".js-btn").hasClass("open")&&v(".js-btn").removeClass("open"),v(".js-popover").hasClass("expanded")&&v(".js-popover").removeClass("expanded"),v(".js-search").hasClass("active")&&(v(".js-search").removeClass("active"),v(".search-btn").removeClass("open")),v("html").hasClass("mobilemenu-open")&&v(".mobile-menu-toggler").trigger("click"),v("html").hasClass("menu-language-popover-open")&&v("html").removeClass("menu-language-popover-open"),v("html").hasClass("comments-open")&&(v("html").removeClass("comments-open"),v(".js-comments-toggle-btn, .js-comments").removeClass("open")),v("html").hasClass("search-open")&&v("html").removeClass("search-open"),h())}),v(".js-menu-btn").click(function(){v(this).toggleClass("open"),v(".js-menu-main").toggleClass("expanded")}),v(".js-menu-lang-btn").click(function(){v(".js-menu-lang-btn").toggleClass("open"),v(".js-menu-lang").toggleClass("expanded")}),v(".js-tags-btn").click(function(){v(this).toggleClass("open"),v(".js-menu-tags").toggleClass("expanded")}),v(".js-search-toggle-btn").click(function(){v("html").removeClass("mobilemenu-open"),v("html").removeClass("menu-language-popover-open"),v(".js-search").toggleClass("active"),v(".js-search").hasClass("active")&&v(".js-search-input").focus(),v("html").toggleClass("search-open")}),v(".js-search-input").on("input",function(){var e=v(this).parent().next();1<v(this).val().length?e.addClass("active"):e.removeClass("active"),p()}),v(".js-search-reset-btn").click(function(){v("html").removeClass("search-open"),v(".js-search").removeClass("active")}),v(".js-comments-toggle-btn").click(function(){v(this).toggleClass("open"),v(".js-comments").toggleClass("open"),v("html").toggleClass("comments-open"),v(".js-comments-input").val("").focus(),640<v(window).width()&&h()}),v(".submenu-load-more-lvl1").click(function(){v(this).addClass("open"),v(this).next().addClass("open"),v(this).next().next().addClass("open")}),v(".submenu-close-lvl1").click(function(){v(this).removeClass("open"),v(this).prev().removeClass("open"),v(this).next().removeClass("open")}),v(".submenu-load-more-lvl2").click(function(){v(this).addClass("open"),v(this).next().addClass("open"),v(this).next().next().addClass("open")}),v(".submenu-close-lvl2").click(function(){v(this).removeClass("open"),v(this).prev().removeClass("open"),v(this).next().removeClass("open")}),v(".js-type-btn").click(function(){m(v(this))}),v(".publicmode .js-slide-to-article").click(function(){v("html, body").animate({scrollTop:v(".page-content").offset().top},300)}),v("body:not(.editmode) table").each(function(){v(this).wrap('<div class="table-holder" />')}),v(document).ready(function(){v(".comment-form").hasClass("form_with_errors")?v("html, body").scrollTop(v(".comment-form").offset().top):0<v("form").find(".form_error, .form_notice").length&&v("html, body").scrollTop(v(".form_error, .form_notice").closest("form").offset().top)}),document.addEventListener("edicy:customstyles:change",function(e){if(-1<Object.keys(e.detail.changes).indexOf("--header-background-color")){var t=e.detail.changes["--header-background-color"].value,s=v(".header-top");void 0===t?(v("body").removeClass("header-top-with-bg"),siteData.set({header_top_lightness:null,has_header_bg_color:null}),s.hasClass("dark-background")?s.removeClass("dark-background"):s.removeClass("light-background")):(v("body").addClass("header-top-with-bg"),b(t))}}),!Modernizr.flexbox&&t()&&(e=v(".js-header-top-wrap").width(),o=v(".js-header-right"),n=o.width(),a=parseInt(o.css("margin-left"))+1,v(".js-header-left").css("min-width",e-n-a))}(jQuery),PriorityQueue=function(){function e(e){this.comparator=e,this.contents=[],this.sorted=!1}return e.prototype.sort=function(){return this.contents.sort(this.comparator),this.sotred=!0},e.prototype.push=function(e){return this.contents.push(e),this.sorted=!1},e.prototype.peek=function(e){return null==e&&(e=this.contents.length-1),this.sorted||this.sort(),this.contents[e]},e.prototype.pop=function(){return this.sorted||this.sort(),this.contents.pop()},e.prototype.size=function(){return this.contents.length},e.prototype.map=function(e){return this.contents.map(e)},e}(),MMCQ=function(){var m,a,h,T,g,u;function b(){this.maxIterations=1e3,this.fractByPopulations=.75}return b.rshift=8-(b.sigbits=5),T=function(e,t,s){return(e<<2*b.sigbits)+(t<<b.sigbits)+s},m=function(){function e(e,t,s,o,n,i,a){this.r1=e,this.r2=t,this.g1=s,this.g2=o,this.b1=n,this.b2=i,this.histo=a}return e.prototype.volume=function(e){return this._volume&&!e||(this._volume=(this.r2-this.r1+1)*(this.g2-this.g1+1)*(this.b2-this.b1+1)),this._volume},e.prototype.count=function(e){var t,s,o,n,i,a,r,l,c,h,g;if(!this._count_set||e){for(n=0,i=a=this.r1,c=this.r2;a<=c;i=a+=1)for(s=r=this.g1,h=this.g2;r<=h;s=r+=1)for(t=l=this.b1,g=this.b2;l<=g;t=l+=1)o=T(i,s,t),n+=this.histo[o]||0;this._count_set=!0,this._count=n}return this._count},e.prototype.copy=function(){return new e(this.r1,this.r2,this.g1,this.g2,this.b1,this.b2,this.histo)},e.prototype.average=function(e){var t,s,o,n,i,a,r,l,c,h,g,u,d,m,p,f;if(!this._average||e){for(r=1<<8-b.sigbits,s=n=c=h=0,l=g=this.r1,m=this.r2;g<=m;l=g+=1)for(o=u=this.g1,p=this.g2;u<=p;o=u+=1)for(t=d=this.b1,f=this.b2;d<=f;t=d+=1)a=T(l,o,t),h+=i=this.histo[a]||0,c+=i*(l+.5)*r,n+=i*(o+.5)*r,s+=i*(t+.5)*r;this._average=h?[~~(c/h),~~(n/h),~~(s/h)]:[~~(r*(this.r1+this.r2+1)/2),~~(r*(this.g1+this.g2+1)/2),~~(r*(this.b1+this.b2+1)/2)]}return this._average},e.prototype.contains=function(e){var t,s,o;return o=e[0]>>b.rshift,s=e[1]>>b.rshift,t=e[2]>>b.rshift,this.r1<=o&&o<=this.r2&&this.g1<=s&&s<=this.g2&&this.b1<=t&&t<=this.b2},e}(),a=function(){function e(){this.cboxes=new PriorityQueue(function(e,t){var s,o;return s=e.count()*e.volume(),(o=t.count()*t.volume())<s?1:s<o?-1:0})}return e.prototype.push=function(e){return this.cboxes.push({cbox:e,color:e.average()})},e.prototype.palette=function(){return this.cboxes.map(function(e){return e.color})},e.prototype.size=function(){return this.cboxes.size()},e.prototype.map=function(e){var t,s,o;for(t=s=0,o=this.cboxes.size();s<o;t=s+=1)return this.cboxes.peek(t).cbox.contains(e)?this.cboxes.peek(t).color:this.nearest(e)},e.prototype.cboxes=function(){return this.cboxes},e.prototype.nearest=function(e){var t,s,o,n,i,a,r;for(i=function(e){return e*e},o=1e9,s=a=0,r=this.cboxes.size();a<r;s=a+=1)(t=Math.sqrt(i(e[0]-this.cboxes.peek(s).color[0])+i(e[1]-this.cboxes.peek(s).color[1])+i(e[2]-this.cboxes.peek(s).color[2])))<o&&(o=t,n=this.cboxes.peek(s).color);return n},e}(),g=function(e){var t,s,o,n,i,a,r,l;for(o=new Array(1<<3*b.sigbits),r=0,l=e.length;r<l;r++)a=(i=e[r])[0]>>b.rshift,s=i[1]>>b.rshift,t=i[2]>>b.rshift,o[n=T(a,s,t)]=(o[n]||0)+1;return o},h=function(e,t){var s,o,n,i,a,r,l,c,h,g,u,d;for(n=r=g=1e6,u=o=a=h=0,d=e.length;u<d;u++)(c=(l=e[u])[0]>>b.rshift)<g?g=c:h<c&&(h=c),(i=l[1]>>b.rshift)<r?r=i:a<i&&(a=i),(s=l[2]>>b.rshift)<n?n=s:o<s&&(o=s);return new m(g,h,r,a,n,o,t)},u=function(e,u){var t,s,o,n,i,d,a,m,r,l,c,p,h,g,f,b,v,C,y,w,j,_,k,x,I,A,z,M,D,P;if(u.count()){if(1===u.count())return[u.copy()];if(l=u.r2-u.r1+1,i=u.g2-u.g1+1,s=u.b2-u.b1+1,a=Math.max(l,i,s),p=0,m=[],d=[],a===l)for(r=h=u.r1,_=u.r2;h<=_;r=h+=1){for(c=0,n=g=u.g1,z=u.g2;g<=z;n=g+=1)for(t=f=u.b1,M=u.b2;f<=M;t=f+=1)c+=e[T(r,n,t)]||0;p+=c,m[r]=p}else if(a===i)for(n=b=u.g1,D=u.g2;b<=D;n=b+=1){for(c=0,r=v=u.r1,P=u.r2;v<=P;r=v+=1)for(t=C=u.b1,k=u.b2;C<=k;t=C+=1)c+=e[T(r,n,t)]||0;p+=c,m[n]=p}else for(t=y=u.b1,x=u.b2;y<=x;t=y+=1){for(c=0,r=w=u.r1,I=u.r2;w<=I;r=w+=1)for(n=j=u.g1,A=u.g2;j<=A;n=j+=1)c+=e[T(r,n,t)]||0;p+=c,m[t]=p}return m.forEach(function(e,t){return d[t]=p-e}),o=function(e){var t,s,o,n,i,a,r,l,c,h,g;for(a=e+"2",r=h=u[i=e+"1"],g=u[a];h<=g;r=h+=1)if(m[r]>p/2){for(t=u.copy(),s=u.copy(),n=(l=r-u[i])<=(c=u[a]-r)?Math.min(u[a]-1,~~(r+c/2)):Math.max(u[i],~~(r-1-l/2));!m[n];)n++;for(o=d[n];!o&&m[n-1];)o=d[--n];return t[a]=n,s[i]=t[a]+1,[t,s]}},a===l?o("r"):a===i?o("g"):a===s?o("b"):void 0}},b.prototype.quantize=function(e,t){var r,s,l,o,n,i,c=this;if(!e.length||t<2||256<t)return console.log("invalid arguments"),!1;for(l=g(e),r=h(e,l),(n=new PriorityQueue(function(e,t){var s,o;return s=e.count(),(o=t.count())<s?1:s<o?-1:0})).push(r),(o=function(e,t){var s,o,n,i,a;for(i=1,a=0;a<c.maxIterations;)if((r=e.pop()).count()){if(s=(n=u(l,r))[0],o=n[1],!s)return void console.log("cbox1 not defined; shouldn't happen");if(e.push(s),o&&(e.push(o),i++),t<=i)return;if(a++>c.maxIterations)return void console.log("infinite loop; perhaps too few pixels")}else e.push(r),a++})(n,this.fractByPopulations*t),i=new PriorityQueue(function(e,t){var s,o;return s=e.count()*e.volume(),(o=t.count()*t.volume())<s?1:s<o?-1:0});n.size();)i.push(n.pop());for(o(i,t-i.size()),s=new a;i.size();)s.push(i.pop());return s},b}.call(this),function(){window.ColorExtract=function(){function f(){}return f.getColorMap=function(e,t,s,o,n,i){var a,r,l,c,h,g,u,d,m,p;for(null==i&&(i=8),l=e.getContext("2d").getImageData(t,s,o,n).data,c=[],g=u=s,m=s+n;u<m;g=u+=1)for(r=g*o*4,h=d=t,p=t+o;d<p;h=d+=1)a=r+4*h,c.push([l[a],l[a+1],l[a+2]]);return(new MMCQ).quantize(c,i)},f.colorDist=function(e,t){var s;return(s=function(e){return e*e})(e[0]-t[0])+s(e[1]-t[1])+s(e[2]-t[2])},f.extract=function(e,t,s){var o,n,i,a,r,l,c,h,g,u,d,m,p;for(t.width=25,t.height=25,t.getContext("2d").drawImage(e,0,0,t.width,t.height),(n=f.getColorMap(t,0,0,t.width,t.height,4).cboxes.map(function(e){return{count:e.cbox.count(),rgb:e.color}})).sort(function(e,t){return t.count-e.count}),o=n[0].rgb,(c=f.getColorMap(t,0,0,e.width,e.height,10).cboxes.map(function(e){return{count:e.cbox.count(),rgb:e.color}})).sort(function(e,t){return t.count-e.count}),u=h=0,m=c.length;u<m;u++)i=c[u],h<(a=f.colorDist(o,i.rgb))&&(h=a,r=i.rgb);for(d=h=0,p=c.length;d<p;d++)i=c[d],h<(a=f.colorDist(o,i.rgb))&&i.rgb!==r&&(h=a,l=i.rgb);return s({bgColor:(g=function(e){return"rgb("+e[0]+", "+e[1]+", "+e[2]+")"})(o),fgColor:g(r),fgColor2:g(l)})},f}()}.call(this);
\ No newline at end of file
+var MMCQ,PriorityQueue;!function(n,i,e,t){var s="textareaAutoSize",o="plugin_"+s;function a(e,t){this.element=e,this.$element=n(e),this.init()}a.prototype={init:function(){this.$element.outerHeight();var o=parseInt(this.$element.css("paddingBottom"))+parseInt(this.$element.css("paddingTop"))||0;0<this.element.value.replace(/\s/g,"").length&&this.$element.height(this.element.scrollHeight-o),this.$element.on("input keyup",function(e){var t=n(i),s=t.scrollTop();n(this).height(0).height(this.scrollHeight-o),t.scrollTop(s)})}},n.fn[s]=function(e){return this.each(function(){n.data(this,o)||n.data(this,o,new a(this,e))}),this}}(jQuery,window,document),function(v){var t=function(){return v("html").hasClass("editmode")};v(".accessibility-btn").click(function(){v("html").toggleClass("accessibility-open"),v("html").removeClass("mobilemenu-open")}),v(".accessibility-close-button").click(function(){v("html").removeClass("accessibility-open")}),v(document).click(function(e){!1===v(e.target).is(".accessibility-btn")&&v("html").removeClass("accessibility-open")}),v(".accessibility-block-wrap").click(function(e){e.stopPropagation()}),!function(e){try{var t=window[e],s="__storage_test__";return t.setItem(s,s),t.removeItem(s),!0}catch(e){return e instanceof DOMException&&(22===e.code||1014===e.code||"QuotaExceededError"===e.name||"NS_ERROR_DOM_QUOTA_REACHED"===e.name)&&0!==t.length}}("localStorage")?console.warn("Local storage full"):v(document).ready(function(){var e=["colors","line-height-large","line-height-huge","size-large","size-huge"];for(i=0;i<e.length;++i)!0===JSON.parse(localStorage.getItem("accessibility-"+e[i]))?v("#accessibility-"+e[i]).prop("checked",!0):v("#accessibility-"+e[i]).prop("checked",!1)}),v(".accessibility-restore").click(function(){var e=["colors","line-height-large","line-height-huge","size-large","size-huge"];for(i=0;i<e.length;++i)v("html").removeClass("accessibility-"+e[i]),localStorage.setItem("accessibility-"+e[i],JSON.stringify(!1));v("#accessibility-colors").prop("checked",!1),v("#accessibility-line-height-default").prop("checked",!0),v("#accessibility-size-default").prop("checked",!0)}),v(".accessibility-save").click(function(){var e=["colors","line-height-large","line-height-huge","size-large","size-huge"];for(i=0;i<e.length;++i)v("#accessibility-"+e[i]).is(":checked")?(v("html").addClass("accessibility-"+e[i]),localStorage.setItem("accessibility-"+e[i],JSON.stringify(!0))):(v("html").removeClass("accessibility-"+e[i]),localStorage.setItem("accessibility-"+e[i],JSON.stringify(!1)))});var s=function(o,n,i){var a;return function(){var e=this,t=arguments,s=i&&!a;clearTimeout(a),a=setTimeout(function(){a=null,i||o.apply(e,t)},n),s&&o.apply(e,t)}};v(".mobile-menu-toggler").click(function(e){e.preventDefault(),v("html").toggleClass("mobilemenu-open"),v("html").removeClass("menu-language-popover-open"),v("body").removeClass("mobilesearch-open"),v("#mobile-menu").removeClass("reset-touch").addClass("reset-touch")}),v(".tags-toggle").click(function(){v(this).find(".ico-arrow").toggleClass("active"),v(".tags-bottom").toggleClass("visible")}),v(".js-toggle-sub-menu").click(function(){v("#mobile-menu").removeClass("reset-touch").addClass("reset-touch"),v(this).toggleClass("active"),v(this).parent("li").toggleClass("current-parent")}),v(".mobile-menu-close").on("click",function(){event.preventDefault(),v("html").hasClass("menu-language-popover-open")?v("html").removeClass("menu-language-popover-open"):v("html").removeClass("mobilemenu-open")}),v(".js-lang-menu-btn").on("click",function(){v("html").removeClass("search-open"),v(".js-search").removeClass("active"),v("html").hasClass("menu-language-popover-open")?v("html").removeClass("menu-language-popover-open"):(r(v(this)),v("html").addClass("menu-language-popover-open"))});var e,o,n,a,r=function(e){var t=v("html").hasClass("language-flags-disabled")?e.find(".js-lang-title-inner"):e,s=v("html").hasClass("language-flags-disabled")?5:9;0<t.length&&v(".js-popup-menu-popover").css({top:t.offset().top+t.outerHeight()-v(".site-container").offset().top,right:v(window).width()-t.offset().left-t.outerWidth()-s})},l=function(){var e=v("html"),t=v(".js-menu-language-settings");v(window).width()<=1024&&0===t.closest(".js-menu-main-mobile").length?t.appendTo(".js-menu-main-mobile"):1024<v(window).width()&&0===t.closest(".js-menu-main-desktop").length&&(e.hasClass("language-menu-mode-list")?t.appendTo(".js-menu-language-list-setting-parent"):t.appendTo(".js-menu-language-popover-setting-parent"),r(v(".js-lang-menu-btn")))},u=function(e,t){.6<t?v(e).find(".js-background-type").addClass("light-background").removeClass("dark-background"):v(e).find(".js-background-type").addClass("dark-background").removeClass("light-background")},c=function(e,t){return function(s,o){if(s&&o){"string"==typeof s&&(s=s.replace(/rgba?\(/,"").replace(/\)/,"").split(","),v.each(s,function(e,t){s[e]=+t})),"string"==typeof o&&(o=o.replace(/rgba?\(/,"").replace(/\)/,"").split(","),v.each(o,function(e,t){o[e]=+t})),"object"==typeof s&&s.hasOwnProperty("length")&&3==s.length&&s.push(1),"object"==typeof o&&o.hasOwnProperty("length")&&3==o.length&&o.push(1);var e=[0,0,0,0];return e[3]=1-(1-o[3])*(1-s[3]),0===e[3]&&(e[3]=1e-6),e[0]=Math.min(o[0]*o[3]/e[3]+s[0]*s[3]*(1-o[3])/e[3],255),e[1]=Math.min(o[1]*o[3]/e[3]+s[1]*s[3]*(1-o[3])/e[3],255),e[2]=Math.min(o[2]*o[3]/e[3]+s[2]*s[3]*(1-o[3])/e[3],255),v.map(e,function(e){return Math.floor(e)})}}(e||[255,255,255,1],t||[255,255,255,1])},d=function(e,t){var s=c(e,t);return Math.round((.2126*+s[0]+.7152*+s[1]+.0722*+s[2])/2.55)/100},h=function(){var e=v(".main-content");if(v("html").hasClass("comments-open")){var t=v(document).outerHeight(),s=v(".js-site-header").outerHeight(),o=v(".article-comments"),n=o.outerHeight(),i=v(".site-footer").outerHeight();o.css("min-height",t-s),e.css("min-height",n-i),v("html, body").animate({scrollTop:v(".js-comments").offset().top},300)}else e.removeAttr("style")},g=function(){v(".article-comments").removeAttr("style");v(document).height(),v(".site-container").height(),v(".article-comments").height();var e=parseInt(v(".article-comments").css("padding-top")),t=parseInt(v(".article-comments").css("padding-bottom")),s=v(".page-content").height(),o=v(".site-header").height(),n=s+o+v(".site-footer").height()-o-e-t;480<v(window).width()&&v(".article-comments").css("min-height",n)},m=function(e){if(v(".js-type-btn").removeClass("is-active"),e.addClass("is-active"),"photo-article"==e.data("article-type")){v(".js-article-title").prependTo(".js-article-header-title-wrap"),v(".js-text-article-component").addClass("is-hidden"),v(".js-photo-article-component").removeClass("is-hidden"),v(".js-site-header").addClass("photo-article"),v(".js-site-header .js-background-settings").removeClass("is-hidden");var t=v(".js-site-header .js-background-type").data("article-bg-type");v(".js-site-header .js-background-type").removeClass("dark-background light-background").addClass(t),Edicy.articles.currentArticle.setData("photo_article_state",!0)}else{v(".js-article-title").prependTo(".js-article-body-title-wrap"),v(".js-photo-article-component").addClass("is-hidden"),v(".js-text-article-component").removeClass("is-hidden"),v(".js-site-header").removeClass("photo-article"),v(".js-site-header .js-background-settings").addClass("is-hidden");t=v(".js-site-header .js-background-type").data("blog-bg-type");v(".js-site-header .js-background-type").removeClass("dark-background light-background").addClass(t),Edicy.articles.currentArticle.setData("photo_article_state",!1)}},p=function(){v(window).width()<=640?v(".js-voog-search-modal").css("max-height",v(window).height()-56):v(".js-voog-search-modal").css("max-height","auto")},f=function(e){return function(s){"string"==typeof s&&(s=s.replace(/rgba?\(/,"").replace(/\)/,"").split(","),v.each(s,function(e,t){s[e]=+t})),"object"==typeof s&&s.hasOwnProperty("length")&&3==s.length&&s.push(1);var e=[0,0,0,0];return e[3]=1-(1-s[3]),0===e[3]&&(e[3]=1e-6),e[0]=Math.min(s[0]*s[3]/e[3]),e[1]=Math.min(s[1]*s[3]/e[3]),e[2]=Math.min(s[2]*s[3]/e[3]),v.map(e,function(e){return Math.floor(e)})}(e||[255,255,255,1])},b=function(e){var t;headerTopLightness=(t=f(e),Math.round((.2126*+t[0]+.7152*+t[1]+.0722*+t[2])/2.55)/100),.6<headerTopLightness?v(".header-top").addClass("light-background").removeClass("dark-background"):v(".header-top").addClass("dark-background").removeClass("light-background"),siteData.set({header_top_lightness:headerTopLightness,has_header_bg_color:!0},{success:function(e){}})};window.site=v.extend(window.site||{},{bgPickerColorScheme:function(e){void 0!==e&&(.6<e?v(".header-wrapper").addClass("light").removeClass("dark"):v(".header-wrapper").addClass("dark").removeClass("light"))},bgPickerCommit:function(e,t,s,o){var n,i=v.extend(!0,{},t);i.image=t.image||"",i.imageSizes=null==(n=t.imageSizes)||"string"==typeof n&&n.match(/^[\\'"]+$/)?"":n,i.color=t.color||"",i.combinedLightness=s.combinedLightness,"articlePage"===o?"footer_bg"==e?siteData.set(e,i):Edicy.articles.currentArticle.setData(e,i):"contentPage"===o&&"footer_bg"===e||"body_bg"===e||"productPage"===o?siteData.set(e,i):pageData.set(e,i)},bgPickerPreview:function(t,e,s,o){var n=v(t).find(".js-background-image").css("background-image"),i=e.imageSizes?function(e,t){for(var s,o=0,n=e.length;o<n;o++){if(e[o].width<t)return s||e[o];s=e[o]}return e[e.length-1]}(e.imageSizes,v(window).width()):null,a=e.image&&""!==e.image?"url("+i.url+")":"none",r=e.imageSizes&&""!==e.imageSizes?e.imageSizes:null,l=e.color&&""!==e.color?e.color:"rgba(0,0,0,0)",c=(e.colorData&&""!==e.colorData&&e.colorData.lightness,v("<img>")),h=v("<canvas>"),g=e.image&&""!==e.image?e.image:null;g?function(e,t){for(var s=e.length;s--;)if(-1<t.indexOf(e[s].url.trim()))return!0;return!1}(r,n)?(s.imageColor=s.imageColor?s.imageColor:o,s.combinedLightness=d(s.imageColor,l),u(t,s.combinedLightness)):(c.attr("src",g.replace(/.*\/(photos|voogstock)/g,"/photos")),c.on("load",function(){ColorExtract.extract(c[0],h[0],function(e){s.imageColor=e.bgColor?e.bgColor:"rgba(255,255,255,1)",s.combinedLightness=d(s.imageColor,l),u(t,s.combinedLightness)})})):(s.imageColor="rgba(255,255,255,1)",s.combinedLightness=d(s.imageColor,l),u(t,s.combinedLightness)),"articlePage"===pageType&&t.hasClass("site-header")?v("#preview-style").html(".photo-article.site-header .js-background-image { background-image: "+a+" } .photo-article.site-header .js-background-color { background-color: "+l+" }"):(v(t).find(".js-background-image").css({"background-image":a}),v(t).find(".js-background-color").css({"background-color":l}))},bindContentItemImageCropToggle:function(){v(".js-toggle-crop-state").on("click",function(){var e,t=v(this).closest(".js-content-item-box"),s=t.find(".js-content-item-img-drop-area"),o=t.data("item-id"),n=t.data("item-type"),i=new Edicy.CustomData({type:n,id:o});e=s.hasClass("is-cropped")?(s.removeClass("is-cropped").addClass("not-cropped"),"not-cropped"):(s.removeClass("not-cropped").addClass("is-cropped"),"is-cropped"),i.set("image_crop_state",e)})},bindContentItemImgDropAreas:function(s){v(".js-content-item-img-drop-area").each(function(e,t){var m=v(t),p=m.closest(".js-content-item-box"),f=p.data("item-id"),b=p.data("item-type");new Edicy.CustomData({type:b,id:f}),new Edicy.ImgDropArea(m,{positionable:!1,target_width:1280,placeholder:'<div class="edy-img-drop-area-placeholder">'+s+"</div>",removeBtn:'<div class="edy-img-drop-area-remove-image"><div class="edy-img-drop-area-remove-image-ico"><svg width="16" height="20" viewBox="0 0 26 30" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero" fill="currentColor"><g transform="translate(2 5)"><path d="M0 .997h2V21c0 1 1 2 2 2h14c1 0 2-1 2-2V1h2v20c0 2.25-1.75 4-4 4H4c-2.25 0-4-1.75-4-4V.997z"/><rect x="10" y="4" width="2" height="16" rx="1"/><rect x="5" y="4" width="2" height="16" rx="1"/><rect x="15" y="4" width="2" height="16" rx="1"/></g><path d="M26 4v2H0V4h7V2c0-1 1-2 2-2h8c1 0 2 1 2 2v2h7zM9 4h8V3c0-.5-.5-1-1-1h-6c-.5 0-1 .5-1 1v1z"/></g></svg></div></div>',change:function(e){var t,s,o,n,i,a,r,l,c,h,g,u,d;m.removeClass("is-cropped").addClass("not-cropped").css("opacity",.1),e?(t=e.original_id,p.removeClass("without-image is-loaded with-error").addClass("with-image not-loaded"),s=p,o=e.width,n=e.height,i=s.find(".js-content-item-img-drop-area"),a=s.find(".js-toggle-crop-state"),n<o?i.removeClass("image-landscape image-square image-portrait").addClass("image-landscape"):o===n?i.removeClass("image-landscape image-square image-portrait").addClass("image-square"):i.removeClass("image-landscape image-square image-portrait").addClass("image-portrait"),i.hasClass("image-square")?a.removeClass("is-visible").addClass("is-hidden"):a.removeClass("is-hidden").addClass("is-visible")):(t=null,p.removeClass("with-image is-loaded with-error").addClass("without-image not-loaded"),p.find(".edy-img-drop-area-placeholder").css("opacity",0)),r=p,l=m,c=f,h=t,u="article"===(g=b)?"articles":"pages",d=new Edicy.CustomData({type:g,id:c}),v.ajax({type:"PATCH",contentType:"application/json",url:"/admin/api/"+u+"/"+c,data:JSON.stringify({image_id:h}),dataType:"json",success:function(e){d.set("image_crop_state","not-cropped"),r.removeClass("not-loaded with-error").addClass("is-loaded"),r.find(".edy-img-drop-area-placeholder").css("opacity",1),l.css("opacity",1)},timeout:3e4,error:function(e){r.removeClass("not-loaded is-loaded with-error").addClass("with-error")}})}})})},bindLanguageMenuSettings:function(e){"type"in e||(e.type="popover"),"item_state"in e||(e.item_state="flags_and_names");new Edicy.SettingsEditor(v(".js-menu-language-settings-toggle").get(0),{menuItems:[{titleI18n:"format_desktop_only",type:"radio",key:"type",list:[{titleI18n:"dropdown_menu",value:"popover"},{titleI18n:"expanded_menu",value:"list"}]},{titleI18n:"show",type:"radio",key:"item_state",list:[{titleI18n:"flags_only",value:"flags_only"},{titleI18n:"names_only",value:"names_only"},{titleI18n:"flags_and_names",value:"flags_and_names"}]}],buttonTitleI18n:"settings",values:e,containerClass:["js-menu-language-settings-popover","js-prevent-sideclick"],preview:function(e){var t=v("html");v(".js-menu-language-settings"),"list"===e.type?(t.removeClass("language-menu-mode-popover"),t.removeClass("menu-language-popover-open"),t.addClass("language-menu-mode-list")):(t.removeClass("language-menu-mode-list"),t.addClass("language-menu-mode-popover"),t.addClass("menu-language-popover-open")),"flags_only"===e.item_state?(t.removeClass("language-flags-disabled"),t.removeClass("language-names-enabled"),t.addClass("language-flags-enabled"),t.addClass("language-names-disabled")):"names_only"===e.item_state?(t.removeClass("language-flags-enabled"),t.removeClass("language-names-disabled"),t.addClass("language-flags-disabled"),t.addClass("language-names-enabled")):"flags_and_names"===e.item_state&&(t.removeClass("language-flags-disabled"),t.removeClass("language-names-disabled"),t.addClass("language-flags-enabled"),t.addClass("language-names-enabled")),l(),this.setPosition()},commit:function(e){siteData.set("settings_language_menu",e)}});l()},bindRootItemSettings:function(s){"show_product_related_pages_in_main_menu"in s||(s.show_product_related_pages_in_main_menu=!1),v(".js-root-item-settings-toggle").each(function(e,t){new Edicy.SettingsEditor(t,{menuItems:[{titleI18n:"show_in_main_menu",type:"checkbox",key:"show_product_related_pages_in_main_menu",states:{on:!0,off:!1}}],buttonTitleI18n:"settings",values:s,containerClass:["js-root-item-settings-popover","js-prevent-sideclick"],preview:function(e){1==!e.show_product_related_pages_in_main_menu?v(".js-menu-item-products").addClass("is-hidden"):v(".js-menu-item-products").removeClass("is-hidden")},commit:function(e){siteData.set("settings_root_item",e)}})})},bindSiteSearch:function(e,t,s){e&&new VoogSearch(e,{per_page:10,lang:t,resultsContainer:v(".js-voog-search-modal").get(0),sideclick:!0,mobileModeWidth:640,updateOnKeypress:!0,noResults:s})},handleProductImageClick:function(e){t()&&v(".product-content .product-image").click(function(){window.open("/admin/ecommerce/products/"+e,"_blank").focus()})},handleProductPageContent:function(){v(document).ready(function(){e()}),v(window).resize(s(function(){e()},25));var e=function(){var e=v(".js-product-gallery"),t=v(".js-content-item-box"),s=v(".js-product-content-right");1<=v(".js-buy-btn-content .edy-buy-button-container").length&&(v(window).width()<640?0===v(".js-buy-btn-content + .js-product-gallery").length&&s.append(e):0===v(".js-content-item-box + .js-product-gallery").length&&t.parent().append(e))}},initArticlePage:function(){g(),v("html").hasClass("js-calculate-comments-height")&&h()},initBlogPage:function(){},initCommonPage:function(){},initFrontPage:function(){},initItemsPage:function(){t()||(v(document).ready(function(){setTimeout(function(){v(".js-content-item-box").addClass("not-loaded")},3e3)}),v(".js-lazyload").lazyload({threshold:500,effect:"fadeIn",placeholder:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",load:function(){var e=v(this).closest(".js-content-item-box");e.removeClass("not-loaded with-error").addClass("is-loaded"),setTimeout(function(){e.removeClass("not-loaded with-error"),e.find(".js-loader").remove()},3e3)}}))},initWindowResize:function(){v(window).resize(s(function(){g(),p(),l(),v(".js-menu-language-settings-popover").hide()},100)),v(window).resize(s(function(){v("html").removeClass("menu-language-popover-open"),v(".js-menu-language-settings-popover").hide(),v(".js-menu-language-settings-toggle").removeClass("edy-cbtn-active")},25))}}),v(".site-container").on("mousedown",function(e){v(e.target).closest(".js-prevent-sideclick").length||(v(".js-btn").hasClass("open")&&v(".js-btn").removeClass("open"),v(".js-popover").hasClass("expanded")&&v(".js-popover").removeClass("expanded"),v(".js-search").hasClass("active")&&(v(".js-search").removeClass("active"),v(".search-btn").removeClass("open")),v("html").hasClass("mobilemenu-open")&&v(".mobile-menu-toggler").trigger("click"),v("html").hasClass("menu-language-popover-open")&&v("html").removeClass("menu-language-popover-open"),v("html").hasClass("comments-open")&&(v("html").removeClass("comments-open"),v(".js-comments-toggle-btn, .js-comments").removeClass("open")),v("html").hasClass("search-open")&&v("html").removeClass("search-open"),h())}),v(".js-menu-btn").click(function(){v(this).toggleClass("open"),v(".js-menu-main").toggleClass("expanded")}),v(".js-menu-lang-btn").click(function(){v(".js-menu-lang-btn").toggleClass("open"),v(".js-menu-lang").toggleClass("expanded")}),v(".js-tags-btn").click(function(){v(this).toggleClass("open"),v(".js-menu-tags").toggleClass("expanded")}),v(".js-search-toggle-btn").click(function(){v("html").removeClass("mobilemenu-open"),v("html").removeClass("menu-language-popover-open"),v(".js-search").toggleClass("active"),v(".js-search").hasClass("active")&&v(".js-search-input").focus(),v("html").toggleClass("search-open")}),v(".js-search-input").on("input",function(){var e=v(this).parent().next();1<v(this).val().length?e.addClass("active"):e.removeClass("active"),p()}),v(".js-search-reset-btn").click(function(){v("html").removeClass("search-open"),v(".js-search").removeClass("active")}),v(".js-comments-toggle-btn").click(function(){v(this).toggleClass("open"),v(".js-comments").toggleClass("open"),v("html").toggleClass("comments-open"),v(".js-comments-input").val("").focus(),640<v(window).width()&&h()}),v(".submenu-load-more-lvl1").click(function(){v(this).addClass("open"),v(this).next().addClass("open"),v(this).next().next().addClass("open")}),v(".submenu-close-lvl1").click(function(){v(this).removeClass("open"),v(this).prev().removeClass("open"),v(this).next().removeClass("open")}),v(".submenu-load-more-lvl2").click(function(){v(this).addClass("open"),v(this).next().addClass("open"),v(this).next().next().addClass("open")}),v(".submenu-close-lvl2").click(function(){v(this).removeClass("open"),v(this).prev().removeClass("open"),v(this).next().removeClass("open")}),v(".js-type-btn").click(function(){m(v(this))}),v(".publicmode .js-slide-to-article").click(function(){v("html, body").animate({scrollTop:v(".page-content").offset().top},300)}),v("body:not(.editmode) table").each(function(){v(this).wrap('<div class="table-holder" />')}),v(document).ready(function(){v(".comment-form").hasClass("form_with_errors")?v("html, body").scrollTop(v(".comment-form").offset().top):0<v("form").find(".form_error, .form_notice").length&&v("html, body").scrollTop(v(".form_error, .form_notice").closest("form").offset().top)}),document.addEventListener("edicy:customstyles:change",function(e){if(-1<Object.keys(e.detail.changes).indexOf("--header-background-color")){var t=e.detail.changes["--header-background-color"].value,s=v(".header-top");void 0===t?(v("body").removeClass("header-top-with-bg"),siteData.set({header_top_lightness:null,has_header_bg_color:null}),s.hasClass("dark-background")?s.removeClass("dark-background"):s.removeClass("light-background")):(v("body").addClass("header-top-with-bg"),b(t))}}),!Modernizr.flexbox&&t()&&(e=v(".js-header-top-wrap").width(),o=v(".js-header-right"),n=o.width(),a=parseInt(o.css("margin-left"))+1,v(".js-header-left").css("min-width",e-n-a))}(jQuery),PriorityQueue=function(){function e(e){this.comparator=e,this.contents=[],this.sorted=!1}return e.prototype.sort=function(){return this.contents.sort(this.comparator),this.sotred=!0},e.prototype.push=function(e){return this.contents.push(e),this.sorted=!1},e.prototype.peek=function(e){return null==e&&(e=this.contents.length-1),this.sorted||this.sort(),this.contents[e]},e.prototype.pop=function(){return this.sorted||this.sort(),this.contents.pop()},e.prototype.size=function(){return this.contents.length},e.prototype.map=function(e){return this.contents.map(e)},e}(),MMCQ=function(){var m,a,h,T,g,u;function b(){this.maxIterations=1e3,this.fractByPopulations=.75}return b.rshift=8-(b.sigbits=5),T=function(e,t,s){return(e<<2*b.sigbits)+(t<<b.sigbits)+s},m=function(){function e(e,t,s,o,n,i,a){this.r1=e,this.r2=t,this.g1=s,this.g2=o,this.b1=n,this.b2=i,this.histo=a}return e.prototype.volume=function(e){return this._volume&&!e||(this._volume=(this.r2-this.r1+1)*(this.g2-this.g1+1)*(this.b2-this.b1+1)),this._volume},e.prototype.count=function(e){var t,s,o,n,i,a,r,l,c,h,g;if(!this._count_set||e){for(n=0,i=a=this.r1,c=this.r2;a<=c;i=a+=1)for(s=r=this.g1,h=this.g2;r<=h;s=r+=1)for(t=l=this.b1,g=this.b2;l<=g;t=l+=1)o=T(i,s,t),n+=this.histo[o]||0;this._count_set=!0,this._count=n}return this._count},e.prototype.copy=function(){return new e(this.r1,this.r2,this.g1,this.g2,this.b1,this.b2,this.histo)},e.prototype.average=function(e){var t,s,o,n,i,a,r,l,c,h,g,u,d,m,p,f;if(!this._average||e){for(r=1<<8-b.sigbits,s=n=c=h=0,l=g=this.r1,m=this.r2;g<=m;l=g+=1)for(o=u=this.g1,p=this.g2;u<=p;o=u+=1)for(t=d=this.b1,f=this.b2;d<=f;t=d+=1)a=T(l,o,t),h+=i=this.histo[a]||0,c+=i*(l+.5)*r,n+=i*(o+.5)*r,s+=i*(t+.5)*r;this._average=h?[~~(c/h),~~(n/h),~~(s/h)]:[~~(r*(this.r1+this.r2+1)/2),~~(r*(this.g1+this.g2+1)/2),~~(r*(this.b1+this.b2+1)/2)]}return this._average},e.prototype.contains=function(e){var t,s,o;return o=e[0]>>b.rshift,s=e[1]>>b.rshift,t=e[2]>>b.rshift,this.r1<=o&&o<=this.r2&&this.g1<=s&&s<=this.g2&&this.b1<=t&&t<=this.b2},e}(),a=function(){function e(){this.cboxes=new PriorityQueue(function(e,t){var s,o;return s=e.count()*e.volume(),(o=t.count()*t.volume())<s?1:s<o?-1:0})}return e.prototype.push=function(e){return this.cboxes.push({cbox:e,color:e.average()})},e.prototype.palette=function(){return this.cboxes.map(function(e){return e.color})},e.prototype.size=function(){return this.cboxes.size()},e.prototype.map=function(e){var t,s,o;for(t=s=0,o=this.cboxes.size();s<o;t=s+=1)return this.cboxes.peek(t).cbox.contains(e)?this.cboxes.peek(t).color:this.nearest(e)},e.prototype.cboxes=function(){return this.cboxes},e.prototype.nearest=function(e){var t,s,o,n,i,a,r;for(i=function(e){return e*e},o=1e9,s=a=0,r=this.cboxes.size();a<r;s=a+=1)(t=Math.sqrt(i(e[0]-this.cboxes.peek(s).color[0])+i(e[1]-this.cboxes.peek(s).color[1])+i(e[2]-this.cboxes.peek(s).color[2])))<o&&(o=t,n=this.cboxes.peek(s).color);return n},e}(),g=function(e){var t,s,o,n,i,a,r,l;for(o=new Array(1<<3*b.sigbits),r=0,l=e.length;r<l;r++)a=(i=e[r])[0]>>b.rshift,s=i[1]>>b.rshift,t=i[2]>>b.rshift,o[n=T(a,s,t)]=(o[n]||0)+1;return o},h=function(e,t){var s,o,n,i,a,r,l,c,h,g,u,d;for(n=r=g=1e6,u=o=a=h=0,d=e.length;u<d;u++)(c=(l=e[u])[0]>>b.rshift)<g?g=c:h<c&&(h=c),(i=l[1]>>b.rshift)<r?r=i:a<i&&(a=i),(s=l[2]>>b.rshift)<n?n=s:o<s&&(o=s);return new m(g,h,r,a,n,o,t)},u=function(e,u){var t,s,o,n,i,d,a,m,r,l,c,p,h,g,f,b,v,C,y,w,j,_,k,x,I,A,z,M,P,D;if(u.count()){if(1===u.count())return[u.copy()];if(l=u.r2-u.r1+1,i=u.g2-u.g1+1,s=u.b2-u.b1+1,a=Math.max(l,i,s),p=0,m=[],d=[],a===l)for(r=h=u.r1,_=u.r2;h<=_;r=h+=1){for(c=0,n=g=u.g1,z=u.g2;g<=z;n=g+=1)for(t=f=u.b1,M=u.b2;f<=M;t=f+=1)c+=e[T(r,n,t)]||0;p+=c,m[r]=p}else if(a===i)for(n=b=u.g1,P=u.g2;b<=P;n=b+=1){for(c=0,r=v=u.r1,D=u.r2;v<=D;r=v+=1)for(t=C=u.b1,k=u.b2;C<=k;t=C+=1)c+=e[T(r,n,t)]||0;p+=c,m[n]=p}else for(t=y=u.b1,x=u.b2;y<=x;t=y+=1){for(c=0,r=w=u.r1,I=u.r2;w<=I;r=w+=1)for(n=j=u.g1,A=u.g2;j<=A;n=j+=1)c+=e[T(r,n,t)]||0;p+=c,m[t]=p}return m.forEach(function(e,t){return d[t]=p-e}),o=function(e){var t,s,o,n,i,a,r,l,c,h,g;for(a=e+"2",r=h=u[i=e+"1"],g=u[a];h<=g;r=h+=1)if(m[r]>p/2){for(t=u.copy(),s=u.copy(),n=(l=r-u[i])<=(c=u[a]-r)?Math.min(u[a]-1,~~(r+c/2)):Math.max(u[i],~~(r-1-l/2));!m[n];)n++;for(o=d[n];!o&&m[n-1];)o=d[--n];return t[a]=n,s[i]=t[a]+1,[t,s]}},a===l?o("r"):a===i?o("g"):a===s?o("b"):void 0}},b.prototype.quantize=function(e,t){var r,s,l,o,n,i,c=this;if(!e.length||t<2||256<t)return console.log("invalid arguments"),!1;for(l=g(e),r=h(e,l),(n=new PriorityQueue(function(e,t){var s,o;return s=e.count(),(o=t.count())<s?1:s<o?-1:0})).push(r),(o=function(e,t){var s,o,n,i,a;for(i=1,a=0;a<c.maxIterations;)if((r=e.pop()).count()){if(s=(n=u(l,r))[0],o=n[1],!s)return void console.log("cbox1 not defined; shouldn't happen");if(e.push(s),o&&(e.push(o),i++),t<=i)return;if(a++>c.maxIterations)return void console.log("infinite loop; perhaps too few pixels")}else e.push(r),a++})(n,this.fractByPopulations*t),i=new PriorityQueue(function(e,t){var s,o;return s=e.count()*e.volume(),(o=t.count()*t.volume())<s?1:s<o?-1:0});n.size();)i.push(n.pop());for(o(i,t-i.size()),s=new a;i.size();)s.push(i.pop());return s},b}.call(this),function(){window.ColorExtract=function(){function f(){}return f.getColorMap=function(e,t,s,o,n,i){var a,r,l,c,h,g,u,d,m,p;for(null==i&&(i=8),l=e.getContext("2d").getImageData(t,s,o,n).data,c=[],g=u=s,m=s+n;u<m;g=u+=1)for(r=g*o*4,h=d=t,p=t+o;d<p;h=d+=1)a=r+4*h,c.push([l[a],l[a+1],l[a+2]]);return(new MMCQ).quantize(c,i)},f.colorDist=function(e,t){var s;return(s=function(e){return e*e})(e[0]-t[0])+s(e[1]-t[1])+s(e[2]-t[2])},f.extract=function(e,t,s){var o,n,i,a,r,l,c,h,g,u,d,m,p;for(t.width=25,t.height=25,t.getContext("2d").drawImage(e,0,0,t.width,t.height),(n=f.getColorMap(t,0,0,t.width,t.height,4).cboxes.map(function(e){return{count:e.cbox.count(),rgb:e.color}})).sort(function(e,t){return t.count-e.count}),o=n[0].rgb,(c=f.getColorMap(t,0,0,e.width,e.height,10).cboxes.map(function(e){return{count:e.cbox.count(),rgb:e.color}})).sort(function(e,t){return t.count-e.count}),u=h=0,m=c.length;u<m;u++)i=c[u],h<(a=f.colorDist(o,i.rgb))&&(h=a,r=i.rgb);for(d=h=0,p=c.length;d<p;d++)i=c[d],h<(a=f.colorDist(o,i.rgb))&&i.rgb!==r&&(h=a,l=i.rgb);return s({bgColor:(g=function(e){return"rgb("+e[0]+", "+e[1]+", "+e[2]+")"})(o),fgColor:g(r),fgColor2:g(l)})},f}()}.call(this);
\ No newline at end of file
diff --git a/layouts/auto_generated_product.tpl b/layouts/auto_generated_product.tpl
index 416a502..f616fc2 100644
--- a/layouts/auto_generated_product.tpl
+++ b/layouts/auto_generated_product.tpl
@@ -1,5 +1,7 @@
 <!DOCTYPE html>
-{% include "template-variables" %}
+{%- assign product_page = true -%}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
 
 <html class="{{ view_mode }} {{ language_flags_mode }} {{ language_names_mode }} {{ language_menu_mode }}" lang="{{ page.language_code }}" data-view-state="{{ view_mode }}">
 <head prefix="og: http://ogp.me/ns#">
@@ -25,7 +27,7 @@
 
 {% assign gallery_content_size = gallery_content_html | strip | size %}
 
-<body class="{% if sidebar_active %}common-page sidebar-active{% else %}sidebar-inactive{% endif %} item-page{% if site.data.has_header_bg_color %} header-top-with-bg{% endif %}">
+<body class="product-page {% if sidebar_active %}common-page sidebar-active{% else %}sidebar-inactive{% endif %} item-page{% if site.data.has_header_bg_color %} header-top-with-bg{% endif %}">
   {% include "template-svg-spritesheet" %}
 
   <div class="site-container">
@@ -33,8 +35,19 @@
     {% include "site-header" %}
     {% include "common-page-variables" %}
 
-    <div class="page-body">
-      <div class="js-background-type {{ body_bg_type }}">
+    <div class="page-body js-bg-picker-area">
+      <div class="js-background-type {{ product_body_bg_type }}">
+        {% if editmode %}
+           <button class="voog-bg-picker-btn js-background-settings" 
+            data-bg-key="{{ product_body_bg_key }}" 
+            data-bg-picture-boolean="false" 
+            data-bg-default-image-color="rgb(255, 255, 255)" 
+            data-bg-color="{{ product_body_bg_color }}" 
+            data-bg-color-data="{{ product_body_bg_color_data_str | escape }}">
+          </button>
+        {% endif %}
+        <div class="background-color js-background-color"></div>
+        
         <main class="page-content" role="main">
           <div class="main-inner-row content-full">
             <div class="main-content top-row">
@@ -121,7 +134,7 @@
   {% include "menu-mobile" %}
   {% include "site-signout" %}
   {% include "site-javascripts" %}
-  {% include "template-tools" with "item_list_page" %}
+  {% include "template-tools" with "product_page" %}
 
   <script>
     if (site) {
diff --git a/layouts/blog___news.tpl b/layouts/blog___news.tpl
index d5f58bf..a4eaca4 100644
--- a/layouts/blog___news.tpl
+++ b/layouts/blog___news.tpl
@@ -1,7 +1,8 @@
 <!DOCTYPE html>
-{% assign blog_page = true %}
-{% include "template-variables" %}
-{% include "blog-article-variables" %}
+{%- assign blog_page = true -%}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
+{%- include "blog-article-variables" -%}
 <html class="{{ view_mode }} {{ language_flags_mode }} {{ language_names_mode }} {{ language_menu_mode }}" lang="{{ page.language_code }}">
   <head prefix="og: http://ogp.me/ns#">
     {% include "html-head" %}
diff --git a/layouts/blog_article.tpl b/layouts/blog_article.tpl
index 6515374..404b081 100644
--- a/layouts/blog_article.tpl
+++ b/layouts/blog_article.tpl
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 {% assign blog_article_page = true %}
-{% include "template-variables" %}
-{% include "blog-article-variables" %}
-{% include "blog-settings-variables" %}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
+{%- include "blog-article-variables" -%}
+{%- include "blog-settings-variables" -%}
 <html class="{{ view_mode }} {{ language_flags_mode }} {{ language_names_mode }} {{ language_menu_mode }}{% unless comment.valid? %} comments-open js-calculate-comments-height{% endunless %}" lang="{{ page.language_code }}">
   <head prefix="og: http://ogp.me/ns#">
     {% include "html-head" %}
diff --git a/layouts/common_page.tpl b/layouts/common_page.tpl
index 331f551..55fc49b 100644
--- a/layouts/common_page.tpl
+++ b/layouts/common_page.tpl
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 {% assign common_page = true %}
-{% include "template-variables" %}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
 <html class="{{ view_mode }} {{ language_flags_mode }} {{ language_names_mode }} {{ language_menu_mode }}" lang="{{ page.language_code }}">
   <head prefix="og: http://ogp.me/ns#">
     {% include "html-head" sidebar: true %}
diff --git a/layouts/front_page.tpl b/layouts/front_page.tpl
index 9e83cad..3d73764 100644
--- a/layouts/front_page.tpl
+++ b/layouts/front_page.tpl
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 {% assign front_page = true %}
-{% include "template-variables" %}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
 <html class="{{ view_mode }} {{ language_flags_mode }} {{ language_names_mode }} {{ language_menu_mode }}" lang="{{ page.language_code }}">
   <head prefix="og: http://ogp.me/ns#">
     {% include "html-head" %}
diff --git a/layouts/product.tpl b/layouts/product.tpl
index 6d769ee..1e44024 100644
--- a/layouts/product.tpl
+++ b/layouts/product.tpl
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-{% include "template-variables" %}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
 
 {% unless page.image %}
   {% assign page_image_state = "without-image" %}
diff --git a/layouts/product_list.tpl b/layouts/product_list.tpl
index dd8a75d..1d0fd4c 100644
--- a/layouts/product_list.tpl
+++ b/layouts/product_list.tpl
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
-{% include "template-variables" %}
+{%- include "template-settings" -%}
+{%- include "template-variables" -%}
 <html class="{{ view_mode }} {{ language_flags_mode }} {{ language_names_mode }} {{ language_menu_mode }}" lang="{{ page.language_code }}">
   <head prefix="og: http://ogp.me/ns#">
     {% assign item_list_page = true %}
diff --git a/manifest.json b/manifest.json
index 2312c13..bfb4e54 100644
--- a/manifest.json
+++ b/manifest.json
@@ -313,6 +313,20 @@
       "layout_name": "template-meta",
       "title": "template-meta"
     },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-settings-json.tpl",
+      "layout_name": "template-settings-json",
+      "title": "template-settings-json"
+    },
+    {
+      "content_type": "component",
+      "component": true,
+      "file": "components/template-settings.tpl",
+      "layout_name": "template-settings",
+      "title": "template-settings"
+    },
     {
       "content_type": "component",
       "component": true,
diff --git a/sources/components/custom-styles/template-cs-style-rules.scss b/sources/components/custom-styles/template-cs-style-rules.scss
index f4d1061..09e5b41 100644
--- a/sources/components/custom-styles/template-cs-style-rules.scss
+++ b/sources/components/custom-styles/template-cs-style-rules.scss
@@ -987,6 +987,14 @@ body {
     text-decoration: var(--content-area-product-title__text-decoration);
     text-transform: var(--content-area-product-title__text-transform);
   }
+
+  .dark-background & {
+    .product-price,
+    .product-description,
+    .content-item-title h1 {
+      color: var(--third-color);
+    }
+  }
 }
 
 .dark-background {
diff --git a/sources/javascripts/concat/base.js b/sources/javascripts/concat/base.js
index 8df4c78..d619e51 100644
--- a/sources/javascripts/concat/base.js
+++ b/sources/javascripts/concat/base.js
@@ -386,7 +386,7 @@
         Edicy.articles.currentArticle.setData(dataBgKey, commitData);
       }
     } else {
-      if (pageType === 'contentPage' && (dataBgKey === 'footer_bg') || (dataBgKey === 'body_bg')) {
+      if (pageType === 'contentPage' && (dataBgKey === 'footer_bg') || (dataBgKey === 'body_bg') || pageType === 'productPage') {
         siteData.set(dataBgKey, commitData);
       } else {
         pageData.set(dataBgKey, commitData);