diff --git a/README.md b/README.md index 69b914f..558192b 100644 --- a/README.md +++ b/README.md @@ -49,25 +49,18 @@ For full documentation of the Preline options, visit Discuss Preline UI on GitHub +For help, discussion about best practices, or any other conversation that would benefit from being searchable use [GitHub Discussions](https://github.com/htmlstreamofficial/preline/discussions) ## License -Preline UI is Open Source project and licensed under MIT for better Web. +Preline UI is Open Source project and licensed under [MIT](https://preline.co/docs/license.html). -Learn more here. +Preline UI Figma is free for both commercial and personal projects, learn more [here](https://preline.co/license.html). + +All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Preline UI, nor vice versa. ## A product of Htmlstream -Preline Ui is built by the team that has customers in the background such us Stanford University, The University of Maryland, University of Victoria and many more Governments, Corporate Agencies. - -Our soical network profiles: +Preline UI is built and maintend by [Htmlstream](https://htmlstream.com) team. Over the last decade at Htmlstream, our journey has involved crafting UI Components and Templates. This process has allowed us to understand and explore a range of strategies for developing versatile UI designs that can adapt to a variety of needs. - +Share about Preline on [Twitter](https://twitter.com/prelineUI) and keep an eye on [Dribbble](https://dribbble.com/Htmlstream) for teasers of our upcoming UIs. diff --git a/dist/components/hs-tooltip/hs-tooltip.js b/dist/components/hs-tooltip/hs-tooltip.js index e1c64b2..9da0614 100644 --- a/dist/components/hs-tooltip/hs-tooltip.js +++ b/dist/components/hs-tooltip/hs-tooltip.js @@ -1,2 +1,2 @@ /*! For license information please see hs-tooltip.js.LICENSE.txt */ -!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,(function(){return(()=>{"use strict";var e={765:(e,t,n)=>{function o(e,t){for(var n=0;nr});var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.$collection=[],this.selector=t,this.config=n,this.events={}}var t,n;return t=e,n=[{key:"_fireEvent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.events.hasOwnProperty(e)&&this.events[e](t)}},{key:"_dispatch",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=new CustomEvent(e,{detail:{payload:n},bubbles:!0,cancelable:!0,composed:!1});t.dispatchEvent(o)}},{key:"on",value:function(e,t){this.events[e]=t}},{key:"afterTransition",value:function(e,t){"all 0s ease 0s"!==window.getComputedStyle(e,null).getPropertyValue("transition")?e.addEventListener("transitionend",(function n(){t(),e.removeEventListener("transitionend",n,!0)}),!0):t()}},{key:"getClassProperty",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=(window.getComputedStyle(e).getPropertyValue(t)||n).replace(" ","");return o}}],n&&o(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}()},714:(e,t,n)=>{function o(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function r(e){return e instanceof o(e).Element||e instanceof Element}function i(e){return e instanceof o(e).HTMLElement||e instanceof HTMLElement}function a(e){return"undefined"!=typeof ShadowRoot&&(e instanceof o(e).ShadowRoot||e instanceof ShadowRoot)}n.d(t,{fi:()=>fe});var s=Math.max,f=Math.min,c=Math.round;function u(e,t){void 0===t&&(t=!1);var n=e.getBoundingClientRect(),o=1,r=1;if(i(e)&&t){var a=e.offsetHeight,s=e.offsetWidth;s>0&&(o=c(n.width)/s||1),a>0&&(r=c(n.height)/a||1)}return{width:n.width/o,height:n.height/r,top:n.top/r,right:n.right/o,bottom:n.bottom/r,left:n.left/o,x:n.left/o,y:n.top/r}}function l(e){var t=o(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function p(e){return e?(e.nodeName||"").toLowerCase():null}function d(e){return((r(e)?e.ownerDocument:e.document)||window.document).documentElement}function h(e){return u(d(e)).left+l(e).scrollLeft}function v(e){return o(e).getComputedStyle(e)}function m(e){var t=v(e),n=t.overflow,o=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+o)}function y(e,t,n){void 0===n&&(n=!1);var r,a,s=i(t),f=i(t)&&function(e){var t=e.getBoundingClientRect(),n=c(t.width)/e.offsetWidth||1,o=c(t.height)/e.offsetHeight||1;return 1!==n||1!==o}(t),v=d(t),y=u(e,f),g={scrollLeft:0,scrollTop:0},b={x:0,y:0};return(s||!s&&!n)&&(("body"!==p(t)||m(v))&&(g=(r=t)!==o(r)&&i(r)?{scrollLeft:(a=r).scrollLeft,scrollTop:a.scrollTop}:l(r)),i(t)?((b=u(t,!0)).x+=t.clientLeft,b.y+=t.clientTop):v&&(b.x=h(v))),{x:y.left+g.scrollLeft-b.x,y:y.top+g.scrollTop-b.y,width:y.width,height:y.height}}function g(e){var t=u(e),n=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:o}}function b(e){return"html"===p(e)?e:e.assignedSlot||e.parentNode||(a(e)?e.host:null)||d(e)}function w(e){return["html","body","#document"].indexOf(p(e))>=0?e.ownerDocument.body:i(e)&&m(e)?e:w(b(e))}function x(e,t){var n;void 0===t&&(t=[]);var r=w(e),i=r===(null==(n=e.ownerDocument)?void 0:n.body),a=o(r),s=i?[a].concat(a.visualViewport||[],m(r)?r:[]):r,f=t.concat(s);return i?f:f.concat(x(b(s)))}function O(e){return["table","td","th"].indexOf(p(e))>=0}function E(e){return i(e)&&"fixed"!==v(e).position?e.offsetParent:null}function j(e){for(var t=o(e),n=E(e);n&&O(n)&&"static"===v(n).position;)n=E(n);return n&&("html"===p(n)||"body"===p(n)&&"static"===v(n).position)?t:n||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&i(e)&&"fixed"===v(e).position)return null;for(var n=b(e);i(n)&&["html","body"].indexOf(p(n))<0;){var o=v(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(e)||t}var P="top",L="bottom",k="right",S="left",D="auto",A=[P,L,k,S],C="start",T="end",_="viewport",M="popper",R=A.reduce((function(e,t){return e.concat([t+"-"+C,t+"-"+T])}),[]),B=[].concat(A,[D]).reduce((function(e,t){return e.concat([t,t+"-"+C,t+"-"+T])}),[]),W=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function q(e){var t=new Map,n=new Set,o=[];function r(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var o=t.get(e);o&&r(o)}})),o.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||r(e)})),o}var H={placement:"bottom",modifiers:[],strategy:"absolute"};function V(){for(var e=arguments.length,t=new Array(e),n=0;n=0?"x":"y"}function X(e){var t,n=e.reference,o=e.element,r=e.placement,i=r?F(r):null,a=r?U(r):null,s=n.x+n.width/2-o.width/2,f=n.y+n.height/2-o.height/2;switch(i){case P:t={x:s,y:n.y-o.height};break;case L:t={x:s,y:n.y+n.height};break;case k:t={x:n.x+n.width,y:f};break;case S:t={x:n.x-o.width,y:f};break;default:t={x:n.x,y:n.y}}var c=i?z(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case C:t[c]=t[c]-(n[u]/2-o[u]/2);break;case T:t[c]=t[c]+(n[u]/2-o[u]/2)}}return t}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Z(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,s=e.offsets,f=e.position,u=e.gpuAcceleration,l=e.adaptive,p=e.roundOffsets,h=e.isFixed,m=s.x,y=void 0===m?0:m,g=s.y,b=void 0===g?0:g,w="function"==typeof p?p({x:y,y:b}):{x:y,y:b};y=w.x,b=w.y;var x=s.hasOwnProperty("x"),O=s.hasOwnProperty("y"),E=S,D=P,A=window;if(l){var C=j(n),_="clientHeight",M="clientWidth";C===o(n)&&"static"!==v(C=d(n)).position&&"absolute"===f&&(_="scrollHeight",M="scrollWidth"),C=C,(i===P||(i===S||i===k)&&a===T)&&(D=L,b-=(h&&A.visualViewport?A.visualViewport.height:C[_])-r.height,b*=u?1:-1),i!==S&&(i!==P&&i!==L||a!==T)||(E=k,y-=(h&&A.visualViewport?A.visualViewport.width:C[M])-r.width,y*=u?1:-1)}var R,B=Object.assign({position:f},l&&Y),W=!0===p?function(e){var t=e.x,n=e.y,o=window.devicePixelRatio||1;return{x:c(t*o)/o||0,y:c(n*o)/o||0}}({x:y,y:b}):{x:y,y:b};return y=W.x,b=W.y,u?Object.assign({},B,((R={})[D]=O?"0":"",R[E]=x?"0":"",R.transform=(A.devicePixelRatio||1)<=1?"translate("+y+"px, "+b+"px)":"translate3d("+y+"px, "+b+"px, 0)",R)):Object.assign({},B,((t={})[D]=O?b+"px":"",t[E]=x?y+"px":"",t.transform="",t))}var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,(function(e){return $[e]}))}var J={start:"end",end:"start"};function K(e){return e.replace(/start|end/g,(function(e){return J[e]}))}function Q(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&a(n)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function ee(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function te(e,t){return t===_?ee(function(e){var t=o(e),n=d(e),r=t.visualViewport,i=n.clientWidth,a=n.clientHeight,s=0,f=0;return r&&(i=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=r.offsetLeft,f=r.offsetTop)),{width:i,height:a,x:s+h(e),y:f}}(e)):r(t)?function(e){var t=u(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):ee(function(e){var t,n=d(e),o=l(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=s(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=s(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+h(e),c=-o.scrollTop;return"rtl"===v(r||n).direction&&(f+=s(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:c}}(d(e)))}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,n){return t[n]=e,t}),{})}function re(e,t){void 0===t&&(t={});var n=t,o=n.placement,a=void 0===o?e.placement:o,c=n.boundary,l=void 0===c?"clippingParents":c,h=n.rootBoundary,m=void 0===h?_:h,y=n.elementContext,g=void 0===y?M:y,w=n.altBoundary,O=void 0!==w&&w,E=n.padding,S=void 0===E?0:E,D=ne("number"!=typeof S?S:oe(S,A)),C=g===M?"reference":M,T=e.rects.popper,R=e.elements[O?C:g],B=function(e,t,n){var o="clippingParents"===t?function(e){var t=x(b(e)),n=["absolute","fixed"].indexOf(v(e).position)>=0&&i(e)?j(e):e;return r(n)?t.filter((function(e){return r(e)&&Q(e,n)&&"body"!==p(e)})):[]}(e):[].concat(t),a=[].concat(o,[n]),c=a[0],u=a.reduce((function(t,n){var o=te(e,n);return t.top=s(o.top,t.top),t.right=f(o.right,t.right),t.bottom=f(o.bottom,t.bottom),t.left=s(o.left,t.left),t}),te(e,c));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(r(R)?R:R.contextElement||d(e.elements.popper),l,m),W=u(e.elements.reference),q=X({reference:W,element:T,strategy:"absolute",placement:a}),H=ee(Object.assign({},T,q)),V=g===M?H:W,N={top:B.top-V.top+D.top,bottom:V.bottom-B.bottom+D.bottom,left:B.left-V.left+D.left,right:V.right-B.right+D.right},I=e.modifiersData.offset;if(g===M&&I){var F=I[a];Object.keys(N).forEach((function(e){var t=[k,L].indexOf(e)>=0?1:-1,n=[P,L].indexOf(e)>=0?"y":"x";N[e]+=F[n]*t}))}return N}function ie(e,t,n){return s(e,f(t,n))}function ae(e,t,n){return void 0===n&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function se(e){return[P,k,L,S].some((function(t){return e[t]>=0}))}var fe=N({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=void 0===i||i,s=r.resize,f=void 0===s||s,c=o(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&u.forEach((function(e){e.addEventListener("scroll",n.update,I)})),f&&c.addEventListener("resize",n.update,I),function(){a&&u.forEach((function(e){e.removeEventListener("scroll",n.update,I)})),f&&c.removeEventListener("resize",n.update,I)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,n=e.name;t.modifiersData[n]=X({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=e.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,f=void 0===s||s,c={placement:F(t.placement),variation:U(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Z(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:f})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Z(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},o=t.attributes[e]||{},r=t.elements[e];i(r)&&p(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(e){var t=o[e];!1===t?r.removeAttribute(e):r.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],r=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce((function(e,t){return e[t]="",e}),{});i(o)&&p(o)&&(Object.assign(o.style,a),Object.keys(r).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,n=e.options,o=e.name,r=n.offset,i=void 0===r?[0,0]:r,a=B.reduce((function(e,n){return e[n]=function(e,t,n){var o=F(e),r=[S,P].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},t,{placement:e})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[S,k].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,t.rects,i),e}),{}),s=a[t.placement],f=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=f,t.modifiersData.popperOffsets.y+=c),t.modifiersData[o]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0===a||a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,l=n.rootBoundary,p=n.altBoundary,d=n.flipVariations,h=void 0===d||d,v=n.allowedAutoPlacements,m=t.options.placement,y=F(m),g=f||(y!==m&&h?function(e){if(F(e)===D)return[];var t=G(e);return[K(e),t,K(t)]}(m):[G(m)]),b=[m].concat(g).reduce((function(e,n){return e.concat(F(n)===D?function(e,t){void 0===t&&(t={});var n=t,o=n.placement,r=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=void 0===f?B:f,u=U(o),l=u?s?R:R.filter((function(e){return U(e)===u})):A,p=l.filter((function(e){return c.indexOf(e)>=0}));0===p.length&&(p=l);var d=p.reduce((function(t,n){return t[n]=re(e,{placement:n,boundary:r,rootBoundary:i,padding:a})[F(n)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}(t,{placement:n,boundary:u,rootBoundary:l,padding:c,flipVariations:h,allowedAutoPlacements:v}):n)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,E=!0,j=b[0],T=0;T=0,H=q?"width":"height",V=re(t,{placement:_,boundary:u,rootBoundary:l,altBoundary:p,padding:c}),N=q?W?k:S:W?L:P;w[H]>x[H]&&(N=G(N));var I=G(N),z=[];if(i&&z.push(V[M]<=0),s&&z.push(V[N]<=0,V[I]<=0),z.every((function(e){return e}))){j=_,E=!1;break}O.set(_,z)}if(E)for(var X=function(e){var t=b.find((function(t){var n=O.get(t);if(n)return n.slice(0,e).every((function(e){return e}))}));if(t)return j=t,"break"},Y=h?3:1;Y>0&&"break"!==X(Y);Y--);t.placement!==j&&(t.modifiersData[o]._skip=!0,t.placement=j,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,o=e.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,c=void 0!==a&&a,u=n.boundary,l=n.rootBoundary,p=n.altBoundary,d=n.padding,h=n.tether,v=void 0===h||h,m=n.tetherOffset,y=void 0===m?0:m,b=re(t,{boundary:u,rootBoundary:l,padding:d,altBoundary:p}),w=F(t.placement),x=U(t.placement),O=!x,E=z(w),D="x"===E?"y":"x",A=t.modifiersData.popperOffsets,T=t.rects.reference,_=t.rects.popper,M="function"==typeof y?y(Object.assign({},t.rects,{placement:t.placement})):y,R="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),B=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,W={x:0,y:0};if(A){if(i){var q,H="y"===E?P:S,V="y"===E?L:k,N="y"===E?"height":"width",I=A[E],X=I+b[H],Y=I-b[V],Z=v?-_[N]/2:0,$=x===C?T[N]:_[N],G=x===C?-_[N]:-T[N],J=t.elements.arrow,K=v&&J?g(J):{width:0,height:0},Q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},ee=Q[H],te=Q[V],ne=ie(0,T[N],K[N]),oe=O?T[N]/2-Z-ne-ee-R.mainAxis:$-ne-ee-R.mainAxis,ae=O?-T[N]/2+Z+ne+te+R.mainAxis:G+ne+te+R.mainAxis,se=t.elements.arrow&&j(t.elements.arrow),fe=se?"y"===E?se.clientTop||0:se.clientLeft||0:0,ce=null!=(q=null==B?void 0:B[E])?q:0,ue=I+ae-ce,le=ie(v?f(X,I+oe-ce-fe):X,I,v?s(Y,ue):Y);A[E]=le,W[E]=le-I}if(c){var pe,de="x"===E?P:S,he="x"===E?L:k,ve=A[D],me="y"===D?"height":"width",ye=ve+b[de],ge=ve-b[he],be=-1!==[P,S].indexOf(w),we=null!=(pe=null==B?void 0:B[D])?pe:0,xe=be?ye:ve-T[me]-_[me]-we+R.altAxis,Oe=be?ve+T[me]+_[me]-we-R.altAxis:ge,Ee=v&&be?function(e,t,n){var o=ie(e,t,n);return o>n?n:o}(xe,ve,Oe):ie(v?xe:ye,ve,v?Oe:ge);A[D]=Ee,W[D]=Ee-ve}t.modifiersData[o]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n=e.state,o=e.name,r=e.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=F(n.placement),f=z(s),c=[S,k].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,A))}(r.padding,n),l=g(i),p="y"===f?P:S,d="y"===f?L:k,h=n.rects.reference[c]+n.rects.reference[f]-a[f]-n.rects.popper[c],v=a[f]-n.rects.reference[f],m=j(i),y=m?"y"===f?m.clientHeight||0:m.clientWidth||0:0,b=h/2-v/2,w=u[p],x=y-l[c]-u[d],O=y/2-l[c]/2+b,E=ie(w,O,x),D=f;n.modifiersData[o]=((t={})[D]=E,t.centerOffset=E-O,t)}},effect:function(e){var t=e.state,n=e.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&Q(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,n=e.name,o=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,a=re(t,{elementContext:"reference"}),s=re(t,{altBoundary:!0}),f=ae(a,o),c=ae(s,r,i),u=se(f),l=se(c);t.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:l},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":l})}}]})}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,n),i.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o);var e=n(765),t=n(714);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var n=0;n{"use strict";var e={765:(e,t,n)=>{function o(e,t){for(var n=0;nr});var r=function(){function e(t,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.$collection=[],this.selector=t,this.config=n,this.events={}}var t,n;return t=e,n=[{key:"_fireEvent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.events.hasOwnProperty(e)&&this.events[e](t)}},{key:"_dispatch",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,o=new CustomEvent(e,{detail:{payload:n},bubbles:!0,cancelable:!0,composed:!1});t.dispatchEvent(o)}},{key:"on",value:function(e,t){this.events[e]=t}},{key:"afterTransition",value:function(e,t){"all 0s ease 0s"!==window.getComputedStyle(e,null).getPropertyValue("transition")?e.addEventListener("transitionend",(function n(){t(),e.removeEventListener("transitionend",n,!0)}),!0):t()}},{key:"getClassProperty",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",o=(window.getComputedStyle(e).getPropertyValue(t)||n).replace(" ","");return o}}],n&&o(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),e}()},714:(e,t,n)=>{function o(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function r(e){return e instanceof o(e).Element||e instanceof Element}function i(e){return e instanceof o(e).HTMLElement||e instanceof HTMLElement}function a(e){return"undefined"!=typeof ShadowRoot&&(e instanceof o(e).ShadowRoot||e instanceof ShadowRoot)}n.d(t,{fi:()=>fe});var s=Math.max,f=Math.min,c=Math.round;function u(e,t){void 0===t&&(t=!1);var n=e.getBoundingClientRect(),o=1,r=1;if(i(e)&&t){var a=e.offsetHeight,s=e.offsetWidth;s>0&&(o=c(n.width)/s||1),a>0&&(r=c(n.height)/a||1)}return{width:n.width/o,height:n.height/r,top:n.top/r,right:n.right/o,bottom:n.bottom/r,left:n.left/o,x:n.left/o,y:n.top/r}}function l(e){var t=o(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function p(e){return e?(e.nodeName||"").toLowerCase():null}function d(e){return((r(e)?e.ownerDocument:e.document)||window.document).documentElement}function h(e){return u(d(e)).left+l(e).scrollLeft}function v(e){return o(e).getComputedStyle(e)}function m(e){var t=v(e),n=t.overflow,o=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(n+r+o)}function y(e,t,n){void 0===n&&(n=!1);var r,a,s=i(t),f=i(t)&&function(e){var t=e.getBoundingClientRect(),n=c(t.width)/e.offsetWidth||1,o=c(t.height)/e.offsetHeight||1;return 1!==n||1!==o}(t),v=d(t),y=u(e,f),g={scrollLeft:0,scrollTop:0},b={x:0,y:0};return(s||!s&&!n)&&(("body"!==p(t)||m(v))&&(g=(r=t)!==o(r)&&i(r)?{scrollLeft:(a=r).scrollLeft,scrollTop:a.scrollTop}:l(r)),i(t)?((b=u(t,!0)).x+=t.clientLeft,b.y+=t.clientTop):v&&(b.x=h(v))),{x:y.left+g.scrollLeft-b.x,y:y.top+g.scrollTop-b.y,width:y.width,height:y.height}}function g(e){var t=u(e),n=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-n)<=1&&(n=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:n,height:o}}function b(e){return"html"===p(e)?e:e.assignedSlot||e.parentNode||(a(e)?e.host:null)||d(e)}function w(e){return["html","body","#document"].indexOf(p(e))>=0?e.ownerDocument.body:i(e)&&m(e)?e:w(b(e))}function x(e,t){var n;void 0===t&&(t=[]);var r=w(e),i=r===(null==(n=e.ownerDocument)?void 0:n.body),a=o(r),s=i?[a].concat(a.visualViewport||[],m(r)?r:[]):r,f=t.concat(s);return i?f:f.concat(x(b(s)))}function O(e){return["table","td","th"].indexOf(p(e))>=0}function E(e){return i(e)&&"fixed"!==v(e).position?e.offsetParent:null}function j(e){for(var t=o(e),n=E(e);n&&O(n)&&"static"===v(n).position;)n=E(n);return n&&("html"===p(n)||"body"===p(n)&&"static"===v(n).position)?t:n||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&i(e)&&"fixed"===v(e).position)return null;for(var n=b(e);i(n)&&["html","body"].indexOf(p(n))<0;){var o=v(n);if("none"!==o.transform||"none"!==o.perspective||"paint"===o.contain||-1!==["transform","perspective"].indexOf(o.willChange)||t&&"filter"===o.willChange||t&&o.filter&&"none"!==o.filter)return n;n=n.parentNode}return null}(e)||t}var P="top",L="bottom",k="right",S="left",D="auto",T=[P,L,k,S],A="start",C="end",_="viewport",M="popper",R=T.reduce((function(e,t){return e.concat([t+"-"+A,t+"-"+C])}),[]),B=[].concat(T,[D]).reduce((function(e,t){return e.concat([t,t+"-"+A,t+"-"+C])}),[]),W=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function q(e){var t=new Map,n=new Set,o=[];function r(e){n.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!n.has(e)){var o=t.get(e);o&&r(o)}})),o.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){n.has(e.name)||r(e)})),o}var H={placement:"bottom",modifiers:[],strategy:"absolute"};function V(){for(var e=arguments.length,t=new Array(e),n=0;n=0?"x":"y"}function X(e){var t,n=e.reference,o=e.element,r=e.placement,i=r?F(r):null,a=r?U(r):null,s=n.x+n.width/2-o.width/2,f=n.y+n.height/2-o.height/2;switch(i){case P:t={x:s,y:n.y-o.height};break;case L:t={x:s,y:n.y+n.height};break;case k:t={x:n.x+n.width,y:f};break;case S:t={x:n.x-o.width,y:f};break;default:t={x:n.x,y:n.y}}var c=i?z(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case A:t[c]=t[c]-(n[u]/2-o[u]/2);break;case C:t[c]=t[c]+(n[u]/2-o[u]/2)}}return t}var Y={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Z(e){var t,n=e.popper,r=e.popperRect,i=e.placement,a=e.variation,s=e.offsets,f=e.position,u=e.gpuAcceleration,l=e.adaptive,p=e.roundOffsets,h=e.isFixed,m=s.x,y=void 0===m?0:m,g=s.y,b=void 0===g?0:g,w="function"==typeof p?p({x:y,y:b}):{x:y,y:b};y=w.x,b=w.y;var x=s.hasOwnProperty("x"),O=s.hasOwnProperty("y"),E=S,D=P,T=window;if(l){var A=j(n),_="clientHeight",M="clientWidth";A===o(n)&&"static"!==v(A=d(n)).position&&"absolute"===f&&(_="scrollHeight",M="scrollWidth"),A=A,(i===P||(i===S||i===k)&&a===C)&&(D=L,b-=(h&&T.visualViewport?T.visualViewport.height:A[_])-r.height,b*=u?1:-1),i!==S&&(i!==P&&i!==L||a!==C)||(E=k,y-=(h&&T.visualViewport?T.visualViewport.width:A[M])-r.width,y*=u?1:-1)}var R,B=Object.assign({position:f},l&&Y),W=!0===p?function(e){var t=e.x,n=e.y,o=window.devicePixelRatio||1;return{x:c(t*o)/o||0,y:c(n*o)/o||0}}({x:y,y:b}):{x:y,y:b};return y=W.x,b=W.y,u?Object.assign({},B,((R={})[D]=O?"0":"",R[E]=x?"0":"",R.transform=(T.devicePixelRatio||1)<=1?"translate("+y+"px, "+b+"px)":"translate3d("+y+"px, "+b+"px, 0)",R)):Object.assign({},B,((t={})[D]=O?b+"px":"",t[E]=x?y+"px":"",t.transform="",t))}var $={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,(function(e){return $[e]}))}var J={start:"end",end:"start"};function K(e){return e.replace(/start|end/g,(function(e){return J[e]}))}function Q(e,t){var n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&a(n)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function ee(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function te(e,t){return t===_?ee(function(e){var t=o(e),n=d(e),r=t.visualViewport,i=n.clientWidth,a=n.clientHeight,s=0,f=0;return r&&(i=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=r.offsetLeft,f=r.offsetTop)),{width:i,height:a,x:s+h(e),y:f}}(e)):r(t)?function(e){var t=u(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):ee(function(e){var t,n=d(e),o=l(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=s(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=s(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),f=-o.scrollLeft+h(e),c=-o.scrollTop;return"rtl"===v(r||n).direction&&(f+=s(n.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:f,y:c}}(d(e)))}function ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function oe(e,t){return t.reduce((function(t,n){return t[n]=e,t}),{})}function re(e,t){void 0===t&&(t={});var n=t,o=n.placement,a=void 0===o?e.placement:o,c=n.boundary,l=void 0===c?"clippingParents":c,h=n.rootBoundary,m=void 0===h?_:h,y=n.elementContext,g=void 0===y?M:y,w=n.altBoundary,O=void 0!==w&&w,E=n.padding,S=void 0===E?0:E,D=ne("number"!=typeof S?S:oe(S,T)),A=g===M?"reference":M,C=e.rects.popper,R=e.elements[O?A:g],B=function(e,t,n){var o="clippingParents"===t?function(e){var t=x(b(e)),n=["absolute","fixed"].indexOf(v(e).position)>=0&&i(e)?j(e):e;return r(n)?t.filter((function(e){return r(e)&&Q(e,n)&&"body"!==p(e)})):[]}(e):[].concat(t),a=[].concat(o,[n]),c=a[0],u=a.reduce((function(t,n){var o=te(e,n);return t.top=s(o.top,t.top),t.right=f(o.right,t.right),t.bottom=f(o.bottom,t.bottom),t.left=s(o.left,t.left),t}),te(e,c));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(r(R)?R:R.contextElement||d(e.elements.popper),l,m),W=u(e.elements.reference),q=X({reference:W,element:C,strategy:"absolute",placement:a}),H=ee(Object.assign({},C,q)),V=g===M?H:W,N={top:B.top-V.top+D.top,bottom:V.bottom-B.bottom+D.bottom,left:B.left-V.left+D.left,right:V.right-B.right+D.right},I=e.modifiersData.offset;if(g===M&&I){var F=I[a];Object.keys(N).forEach((function(e){var t=[k,L].indexOf(e)>=0?1:-1,n=[P,L].indexOf(e)>=0?"y":"x";N[e]+=F[n]*t}))}return N}function ie(e,t,n){return s(e,f(t,n))}function ae(e,t,n){return void 0===n&&(n={x:0,y:0}),{top:e.top-t.height-n.y,right:e.right-t.width+n.x,bottom:e.bottom-t.height+n.y,left:e.left-t.width-n.x}}function se(e){return[P,k,L,S].some((function(t){return e[t]>=0}))}var fe=N({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,n=e.instance,r=e.options,i=r.scroll,a=void 0===i||i,s=r.resize,f=void 0===s||s,c=o(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&u.forEach((function(e){e.addEventListener("scroll",n.update,I)})),f&&c.addEventListener("resize",n.update,I),function(){a&&u.forEach((function(e){e.removeEventListener("scroll",n.update,I)})),f&&c.removeEventListener("resize",n.update,I)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,n=e.name;t.modifiersData[n]=X({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,n=e.options,o=n.gpuAcceleration,r=void 0===o||o,i=n.adaptive,a=void 0===i||i,s=n.roundOffsets,f=void 0===s||s,c={placement:F(t.placement),variation:U(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,Z(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:f})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,Z(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var n=t.styles[e]||{},o=t.attributes[e]||{},r=t.elements[e];i(r)&&p(r)&&(Object.assign(r.style,n),Object.keys(o).forEach((function(e){var t=o[e];!1===t?r.removeAttribute(e):r.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,n={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,n.popper),t.styles=n,t.elements.arrow&&Object.assign(t.elements.arrow.style,n.arrow),function(){Object.keys(t.elements).forEach((function(e){var o=t.elements[e],r=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:n[e]).reduce((function(e,t){return e[t]="",e}),{});i(o)&&p(o)&&(Object.assign(o.style,a),Object.keys(r).forEach((function(e){o.removeAttribute(e)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,n=e.options,o=e.name,r=n.offset,i=void 0===r?[0,0]:r,a=B.reduce((function(e,n){return e[n]=function(e,t,n){var o=F(e),r=[S,P].indexOf(o)>=0?-1:1,i="function"==typeof n?n(Object.assign({},t,{placement:e})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[S,k].indexOf(o)>=0?{x:s,y:a}:{x:a,y:s}}(n,t.rects,i),e}),{}),s=a[t.placement],f=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=f,t.modifiersData.popperOffsets.y+=c),t.modifiersData[o]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var r=n.mainAxis,i=void 0===r||r,a=n.altAxis,s=void 0===a||a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,l=n.rootBoundary,p=n.altBoundary,d=n.flipVariations,h=void 0===d||d,v=n.allowedAutoPlacements,m=t.options.placement,y=F(m),g=f||(y!==m&&h?function(e){if(F(e)===D)return[];var t=G(e);return[K(e),t,K(t)]}(m):[G(m)]),b=[m].concat(g).reduce((function(e,n){return e.concat(F(n)===D?function(e,t){void 0===t&&(t={});var n=t,o=n.placement,r=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=void 0===f?B:f,u=U(o),l=u?s?R:R.filter((function(e){return U(e)===u})):T,p=l.filter((function(e){return c.indexOf(e)>=0}));0===p.length&&(p=l);var d=p.reduce((function(t,n){return t[n]=re(e,{placement:n,boundary:r,rootBoundary:i,padding:a})[F(n)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}(t,{placement:n,boundary:u,rootBoundary:l,padding:c,flipVariations:h,allowedAutoPlacements:v}):n)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,E=!0,j=b[0],C=0;C=0,H=q?"width":"height",V=re(t,{placement:_,boundary:u,rootBoundary:l,altBoundary:p,padding:c}),N=q?W?k:S:W?L:P;w[H]>x[H]&&(N=G(N));var I=G(N),z=[];if(i&&z.push(V[M]<=0),s&&z.push(V[N]<=0,V[I]<=0),z.every((function(e){return e}))){j=_,E=!1;break}O.set(_,z)}if(E)for(var X=function(e){var t=b.find((function(t){var n=O.get(t);if(n)return n.slice(0,e).every((function(e){return e}))}));if(t)return j=t,"break"},Y=h?3:1;Y>0&&"break"!==X(Y);Y--);t.placement!==j&&(t.modifiersData[o]._skip=!0,t.placement=j,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,n=e.options,o=e.name,r=n.mainAxis,i=void 0===r||r,a=n.altAxis,c=void 0!==a&&a,u=n.boundary,l=n.rootBoundary,p=n.altBoundary,d=n.padding,h=n.tether,v=void 0===h||h,m=n.tetherOffset,y=void 0===m?0:m,b=re(t,{boundary:u,rootBoundary:l,padding:d,altBoundary:p}),w=F(t.placement),x=U(t.placement),O=!x,E=z(w),D="x"===E?"y":"x",T=t.modifiersData.popperOffsets,C=t.rects.reference,_=t.rects.popper,M="function"==typeof y?y(Object.assign({},t.rects,{placement:t.placement})):y,R="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),B=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,W={x:0,y:0};if(T){if(i){var q,H="y"===E?P:S,V="y"===E?L:k,N="y"===E?"height":"width",I=T[E],X=I+b[H],Y=I-b[V],Z=v?-_[N]/2:0,$=x===A?C[N]:_[N],G=x===A?-_[N]:-C[N],J=t.elements.arrow,K=v&&J?g(J):{width:0,height:0},Q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},ee=Q[H],te=Q[V],ne=ie(0,C[N],K[N]),oe=O?C[N]/2-Z-ne-ee-R.mainAxis:$-ne-ee-R.mainAxis,ae=O?-C[N]/2+Z+ne+te+R.mainAxis:G+ne+te+R.mainAxis,se=t.elements.arrow&&j(t.elements.arrow),fe=se?"y"===E?se.clientTop||0:se.clientLeft||0:0,ce=null!=(q=null==B?void 0:B[E])?q:0,ue=I+ae-ce,le=ie(v?f(X,I+oe-ce-fe):X,I,v?s(Y,ue):Y);T[E]=le,W[E]=le-I}if(c){var pe,de="x"===E?P:S,he="x"===E?L:k,ve=T[D],me="y"===D?"height":"width",ye=ve+b[de],ge=ve-b[he],be=-1!==[P,S].indexOf(w),we=null!=(pe=null==B?void 0:B[D])?pe:0,xe=be?ye:ve-C[me]-_[me]-we+R.altAxis,Oe=be?ve+C[me]+_[me]-we-R.altAxis:ge,Ee=v&&be?function(e,t,n){var o=ie(e,t,n);return o>n?n:o}(xe,ve,Oe):ie(v?xe:ye,ve,v?Oe:ge);T[D]=Ee,W[D]=Ee-ve}t.modifiersData[o]=W}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,n=e.state,o=e.name,r=e.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=F(n.placement),f=z(s),c=[S,k].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:oe(e,T))}(r.padding,n),l=g(i),p="y"===f?P:S,d="y"===f?L:k,h=n.rects.reference[c]+n.rects.reference[f]-a[f]-n.rects.popper[c],v=a[f]-n.rects.reference[f],m=j(i),y=m?"y"===f?m.clientHeight||0:m.clientWidth||0:0,b=h/2-v/2,w=u[p],x=y-l[c]-u[d],O=y/2-l[c]/2+b,E=ie(w,O,x),D=f;n.modifiersData[o]=((t={})[D]=E,t.centerOffset=E-O,t)}},effect:function(e){var t=e.state,n=e.options.element,o=void 0===n?"[data-popper-arrow]":n;null!=o&&("string"!=typeof o||(o=t.elements.popper.querySelector(o)))&&Q(t.elements.popper,o)&&(t.elements.arrow=o)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,n=e.name,o=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,a=re(t,{elementContext:"reference"}),s=re(t,{altBoundary:!0}),f=ae(a,o),c=ae(s,r,i),u=se(f),l=se(c);t.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:l},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":l})}}]})}},t={};function n(o){var r=t[o];if(void 0!==r)return r.exports;var i=t[o]={exports:{}};return e[o](i,i.exports,n),i.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o);var e=n(765),t=n(714);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var n=0;n{"use strict";var e={661:(e,t,o)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o{var n=o(714),r=o(765);const i={historyIndex:-1,addHistory:function(e){this.historyIndex=e},existsInHistory:function(e){return e>this.historyIndex},clearHistory:function(){this.historyIndex=-1}};function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?c(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o2&&/MacIntel/.test(navigator.platform)||navigator.maxTouchPoints&&navigator.maxTouchPoints>2&&/MacIntel/.test(navigator.platform)||e._hover(o)}})),document.addEventListener("keydown",this._keyboardSupport.bind(this)),window.addEventListener("resize",(function(){document.querySelectorAll(".hs-dropdown.open").forEach((function(t){e.close(t,!0)}))}))}},{key:"_closeOthers",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,o=document.querySelectorAll("".concat(this.selector,".open"));o.forEach((function(o){if(!t||t.closest(".hs-dropdown.open")!==o){var n=(window.getComputedStyle(o).getPropertyValue("--auto-close")||"").replace(" ","");"false"!=n&&"outside"!=n&&e.close(o)}}))}},{key:"_hover",value:function(e){var t=this,o=e.closest(this.selector);this.open(o),document.addEventListener("mousemove",(function e(n){n.target.closest(t.selector)&&n.target.closest(t.selector)!==o.parentElement.closest(t.selector)||(t.close(o),document.removeEventListener("mousemove",e,!0))}),!0)}},{key:"close",value:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.querySelector(".hs-dropdown-menu"),r=function(){e.classList.contains("open")||(n.classList.remove("block"),n.classList.add("hidden"),n.style.inset=null,n.style.position=null,e._popper&&e._popper.destroy())};o||this.afterTransition(e.querySelector("[data-hs-dropdown-transition]")||n,(function(){r()})),n.style.margin=null,e.classList.remove("open"),o&&r(),this._fireEvent("close",e),this._dispatch("close.hs.dropdown",e,e);var i=n.querySelectorAll(".hs-dropdown.open");i.forEach((function(e){t.close(e,!0)}))}},{key:"open",value:function(e){var t=e.querySelector(".hs-dropdown-menu"),o=(window.getComputedStyle(e).getPropertyValue("--placement")||"").replace(" ",""),r=(window.getComputedStyle(e).getPropertyValue("--strategy")||"fixed").replace(" ",""),i=((window.getComputedStyle(e).getPropertyValue("--adaptive")||"adaptive").replace(" ",""),parseInt((window.getComputedStyle(e).getPropertyValue("--offset")||"10").replace(" ","")));if("static"!==r){e._popper&&e._popper.destroy();var a=(0,n.fi)(e,t,{placement:this.positions[o]||"bottom-start",strategy:r,modifiers:[].concat(s("fixed"!==r?this.absoluteStrategyModifiers(e):[]),[{name:"offset",options:{offset:[0,i]}}])});e._popper=a}t.style.margin=null,t.classList.add("block"),t.classList.remove("hidden"),setTimeout((function(){e.classList.add("open")})),this._fireEvent("open",e),this._dispatch("open.hs.dropdown",e,e)}},{key:"_keyboardSupport",value:function(e){var t=document.querySelector(".hs-dropdown.open");if(t)return 27===e.keyCode?(e.preventDefault(),this._esc(t)):40===e.keyCode?(e.preventDefault(),this._down(t)):38===e.keyCode?(e.preventDefault(),this._up(t)):36===e.keyCode?(e.preventDefault(),this._start(t)):35===e.keyCode?(e.preventDefault(),this._end(t)):void this._byChar(t,e.key)}},{key:"_esc",value:function(e){this.close(e)}},{key:"_up",value:function(e){var t=e.querySelector(".hs-dropdown-menu"),o=s(t.querySelectorAll("a")).reverse().filter((function(e){return!e.disabled})),n=t.querySelector("a:focus"),r=o.findIndex((function(e){return e===n}));r+1{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,s=!0,c=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return s=e.done,e},e:function(e){c=!0,a=e},f:function(){try{s||null==o.return||o.return()}finally{if(c)throw a}}}}(e.classList.values());try{for(s.s();!(t=s.n()).done;){var c=t.value;c.startsWith("hs-overlay-backdrop-open:")&&(a+=" ".concat(c))}}catch(e){s.e(e)}finally{s.f()}var l="static"!==this.getClassProperty(e,"--overlay-backdrop","true");"false"===this.getClassProperty(e,"--overlay-backdrop","true")||(n&&((i=document.querySelector(n).cloneNode(!0)).classList.remove("hidden"),a=i.classList,i.classList=""),l&&i.addEventListener("click",(function(){return o.close(e)}),!0),i.setAttribute("data-hs-overlay-backdrop-template",""),document.body.appendChild(i),setTimeout((function(){i.classList=a})))}},{key:"_destroyBackdrop",value:function(){var e=document.querySelector("[data-hs-overlay-backdrop-template]");e&&(this.openNextOverlay&&(e.style.transitionDuration="".concat(1.8*parseFloat(window.getComputedStyle(e).transitionDuration.replace(/[^\d.-]/g,"")),"s")),e.classList.add("opacity-0"),this.afterTransition(e,(function(){e.remove()})))}},{key:"_focusInput",value:function(e){var t=e.querySelector("[autofocus]");t&&t.focus()}}])&&i(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),f}(o(765).Z);window.HSOverlay=new l,document.addEventListener("load",window.HSOverlay.init())},181:(e,t,o)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o0){if(this.activeSection===r)return;n.forEach((function(e){e.classList.remove("active")}));var u=o.querySelector('[href="#'.concat(r.getAttribute("id"),'"]'));if(u){u.classList.add("active");var f=u.closest("[data-hs-scrollspy-group]");if(f){var p=f.querySelector("[href]");p&&p.classList.add("active")}}this.activeSection=r}}},{key:"_scrollTo",value:function(e){var t=e.$scrollspyEl,o=e.$scrollableEl,n=e.$link,r=document.querySelector(n.getAttribute("href")),i=parseInt(this.getClassProperty(t,"--scrollspy-offset","0")),a=this.getClassProperty(r,"--scrollspy-offset")||i,s=o===document?0:o.offsetTop,c=r.offsetTop-a-s,l=o===document?window:o;this._fireEvent("scroll",t),this._dispatch("scroll.hs.scrollspy",t,t),window.history.replaceState(null,null,n.getAttribute("href")),l.scrollTo({top:c,left:0,behavior:"smooth"})}}])&&r(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),u}(o(765).Z);window.HSScrollspy=new c,document.addEventListener("load",window.HSScrollspy.init())},51:(e,t,o)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?i(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o{var n=o(765),r=o(714);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o{function n(e,t){for(var o=0;or});var r=function(){function e(t,o){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.$collection=[],this.selector=t,this.config=o,this.events={}}var t,o;return t=e,o=[{key:"_fireEvent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.events.hasOwnProperty(e)&&this.events[e](t)}},{key:"_dispatch",value:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=new CustomEvent(e,{detail:{payload:o},bubbles:!0,cancelable:!0,composed:!1});t.dispatchEvent(n)}},{key:"on",value:function(e,t){this.events[e]=t}},{key:"afterTransition",value:function(e,t){"all 0s ease 0s"!==window.getComputedStyle(e,null).getPropertyValue("transition")?e.addEventListener("transitionend",(function o(){t(),e.removeEventListener("transitionend",o,!0)}),!0):t()}},{key:"getClassProperty",value:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=(window.getComputedStyle(e).getPropertyValue(t)||o).replace(" ","");return n}}],o&&n(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),e}()},714:(e,t,o)=>{function n(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function r(e){return e instanceof n(e).Element||e instanceof Element}function i(e){return e instanceof n(e).HTMLElement||e instanceof HTMLElement}function a(e){return"undefined"!=typeof ShadowRoot&&(e instanceof n(e).ShadowRoot||e instanceof ShadowRoot)}o.d(t,{fi:()=>ce});var s=Math.max,c=Math.min,l=Math.round;function u(e,t){void 0===t&&(t=!1);var o=e.getBoundingClientRect(),n=1,r=1;if(i(e)&&t){var a=e.offsetHeight,s=e.offsetWidth;s>0&&(n=l(o.width)/s||1),a>0&&(r=l(o.height)/a||1)}return{width:o.width/n,height:o.height/r,top:o.top/r,right:o.right/n,bottom:o.bottom/r,left:o.left/n,x:o.left/n,y:o.top/r}}function f(e){var t=n(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function p(e){return e?(e.nodeName||"").toLowerCase():null}function d(e){return((r(e)?e.ownerDocument:e.document)||window.document).documentElement}function y(e){return u(d(e)).left+f(e).scrollLeft}function h(e){return n(e).getComputedStyle(e)}function v(e){var t=h(e),o=t.overflow,n=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(o+r+n)}function m(e,t,o){void 0===o&&(o=!1);var r,a,s=i(t),c=i(t)&&function(e){var t=e.getBoundingClientRect(),o=l(t.width)/e.offsetWidth||1,n=l(t.height)/e.offsetHeight||1;return 1!==o||1!==n}(t),h=d(t),m=u(e,c),b={scrollLeft:0,scrollTop:0},g={x:0,y:0};return(s||!s&&!o)&&(("body"!==p(t)||v(h))&&(b=(r=t)!==n(r)&&i(r)?{scrollLeft:(a=r).scrollLeft,scrollTop:a.scrollTop}:f(r)),i(t)?((g=u(t,!0)).x+=t.clientLeft,g.y+=t.clientTop):h&&(g.x=y(h))),{x:m.left+b.scrollLeft-g.x,y:m.top+b.scrollTop-g.y,width:m.width,height:m.height}}function b(e){var t=u(e),o=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-o)<=1&&(o=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:o,height:n}}function g(e){return"html"===p(e)?e:e.assignedSlot||e.parentNode||(a(e)?e.host:null)||d(e)}function w(e){return["html","body","#document"].indexOf(p(e))>=0?e.ownerDocument.body:i(e)&&v(e)?e:w(g(e))}function O(e,t){var o;void 0===t&&(t=[]);var r=w(e),i=r===(null==(o=e.ownerDocument)?void 0:o.body),a=n(r),s=i?[a].concat(a.visualViewport||[],v(r)?r:[]):r,c=t.concat(s);return i?c:c.concat(O(g(s)))}function S(e){return["table","td","th"].indexOf(p(e))>=0}function x(e){return i(e)&&"fixed"!==h(e).position?e.offsetParent:null}function _(e){for(var t=n(e),o=x(e);o&&S(o)&&"static"===h(o).position;)o=x(o);return o&&("html"===p(o)||"body"===p(o)&&"static"===h(o).position)?t:o||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&i(e)&&"fixed"===h(e).position)return null;for(var o=g(e);i(o)&&["html","body"].indexOf(p(o))<0;){var n=h(o);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return o;o=o.parentNode}return null}(e)||t}var E="top",k="bottom",j="right",P="left",L="auto",A=[E,k,j,P],T="start",C="end",q="viewport",R="popper",D=A.reduce((function(e,t){return e.concat([t+"-"+T,t+"-"+C])}),[]),H=[].concat(A,[L]).reduce((function(e,t){return e.concat([t,t+"-"+T,t+"-"+C])}),[]),B=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function I(e){var t=new Map,o=new Set,n=[];function r(e){o.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!o.has(e)){var n=t.get(e);n&&r(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){o.has(e.name)||r(e)})),n}var M={placement:"bottom",modifiers:[],strategy:"absolute"};function V(){for(var e=arguments.length,t=new Array(e),o=0;o=0?"x":"y"}function z(e){var t,o=e.reference,n=e.element,r=e.placement,i=r?N(r):null,a=r?Z(r):null,s=o.x+o.width/2-n.width/2,c=o.y+o.height/2-n.height/2;switch(i){case E:t={x:s,y:o.y-n.height};break;case k:t={x:s,y:o.y+o.height};break;case j:t={x:o.x+o.width,y:c};break;case P:t={x:o.x-n.width,y:c};break;default:t={x:o.x,y:o.y}}var l=i?U(i):null;if(null!=l){var u="y"===l?"height":"width";switch(a){case T:t[l]=t[l]-(o[u]/2-n[u]/2);break;case C:t[l]=t[l]+(o[u]/2-n[u]/2)}}return t}var F={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,o=e.popper,r=e.popperRect,i=e.placement,a=e.variation,s=e.offsets,c=e.position,u=e.gpuAcceleration,f=e.adaptive,p=e.roundOffsets,y=e.isFixed,v=s.x,m=void 0===v?0:v,b=s.y,g=void 0===b?0:b,w="function"==typeof p?p({x:m,y:g}):{x:m,y:g};m=w.x,g=w.y;var O=s.hasOwnProperty("x"),S=s.hasOwnProperty("y"),x=P,L=E,A=window;if(f){var T=_(o),q="clientHeight",R="clientWidth";T===n(o)&&"static"!==h(T=d(o)).position&&"absolute"===c&&(q="scrollHeight",R="scrollWidth"),T=T,(i===E||(i===P||i===j)&&a===C)&&(L=k,g-=(y&&A.visualViewport?A.visualViewport.height:T[q])-r.height,g*=u?1:-1),i!==P&&(i!==E&&i!==k||a!==C)||(x=j,m-=(y&&A.visualViewport?A.visualViewport.width:T[R])-r.width,m*=u?1:-1)}var D,H=Object.assign({position:c},f&&F),B=!0===p?function(e){var t=e.x,o=e.y,n=window.devicePixelRatio||1;return{x:l(t*n)/n||0,y:l(o*n)/n||0}}({x:m,y:g}):{x:m,y:g};return m=B.x,g=B.y,u?Object.assign({},H,((D={})[L]=S?"0":"",D[x]=O?"0":"",D.transform=(A.devicePixelRatio||1)<=1?"translate("+m+"px, "+g+"px)":"translate3d("+m+"px, "+g+"px, 0)",D)):Object.assign({},H,((t={})[L]=S?g+"px":"",t[x]=O?m+"px":"",t.transform="",t))}var Y={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,(function(e){return Y[e]}))}var J={start:"end",end:"start"};function K(e){return e.replace(/start|end/g,(function(e){return J[e]}))}function Q(e,t){var o=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(o&&a(o)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function ee(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function te(e,t){return t===q?ee(function(e){var t=n(e),o=d(e),r=t.visualViewport,i=o.clientWidth,a=o.clientHeight,s=0,c=0;return r&&(i=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=r.offsetLeft,c=r.offsetTop)),{width:i,height:a,x:s+y(e),y:c}}(e)):r(t)?function(e){var t=u(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):ee(function(e){var t,o=d(e),n=f(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=s(o.scrollWidth,o.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=s(o.scrollHeight,o.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),c=-n.scrollLeft+y(e),l=-n.scrollTop;return"rtl"===h(r||o).direction&&(c+=s(o.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:c,y:l}}(d(e)))}function oe(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ne(e,t){return t.reduce((function(t,o){return t[o]=e,t}),{})}function re(e,t){void 0===t&&(t={});var o=t,n=o.placement,a=void 0===n?e.placement:n,l=o.boundary,f=void 0===l?"clippingParents":l,y=o.rootBoundary,v=void 0===y?q:y,m=o.elementContext,b=void 0===m?R:m,w=o.altBoundary,S=void 0!==w&&w,x=o.padding,P=void 0===x?0:x,L=oe("number"!=typeof P?P:ne(P,A)),T=b===R?"reference":R,C=e.rects.popper,D=e.elements[S?T:b],H=function(e,t,o){var n="clippingParents"===t?function(e){var t=O(g(e)),o=["absolute","fixed"].indexOf(h(e).position)>=0&&i(e)?_(e):e;return r(o)?t.filter((function(e){return r(e)&&Q(e,o)&&"body"!==p(e)})):[]}(e):[].concat(t),a=[].concat(n,[o]),l=a[0],u=a.reduce((function(t,o){var n=te(e,o);return t.top=s(n.top,t.top),t.right=c(n.right,t.right),t.bottom=c(n.bottom,t.bottom),t.left=s(n.left,t.left),t}),te(e,l));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(r(D)?D:D.contextElement||d(e.elements.popper),f,v),B=u(e.elements.reference),I=z({reference:B,element:C,strategy:"absolute",placement:a}),M=ee(Object.assign({},C,I)),V=b===R?M:B,W={top:H.top-V.top+L.top,bottom:V.bottom-H.bottom+L.bottom,left:H.left-V.left+L.left,right:V.right-H.right+L.right},$=e.modifiersData.offset;if(b===R&&$){var N=$[a];Object.keys(W).forEach((function(e){var t=[j,k].indexOf(e)>=0?1:-1,o=[E,k].indexOf(e)>=0?"y":"x";W[e]+=N[o]*t}))}return W}function ie(e,t,o){return s(e,c(t,o))}function ae(e,t,o){return void 0===o&&(o={x:0,y:0}),{top:e.top-t.height-o.y,right:e.right-t.width+o.x,bottom:e.bottom-t.height+o.y,left:e.left-t.width-o.x}}function se(e){return[E,j,k,P].some((function(t){return e[t]>=0}))}var ce=W({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,o=e.instance,r=e.options,i=r.scroll,a=void 0===i||i,s=r.resize,c=void 0===s||s,l=n(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&u.forEach((function(e){e.addEventListener("scroll",o.update,$)})),c&&l.addEventListener("resize",o.update,$),function(){a&&u.forEach((function(e){e.removeEventListener("scroll",o.update,$)})),c&&l.removeEventListener("resize",o.update,$)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,o=e.name;t.modifiersData[o]=z({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,o=e.options,n=o.gpuAcceleration,r=void 0===n||n,i=o.adaptive,a=void 0===i||i,s=o.roundOffsets,c=void 0===s||s,l={placement:N(t.placement),variation:Z(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:c})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var o=t.styles[e]||{},n=t.attributes[e]||{},r=t.elements[e];i(r)&&p(r)&&(Object.assign(r.style,o),Object.keys(n).forEach((function(e){var t=n[e];!1===t?r.removeAttribute(e):r.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,o={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,o.popper),t.styles=o,t.elements.arrow&&Object.assign(t.elements.arrow.style,o.arrow),function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e],r=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:o[e]).reduce((function(e,t){return e[t]="",e}),{});i(n)&&p(n)&&(Object.assign(n.style,a),Object.keys(r).forEach((function(e){n.removeAttribute(e)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,o=e.options,n=e.name,r=o.offset,i=void 0===r?[0,0]:r,a=H.reduce((function(e,o){return e[o]=function(e,t,o){var n=N(e),r=[P,E].indexOf(n)>=0?-1:1,i="function"==typeof o?o(Object.assign({},t,{placement:e})):o,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[P,j].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(o,t.rects,i),e}),{}),s=a[t.placement],c=s.x,l=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var r=o.mainAxis,i=void 0===r||r,a=o.altAxis,s=void 0===a||a,c=o.fallbackPlacements,l=o.padding,u=o.boundary,f=o.rootBoundary,p=o.altBoundary,d=o.flipVariations,y=void 0===d||d,h=o.allowedAutoPlacements,v=t.options.placement,m=N(v),b=c||(m!==v&&y?function(e){if(N(e)===L)return[];var t=G(e);return[K(e),t,K(t)]}(v):[G(v)]),g=[v].concat(b).reduce((function(e,o){return e.concat(N(o)===L?function(e,t){void 0===t&&(t={});var o=t,n=o.placement,r=o.boundary,i=o.rootBoundary,a=o.padding,s=o.flipVariations,c=o.allowedAutoPlacements,l=void 0===c?H:c,u=Z(n),f=u?s?D:D.filter((function(e){return Z(e)===u})):A,p=f.filter((function(e){return l.indexOf(e)>=0}));0===p.length&&(p=f);var d=p.reduce((function(t,o){return t[o]=re(e,{placement:o,boundary:r,rootBoundary:i,padding:a})[N(o)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}(t,{placement:o,boundary:u,rootBoundary:f,padding:l,flipVariations:y,allowedAutoPlacements:h}):o)}),[]),w=t.rects.reference,O=t.rects.popper,S=new Map,x=!0,_=g[0],C=0;C=0,M=I?"width":"height",V=re(t,{placement:q,boundary:u,rootBoundary:f,altBoundary:p,padding:l}),W=I?B?j:P:B?k:E;w[M]>O[M]&&(W=G(W));var $=G(W),U=[];if(i&&U.push(V[R]<=0),s&&U.push(V[W]<=0,V[$]<=0),U.every((function(e){return e}))){_=q,x=!1;break}S.set(q,U)}if(x)for(var z=function(e){var t=g.find((function(t){var o=S.get(t);if(o)return o.slice(0,e).every((function(e){return e}))}));if(t)return _=t,"break"},F=y?3:1;F>0&&"break"!==z(F);F--);t.placement!==_&&(t.modifiersData[n]._skip=!0,t.placement=_,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,n=e.name,r=o.mainAxis,i=void 0===r||r,a=o.altAxis,l=void 0!==a&&a,u=o.boundary,f=o.rootBoundary,p=o.altBoundary,d=o.padding,y=o.tether,h=void 0===y||y,v=o.tetherOffset,m=void 0===v?0:v,g=re(t,{boundary:u,rootBoundary:f,padding:d,altBoundary:p}),w=N(t.placement),O=Z(t.placement),S=!O,x=U(w),L="x"===x?"y":"x",A=t.modifiersData.popperOffsets,C=t.rects.reference,q=t.rects.popper,R="function"==typeof m?m(Object.assign({},t.rects,{placement:t.placement})):m,D="number"==typeof R?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),H=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,B={x:0,y:0};if(A){if(i){var I,M="y"===x?E:P,V="y"===x?k:j,W="y"===x?"height":"width",$=A[x],z=$+g[M],F=$-g[V],X=h?-q[W]/2:0,Y=O===T?C[W]:q[W],G=O===T?-q[W]:-C[W],J=t.elements.arrow,K=h&&J?b(J):{width:0,height:0},Q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},ee=Q[M],te=Q[V],oe=ie(0,C[W],K[W]),ne=S?C[W]/2-X-oe-ee-D.mainAxis:Y-oe-ee-D.mainAxis,ae=S?-C[W]/2+X+oe+te+D.mainAxis:G+oe+te+D.mainAxis,se=t.elements.arrow&&_(t.elements.arrow),ce=se?"y"===x?se.clientTop||0:se.clientLeft||0:0,le=null!=(I=null==H?void 0:H[x])?I:0,ue=$+ae-le,fe=ie(h?c(z,$+ne-le-ce):z,$,h?s(F,ue):F);A[x]=fe,B[x]=fe-$}if(l){var pe,de="x"===x?E:P,ye="x"===x?k:j,he=A[L],ve="y"===L?"height":"width",me=he+g[de],be=he-g[ye],ge=-1!==[E,P].indexOf(w),we=null!=(pe=null==H?void 0:H[L])?pe:0,Oe=ge?me:he-C[ve]-q[ve]-we+D.altAxis,Se=ge?he+C[ve]+q[ve]-we-D.altAxis:be,xe=h&&ge?function(e,t,o){var n=ie(e,t,o);return n>o?o:n}(Oe,he,Se):ie(h?Oe:me,he,h?Se:be);A[L]=xe,B[L]=xe-he}t.modifiersData[n]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,o=e.state,n=e.name,r=e.options,i=o.elements.arrow,a=o.modifiersData.popperOffsets,s=N(o.placement),c=U(s),l=[P,j].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return oe("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ne(e,A))}(r.padding,o),f=b(i),p="y"===c?E:P,d="y"===c?k:j,y=o.rects.reference[l]+o.rects.reference[c]-a[c]-o.rects.popper[l],h=a[c]-o.rects.reference[c],v=_(i),m=v?"y"===c?v.clientHeight||0:v.clientWidth||0:0,g=y/2-h/2,w=u[p],O=m-f[l]-u[d],S=m/2-f[l]/2+g,x=ie(w,S,O),L=c;o.modifiersData[n]=((t={})[L]=x,t.centerOffset=x-S,t)}},effect:function(e){var t=e.state,o=e.options.element,n=void 0===o?"[data-popper-arrow]":o;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,o=e.name,n=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,a=re(t,{elementContext:"reference"}),s=re(t,{altBoundary:!0}),c=ae(a,n),l=ae(s,r,i),u=se(c),f=se(l);t.modifiersData[o]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:f},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":f})}}]})}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return o.r(n),o(661),o(795),o(682),o(284),o(181),o(778),o(51),o(185),n})()})); \ No newline at end of file +!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,(function(){return(()=>{"use strict";var e={661:(e,t,o)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o{var n=o(714),r=o(765);const i={historyIndex:-1,addHistory:function(e){this.historyIndex=e},existsInHistory:function(e){return e>this.historyIndex},clearHistory:function(){this.historyIndex=-1}};function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function s(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?c(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o2&&/MacIntel/.test(navigator.platform)||navigator.maxTouchPoints&&navigator.maxTouchPoints>2&&/MacIntel/.test(navigator.platform)||e._hover(o)}})),document.addEventListener("keydown",this._keyboardSupport.bind(this)),window.addEventListener("resize",(function(){document.querySelectorAll(".hs-dropdown.open").forEach((function(t){e.close(t,!0)}))}))}},{key:"_closeOthers",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,o=document.querySelectorAll("".concat(this.selector,".open"));o.forEach((function(o){if(!t||t.closest(".hs-dropdown.open")!==o){var n=(window.getComputedStyle(o).getPropertyValue("--auto-close")||"").replace(" ","");"false"!=n&&"outside"!=n&&e.close(o)}}))}},{key:"_hover",value:function(e){var t=this,o=e.closest(this.selector);this.open(o),document.addEventListener("mousemove",(function e(n){n.target.closest(t.selector)&&n.target.closest(t.selector)!==o.parentElement.closest(t.selector)||(t.close(o),document.removeEventListener("mousemove",e,!0))}),!0)}},{key:"close",value:function(e){var t=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=e.querySelector(".hs-dropdown-menu"),r=function(){e.classList.contains("open")||(n.classList.remove("block"),n.classList.add("hidden"),n.style.inset=null,n.style.position=null,e._popper&&e._popper.destroy())};o||this.afterTransition(e.querySelector("[data-hs-dropdown-transition]")||n,(function(){r()})),n.style.margin=null,e.classList.remove("open"),o&&r(),this._fireEvent("close",e),this._dispatch("close.hs.dropdown",e,e);var i=n.querySelectorAll(".hs-dropdown.open");i.forEach((function(e){t.close(e,!0)}))}},{key:"open",value:function(e){var t=e.querySelector(".hs-dropdown-menu"),o=(window.getComputedStyle(e).getPropertyValue("--placement")||"").replace(" ",""),r=(window.getComputedStyle(e).getPropertyValue("--strategy")||"fixed").replace(" ",""),i=((window.getComputedStyle(e).getPropertyValue("--adaptive")||"adaptive").replace(" ",""),parseInt((window.getComputedStyle(e).getPropertyValue("--offset")||"10").replace(" ","")));if("static"!==r){e._popper&&e._popper.destroy();var a=(0,n.fi)(e,t,{placement:this.positions[o]||"bottom-start",strategy:r,modifiers:[].concat(s("fixed"!==r?this.absoluteStrategyModifiers(e):[]),[{name:"offset",options:{offset:[0,i]}}])});e._popper=a}t.style.margin=null,t.classList.add("block"),t.classList.remove("hidden"),setTimeout((function(){e.classList.add("open")})),this._fireEvent("open",e),this._dispatch("open.hs.dropdown",e,e)}},{key:"_keyboardSupport",value:function(e){var t=document.querySelector(".hs-dropdown.open");if(t)return 27===e.keyCode?(e.preventDefault(),this._esc(t)):40===e.keyCode?(e.preventDefault(),this._down(t)):38===e.keyCode?(e.preventDefault(),this._up(t)):36===e.keyCode?(e.preventDefault(),this._start(t)):35===e.keyCode?(e.preventDefault(),this._end(t)):void this._byChar(t,e.key)}},{key:"_esc",value:function(e){this.close(e)}},{key:"_up",value:function(e){var t=e.querySelector(".hs-dropdown-menu"),o=s(t.querySelectorAll("a")).reverse().filter((function(e){return!e.disabled})),n=t.querySelector("a:focus"),r=o.findIndex((function(e){return e===n}));r+1{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,s=!0,c=!1;return{s:function(){o=o.call(e)},n:function(){var e=o.next();return s=e.done,e},e:function(e){c=!0,a=e},f:function(){try{s||null==o.return||o.return()}finally{if(c)throw a}}}}(e.classList.values());try{for(s.s();!(t=s.n()).done;){var c=t.value;c.startsWith("hs-overlay-backdrop-open:")&&(a+=" ".concat(c))}}catch(e){s.e(e)}finally{s.f()}var l="static"!==this.getClassProperty(e,"--overlay-backdrop","true");"false"===this.getClassProperty(e,"--overlay-backdrop","true")||(n&&((i=document.querySelector(n).cloneNode(!0)).classList.remove("hidden"),a=i.classList,i.classList=""),l&&i.addEventListener("click",(function(){return o.close(e)}),!0),i.setAttribute("data-hs-overlay-backdrop-template",""),document.body.appendChild(i),setTimeout((function(){i.classList=a})))}},{key:"_destroyBackdrop",value:function(){var e=document.querySelector("[data-hs-overlay-backdrop-template]");e&&(this.openNextOverlay&&(e.style.transitionDuration="".concat(1.8*parseFloat(window.getComputedStyle(e).transitionDuration.replace(/[^\d.-]/g,"")),"s")),e.classList.add("opacity-0"),this.afterTransition(e,(function(){e.remove()})))}},{key:"_focusInput",value:function(e){var t=e.querySelector("[autofocus]");t&&t.focus()}}])&&i(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),f}(o(765).Z);window.HSOverlay=new l,document.addEventListener("load",window.HSOverlay.init())},181:(e,t,o)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){for(var o=0;o0){if(this.activeSection===r)return;n.forEach((function(e){e.classList.remove("active")}));var u=o.querySelector('[href="#'.concat(r.getAttribute("id"),'"]'));if(u){u.classList.add("active");var f=u.closest("[data-hs-scrollspy-group]");if(f){var p=f.querySelector("[href]");p&&p.classList.add("active")}}this.activeSection=r}}},{key:"_scrollTo",value:function(e){var t=e.$scrollspyEl,o=e.$scrollableEl,n=e.$link,r=document.querySelector(n.getAttribute("href")),i=parseInt(this.getClassProperty(t,"--scrollspy-offset","0")),a=this.getClassProperty(r,"--scrollspy-offset")||i,s=o===document?0:o.offsetTop,c=r.offsetTop-a-s,l=o===document?window:o;this._fireEvent("scroll",t),this._dispatch("scroll.hs.scrollspy",t,t),window.history.replaceState(null,null,n.getAttribute("href")),l.scrollTo({top:c,left:0,behavior:"smooth"})}}])&&r(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),u}(o(765).Z);window.HSScrollspy=new c,document.addEventListener("load",window.HSScrollspy.init())},51:(e,t,o)=>{function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?i(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o{var n=o(765),r=o(714);function i(e){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i(e)}function a(e,t){for(var o=0;o{function n(e,t){for(var o=0;or});var r=function(){function e(t,o){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.$collection=[],this.selector=t,this.config=o,this.events={}}var t,o;return t=e,o=[{key:"_fireEvent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;this.events.hasOwnProperty(e)&&this.events[e](t)}},{key:"_dispatch",value:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,n=new CustomEvent(e,{detail:{payload:o},bubbles:!0,cancelable:!0,composed:!1});t.dispatchEvent(n)}},{key:"on",value:function(e,t){this.events[e]=t}},{key:"afterTransition",value:function(e,t){"all 0s ease 0s"!==window.getComputedStyle(e,null).getPropertyValue("transition")?e.addEventListener("transitionend",(function o(){t(),e.removeEventListener("transitionend",o,!0)}),!0):t()}},{key:"getClassProperty",value:function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=(window.getComputedStyle(e).getPropertyValue(t)||o).replace(" ","");return n}}],o&&n(t.prototype,o),Object.defineProperty(t,"prototype",{writable:!1}),e}()},714:(e,t,o)=>{function n(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function r(e){return e instanceof n(e).Element||e instanceof Element}function i(e){return e instanceof n(e).HTMLElement||e instanceof HTMLElement}function a(e){return"undefined"!=typeof ShadowRoot&&(e instanceof n(e).ShadowRoot||e instanceof ShadowRoot)}o.d(t,{fi:()=>ce});var s=Math.max,c=Math.min,l=Math.round;function u(e,t){void 0===t&&(t=!1);var o=e.getBoundingClientRect(),n=1,r=1;if(i(e)&&t){var a=e.offsetHeight,s=e.offsetWidth;s>0&&(n=l(o.width)/s||1),a>0&&(r=l(o.height)/a||1)}return{width:o.width/n,height:o.height/r,top:o.top/r,right:o.right/n,bottom:o.bottom/r,left:o.left/n,x:o.left/n,y:o.top/r}}function f(e){var t=n(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function p(e){return e?(e.nodeName||"").toLowerCase():null}function d(e){return((r(e)?e.ownerDocument:e.document)||window.document).documentElement}function y(e){return u(d(e)).left+f(e).scrollLeft}function h(e){return n(e).getComputedStyle(e)}function v(e){var t=h(e),o=t.overflow,n=t.overflowX,r=t.overflowY;return/auto|scroll|overlay|hidden/.test(o+r+n)}function m(e,t,o){void 0===o&&(o=!1);var r,a,s=i(t),c=i(t)&&function(e){var t=e.getBoundingClientRect(),o=l(t.width)/e.offsetWidth||1,n=l(t.height)/e.offsetHeight||1;return 1!==o||1!==n}(t),h=d(t),m=u(e,c),b={scrollLeft:0,scrollTop:0},g={x:0,y:0};return(s||!s&&!o)&&(("body"!==p(t)||v(h))&&(b=(r=t)!==n(r)&&i(r)?{scrollLeft:(a=r).scrollLeft,scrollTop:a.scrollTop}:f(r)),i(t)?((g=u(t,!0)).x+=t.clientLeft,g.y+=t.clientTop):h&&(g.x=y(h))),{x:m.left+b.scrollLeft-g.x,y:m.top+b.scrollTop-g.y,width:m.width,height:m.height}}function b(e){var t=u(e),o=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-o)<=1&&(o=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:o,height:n}}function g(e){return"html"===p(e)?e:e.assignedSlot||e.parentNode||(a(e)?e.host:null)||d(e)}function w(e){return["html","body","#document"].indexOf(p(e))>=0?e.ownerDocument.body:i(e)&&v(e)?e:w(g(e))}function O(e,t){var o;void 0===t&&(t=[]);var r=w(e),i=r===(null==(o=e.ownerDocument)?void 0:o.body),a=n(r),s=i?[a].concat(a.visualViewport||[],v(r)?r:[]):r,c=t.concat(s);return i?c:c.concat(O(g(s)))}function S(e){return["table","td","th"].indexOf(p(e))>=0}function x(e){return i(e)&&"fixed"!==h(e).position?e.offsetParent:null}function _(e){for(var t=n(e),o=x(e);o&&S(o)&&"static"===h(o).position;)o=x(o);return o&&("html"===p(o)||"body"===p(o)&&"static"===h(o).position)?t:o||function(e){var t=-1!==navigator.userAgent.toLowerCase().indexOf("firefox");if(-1!==navigator.userAgent.indexOf("Trident")&&i(e)&&"fixed"===h(e).position)return null;for(var o=g(e);i(o)&&["html","body"].indexOf(p(o))<0;){var n=h(o);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return o;o=o.parentNode}return null}(e)||t}var E="top",k="bottom",j="right",P="left",L="auto",A=[E,k,j,P],T="start",C="end",q="viewport",R="popper",D=A.reduce((function(e,t){return e.concat([t+"-"+T,t+"-"+C])}),[]),H=[].concat(A,[L]).reduce((function(e,t){return e.concat([t,t+"-"+T,t+"-"+C])}),[]),B=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function I(e){var t=new Map,o=new Set,n=[];function r(e){o.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!o.has(e)){var n=t.get(e);n&&r(n)}})),n.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){o.has(e.name)||r(e)})),n}var M={placement:"bottom",modifiers:[],strategy:"absolute"};function V(){for(var e=arguments.length,t=new Array(e),o=0;o=0?"x":"y"}function z(e){var t,o=e.reference,n=e.element,r=e.placement,i=r?N(r):null,a=r?Z(r):null,s=o.x+o.width/2-n.width/2,c=o.y+o.height/2-n.height/2;switch(i){case E:t={x:s,y:o.y-n.height};break;case k:t={x:s,y:o.y+o.height};break;case j:t={x:o.x+o.width,y:c};break;case P:t={x:o.x-n.width,y:c};break;default:t={x:o.x,y:o.y}}var l=i?U(i):null;if(null!=l){var u="y"===l?"height":"width";switch(a){case T:t[l]=t[l]-(o[u]/2-n[u]/2);break;case C:t[l]=t[l]+(o[u]/2-n[u]/2)}}return t}var F={top:"auto",right:"auto",bottom:"auto",left:"auto"};function X(e){var t,o=e.popper,r=e.popperRect,i=e.placement,a=e.variation,s=e.offsets,c=e.position,u=e.gpuAcceleration,f=e.adaptive,p=e.roundOffsets,y=e.isFixed,v=s.x,m=void 0===v?0:v,b=s.y,g=void 0===b?0:b,w="function"==typeof p?p({x:m,y:g}):{x:m,y:g};m=w.x,g=w.y;var O=s.hasOwnProperty("x"),S=s.hasOwnProperty("y"),x=P,L=E,A=window;if(f){var T=_(o),q="clientHeight",R="clientWidth";T===n(o)&&"static"!==h(T=d(o)).position&&"absolute"===c&&(q="scrollHeight",R="scrollWidth"),T=T,(i===E||(i===P||i===j)&&a===C)&&(L=k,g-=(y&&A.visualViewport?A.visualViewport.height:T[q])-r.height,g*=u?1:-1),i!==P&&(i!==E&&i!==k||a!==C)||(x=j,m-=(y&&A.visualViewport?A.visualViewport.width:T[R])-r.width,m*=u?1:-1)}var D,H=Object.assign({position:c},f&&F),B=!0===p?function(e){var t=e.x,o=e.y,n=window.devicePixelRatio||1;return{x:l(t*n)/n||0,y:l(o*n)/n||0}}({x:m,y:g}):{x:m,y:g};return m=B.x,g=B.y,u?Object.assign({},H,((D={})[L]=S?"0":"",D[x]=O?"0":"",D.transform=(A.devicePixelRatio||1)<=1?"translate("+m+"px, "+g+"px)":"translate3d("+m+"px, "+g+"px, 0)",D)):Object.assign({},H,((t={})[L]=S?g+"px":"",t[x]=O?m+"px":"",t.transform="",t))}var Y={left:"right",right:"left",bottom:"top",top:"bottom"};function G(e){return e.replace(/left|right|bottom|top/g,(function(e){return Y[e]}))}var J={start:"end",end:"start"};function K(e){return e.replace(/start|end/g,(function(e){return J[e]}))}function Q(e,t){var o=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(o&&a(o)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function ee(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function te(e,t){return t===q?ee(function(e){var t=n(e),o=d(e),r=t.visualViewport,i=o.clientWidth,a=o.clientHeight,s=0,c=0;return r&&(i=r.width,a=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(s=r.offsetLeft,c=r.offsetTop)),{width:i,height:a,x:s+y(e),y:c}}(e)):r(t)?function(e){var t=u(e);return t.top=t.top+e.clientTop,t.left=t.left+e.clientLeft,t.bottom=t.top+e.clientHeight,t.right=t.left+e.clientWidth,t.width=e.clientWidth,t.height=e.clientHeight,t.x=t.left,t.y=t.top,t}(t):ee(function(e){var t,o=d(e),n=f(e),r=null==(t=e.ownerDocument)?void 0:t.body,i=s(o.scrollWidth,o.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=s(o.scrollHeight,o.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),c=-n.scrollLeft+y(e),l=-n.scrollTop;return"rtl"===h(r||o).direction&&(c+=s(o.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:c,y:l}}(d(e)))}function oe(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function ne(e,t){return t.reduce((function(t,o){return t[o]=e,t}),{})}function re(e,t){void 0===t&&(t={});var o=t,n=o.placement,a=void 0===n?e.placement:n,l=o.boundary,f=void 0===l?"clippingParents":l,y=o.rootBoundary,v=void 0===y?q:y,m=o.elementContext,b=void 0===m?R:m,w=o.altBoundary,S=void 0!==w&&w,x=o.padding,P=void 0===x?0:x,L=oe("number"!=typeof P?P:ne(P,A)),T=b===R?"reference":R,C=e.rects.popper,D=e.elements[S?T:b],H=function(e,t,o){var n="clippingParents"===t?function(e){var t=O(g(e)),o=["absolute","fixed"].indexOf(h(e).position)>=0&&i(e)?_(e):e;return r(o)?t.filter((function(e){return r(e)&&Q(e,o)&&"body"!==p(e)})):[]}(e):[].concat(t),a=[].concat(n,[o]),l=a[0],u=a.reduce((function(t,o){var n=te(e,o);return t.top=s(n.top,t.top),t.right=c(n.right,t.right),t.bottom=c(n.bottom,t.bottom),t.left=s(n.left,t.left),t}),te(e,l));return u.width=u.right-u.left,u.height=u.bottom-u.top,u.x=u.left,u.y=u.top,u}(r(D)?D:D.contextElement||d(e.elements.popper),f,v),B=u(e.elements.reference),I=z({reference:B,element:C,strategy:"absolute",placement:a}),M=ee(Object.assign({},C,I)),V=b===R?M:B,W={top:H.top-V.top+L.top,bottom:V.bottom-H.bottom+L.bottom,left:H.left-V.left+L.left,right:V.right-H.right+L.right},$=e.modifiersData.offset;if(b===R&&$){var N=$[a];Object.keys(W).forEach((function(e){var t=[j,k].indexOf(e)>=0?1:-1,o=[E,k].indexOf(e)>=0?"y":"x";W[e]+=N[o]*t}))}return W}function ie(e,t,o){return s(e,c(t,o))}function ae(e,t,o){return void 0===o&&(o={x:0,y:0}),{top:e.top-t.height-o.y,right:e.right-t.width+o.x,bottom:e.bottom-t.height+o.y,left:e.left-t.width-o.x}}function se(e){return[E,j,k,P].some((function(t){return e[t]>=0}))}var ce=W({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,o=e.instance,r=e.options,i=r.scroll,a=void 0===i||i,s=r.resize,c=void 0===s||s,l=n(t.elements.popper),u=[].concat(t.scrollParents.reference,t.scrollParents.popper);return a&&u.forEach((function(e){e.addEventListener("scroll",o.update,$)})),c&&l.addEventListener("resize",o.update,$),function(){a&&u.forEach((function(e){e.removeEventListener("scroll",o.update,$)})),c&&l.removeEventListener("resize",o.update,$)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,o=e.name;t.modifiersData[o]=z({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,o=e.options,n=o.gpuAcceleration,r=void 0===n||n,i=o.adaptive,a=void 0===i||i,s=o.roundOffsets,c=void 0===s||s,l={placement:N(t.placement),variation:Z(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:r,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,X(Object.assign({},l,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:c})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,X(Object.assign({},l,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:c})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var o=t.styles[e]||{},n=t.attributes[e]||{},r=t.elements[e];i(r)&&p(r)&&(Object.assign(r.style,o),Object.keys(n).forEach((function(e){var t=n[e];!1===t?r.removeAttribute(e):r.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,o={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,o.popper),t.styles=o,t.elements.arrow&&Object.assign(t.elements.arrow.style,o.arrow),function(){Object.keys(t.elements).forEach((function(e){var n=t.elements[e],r=t.attributes[e]||{},a=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:o[e]).reduce((function(e,t){return e[t]="",e}),{});i(n)&&p(n)&&(Object.assign(n.style,a),Object.keys(r).forEach((function(e){n.removeAttribute(e)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,o=e.options,n=e.name,r=o.offset,i=void 0===r?[0,0]:r,a=H.reduce((function(e,o){return e[o]=function(e,t,o){var n=N(e),r=[P,E].indexOf(n)>=0?-1:1,i="function"==typeof o?o(Object.assign({},t,{placement:e})):o,a=i[0],s=i[1];return a=a||0,s=(s||0)*r,[P,j].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(o,t.rects,i),e}),{}),s=a[t.placement],c=s.x,l=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=c,t.modifiersData.popperOffsets.y+=l),t.modifiersData[n]=a}},{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var r=o.mainAxis,i=void 0===r||r,a=o.altAxis,s=void 0===a||a,c=o.fallbackPlacements,l=o.padding,u=o.boundary,f=o.rootBoundary,p=o.altBoundary,d=o.flipVariations,y=void 0===d||d,h=o.allowedAutoPlacements,v=t.options.placement,m=N(v),b=c||(m!==v&&y?function(e){if(N(e)===L)return[];var t=G(e);return[K(e),t,K(t)]}(v):[G(v)]),g=[v].concat(b).reduce((function(e,o){return e.concat(N(o)===L?function(e,t){void 0===t&&(t={});var o=t,n=o.placement,r=o.boundary,i=o.rootBoundary,a=o.padding,s=o.flipVariations,c=o.allowedAutoPlacements,l=void 0===c?H:c,u=Z(n),f=u?s?D:D.filter((function(e){return Z(e)===u})):A,p=f.filter((function(e){return l.indexOf(e)>=0}));0===p.length&&(p=f);var d=p.reduce((function(t,o){return t[o]=re(e,{placement:o,boundary:r,rootBoundary:i,padding:a})[N(o)],t}),{});return Object.keys(d).sort((function(e,t){return d[e]-d[t]}))}(t,{placement:o,boundary:u,rootBoundary:f,padding:l,flipVariations:y,allowedAutoPlacements:h}):o)}),[]),w=t.rects.reference,O=t.rects.popper,S=new Map,x=!0,_=g[0],C=0;C=0,M=I?"width":"height",V=re(t,{placement:q,boundary:u,rootBoundary:f,altBoundary:p,padding:l}),W=I?B?j:P:B?k:E;w[M]>O[M]&&(W=G(W));var $=G(W),U=[];if(i&&U.push(V[R]<=0),s&&U.push(V[W]<=0,V[$]<=0),U.every((function(e){return e}))){_=q,x=!1;break}S.set(q,U)}if(x)for(var z=function(e){var t=g.find((function(t){var o=S.get(t);if(o)return o.slice(0,e).every((function(e){return e}))}));if(t)return _=t,"break"},F=y?3:1;F>0&&"break"!==z(F);F--);t.placement!==_&&(t.modifiersData[n]._skip=!0,t.placement=_,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},{name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,o=e.options,n=e.name,r=o.mainAxis,i=void 0===r||r,a=o.altAxis,l=void 0!==a&&a,u=o.boundary,f=o.rootBoundary,p=o.altBoundary,d=o.padding,y=o.tether,h=void 0===y||y,v=o.tetherOffset,m=void 0===v?0:v,g=re(t,{boundary:u,rootBoundary:f,padding:d,altBoundary:p}),w=N(t.placement),O=Z(t.placement),S=!O,x=U(w),L="x"===x?"y":"x",A=t.modifiersData.popperOffsets,C=t.rects.reference,q=t.rects.popper,R="function"==typeof m?m(Object.assign({},t.rects,{placement:t.placement})):m,D="number"==typeof R?{mainAxis:R,altAxis:R}:Object.assign({mainAxis:0,altAxis:0},R),H=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,B={x:0,y:0};if(A){if(i){var I,M="y"===x?E:P,V="y"===x?k:j,W="y"===x?"height":"width",$=A[x],z=$+g[M],F=$-g[V],X=h?-q[W]/2:0,Y=O===T?C[W]:q[W],G=O===T?-q[W]:-C[W],J=t.elements.arrow,K=h&&J?b(J):{width:0,height:0},Q=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},ee=Q[M],te=Q[V],oe=ie(0,C[W],K[W]),ne=S?C[W]/2-X-oe-ee-D.mainAxis:Y-oe-ee-D.mainAxis,ae=S?-C[W]/2+X+oe+te+D.mainAxis:G+oe+te+D.mainAxis,se=t.elements.arrow&&_(t.elements.arrow),ce=se?"y"===x?se.clientTop||0:se.clientLeft||0:0,le=null!=(I=null==H?void 0:H[x])?I:0,ue=$+ae-le,fe=ie(h?c(z,$+ne-le-ce):z,$,h?s(F,ue):F);A[x]=fe,B[x]=fe-$}if(l){var pe,de="x"===x?E:P,ye="x"===x?k:j,he=A[L],ve="y"===L?"height":"width",me=he+g[de],be=he-g[ye],ge=-1!==[E,P].indexOf(w),we=null!=(pe=null==H?void 0:H[L])?pe:0,Oe=ge?me:he-C[ve]-q[ve]-we+D.altAxis,Se=ge?he+C[ve]+q[ve]-we-D.altAxis:be,xe=h&&ge?function(e,t,o){var n=ie(e,t,o);return n>o?o:n}(Oe,he,Se):ie(h?Oe:me,he,h?Se:be);A[L]=xe,B[L]=xe-he}t.modifiersData[n]=B}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,o=e.state,n=e.name,r=e.options,i=o.elements.arrow,a=o.modifiersData.popperOffsets,s=N(o.placement),c=U(s),l=[P,j].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return oe("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:ne(e,A))}(r.padding,o),f=b(i),p="y"===c?E:P,d="y"===c?k:j,y=o.rects.reference[l]+o.rects.reference[c]-a[c]-o.rects.popper[l],h=a[c]-o.rects.reference[c],v=_(i),m=v?"y"===c?v.clientHeight||0:v.clientWidth||0:0,g=y/2-h/2,w=u[p],O=m-f[l]-u[d],S=m/2-f[l]/2+g,x=ie(w,S,O),L=c;o.modifiersData[n]=((t={})[L]=x,t.centerOffset=x-S,t)}},effect:function(e){var t=e.state,o=e.options.element,n=void 0===o?"[data-popper-arrow]":o;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Q(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,o=e.name,n=t.rects.reference,r=t.rects.popper,i=t.modifiersData.preventOverflow,a=re(t,{elementContext:"reference"}),s=re(t,{altBoundary:!0}),c=ae(a,n),l=ae(s,r,i),u=se(c),f=se(l);t.modifiersData[o]={referenceClippingOffsets:c,popperEscapeOffsets:l,isReferenceHidden:u,hasPopperEscaped:f},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":f})}}]})}},t={};function o(n){var r=t[n];if(void 0!==r)return r.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,o),i.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return o.r(n),o(661),o(795),o(682),o(284),o(181),o(778),o(51),o(185),n})()})); \ No newline at end of file diff --git a/examples/html/af-account.html b/examples/html/af-account.html index b5ba1d0..7756c38 100644 --- a/examples/html/af-account.html +++ b/examples/html/af-account.html @@ -56,15 +56,15 @@

-
-
+
+
-
+
Image Description
@@ -82,7 +82,7 @@

-
+
@@ -100,7 +100,7 @@

-
+
@@ -108,26 +108,26 @@

-
+
-
+
-
+
-
+
@@ -135,7 +135,7 @@

-
+
-
+
@@ -197,14 +197,14 @@

-
+
-
+
diff --git a/examples/html/af-submit-application.html b/examples/html/af-submit-application.html index 6a3c110..0d99d10 100644 --- a/examples/html/af-submit-application.html +++ b/examples/html/af-submit-application.html @@ -47,22 +47,22 @@
-
-
+
+

Submit your application

-
+
-
+
@@ -70,19 +70,19 @@

-
+
-
+
-
+
-
+

@@ -106,7 +106,7 @@

-
+
-
+
@@ -123,22 +123,22 @@

-
-
+
+

Profile

-
+
-
+
-
+
-
+
@@ -165,75 +165,75 @@

-
-
+
+

Links

-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -246,34 +246,34 @@

-
-
+
+

Before sending your application, please let us know...

-
+
-
+
-
+
-
+
diff --git a/examples/html/ai-chat.html b/examples/html/ai-chat.html new file mode 100644 index 0000000..82e4a5c --- /dev/null +++ b/examples/html/ai-chat.html @@ -0,0 +1,1341 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Chat Application AI Prompt using Tailwind CSS | Preline UI, crafted with Tailwind CSS + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + +

+ Welcome to Preline AI +

+

+ Your AI-powered copilot for the web +

+
+ + +
+
+ + +
+
+ + + +
+ + +
+ + + +
+
+ +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ +
+
+ +
+ +
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/examples/html/ai-classic.html b/examples/html/ai-classic.html new file mode 100644 index 0000000..6fd2167 --- /dev/null +++ b/examples/html/ai-classic.html @@ -0,0 +1,1345 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Classic Application AI Prompt using Tailwind CSS | Preline UI, crafted with Tailwind CSS + + + + + + + + + + + + + + + +
+ +
+
+ +
+ + + + + + + +

+ Welcome to Preline AI +

+

+ Your AI-powered copilot for the web +

+
+ + +
    + +
  • + + + + + + + +
    +

    + How can we help? +

    +
    +

    + You can ask questions like: +

    +
      +
    • + What's Preline UI? +
    • + +
    • + How many Starter Pages & Examples are there? +
    • + +
    • + Is there a PRO version? +
    • +
    +
    +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + what's preline ui? +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. +

    +
    +

    + Here're some links to get started +

    + +
    +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + what's preline ui figma? +

    +
    + +
    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions. +

    +
    +

    + With the features like: +

    +
      +
    • + 12-column Grid System +
    • + +
    • + Easily find UI elements +
    • + +
    • + Variants and Properties +
    • + +
    • + Tailwind CSS Color styles +
    • + +
    • + Auto layout and constraints +
    • +
    +
    +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + create a table example with preline using avatars, badges and progress bars +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Hold on a sec... +

    +
    + + + +
    + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + Name + +
    +
    +
    + + Status + +
    +
    +
    + + Portfolio + +
    +
    +
    + + Created + +
    +
    +
    +
    + Image Description +
    + Christina Bersh + christina@site.com +
    +
    +
    +
    +
    + + + + + Active + +
    +
    +
    +
    + 1/5 +
    +
    +
    +
    +
    +
    +
    + 28 Dec, 12:12 +
    +
    +
    +
    + Image Description +
    + David Harrison + david@site.com +
    +
    +
    +
    +
    + + + + + Warning + +
    +
    +
    +
    + 3/5 +
    +
    +
    +
    +
    +
    +
    + 20 Dec, 09:27 +
    +
    +
    +
    + + A + +
    + Anne Richard + anne@site.com +
    +
    +
    +
    +
    + + + + + Active + +
    +
    +
    +
    + 5/5 +
    +
    +
    +
    +
    +
    +
    + 18 Dec, 15:20 +
    +
    +
    +
    + Image Description +
    + Samia Kartoon + samia@site.com +
    +
    +
    +
    +
    + + + + + Active + +
    +
    +
    +
    + 0/5 +
    +
    +
    +
    +
    +
    +
    + 18 Dec, 15:20 +
    +
    +
    +
    + +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + show me its code +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Of course! +

    +
    + + + +
    +                
    +                  <!-- Table Section -->
    +                  <div class="border border-gray-200 rounded-xl shadow-sm overflow-hidden dark:border-gray-700">
    +                    <!-- Table -->
    +                    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
    +                      <thead class="bg-gray-50 dark:bg-slate-800">
    +                        <tr>
    +                          <th scope="col" class="px-6 py-3 text-left">
    +                            <div class="flex items-center gap-x-2">
    +                              <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                                Name
    +                              </span>
    +                            </div>
    +                          </th>
    +
    +                          <th scope="col" class="px-6 py-3 text-left">
    +                            <div class="flex items-center gap-x-2">
    +                              <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                                Status
    +                              </span>
    +                            </div>
    +                          </th>
    +
    +                          <th scope="col" class="px-6 py-3 text-left">
    +                            <div class="flex items-center gap-x-2">
    +                              <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                                Portfolio
    +                              </span>
    +                            </div>
    +                          </th>
    +
    +                          <th scope="col" class="px-6 py-3 text-left">
    +                            <div class="flex items-center gap-x-2">
    +                              <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                                Created
    +                              </span>
    +                            </div>
    +                          </th>
    +                        </tr>
    +                      </thead>
    +
    +                      <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
    +                        <tr>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <img class="inline-block h-[2.375rem] w-[2.375rem] rounded-full" src="https://images.unsplash.com/photo-1531927557220-a9e23c1e4794?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Image Description">
    +                                <div class="grow">
    +                                  <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">Christina Bersh</span>
    +                                  <span class="block text-sm text-gray-500">christina@site.com</span>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
    +                                <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
    +                                </svg>
    +                                Active
    +                              </span>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <span class="text-xs text-gray-500">1/5</span>
    +                                <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                  <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="text-sm text-gray-500">28 Dec, 12:12</span>
    +                            </div>
    +                          </td>
    +                        </tr>
    +
    +                        <tr>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <img class="inline-block h-[2.375rem] w-[2.375rem] rounded-full" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Image Description">
    +                                <div class="grow">
    +                                  <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">David Harrison</span>
    +                                  <span class="block text-sm text-gray-500">david@site.com</span>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200">
    +                                <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                  <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
    +                                </svg>
    +                                Warning
    +                              </span>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <span class="text-xs text-gray-500">3/5</span>
    +                                <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                  <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 78%" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100"></div>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="text-sm text-gray-500">20 Dec, 09:27</span>
    +                            </div>
    +                          </td>
    +                        </tr>
    +
    +                        <tr>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <span class="inline-flex items-center justify-center h-[2.375rem] w-[2.375rem] rounded-full bg-gray-300 dark:bg-gray-700">
    +                                  <span class="font-medium text-gray-800 leading-none dark:text-gray-200">A</span>
    +                                </span>
    +                                <div class="grow">
    +                                  <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">Anne Richard</span>
    +                                  <span class="block text-sm text-gray-500">anne@site.com</span>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
    +                                <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
    +                                </svg>
    +                                Active
    +                              </span>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <span class="text-xs text-gray-500">5/5</span>
    +                                <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                  <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="text-sm text-gray-500">18 Dec, 15:20</span>
    +                            </div>
    +                          </td>
    +                        </tr>
    +
    +                        <tr>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <img class="inline-block h-[2.375rem] w-[2.375rem] rounded-full" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&&auto=format&fit=facearea&facepad=3&w=300&h=300&q=80" alt="Image Description">
    +                                <div class="grow">
    +                                  <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">Samia Kartoon</span>
    +                                  <span class="block text-sm text-gray-500">samia@site.com</span>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
    +                                <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
    +                                </svg>
    +                                Active
    +                              </span>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <div class="flex items-center gap-x-3">
    +                                <span class="text-xs text-gray-500">0/5</span>
    +                                <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                  <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
    +                                </div>
    +                              </div>
    +                            </div>
    +                          </td>
    +                          <td class="h-px w-px whitespace-nowrap">
    +                            <div class="px-6 py-3">
    +                              <span class="text-sm text-gray-500">18 Dec, 15:20</span>
    +                            </div>
    +                          </td>
    +                        </tr>
    +                      </tbody>
    +                    </table>
    +                    <!-- End Table -->
    +                  </div>
    +                  <!-- End Table Section -->
    +                
    +              
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + quiz me about tailwindcss +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Sure! +

    +
    + + +
    + + + +
    + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + generate 3-dimensional abstract images +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Here you go... +

    +
    + + +
    +
    + Deep Learning +
    +
    + Deep Learning +
    +
    + Deep Learning +
    +
    + Deep Learning +
    +
    + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + what's tailwindcss? +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Tailwind CSS is an open source CSS framework. The main feature of this library is that, unlike other CSS frameworks like Bootstrap, it does not provide a series of predefined classes for elements such as buttons or tables. +

    + +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    +
    +
    + + +
    +
    +
    +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + 2 files uploaded +

    + + +
    +
    +
    +
  • + +
+
+ + +
+
+
+ + + +
+ + +
+ + + +
+
+ +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ +
+
+ +
+ +
+
+ +
+ +
+ + + + + + \ No newline at end of file diff --git a/examples/html/ai-welcome-page.html b/examples/html/ai-welcome-page.html new file mode 100644 index 0000000..ba1085e --- /dev/null +++ b/examples/html/ai-welcome-page.html @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Welcome Page Application AI Prompt using Tailwind CSS | Preline UI, crafted with Tailwind CSS + + + + + + + + + + + + + + + +
+ +
+
+
+ + + + + + + +

+ Welcome to Preline AI +

+

+ Your AI-powered copilot for the web +

+
+ + +
+
+ +
+ + +
+
+
+ +
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/examples/html/ai-with-sidebar.html b/examples/html/ai-with-sidebar.html new file mode 100644 index 0000000..321d2c8 --- /dev/null +++ b/examples/html/ai-with-sidebar.html @@ -0,0 +1,1432 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Sidebar Application AI Prompt using Tailwind CSS | Preline UI, crafted with Tailwind CSS + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+

+ Welcome to Preline AI +

+

+ Your AI-powered copilot for the web +

+
+ + +
    + +
  • + + + + + + + +
    +

    + How can we help? +

    +
    +

    + You can ask questions like: +

    +
      +
    • + What's Preline UI? +
    • + +
    • + How many Starter Pages & Examples are there? +
    • + +
    • + Is there a PRO version? +
    • +
    +
    +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + what's preline ui? +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. +

    +
    +

    + Here're some links to get started +

    + +
    +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + what's preline ui figma? +

    +
    + +
    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Preline UI Figma is the largest free design system for Figma, crafted with Tailwind CSS styles and Preline UI components with extra top-notch additions. +

    +
    +

    + With the features like: +

    +
      +
    • + 12-column Grid System +
    • + +
    • + Easily find UI elements +
    • + +
    • + Variants and Properties +
    • + +
    • + Tailwind CSS Color styles +
    • + +
    • + Auto layout and constraints +
    • +
    +
    +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + create a table example with preline using avatars, badges and progress bars +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Hold on a sec... +

    +
    + + + +
    + +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + Name + +
    +
    +
    + + Status + +
    +
    +
    + + Portfolio + +
    +
    +
    + + Created + +
    +
    +
    +
    + Image Description +
    + Christina Bersh + christina@site.com +
    +
    +
    +
    +
    + + + + + Active + +
    +
    +
    +
    + 1/5 +
    +
    +
    +
    +
    +
    +
    + 28 Dec, 12:12 +
    +
    +
    +
    + Image Description +
    + David Harrison + david@site.com +
    +
    +
    +
    +
    + + + + + Warning + +
    +
    +
    +
    + 3/5 +
    +
    +
    +
    +
    +
    +
    + 20 Dec, 09:27 +
    +
    +
    +
    + + A + +
    + Anne Richard + anne@site.com +
    +
    +
    +
    +
    + + + + + Active + +
    +
    +
    +
    + 5/5 +
    +
    +
    +
    +
    +
    +
    + 18 Dec, 15:20 +
    +
    +
    +
    + Image Description +
    + Samia Kartoon + samia@site.com +
    +
    +
    +
    +
    + + + + + Active + +
    +
    +
    +
    + 0/5 +
    +
    +
    +
    +
    +
    +
    + 18 Dec, 15:20 +
    +
    +
    +
    + +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + show me its code +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Of course! +

    +
    + + + +
    +              
    +                <!-- Table Section -->
    +                <div class="border border-gray-200 rounded-xl shadow-sm overflow-hidden dark:border-gray-700">
    +                  <!-- Table -->
    +                  <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
    +                    <thead class="bg-gray-50 dark:bg-slate-800">
    +                      <tr>
    +                        <th scope="col" class="px-6 py-3 text-left">
    +                          <div class="flex items-center gap-x-2">
    +                            <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                              Name
    +                            </span>
    +                          </div>
    +                        </th>
    +
    +                        <th scope="col" class="px-6 py-3 text-left">
    +                          <div class="flex items-center gap-x-2">
    +                            <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                              Status
    +                            </span>
    +                          </div>
    +                        </th>
    +
    +                        <th scope="col" class="px-6 py-3 text-left">
    +                          <div class="flex items-center gap-x-2">
    +                            <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                              Portfolio
    +                            </span>
    +                          </div>
    +                        </th>
    +
    +                        <th scope="col" class="px-6 py-3 text-left">
    +                          <div class="flex items-center gap-x-2">
    +                            <span class="text-xs font-semibold uppercase tracking-wide text-gray-800 dark:text-gray-200">
    +                              Created
    +                            </span>
    +                          </div>
    +                        </th>
    +                      </tr>
    +                    </thead>
    +
    +                    <tbody class="divide-y divide-gray-200 dark:divide-gray-700">
    +                      <tr>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <img class="inline-block h-[2.375rem] w-[2.375rem] rounded-full" src="https://images.unsplash.com/photo-1531927557220-a9e23c1e4794?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Image Description">
    +                              <div class="grow">
    +                                <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">Christina Bersh</span>
    +                                <span class="block text-sm text-gray-500">christina@site.com</span>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
    +                              <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
    +                              </svg>
    +                              Active
    +                            </span>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <span class="text-xs text-gray-500">1/5</span>
    +                              <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="text-sm text-gray-500">28 Dec, 12:12</span>
    +                          </div>
    +                        </td>
    +                      </tr>
    +
    +                      <tr>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <img class="inline-block h-[2.375rem] w-[2.375rem] rounded-full" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2&w=300&h=300&q=80" alt="Image Description">
    +                              <div class="grow">
    +                                <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">David Harrison</span>
    +                                <span class="block text-sm text-gray-500">david@site.com</span>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200">
    +                              <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
    +                              </svg>
    +                              Warning
    +                            </span>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <span class="text-xs text-gray-500">3/5</span>
    +                              <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 78%" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100"></div>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="text-sm text-gray-500">20 Dec, 09:27</span>
    +                          </div>
    +                        </td>
    +                      </tr>
    +
    +                      <tr>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <span class="inline-flex items-center justify-center h-[2.375rem] w-[2.375rem] rounded-full bg-gray-300 dark:bg-gray-700">
    +                                <span class="font-medium text-gray-800 leading-none dark:text-gray-200">A</span>
    +                              </span>
    +                              <div class="grow">
    +                                <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">Anne Richard</span>
    +                                <span class="block text-sm text-gray-500">anne@site.com</span>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
    +                              <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
    +                              </svg>
    +                              Active
    +                            </span>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <span class="text-xs text-gray-500">5/5</span>
    +                              <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="text-sm text-gray-500">18 Dec, 15:20</span>
    +                          </div>
    +                        </td>
    +                      </tr>
    +
    +                      <tr>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <img class="inline-block h-[2.375rem] w-[2.375rem] rounded-full" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&&auto=format&fit=facearea&facepad=3&w=300&h=300&q=80" alt="Image Description">
    +                              <div class="grow">
    +                                <span class="block text-sm font-semibold text-gray-800 dark:text-gray-200">Samia Kartoon</span>
    +                                <span class="block text-sm text-gray-500">samia@site.com</span>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="inline-flex items-center gap-1.5 py-0.5 px-2 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
    +                              <svg class="w-2.5 h-2.5" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
    +                                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
    +                              </svg>
    +                              Active
    +                            </span>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <div class="flex items-center gap-x-3">
    +                              <span class="text-xs text-gray-500">0/5</span>
    +                              <div class="flex w-full h-1.5 bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">
    +                                <div class="flex flex-col justify-center overflow-hidden bg-gray-800 dark:bg-gray-200" role="progressbar" style="width: 1%" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
    +                              </div>
    +                            </div>
    +                          </div>
    +                        </td>
    +                        <td class="h-px w-px whitespace-nowrap">
    +                          <div class="px-6 py-3">
    +                            <span class="text-sm text-gray-500">18 Dec, 15:20</span>
    +                          </div>
    +                        </td>
    +                      </tr>
    +                    </tbody>
    +                  </table>
    +                  <!-- End Table -->
    +                </div>
    +                <!-- End Table Section -->
    +              
    +            
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + quiz me about tailwindcss +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Sure! +

    +
    + + +
    + + + +
    + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + generate 3-dimensional abstract images +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Here you go... +

    +
    + + +
    +
    + Deep Learning +
    +
    + Deep Learning +
    +
    + Deep Learning +
    +
    + Deep Learning +
    +
    + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + what's tailwindcss? +

    +
    +
    +
    +
  • + + + +
  • + + + + + + + +
    + +
    +

    + Tailwind CSS is an open source CSS framework. The main feature of this library is that, unlike other CSS frameworks like Bootstrap, it does not provide a series of predefined classes for elements such as buttons or tables. +

    + +
    + + + +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    +
    +
    + +
    +
  • + + + +
  • +
    +
    +
    +
    + + +
    +
    +
    +
    +
  • + + + +
  • +
    +
    + + AZ + + +
    +

    + 2 files uploaded +

    + + +
    +
    +
    +
  • + +
+
+ + +
+
+ + + +
+ + +
+ + + +
+
+ +
+ + + + + + + +
+ + + +
+ + + + + + + +
+ +
+
+ +
+ +
+ +
+ + + + + + + \ No newline at end of file diff --git a/examples/html/cover-page-with-form.html b/examples/html/cover-page-with-form.html new file mode 100644 index 0000000..237870a --- /dev/null +++ b/examples/html/cover-page-with-form.html @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Cover Page with Form using Tailwind CSS | Preline UI, crafted with Tailwind CSS + + + + + + + + + + + + + + + +
+
+ + + + + + +

+ Get notified when we launch +

+

+ Preline PRO +

+ + +
+
+ +
+ +
+ + + +
+
+
+ +
+ +
+ +
+ + + +
+
+
+ +
+ +
+
+ +
+
+ + + +
+
+

© 2023 Preline. A product of Htmlstream

+
+
+ + + + + + \ No newline at end of file diff --git a/examples/html/pages-pricing.html b/examples/html/page-demos-pricing.html similarity index 99% rename from examples/html/pages-pricing.html rename to examples/html/page-demos-pricing.html index a5f8a0a..e708677 100644 --- a/examples/html/pages-pricing.html +++ b/examples/html/page-demos-pricing.html @@ -79,7 +79,7 @@ Company -
+