alytus-ff 0.1.16 → 0.1.18

package/dist/alytus-ff.js

@@ -1,45 +1,59 @@
-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",
+import { defineComponent as p, openBlock as c, createElementBlock as l, createElementVNode as s, toDisplayString as d, createCommentVNode as u, renderSlot as m } from "vue";
+const f = p({
+  name: "PageTitle",
   props: {
-    fullName: {
+    title: {
       type: String,
       required: !0
     },
-    no: {
-      type: Number,
-      default: 0
+    description: {
+      type: String,
+      default: null
     }
   }
-}), i = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, r] of n)
-    t[o] = r;
-  return t;
+}), a = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [r, n] of t)
+    o[r] = n;
+  return o;
+}, _ = { class: "mt-6 mb-3 ff-page-title" }, g = { class: "text-h5 ff-title" }, $ = {
+  key: 0,
+  class: "text-body-2 ff-description"
 };
-function _(e, n, t, o, r, d) {
-  return a(), p("h1", null, "Welcome, " + s(e.fullName) + " " + s(e.no), 1);
+function b(e, t, o, r, n, i) {
+  return c(), l("div", _, [
+    s("div", null, [
+      s("span", g, d(e.title), 1),
+      e.description ? (c(), l("div", $, d(e.description), 1)) : u("", !0)
+    ]),
+    s("div", null, [
+      m(e.$slots, "buttons")
+    ])
+  ]);
 }
-const v = /* @__PURE__ */ i(f, [["render", _], ["__scopeId", "data-v-34d102f4"]]), m = l({
-  name: "PageTitle",
+const v = /* @__PURE__ */ a(f, [["render", b]]), h = p({
+  name: "PageSubtitle",
   props: {
-    title: {
+    subtitle: {
       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")
-    ])
-  ]);
+}), k = { class: "text-h6 font-weight-bold mt-7 mb-4" };
+function C(e, t, o, r, n, i) {
+  return c(), l("div", k, d(e.subtitle), 1);
 }
-const y = /* @__PURE__ */ i(m, [["render", h]]), N = (e) => e ? e.replace(/(?:\r\n|\r|\n)/g, "<br>") : "";
+const y = /* @__PURE__ */ a(h, [["render", C]]), x = (e) => e ? e.replace(/(?:\r\n|\r|\n)/g, "<br>") : "", T = (e) => {
+  let t = document.cookie.match(new RegExp("(^|;\\s*)(" + e + ")=([^;]*)"));
+  return t ? decodeURIComponent(t[3]) : null;
+}, P = (e, t, o, r) => {
+  let n, i;
+  return r == null && (r = "/"), i = "", o && (n = /* @__PURE__ */ new Date(), n.setTime(n.getTime() + o * 24 * 60 * 60 * 1e3), i = "; expires=" + n.toUTCString()), document.cookie = encodeURIComponent(e) + "=" + encodeURIComponent(t) + i + "; path=" + r, !0;
+};
 export {
-  y as PageTitle,
-  v as WelcomeText,
-  N as nl2br
+  y as PageSubtitle,
+  v as PageTitle,
+  T as getCookie,
+  x as nl2br,
+  P as setCookie
 };

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 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"})});
+(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 d=e.defineComponent({name:"PageTitle",props:{title:{type:String,required:!0},description:{type:String,default:null}}}),l=(t,o)=>{const r=t.__vccOpts||t;for(const[s,i]of o)r[s]=i;return r},p={class:"mt-6 mb-3 ff-page-title"},a={class:"text-h5 ff-title"},f={key:0,class:"text-body-2 ff-description"};function m(t,o,r,s,i,c){return e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",null,[e.createElementVNode("span",a,e.toDisplayString(t.title),1),t.description?(e.openBlock(),e.createElementBlock("div",f,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",null,[e.renderSlot(t.$slots,"buttons")])])}const u=l(d,[["render",m]]),g=e.defineComponent({name:"PageSubtitle",props:{subtitle:{type:String,required:!0}}}),_={class:"text-h6 font-weight-bold mt-7 mb-4"};function b(t,o,r,s,i,c){return e.openBlock(),e.createElementBlock("div",_,e.toDisplayString(t.subtitle),1)}const k=l(g,[["render",b]]),h=t=>t?t.replace(/(?:\r\n|\r|\n)/g,"<br>"):"",y=t=>{let o=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return o?decodeURIComponent(o[3]):null},S=(t,o,r,s)=>{let i,c;return s==null&&(s="/"),c="",r&&(i=new Date,i.setTime(i.getTime()+r*24*60*60*1e3),c="; expires="+i.toUTCString()),document.cookie=encodeURIComponent(t)+"="+encodeURIComponent(o)+c+"; path="+s,!0};n.PageSubtitle=k,n.PageTitle=u,n.getCookie=y,n.nl2br=h,n.setCookie=S,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/components/{WelcomeText.vue.d.ts → Page/PageSubtitle.vue.d.ts}

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

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

@@ -3,10 +3,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         required: true;
     };
+    description: {
+        type: StringConstructor;
+        default: null;
+    };
 }>, {}, {}, {}, {}, 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>;
+    description: {
+        type: StringConstructor;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    description: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/index.d.ts

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

package/dist/style.css

@@ -1 +1 @@
-.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}
+.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}#app{max-width:1280px;margin:0 auto;padding:2rem}

package/dist/utils/CookieUtil.d.ts

@@ -0,0 +1,2 @@
+export declare const getCookie: (name: string) => string | null;
+export declare const setCookie: (name: string, value: string, days: number, path: string | null) => boolean;

package/package.json

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

package/src/components/Page/PageSubtitle.vue

@@ -0,0 +1,17 @@
+<template>
+    <div class="text-h6 font-weight-bold mt-7 mb-4">{{ subtitle }}</div>
+</template>
+
+<script lang="ts">
+import {defineComponent} from "vue";
+
+export default defineComponent({
+    name: "PageSubtitle",
+    props: {
+        subtitle: {
+            type: String,
+            required: true
+        }
+    }
+})
+</script>

package/src/components/Page/PageTitle.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="mt-6 mb-3 ff-page-title">
-        <span class="text-h5 font-weight-bold">{{ title }}</span>
+        <div>
+            <span class="text-h5 ff-title">{{ title }}</span>
+            <div v-if="description" class="text-body-2 ff-description">{{description}}</div>
+        </div>
         <div><slot name="buttons"></slot></div>
     </div>
 </template>
@@ -14,6 +17,10 @@ export default defineComponent({
         title: {
             type: String,
             required: true
+        },
+        description: {
+            type: String,
+            default: null
         }
     }
 })

package/src/components/WelcomeText.vue

@@ -1,27 +0,0 @@
-<template>
-    <h1>Welcome, {{fullName}} {{no}}</h1>
-</template>
-
-<script lang="ts">
-import {defineComponent} from "vue";
-
-export default defineComponent({
-    name: "WelcomeText",
-    props: {
-        fullName: {
-            type: String,
-            required: true
-        },
-        no: {
-            type: Number,
-            default: 0
-        }
-    }
-})
-</script>
-
-<style lang="scss" scoped>
-h1 {
-    color: #f354f2;
-}
-</style>