quintessential-ui - npm Package Compare versions

Comparing version 0.0.141 to 0.0.142

dist/cjs/loader.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
   return core.patchEsm().then(() => {
-    core.bootstrapLazy([["quint-tab-animated.cjs",[[1,"quint-tab-animated",{"tabs":[1],"rotationDegrees":[2,"rotation-degrees"],"lineColor":[1,"line-color"],"elementsColor":[1,"elements-color"],"dotsColor":[1,"dots-color"],"selected":[32],"selectedIcon":[32],"tabsObject":[32]},[[9,"resize","placeElements"]]]]],["quint-button.cjs",[[1,"quint-button",{"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"border":[4],"rounded":[1],"paddingX":[1,"padding-x"],"width":[1],"borderRadius":[1,"border-radius"]}]]],["quint-carousel.cjs",[[1,"quint-carousel",{"timeInterval":[2,"time-interval"],"timerDisabled":[4,"timer-disabled"],"indicatorDisabled":[4,"indicator-disabled"],"arrows":[4],"arrowColor":[1,"arrow-color"],"active":[32],"carouselItems":[32],"carouselIndicator":[32],"arrowsEnabled":[32],"arrowContainer":[32]}]]],["quint-content-card.cjs",[[1,"quint-content-card",{"media":[1],"title":[1],"subtitle":[1],"buttonText":[1,"button-text"],"height":[1],"mediaMaxWidth":[1,"media-max-width"],"mediaMaxHeight":[1,"media-max-height"],"mediaPosition":[1,"media-position"],"marginBottom":[1,"margin-bottom"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"underlineColor":[1,"underline-color"]}]]],["quint-flip-image.cjs",[[1,"quint-flip-image",{"image1":[1,"image-1"],"image2":[1,"image-2"],"caption1":[1,"caption-1"],"caption2":[1,"caption-2"],"captionBackground":[1,"caption-background"],"captionColor":[1,"caption-color"],"direction":[1]}]]],["quint-footer.cjs",[[1,"quint-footer",{"icon":[1],"iconText":[1,"icon-text"],"title":[1],"background":[1],"textColor":[1,"text-color"]}]]],["quint-icon-button.cjs",[[1,"quint-icon-button",{"icon":[1],"background":[1],"borderColor":[1,"border-color"],"rounded":[1],"size":[2],"borderWidth":[8,"border-width"]}]]],["quint-media-container.cjs",[[1,"quint-media-container",{"type":[1],"mediaPlay":[1,"media-play"],"mediaLoop":[4,"media-loop"],"mediaSpeed":[2,"media-speed"],"lottieDirection":[2,"lottie-direction"],"path":[1],"data":[1],"objectFit":[1,"object-fit"]}]]],["quint-nav-header.cjs",[[1,"quint-nav-header",{"logo":[1],"backgroundSolid":[4,"background-solid"],"shadowSolid":[4,"shadow-solid"],"solid":[32]},[[9,"scroll","handleScroll"]]]]],["quint-product-card.cjs",[[1,"quint-product-card",{"icon":[1],"text":[1],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"enabledArrow":[4,"enabled-arrow"]}]]],["quint-product-card-grid.cjs",[[1,"quint-product-card-grid"]]],["quint-product-service.cjs",[[1,"quint-product-service",{"productService":[1,"product-service"],"productServiceText":[1,"product-service-text"],"productServiceTextWidth":[32]}]]],["quint-sidebar.cjs",[[1,"quint-sidebar",{"title":[1],"backEnabled":[4,"back-enabled"],"scrollToTop":[4,"scroll-to-top"],"centered":[4],"noTitle":[4,"no-title"],"topBarNoMargin":[4,"top-bar-no-margin"],"noScroll":[4,"no-scroll"],"selected":[32]}]]],["quint-snackbar.cjs",[[1,"quint-snackbar",{"icon":[1],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"borderWidth":[1,"border-width"],"maxWidth":[1,"max-width"],"rounded":[1],"isDisplayed":[32]}]]],["quint-switch.cjs",[[1,"quint-switch",{"rounded":[1],"name":[1],"checked":[4],"value":[1],"inputChecked":[32]}]]],["quint-testimonial.cjs",[[1,"quint-testimonial",{"icon":[1]}]]],["quint-underline-animated.cjs",[[1,"quint-underline-animated",{"lineColor":[1,"line-color"],"hover":[4],"selected":[4],"noUnderlineMobile":[4,"no-underline-mobile"]}]]]], options);
+    core.bootstrapLazy([["quint-tab-animated.cjs",[[1,"quint-tab-animated",{"tabs":[1],"rotationDegrees":[2,"rotation-degrees"],"lineColor":[1,"line-color"],"elementsColor":[1,"elements-color"],"dotsColor":[1,"dots-color"],"selected":[32],"selectedIcon":[32],"tabsObject":[32]},[[9,"resize","placeElements"]]]]],["quint-button.cjs",[[1,"quint-button",{"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"border":[4],"rounded":[1],"paddingX":[1,"padding-x"],"width":[1],"borderRadius":[1,"border-radius"]}]]],["quint-carousel.cjs",[[1,"quint-carousel",{"timeInterval":[2,"time-interval"],"timerDisabled":[4,"timer-disabled"],"indicatorDisabled":[4,"indicator-disabled"],"arrows":[4],"arrowColor":[1,"arrow-color"],"active":[32],"carouselItems":[32],"carouselIndicator":[32],"arrowsEnabled":[32],"arrowContainer":[32]}]]],["quint-content-card.cjs",[[1,"quint-content-card",{"media":[1],"title":[1],"subtitle":[1],"buttonText":[1,"button-text"],"height":[1],"mediaMaxWidth":[1,"media-max-width"],"mediaMaxHeight":[1,"media-max-height"],"mediaPosition":[1,"media-position"],"marginBottom":[1,"margin-bottom"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"underlineColor":[1,"underline-color"]}]]],["quint-flip-image.cjs",[[1,"quint-flip-image",{"image1":[1,"image-1"],"image2":[1,"image-2"],"caption1":[1,"caption-1"],"caption2":[1,"caption-2"],"captionBackground":[1,"caption-background"],"captionColor":[1,"caption-color"],"direction":[1],"change":[1],"selected":[4]}]]],["quint-footer.cjs",[[1,"quint-footer",{"icon":[1],"iconText":[1,"icon-text"],"title":[1],"background":[1],"textColor":[1,"text-color"]}]]],["quint-icon-button.cjs",[[1,"quint-icon-button",{"icon":[1],"background":[1],"borderColor":[1,"border-color"],"rounded":[1],"size":[2],"borderWidth":[8,"border-width"]}]]],["quint-media-container.cjs",[[1,"quint-media-container",{"type":[1],"mediaPlay":[1,"media-play"],"mediaLoop":[4,"media-loop"],"mediaSpeed":[2,"media-speed"],"lottieDirection":[2,"lottie-direction"],"path":[1],"data":[1],"objectFit":[1,"object-fit"]}]]],["quint-nav-header.cjs",[[1,"quint-nav-header",{"logo":[1],"backgroundSolid":[4,"background-solid"],"shadowSolid":[4,"shadow-solid"],"solid":[32]},[[9,"scroll","handleScroll"]]]]],["quint-product-card.cjs",[[1,"quint-product-card",{"icon":[1],"text":[1],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"enabledArrow":[4,"enabled-arrow"]}]]],["quint-product-card-grid.cjs",[[1,"quint-product-card-grid"]]],["quint-product-service.cjs",[[1,"quint-product-service",{"productService":[1,"product-service"],"productServiceText":[1,"product-service-text"],"productServiceTextWidth":[32]}]]],["quint-sidebar.cjs",[[1,"quint-sidebar",{"title":[1],"backEnabled":[4,"back-enabled"],"scrollToTop":[4,"scroll-to-top"],"centered":[4],"noTitle":[4,"no-title"],"topBarNoMargin":[4,"top-bar-no-margin"],"noScroll":[4,"no-scroll"],"selected":[32]}]]],["quint-snackbar.cjs",[[1,"quint-snackbar",{"icon":[1],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"borderWidth":[1,"border-width"],"maxWidth":[1,"max-width"],"rounded":[1],"isDisplayed":[32]}]]],["quint-switch.cjs",[[1,"quint-switch",{"rounded":[1],"name":[1],"checked":[4],"value":[1],"inputChecked":[32]}]]],["quint-testimonial.cjs",[[1,"quint-testimonial",{"icon":[1]}]]],["quint-underline-animated.cjs",[[1,"quint-underline-animated",{"lineColor":[1,"line-color"],"hover":[4],"selected":[4],"noUnderlineMobile":[4,"no-underline-mobile"]}]]]], options);
   });
@@ -12,0 +12,0 @@ };

dist/cjs/quint-flip-image.cjs.entry.js

@@ -13,9 +13,27 @@ 'use strict';
         this.direction = 'bottom';
+        this.change = 'onHover';
+        this.selected = false;
     }
+    constructWrapperClasses() {
+        let basicClasses = 'flip-image-wrapper';
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect' && this.selected) {
+            basicClasses += ' selected';
+        }
+        return basicClasses;
+    }
     constructContainerClasses() {
-        const basicClasses = 'flip-image-container ';
+        let basicClasses = 'flip-image-container';
         if (!this.image1 || !this.image2) {
-            return basicClasses + 'no-flip';
+            return basicClasses + ' no-flip';
         }
-        return basicClasses + this.direction;
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect') {
+            basicClasses += ' selected';
+        }
+        return basicClasses + ' ' + this.direction;
     }
@@ -32,3 +50,3 @@ gradientStyle() {
         }
-        return (core.h(core.Host, null, core.h("div", { class: 'flip-image-wrapper' }, core.h("div", { class: this.constructContainerClasses() }, this.image1 &&
+        return (core.h(core.Host, null, core.h("div", { class: this.constructWrapperClasses() }, core.h("div", { class: this.constructContainerClasses() }, this.image1 &&
             core.h("div", { class: 'flip-image-div' }, core.h("img", { src: this.image1, alt: '' }), this.caption1 &&
@@ -40,5 +58,5 @@ core.h("div", { class: "gradient", style: this.gradientStyle() }, core.h("span", { class: 'caption' }, this.caption1))), this.image2 &&
     get el() { return core.getElement(this); }
-    static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap\");.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}\@media (min-width:576px){.container{max-width:540px}}\@media (min-width:768px){.container{max-width:720px}}\@media (min-width:992px){.container{max-width:960px}}\@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}\@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}\@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}\@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}\@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}:host{font-family:Josefin Sans,sans-serif;height:100%;width:100%}:host :hover .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host :hover .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host :hover .flip-image-container.right{-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host :hover .flip-image-container.left{-webkit-transform:translateX(50%);transform:translateX(50%)}:host .flip-image-wrapper{height:100%;width:100%;display:-ms-flexbox;display:flex;overflow:hidden}:host .flip-image-wrapper .flip-image-container{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-flexbox;display:flex}:host .flip-image-wrapper .flip-image-container.no-flip,:host .flip-image-wrapper .flip-image-container.no-flip .flip-image-div{height:100%}:host .flip-image-wrapper .flip-image-container.top{-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.top .flip-image-div{width:100%;height:50%;top:-50%}:host .flip-image-wrapper .flip-image-container.bottom{-ms-flex-direction:column;flex-direction:column;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.bottom .flip-image-div{width:100%;height:50%;top:0}:host .flip-image-wrapper .flip-image-container .flip-image-div{position:relative}:host .flip-image-wrapper .flip-image-container .flip-image-div img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-left:16px;padding-right:16px}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-size:18px}"; }
+    static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap\");.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}\@media (min-width:576px){.container{max-width:540px}}\@media (min-width:768px){.container{max-width:720px}}\@media (min-width:992px){.container{max-width:960px}}\@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}\@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}\@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}\@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}\@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}:host{font-family:Josefin Sans,sans-serif;height:100%;width:100%}:host .flip-image-wrapper{height:100%;width:100%;display:-ms-flexbox;display:flex;overflow:hidden}:host .flip-image-wrapper.on-hover:hover .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .flip-image-wrapper.on-hover:hover .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host .flip-image-wrapper.selected .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .flip-image-wrapper.selected .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host .flip-image-wrapper .flip-image-container{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-flexbox;display:flex}:host .flip-image-wrapper .flip-image-container.no-flip,:host .flip-image-wrapper .flip-image-container.no-flip .flip-image-div{height:100%}:host .flip-image-wrapper .flip-image-container.top{-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.top .flip-image-div{width:100%;height:50%;top:-50%}:host .flip-image-wrapper .flip-image-container.bottom{-ms-flex-direction:column;flex-direction:column;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.bottom .flip-image-div{width:100%;height:50%;top:0}:host .flip-image-wrapper .flip-image-container .flip-image-div{position:relative}:host .flip-image-wrapper .flip-image-container .flip-image-div img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-left:16px;padding-right:16px}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-size:18px}"; }
 };
 
 exports.quint_flip_image = FlipImage;

dist/cjs/quintessential-ui.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 core.patchBrowser().then(options => {
-  return core.bootstrapLazy([["quint-tab-animated.cjs",[[1,"quint-tab-animated",{"tabs":[1],"rotationDegrees":[2,"rotation-degrees"],"lineColor":[1,"line-color"],"elementsColor":[1,"elements-color"],"dotsColor":[1,"dots-color"],"selected":[32],"selectedIcon":[32],"tabsObject":[32]},[[9,"resize","placeElements"]]]]],["quint-button.cjs",[[1,"quint-button",{"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"border":[4],"rounded":[1],"paddingX":[1,"padding-x"],"width":[1],"borderRadius":[1,"border-radius"]}]]],["quint-carousel.cjs",[[1,"quint-carousel",{"timeInterval":[2,"time-interval"],"timerDisabled":[4,"timer-disabled"],"indicatorDisabled":[4,"indicator-disabled"],"arrows":[4],"arrowColor":[1,"arrow-color"],"active":[32],"carouselItems":[32],"carouselIndicator":[32],"arrowsEnabled":[32],"arrowContainer":[32]}]]],["quint-content-card.cjs",[[1,"quint-content-card",{"media":[1],"title":[1],"subtitle":[1],"buttonText":[1,"button-text"],"height":[1],"mediaMaxWidth":[1,"media-max-width"],"mediaMaxHeight":[1,"media-max-height"],"mediaPosition":[1,"media-position"],"marginBottom":[1,"margin-bottom"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"underlineColor":[1,"underline-color"]}]]],["quint-flip-image.cjs",[[1,"quint-flip-image",{"image1":[1,"image-1"],"image2":[1,"image-2"],"caption1":[1,"caption-1"],"caption2":[1,"caption-2"],"captionBackground":[1,"caption-background"],"captionColor":[1,"caption-color"],"direction":[1]}]]],["quint-footer.cjs",[[1,"quint-footer",{"icon":[1],"iconText":[1,"icon-text"],"title":[1],"background":[1],"textColor":[1,"text-color"]}]]],["quint-icon-button.cjs",[[1,"quint-icon-button",{"icon":[1],"background":[1],"borderColor":[1,"border-color"],"rounded":[1],"size":[2],"borderWidth":[8,"border-width"]}]]],["quint-media-container.cjs",[[1,"quint-media-container",{"type":[1],"mediaPlay":[1,"media-play"],"mediaLoop":[4,"media-loop"],"mediaSpeed":[2,"media-speed"],"lottieDirection":[2,"lottie-direction"],"path":[1],"data":[1],"objectFit":[1,"object-fit"]}]]],["quint-nav-header.cjs",[[1,"quint-nav-header",{"logo":[1],"backgroundSolid":[4,"background-solid"],"shadowSolid":[4,"shadow-solid"],"solid":[32]},[[9,"scroll","handleScroll"]]]]],["quint-product-card.cjs",[[1,"quint-product-card",{"icon":[1],"text":[1],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"enabledArrow":[4,"enabled-arrow"]}]]],["quint-product-card-grid.cjs",[[1,"quint-product-card-grid"]]],["quint-product-service.cjs",[[1,"quint-product-service",{"productService":[1,"product-service"],"productServiceText":[1,"product-service-text"],"productServiceTextWidth":[32]}]]],["quint-sidebar.cjs",[[1,"quint-sidebar",{"title":[1],"backEnabled":[4,"back-enabled"],"scrollToTop":[4,"scroll-to-top"],"centered":[4],"noTitle":[4,"no-title"],"topBarNoMargin":[4,"top-bar-no-margin"],"noScroll":[4,"no-scroll"],"selected":[32]}]]],["quint-snackbar.cjs",[[1,"quint-snackbar",{"icon":[1],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"borderWidth":[1,"border-width"],"maxWidth":[1,"max-width"],"rounded":[1],"isDisplayed":[32]}]]],["quint-switch.cjs",[[1,"quint-switch",{"rounded":[1],"name":[1],"checked":[4],"value":[1],"inputChecked":[32]}]]],["quint-testimonial.cjs",[[1,"quint-testimonial",{"icon":[1]}]]],["quint-underline-animated.cjs",[[1,"quint-underline-animated",{"lineColor":[1,"line-color"],"hover":[4],"selected":[4],"noUnderlineMobile":[4,"no-underline-mobile"]}]]]], options);
+  return core.bootstrapLazy([["quint-tab-animated.cjs",[[1,"quint-tab-animated",{"tabs":[1],"rotationDegrees":[2,"rotation-degrees"],"lineColor":[1,"line-color"],"elementsColor":[1,"elements-color"],"dotsColor":[1,"dots-color"],"selected":[32],"selectedIcon":[32],"tabsObject":[32]},[[9,"resize","placeElements"]]]]],["quint-button.cjs",[[1,"quint-button",{"iconLeft":[1,"icon-left"],"iconRight":[1,"icon-right"],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"border":[4],"rounded":[1],"paddingX":[1,"padding-x"],"width":[1],"borderRadius":[1,"border-radius"]}]]],["quint-carousel.cjs",[[1,"quint-carousel",{"timeInterval":[2,"time-interval"],"timerDisabled":[4,"timer-disabled"],"indicatorDisabled":[4,"indicator-disabled"],"arrows":[4],"arrowColor":[1,"arrow-color"],"active":[32],"carouselItems":[32],"carouselIndicator":[32],"arrowsEnabled":[32],"arrowContainer":[32]}]]],["quint-content-card.cjs",[[1,"quint-content-card",{"media":[1],"title":[1],"subtitle":[1],"buttonText":[1,"button-text"],"height":[1],"mediaMaxWidth":[1,"media-max-width"],"mediaMaxHeight":[1,"media-max-height"],"mediaPosition":[1,"media-position"],"marginBottom":[1,"margin-bottom"],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"],"underlineColor":[1,"underline-color"]}]]],["quint-flip-image.cjs",[[1,"quint-flip-image",{"image1":[1,"image-1"],"image2":[1,"image-2"],"caption1":[1,"caption-1"],"caption2":[1,"caption-2"],"captionBackground":[1,"caption-background"],"captionColor":[1,"caption-color"],"direction":[1],"change":[1],"selected":[4]}]]],["quint-footer.cjs",[[1,"quint-footer",{"icon":[1],"iconText":[1,"icon-text"],"title":[1],"background":[1],"textColor":[1,"text-color"]}]]],["quint-icon-button.cjs",[[1,"quint-icon-button",{"icon":[1],"background":[1],"borderColor":[1,"border-color"],"rounded":[1],"size":[2],"borderWidth":[8,"border-width"]}]]],["quint-media-container.cjs",[[1,"quint-media-container",{"type":[1],"mediaPlay":[1,"media-play"],"mediaLoop":[4,"media-loop"],"mediaSpeed":[2,"media-speed"],"lottieDirection":[2,"lottie-direction"],"path":[1],"data":[1],"objectFit":[1,"object-fit"]}]]],["quint-nav-header.cjs",[[1,"quint-nav-header",{"logo":[1],"backgroundSolid":[4,"background-solid"],"shadowSolid":[4,"shadow-solid"],"solid":[32]},[[9,"scroll","handleScroll"]]]]],["quint-product-card.cjs",[[1,"quint-product-card",{"icon":[1],"text":[1],"backgroundColor":[1,"background-color"],"textColor":[1,"text-color"],"enabledArrow":[4,"enabled-arrow"]}]]],["quint-product-card-grid.cjs",[[1,"quint-product-card-grid"]]],["quint-product-service.cjs",[[1,"quint-product-service",{"productService":[1,"product-service"],"productServiceText":[1,"product-service-text"],"productServiceTextWidth":[32]}]]],["quint-sidebar.cjs",[[1,"quint-sidebar",{"title":[1],"backEnabled":[4,"back-enabled"],"scrollToTop":[4,"scroll-to-top"],"centered":[4],"noTitle":[4,"no-title"],"topBarNoMargin":[4,"top-bar-no-margin"],"noScroll":[4,"no-scroll"],"selected":[32]}]]],["quint-snackbar.cjs",[[1,"quint-snackbar",{"icon":[1],"background":[1],"textColor":[1,"text-color"],"borderColor":[1,"border-color"],"borderWidth":[1,"border-width"],"maxWidth":[1,"max-width"],"rounded":[1],"isDisplayed":[32]}]]],["quint-switch.cjs",[[1,"quint-switch",{"rounded":[1],"name":[1],"checked":[4],"value":[1],"inputChecked":[32]}]]],["quint-testimonial.cjs",[[1,"quint-testimonial",{"icon":[1]}]]],["quint-underline-animated.cjs",[[1,"quint-underline-animated",{"lineColor":[1,"line-color"],"hover":[4],"selected":[4],"noUnderlineMobile":[4,"no-underline-mobile"]}]]]], options);
 });

dist/collection/collection-manifest.json

 {
   "entries": [
-    "components/carousel/carousel.js",
+    "components/flip-image/flip-image.js",
     "components/product-card-grid/product-card-grid.js",
     "components/testimonial/testimonial.js",
-    "components/underline-animated/underline-animated.js",
-    "components/flip-image/flip-image.js",
     "components/button/button.js",
+    "components/icon-button/icon-button.js",
     "components/content-card/content-card.js",
-    "components/icon-button/icon-button.js",
+    "components/underline-animated/underline-animated.js",
+    "components/media-container/media-container.js",
     "components/nav-header/nav-header.js",
+    "components/product-card/product-card.js",
     "components/footer/footer.js",
-    "components/media-container/media-container.js",
+    "components/sidebar/sidebar.js",
     "components/product-service/product-service.js",
+    "components/snackbar/snackbar.js",
+    "components/carousel/carousel.js",
     "components/switch/switch.js",
-    "components/sidebar/sidebar.js",
-    "components/product-card/product-card.js",
-    "components/snackbar/snackbar.js",
     "components/tab-animated/tab-animated.js"
@@ -20,0 +20,0 @@ ],

dist/collection/components/flip-image/flip-image.js

@@ -7,9 +7,27 @@ import { h, Host } from "@stencil/core";
         this.direction = 'bottom';
+        this.change = 'onHover';
+        this.selected = false;
     }
+    constructWrapperClasses() {
+        let basicClasses = 'flip-image-wrapper';
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect' && this.selected) {
+            basicClasses += ' selected';
+        }
+        return basicClasses;
+    }
     constructContainerClasses() {
-        const basicClasses = 'flip-image-container ';
+        let basicClasses = 'flip-image-container';
         if (!this.image1 || !this.image2) {
-            return basicClasses + 'no-flip';
+            return basicClasses + ' no-flip';
         }
-        return basicClasses + this.direction;
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect') {
+            basicClasses += ' selected';
+        }
+        return basicClasses + ' ' + this.direction;
     }
@@ -27,3 +45,3 @@ gradientStyle() {
         return (h(Host, null,
-            h("div", { class: 'flip-image-wrapper' },
+            h("div", { class: this.constructWrapperClasses() },
                 h("div", { class: this.constructContainerClasses() },
@@ -173,2 +191,38 @@ this.image1 &&
             "defaultValue": "'bottom'"
+        },
+        "change": {
+            "type": "string",
+            "mutable": false,
+            "complexType": {
+                "original": "'onHover' | 'onSelect'",
+                "resolved": "\"onHover\" | \"onSelect\"",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "change",
+            "reflect": false,
+            "defaultValue": "'onHover'"
+        },
+        "selected": {
+            "type": "boolean",
+            "mutable": false,
+            "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+            },
+            "required": false,
+            "optional": false,
+            "docs": {
+                "tags": [],
+                "text": ""
+            },
+            "attribute": "selected",
+            "reflect": false,
+            "defaultValue": "false"
         }
@@ -175,0 +229,0 @@ }; }

dist/collection/components/flip-image/flip-image.stories.js

@@ -7,3 +7,3 @@ import {storiesOf} from '@storybook/html';
     <div style="width: 400px; height: 500px;">
-        <quint-flip-image 
+        <quint-flip-image
         caption-background="#0D2395"
@@ -33,2 +33,17 @@ image-1="https://images.unsplash.com/photo-1524419986249-348e8fa6ad4a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80"
     }
-  });
+  })
+  .add('on select', () => `
+    <div style="width: 400px; height: 500px;">
+        <quint-flip-image direction="bottom" change="onSelect"
+        caption-background="#0D2395"
+        image-1="https://images.unsplash.com/photo-1524419986249-348e8fa6ad4a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80"
+        caption-1="test test test test test test test"
+        image-2="https://images.unsplash.com/photo-1529321044792-949d1f03e61e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2690&q=80"
+        caption-2="test test test test test test test"/>
+    </div>
+`, {
+    notes: {
+      markdown: readme
+    }
+  })
+;

dist/esm-es5/quint-flip-image.entry.js

@@ -8,9 +8,27 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-5f1f3a93.js';
         this.direction = 'bottom';
+        this.change = 'onHover';
+        this.selected = false;
     }
+    FlipImage.prototype.constructWrapperClasses = function () {
+        var basicClasses = 'flip-image-wrapper';
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect' && this.selected) {
+            basicClasses += ' selected';
+        }
+        return basicClasses;
+    };
     FlipImage.prototype.constructContainerClasses = function () {
-        var basicClasses = 'flip-image-container ';
+        var basicClasses = 'flip-image-container';
         if (!this.image1 || !this.image2) {
-            return basicClasses + 'no-flip';
+            return basicClasses + ' no-flip';
         }
-        return basicClasses + this.direction;
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect') {
+            basicClasses += ' selected';
+        }
+        return basicClasses + ' ' + this.direction;
     };
@@ -27,3 +45,3 @@ FlipImage.prototype.gradientStyle = function () {
         }
-        return (h(Host, null, h("div", { class: 'flip-image-wrapper' }, h("div", { class: this.constructContainerClasses() }, this.image1 &&
+        return (h(Host, null, h("div", { class: this.constructWrapperClasses() }, h("div", { class: this.constructContainerClasses() }, this.image1 &&
             h("div", { class: 'flip-image-div' }, h("img", { src: this.image1, alt: '' }), this.caption1 &&
@@ -40,3 +58,3 @@ h("div", { class: "gradient", style: this.gradientStyle() }, h("span", { class: 'caption' }, this.caption1))), this.image2 &&
     Object.defineProperty(FlipImage, "style", {
-        get: function () { return "\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap\");.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}\@media (min-width:576px){.container{max-width:540px}}\@media (min-width:768px){.container{max-width:720px}}\@media (min-width:992px){.container{max-width:960px}}\@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}\@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}\@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}\@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}\@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}:host{font-family:Josefin Sans,sans-serif;height:100%;width:100%}:host :hover .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host :hover .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host :hover .flip-image-container.right{-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host :hover .flip-image-container.left{-webkit-transform:translateX(50%);transform:translateX(50%)}:host .flip-image-wrapper{height:100%;width:100%;display:-ms-flexbox;display:flex;overflow:hidden}:host .flip-image-wrapper .flip-image-container{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-flexbox;display:flex}:host .flip-image-wrapper .flip-image-container.no-flip,:host .flip-image-wrapper .flip-image-container.no-flip .flip-image-div{height:100%}:host .flip-image-wrapper .flip-image-container.top{-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.top .flip-image-div{width:100%;height:50%;top:-50%}:host .flip-image-wrapper .flip-image-container.bottom{-ms-flex-direction:column;flex-direction:column;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.bottom .flip-image-div{width:100%;height:50%;top:0}:host .flip-image-wrapper .flip-image-container .flip-image-div{position:relative}:host .flip-image-wrapper .flip-image-container .flip-image-div img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-left:16px;padding-right:16px}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-size:18px}"; },
+        get: function () { return "\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap\");.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}\@media (min-width:576px){.container{max-width:540px}}\@media (min-width:768px){.container{max-width:720px}}\@media (min-width:992px){.container{max-width:960px}}\@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}\@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}\@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}\@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}\@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}:host{font-family:Josefin Sans,sans-serif;height:100%;width:100%}:host .flip-image-wrapper{height:100%;width:100%;display:-ms-flexbox;display:flex;overflow:hidden}:host .flip-image-wrapper.on-hover:hover .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .flip-image-wrapper.on-hover:hover .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host .flip-image-wrapper.selected .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .flip-image-wrapper.selected .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host .flip-image-wrapper .flip-image-container{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-flexbox;display:flex}:host .flip-image-wrapper .flip-image-container.no-flip,:host .flip-image-wrapper .flip-image-container.no-flip .flip-image-div{height:100%}:host .flip-image-wrapper .flip-image-container.top{-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.top .flip-image-div{width:100%;height:50%;top:-50%}:host .flip-image-wrapper .flip-image-container.bottom{-ms-flex-direction:column;flex-direction:column;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.bottom .flip-image-div{width:100%;height:50%;top:0}:host .flip-image-wrapper .flip-image-container .flip-image-div{position:relative}:host .flip-image-wrapper .flip-image-container .flip-image-div img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-left:16px;padding-right:16px}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-size:18px}"; },
         enumerable: true,
@@ -43,0 +61,0 @@ configurable: true

dist/esm/quint-flip-image.entry.js

@@ -9,9 +9,27 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-5f1f3a93.js';
         this.direction = 'bottom';
+        this.change = 'onHover';
+        this.selected = false;
     }
+    constructWrapperClasses() {
+        let basicClasses = 'flip-image-wrapper';
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect' && this.selected) {
+            basicClasses += ' selected';
+        }
+        return basicClasses;
+    }
     constructContainerClasses() {
-        const basicClasses = 'flip-image-container ';
+        let basicClasses = 'flip-image-container';
         if (!this.image1 || !this.image2) {
-            return basicClasses + 'no-flip';
+            return basicClasses + ' no-flip';
         }
-        return basicClasses + this.direction;
+        if (this.change === 'onHover') {
+            basicClasses += ' on-hover';
+        }
+        else if (this.change === 'onSelect') {
+            basicClasses += ' selected';
+        }
+        return basicClasses + ' ' + this.direction;
     }
@@ -28,3 +46,3 @@ gradientStyle() {
         }
-        return (h(Host, null, h("div", { class: 'flip-image-wrapper' }, h("div", { class: this.constructContainerClasses() }, this.image1 &&
+        return (h(Host, null, h("div", { class: this.constructWrapperClasses() }, h("div", { class: this.constructContainerClasses() }, this.image1 &&
             h("div", { class: 'flip-image-div' }, h("img", { src: this.image1, alt: '' }), this.caption1 &&
@@ -36,5 +54,5 @@ h("div", { class: "gradient", style: this.gradientStyle() }, h("span", { class: 'caption' }, this.caption1))), this.image2 &&
     get el() { return getElement(this); }
-    static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap\");.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}\@media (min-width:576px){.container{max-width:540px}}\@media (min-width:768px){.container{max-width:720px}}\@media (min-width:992px){.container{max-width:960px}}\@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}\@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}\@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}\@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}\@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}:host{font-family:Josefin Sans,sans-serif;height:100%;width:100%}:host :hover .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host :hover .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host :hover .flip-image-container.right{-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host :hover .flip-image-container.left{-webkit-transform:translateX(50%);transform:translateX(50%)}:host .flip-image-wrapper{height:100%;width:100%;display:-ms-flexbox;display:flex;overflow:hidden}:host .flip-image-wrapper .flip-image-container{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-flexbox;display:flex}:host .flip-image-wrapper .flip-image-container.no-flip,:host .flip-image-wrapper .flip-image-container.no-flip .flip-image-div{height:100%}:host .flip-image-wrapper .flip-image-container.top{-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.top .flip-image-div{width:100%;height:50%;top:-50%}:host .flip-image-wrapper .flip-image-container.bottom{-ms-flex-direction:column;flex-direction:column;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.bottom .flip-image-div{width:100%;height:50%;top:0}:host .flip-image-wrapper .flip-image-container .flip-image-div{position:relative}:host .flip-image-wrapper .flip-image-container .flip-image-div img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-left:16px;padding-right:16px}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-size:18px}"; }
+    static get style() { return "\@import url(\"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,500,600,700&display=swap\");\@import url(\"https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700&display=swap\");.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}\@media (min-width:576px){.container{max-width:540px}}\@media (min-width:768px){.container{max-width:720px}}\@media (min-width:992px){.container{max-width:960px}}\@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}\@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}\@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}\@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}\@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}:host{font-family:Josefin Sans,sans-serif;height:100%;width:100%}:host .flip-image-wrapper{height:100%;width:100%;display:-ms-flexbox;display:flex;overflow:hidden}:host .flip-image-wrapper.on-hover:hover .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .flip-image-wrapper.on-hover:hover .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host .flip-image-wrapper.selected .flip-image-container.bottom{-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .flip-image-wrapper.selected .flip-image-container.top{-webkit-transform:translateY(50%);transform:translateY(50%)}:host .flip-image-wrapper .flip-image-container{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-ms-flexbox;display:flex}:host .flip-image-wrapper .flip-image-container.no-flip,:host .flip-image-wrapper .flip-image-container.no-flip .flip-image-div{height:100%}:host .flip-image-wrapper .flip-image-container.top{-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.top .flip-image-div{width:100%;height:50%;top:-50%}:host .flip-image-wrapper .flip-image-container.bottom{-ms-flex-direction:column;flex-direction:column;height:200%;width:100%}:host .flip-image-wrapper .flip-image-container.bottom .flip-image-div{width:100%;height:50%;top:0}:host .flip-image-wrapper .flip-image-container .flip-image-div{position:relative}:host .flip-image-wrapper .flip-image-container .flip-image-div img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;display:block}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient{position:absolute;bottom:0;left:0;width:100%;height:30%;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:24px;padding-left:16px;padding-right:16px}:host .flip-image-wrapper .flip-image-container .flip-image-div .gradient span{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-size:18px}"; }
 };
 
 export { FlipImage as quint_flip_image };

dist/quintessential-ui/p-bc67fc68.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-c974d36b.system.js"],(function(){"use strict";var e,o;return{setters:[function(t){e=t.p;o=t.b}],execute:function(){e().then((function(e){return o([["p-sfngskdd.system",[[1,"quint-tab-animated",{tabs:[1],rotationDegrees:[2,"rotation-degrees"],lineColor:[1,"line-color"],elementsColor:[1,"elements-color"],dotsColor:[1,"dots-color"],selected:[32],selectedIcon:[32],tabsObject:[32]},[[9,"resize","placeElements"]]]]],["p-chpzydev.system",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1],paddingX:[1,"padding-x"],width:[1],borderRadius:[1,"border-radius"]}]]],["p-ppcmuh9o.system",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],timerDisabled:[4,"timer-disabled"],indicatorDisabled:[4,"indicator-disabled"],arrows:[4],arrowColor:[1,"arrow-color"],active:[32],carouselItems:[32],carouselIndicator:[32],arrowsEnabled:[32],arrowContainer:[32]}]]],["p-i99rpmwb.system",[[1,"quint-content-card",{media:[1],title:[1],subtitle:[1],buttonText:[1,"button-text"],height:[1],mediaMaxWidth:[1,"media-max-width"],mediaMaxHeight:[1,"media-max-height"],mediaPosition:[1,"media-position"],marginBottom:[1,"margin-bottom"],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"],underlineColor:[1,"underline-color"]}]]],["p-icfhd5se.system",[[1,"quint-flip-image",{image1:[1,"image-1"],image2:[1,"image-2"],caption1:[1,"caption-1"],caption2:[1,"caption-2"],captionBackground:[1,"caption-background"],captionColor:[1,"caption-color"],direction:[1]}]]],["p-jr9scyvi.system",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-9k8ssgak.system",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],rounded:[1],size:[2],borderWidth:[8,"border-width"]}]]],["p-9xa8ntqg.system",[[1,"quint-media-container",{type:[1],mediaPlay:[1,"media-play"],mediaLoop:[4,"media-loop"],mediaSpeed:[2,"media-speed"],lottieDirection:[2,"lottie-direction"],path:[1],data:[1],objectFit:[1,"object-fit"]}]]],["p-ikhunh8q.system",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"],shadowSolid:[4,"shadow-solid"],solid:[32]},[[9,"scroll","handleScroll"]]]]],["p-szeqpo47.system",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],enabledArrow:[4,"enabled-arrow"]}]]],["p-4ggnrkfn.system",[[1,"quint-product-card-grid"]]],["p-wumrraa1.system",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-ept5edfy.system",[[1,"quint-sidebar",{title:[1],backEnabled:[4,"back-enabled"],scrollToTop:[4,"scroll-to-top"],centered:[4],noTitle:[4,"no-title"],topBarNoMargin:[4,"top-bar-no-margin"],noScroll:[4,"no-scroll"],selected:[32]}]]],["p-9lzpeyxr.system",[[1,"quint-snackbar",{icon:[1],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],borderWidth:[1,"border-width"],maxWidth:[1,"max-width"],rounded:[1],isDisplayed:[32]}]]],["p-0izbvdua.system",[[1,"quint-switch",{rounded:[1],name:[1],checked:[4],value:[1],inputChecked:[32]}]]],["p-wvmoiatz.system",[[1,"quint-testimonial",{icon:[1]}]]],["p-0bds7vx4.system",[[1,"quint-underline-animated",{lineColor:[1,"line-color"],hover:[4],selected:[4],noUnderlineMobile:[4,"no-underline-mobile"]}]]]],e)}))}}}));
+System.register(["./p-c974d36b.system.js"],(function(){"use strict";var e,o;return{setters:[function(t){e=t.p;o=t.b}],execute:function(){e().then((function(e){return o([["p-sfngskdd.system",[[1,"quint-tab-animated",{tabs:[1],rotationDegrees:[2,"rotation-degrees"],lineColor:[1,"line-color"],elementsColor:[1,"elements-color"],dotsColor:[1,"dots-color"],selected:[32],selectedIcon:[32],tabsObject:[32]},[[9,"resize","placeElements"]]]]],["p-chpzydev.system",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1],paddingX:[1,"padding-x"],width:[1],borderRadius:[1,"border-radius"]}]]],["p-ppcmuh9o.system",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],timerDisabled:[4,"timer-disabled"],indicatorDisabled:[4,"indicator-disabled"],arrows:[4],arrowColor:[1,"arrow-color"],active:[32],carouselItems:[32],carouselIndicator:[32],arrowsEnabled:[32],arrowContainer:[32]}]]],["p-i99rpmwb.system",[[1,"quint-content-card",{media:[1],title:[1],subtitle:[1],buttonText:[1,"button-text"],height:[1],mediaMaxWidth:[1,"media-max-width"],mediaMaxHeight:[1,"media-max-height"],mediaPosition:[1,"media-position"],marginBottom:[1,"margin-bottom"],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"],underlineColor:[1,"underline-color"]}]]],["p-a0ae1quu.system",[[1,"quint-flip-image",{image1:[1,"image-1"],image2:[1,"image-2"],caption1:[1,"caption-1"],caption2:[1,"caption-2"],captionBackground:[1,"caption-background"],captionColor:[1,"caption-color"],direction:[1],change:[1],selected:[4]}]]],["p-jr9scyvi.system",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-9k8ssgak.system",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],rounded:[1],size:[2],borderWidth:[8,"border-width"]}]]],["p-9xa8ntqg.system",[[1,"quint-media-container",{type:[1],mediaPlay:[1,"media-play"],mediaLoop:[4,"media-loop"],mediaSpeed:[2,"media-speed"],lottieDirection:[2,"lottie-direction"],path:[1],data:[1],objectFit:[1,"object-fit"]}]]],["p-ikhunh8q.system",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"],shadowSolid:[4,"shadow-solid"],solid:[32]},[[9,"scroll","handleScroll"]]]]],["p-szeqpo47.system",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],enabledArrow:[4,"enabled-arrow"]}]]],["p-4ggnrkfn.system",[[1,"quint-product-card-grid"]]],["p-wumrraa1.system",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-ept5edfy.system",[[1,"quint-sidebar",{title:[1],backEnabled:[4,"back-enabled"],scrollToTop:[4,"scroll-to-top"],centered:[4],noTitle:[4,"no-title"],topBarNoMargin:[4,"top-bar-no-margin"],noScroll:[4,"no-scroll"],selected:[32]}]]],["p-9lzpeyxr.system",[[1,"quint-snackbar",{icon:[1],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],borderWidth:[1,"border-width"],maxWidth:[1,"max-width"],rounded:[1],isDisplayed:[32]}]]],["p-0izbvdua.system",[[1,"quint-switch",{rounded:[1],name:[1],checked:[4],value:[1],inputChecked:[32]}]]],["p-wvmoiatz.system",[[1,"quint-testimonial",{icon:[1]}]]],["p-0bds7vx4.system",[[1,"quint-underline-animated",{lineColor:[1,"line-color"],hover:[4],selected:[4],noUnderlineMobile:[4,"no-underline-mobile"]}]]]],e)}))}}}));

dist/quintessential-ui/quintessential-ui.esm.js

@@ -1,1 +0,1 @@
-import{p as o,b as e}from"./p-6ae256d7.js";o().then(o=>e([["p-brydmmr3",[[1,"quint-tab-animated",{tabs:[1],rotationDegrees:[2,"rotation-degrees"],lineColor:[1,"line-color"],elementsColor:[1,"elements-color"],dotsColor:[1,"dots-color"],selected:[32],selectedIcon:[32],tabsObject:[32]},[[9,"resize","placeElements"]]]]],["p-xsngbstj",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1],paddingX:[1,"padding-x"],width:[1],borderRadius:[1,"border-radius"]}]]],["p-c0fwbpwq",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],timerDisabled:[4,"timer-disabled"],indicatorDisabled:[4,"indicator-disabled"],arrows:[4],arrowColor:[1,"arrow-color"],active:[32],carouselItems:[32],carouselIndicator:[32],arrowsEnabled:[32],arrowContainer:[32]}]]],["p-n9g1e9rf",[[1,"quint-content-card",{media:[1],title:[1],subtitle:[1],buttonText:[1,"button-text"],height:[1],mediaMaxWidth:[1,"media-max-width"],mediaMaxHeight:[1,"media-max-height"],mediaPosition:[1,"media-position"],marginBottom:[1,"margin-bottom"],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"],underlineColor:[1,"underline-color"]}]]],["p-gaha3h6c",[[1,"quint-flip-image",{image1:[1,"image-1"],image2:[1,"image-2"],caption1:[1,"caption-1"],caption2:[1,"caption-2"],captionBackground:[1,"caption-background"],captionColor:[1,"caption-color"],direction:[1]}]]],["p-3fhilywp",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-wkbhk5h8",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],rounded:[1],size:[2],borderWidth:[8,"border-width"]}]]],["p-2rb5i5mj",[[1,"quint-media-container",{type:[1],mediaPlay:[1,"media-play"],mediaLoop:[4,"media-loop"],mediaSpeed:[2,"media-speed"],lottieDirection:[2,"lottie-direction"],path:[1],data:[1],objectFit:[1,"object-fit"]}]]],["p-hbm2au3a",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"],shadowSolid:[4,"shadow-solid"],solid:[32]},[[9,"scroll","handleScroll"]]]]],["p-js5ap8e2",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],enabledArrow:[4,"enabled-arrow"]}]]],["p-tfyq5ntx",[[1,"quint-product-card-grid"]]],["p-ndehoedw",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-ljhht6up",[[1,"quint-sidebar",{title:[1],backEnabled:[4,"back-enabled"],scrollToTop:[4,"scroll-to-top"],centered:[4],noTitle:[4,"no-title"],topBarNoMargin:[4,"top-bar-no-margin"],noScroll:[4,"no-scroll"],selected:[32]}]]],["p-q9l83fle",[[1,"quint-snackbar",{icon:[1],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],borderWidth:[1,"border-width"],maxWidth:[1,"max-width"],rounded:[1],isDisplayed:[32]}]]],["p-on3qqwj8",[[1,"quint-switch",{rounded:[1],name:[1],checked:[4],value:[1],inputChecked:[32]}]]],["p-p4jflryf",[[1,"quint-testimonial",{icon:[1]}]]],["p-scorae1v",[[1,"quint-underline-animated",{lineColor:[1,"line-color"],hover:[4],selected:[4],noUnderlineMobile:[4,"no-underline-mobile"]}]]]],o));
+import{p as o,b as e}from"./p-6ae256d7.js";o().then(o=>e([["p-brydmmr3",[[1,"quint-tab-animated",{tabs:[1],rotationDegrees:[2,"rotation-degrees"],lineColor:[1,"line-color"],elementsColor:[1,"elements-color"],dotsColor:[1,"dots-color"],selected:[32],selectedIcon:[32],tabsObject:[32]},[[9,"resize","placeElements"]]]]],["p-xsngbstj",[[1,"quint-button",{iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],border:[4],rounded:[1],paddingX:[1,"padding-x"],width:[1],borderRadius:[1,"border-radius"]}]]],["p-c0fwbpwq",[[1,"quint-carousel",{timeInterval:[2,"time-interval"],timerDisabled:[4,"timer-disabled"],indicatorDisabled:[4,"indicator-disabled"],arrows:[4],arrowColor:[1,"arrow-color"],active:[32],carouselItems:[32],carouselIndicator:[32],arrowsEnabled:[32],arrowContainer:[32]}]]],["p-n9g1e9rf",[[1,"quint-content-card",{media:[1],title:[1],subtitle:[1],buttonText:[1,"button-text"],height:[1],mediaMaxWidth:[1,"media-max-width"],mediaMaxHeight:[1,"media-max-height"],mediaPosition:[1,"media-position"],marginBottom:[1,"margin-bottom"],primaryColor:[1,"primary-color"],secondaryColor:[1,"secondary-color"],underlineColor:[1,"underline-color"]}]]],["p-kdqqkg6v",[[1,"quint-flip-image",{image1:[1,"image-1"],image2:[1,"image-2"],caption1:[1,"caption-1"],caption2:[1,"caption-2"],captionBackground:[1,"caption-background"],captionColor:[1,"caption-color"],direction:[1],change:[1],selected:[4]}]]],["p-3fhilywp",[[1,"quint-footer",{icon:[1],iconText:[1,"icon-text"],title:[1],background:[1],textColor:[1,"text-color"]}]]],["p-wkbhk5h8",[[1,"quint-icon-button",{icon:[1],background:[1],borderColor:[1,"border-color"],rounded:[1],size:[2],borderWidth:[8,"border-width"]}]]],["p-2rb5i5mj",[[1,"quint-media-container",{type:[1],mediaPlay:[1,"media-play"],mediaLoop:[4,"media-loop"],mediaSpeed:[2,"media-speed"],lottieDirection:[2,"lottie-direction"],path:[1],data:[1],objectFit:[1,"object-fit"]}]]],["p-hbm2au3a",[[1,"quint-nav-header",{logo:[1],backgroundSolid:[4,"background-solid"],shadowSolid:[4,"shadow-solid"],solid:[32]},[[9,"scroll","handleScroll"]]]]],["p-js5ap8e2",[[1,"quint-product-card",{icon:[1],text:[1],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],enabledArrow:[4,"enabled-arrow"]}]]],["p-tfyq5ntx",[[1,"quint-product-card-grid"]]],["p-ndehoedw",[[1,"quint-product-service",{productService:[1,"product-service"],productServiceText:[1,"product-service-text"],productServiceTextWidth:[32]}]]],["p-ljhht6up",[[1,"quint-sidebar",{title:[1],backEnabled:[4,"back-enabled"],scrollToTop:[4,"scroll-to-top"],centered:[4],noTitle:[4,"no-title"],topBarNoMargin:[4,"top-bar-no-margin"],noScroll:[4,"no-scroll"],selected:[32]}]]],["p-q9l83fle",[[1,"quint-snackbar",{icon:[1],background:[1],textColor:[1,"text-color"],borderColor:[1,"border-color"],borderWidth:[1,"border-width"],maxWidth:[1,"max-width"],rounded:[1],isDisplayed:[32]}]]],["p-on3qqwj8",[[1,"quint-switch",{rounded:[1],name:[1],checked:[4],value:[1],inputChecked:[32]}]]],["p-p4jflryf",[[1,"quint-testimonial",{icon:[1]}]]],["p-scorae1v",[[1,"quint-underline-animated",{lineColor:[1,"line-color"],hover:[4],selected:[4],noUnderlineMobile:[4,"no-underline-mobile"]}]]]],o));

dist/types/components.d.ts

@@ -50,5 +50,7 @@ /* tslint:disable */
     'captionColor': string;
+    'change': 'onHover' | 'onSelect';
     'direction': 'top' | 'bottom';
     'image1': string;
     'image2': string;
+    'selected': boolean;
   }
@@ -307,5 +309,7 @@ interface QuintFooter {
     'captionColor'?: string;
+    'change'?: 'onHover' | 'onSelect';
     'direction'?: 'top' | 'bottom';
     'image1'?: string;
     'image2'?: string;
+    'selected'?: boolean;
   }
@@ -312,0 +316,0 @@ interface QuintFooter extends JSXBase.HTMLAttributes<HTMLQuintFooterElement> {

dist/types/components/flip-image/flip-image.d.ts

@@ -9,3 +9,6 @@ export declare class FlipImage {
     direction: 'top' | 'bottom';
+    change: 'onHover' | 'onSelect';
+    selected: boolean;
     el: HTMLElement;
+    constructWrapperClasses(): string;
     constructContainerClasses(): string;
@@ -12,0 +15,0 @@ gradientStyle(): {

package.json

 {
   "name": "quintessential-ui",
-  "version": "0.0.141",
+  "version": "0.0.142",
   "description": "Quintessential's UI library",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5178531

increased by0.11%

Lines of code

89959

increased by0.15%

No dependency changes