@phila/phila-ui-callout 0.0.5

package/README.md

@@ -0,0 +1,16 @@
+# Callout component
+
+## Create a new local build
+
+In src/components/COMPONENT_NAME:
+
+```
+npm run build
+npm pack
+```
+
+copy .tgz file to project and run:
+
+```
+npm install COMPONENT_NAME*.tgz
+```

package/dist/callout.js

@@ -0,0 +1,30 @@
+import { defineComponent as r, computed as m, openBlock as s, createElementBlock as t, normalizeClass as d, createElementVNode as c, Fragment as a, createTextVNode as p, toDisplayString as u, renderSlot as i, createCommentVNode as f } from "vue";
+const g = { class: "message-body" }, y = {
+  // Disabling the multi-word component name rule for this file
+  // to ensure component backwards compatibility.
+  // eslint-disable-next-line vue/multi-word-component-names
+  name: "Callout"
+}, C = /* @__PURE__ */ r({
+  ...y,
+  props: {
+    message: { default: "" },
+    messageType: { default: "info" }
+  },
+  setup(o) {
+    const n = o, l = m(() => `is-${n.messageType}`);
+    return (e, _) => (s(), t("div", {
+      class: d(["message", l.value])
+    }, [
+      c("div", g, [
+        e.message ? (s(), t(a, { key: 0 }, [
+          p(u(e.message), 1)
+        ], 64)) : (s(), t(a, { key: 1 }, [
+          e.$slots.default ? i(e.$slots, "default", { key: 0 }) : f("", !0)
+        ], 64))
+      ])
+    ], 2));
+  }
+});
+export {
+  C as default
+};

package/dist/callout.umd.cjs

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.Callout=t(e.Vue))})(this,function(e){"use strict";const t={class:"message-body"},n={name:"Callout"};return e.defineComponent({...n,props:{message:{default:""},messageType:{default:"info"}},setup(o){const a=o,l=e.computed(()=>`is-${a.messageType}`);return(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["message",l.value])},[e.createElementVNode("div",t,[s.message?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(s.message),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[s.$slots.default?e.renderSlot(s.$slots,"default",{key:0}):e.createCommentVNode("",!0)],64))])],2))}})});

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import Callout from "./Callout.vue";
+export default Callout;

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+import Callout from 'Callout.vue';
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Callout: typeof Callout;
+    }
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@phila/phila-ui-callout",
+  "private": false,
+  "version": "0.0.5",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/callout.umd.cjs",
+  "module": "./dist/callout.js",
+  "types": "./dist/types.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/types.d.ts",
+        "default": "./dist/callout.js"
+      },
+      "require": "./dist/callout.umd.cjs"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "prepublish": "npm i && npm run build",
+    "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --outdir ./dist",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@phila/phila-ui-core": "^1.0.12",
+    "bulma": "^0.9.4",
+    "vue": "^3.3.8"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.3",
+    "@vitejs/plugin-vue": "^4.5.0",
+    "sass": "^1.69.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.4",
+    "vite-plugin-lib-inject-css": "^1.3.0",
+    "vue-tsc": "^1.8.22"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.com/",
+    "access": "public"
+  },
+  "gitHead": "23f6f041d9a4577433637c7fc402beea3847a41a"
+}