@everymatrix/general-slider-navigation 1.16.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3420513e.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["general-slider-navigation.cjs",[[1,"general-slider-navigation",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"cmsEndpoint":[513,"cms-endpoint"],"cmsEnv":[513,"cms-env"],"language":[513],"userRoles":[513,"user-roles"],"showSliderArrows":[516,"show-slider-arrows"],"showSliderArrowsMobile":[516,"show-slider-arrows-mobile"],"showMobileGrid":[516,"show-mobile-grid"],"showNavigationSliderMobile":[516,"show-navigation-slider-mobile"],"showNavigationSliderDesktop":[516,"show-navigation-slider-desktop"],"itemsPerPageDesktop":[514,"items-per-page-desktop"],"itemsPerPageMobile":[514,"items-per-page-mobile"],"externalLinkActive":[1540,"external-link-active"],"internalLinkActive":[1540,"internal-link-active"],"isLoading":[32],"limitStylingAppends":[32],"hasErrors":[32],"device":[32],"activeIndex":[32],"sliderMenuElementWidth":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/general-slider-navigation/general-slider-navigation.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/general-slider-navigation/general-slider-navigation.css

@@ -0,0 +1,282 @@
+:host {
+  display: block;
+}
+
+.PageError {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+.PageError.TitleError {
+  color: red;
+}
+
+main {
+  width: 100%;
+  overflow: hidden;
+}
+
+.SliderItemsWrapper {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+
+.SliderWrapperContent {
+  display: flex;
+  justify-content: center;
+  flex-direction: row;
+  width: 100%;
+}
+
+.SliderItems {
+  display: flex;
+  transition: transform 0.4s ease-in-out;
+  transform: translateX(0px);
+}
+
+.SliderItem {
+  flex: 0 0 auto;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  border-radius: 5px;
+  user-select: none;
+}
+
+.GridContainer {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr 1fr;
+  gap: 0px 0px;
+  margin: auto;
+  width: 220px;
+  height: 320px;
+  border-radius: 5px;
+  margin-bottom: 20px;
+  background: var(--emfe-w-color-secondary, #FD2839);
+  cursor: pointer;
+}
+.GridContainer .SliderImage {
+  grid-area: 1/1/2/2;
+}
+.GridContainer .SliderImage img {
+  object-fit: cover;
+  height: 320px;
+  width: 220px;
+  border-radius: 5px;
+}
+.GridContainer .SliderContent {
+  grid-area: 1/1/3/2;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  align-items: baseline;
+  gap: 5px;
+  margin-left: 20px;
+  margin-bottom: 20px;
+}
+.GridContainer .SliderContent .DividerElement {
+  background: var(--emfe-w-color-secondary, #FD2839);
+  height: 3px;
+  width: 60px;
+}
+.GridContainer .SliderContent .Title {
+  font-size: 22px;
+  font-weight: 400;
+  text-transform: uppercase;
+  color: var(--emfe-w-color-white, #FFFFFF);
+}
+
+.GridItems {
+  display: grid;
+  grid-template-columns: 49vw 49vw;
+  grid-template-rows: auto auto;
+  place-content: unset;
+  gap: 2vw;
+  margin: 0;
+  width: 100vw;
+}
+
+.GridContainerMobile {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr 1fr;
+  gap: 0px 0px;
+  margin: auto;
+  width: 49vw;
+  height: 240px;
+  border-radius: 15px;
+  background: var(--emfe-w-color-secondary, #FD2839);
+  cursor: pointer;
+}
+.GridContainerMobile .SliderImage {
+  grid-area: 1/1/2/2;
+}
+.GridContainerMobile .SliderImage img {
+  width: 49vw;
+  object-fit: cover;
+  height: 240px;
+  border-radius: 5px;
+}
+.GridContainerMobile .SliderContent {
+  grid-area: 1/1/3/2;
+  display: flex;
+  flex-flow: column;
+  justify-content: flex-end;
+  align-items: baseline;
+  gap: 5px;
+  margin-left: 20px;
+  margin-bottom: 20px;
+}
+.GridContainerMobile .SliderContent .DividerElement {
+  background: var(--emfe-w-color-secondary, #FD2839);
+  height: 3px;
+  width: 60px;
+}
+.GridContainerMobile .SliderContent .Title {
+  font-size: 22px;
+  font-weight: 400;
+  text-transform: uppercase;
+  color: var(--emfe-w-color-white, #FFFFFF);
+}
+
+.GridContainerMobile:nth-last-child(1):nth-child(odd) {
+  display: grid;
+  gap: 0px 0px;
+  margin: auto;
+  width: 100vw;
+}
+.GridContainerMobile:nth-last-child(1):nth-child(odd) .SliderImage {
+  grid-area: 1/1/2/2;
+}
+.GridContainerMobile:nth-last-child(1):nth-child(odd) .SliderImage img {
+  width: 100vw;
+  object-fit: cover;
+  height: 240px;
+  border-radius: 5px;
+}
+
+.SliderNavButton {
+  border: 0px;
+  width: 45px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.SliderNavButton svg {
+  width: 40px;
+  stroke: var(--emfe-w-color-secondary, #FD2839);
+}
+
+.DisabledArrow svg {
+  opacity: 0.2;
+  stroke: var(--emfe-w-color-secondary, #FD2839);
+  pointer-events: none;
+}
+
+@container (max-width: 475px) {
+  .SliderItem {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, max(250px, 1fr));
+    color: var(--emfe-w-color-secondary, #FD2839);
+    border-radius: 5px;
+    user-select: none;
+  }
+
+  .GridContainer {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, max(250px, 1fr));
+    gap: 10px;
+    margin: auto;
+    width: 90%;
+    height: 220px;
+    border-radius: 5px;
+    background: var(--emfe-w-color-secondary, #FD2839);
+    cursor: pointer;
+  }
+  .GridContainer .SliderImage {
+    grid-area: 1/1/2/2;
+  }
+  .GridContainer .SliderImage img {
+    object-fit: cover;
+    height: 220px;
+    width: 100%;
+    border-radius: 5px;
+  }
+  .GridContainer .SliderContent {
+    grid-area: 1/1/3/2;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    justify-content: flex-end;
+    align-items: baseline;
+    gap: 5px;
+    margin-left: 20px;
+    margin-bottom: 40px;
+  }
+  .GridContainer .SliderContent .DividerElement {
+    background: var(--emfe-w-color-secondary, #FD2839);
+    height: 3px;
+    width: 60px;
+  }
+  .GridContainer .SliderContent .Title {
+    font-size: 16px;
+    font-weight: 400;
+    text-transform: uppercase;
+    color: var(--emfe-w-color-white, #FFFFFF);
+  }
+
+  .GridItems {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: auto auto auto auto;
+    gap: 2cqw;
+    width: 100cqw;
+    justify-items: stretch;
+  }
+
+  .GridContainerMobile {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    gap: 0px 0px;
+    margin: auto;
+    height: 200px;
+    border-radius: 15px;
+    background: white;
+    cursor: pointer;
+  }
+  .GridContainerMobile .SliderImage {
+    grid-area: 1/1/2/2;
+  }
+  .GridContainerMobile .SliderImage img {
+    object-fit: cover;
+    height: 200px;
+    border-radius: 5px;
+  }
+  .GridContainerMobile .SliderContent {
+    grid-area: 1/1/3/2;
+    display: flex;
+    flex-flow: column;
+    justify-content: flex-end;
+    align-items: baseline;
+    gap: 5px;
+    margin-left: 20px;
+    margin-bottom: 20px;
+  }
+  .GridContainerMobile .SliderContent .DividerElement {
+    background: var(--emfe-w-color-secondary, #FD2839);
+    height: 3px;
+    width: 60px;
+  }
+  .GridContainerMobile .SliderContent .Title {
+    font-size: 22px;
+    font-weight: 400;
+    text-transform: uppercase;
+    color: var(--emfe-w-color-white, #FFFFFF);
+  }
+}