@design-edito/tools 0.3.15 → 0.3.17

package/components/Sequencer/index.js

@@ -1,20 +1,79 @@
+import {
+  absoluteModulo
+} from "../../chunks/chunk-DNIOWD7K.js";
+import {
+  clamp
+} from "../../chunks/chunk-OSAXBA7G.js";
+import {
+  IntersectionObserverComponent
+} from "../../chunks/chunk-SPC2SMZR.js";
+import {
+  sequencer
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/Sequencer/index.tsx
 import {
   useState,
   useEffect,
   useCallback,
-  Children,
+  Children as Children2,
   useRef
 } from "react";
-import { absoluteModulo } from "../../agnostic/numbers/absolute-modulo/index.js";
-import { clamp } from "../../agnostic/numbers/clamp/index.js";
+
+// src/components/Sequencer/index.controlled.tsx
 import {
-  IntersectionObserverComponent
-} from "../IntersectionObserver/index.js";
-import {
-  SequencerControlled
-} from "./index.controlled.js";
+  Children
+} from "react";
+
+// src/components/Sequencer/styles.module.css
+var styles_default = {};
+
+// src/components/Sequencer/index.controlled.tsx
 import { jsx } from "react/jsx-runtime";
+var SequencerControlled = ({
+  step = 0,
+  activateOnStep,
+  _modifiers,
+  _dataAttributes,
+  className,
+  children
+}) => {
+  const c = clss(sequencer, { cssModule: styles_default });
+  const rootClss = mergeClassNames(c(null, _modifiers), className);
+  const rootAttributes = Object.entries({ ..._dataAttributes }).reduce(
+    (acc, [key, val]) => ({ ...acc, [`data-${key}`]: val }),
+    { "data-step": step }
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: rootClss,
+      ...rootAttributes,
+      children: Children.toArray(children).map((child, childPos) => {
+        const thisStepActivateOnStep = activateOnStep?.[step];
+        const isPrevious = activateOnStep === void 0 ? childPos < step : [...activateOnStep].slice(0, step).some((list) => list.includes(childPos));
+        const isCurrent = activateOnStep === void 0 ? childPos === step : Array.isArray(thisStepActivateOnStep) ? thisStepActivateOnStep.includes(childPos) : thisStepActivateOnStep === childPos;
+        const isNext = !isPrevious && !isCurrent;
+        const childClss = c("child", {
+          current: isCurrent,
+          prev: isPrevious,
+          next: isNext
+        });
+        return /* @__PURE__ */ jsx("div", { className: childClss, children: child });
+      })
+    }
+  );
+};
+
+// src/components/Sequencer/index.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 var Sequencer = ({
   defaultStep,
   tempo = 60,
@@ -44,7 +103,7 @@ var Sequencer = ({
     }, 1e3 / (clampedTempo / 60));
     return () => window.clearInterval(interval);
   }, [actualPlay, tempo, step]);
-  const stepsCount = activateOnStep !== void 0 ? activateOnStep.length : Children.toArray(children).length;
+  const stepsCount = activateOnStep !== void 0 ? activateOnStep.length : Children2.toArray(children).length;
   let forwardedStep;
   if (loop === true) {
     forwardedStep = absoluteModulo(actualStep, stepsCount);
@@ -84,11 +143,11 @@ var Sequencer = ({
     step,
     actionHandlers
   ]);
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     IntersectionObserverComponent,
     {
       onIntersected: handleIntersection,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx2(
         SequencerControlled,
         {
           ...controlledProps,

package/components/ShadowRoot/index.css

@@ -0,0 +1 @@
+/* src/components/ShadowRoot/styles.module.css */

package/components/ShadowRoot/index.js

@@ -1,3 +1,14 @@
+import {
+  shadowRoot
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/ShadowRoot/index.tsx
 import {
   useRef,
@@ -5,10 +16,11 @@ import {
   useState
 } from "react";
 import { createPortal } from "react-dom";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { shadowRoot as publicClassName } from "../public-classnames.js";
-import { mergeClassNames } from "../utils/index.js";
-import cssModule from "./styles.module.css";
+
+// src/components/ShadowRoot/styles.module.css
+var styles_default = {};
+
+// src/components/ShadowRoot/index.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ShadowRootComponent = ({
   mode = "open",
@@ -20,10 +32,10 @@ var ShadowRootComponent = ({
   children
 }) => {
   const hostRef = useRef(null);
-  const [shadowRoot, setShadowRoot] = useState(null);
+  const [shadowRoot2, setShadowRoot] = useState(null);
   const [styles, setStyles] = useState(injectedStyles);
   useEffect(() => {
-    if (hostRef.current === null || shadowRoot !== null) return;
+    if (hostRef.current === null || shadowRoot2 !== null) return;
     const root = hostRef.current.attachShadow({ mode, delegatesFocus, slotAssignment });
     if (adoptedStyleSheets !== void 0 && "adoptedStyleSheets" in root) {
       root.adoptedStyleSheets = adoptedStyleSheets;
@@ -37,17 +49,17 @@ var ShadowRootComponent = ({
     adoptedStyleSheets,
     injectedStyles
   ]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(shadowRoot, { cssModule: styles_default });
   const rootClss = mergeClassNames(c(), className);
   return /* @__PURE__ */ jsx(
     "div",
     {
       ref: hostRef,
       className: rootClss,
-      children: shadowRoot !== null && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
+      children: shadowRoot2 !== null && createPortal(/* @__PURE__ */ jsxs(Fragment, { children: [
         styles !== void 0 && /* @__PURE__ */ jsx("style", { children: styles }),
         children
-      ] }), shadowRoot)
+      ] }), shadowRoot2)
     }
   );
 };

package/components/Subtitles/index.css

@@ -0,0 +1 @@
+/* src/components/Subtitles/styles.module.css */

package/components/Subtitles/index.js

@@ -1,111 +1,14 @@
-// src/components/Subtitles/index.tsx
 import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { toError } from "../../agnostic/misc/cast/index.js";
-import { unknownToString } from "../../agnostic/errors/unknown-to-string/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { subtitles as publicClassName } from "../public-classnames.js";
-import {
-  computeSubGroupsWithBoundaries,
-  getCurrentGroup,
-  parseSubs
-} from "./utils.js";
-import cssModule from "./styles.module.css";
-import { jsx } from "react/jsx-runtime";
-var Subtitles = ({
-  src,
-  srtFileContent,
-  subsGroups,
-  timecodeMs,
-  isEnded,
-  className,
-  onLoaded,
-  onParsed,
-  onLoadFailed
-}) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const [loadError, setLoadError] = useState(null);
-  const [parsedSubs, setParsedSubs] = useState([]);
-  const pParsedSubs = useRef(parsedSubs);
-  useEffect(() => {
-    if (pParsedSubs.current === parsedSubs) return;
-    onParsed?.(parsedSubs);
-  }, [parsedSubs]);
-  const fetchAndParseSubs = useCallback(async (src2, srtFileContent2) => {
-    if (src2 === void 0) return;
-    if (srtFileContent2 !== void 0) return setParsedSubs(parseSubs(srtFileContent2));
-    setIsLoading(true);
-    setLoadError(null);
-    try {
-      const response = await fetch(src2);
-      const srtContent = await response.text();
-      onLoaded?.(srtContent);
-      const parsedSubs2 = parseSubs(srtContent);
-      setParsedSubs(parsedSubs2);
-    } catch (error) {
-      setLoadError(error instanceof Error ? error : new Error(unknownToString(error)));
-      console.error(error);
-      onLoadFailed?.(toError(error));
-    } finally {
-      setIsLoading(false);
-    }
-  }, [onLoadFailed, onLoaded]);
-  useEffect(() => {
-    fetchAndParseSubs(src, srtFileContent).catch((error) => {
-      console.error(error);
-    });
-  }, [fetchAndParseSubs, src, srtFileContent]);
-  const c = clss(publicClassName, { cssModule });
-  const rootClss = mergeClassNames(
-    c(null, {
-      loading: isLoading,
-      error: loadError !== null
-    }),
-    className
-  );
-  const prevSubs = parsedSubs.filter(({ start }) => start != null && start < (timecodeMs ?? 0));
-  const lastPrevSub = prevSubs[prevSubs.length - 1];
-  const highestSubId = Math.max(...parsedSubs.map((sub) => sub.id));
-  const subsGroupsWithBoundaries = computeSubGroupsWithBoundaries(subsGroups, highestSubId);
-  const currentGroup = getCurrentGroup(subsGroupsWithBoundaries, lastPrevSub?.id, isEnded);
-  return /* @__PURE__ */ jsx("div", { className: rootClss, children: timecodeMs !== void 0 && parsedSubs.length > 0 && subsGroupsWithBoundaries.map((group) => {
-    const groupSubs = parsedSubs.filter((sub) => sub.id >= group.startId && sub.id <= group.endId);
-    const totalSubs = groupSubs.length;
-    const groupClass = c("group", { curr: currentGroup?.startId === group.startId });
-    const subsNodes = groupSubs.map((sub, subIndex) => {
-      let subText = sub.content?.trim() ?? "";
-      if (subIndex !== totalSubs - 1) subText += " ";
-      const subClass = c("sub", {
-        prev: sub.start !== void 0 && lastPrevSub?.start !== void 0 && sub.start <= lastPrevSub.start,
-        curr: sub.start !== void 0 && timecodeMs >= sub.start && sub.end !== void 0 && timecodeMs <= sub.end
-      });
-      return /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: subClass,
-          "data-sub-pos": sub.id,
-          children: subText
-        },
-        sub.id
-      );
-    });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: groupClass,
-        "data-start-sub-pos": group.startId,
-        "data-end-sub-pos": group.endId,
-        children: subsNodes
-      },
-      group.startId
-    );
-  }) });
-};
+  Subtitles
+} from "../../chunks/chunk-KKYEOIJI.js";
+import "../../chunks/chunk-YWSXCFYY.js";
+import "../../chunks/chunk-QXAJXTXV.js";
+import "../../chunks/chunk-HC6ZOHCS.js";
+import "../../chunks/chunk-PUQUSA6S.js";
+import "../../chunks/chunk-3DNVFA25.js";
+import "../../chunks/chunk-TRFZSKNB.js";
+import "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
 export {
   Subtitles
 };

package/components/Theatre/index.css

@@ -0,0 +1 @@
+/* src/components/Theatre/styles.module.css */

package/components/Theatre/index.js

@@ -1,97 +1,10 @@
-// src/components/Theatre/index.tsx
 import {
-  useEffect,
-  useState,
-  useRef
-} from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { theatre as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Theatre = ({
-  closeBtnContent,
-  openBtnContent,
-  isOn,
-  defaultIsOn,
-  exitOnEscape,
-  exitOnBgClick,
-  stateHandlers,
-  actionHandlers,
-  children,
-  className
-}) => {
-  const [internalIsOn, setInternalIsOn] = useState(defaultIsOn ?? false);
-  const stageRef = useRef(null);
-  const isTheatreOn = isOn ?? internalIsOn;
-  const prevIsTheatreOnRef = useRef(isTheatreOn);
-  const handleCloseBtnClick = () => {
-    actionHandlers?.toggleClick?.(isTheatreOn);
-    if (isOn === void 0) setInternalIsOn(false);
-  };
-  const handleOpenBtnClick = () => {
-    actionHandlers?.toggleClick?.(isTheatreOn);
-    if (isOn === void 0) setInternalIsOn(true);
-  };
-  const handleStageBgClick = (e) => {
-    if (exitOnBgClick !== true) return;
-    if (e.target !== stageRef.current) return;
-    actionHandlers?.toggleClick?.(isTheatreOn);
-    if (isOn === void 0) setInternalIsOn(false);
-  };
-  useEffect(() => {
-    if (prevIsTheatreOnRef.current !== isTheatreOn) {
-      stateHandlers?.toggled?.(isTheatreOn);
-      prevIsTheatreOnRef.current = isTheatreOn;
-    }
-  }, [isTheatreOn, stateHandlers]);
-  useEffect(() => {
-    if (exitOnEscape === true || !isTheatreOn || isOn !== void 0) return;
-    const listener = (e) => {
-      if (e.key !== "Escape") return;
-      actionHandlers?.toggleClick?.(isTheatreOn);
-      setInternalIsOn(false);
-    };
-    window.addEventListener("keydown", listener);
-    return () => window.removeEventListener("keydown", listener);
-  }, [exitOnEscape, isTheatreOn, isOn]);
-  const c = clss(publicClassName, { cssModule });
-  const rootClss = mergeClassNames(c(null, {
-    "on": isTheatreOn,
-    "off": !isTheatreOn
-  }), className);
-  const stageClass = c("stage");
-  const openBtnClass = c("open-btn");
-  const closeBtnClass = c("close-btn");
-  return /* @__PURE__ */ jsxs("div", { className: rootClss, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: stageClass,
-        onClick: handleStageBgClick,
-        ref: stageRef,
-        children: isTheatreOn && children
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: closeBtnClass,
-        onClick: handleCloseBtnClick,
-        children: closeBtnContent
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: openBtnClass,
-        onClick: handleOpenBtnClick,
-        children: openBtnContent
-      }
-    )
-  ] });
-};
+  Theatre
+} from "../../chunks/chunk-AS4CIZVE.js";
+import "../../chunks/chunk-3DNVFA25.js";
+import "../../chunks/chunk-TRFZSKNB.js";
+import "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
 export {
   Theatre
 };

package/components/UIModule/index.css

@@ -0,0 +1 @@
+/* src/components/UIModule/styles.module.css */

package/components/UIModule/index.js

@@ -1,16 +1,35 @@
+import {
+  isNonNullObject
+} from "../../chunks/chunk-HQLRJ7XW.js";
+import {
+  randomHash
+} from "../../chunks/chunk-75BICI4L.js";
+import "../../chunks/chunk-OGBUSUE6.js";
+import {
+  unknownToString
+} from "../../chunks/chunk-PUQUSA6S.js";
+import {
+  uiModule
+} from "../../chunks/chunk-3DNVFA25.js";
+import {
+  clss
+} from "../../chunks/chunk-TRFZSKNB.js";
+import {
+  mergeClassNames
+} from "../../chunks/chunk-OFCSIK6J.js";
+import "../../chunks/chunk-WSFCRVEQ.js";
+
 // src/components/UIModule/index.tsx
 import {
   useEffect,
   useRef,
   useState
 } from "react";
-import { clss } from "../../agnostic/css/clss/index.js";
-import { unknownToString } from "../../agnostic/errors/unknown-to-string/index.js";
-import { isNonNullObject } from "../../agnostic/objects/is-object/index.js";
-import { randomHash } from "../../agnostic/random/uuid/index.js";
-import { mergeClassNames } from "../utils/index.js";
-import { uiModule as publicClassName } from "../public-classnames.js";
-import cssModule from "./styles.module.css";
+
+// src/components/UIModule/styles.module.css
+var styles_default = {};
+
+// src/components/UIModule/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var UIModule = ({
   src,
@@ -105,7 +124,7 @@ var UIModule = ({
     if (rootRef.current === null) return;
     rootRef.current.appendChild(moduleTarget);
   }, [moduleTarget]);
-  const c = clss(publicClassName, { cssModule });
+  const c = clss(uiModule, { cssModule: styles_default });
   const rootClss = mergeClassNames(
     c(null, {
       loading,
@@ -124,7 +143,7 @@ var UIModule = ({
       id,
       children: [
         loadedModule === null && "",
-        loadedModule !== null && !(loadedModule instanceof Error) && loadedModule.css?.map((css) => /* @__PURE__ */ jsx("style", { children: `.${publicClassName}#${id} { ${css} }` }))
+        loadedModule !== null && !(loadedModule instanceof Error) && loadedModule.css?.map((css) => /* @__PURE__ */ jsx("style", { children: `.${uiModule}#${id} { ${css} }` }))
       ]
     }
   );

package/components/Video/index.css

@@ -0,0 +1,4 @@
+/* src/components/Disclaimer/styles.module.css */
+/* src/components/IntersectionObserver/styles.module.css */
+/* src/components/Subtitles/styles.module.css */
+/* src/components/Video/styles.module.css */