alytus-ff 0.1.13 → 0.1.15

package/dist/alytus-ff.js

@@ -1,5 +1,5 @@
-import { defineComponent as l, openBlock as p, createElementBlock as a, toDisplayString as c } from "vue";
-const s = l({
+import { defineComponent as l, openBlock as a, createElementBlock as p, toDisplayString as s, createElementVNode as c, renderSlot as u } from "vue";
+const f = l({
   name: "WelcomeText",
   props: {
     fullName: {
@@ -11,17 +11,35 @@ const s = l({
       default: 0
     }
   }
-}), u = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [n, o] of t)
-    r[n] = o;
-  return r;
+}), i = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, r] of n)
+    t[o] = r;
+  return t;
 };
-function f(e, t, r, n, o, m) {
-  return p(), a("h1", null, "Welcome, " + c(e.fullName) + " " + c(e.no), 1);
+function _(e, n, t, o, r, d) {
+  return a(), p("h1", null, "Welcome, " + s(e.fullName) + " " + s(e.no), 1);
 }
-const _ = /* @__PURE__ */ u(s, [["render", f], ["__scopeId", "data-v-34d102f4"]]), d = (e) => e ? e.replace(/(?:\r\n|\r|\n)/g, "<br>") : "";
+const v = /* @__PURE__ */ i(f, [["render", _], ["__scopeId", "data-v-34d102f4"]]), m = l({
+  name: "PageTitle",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    }
+  }
+}), $ = { class: "mt-6 mb-3 ff-page-title" }, g = { class: "text-h5 font-weight-bold" };
+function h(e, n, t, o, r, d) {
+  return a(), p("div", $, [
+    c("span", g, s(e.title), 1),
+    c("div", null, [
+      u(e.$slots, "buttons")
+    ])
+  ]);
+}
+const y = /* @__PURE__ */ i(m, [["render", h]]), N = (e) => e ? e.replace(/(?:\r\n|\r|\n)/g, "<br>") : "";
 export {
-  _ as WelcomeText,
-  d as nl2br
+  y as PageTitle,
+  v as WelcomeText,
+  N as nl2br
 };

package/dist/alytus-ff.umd.cjs

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["Alytus FF"]={},n.Vue))})(this,function(n,e){"use strict";const l=e.defineComponent({name:"WelcomeText",props:{fullName:{type:String,required:!0},no:{type:Number,default:0}}}),f=(t,r)=>{const o=t.__vccOpts||t;for(const[i,c]of r)o[i]=c;return o};function s(t,r,o,i,c,d){return e.openBlock(),e.createElementBlock("h1",null,"Welcome, "+e.toDisplayString(t.fullName)+" "+e.toDisplayString(t.no),1)}const u=f(l,[["render",s],["__scopeId","data-v-34d102f4"]]),p=t=>t?t.replace(/(?:\r\n|\r|\n)/g,"<br>"):"";n.WelcomeText=u,n.nl2br=p,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["Alytus FF"]={},n.Vue))})(this,function(n,e){"use strict";const c=e.defineComponent({name:"WelcomeText",props:{fullName:{type:String,required:!0},no:{type:Number,default:0}}}),s=(t,r)=>{const o=t.__vccOpts||t;for(const[i,l]of r)o[i]=l;return o};function d(t,r,o,i,l,y){return e.openBlock(),e.createElementBlock("h1",null,"Welcome, "+e.toDisplayString(t.fullName)+" "+e.toDisplayString(t.no),1)}const p=s(c,[["render",d],["__scopeId","data-v-34d102f4"]]),a=e.defineComponent({name:"PageTitle",props:{title:{type:String,required:!0}}}),f={class:"mt-6 mb-3 ff-page-title"},u={class:"text-h5 font-weight-bold"};function m(t,r,o,i,l,y){return e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("span",u,e.toDisplayString(t.title),1),e.createElementVNode("div",null,[e.renderSlot(t.$slots,"buttons")])])}const _=s(a,[["render",m]]),g=t=>t?t.replace(/(?:\r\n|\r|\n)/g,"<br>"):"";n.PageTitle=_,n.WelcomeText=p,n.nl2br=g,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/components/Page/PageTitle.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { default as WelcomeText } from './components/WelcomeText.vue';
+import { default as PageTitle } from './components/Page/PageTitle.vue';
 import { nl2br } from './utils/HtmlUtils.ts';
 import { NameValuePair } from './types/Base.ts';
-export { WelcomeText, nl2br, NameValuePair };
+export { WelcomeText, PageTitle, nl2br, NameValuePair };

package/dist/style.css

@@ -1 +1 @@
-h1[data-v-34d102f4]{color:#f354f2}
+.ff-page-title,.ff-page-subtitle{display:flex;justify-content:space-between;align-items:center}.ff-page-title .v-btn,.ff-page-subtitle .v-btn{text-transform:unset;letter-spacing:.045em}h1[data-v-34d102f4]{color:#f354f2}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "alytus-ff",
   "private": false,
-  "version": "0.1.13",
+  "version": "0.1.15",
   "type": "module",
   "files": [
     "dist",

package/src/components/Page/PageTitle.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="mt-6 mb-3 ff-page-title">
+        <span class="text-h5 font-weight-bold">{{ title }}</span>
+        <div><slot name="buttons"></slot></div>
+    </div>
+</template>
+
+<script lang="ts">
+import {defineComponent} from "vue";
+
+export default defineComponent({
+    name: "PageTitle",
+    props: {
+        title: {
+            type: String,
+            required: true
+        }
+    }
+})
+</script>