[Release] v2.7.1

Author: ptkdev

dist/lib/en/instagram-widget.js

@@ -1,4 +1,4 @@
-// WebComponent: InstagramWidget 2.7.0 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <[email protected]>
+// WebComponent: InstagramWidget 2.7.1 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <[email protected]>
 // https://github.com/ptkdev-components/webcomponent-instagram-widget
 (function() { /**
  * InstagramWidget WebComponent
@@ -15,7 +15,7 @@ class InstagramWidget extends HTMLElement {
 		super();
 
 		const template = document.createElement("template");
-		template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.0">
+		template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.1">
 	<div class="instagram-widget-container" part="container">
 		<div class="instagram-widget-content" part="content"></div>
 		<div class="instagram-widget-content-loading" part="content-loading" style="display: block;">

dist/lib/en/instagram-widget.min.js

@@ -1,4 +1,4 @@
-// WebComponent: InstagramWidget 2.7.0 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <[email protected]>
+// WebComponent: InstagramWidget 2.7.1 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] <[email protected]>
 // https://github.com/ptkdev-components/webcomponent-instagram-widget
 (function() { /**
  * InstagramWidget WebComponent
@@ -15,7 +15,7 @@ class InstagramWidget extends HTMLElement {
 		super();
 
 		const template = document.createElement("template");
-		template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.0">
+		template.innerHTML = `<style id="instagram-widget-style" part="style">#instagram-widget *{margin:0;padding:0;line-height:0}#instagram-widget .instagram-widget-container{text-align:center;justify-content:center;font-weight:500}#instagram-widget .instagram-widget-photos li img{border-radius:5%;background-color:#f8f8ff;object-fit:cover;object-position:50% 50%;max-width:300px;max-height:300px;min-width:80px;min-height:80px;margin:2px}#instagram-widget .instagram-content ul{list-style-type:none;padding-inline-start:0;width:100%}#instagram-widget .instagram-widget-photos li{list-style-type:none;display:inline}#instagram-widget .instagram-widget-error-api,#instagram-widget .instagram-widget-loading,#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-family:monospace,sans-serif;font-weight:600;padding-top:20px;height:100%;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:normal!important}#instagram-widget a.instagram-widget-href::before{content:'';position:absolute;left:50%;bottom:-2px;width:100%;height:1px;background-color:#fc2f70;transform-origin:center;transform:translate(-50%,0) scaleX(1);transition:transform .3s ease-in-out}#instagram-widget a.instagram-widget-href:hover::before{transform:translate(-50%,0) scaleX(0)}#instagram-widget a.instagram-widget-href{position:relative;background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:3px}#instagram-widget .instagram-widget-powered,#instagram-widget .instagram-widget-support{font-size:xx-small}#instagram-widget .instagram-widget-spinner{display:block;transform:translate -50%,-50%;width:50px;height:50px;margin:0 auto}#instagram-widget .instagram-widget-svg{animation:2s linear infinite instagram-widget-svg-animation;max-width:100px}#instagram-widget .instagram-widget-circle{animation:1.4s ease-in-out infinite both instagram-widget-circle-animation;display:block;fill:transparent;stroke:url(#instagram-widget-gradient);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:280;stroke-width:8px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@keyframes instagram-widget-svg-animation{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}@keyframes instagram-widget-circle-animation{0%,25%{stroke-dashoffset:280;transform:rotate(0)}50%,75%{stroke-dashoffset:75;transform:rotate(45deg)}100%{stroke-dashoffset:280;transform:rotate(360deg)}}</style><div id="instagram-widget" part="main" version="2.7.1">
 	<div class="instagram-widget-container" part="container">
 		<div class="instagram-widget-content" part="content"></div>
 		<div class="instagram-widget-content-loading" part="content-loading" style="display: block;">