siam-ui-utils 3.1.0 → 3.1.2

package/dist/timer/styles.css

@@ -1,59 +1,59 @@
-.av-video-timer {
-  color: inherit;
-  margin: 0 12px;
-  flex: 1;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  font-weight: bold;
-  align-items: center;
-  font-size: 1.3em;
-  width: 100%;
-  margin: 8px 0;
-}
-
-.timer {
-  font-size: clamp(5px, 2vw, 20px);
-  margin-right: 4px;
-}
-
-.timer-green {
-  color: #28a745;
-}
-
-.timer-yellow {
-  color: #ffc107;
-}
-
-.timer-red {
-  color: #bd0300;
-}
-
-@keyframes vibrate {
-  0% {
-    transform: translateX(0);
-  }
-  20% {
-    transform: translateX(-3px);
-  }
-  40% {
-    transform: translateX(3px);
-  }
-  60% {
-    transform: translateX(-3px);
-  }
-  80% {
-    transform: translateX(3px);
-  }
-  100% {
-    transform: translateX(0);
-  }
-}
-.timer-out {
-  color: #000000;
-  animation: vibrate 0.3s linear infinite;
-}
-
-.timer-over {
-  color: #c00805;
+.av-video-timer {
+  color: inherit;
+  margin: 0 12px;
+  flex: 1;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  font-weight: bold;
+  align-items: center;
+  font-size: 1.3em;
+  width: 100%;
+  margin: 8px 0;
+}
+
+.timer {
+  font-size: clamp(5px, 2vw, 20px);
+  margin-right: 4px;
+}
+
+.timer-green {
+  color: #28a745;
+}
+
+.timer-yellow {
+  color: #ffc107;
+}
+
+.timer-red {
+  color: #bd0300;
+}
+
+@keyframes vibrate {
+  0% {
+    transform: translateX(0);
+  }
+  20% {
+    transform: translateX(-3px);
+  }
+  40% {
+    transform: translateX(3px);
+  }
+  60% {
+    transform: translateX(-3px);
+  }
+  80% {
+    transform: translateX(3px);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+.timer-out {
+  color: #000000;
+  animation: vibrate 0.3s linear infinite;
+}
+
+.timer-over {
+  color: #c00805;
 }

package/dist/tomar-foto/index.js

@@ -1,62 +1,62 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import Row from "../node_modules/@neolution-ch/reactstrap/esm/Row.js";
-import { DropzoneUploader } from "../dropzone-uploader/base/index.js";
-import { Colxx } from "../CustomBootstrap.js";
-import imgHacerFoto from "../assets/img/take-photo.jpg.js";
-import { TAKE_PHOTO } from "../constants.js";
-const TomarFoto = ({
-  onFilesSelectedSelfie = () => {
-  },
-  isMobile = false
-}) => {
-  const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);
-  const {
-    LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,
-    MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,
-    TAKE_PHOTO_MESSAGE
-  } = TAKE_PHOTO;
-  const handleFilesSelectedSelfie = (files) => {
-    setTotalFilesSelectedSelfie(files.length);
-    onFilesSelectedSelfie(files);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Row, { className: "pt-2 ml-4", children: /* @__PURE__ */ jsx(Colxx, { xxs: "11", md: "5", children: LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE }) }),
-    /* @__PURE__ */ jsx(Row, { className: "pt-2 ml-2", children: /* @__PURE__ */ jsx(Colxx, { xxs: "12", md: "9", children: isMobile ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Colxx, { xxs: "12", className: "text-center", children: [
-      filesTotalSelectedSelfie === 0 && /* @__PURE__ */ jsx(
-        "img",
-        {
-          style: { width: "97%" },
-          alt: "hacerFotoDNI",
-          src: imgHacerFoto
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        DropzoneUploader,
-        {
-          className: "pt-2 ml-2",
-          maxFiles: 1,
-          onChangeFiles: handleFilesSelectedSelfie,
-          totalFiles: filesTotalSelectedSelfie,
-          accept: "image/jpg,image/jpeg",
-          capture: "environment",
-          nameFileLabel: TAKE_PHOTO_MESSAGE
-        }
-      )
-    ] }) }) : /* @__PURE__ */ jsx(
-      "h2",
-      {
-        className: "view-icon iconsminds-smartphone-4 ml-2 mr-2",
-        style: {
-          color: "red",
-          margin: "10px 10px 0px 10px"
-        },
-        children: MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE
-      }
-    ) }) })
-  ] });
-};
-export {
-  TomarFoto
-};
-//# sourceMappingURL=index.js.map
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import Row from "../node_modules/@neolution-ch/reactstrap/esm/Row.js";
+import { DropzoneUploader } from "../dropzone-uploader/base/index.js";
+import { Colxx } from "../CustomBootstrap.js";
+import imgHacerFoto from "../assets/img/take-photo.jpg.js";
+import { TAKE_PHOTO } from "../constants.js";
+const TomarFoto = ({
+  onFilesSelectedSelfie = () => {
+  },
+  isMobile = false
+}) => {
+  const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);
+  const {
+    LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,
+    MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,
+    TAKE_PHOTO_MESSAGE
+  } = TAKE_PHOTO;
+  const handleFilesSelectedSelfie = (files) => {
+    setTotalFilesSelectedSelfie(files.length);
+    onFilesSelectedSelfie(files);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Row, { className: "pt-2 ml-4", children: /* @__PURE__ */ jsx(Colxx, { xxs: "11", md: "5", children: LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE }) }),
+    /* @__PURE__ */ jsx(Row, { className: "pt-2 ml-2", children: /* @__PURE__ */ jsx(Colxx, { xxs: "12", md: "9", children: isMobile ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Colxx, { xxs: "12", className: "text-center", children: [
+      filesTotalSelectedSelfie === 0 && /* @__PURE__ */ jsx(
+        "img",
+        {
+          style: { width: "97%" },
+          alt: "hacerFotoDNI",
+          src: imgHacerFoto
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        DropzoneUploader,
+        {
+          className: "pt-2 ml-2",
+          maxFiles: 1,
+          onChangeFiles: handleFilesSelectedSelfie,
+          totalFiles: filesTotalSelectedSelfie,
+          accept: "image/jpg,image/jpeg",
+          capture: "environment",
+          nameFileLabel: TAKE_PHOTO_MESSAGE
+        }
+      )
+    ] }) }) : /* @__PURE__ */ jsx(
+      "h2",
+      {
+        className: "view-icon iconsminds-smartphone-4 ml-2 mr-2",
+        style: {
+          color: "red",
+          margin: "10px 10px 0px 10px"
+        },
+        children: MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE
+      }
+    ) }) })
+  ] });
+};
+export {
+  TomarFoto
+};
+//# sourceMappingURL=index.js.map

package/dist/view-layout/button-editor.js

@@ -1,14 +1,14 @@
-import { jsx } from "react/jsx-runtime";
-import "./styles.css";
-const ButtonEditor = ({ activo, onClick }) => /* @__PURE__ */ jsx(
-  "button",
-  {
-    className: `visualizador-editor-btn ${activo ? "visualizador-editor-btn--activo" : "visualizador-editor-btn--inactivo"}`,
-    onClick,
-    children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("i", { className: "icon-eye simple-icon-eye" }) })
-  }
-);
-export {
-  ButtonEditor as default
-};
-//# sourceMappingURL=button-editor.js.map
+import { jsx } from "react/jsx-runtime";
+import "./styles.css";
+const ButtonEditor = ({ activo, onClick }) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    className: `visualizador-editor-btn ${activo ? "visualizador-editor-btn--activo" : "visualizador-editor-btn--inactivo"}`,
+    onClick,
+    children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx("i", { className: "icon-eye simple-icon-eye" }) })
+  }
+);
+export {
+  ButtonEditor as default
+};
+//# sourceMappingURL=button-editor.js.map

package/dist/view-layout/constants.js

@@ -1,11 +1,11 @@
-const GRID_SIZES = {
-  sm: { cols: 18, rows: 18 },
-  md: { cols: 12, rows: 12 },
-  lg: { cols: 6, rows: 6 }
-};
-const LOCALHOST = ["localhost", "127.0.0.1"];
-export {
-  GRID_SIZES,
-  LOCALHOST
-};
-//# sourceMappingURL=constants.js.map
+const GRID_SIZES = {
+  sm: { cols: 18, rows: 18 },
+  md: { cols: 12, rows: 12 },
+  lg: { cols: 6, rows: 6 }
+};
+const LOCALHOST = ["localhost", "127.0.0.1"];
+export {
+  GRID_SIZES,
+  LOCALHOST
+};
+//# sourceMappingURL=constants.js.map

package/dist/view-layout/editor-layer.js

@@ -1,28 +1,28 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import "./styles.css";
-const EditorLayer = ({ gridCols, gridRows }) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "editor-layer",
-      style: {
-        gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
-        gridTemplateRows: `repeat(${gridRows}, 1fr)`
-      },
-      children: Array.from({ length: gridRows * gridCols }).map((_, idx) => {
-        const x = idx % gridCols;
-        const y = Math.floor(idx / gridCols);
-        return /* @__PURE__ */ jsx("div", { className: "editor-layer-cell", children: /* @__PURE__ */ jsxs("div", { className: "editor-layer-cell-coord", children: [
-          "x:",
-          x,
-          ";y:",
-          y
-        ] }) }, `cell-${x}-${y}`);
-      })
-    }
-  );
-};
-export {
-  EditorLayer as default
-};
-//# sourceMappingURL=editor-layer.js.map
+import { jsx, jsxs } from "react/jsx-runtime";
+import "./styles.css";
+const EditorLayer = ({ gridCols, gridRows }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "editor-layer",
+      style: {
+        gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
+        gridTemplateRows: `repeat(${gridRows}, 1fr)`
+      },
+      children: Array.from({ length: gridRows * gridCols }).map((_, idx) => {
+        const x = idx % gridCols;
+        const y = Math.floor(idx / gridCols);
+        return /* @__PURE__ */ jsx("div", { className: "editor-layer-cell", children: /* @__PURE__ */ jsxs("div", { className: "editor-layer-cell-coord", children: [
+          "x:",
+          x,
+          ";y:",
+          y
+        ] }) }, `cell-${x}-${y}`);
+      })
+    }
+  );
+};
+export {
+  EditorLayer as default
+};
+//# sourceMappingURL=editor-layer.js.map

package/dist/view-layout/index.js

@@ -1,53 +1,53 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, createElement } from "react";
-import SlotWrapper from "./slot-wrapper.js";
-import EditorLayer from "./editor-layer.js";
-import { GRID_SIZES, LOCALHOST } from "./constants.js";
-import ButtonEditor from "./button-editor.js";
-import "./styles.css";
-const ViewLayout = ({
-  slots = [],
-  size = "md",
-  alto = 80,
-  ancho = 90,
-  server = window?.location?.hostname,
-  ...props
-}) => {
-  const isLocalhost = LOCALHOST.includes(server);
-  const [isEditorActivo, setEditorActivo] = useState(false);
-  const gridCols = GRID_SIZES[size].cols;
-  const gridRows = GRID_SIZES[size].rows;
-  return /* @__PURE__ */ jsxs("div", { className: "visualizador-container", children: [
-    isLocalhost && /* @__PURE__ */ jsx(
-      ButtonEditor,
-      {
-        activo: isEditorActivo,
-        onClick: () => setEditorActivo((prev) => !prev)
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "visualizador-grid-css",
-        style: {
-          maxWidth: `${ancho}vw`,
-          height: `${alto}vh`,
-          gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
-          gridTemplateRows: `repeat(${gridRows}, 1fr)`
-        },
-        ...props,
-        children: [
-          isEditorActivo && /* @__PURE__ */ jsx(EditorLayer, { gridCols, gridRows }),
-          slots.map((slot) => {
-            const { x, y, w, h, legend } = slot;
-            return /* @__PURE__ */ createElement(SlotWrapper, { ...slot, legend, key: slot.slot });
-          })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  ViewLayout
-};
-//# sourceMappingURL=index.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, createElement } from "react";
+import SlotWrapper from "./slot-wrapper.js";
+import EditorLayer from "./editor-layer.js";
+import { GRID_SIZES, LOCALHOST } from "./constants.js";
+import ButtonEditor from "./button-editor.js";
+import "./styles.css";
+const ViewLayout = ({
+  slots = [],
+  size = "md",
+  alto = 80,
+  ancho = 90,
+  server = window?.location?.hostname,
+  ...props
+}) => {
+  const isLocalhost = LOCALHOST.includes(server);
+  const [isEditorActivo, setEditorActivo] = useState(false);
+  const gridCols = GRID_SIZES[size].cols;
+  const gridRows = GRID_SIZES[size].rows;
+  return /* @__PURE__ */ jsxs("div", { className: "visualizador-container", children: [
+    isLocalhost && /* @__PURE__ */ jsx(
+      ButtonEditor,
+      {
+        activo: isEditorActivo,
+        onClick: () => setEditorActivo((prev) => !prev)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "visualizador-grid-css",
+        style: {
+          maxWidth: `${ancho}vw`,
+          height: `${alto}vh`,
+          gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
+          gridTemplateRows: `repeat(${gridRows}, 1fr)`
+        },
+        ...props,
+        children: [
+          isEditorActivo && /* @__PURE__ */ jsx(EditorLayer, { gridCols, gridRows }),
+          slots.map((slot) => {
+            const { x, y, w, h, legend } = slot;
+            return /* @__PURE__ */ createElement(SlotWrapper, { ...slot, legend, key: slot.slot });
+          })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ViewLayout
+};
+//# sourceMappingURL=index.js.map

package/dist/view-layout/slot-wrapper.js

@@ -1,39 +1,39 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SlotWrapper = ({
-  slot = 1,
-  component = null,
-  x = 0,
-  y = 0,
-  w = 2,
-  h = 2,
-  align = "stretch",
-  contentSize = "medium",
-  direction = "column",
-  justify = "flex-start",
-  legend,
-  showBorder = false
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "fieldset",
-    {
-      className: `visualizador-slot visualizador-slot-content--${contentSize} visualizador-slot--${direction} visualizador-slot-align--${align} visualizador-slot-justify--${justify} ` + (!showBorder ? "visualizador-slot--no-border" : ""),
-      style: {
-        position: "relative",
-        gridColumn: `${x + 1} / span ${w}`,
-        gridRow: `${y + 1} / span ${h}`,
-        display: "flex",
-        overflow: "hidden",
-        border: showBorder ? void 0 : "none"
-      },
-      children: [
-        /* @__PURE__ */ jsx("legend", { className: "slot-legend", children: legend }),
-        /* @__PURE__ */ jsx("div", { className: "slot-content", children: component })
-      ]
-    },
-    slot
-  );
-};
-export {
-  SlotWrapper as default
-};
-//# sourceMappingURL=slot-wrapper.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+const SlotWrapper = ({
+  slot = 1,
+  component = null,
+  x = 0,
+  y = 0,
+  w = 2,
+  h = 2,
+  align = "stretch",
+  contentSize = "medium",
+  direction = "column",
+  justify = "flex-start",
+  legend,
+  showBorder = false
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      className: `visualizador-slot visualizador-slot-content--${contentSize} visualizador-slot--${direction} visualizador-slot-align--${align} visualizador-slot-justify--${justify} ` + (!showBorder ? "visualizador-slot--no-border" : ""),
+      style: {
+        position: "relative",
+        gridColumn: `${x + 1} / span ${w}`,
+        gridRow: `${y + 1} / span ${h}`,
+        display: "flex",
+        overflow: "hidden",
+        border: showBorder ? void 0 : "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx("legend", { className: "slot-legend", children: legend }),
+        /* @__PURE__ */ jsx("div", { className: "slot-content", children: component })
+      ]
+    },
+    slot
+  );
+};
+export {
+  SlotWrapper as default
+};
+//# sourceMappingURL=slot-wrapper.js.map