@nr1e/qwik-ui 0.0.41 → 0.0.42

package/lib/components/dock.qwik.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const qwikCity = require("@builder.io/qwik-city");
+const DockLabel = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", {
+    class: `dock-label ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+const DockItem = qwik.component$((props) => {
+  const nav = qwikCity.useNavigate();
+  return /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
+    class: `${props.selected ? "bg-base-200" : ""} ${props.linkClass ?? ""}`,
+    href: props.href,
+    prefetch: props.prefetch ?? true,
+    onClick$: async (event) => {
+      if (props.onClick$) {
+        await props.onClick$(event);
+      } else {
+        if (props.loading) {
+          props.loading.value = true;
+        }
+        await nav(props.href);
+        if (props.loading) {
+          props.loading.value = false;
+        }
+      }
+    },
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+const Dock = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    class: `dock ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.Dock = Dock;
+exports.DockItem = DockItem;
+exports.DockLabel = DockLabel;

package/lib/components/dock.qwik.mjs

@@ -0,0 +1,42 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import { useNavigate, Link } from "@builder.io/qwik-city";
+const DockLabel = component$((props) => {
+  return /* @__PURE__ */ jsx("span", {
+    class: `dock-label ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+const DockItem = component$((props) => {
+  const nav = useNavigate();
+  return /* @__PURE__ */ jsx(Link, {
+    class: `${props.selected ? "bg-base-200" : ""} ${props.linkClass ?? ""}`,
+    href: props.href,
+    prefetch: props.prefetch ?? true,
+    onClick$: async (event) => {
+      if (props.onClick$) {
+        await props.onClick$(event);
+      } else {
+        if (props.loading) {
+          props.loading.value = true;
+        }
+        await nav(props.href);
+        if (props.loading) {
+          props.loading.value = false;
+        }
+      }
+    },
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+const Dock = component$((props) => {
+  return /* @__PURE__ */ jsx("div", {
+    class: `dock ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  Dock,
+  DockItem,
+  DockLabel
+};

package/lib/index.qwik.cjs

@@ -8,6 +8,7 @@ const alertWarning = require("./components/alert-warning.qwik.cjs");
 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 dropUp = require("./components/drop-up.qwik.cjs");
 const googleSignInButton = require("./components/google-sign-in-button.qwik.cjs");
 const gtm = require("./components/gtm.qwik.cjs");
@@ -25,6 +26,9 @@ exports.AlertWarning = alertWarning.AlertWarning;
 exports.AutoDismiss = autoDismiss.AutoDismiss;
 exports.CheckboxField = checkboxField.CheckboxField;
 exports.Dialog = dialog.Dialog;
+exports.Dock = dock.Dock;
+exports.DockItem = dock.DockItem;
+exports.DockLabel = dock.DockLabel;
 exports.DropUp = dropUp.DropUp;
 exports.DropUpButtonSelector = dropUp.DropUpButtonSelector;
 exports.DropUpItem = dropUp.DropUpItem;

package/lib/index.qwik.mjs

@@ -6,6 +6,7 @@ import { AlertWarning } from "./components/alert-warning.qwik.mjs";
 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, DockItem, DockLabel } from "./components/dock.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";
@@ -24,6 +25,9 @@ export {
   AutoDismiss,
   CheckboxField,
   Dialog,
+  Dock,
+  DockItem,
+  DockLabel,
   DropUp,
   DropUpButtonSelector,
   DropUpItem,

package/lib-types/components/dock.d.ts

@@ -0,0 +1,19 @@
+import { QRL, Signal } from '@builder.io/qwik';
+export interface DockLabelProps {
+    class?: string;
+}
+export declare const DockLabel: import("@builder.io/qwik").Component<DockLabelProps | undefined>;
+export interface DockItemProps {
+    href?: string;
+    prefetch?: boolean;
+    class?: string;
+    selected?: boolean;
+    loading?: Signal<boolean>;
+    onClick$?: QRL<(event: Event) => void>;
+    linkClass?: string;
+}
+export declare const DockItem: import("@builder.io/qwik").Component<DockItemProps>;
+export interface DockProps {
+    class?: string;
+}
+export declare const Dock: import("@builder.io/qwik").Component<DockProps | undefined>;

package/lib-types/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/alert-warning';
 export * from './components/auto-dismiss';
 export * from './components/checkbox-field';
 export * from './components/dialog';
+export * from './components/dock';
 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.0.41",
+  "version": "0.0.42",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {