diff --git a/dist/lib/en/instagram-widget.js b/dist/lib/en/instagram-widget.js index 9efc6a6..ab6cc73 100644 --- a/dist/lib/en/instagram-widget.js +++ b/dist/lib/en/instagram-widget.js @@ -129,8 +129,8 @@ class InstagramWidget extends HTMLElement { this.build_html(); window.addEventListener("resize", function(event) { this.resize(event); - }.bind(this), false); - }.bind(this), false); + }.bind(this)); + }.bind(this)); } static get observedAttributes() { diff --git a/dist/lib/en/instagram-widget.min.js b/dist/lib/en/instagram-widget.min.js index a22cea5..fe93044 100644 --- a/dist/lib/en/instagram-widget.min.js +++ b/dist/lib/en/instagram-widget.min.js @@ -1,3 +1,3 @@ // WebComponent: InstagramWidget 2.5.0 - Collection of WebComponents by Patryk Rzucidlo [@PTKDev] // https://github.com/ptkdev-components/webcomponent-instagram-widget -(function() { class InstagramWidget extends HTMLElement{constructor(){super();const t=document.createElement("template");t.innerHTML='
\n\t
\n\t\t
\n\t\t\t
    \n\t\t
    \n\t
    \n
    ',this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.json=null,this.options_default={username:"@ptkdev","items-limit":"9","image-width":"100%","image-height":"100%",grid:"responsive",cache:"enabled","border-spacing":"2px","border-corners":"5","force-square":"yes"},this.options=Object.create(this.options_default)}build_html(){let t=this.json.graphql.user.edge_owner_to_timeline_media.edges,e=[];for(let i=0;i${e[t].caption.substring(0,100).replace(/`;if(this.shadowRoot.querySelector(".instagram-widget-photos").innerHTML=i,""!==this.options.grid&&null!==this.options.grid&&"responsive"!==this.options.grid){let t=this.options.grid.split("x"),e=100/parseInt(t[0]),i=this.shadowRoot.querySelectorAll(".instagram-widget-photos img");for(let s=0;s#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}
    \n\t
    \n\t\t
    \n\t\t\t
      \n\t\t
      \n\t
      \n
      ',this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.json=null,this.options_default={username:"@ptkdev","items-limit":"9","image-width":"100%","image-height":"100%",grid:"responsive",cache:"enabled","border-spacing":"2px","border-corners":"5","force-square":"yes"},this.options=Object.create(this.options_default)}build_html(){let t=this.json.graphql.user.edge_owner_to_timeline_media.edges,e=[];for(let i=0;i${e[t].caption.substring(0,100).replace(/`;if(this.shadowRoot.querySelector(".instagram-widget-photos").innerHTML=i,""!==this.options.grid&&null!==this.options.grid&&"responsive"!==this.options.grid){let t=this.options.grid.split("x"),e=100/parseInt(t[0]),i=this.shadowRoot.querySelectorAll(".instagram-widget-photos img");for(let s=0;s // https://github.com/ptkdev-components/webcomponent-instagram-widget -(function() { class InstagramWidget extends HTMLElement{constructor(){super();const t=document.createElement("template");t.innerHTML='
      \n\t
      \n\t\t
      \n\t\t\t
        \n\t\t
        \n\t
        \n
        ',this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.json=null,this.options_default={username:"@ptkdev","items-limit":"9","image-width":"100%","image-height":"100%",grid:"responsive",cache:"enabled","border-spacing":"2px","border-corners":"5","force-square":"yes"},this.options=Object.create(this.options_default)}build_html(){let t=this.json.graphql.user.edge_owner_to_timeline_media.edges,e=[];for(let i=0;i${e[t].caption.substring(0,100).replace(/`;if(this.shadowRoot.querySelector(".instagram-widget-photos").innerHTML=i,""!==this.options.grid&&null!==this.options.grid&&"responsive"!==this.options.grid){let t=this.options.grid.split("x"),e=100/parseInt(t[0]),i=this.shadowRoot.querySelectorAll(".instagram-widget-photos img");for(let s=0;s#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}
        \n\t
        \n\t\t
        \n\t\t\t
          \n\t\t
          \n\t
          \n
          ',this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.json=null,this.options_default={username:"@ptkdev","items-limit":"9","image-width":"100%","image-height":"100%",grid:"responsive",cache:"enabled","border-spacing":"2px","border-corners":"5","force-square":"yes"},this.options=Object.create(this.options_default)}build_html(){let t=this.json.graphql.user.edge_owner_to_timeline_media.edges,e=[];for(let i=0;i${e[t].caption.substring(0,100).replace(/`;if(this.shadowRoot.querySelector(".instagram-widget-photos").innerHTML=i,""!==this.options.grid&&null!==this.options.grid&&"responsive"!==this.options.grid){let t=this.options.grid.split("x"),e=100/parseInt(t[0]),i=this.shadowRoot.querySelectorAll(".instagram-widget-photos img");for(let s=0;s // https://github.com/ptkdev-components/webcomponent-instagram-widget -(function() { class InstagramWidget extends HTMLElement{constructor(){super();const t=document.createElement("template");t.innerHTML='
          \n\t
          \n\t\t
          \n\t\t\t
            \n\t\t
            \n\t
            \n
            ',this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.json=null,this.options_default={username:"@ptkdev","items-limit":"9","image-width":"100%","image-height":"100%",grid:"responsive",cache:"enabled","border-spacing":"2px","border-corners":"5","force-square":"yes"},this.options=Object.create(this.options_default)}build_html(){let t=this.json.graphql.user.edge_owner_to_timeline_media.edges,e=[];for(let i=0;i${e[t].caption.substring(0,100).replace(/`;if(this.shadowRoot.querySelector(".instagram-widget-photos").innerHTML=i,""!==this.options.grid&&null!==this.options.grid&&"responsive"!==this.options.grid){let t=this.options.grid.split("x"),e=100/parseInt(t[0]),i=this.shadowRoot.querySelectorAll(".instagram-widget-photos img");for(let s=0;s#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}
            \n\t
            \n\t\t
            \n\t\t\t
              \n\t\t
              \n\t
              \n
              ',this.attachShadow({mode:"open"}),this.shadowRoot.appendChild(t.content.cloneNode(!0)),this.json=null,this.options_default={username:"@ptkdev","items-limit":"9","image-width":"100%","image-height":"100%",grid:"responsive",cache:"enabled","border-spacing":"2px","border-corners":"5","force-square":"yes"},this.options=Object.create(this.options_default)}build_html(){let t=this.json.graphql.user.edge_owner_to_timeline_media.edges,e=[];for(let i=0;i${e[t].caption.substring(0,100).replace(/`;if(this.shadowRoot.querySelector(".instagram-widget-photos").innerHTML=i,""!==this.options.grid&&null!==this.options.grid&&"responsive"!==this.options.grid){let t=this.options.grid.split("x"),e=100/parseInt(t[0]),i=this.shadowRoot.querySelectorAll(".instagram-widget-photos img");for(let s=0;s