@nr1e/qwik-ui 0.1.2 → 0.1.4

package/lib/components/auto-dismiss.qwik.cjs

@@ -3,22 +3,31 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const qwik = require("@builder.io/qwik");
 const AutoDismiss = qwik.component$((props) => {
-  const visible = qwik.useSignal(props?.visible?.value ?? false);
+  const visible = qwik.useSignal(props?.visible?.value ?? true);
   if (!visible.value) return null;
+  qwik.useTask$(async ({ track }) => {
+    track(() => props?.visible?.value);
+    if (props?.visible?.value && props.visible.value !== visible.value) {
+      visible.value = props.visible.value;
+    }
+  });
   qwik.useTask$(async ({ track }) => {
     track(() => visible.value);
-    if (props?.visible) {
+    if (props?.visible?.value && props.visible.value !== visible.value) {
       props.visible.value = visible.value;
     }
     if (!visible.value && props?.onDismiss$) {
       props.onDismiss$();
     }
   });
-  qwik.useVisibleTask$(({ cleanup }) => {
-    const id = setTimeout(() => {
-      visible.value = false;
-    }, 6e3);
-    cleanup(() => clearTimeout(id));
+  qwik.useVisibleTask$(({ track, cleanup }) => {
+    track(() => visible.value);
+    if (visible.value) {
+      const id = setTimeout(() => {
+        visible.value = false;
+      }, 6e3);
+      cleanup(() => clearTimeout(id));
+    }
   });
   return /* @__PURE__ */ jsxRuntime.jsx("div", {
     class: [

package/lib/components/auto-dismiss.qwik.mjs

@@ -1,22 +1,31 @@
 import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { component$, useSignal, useTask$, useVisibleTask$, Slot } from "@builder.io/qwik";
 const AutoDismiss = component$((props) => {
-  const visible = useSignal(props?.visible?.value ?? false);
+  const visible = useSignal(props?.visible?.value ?? true);
   if (!visible.value) return null;
+  useTask$(async ({ track }) => {
+    track(() => props?.visible?.value);
+    if (props?.visible?.value && props.visible.value !== visible.value) {
+      visible.value = props.visible.value;
+    }
+  });
   useTask$(async ({ track }) => {
     track(() => visible.value);
-    if (props?.visible) {
+    if (props?.visible?.value && props.visible.value !== visible.value) {
       props.visible.value = visible.value;
     }
     if (!visible.value && props?.onDismiss$) {
       props.onDismiss$();
     }
   });
-  useVisibleTask$(({ cleanup }) => {
-    const id = setTimeout(() => {
-      visible.value = false;
-    }, 6e3);
-    cleanup(() => clearTimeout(id));
+  useVisibleTask$(({ track, cleanup }) => {
+    track(() => visible.value);
+    if (visible.value) {
+      const id = setTimeout(() => {
+        visible.value = false;
+      }, 6e3);
+      cleanup(() => clearTimeout(id));
+    }
   });
   return /* @__PURE__ */ jsx("div", {
     class: [

package/lib/components/fixed-center-bottom.qwik.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const FixedCenterBottom = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    class: `fixed bottom-4 left-1/2 z-50 -translate-x-1/2 ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.FixedCenterBottom = FixedCenterBottom;

package/lib/components/fixed-center-bottom.qwik.mjs

@@ -0,0 +1,11 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+const FixedCenterBottom = component$((props) => {
+  return /* @__PURE__ */ jsx("div", {
+    class: `fixed bottom-4 left-1/2 z-50 -translate-x-1/2 ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  FixedCenterBottom
+};

package/lib/index.qwik.cjs

@@ -9,6 +9,7 @@ const autoDismiss = require("./components/auto-dismiss.qwik.cjs");
 const checkboxField = require("./components/checkbox-field.qwik.cjs");
 const dialog = require("./components/dialog.qwik.cjs");
 const dock = require("./components/dock.qwik.cjs");
+const fixedCenterBottom = require("./components/fixed-center-bottom.qwik.cjs");
 const dropUp = require("./components/drop-up.qwik.cjs");
 const googleSignInButton = require("./components/google-sign-in-button.qwik.cjs");
 const gtm = require("./components/gtm.qwik.cjs");
@@ -32,6 +33,7 @@ exports.Dock = dock.Dock;
 exports.DockButton = dock.DockButton;
 exports.DockLabel = dock.DockLabel;
 exports.DockLink = dock.DockLink;
+exports.FixedCenterBottom = fixedCenterBottom.FixedCenterBottom;
 exports.DropUp = dropUp.DropUp;
 exports.DropUpButtonSelector = dropUp.DropUpButtonSelector;
 exports.DropUpItem = dropUp.DropUpItem;

package/lib/index.qwik.mjs

@@ -7,6 +7,7 @@ import { AutoDismiss } from "./components/auto-dismiss.qwik.mjs";
 import { CheckboxField } from "./components/checkbox-field.qwik.mjs";
 import { Dialog } from "./components/dialog.qwik.mjs";
 import { Dock, DockButton, DockLabel, DockLink } from "./components/dock.qwik.mjs";
+import { FixedCenterBottom } from "./components/fixed-center-bottom.qwik.mjs";
 import { DropUp, DropUpButtonSelector, DropUpItem, DropUpSubmenu } from "./components/drop-up.qwik.mjs";
 import { GoogleSignInButton } from "./components/google-sign-in-button.qwik.mjs";
 import { GtmBody, GtmHead } from "./components/gtm.qwik.mjs";
@@ -35,6 +36,7 @@ export {
   DropUpButtonSelector,
   DropUpItem,
   DropUpSubmenu,
+  FixedCenterBottom,
   GoogleSignInButton,
   GtmBody,
   GtmHead,

package/lib-types/components/fixed-center-bottom.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Properties for FixedCenterBottom.
+ */
+export interface FixedCenterBottomProps {
+    class?: string;
+}
+/**
+ * Renders the contents centered at the bottom of the viewport.
+ */
+export declare const FixedCenterBottom: import("@builder.io/qwik").Component<FixedCenterBottomProps | undefined>;

package/lib-types/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/auto-dismiss';
 export * from './components/checkbox-field';
 export * from './components/dialog';
 export * from './components/dock';
+export * from './components/fixed-center-bottom';
 export * from './components/drop-up';
 export * from './components/google-sign-in-button';
 export * from './components/gtm';

package/package.json

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