lm-web-controls 1.2.51 → 1.2.53

package/dist/_virtual/_tslib.js

@@ -1 +1 @@
-var r=function(){return r=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},r.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;export{r as __assign};
+var t=function(){return t=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},t.apply(this,arguments)};function e(t,e,r,n){return new(r||(r=Promise))((function(o,a){function c(t){try{u(n.next(t))}catch(t){a(t)}}function l(t){try{u(n.throw(t))}catch(t){a(t)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(c,l)}u((n=n.apply(t,e||[])).next())}))}function r(t,e){var r,n,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},c=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return c.next=l(0),c.throw=l(1),c.return=l(2),"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;c&&(c=0,l[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,n=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(6===l[0]&&a.label<o[1]){a.label=o[1],o=l;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(l);break}o[2]&&a.ops.pop(),a.trys.pop();continue}l=e.call(t,a)}catch(t){l=[6,t],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function n(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;export{t as __assign,e as __awaiter,r as __generator,n as __spreadArray};

package/dist/controls/blogList/index.js

@@ -1,2 +1,2 @@
 "use client";
-import e,{useState as t,useEffect as a}from"react";import n from"moment";function i(i){var o=i.blogs,l=i.icon,c=i.title,r=i.nestedUrl,m=t(""),d=m[0],s=m[1],g=t("grid"),u=g[0],v=g[1];return a((function(){"undefined"!=typeof window&&s(window.location.origin)}),[]),a((function(){if(d){var e=o.map((function(e){return function(e){var t,a;return{"@context":"https://schema.org","@type":"Article",headline:e.title,image:[e.featuredImage],author:{"@type":"Person",name:(null===(t=e.author)||void 0===t?void 0:t.name)||"Admin"},datePublished:n(e.publishedOn).toISOString(),dateModified:n(e.publishedOn).toISOString(),mainEntityOfPage:{"@type":"WebPage","@id":"".concat(d).concat(r?"/".concat(r):"","/post/").concat(e.slug)},publisher:{"@type":"Organization",name:(null===(a=e.author)||void 0===a?void 0:a.name)||"Admin"},description:e.previewContent}}(e)})),t=document.getElementById("blog-json-ld-schema");t&&document.head.removeChild(t);var a=document.createElement("script");return a.type="application/ld+json",a.id="blog-json-ld-schema",a.innerHTML=JSON.stringify(e),document.head.appendChild(a),function(){document.head.contains(a)&&document.head.removeChild(a)}}}),[d,o]),e.createElement("section",{className:"blog-list-main-container"},e.createElement("div",{className:"blog-list-top-container"},c&&e.createElement("h2",{className:"blog-list-main-title"},c),e.createElement("div",{className:"blog-list-icons-container"},l.grid&&e.createElement("div",{className:"blog-list-icon ".concat("grid"===u?"active":""),onClick:function(){return v("grid")},title:"Grid View"},l.grid),l.list&&e.createElement("div",{className:"blog-list-icon ".concat("list"===u?"active":""),onClick:function(){return v("list")},title:"List View"},l.list))),e.createElement("div",{className:"".concat("grid"===u?"blogs-grid-view":"blogs-list-view")},o.map((function(t){var a,i,o;return e.createElement("div",{key:t.slug,className:"".concat("grid"===u?"blog-item-grid":"blog-item-list")},e.createElement("a",{href:"".concat(r?"/".concat(r):"","/post/").concat(t.slug)},e.createElement("img",{src:t.featuredImage,alt:t.title,className:"".concat("grid"===u?"blog-item-grid-image":"blog-item-list-image")})),e.createElement("div",{className:"blog-details"},e.createElement("a",{href:"".concat(r?"/".concat(r):"","/post/").concat(t.slug)},e.createElement("h3",{className:"blog-item-title"},t.title)),e.createElement("div",{className:"blog-item-avatar-main-container"},e.createElement("div",{className:"blog-item-avatar"},(null===(a=t.author)||void 0===a?void 0:a.name)?null===(i=t.author)||void 0===i?void 0:i.name[0]:""),e.createElement("div",{className:"blog-item-author-container"},e.createElement("h3",{className:"blog-item-author-name"},(null===(o=t.author)||void 0===o?void 0:o.name)||""),e.createElement("div",{className:"blog-item-date-read"},"On ".concat(n(t.publishedOn).format("ddd, MMM DD, YYYY"),",  ").concat(t.readTime?"".concat(t.readTime," Min read"):"3 Min read")))),e.createElement("p",{className:"blog-item-preview-content"},t.previewContent),e.createElement("a",{className:"blog-item-read-more-container",href:"".concat(r?"/".concat(r):"","/post/").concat(t.slug)},e.createElement("p",null,"Read More"),l.link?l.link:null)))}))))}export{i as BlogList};
+import{__awaiter as e,__generator as t,__spreadArray as n}from"../../_virtual/_tslib.js";import a,{useState as i,useRef as o,useEffect as r}from"react";import c from"moment";function l(l){var s=this,m=l.data,d=l.icon,u=l.title,g=l.nestedUrl,v=l.fetchMore,h=m.items,b=m.pagingInfo,f=i(""),p=f[0],E=f[1],N=i("grid"),w=N[0],y=N[1],I=i(h),M=I[0],O=I[1],P=i(b),k=P[0],x=P[1],C=i(!1),Y=C[0],B=C[1],S=i(0),j=S[0],A=S[1],D=o(null),L=i(!1),T=L[0],G=L[1];function V(){return e(this,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return!k.hasNextPage||Y?[2]:(B(!0),[4,v(k.currentPage+1)]);case 1:return e=t.sent(),O((function(t){return n(n([],t,!0),e.items,!0)})),x(e.pagingInfo),B(!1),[2]}}))}))}return r((function(){var a=navigator.userAgent;["Googlebot","Bingbot","Yahoo","DuckDuckBot","Baiduspider","YandexBot"].some((function(e){return a.includes(e)}))&&(G(!0),e(s,void 0,void 0,(function(){var e,a,i;return t(this,(function(t){switch(t.label){case 0:e=k.currentPage,a=n([],h,!0),t.label=1;case 1:return k.hasNextPage?[4,v(e+1)]:[3,3];case 2:return i=t.sent(),a=n(n([],a,!0),i.items,!0),e++,i.pagingInfo.hasNextPage?[3,1]:[3,3];case 3:return O(a),[2]}}))})))}),[]),r((function(){"undefined"!=typeof window&&E(window.location.origin)}),[]),r((function(){if(p){var e=M.map((function(e){var t,n;return{"@context":"https://schema.org","@type":"Article",headline:e.title,image:[e.featuredImage],author:{"@type":"Person",name:(null===(t=e.author)||void 0===t?void 0:t.name)||"Admin"},datePublished:c(e.publishedOn).toISOString(),dateModified:c(e.publishedOn).toISOString(),mainEntityOfPage:{"@type":"WebPage","@id":"".concat(p).concat(g?"/".concat(g):"","/post/").concat(e.slug)},publisher:{"@type":"Organization",name:(null===(n=e.author)||void 0===n?void 0:n.name)||"Admin"},description:e.previewContent}}));if(!T){var t=document.getElementById("blog-json-ld-schema");t&&document.head.removeChild(t);var n=document.createElement("script");return n.type="application/ld+json",n.id="blog-json-ld-schema",n.innerHTML=JSON.stringify(e),document.head.appendChild(n),function(){document.head.contains(n)&&document.head.removeChild(n)}}}}),[p,h,T]),r((function(){if(D.current&&!(j>=2)){var e=new IntersectionObserver((function(e){e[0].isIntersecting&&j<2&&(A((function(e){return e+1})),V())}),{threshold:1});return e.observe(D.current),function(){return e.disconnect()}}}),[k,j]),a.createElement("section",{className:"blog-list-main-container"},a.createElement("div",{className:"blog-list-top-container"},u&&a.createElement("h2",{className:"blog-list-main-title"},u),a.createElement("div",{className:"blog-list-icons-container"},d.grid&&a.createElement("div",{className:"blog-list-icon ".concat("grid"===w?"active":""),onClick:function(){return y("grid")},title:"Grid View"},d.grid),d.list&&a.createElement("div",{className:"blog-list-icon ".concat("list"===w?"active":""),onClick:function(){return y("list")},title:"List View"},d.list))),a.createElement("div",{className:"".concat("grid"===w?"blogs-grid-view":"blogs-list-view")},M.map((function(e,t){var n,i,o;return a.createElement("div",{key:e.slug,className:"".concat("grid"===w?"blog-item-grid":"blog-item-list")},a.createElement("a",{href:"".concat(g?"/".concat(g):"","/post/").concat(e.slug)},a.createElement("img",{src:e.featuredImage,alt:e.title,className:"".concat("grid"===w?"blog-item-grid-image":"blog-item-list-image")})),a.createElement("div",{className:"blog-details"},a.createElement("a",{href:"".concat(g?"/".concat(g):"","/post/").concat(e.slug)},a.createElement("h3",{className:"blog-item-title"},e.title)),a.createElement("div",{className:"blog-item-avatar-main-container"},a.createElement("div",{className:"blog-item-avatar"},(null===(n=e.author)||void 0===n?void 0:n.name)?null===(i=e.author)||void 0===i?void 0:i.name[0]:""),a.createElement("div",{className:"blog-item-author-container"},a.createElement("h3",{className:"blog-item-author-name"},(null===(o=e.author)||void 0===o?void 0:o.name)||""),a.createElement("div",{className:"blog-item-date-read"},"On ".concat(c(e.publishedOn).format("ddd, MMM DD, YYYY"),",  ").concat(e.readTime?"".concat(e.readTime," Min read"):"3 Min read")))),a.createElement("p",{className:"blog-item-preview-content"},e.previewContent),a.createElement("a",{className:"blog-item-read-more-container",href:"".concat(g?"/".concat(g):"","/post/").concat(e.slug)},a.createElement("p",null,"Read More"),d.link?d.link:null)))}))),k.hasNextPage&&j>=2&&a.createElement("div",{className:"blog-list-load-more-container"},a.createElement("button",{onClick:V,className:"blog-list-load-more-button"},Y?"Loading...":"Load More")),j<2&&a.createElement("div",{ref:D,style:{height:"1px",visibility:"hidden"}}))}export{l as BlogList};

package/dist/index.css

@@ -1 +1 @@
-.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.read-more-container{align-items:center;display:flex;gap:10px}.post-main-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.post-image-container{height:100%;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.5rem}.input-container{display:flex;flex-direction:column;width:100%}.modal-form-input{height:3rem;padding:1.5rem;transition:all;transition-duration:.3s;width:100%}.modal-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center}.modal-form-submit-button{border-radius:5px;font-size:15px;font-weight:500;padding:14px 28px;width:100%}.exit-intent-modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.exit-intent-modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.exit-intent-modal-close-button{position:absolute;right:.75rem;top:.75rem}
+.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.read-more-container{align-items:center;display:flex;gap:10px}.post-main-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.post-image-container{height:100%;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}.blog-list-load-more-container{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.5rem}.input-container{display:flex;flex-direction:column;width:100%}.modal-form-input{height:3rem;padding:1.5rem;transition:all;transition-duration:.3s;width:100%}.modal-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center}.modal-form-submit-button{border-radius:5px;font-size:15px;font-weight:500;padding:14px 28px;width:100%}.exit-intent-modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.exit-intent-modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.exit-intent-modal-close-button{position:absolute;right:.75rem;top:.75rem}

package/dist/styles/style.css

@@ -1 +1 @@
-.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.read-more-container{align-items:center;display:flex;gap:10px}.post-main-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.post-image-container{height:100%;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.5rem}.input-container{display:flex;flex-direction:column;width:100%}.modal-form-input{height:3rem;padding:1.5rem;transition:all;transition-duration:.3s;width:100%}.modal-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center}.modal-form-submit-button{border-radius:5px;font-size:15px;font-weight:500;padding:14px 28px;width:100%}.exit-intent-modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.exit-intent-modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.exit-intent-modal-close-button{position:absolute;right:.75rem;top:.75rem}
+.lm-slider{width:100%}.lm-back-to-top{align-items:center;display:flex;justify-content:center;position:fixed;transition-duration:.2s}.lm-back-to-top-svg{width:50%}.lm-hide-scroll-btn{transform:translateY(6rem)}.left-margin-xs{margin-left:5px}.reading-progress-bar-container{background-color:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{height:100%;transform-origin:left;transition:width .2s ease-out}.faq-items{margin-top:1.5rem;width:100%}.faq-item{cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease}.faq-question-container{align-items:center;display:flex;justify-content:space-between}.faq-icon{height:24px;transition:transform .3s ease;width:24px}.rotate{transform:rotate(45deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.faq-answer.open{max-height:360px;opacity:1}.skeleton-container{display:flex;flex-direction:column;gap:.5rem;width:100%}.skeleton{background-color:#e1e2e6;border-radius:.375rem;min-height:80px;overflow:hidden;position:relative;width:100%;&:after{animation:wave 1.5s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}@keyframes wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.featured-blog-main-container{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.featured-blog-image-container{height:100%;position:relative;width:100%}.featured-blog-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.featured-blog-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.featured-blog-data-container{display:flex;flex-direction:column;gap:1rem;width:100%}.featured-blog-avatar-main-container{align-items:center;display:flex;gap:1rem}.featured-blog-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.featured-blog-author-container{display:flex;flex-direction:column;gap:8px}.read-more-container{align-items:center;display:flex;gap:10px}.post-main-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}.post-image-container{height:100%;position:relative;width:100%}.post-image{height:100%;max-height:380px;object-fit:cover;object-position:center;width:100%}.post-category{background-color:#fff;bottom:2rem;color:#000;font-size:16px;padding:12px 24px;position:absolute;right:2rem}.post-avatar-main-container{align-items:center;display:flex;gap:1rem}.post-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.post-author-container{display:flex;flex-direction:column;gap:8px}.related-posts-main-container{gap:1.5rem}.related-posts,.related-posts-main-container{display:flex;flex-direction:column;width:100%}.related-posts{gap:10px}.related-post-item{align-items:center;display:flex;gap:1rem}.related-post-item-image{object-fit:cover;object-position:center}@media (max-width:768px){.featured-blog-main-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.blog-list-main-container{display:flex;flex-direction:column;width:100%}.blog-list-top-container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.blog-list-icons-container{align-items:center;display:flex;gap:8px}.blog-list-icon{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease-in-out}.blog-list-icon.active{background-color:#f0f4f8;border-color:#386bb7}.blogs-grid-view{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.blogs-list-view{gap:1rem;width:100%}.blog-item-grid,.blogs-list-view{display:flex;flex-direction:column}.blog-item-list{display:flex;flex-direction:row;gap:1.5rem}.blog-item-grid-image,.blog-item-list-image{height:100%;max-height:350px;object-fit:cover;object-position:center;width:100%}.blog-details{display:flex;flex-direction:column}.blog-item-avatar-main-container{align-items:center;display:flex;gap:1rem}.blog-item-avatar{align-items:center;background-color:#000;border-radius:100%;color:#fff;display:flex;font-size:18px;font-weight:600;height:35px;justify-content:center;min-width:35px;width:35px}.blog-item-author-container{display:flex;flex-direction:column;gap:8px}.blog-item-read-more-container{align-items:center;display:flex;gap:10px}.blog-list-load-more-container{align-items:center;display:flex;justify-content:center;width:100%}@media (max-width:1024px){.blogs-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.blogs-grid-view{grid-template-columns:repeat(1,minmax(0,1fr))}.blog-item-list{flex-direction:column}}.modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.modal-close-button{position:absolute;right:.75rem;top:.75rem}.modal-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-form-container,.modal-form-wrapper{display:flex;flex-direction:column;width:100%}.modal-form-container{gap:.5rem}.input-container{display:flex;flex-direction:column;width:100%}.modal-form-input{height:3rem;padding:1.5rem;transition:all;transition-duration:.3s;width:100%}.modal-form-error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.modal-form-button-container{align-items:center;display:flex;justify-content:center}.modal-form-submit-button{border-radius:5px;font-size:15px;font-weight:500;padding:14px 28px;width:100%}.exit-intent-modal-wrapper{align-items:center;background-color:#00000095;display:flex;inset:0;justify-content:center;left:0;position:fixed;top:0;z-index:9999}.exit-intent-modal-container{align-items:center;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);display:flex;flex-direction:column;max-width:26rem;padding:1rem 2rem;position:relative;width:90%}.exit-intent-modal-close-button{position:absolute;right:.75rem;top:.75rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lm-web-controls",
-  "version": "1.2.51",
+  "version": "1.2.53",
   "description": "leadmetrics-lm-web-controls",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/types/lm-web-controls.d.ts

@@ -58,9 +58,21 @@ declare module "lm-web-controls" {
     isMinimal?: boolean;
   };
 
+  type PagingInfo = {
+    currentPage: number;
+    itemsPerPage: number;
+    hasNextPage: boolean;
+    totalItems: number;
+  };
+
+  type SearchResult<T> = {
+    items: T[];
+    pagingInfo: PagingInfo;
+  };
+
   type PostModel = {
     slug: string;
-    isFeatured: boolean;
+    isblog: boolean;
     isActive: boolean;
     category: string;
     categoryInfo: {
@@ -134,7 +146,7 @@ declare module "lm-web-controls" {
   };
 
   type BlogListProps = {
-    blogs: PostModel[];
+    data: SearchResult<PostModel>;
     icon?: {
       grid?: ReactNode;
       list?: ReactNode;
@@ -142,6 +154,7 @@ declare module "lm-web-controls" {
     };
     title?: string;
     nestedUrl?: string;
+    fetchMore: (currentPage: number) => Promise<SearchResult<PostModel>>;
   };
 
   type RelatedPostProps = {