@snokam/ui 1.0.0

package/dist/components/swiper/components/MaterialSwiper/scripts/effect-material.esm.js

@@ -0,0 +1,379 @@
+/**
+ * UI Initiative Material You Slider
+ *
+ * Material You Carousel made with Swiper
+ *
+ * https://uiinitiative.com
+ *
+ * Copyright 2024 UI Initiative
+ *
+ * Released under the UI Initiative Regular License
+ *
+ * January 23, 2024
+ */
+
+if (typeof window !== "undefined" && window.SwiperElementRegisterParams) {
+  window.SwiperElementRegisterParams(["materialEffect"]);
+}
+
+function elementTransitionEnd(el, callback) {
+  function fireCallBack(e) {
+    if (e.target !== el) return;
+    callback.call(el, e);
+    el.removeEventListener("transitionend", fireCallBack);
+  }
+  if (callback) {
+    el.addEventListener("transitionend", fireCallBack);
+  }
+}
+
+function effectVirtualTransitionEnd({
+  swiper,
+  duration,
+  transformElements,
+  allSlides,
+}) {
+  const { activeIndex } = swiper;
+  const getSlide = (el) => {
+    if (!el.parentElement) {
+      // assume shadow root
+      const slide = swiper.slides.filter(
+        (slideEl) => slideEl.shadowRoot && slideEl.shadowRoot === el.parentNode
+      )[0];
+      return slide;
+    }
+    return el.parentElement;
+  };
+  if (swiper.params.virtualTranslate && duration !== 0) {
+    let eventTriggered = false;
+    let transitionEndTarget;
+    if (allSlides) {
+      transitionEndTarget = transformElements;
+    } else {
+      transitionEndTarget = transformElements.filter((transformEl) => {
+        const el = transformEl.classList.contains("swiper-slide-transform")
+          ? getSlide(transformEl)
+          : transformEl;
+        return swiper.getSlideIndex(el) === activeIndex;
+      });
+    }
+    transitionEndTarget.forEach((el) => {
+      elementTransitionEnd(el, () => {
+        if (eventTriggered) return;
+        if (!swiper || swiper.destroyed) return;
+        eventTriggered = true;
+        swiper.animating = false;
+        const evt = new window.CustomEvent("transitionend", {
+          bubbles: true,
+          cancelable: true,
+        });
+        swiper.wrapperEl.dispatchEvent(evt);
+      });
+    });
+  }
+}
+
+export default function EffectMaterial({ swiper, on, extendParams }) {
+  extendParams({
+    materialEffect: {
+      slideSplitRatio: 0.65,
+    },
+  });
+  const setTranslate = () => {
+    const { slides, slidesSizesGrid, params, size: swiperSize } = swiper;
+    const { slidesPerView, spaceBetween, cssMode, centeredSlides } = params;
+    const largeSlideRatio = centeredSlides
+      ? 0.5
+      : Math.min(Math.max(params.materialEffect.slideSplitRatio, 0), 1);
+    const smallSlideRatio = centeredSlides
+      ? 0.5
+      : 1 - Math.min(Math.max(params.materialEffect.slideSplitRatio, 0), 1);
+    for (let i = 0; i < slides.length; i += 1) {
+      const slideEl = slides[i];
+      const materialEl = slideEl.querySelector(".swiper-material-wrapper");
+      const opacityEls = slideEl.querySelectorAll(
+        ".swiper-material-animate-opacity"
+      );
+      const scaleEls = slideEl.querySelectorAll("[data-swiper-material-scale]");
+      const progress = -slideEl.progress;
+      const offset = slideEl.swiperSlideOffset;
+      const swiperTranslate = swiper.translate;
+      let scale;
+      let translate = 0;
+      let opacity = 0;
+      const currentSlideSize = slidesSizesGrid[i];
+      const scaleDiff =
+        smallSlideRatio === 0 && !centeredSlides
+          ? 0
+          : spaceBetween / 2 / currentSlideSize;
+      const cssModeTranslateOffset = cssMode ? swiperTranslate : 0;
+      const isCenteredOdd = centeredSlides && slidesPerView % 2 === 1;
+      const isCenteredEven = centeredSlides && slidesPerView % 2 === 0;
+
+      if (progress <= 0) {
+        // SLIDES BEFORE ACTIVE SLIDE / PREVIOUS
+        if (centeredSlides && slidesPerView > 1) {
+          // CENTERED/ACTIVE SLIDES
+          if (progress <= 0 && progress >= -(slidesPerView - 2)) {
+            translate = swiperTranslate;
+            scale = 1;
+            opacity = 1;
+          }
+
+          // current to zero
+          if (
+            isCenteredOdd &&
+            progress < -(slidesPerView - Math.ceil(slidesPerView / 2))
+          ) {
+            const currentProgress =
+              Math.ceil(slidesPerView / 2) - Math.abs(progress);
+            scale = currentProgress;
+            opacity = scale ** 4;
+            translate =
+              swiperTranslate +
+              currentSlideSize * (1 - currentProgress) * (1 + scaleDiff * 2);
+          }
+          // current to large
+          if (
+            isCenteredEven &&
+            progress < -(slidesPerView / 2 - 1) &&
+            progress >= -(slidesPerView / 2)
+          ) {
+            const currentProgress = slidesPerView / 2 - Math.abs(progress);
+
+            scale =
+              largeSlideRatio -
+              scaleDiff +
+              (smallSlideRatio + scaleDiff * 2) *
+                (slidesPerView / 2 - Math.abs(progress));
+
+            opacity = ((scale - largeSlideRatio) / (1 - largeSlideRatio)) ** 4;
+            translate =
+              swiperTranslate +
+              currentSlideSize *
+                (smallSlideRatio + scaleDiff) *
+                (1 - currentProgress);
+          }
+
+          // large to zero
+          if (isCenteredEven && progress < -slidesPerView / 2) {
+            let currentProgress = slidesPerView / 2 + 1 - Math.abs(progress);
+            // let translateAdd = 0;
+            scale = 0;
+            if (currentProgress >= 0) {
+              currentProgress =
+                -scaleDiff * 2 + currentProgress * (1 + scaleDiff * 2);
+              currentProgress = Math.max(Math.min(currentProgress, 1), 0);
+              scale = (smallSlideRatio - scaleDiff) * currentProgress;
+            }
+            translate =
+              swiperTranslate +
+              currentSlideSize *
+                (smallSlideRatio + scaleDiff) *
+                (2 - currentProgress) +
+              currentSlideSize *
+                (smallSlideRatio - scaleDiff) *
+                (1 - currentProgress);
+          }
+        } else {
+          // NOT CENTERED SLIDES
+          scale = 1 + progress;
+          translate = -offset;
+          opacity = scale ** 4;
+        }
+      }
+      if (slidesPerView === 1) {
+        if (progress > 0) {
+          scale = 1 - progress;
+          translate = -offset + swiperSize * Math.min(progress, 1);
+          opacity = scale ** 4;
+        }
+      } else {
+        // ACTIVE SLIDES
+        if (progress > 0 && progress <= slidesPerView - 2) {
+          translate = swiperTranslate;
+          scale = 1;
+          opacity = 1;
+        }
+        // SLIDES AFTER ACTIVE SLIDE / NEXT
+        // large to current
+        const isLargeToCurrent = isCenteredEven
+          ? progress > slidesPerView / 2 - 1 && progress <= slidesPerView / 2
+          : progress > slidesPerView - 2 && progress <= slidesPerView - 1;
+        if (isLargeToCurrent) {
+          const minus = isCenteredEven ? Math.floor(slidesPerView / 2) : 1;
+          scale =
+            largeSlideRatio -
+            scaleDiff +
+            (smallSlideRatio + scaleDiff * 2) *
+              (slidesPerView - minus - Math.abs(progress));
+          translate = swiperTranslate;
+          if (largeSlideRatio === 1) {
+            opacity = scale ** 4;
+          } else {
+            opacity = ((scale - largeSlideRatio) / (1 - largeSlideRatio)) ** 4;
+          }
+        }
+
+        // zero to current
+        if (
+          isCenteredOdd &&
+          progress > slidesPerView - Math.ceil(slidesPerView / 2)
+        ) {
+          const currentProgress =
+            Math.ceil(slidesPerView / 2) - (slidesPerView - Math.abs(progress));
+          translate =
+            swiperTranslate -
+            currentSlideSize * (scaleDiff * 2) * currentProgress;
+          scale = 1 - currentProgress;
+          opacity = scale ** 4;
+        }
+        // small to large: 0.35 -> 0.65
+        if (
+          progress > slidesPerView - 1 &&
+          progress <= slidesPerView &&
+          !centeredSlides
+        ) {
+          const currentProgress = slidesPerView - Math.abs(progress);
+          const largeWithDiff = largeSlideRatio - scaleDiff;
+          const smallWithDiff = smallSlideRatio - scaleDiff;
+          scale =
+            smallWithDiff + (largeWithDiff - smallWithDiff) * currentProgress;
+          translate =
+            swiperTranslate -
+            currentSlideSize *
+              (smallSlideRatio + scaleDiff) *
+              (1 - currentProgress);
+          if (smallSlideRatio === 0) {
+            opacity = scale ** 4;
+          }
+        }
+        // zero to small: 0 -> 0.35
+        if (
+          progress > (centeredSlides ? slidesPerView / 2 : slidesPerView) &&
+          !isCenteredOdd
+        ) {
+          let currentProgress =
+            (centeredSlides ? slidesPerView / 2 + 1 : slidesPerView + 1) -
+            Math.abs(progress);
+          let translateAdd = 0;
+          scale = 0;
+          if (currentProgress >= 0) {
+            currentProgress =
+              -scaleDiff * 2 + currentProgress * (1 + scaleDiff * 2);
+            currentProgress = Math.max(Math.min(currentProgress, 1), 0);
+            scale = (smallSlideRatio - scaleDiff) * currentProgress;
+            translateAdd =
+              -currentProgress *
+                (smallSlideRatio + scaleDiff) *
+                currentSlideSize +
+              currentProgress * spaceBetween;
+          }
+          translate =
+            -offset + swiperSize * Math.min(progress, 1) + translateAdd;
+          opacity = 0;
+        }
+      }
+      if (scale < 0) {
+        scale = 0;
+      }
+      if (scale > 1) {
+        scale = 1;
+      }
+      // if (scale === 0) {
+      //   scale = 0.0001;
+      // }
+      slideEl.style.setProperty("--swiper-material-scale", scale);
+      opacityEls.forEach((opacityEl) => {
+        opacityEl.style.opacity = opacity;
+      });
+      scaleEls.forEach((scaleEl) => {
+        let elementScale = parseFloat(
+          scaleEl.getAttribute("data-swiper-material-scale")
+        );
+        if (Number.isNaN(elementScale) || (!elementScale && elementScale !== 0))
+          elementScale = 1;
+        scaleEl.style.transform = `scale(${
+          1 + (elementScale - 1) * (1 - scale)
+        })`;
+      });
+      if (swiper.isHorizontal()) {
+        materialEl.style.width = `${100 * scale}%`;
+        materialEl.style.transform = `translate3d(${
+          translate - cssModeTranslateOffset
+        }px, 0, 0)`;
+      } else {
+        materialEl.style.height = `${100 * scale}%`;
+        materialEl.style.transform = `translate3d(0, ${
+          translate - cssModeTranslateOffset
+        }px, 0)`;
+      }
+    }
+  };
+  const setTransition = (duration) => {
+    const { slides } = swiper;
+    const transformElements = [];
+    for (let i = 0; i < slides.length; i += 1) {
+      const slideEl = slides[i];
+      const materialEl = slideEl.querySelector(".swiper-material-wrapper");
+      const opacityEls = slideEl.querySelectorAll(
+        ".swiper-material-animate-opacity"
+      );
+      const scaleEls = slideEl.querySelectorAll("[data-swiper-material-scale]");
+
+      [materialEl, ...scaleEls, ...opacityEls].forEach((opacityEl) => {
+        opacityEl.style.transitionDuration = `${duration}ms`;
+      });
+
+      transformElements.push(materialEl);
+    }
+
+    effectVirtualTransitionEnd({
+      swiper,
+      duration,
+      transformElements,
+      allSlides: true,
+    });
+  };
+
+  on("beforeInit", () => {
+    if (swiper.params.effect !== "material") return;
+    swiper.classNames.push(`${swiper.params.containerModifierClass}material`);
+    if (swiper.isElement && swiper.hostEl) {
+      swiper.hostEl.classList.add(`swiper-${swiper.params.direction}`);
+    }
+    const overwriteParams = {
+      loopAdditionalSlides: 1,
+      watchSlidesProgress: true,
+      virtualTranslate: !swiper.params.cssMode,
+    };
+
+    Object.assign(swiper.params, overwriteParams);
+    Object.assign(swiper.originalParams, overwriteParams);
+  });
+  on("setTranslate", () => {
+    if (swiper.params.effect !== "material") return;
+    setTranslate();
+  });
+  on("setTransition", (_s, duration) => {
+    if (swiper.params.effect !== "material") return;
+    setTransition(duration);
+  });
+  on("slidesUpdated", () => {
+    if (
+      !swiper.params.centeredSlides &&
+      swiper.params.slidesPerView > 1 &&
+      !swiper.params.loop &&
+      swiper.params.materialEffect.slideSplitRatio < 1
+    ) {
+      const lastItem = swiper.snapGrid[swiper.snapGrid.length - 1];
+      swiper.snapGrid.push(
+        lastItem + swiper.slidesSizesGrid[0] + swiper.params.spaceBetween
+      );
+    }
+    swiper.el.style.setProperty(
+      "--swiper-material-slide-size",
+      `${swiper.slidesSizesGrid[0]}px`
+    );
+  });
+}

package/dist/components/swiper/components/MaterialSwiper/styled.d.ts

@@ -0,0 +1,12 @@
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const _default: {
+    Container: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

package/dist/components/swiper/components/MaterialSwiper/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/MaterialSwiper/styled.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;yGA6ErB,CAAC;;;;;;;AAEF,wBAA6B"}

package/dist/components/swiper/components/MaterialSwiper/styled.js

@@ -0,0 +1,81 @@
+import styled from "@emotion/styled";
+export const Container = styled.div `
+  .swiper-material {
+    width: 100%;
+    height: 500px;
+
+    @media (max-width: 992px) {
+      height: 300px;
+    }
+  }
+
+  .swiper {
+    margin-left: auto;
+    margin-right: auto;
+    position: relative;
+    overflow: hidden;
+    list-style: none;
+    padding: 0;
+    z-index: 1;
+    display: block;
+  }
+
+  .swiper-wrapper {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    display: flex;
+    transition-property: transform;
+    transition-timing-function: var(
+      --swiper-wrapper-transition-timing-function,
+      initial
+    );
+    box-sizing: content-box;
+  }
+
+  .swiper-slide {
+    flex-shrink: 0;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transition-property: transform;
+    display: block;
+  }
+
+  .swiper-material-wrapper {
+    overflow: hidden;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    box-sizing: border-box;
+    pointer-events: auto;
+  }
+
+  .swiper-material-content {
+    position: absolute;
+    transform: translateZ(0);
+    font-size: 18px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .swiper-horizontal .swiper-material-content {
+    height: 100%;
+    width: var(--swiper-material-slide-size);
+    left: calc(50% - var(--swiper-material-slide-size) / 2);
+    top: 0;
+  }
+
+  .swiper-vertical .swiper-material-content {
+    width: 100%;
+    height: var(--swiper-material-slide-size);
+    top: calc(50% - var(--swiper-material-slide-size) / 2);
+    left: 0;
+  }
+`;
+export default { Container };
+//# sourceMappingURL=styled.js.map

package/dist/components/swiper/components/MaterialSwiper/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/MaterialSwiper/styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ElC,CAAC;AAEF,eAAe,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/swiper/components/StorySwiper/Media.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+export interface MaterialSwiperCardProps {
+    children: ReactNode;
+    title?: string;
+    subTitle?: string;
+    closeButton?: boolean;
+    enableNavigation?: boolean;
+    Avatar?: ReactNode;
+}
+export declare function StorySwiperMedia(props: MaterialSwiperCardProps): import("react").JSX.Element;
+export declare namespace StorySwiperMedia {
+    var displayName: string;
+}
+export default StorySwiperMedia;
+//# sourceMappingURL=Media.d.ts.map

package/dist/components/swiper/components/StorySwiper/Media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/Media.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,+BAqC9D;yBArCe,gBAAgB;;;AAwChC,eAAe,gBAAgB,CAAC"}

package/dist/components/swiper/components/StorySwiper/Media.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StorySwiperMedia(props) {
+    const { children, title, subTitle, Avatar, enableNavigation = true, closeButton, ...rest } = props;
+    return (_jsxs("div", { className: "swiper-slide", ...rest, children: [enableNavigation ? (_jsxs("a", { href: "#", className: "stories-slider-user", children: [Avatar && _jsx("div", { className: "stories-slider-user-avatar", children: Avatar }), title && _jsx("div", { className: "stories-slider-user-name", children: title }), subTitle && (_jsx("div", { className: "stories-slider-user-date", children: subTitle }))] })) : (_jsxs("div", { className: "stories-slider-user", children: [Avatar && _jsx("div", { className: "stories-slider-user-avatar", children: Avatar }), title && _jsx("div", { className: "stories-slider-user-name", children: title }), subTitle && (_jsx("div", { className: "stories-slider-user-date", children: subTitle }))] })), closeButton && (_jsx("div", { className: "stories-slider-actions", children: _jsx("button", { className: "stories-slider-close-button", children: closeButton }) })), _jsx("div", { className: "stories-slider-content", children: children })] }));
+}
+StorySwiperMedia.displayName = "SwiperSlide";
+export default StorySwiperMedia;
+//# sourceMappingURL=Media.js.map

package/dist/components/swiper/components/StorySwiper/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/Media.tsx"],"names":[],"mappings":";AAWA,MAAM,UAAU,gBAAgB,CAAC,KAA8B;IAC7D,MAAM,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,WAAW,EACX,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,KAAK,IAAI,aACnC,gBAAgB,CAAC,CAAC,CAAC,CAClB,aAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,qBAAqB,aACxC,MAAM,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,MAAM,GAAO,EACpE,KAAK,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAO,EAChE,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,CAC3D,IACC,CACL,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,qBAAqB,aACjC,MAAM,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,MAAM,GAAO,EACpE,KAAK,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAO,EAChE,QAAQ,IAAI,CACX,cAAK,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAO,CAC3D,IACG,CACP,EACA,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,wBAAwB,YACrC,iBAAQ,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAU,GAClE,CACP,EACD,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,IACpD,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC7C,eAAe,gBAAgB,CAAC"}

package/dist/components/swiper/components/StorySwiper/Person.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface MaterialSwiperCardProps {
+    children: ReactNode;
+}
+export declare function StorySwiperPerson(props: MaterialSwiperCardProps): import("react").JSX.Element;
+export declare namespace StorySwiperPerson {
+    var displayName: string;
+}
+export default StorySwiperPerson;
+//# sourceMappingURL=Person.d.ts.map

package/dist/components/swiper/components/StorySwiper/Person.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Person.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/Person.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,+BAS/D;yBATe,iBAAiB;;;AAYjC,eAAe,iBAAiB,CAAC"}

package/dist/components/swiper/components/StorySwiper/Person.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function StorySwiperPerson(props) {
+    const { children, ...rest } = props;
+    return (_jsx("div", { className: "swiper-slide", ...rest, children: _jsx("div", { className: "swiper", children: _jsx("div", { className: "swiper-wrapper", children: children }) }) }));
+}
+StorySwiperPerson.displayName = "SwiperSlide";
+export default StorySwiperPerson;
+//# sourceMappingURL=Person.js.map

package/dist/components/swiper/components/StorySwiper/Person.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Person.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/Person.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,iBAAiB,CAAC,KAA8B;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,KAAK,IAAI,YACpC,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,GAC5C,GACF,CACP,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,aAAa,CAAC;AAC9C,eAAe,iBAAiB,CAAC"}

package/dist/components/swiper/components/StorySwiper/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from "react";
+import StorySwiperMedia from "./Media";
+import StorySwiperPerson from "./Person";
+type StorySwiperProps = {
+    children: ReactNode;
+    itemProps?: HTMLDivElement;
+    enabled?: boolean;
+    autoplayDuration?: number;
+    onStoriesSlider?: (slider: any) => void;
+    style?: CSSProperties;
+};
+export declare const StorySwiper: {
+    (props: StorySwiperProps): import("react").JSX.Element;
+    Person: typeof StorySwiperPerson;
+    Media: typeof StorySwiperMedia;
+};
+export default StorySwiper;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/swiper/components/StorySwiper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEpE,OAAO,gBAAgB,MAAM,SAAS,CAAC;AACvC,OAAO,iBAAiB,MAAM,UAAU,CAAC;AAOzC,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,gBAAgB;;;CAsClD,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/dist/components/swiper/components/StorySwiper/index.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { EffectCube, Virtual } from "swiper/modules";
+import StorySwiperMedia from "./Media";
+import StorySwiperPerson from "./Person";
+import Swiper from "swiper";
+import createStoriesSlider from "./scripts/stories-slider.esm.js";
+import Styled, { globalStyles } from "./styled";
+import { Global } from "@emotion/react";
+export const StorySwiper = (props) => {
+    const { enabled = true, autoplayDuration = 5000, onStoriesSlider, children, style, } = props;
+    const elRef = useRef(null);
+    const storiesSlider = useRef(null);
+    useEffect(() => {
+        storiesSlider.current = createStoriesSlider(elRef.current, {
+            Swiper,
+            EffectCube,
+            Virtual,
+            enabled,
+            autoplayDuration,
+        });
+        if (onStoriesSlider)
+            onStoriesSlider(storiesSlider.current);
+        return () => {
+            if (storiesSlider.current && storiesSlider.current.destroy) {
+                storiesSlider.current.destroy();
+            }
+        };
+    }, []);
+    return (_jsx(Styled.Container, { className: "swiper-container", children: _jsxs("div", { className: "stories-slider", ref: elRef, style: style, children: [_jsx(Global, { styles: globalStyles }), _jsx("div", { className: "swiper", children: _jsx("div", { className: "swiper-wrapper", children: children }) })] }) }));
+};
+StorySwiper.Person = StorySwiperPerson;
+StorySwiper.Media = StorySwiperMedia;
+export default StorySwiper;
+//# sourceMappingURL=index.js.map

package/dist/components/swiper/components/StorySwiper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/swiper/components/StorySwiper/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAA4B,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,gBAAgB,MAAM,SAAS,CAAC;AACvC,OAAO,iBAAiB,MAAM,UAAU,CAAC;AACzC,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,mBAAmB,MAAM,iCAAiC,CAAC;AAClE,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAWxC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM,EACJ,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,eAAe,EACf,QAAQ,EACR,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,MAAM,CAAyC,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,OAAO,EAAE;YACzD,MAAM;YACN,UAAU;YACV,OAAO;YACP,OAAO;YACP,gBAAgB;SACjB,CAAC,CAAC;QACH,IAAI,eAAe;YAAE,eAAe,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBAC3D,aAAa,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAClC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,MAAM,CAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,YAC5C,eAAK,SAAS,EAAC,gBAAgB,EAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,aACtD,KAAC,MAAM,IAAC,MAAM,EAAE,YAAY,GAAI,EAChC,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,GAC5C,IACF,GACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,eAAe,WAAW,CAAC"}