npm - nemesischart - Versions diffs - 0.1.0 - Mend

nemesischart 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,5 @@
+# Vue 3 + Vite
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).

package/dist/nemesischart.es.js ADDED Viewed

@@ -0,0 +1,76 @@
+import { resolveComponent as i, openBlock as r, createElementBlock as c, normalizeClass as o, unref as a, createElementVNode as n, toDisplayString as l, createBlock as d, createCommentVNode as m } from "vue";
+const p = {
+  class: "m-0 text-sm min-w-max",
+  style: { color: "#7B7B7B" }
+}, g = {
+  __name: "Cards",
+  props: {
+    cor: {
+      type: String,
+      default: "light",
+      validator: (t) => ["light", "dark", "transparent"].includes(t)
+    },
+    titulo: {
+      type: String,
+      default: "Card Title"
+    },
+    valor: {
+      type: String,
+      default: "0"
+    },
+    descricao: {
+      type: String,
+      default: "This is a card component. You can add any content here."
+    },
+    botao_todos: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(t) {
+    const e = {
+      light: "bg-white",
+      dark: "bg-black",
+      transparent: ""
+    }[t.cor] ?? "bg-white";
+    return (x, h) => {
+      const s = i("Button");
+      return r(), c("div", {
+        class: o([a(e), "border-1 surface-border border-round-xl flex flex-column w-full transition-linear transition-all transition-duration-200 select-none", a(e) === "bg-black" ? "hover:bg-black-alpha-90" : "hover:bg-white-alpha-70"]),
+        style: { padding: "1.25rem", gap: "1.438rem" }
+      }, [
+        n("p", {
+          class: o(["m-0 text-xs font-medium", a(e) === "bg-black" ? "text-white" : "text-gray-900"])
+        }, l(t.titulo), 3),
+        n("div", null, [
+          n("h2", {
+            class: o(["m-0 text-3xl font-semibold", a(e) === "bg-black" ? "text-white" : "text-gray-900"]),
+            style: { "line-height": "36px", "letter-spacing": "-1px" }
+          }, l(t.valor), 3),
+          n("p", p, l(t.descricao), 1)
+        ]),
+        t.botao_todos ? (r(), d(s, {
+          key: 0,
+          text: "",
+          label: "Ver Todos",
+          icon: "pi pi-angle-right text-xs",
+          iconPos: "right",
+          severity: "contrast",
+          class: o(["text-xs p-0 w-max", a(e) === "bg-black" ? "text-white" : "text-gray-900"]),
+          pt: {
+            root: { style: "background: transparent !important; box-shadow: none !important; gap:0.3rem" },
+            label: { class: "font-medium" }
+          }
+        }, null, 8, ["class"])) : m("", !0)
+      ], 2);
+    };
+  }
+}, y = {
+  install(t) {
+    t.component("NemesisCards", g);
+  }
+};
+export {
+  g as Cards,
+  y as default
+};

package/dist/nemesischart.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json ADDED Viewed

@@ -0,0 +1,53 @@
+{
+  "name": "nemesischart",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "A Vue 3 component library for dashboard cards and charts.",
+  "keywords": [
+    "vue",
+    "vue3",
+    "component-library",
+    "charts",
+    "primevue"
+  ],
+  "license": "MIT",
+  "files": [
+    "dist",
+    "types"
+  ],
+  "main": "./dist/nemesischart.umd.js",
+  "module": "./dist/nemesischart.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/nemesischart.es.js",
+      "require": "./dist/nemesischart.umd.js"
+    }
+  },
+  "types": "./types/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:lib": "cross-env BUILD_TARGET=lib vite build",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "@primevue/themes": ">=4.0.0",
+    "primeflex": ">=3.0.0",
+    "primeicons": ">=6.0.0",
+    "primevue": ">=4.0.0",
+    "vue": ">=3.3.0"
+  },
+  "devDependencies": {
+    "@primevue/themes": "^4.5.4",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vue/devtools-api": "^8.0.6",
+    "chart.js": "^4.5.1",
+    "cross-env": "^10.1.0",
+    "primeflex": "^4.0.0",
+    "primeicons": "^7.0.0",
+    "primevue": "^4.5.4",
+    "vite": "^7.3.1",
+    "vite-plugin-vue-devtools": "^8.0.6",
+    "vue": "^3.5.25"
+  }
+}

package/types/index.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import type { DefineComponent, Plugin } from 'vue'
+export interface CardsProps {
+  /**
+   * Background color theme of the card.
+   * @default 'light'
+   */
+  cor?: 'light' | 'dark' | 'transparent'
+  /**
+   * Title text displayed at the top of the card.
+   * @default 'Card Title'
+   */
+  titulo?: string
+  /**
+   * Primary value displayed in the card body.
+   * @default '0'
+   */
+  valor?: string
+  /**
+   * Description text shown below the value.
+   * @default 'This is a card component. You can add any content here.'
+   */
+  descricao?: string
+  /**
+   * When true, renders a "Ver Todos" button at the bottom.
+   * Requires PrimeVue Button component to be registered globally.
+   * @default false
+   */
+  botao_todos?: boolean
+}
+declare const Cards: DefineComponent<CardsProps>
+declare const NemesisChart: Plugin
+export { Cards }
+export default NemesisChart