@nr1e/qwik-ui 0.0.2 → 0.0.3

package/lib/components/pace-bar.qwik.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const PaceBar = qwik.component$((props) => {
+  const value = qwik.useSignal(props.value);
+  qwik.useVisibleTask$(({ cleanup }) => {
+    if (props.value && props.value != -1 && props.asymptotic) {
+      const easing = props.easing ?? 4e-3;
+      const intervalMs = props.intervalMs ?? 10;
+      const id = setInterval(() => {
+        const delta = (100 - (value.value ?? 0)) * easing;
+        if (delta < 1e-4) {
+          clearInterval(id);
+          return;
+        }
+        value.value = (value.value ?? 0) + delta;
+        if (value.value >= 100) value.value = 99.999999;
+      }, intervalMs);
+      cleanup(() => clearInterval(id));
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("progress", {
+    class: `progress w-full ${value.value ? "block" : "hidden"} h-0.5 leading-none ${props.class}`,
+    value: value.value && value.value < 0 ? void 0 : value.value,
+    max: 100
+  });
+});
+exports.PaceBar = PaceBar;

package/lib/components/pace-bar.qwik.mjs

@@ -0,0 +1,29 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, useSignal, useVisibleTask$ } from "@builder.io/qwik";
+const PaceBar = component$((props) => {
+  const value = useSignal(props.value);
+  useVisibleTask$(({ cleanup }) => {
+    if (props.value && props.value != -1 && props.asymptotic) {
+      const easing = props.easing ?? 4e-3;
+      const intervalMs = props.intervalMs ?? 10;
+      const id = setInterval(() => {
+        const delta = (100 - (value.value ?? 0)) * easing;
+        if (delta < 1e-4) {
+          clearInterval(id);
+          return;
+        }
+        value.value = (value.value ?? 0) + delta;
+        if (value.value >= 100) value.value = 99.999999;
+      }, intervalMs);
+      cleanup(() => clearInterval(id));
+    }
+  });
+  return /* @__PURE__ */ jsx("progress", {
+    class: `progress w-full ${value.value ? "block" : "hidden"} h-0.5 leading-none ${props.class}`,
+    value: value.value && value.value < 0 ? void 0 : value.value,
+    max: 100
+  });
+});
+export {
+  PaceBar
+};

package/lib/index.qwik.cjs

@@ -1 +1,4 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const paceBar = require("./components/pace-bar.qwik.cjs");
+exports.PaceBar = paceBar.PaceBar;

package/lib/index.qwik.mjs

@@ -1 +1,4 @@
-
+import { PaceBar } from "./components/pace-bar.qwik.mjs";
+export {
+  PaceBar
+};

package/lib-types/src/index.d.ts

@@ -0,0 +1 @@
+export * from './components/pace-bar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {