@nr1e/qwik-ui 0.0.29 → 0.0.31

package/lib/components/drop-up.qwik.cjs

@@ -0,0 +1,54 @@
+"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 DropUpItem = qwik.component$((props) => {
+  const nav = qwikCity.useNavigate();
+  return /* @__PURE__ */ jsxRuntime.jsx("li", {
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwikCity.Link, {
+      href: props.href,
+      prefetch: props.prefetch,
+      class: `text-nowrap ${props?.class ?? null}`,
+      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 DropUpSubmenu = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", {
+    tabIndex: -1,
+    class: `dropdown-content menu bg-base-100 rounded-box z-1 shadow-sm ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+const DropUpButtonSelector = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("button", {
+    tabIndex: 0,
+    role: "button",
+    class: `btn ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+const DropUp = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", {
+    class: `dropdown dropdown-top ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
+  });
+});
+exports.DropUp = DropUp;
+exports.DropUpButtonSelector = DropUpButtonSelector;
+exports.DropUpItem = DropUpItem;
+exports.DropUpSubmenu = DropUpSubmenu;

package/lib/components/drop-up.qwik.mjs

@@ -0,0 +1,54 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, Slot } from "@builder.io/qwik";
+import { useNavigate, Link } from "@builder.io/qwik-city";
+const DropUpItem = component$((props) => {
+  const nav = useNavigate();
+  return /* @__PURE__ */ jsx("li", {
+    children: /* @__PURE__ */ jsx(Link, {
+      href: props.href,
+      prefetch: props.prefetch,
+      class: `text-nowrap ${props?.class ?? null}`,
+      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 DropUpSubmenu = component$((props) => {
+  return /* @__PURE__ */ jsx("ul", {
+    tabIndex: -1,
+    class: `dropdown-content menu bg-base-100 rounded-box z-1 shadow-sm ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+const DropUpButtonSelector = component$((props) => {
+  return /* @__PURE__ */ jsx("button", {
+    tabIndex: 0,
+    role: "button",
+    class: `btn ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+const DropUp = component$((props) => {
+  return /* @__PURE__ */ jsx("div", {
+    class: `dropdown dropdown-top ${props?.class ?? ""}`,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  DropUp,
+  DropUpButtonSelector,
+  DropUpItem,
+  DropUpSubmenu
+};

package/lib/components/gtm.qwik.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const qwik = require("@builder.io/qwik");
+const GtmHead = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("script", {
+    dangerouslySetInnerHTML: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer', ${props.id});`
+  });
+});
+const GtmBody = qwik.component$((props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("noscript", {
+    children: /* @__PURE__ */ jsxRuntime.jsx("iframe", {
+      src: `https://www.googletagmanager.com/ns.html?id=${props.id}`,
+      height: "0",
+      width: "0",
+      style: "display:none;visibility:hidden"
+    })
+  });
+});
+exports.GtmBody = GtmBody;
+exports.GtmHead = GtmHead;

package/lib/components/gtm.qwik.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$ } from "@builder.io/qwik";
+const GtmHead = component$((props) => {
+  return /* @__PURE__ */ jsx("script", {
+    dangerouslySetInnerHTML: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+  })(window,document,'script','dataLayer', ${props.id});`
+  });
+});
+const GtmBody = component$((props) => {
+  return /* @__PURE__ */ jsx("noscript", {
+    children: /* @__PURE__ */ jsx("iframe", {
+      src: `https://www.googletagmanager.com/ns.html?id=${props.id}`,
+      height: "0",
+      width: "0",
+      style: "display:none;visibility:hidden"
+    })
+  });
+});
+export {
+  GtmBody,
+  GtmHead
+};

package/lib/components/menu.qwik.cjs

@@ -53,7 +53,7 @@ const MenuDivider = qwik.component$(() => {
 });
 const Menu = qwik.component$((props) => {
   return /* @__PURE__ */ jsxRuntime.jsx("ul", {
-    class: `menu w-56 ${props?.class || null}`,
+    class: `menu w-56 ${props?.class ?? ""}`,
     children: /* @__PURE__ */ jsxRuntime.jsx(qwik.Slot, {})
   });
 });

package/lib/components/menu.qwik.mjs

@@ -51,7 +51,7 @@ const MenuDivider = component$(() => {
 });
 const Menu = component$((props) => {
   return /* @__PURE__ */ jsx("ul", {
-    class: `menu w-56 ${props?.class || null}`,
+    class: `menu w-56 ${props?.class ?? ""}`,
     children: /* @__PURE__ */ jsx(Slot, {})
   });
 });

package/lib/index.qwik.cjs

@@ -7,6 +7,8 @@ const alertSuccess = require("./components/alert-success.qwik.cjs");
 const alertWarning = require("./components/alert-warning.qwik.cjs");
 const checkboxField = require("./components/checkbox-field.qwik.cjs");
 const dialog = require("./components/dialog.qwik.cjs");
+const dropUp = require("./components/drop-up.qwik.cjs");
+const gtm = require("./components/gtm.qwik.cjs");
 const menu = require("./components/menu.qwik.cjs");
 const paceBar = require("./components/pace-bar.qwik.cjs");
 const selectField = require("./components/select-field.qwik.cjs");
@@ -19,6 +21,12 @@ exports.AlertSuccess = alertSuccess.AlertSuccess;
 exports.AlertWarning = alertWarning.AlertWarning;
 exports.CheckboxField = checkboxField.CheckboxField;
 exports.Dialog = dialog.Dialog;
+exports.DropUp = dropUp.DropUp;
+exports.DropUpButtonSelector = dropUp.DropUpButtonSelector;
+exports.DropUpItem = dropUp.DropUpItem;
+exports.DropUpSubmenu = dropUp.DropUpSubmenu;
+exports.GtmBody = gtm.GtmBody;
+exports.GtmHead = gtm.GtmHead;
 exports.Menu = menu.Menu;
 exports.MenuDivider = menu.MenuDivider;
 exports.MenuGroup = menu.MenuGroup;

package/lib/index.qwik.mjs

@@ -5,6 +5,8 @@ import { AlertSuccess } from "./components/alert-success.qwik.mjs";
 import { AlertWarning } from "./components/alert-warning.qwik.mjs";
 import { CheckboxField } from "./components/checkbox-field.qwik.mjs";
 import { Dialog } from "./components/dialog.qwik.mjs";
+import { DropUp, DropUpButtonSelector, DropUpItem, DropUpSubmenu } from "./components/drop-up.qwik.mjs";
+import { GtmBody, GtmHead } from "./components/gtm.qwik.mjs";
 import { Menu, MenuDivider, MenuGroup, MenuGroupSummary, MenuItem, Submenu } from "./components/menu.qwik.mjs";
 import { PaceBar } from "./components/pace-bar.qwik.mjs";
 import { SelectField } from "./components/select-field.qwik.mjs";
@@ -18,6 +20,12 @@ export {
   AlertWarning,
   CheckboxField,
   Dialog,
+  DropUp,
+  DropUpButtonSelector,
+  DropUpItem,
+  DropUpSubmenu,
+  GtmBody,
+  GtmHead,
   Menu,
   MenuDivider,
   MenuGroup,

package/lib-types/components/drop-up.d.ts

@@ -0,0 +1,22 @@
+import { QRL, Signal } from '@builder.io/qwik';
+export interface DropUpItemProps {
+    href?: string;
+    prefetch?: boolean;
+    selected?: boolean;
+    loading?: Signal<boolean>;
+    onClick$?: QRL<(event: Event) => void>;
+    class?: string;
+}
+export declare const DropUpItem: import("@builder.io/qwik").Component<DropUpItemProps>;
+export interface DropUpSubmenuProps {
+    class?: string;
+}
+export declare const DropUpSubmenu: import("@builder.io/qwik").Component<DropUpSubmenuProps | undefined>;
+export interface DropUpButtonProps {
+    class?: string;
+}
+export declare const DropUpButtonSelector: import("@builder.io/qwik").Component<DropUpButtonProps | undefined>;
+export interface DropUpProps {
+    class?: string;
+}
+export declare const DropUp: import("@builder.io/qwik").Component<DropUpProps | undefined>;

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

@@ -0,0 +1,11 @@
+export interface GtmProps {
+    id: string;
+}
+/**
+ * Sets up Google Tag Manager. This should go at the top of the <head> element.
+ */
+export declare const GtmHead: import("@builder.io/qwik").Component<GtmProps>;
+/**
+ * Sets up Google Tag Manager. This should go at after the opening <body> tag.
+ */
+export declare const GtmBody: import("@builder.io/qwik").Component<GtmProps>;

package/lib-types/index.d.ts

@@ -5,6 +5,8 @@ export * from './components/alert-success';
 export * from './components/alert-warning';
 export * from './components/checkbox-field';
 export * from './components/dialog';
+export * from './components/drop-up';
+export * from './components/gtm';
 export * from './components/menu';
 export * from './components/pace-bar';
 export * from './components/select-field';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nr1e/qwik-ui",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "description": "NR1E Qwik UI Library",
   "author": "NR1E, Inc.",
   "publishConfig": {
@@ -35,7 +35,7 @@
   "type": "module",
   "peerDependencies": {
     "@builder.io/qwik-city": "1.19.0",
-    "@nr1e/qwik-icons": "0.0.14"
+    "@nr1e/qwik-icons": "0.0.18"
   },
   "devDependencies": {
     "@builder.io/qwik": "1.19.0",