type-on-strap 2.3.11 → 2.4.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a37ea279425397cd545055ca109d642aadf5c3f55293a4525458da89b3fdb280
-  data.tar.gz: '081204be20380cfac5444debfdc2a86c7792e17b7358afcfb594656b212451cc'
+  metadata.gz: 4b4bbb13277b77d2a93d2837456b45e0350026ce480a4a980c216cb2ab6b694b
+  data.tar.gz: a54cdf0f90bf33af04b42bd27fed0c29f1a409df5e8e857382b12eed7145deb9
 SHA512:
-  metadata.gz: 5a44d150d46b3f7aa736a1c1fd15dfff1e1bb107125249c6577534f847d4bea0213e068268f78340873720aa963f8eab44f2e1d468bd18ac1bd8f1c668b030b1
-  data.tar.gz: d3991649b3e7138e93c1963e75a89b2502c11398ef670b0c59542dfdf9f3f7c19e0d08a35f25b441554989a82da05e2f604908437ce2f4c4255a14f37cae2fac
+  metadata.gz: a9c51c7fbdfe7c4a5ea6d460fdca02b156df66a46371517ba5d0d116a12fcd2c510fc461e0c0019f51c85ed6a1af70e4aedc09629c9e4a8f774395490a0e66ba
+  data.tar.gz: 5beac4a06c5a55a8571a8d089364d07bef4095509a422579c739beff8f1f7390858d482a5c67c4b26daeb9fb294c40a545297dda9d579915f5becc1fb465146c

data/LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016-2021 Sylhare
+Copyright (c) 2016-2022 Sylhare
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

data/README.md

@@ -141,12 +141,24 @@ Customize your site header/footer with these variables in `_config.yml`:
 
 ```yml
 header_text: Welcome to my Jekyll blog
-header_feature_image: assets/img/sample3.png
 footer_text: Copyright 2017
 ```
 
 If you don't want anything, replace the value by `" "`.
 
+#### Header's image
+
+The header's image (tested with 2480x1280) can be set as one image with `header_feature_image`
+but can also be responsive:
+
+```yml
+header_feature_image: assets/img/header/my-header-image.png
+header_feature_image_responsive: true
+```
+
+By setting `header_feature_image_responsive` to true, it will look for images 
+with suffix `-small` (620x320) and `-medium` (1240x640) to display on smaller screen.
+
 #### Localisation string
 
 Localization string is a way to quickly change the template language for text like *Next Post* or *Follow on*, ...
@@ -616,4 +628,4 @@ remote_theme: sylhare/Type-on-Strap
 This theme is licensed under the [The MIT License (MIT)](/LICENSE)
 
 - Pictures from [Pexels](https://www.pexels.com/) are under Creative Commons Zero (CC0) license
-- Fonts are licensed under the [SIL Open Font License (OFL)](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL) 
+- Fonts are licensed under the [SIL Open Font License (OFL)](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL)

data/_includes/default/head.liquid

@@ -41,12 +41,12 @@
     <script defer src="{{ '/assets/js/vendor/auto-render.min.js' | relative_url }}" onload="renderMathInElement(document.body);"></script>
     {% endif %}
 
-    <!-- Mermaid 8.9.2 -->
+    <!-- Mermaid 9.1.0 -->
     {% if site.mermaid %}
     <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({startOnLoad:true});"></script>
     {% endif %}
 
-    <!-- Simple Jekyll Search 1.9.1 -->
+    <!-- Simple Jekyll Search 1.10.0 -->
     <script src="{{ '/assets/js/vendor/simple-jekyll-search.min.js' | relative_url }}" type="text/javascript"></script>
 
     <!-- Google Analytics / Cookie Consent -->

data/_includes/default/tags_list.liquid

@@ -10,7 +10,7 @@
       {% endif %}
 
       {% for tag in tags %}
-        <li><a class="button" href="#{{ tag | cgi_escape }}">
+        <li><a class="button" href="{% unless 'Tags' == page.title %}{{ site.baseurl }}/tags{% endunless %}#{{ tag | cgi_escape }}">
           <p><i class="fas fa-tag fa-fw fa-sm"></i> {{ tag }}</p>
         </a></li>
       {% endfor %}

data/_includes/gallery.html

@@ -1,7 +1,7 @@
 <style>
 /* force scrollbar */
 html { overflow-y: scroll; }
-    
+
 /* To overwrite page's padding, to get bigger images */
 /* article {padding:2%;} */
 </style>
@@ -13,10 +13,10 @@ html { overflow-y: scroll; }
   {% if image.path contains include.gallery_path %}
     {% unless image.path contains '.md' %}
         <img src="{{ image.path | relative_url }}" alt="" class="grid-item" style="padding: 0;">
-    {% endunless %}  
+    {% endunless %}
   {% endif %}
 {% endfor %}
-</div> 
+</div>
 
-<script src="{{ '/assets/js/vendor/imagesloaded.min.js' | relative_url }}" type="text/javascript"></script>
+<script src="{{ '/assets/js/vendor/imagesloaded.pkgd.min.js' | relative_url }}" type="text/javascript"></script>
 <script src="{{ '/assets/js/vendor/masonry.pkgd.min.js' | relative_url }}" type="text/javascript"></script>

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
-    Type on Strap jekyll theme v2.3.11
+    Type on Strap jekyll theme v2.4.2
     Theme free for personal and commercial use under the MIT license
     https://github.com/sylhare/Type-on-Strap/blob/master/LICENSE
 -->

data/_layouts/home.liquid

@@ -3,9 +3,25 @@ layout: default
 ---
 
 <div class="home">
-
-    <div id="main" class="call-out"
-         style="background-image: url('{{ site.header_feature_image | relative_url }}')">
+    <style scoped>
+        {% assign image = site.header_feature_image | relative_url | split: '.' %}
+        .call-out_img {
+            background-image: url('{{ image | join: '.' }}');
+        }
+        {% if site.header_feature_image_responsive %}
+        @media screen and (max-width: 768px) {
+            .call-out_img {
+                background-image: url('{{ image[0] | append: '-medium.' | append: image[1] | default: image}}');
+            }
+        }
+        @media screen and (max-width: 576px) {
+            .call-out_img {
+                background-image: url('{{ image[0] | append: '-small.' | append: image[1] }}');
+            }
+        }
+        {% endif %}
+    </style>
+    <div id="main" class="call-out call-out_img">
         <h1> {{ site.header_text | default: "Change <code>header_text</code> in <code>_config.yml</code>"}} </h1>
     </div>
 

data/_layouts/post.liquid

@@ -56,10 +56,19 @@ layout: default
   }
 
   {% if page.color %}
-  .feature-image a { color: {{ page.color }} !important; }
+  .post-content a { color: {{ page.color }} !important; }
+  .share-buttons a { color: {{ page.color }} !important; }
+  .tag-list a:not(:hover) { color: {{ page.color }} !important; }
   div#post-nav a { color: {{ page.color }} !important; }
   footer a { color: {{ page.color }} !important; }
   .site-header nav a:hover {  color: {{ page.color }} !important; }
+  a.button:hover {
+    background: {{ page.color }} !important;
+    border: 1px solid {{ page.color }} !important;
+    color: white;
+    text-decoration: none;
+    filter: none;
+  }
   header#main {
       background-color: {{ page.color }} !important;
       background-image: url('{{ site.color_image | relative_url }}');

data/_sass/base/_highlight.scss

@@ -7,7 +7,7 @@ figure.highlight,
 .highlight code {
   position: relative;
   background: var(--base00);
-  color: var(--base05);
+  color: var(--base07);
   font-family: $monospace;
   font-size: $font-size-code;
   line-height: $font-height-code;
@@ -121,7 +121,7 @@ table.rouge-table {
   .ge{ /* Generic.Emph */
     font-style: italic  }
   .gh{ /* Generic.Heading */
-    color: var(--base05);font-weight: bold  }
+    color: var(--base07);font-weight: bold  }
   .gi{ /* Generic.Inserted */
     color: var(--base0a)  }
   .gp{ /* Generic.Prompt */
@@ -135,7 +135,7 @@ table.rouge-table {
   .k { /* Keyword */
     color: var(--base0d) }
   .kc{ /* Keyword.Constant */
-    color: var(--base0d)  }
+    color: var(--base0f)  }
   .kd{ /* Keyword.Declaration */
     color: var(--base0d)  }
   .kn{ /* Keyword.Namespace */
@@ -163,19 +163,19 @@ table.rouge-table {
   .mo{ /* Literal.Number.Oct */
     color: var(--base0e)  }
   .n{ /* Name */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .na{ /* Name.Attribute */
-    color: var(--base0b)  }
+    color: var(--base0c)  }
   .nb{ /* Name.Builtin */
     color: var(--base0c)  }
   .nc{ /* Name.Class */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .no{ /* Name.Constant */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .nd{ /* Name.Decorator */
     color: var(--base0f)  }
   .ni{ /* Name.Entity */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .ne{ /* Name.Exception */
     color: var(--base0c)  }
   .nf{ /* Name.Function */
@@ -183,27 +183,31 @@ table.rouge-table {
   .nl{ /* Name.Label */
     color: var(--base0c)  }
   .nn{ /* Name.Namespace */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .nt{ /* Name.Tag */
     color: var(--base08)  }
   .nv{ /* Name.Variable */
     color: var(--base0c)  }
   .nx{ /* Name.Other */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .o{ /* Operator */
     color: var(--base08)  }
   .ow{ /* Operator.Word */
     color: var(--base0d)  }
   .p{ /* Punctuation */
     color: var(--base05)  }
+  .pi{ /* Name.Property */
+    color: var(--base07)  }
   .py{ /* Name.Property */
-    color: var(--base05)  }
+    color: var(--base0d)  }
   .s{ /* Literal.String */
     color: var(--base0a)  }
+  .sa{ /* Literal.String.raw */
+    color: var(--base0a)  }
   .sb{ /* Literal.String.Backtick */
     color: var(--base0a)  }
   .sc{ /* Literal.String.Char */
-    color: var(--base05)  }
+    color: var(--base07)  }
   .sd{ /* Literal.String.Doc */
     color: var(--base04)  }
   .s2{ /* Literal.String.Double */
@@ -229,7 +233,7 @@ table.rouge-table {
   .vi{ /* Name.Variable.Instance */
     color: var(--base0c)  }
   .w{ /* Text.Whitespace */
-    color: var(--base05)  }
+    color: var(--base07)  }
 }
 
 // Fix Github syntax display

data/_sass/base/_utility.scss

@@ -68,13 +68,13 @@ a.button {
     border: 1px solid var(--link);
     color: var(--background);
     text-decoration: none;
+    filter: none;
   }
 }
 
 .body-link {
   &:hover {
     text-decoration: underline;
-    color: var(--link);
     filter: brightness(0.85);
   }
 }
@@ -83,7 +83,6 @@ a.button {
   &:hover {
     text-decoration: none;
     color: var(--link);
-    filter: brightness(1.1);
   }
 }
 

data/_sass/base/_variables.scss

@@ -33,7 +33,7 @@ html, html[data-theme="light"] {
   --blockquote: #eef7fa;
   --selection: #d4d4d4;
   --meta: #595959;
-  --link: #337ab7;
+  --link: #0072B5;
   --header-background: #24292e;
   --header-text: #ffffff;
   --header-link: #383838;
@@ -81,11 +81,11 @@ html, html[data-theme="light"] {
   --base01: #2e3c43; // Lighter Background (Used for status bars) - NOT USED
   --base02: #314549; // Selection Background
   --base03: #546e7a; // Comments, Invisible, Line Highlighting
-  --base04: #b2ccd6; // Dark Foreground (Used for status bars) - NOT USED
-  --base05: #eeffff; // Light Foreground (Not often used)
-  --base06: #eeffff; // Light Background (Not often used)
+  --base04: #b2ccd6; // Dark Foreground (Used for status bars)
+  --base05: #eeffff; // Punctuation
+  --base06: #eeffff; // Highlight, Light Background
   --base07: #ffffff; // Default Foreground, Default text color
-  --base08: #f07178; // Parenthesis, Caret, Delimiters, Operators
+  --base08: #f07178; // Operators (and Parenthesis, Caret, Delimiters)
   --base09: #f78c6c; // Classes, Markup Bold, Search Text Background
   --base0a: #ffcb6b; // Strings, Inherited Class, Markup Code, Diff Inserted
   --base0b: #98c379; // Functions, Methods, Attribute IDs, Headings

data/_sass/includes/_footer.scss

@@ -20,15 +20,10 @@
         color: var(--link);
       }
 
-      @media (prefers-color-scheme: dark) {
-        a {
-          color: var(--meta);
-        }
-      }
-
       a:hover {
-        color: var(--link);
-        filter: brightness(0.85);
+        .fa-circle {
+          filter: brightness(0.85);
+        }
       }
     }
   }

data/_sass/layouts/_blog.scss

@@ -17,20 +17,20 @@
   }
 
   /* --- Responsive --- */
-  @media screen and (min-width: $break) {
-    background-size: 120% auto;
+  @media screen and (max-width: $m-break) {
+    background-size: 170% auto;
   }
 
-  @media screen and (max-width: $break) {
+  @media screen and (max-width: 450px) {
     background-size: 200% auto;
   }
 
-  @media screen and (max-width: $sm-break) {
+  @media screen and (max-width: 400px) {
     background-size: 250% auto;
   }
 
-  @media screen and (max-width: $x-sm-break) {
-    background-size: 300% auto;
+  @media screen and (max-width: 380px) {
+    background-size: 280% auto;
   }
 
   p:last-child {

data/_sass/layouts/_posts.scss

@@ -69,6 +69,10 @@ header {
     img {
       height: auto;
     }
+
+    &:hover {
+      text-decoration: none;
+    }
   }
 
   img {

data/_sass/layouts/_tags.scss

@@ -62,10 +62,10 @@
     font-size: 0.8em;
     line-height: normal;
   }
-}
 
-@media screen and (max-width: $sm-break) {
-  .tag-posts .meta {
-    display: none;
+  @media screen and (max-width: $sm-break) {
+    .meta {
+      display: none;
+    }
   }
 }

data/assets/js/main.min.js

@@ -1 +1 @@
-function createCookie(e,t,o){var n,i="";o&&((n=new Date).setTime(n.getTime()+24*o*60*60*1e3),i="; expires="+n.toUTCString()),document.cookie=`${e}=${t}${i}; path=/`}function readCookie(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var i=o[n];" "===i.charAt(0);)i=i.substring(1,i.length);if(0===i.indexOf(t))return i.substring(t.length,i.length)}return null}function addCookieConsentListener(){document.getElementById("cookie-notice-accept").addEventListener("click",function(){createCookie(cookieName,"true",31),document.getElementById("cookie-notice").style.display="none",location.reload()})}function googleAnalytics(){function e(){dataLayer.push(arguments)}""!==analyticsName.toLowerCase()&&(window.dataLayer=window.dataLayer||[],e("js",new Date),e("config",analyticsName),window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create",analyticsName,"auto"),ga("send","pageview"))}"true"===isCookieConsent.toLowerCase()?(addCookieConsentListener(),"true"===readCookie(cookieName)?googleAnalytics():document.getElementById("cookie-notice").style.display="block"):googleAnalytics();const themeButton={light:'<i class="fas fa-adjust" aria-hidden="true"></i>',dark:'<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'},currentTheme=()=>sessionStorage.getItem("theme");function setMode(e){document.documentElement.setAttribute("data-theme",e),sessionStorage.setItem("theme",e),document.getElementById("theme-toggle").innerHTML=themeButton[e]}function themeToggle(){setMode("light"===currentTheme()?"dark":"light")}window.onload=function(){if(isAutoTheme){if(!currentTheme()){let e=window.matchMedia("(prefers-color-scheme: dark)");e.addEventListener("change",()=>{e.matches&&sessionStorage.setItem("theme","dark")})}var e=currentTheme();setMode(e||"light")}};try{var elem=document.querySelector(".grid"),msnry=new Masonry(elem,{itemSelector:".grid-item",columnWidth:".grid-sizer",gutter:".gutter-sizer",percentPosition:!0}),imgLoad=imagesLoaded(elem);imgLoad.on("progress",function(e,t){msnry.layout()})}catch(e){if(!(e instanceof ReferenceError))throw e}document.addEventListener("DOMContentLoaded",function(e){var t=document.getElementById("pull"),o=document.querySelector("nav ul");["click","touch"].forEach(function(e){t.addEventListener(e,function(){o.classList.toggle("hide")},!1)}),window.addEventListener("scroll",function(){var e=-(window.scrollY||window.pageYOffset||document.body.scrollTop)/3;document.getElementById("main").style.backgroundPosition="100% "+(e-50)+"px, 0%, center top"})});
+function createCookie(e,t,o){var n,i="";o&&((n=new Date).setTime(n.getTime()+24*o*60*60*1e3),i="; expires="+n.toUTCString()),document.cookie=`${e}=${t}${i}; path=/`}function readCookie(e){for(var t=e+"=",o=document.cookie.split(";"),n=0;n<o.length;n++){for(var i=o[n];" "===i.charAt(0);)i=i.substring(1,i.length);if(0===i.indexOf(t))return i.substring(t.length,i.length)}return null}function addCookieConsentListener(){document.getElementById("cookie-notice-accept").addEventListener("click",function(){createCookie(cookieName,"true",31),document.getElementById("cookie-notice").style.display="none",location.reload()})}function googleAnalytics(){function e(){dataLayer.push(arguments)}""!==analyticsName.toLowerCase()&&(window.dataLayer=window.dataLayer||[],e("js",new Date),e("config",analyticsName),window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create",analyticsName,"auto"),ga("send","pageview"))}"true"===isCookieConsent.toLowerCase()?(addCookieConsentListener(),"true"===readCookie(cookieName)?googleAnalytics():document.getElementById("cookie-notice").style.display="block"):googleAnalytics();const themeButton={light:'<i class="fas fa-adjust" aria-hidden="true"></i>',dark:'<i class="fas fa-adjust fa-rotate-180" aria-hidden="true"></i>'},currentTheme=()=>sessionStorage.getItem("theme");function setMode(e){document.documentElement.setAttribute("data-theme",e),sessionStorage.setItem("theme",e),document.getElementById("theme-toggle").innerHTML=themeButton[e]}function themeToggle(){setMode("light"===currentTheme()?"dark":"light")}window.onload=function(){if(isAutoTheme){if(!currentTheme()){let e=window.matchMedia("(prefers-color-scheme: dark)");e.addEventListener("change",()=>{e.matches&&sessionStorage.setItem("theme","dark")})}var e=currentTheme();setMode(e||"light")}};try{var elem=document.querySelector(".grid"),msnry=new Masonry(elem,{itemSelector:".grid-item",columnWidth:".grid-sizer",gutter:".gutter-sizer",percentPosition:!0}),imgLoad=imagesLoaded(elem);imgLoad.on("progress",function(e,t){msnry.layout()})}catch(e){if(!(e instanceof ReferenceError))throw e}document.addEventListener("DOMContentLoaded",function(e){const t=document.getElementById("pull"),o=document.querySelector("nav ul");["click","touch"].forEach(function(e){t.addEventListener(e,function(){o.classList.toggle("hide")},!1)}),window.addEventListener("scroll",function(){var e=-(window.scrollY||window.pageYOffset||document.body.scrollTop)/3;document.getElementById("main").style.backgroundPosition="100% "+(e-50)+"px, 0%, center top"})});

data/assets/js/partials/navbar.js

@@ -4,8 +4,8 @@ document.addEventListener("DOMContentLoaded", function (event) {
   /*
    * Display the menu items on smaller screens
    */
-  var pull = document.getElementById('pull');
-  var menu = document.querySelector('nav ul');
+  const pull = document.getElementById('pull');
+  const menu = document.querySelector('nav ul');
 
   ['click', 'touch'].forEach(function (e) {
     pull.addEventListener(e, function () {
@@ -17,7 +17,7 @@ document.addEventListener("DOMContentLoaded", function (event) {
    * Make the header images move on scroll
    */
   window.addEventListener('scroll', function () {
-    var offset = -(window.scrollY || window.pageYOffset || document.body.scrollTop) / 3;
+    const offset = -(window.scrollY || window.pageYOffset || document.body.scrollTop) / 3;
     document.getElementById("main").style.backgroundPosition = '100% ' + (offset - 50) + 'px' + ', 0%, center top';
   });
 });

data/assets/js/vendor/imagesloaded.pkgd.min.js

@@ -0,0 +1,12 @@
+/*!
+ * imagesLoaded PACKAGED v5.0.0
+ * JavaScript is all like "You images are done yet or what?"
+ * MIT License
+ */
+!function(t,e){"object"==typeof module&&module.exports?module.exports=e():t.EvEmitter=e()}("undefined"!=typeof window?window:this,(function(){function t(){}let e=t.prototype;return e.on=function(t,e){if(!t||!e)return this;let i=this._events=this._events||{},s=i[t]=i[t]||[];return s.includes(e)||s.push(e),this},e.once=function(t,e){if(!t||!e)return this;this.on(t,e);let i=this._onceEvents=this._onceEvents||{};return(i[t]=i[t]||{})[e]=!0,this},e.off=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;let s=i.indexOf(e);return-1!=s&&i.splice(s,1),this},e.emitEvent=function(t,e){let i=this._events&&this._events[t];if(!i||!i.length)return this;i=i.slice(0),e=e||[];let s=this._onceEvents&&this._onceEvents[t];for(let n of i){s&&s[n]&&(this.off(t,n),delete s[n]),n.apply(this,e)}return this},e.allOff=function(){return delete this._events,delete this._onceEvents,this},t})),
+  /*!
+   * imagesLoaded v5.0.0
+   * JavaScript is all like "You images are done yet or what?"
+   * MIT License
+   */
+  function(t,e){"object"==typeof module&&module.exports?module.exports=e(t,require("ev-emitter")):t.imagesLoaded=e(t,t.EvEmitter)}("undefined"!=typeof window?window:this,(function(t,e){let i=t.jQuery,s=t.console;function n(t,e,o){if(!(this instanceof n))return new n(t,e,o);let r=t;var h;("string"==typeof t&&(r=document.querySelectorAll(t)),r)?(this.elements=(h=r,Array.isArray(h)?h:"object"==typeof h&&"number"==typeof h.length?[...h]:[h]),this.options={},"function"==typeof e?o=e:Object.assign(this.options,e),o&&this.on("always",o),this.getImages(),i&&(this.jqDeferred=new i.Deferred),setTimeout(this.check.bind(this))):s.error(`Bad element for imagesLoaded ${r||t}`)}n.prototype=Object.create(e.prototype),n.prototype.getImages=function(){this.images=[],this.elements.forEach(this.addElementImages,this)};const o=[1,9,11];n.prototype.addElementImages=function(t){"IMG"===t.nodeName&&this.addImage(t),!0===this.options.background&&this.addElementBackgroundImages(t);let{nodeType:e}=t;if(!e||!o.includes(e))return;let i=t.querySelectorAll("img");for(let t of i)this.addImage(t);if("string"==typeof this.options.background){let e=t.querySelectorAll(this.options.background);for(let t of e)this.addElementBackgroundImages(t)}};const r=/url\((['"])?(.*?)\1\)/gi;function h(t){this.img=t}function d(t,e){this.url=t,this.element=e,this.img=new Image}return n.prototype.addElementBackgroundImages=function(t){let e=getComputedStyle(t);if(!e)return;let i=r.exec(e.backgroundImage);for(;null!==i;){let s=i&&i[2];s&&this.addBackground(s,t),i=r.exec(e.backgroundImage)}},n.prototype.addImage=function(t){let e=new h(t);this.images.push(e)},n.prototype.addBackground=function(t,e){let i=new d(t,e);this.images.push(i)},n.prototype.check=function(){if(this.progressedCount=0,this.hasAnyBroken=!1,!this.images.length)return void this.complete();let t=(t,e,i)=>{setTimeout((()=>{this.progress(t,e,i)}))};this.images.forEach((function(e){e.once("progress",t),e.check()}))},n.prototype.progress=function(t,e,i){this.progressedCount++,this.hasAnyBroken=this.hasAnyBroken||!t.isLoaded,this.emitEvent("progress",[this,t,e]),this.jqDeferred&&this.jqDeferred.notify&&this.jqDeferred.notify(this,t),this.progressedCount===this.images.length&&this.complete(),this.options.debug&&s&&s.log(`progress: ${i}`,t,e)},n.prototype.complete=function(){let t=this.hasAnyBroken?"fail":"done";if(this.isComplete=!0,this.emitEvent(t,[this]),this.emitEvent("always",[this]),this.jqDeferred){let t=this.hasAnyBroken?"reject":"resolve";this.jqDeferred[t](this)}},h.prototype=Object.create(e.prototype),h.prototype.check=function(){this.getIsImageComplete()?this.confirm(0!==this.img.naturalWidth,"naturalWidth"):(this.proxyImage=new Image,this.img.crossOrigin&&(this.proxyImage.crossOrigin=this.img.crossOrigin),this.proxyImage.addEventListener("load",this),this.proxyImage.addEventListener("error",this),this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.proxyImage.src=this.img.currentSrc||this.img.src)},h.prototype.getIsImageComplete=function(){return this.img.complete&&this.img.naturalWidth},h.prototype.confirm=function(t,e){this.isLoaded=t;let{parentNode:i}=this.img,s="PICTURE"===i.nodeName?i:this.img;this.emitEvent("progress",[this,s,e])},h.prototype.handleEvent=function(t){let e="on"+t.type;this[e]&&this[e](t)},h.prototype.onload=function(){this.confirm(!0,"onload"),this.unbindEvents()},h.prototype.onerror=function(){this.confirm(!1,"onerror"),this.unbindEvents()},h.prototype.unbindEvents=function(){this.proxyImage.removeEventListener("load",this),this.proxyImage.removeEventListener("error",this),this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype=Object.create(h.prototype),d.prototype.check=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this),this.img.src=this.url,this.getIsImageComplete()&&(this.confirm(0!==this.img.naturalWidth,"naturalWidth"),this.unbindEvents())},d.prototype.unbindEvents=function(){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this)},d.prototype.confirm=function(t,e){this.isLoaded=t,this.emitEvent("progress",[this,this.element,e])},n.makeJQueryPlugin=function(e){(e=e||t.jQuery)&&(i=e,i.fn.imagesLoaded=function(t,e){return new n(this,t,e).jqDeferred.promise(i(this))})},n.makeJQueryPlugin(),n}));