@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260903063823 → 0.8.1-dev.20260905065929

package/dist/AvatarViewClient-4GOKYZYT.mjs

@@ -0,0 +1,108 @@
+"use client";
+
+"use client";
+import {
+  AssetUtility_default
+} from "./chunk-UPCAOGEY.mjs";
+
+// src/components/controls/view/AvatarViewClient.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AVATAR_COLORS = [
+  "bg-error-strong",
+  "bg-accent-base",
+  "bg-warning-base",
+  "bg-success-base",
+  "bg-info-base",
+  "bg-primary-base",
+  "bg-secondary-base"
+];
+var getAvatarColor = (text) => {
+  let hash = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    hash = hash * 31 + text.charCodeAt(i) >>> 0;
+  }
+  return AVATAR_COLORS[hash % AVATAR_COLORS.length];
+};
+var getInitials = (text) => {
+  const words = text.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) {
+    return "?";
+  }
+  if (words.length === 1) {
+    return words[0].slice(0, 2).toUpperCase();
+  }
+  return `${words[0][0]}${words[words.length - 1][0]}`.toUpperCase();
+};
+var getContactImageInfo = (text) => {
+  if (!text.includes("-")) {
+    return null;
+  }
+  const parts = text.split("-");
+  if (parts.length <= 1) {
+    return null;
+  }
+  const first = parts[0].trim();
+  if (!/^\d+$/.test(first)) {
+    return null;
+  }
+  return {
+    contactId: first,
+    name: parts.slice(1).join("-").trim() || text
+  };
+};
+var AvatarViewClient = (props) => {
+  const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
+  const [imageFailed, setImageFailed] = React.useState(false);
+  React.useEffect(() => {
+    setImageFailed(false);
+  }, [text, props.assetBaseUrl]);
+  if (!text) {
+    return null;
+  }
+  const size = props.width ?? "1.75rem";
+  const contactInfo = getContactImageInfo(text);
+  const imageUrl = contactInfo ? AssetUtility_default.resolveUrl(
+    props.assetBaseUrl,
+    `itemassets/contacts/contact-${contactInfo.contactId}`
+  ) : void 0;
+  const displayName = contactInfo?.name ?? text;
+  if (imageUrl && !imageFailed) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "avatar-view inline-block flex-shrink-0 rounded-full object-cover select-none",
+        src: imageUrl,
+        alt: displayName,
+        title: displayName,
+        "aria-label": displayName,
+        loading: "lazy",
+        onError: () => setImageFailed(true),
+        style: {
+          width: size,
+          height: size
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `avatar-view inline-flex flex-shrink-0 items-center justify-center rounded-full font-semibold uppercase select-none overflow-hidden ${getAvatarColor(displayName)}`,
+      title: displayName,
+      "aria-label": displayName,
+      style: {
+        width: size,
+        height: size,
+        fontSize: "0.6875rem",
+        letterSpacing: "0.02em",
+        lineHeight: 1
+      },
+      children: getInitials(displayName)
+    }
+  );
+};
+var AvatarViewClient_default = AvatarViewClient;
+export {
+  AvatarViewClient_default as default
+};

package/dist/AvatarViewClient-S3GJZZZS.mjs

@@ -0,0 +1,106 @@
+"use client";
+import {
+  AssetUtility_default
+} from "./chunk-TQ6BXQ3A.mjs";
+
+// src/components/controls/view/AvatarViewClient.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var AVATAR_COLORS = [
+  "bg-error-strong",
+  "bg-accent-base",
+  "bg-warning-base",
+  "bg-success-base",
+  "bg-info-base",
+  "bg-primary-base",
+  "bg-secondary-base"
+];
+var getAvatarColor = (text) => {
+  let hash = 0;
+  for (let i = 0; i < text.length; i += 1) {
+    hash = hash * 31 + text.charCodeAt(i) >>> 0;
+  }
+  return AVATAR_COLORS[hash % AVATAR_COLORS.length];
+};
+var getInitials = (text) => {
+  const words = text.trim().split(/\s+/).filter(Boolean);
+  if (words.length === 0) {
+    return "?";
+  }
+  if (words.length === 1) {
+    return words[0].slice(0, 2).toUpperCase();
+  }
+  return `${words[0][0]}${words[words.length - 1][0]}`.toUpperCase();
+};
+var getContactImageInfo = (text) => {
+  if (!text.includes("-")) {
+    return null;
+  }
+  const parts = text.split("-");
+  if (parts.length <= 1) {
+    return null;
+  }
+  const first = parts[0].trim();
+  if (!/^\d+$/.test(first)) {
+    return null;
+  }
+  return {
+    contactId: first,
+    name: parts.slice(1).join("-").trim() || text
+  };
+};
+var AvatarViewClient = (props) => {
+  const text = props.value === null || props.value === void 0 ? "" : String(props.value).trim();
+  const [imageFailed, setImageFailed] = React.useState(false);
+  React.useEffect(() => {
+    setImageFailed(false);
+  }, [text, props.assetBaseUrl]);
+  if (!text) {
+    return null;
+  }
+  const size = props.width ?? "1.75rem";
+  const contactInfo = getContactImageInfo(text);
+  const imageUrl = contactInfo ? AssetUtility_default.resolveUrl(
+    props.assetBaseUrl,
+    `itemassets/contacts/contact-${contactInfo.contactId}`
+  ) : void 0;
+  const displayName = contactInfo?.name ?? text;
+  if (imageUrl && !imageFailed) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        className: "avatar-view inline-block flex-shrink-0 rounded-full object-cover select-none",
+        src: imageUrl,
+        alt: displayName,
+        title: displayName,
+        "aria-label": displayName,
+        loading: "lazy",
+        onError: () => setImageFailed(true),
+        style: {
+          width: size,
+          height: size
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `avatar-view inline-flex flex-shrink-0 items-center justify-center rounded-full font-semibold uppercase select-none overflow-hidden ${getAvatarColor(displayName)}`,
+      title: displayName,
+      "aria-label": displayName,
+      style: {
+        width: size,
+        height: size,
+        fontSize: "0.6875rem",
+        letterSpacing: "0.02em",
+        lineHeight: 1
+      },
+      children: getInitials(displayName)
+    }
+  );
+};
+var AvatarViewClient_default = AvatarViewClient;
+export {
+  AvatarViewClient_default as default
+};

package/dist/{DataBindingControls-GWNAJ7PR.mjs → DataBindingControls-UUDERFAD.mjs}

@@ -3,7 +3,7 @@
 "use client";
 import {
   InputControl_default
-} from "./chunk-Q3LFGHLM.mjs";
+} from "./chunk-7JWVEYJY.mjs";
 import {
   InputControlType_default
 } from "./chunk-DTWPZPSX.mjs";

package/dist/{Slider-554BKC7N.mjs → Slider-6GJY6M4D.mjs}

@@ -1,7 +1,5 @@
 "use client";
 
-"use client";
-
 // src/components/Slider.tsx
 import React, { useState, useEffect, Children, cloneElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -20,7 +18,8 @@ var Slider = ({
   dotInactiveClassName = "bg-gray-600",
   gap,
   pillStyle = "cumulative",
-  progressPosition = "bottom"
+  progressPosition = "bottom",
+  scrollByColumns = false
 }) => {
   const [currentSlide, setCurrentSlide] = useState(0);
   const [transition, setTransition] = useState(true);
@@ -53,7 +52,8 @@ var Slider = ({
     return () => clearInterval(timer);
   }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
   const totalSlides = Children.count(children);
-  const maxSlide = totalSlides - slidesToShowState;
+  const maxSlide = Math.max(0, totalSlides - slidesToShowState);
+  const step = scrollByColumns ? typeof slidesToShowState === "number" && slidesToShowState > 0 ? Math.floor(slidesToShowState) : 1 : 1;
   const nextSlide = () => {
     if (currentSlide >= maxSlide) {
       if (infinite_scroll) {
@@ -62,7 +62,8 @@ var Slider = ({
       }
     } else {
       setTransition(true);
-      setCurrentSlide(currentSlide + 1);
+      const nextIndex = currentSlide + step;
+      setCurrentSlide(nextIndex > maxSlide ? maxSlide : nextIndex);
     }
   };
   const prevSlide = () => {
@@ -73,7 +74,8 @@ var Slider = ({
       }
     } else {
       setTransition(true);
-      setCurrentSlide(currentSlide - 1);
+      const prevIndex = currentSlide - step;
+      setCurrentSlide(prevIndex < 0 ? 0 : prevIndex);
     }
   };
   const goToSlide = (index) => {

package/dist/{Slider-PEIVH6A5.mjs → Slider-ZA2GRRGS.mjs}

@@ -1,5 +1,7 @@
 "use client";
 
+"use client";
+
 // src/components/Slider.tsx
 import React, { useState, useEffect, Children, cloneElement } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -18,7 +20,8 @@ var Slider = ({
   dotInactiveClassName = "bg-gray-600",
   gap,
   pillStyle = "cumulative",
-  progressPosition = "bottom"
+  progressPosition = "bottom",
+  scrollByColumns = false
 }) => {
   const [currentSlide, setCurrentSlide] = useState(0);
   const [transition, setTransition] = useState(true);
@@ -51,7 +54,8 @@ var Slider = ({
     return () => clearInterval(timer);
   }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
   const totalSlides = Children.count(children);
-  const maxSlide = totalSlides - slidesToShowState;
+  const maxSlide = Math.max(0, totalSlides - slidesToShowState);
+  const step = scrollByColumns ? typeof slidesToShowState === "number" && slidesToShowState > 0 ? Math.floor(slidesToShowState) : 1 : 1;
   const nextSlide = () => {
     if (currentSlide >= maxSlide) {
       if (infinite_scroll) {
@@ -60,7 +64,8 @@ var Slider = ({
       }
     } else {
       setTransition(true);
-      setCurrentSlide(currentSlide + 1);
+      const nextIndex = currentSlide + step;
+      setCurrentSlide(nextIndex > maxSlide ? maxSlide : nextIndex);
     }
   };
   const prevSlide = () => {
@@ -71,7 +76,8 @@ var Slider = ({
       }
     } else {
       setTransition(true);
-      setCurrentSlide(currentSlide - 1);
+      const prevIndex = currentSlide - step;
+      setCurrentSlide(prevIndex < 0 ? 0 : prevIndex);
     }
   };
   const goToSlide = (index) => {

package/dist/{chunk-Q3LFGHLM.mjs → chunk-7JWVEYJY.mjs}

@@ -3,7 +3,7 @@
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic from "next/dynamic";
-var InputControl = dynamic(() => import("./InputControlClient-GRH7VSJR.mjs"), {
+var InputControl = dynamic(() => import("./InputControlClient-5NX4CEZB.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;