@ghentcdh/ui 1.1.0 → 2.0.0

package/Markdown-C7ZNnPQB.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("@tiptap/starter-kit"),i=require("@tiptap/vue-3"),b=require("tiptap-markdown"),a=require("./index-NGeplssl.js"),f=["aria-label"],p={class:"flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200"},k=["title","onClick"],g=["innerHTML"],h={class:"card-body p-3"},_=e.defineComponent({__name:"Markdown",props:e.mergeModels(a.MarkdownComponentProperties,{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(a.MarkdownEmits,["update:modelValue"]),setup(s,{emit:d}){const c=s,u=d,l=e.useModel(s,"modelValue"),r=i.useEditor({content:l.value??"",extensions:[m.configure({heading:!1,blockquote:!1,bulletList:!1,orderedList:!1,listItem:!1,code:!1,codeBlock:!1,horizontalRule:!1,hardBreak:!1}),b.Markdown.configure({html:!1,transformPastedText:!0})],onUpdate({editor:t}){const n=t.storage.markdown.getMarkdown();l.value=n,u("change",n)}});return e.onBeforeUnmount(()=>{r.value?.destroy()}),(t,n)=>(e.openBlock(),e.createBlock(a._sfc_main,e.normalizeProps(e.guardReactiveProps(c)),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([[t.minHeight],"card bg-base-100 border border-base-300 w-full"]),"aria-label":t.id,role:"textbox"},[e.createElementVNode("div",p,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,o=>(e.openBlock(),e.createElementBlock("button",{key:o.name,tabindex:"-1",type:"button",class:e.normalizeClass(["btn btn-sm btn-ghost",{"btn-active":e.unref(r)?.isActive(o.name)}]),title:o.label,onClick:v=>o.action(e.unref(r))},[e.createElementVNode("span",{innerHTML:o.label},null,8,g)],10,k))),128))]),e.createElementVNode("div",h,[e.createVNode(e.unref(i.EditorContent),{editor:e.unref(r),class:"prose prose-sm max-w-none h-full"},null,8,["editor"])])],10,f)]),_:1},16))}});exports.default=_;

package/Markdown-OZGmR-pI.js

@@ -0,0 +1,76 @@
+import { defineComponent as p, useModel as k, onBeforeUnmount as h, openBlock as n, createBlock as _, normalizeProps as g, guardReactiveProps as v, withCtx as w, createElementVNode as r, normalizeClass as d, createElementBlock as m, Fragment as M, renderList as x, unref as a, createVNode as C, mergeModels as c } from "vue";
+import B from "@tiptap/starter-kit";
+import { useEditor as y, EditorContent as E } from "@tiptap/vue-3";
+import { Markdown as L } from "tiptap-markdown";
+import { _ as V, n as P, m as z } from "./index-WrdKkd9c.js";
+const H = ["aria-label"], T = { class: "flex items-center gap-1 px-3 py-2 border-b border-base-300 bg-base-200" }, N = ["title", "onClick"], R = ["innerHTML"], U = { class: "card-body p-3" }, S = /* @__PURE__ */ p({
+  __name: "Markdown",
+  props: /* @__PURE__ */ c(z, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(P, ["update:modelValue"]),
+  setup(l, { emit: u }) {
+    const f = l, b = u, i = k(l, "modelValue"), o = y({
+      content: i.value ?? "",
+      extensions: [
+        B.configure({
+          heading: !1,
+          blockquote: !1,
+          bulletList: !1,
+          orderedList: !1,
+          listItem: !1,
+          code: !1,
+          codeBlock: !1,
+          horizontalRule: !1,
+          hardBreak: !1
+        }),
+        L.configure({
+          html: !1,
+          transformPastedText: !0
+          // parse markdown on paste
+        })
+      ],
+      onUpdate({ editor: e }) {
+        const s = e.storage.markdown.getMarkdown();
+        i.value = s, b("change", s);
+      }
+    });
+    return h(() => {
+      o.value?.destroy();
+    }), (e, s) => (n(), _(V, g(v(f)), {
+      default: w(() => [
+        r("div", {
+          class: d([[e.minHeight], "card bg-base-100 border border-base-300 w-full"]),
+          "aria-label": e.id,
+          role: "textbox"
+        }, [
+          r("div", T, [
+            (n(!0), m(M, null, x(e.actions, (t) => (n(), m("button", {
+              key: t.name,
+              tabindex: "-1",
+              type: "button",
+              class: d(["btn btn-sm btn-ghost", { "btn-active": a(o)?.isActive(t.name) }]),
+              title: t.label,
+              onClick: ($) => t.action(a(o))
+            }, [
+              r("span", {
+                innerHTML: t.label
+              }, null, 8, R)
+            ], 10, N))), 128))
+          ]),
+          r("div", U, [
+            C(a(E), {
+              editor: a(o),
+              class: "prose prose-sm max-w-none h-full"
+            }, null, 8, ["editor"])
+          ])
+        ], 10, H)
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  S as default
+};

package/button/Btn.properties.d.ts

@@ -30,8 +30,8 @@ export declare const BtnProperties: {
         default: boolean;
     };
     color: {
-        type: PropType<Color>;
-        default: Color;
+        type: PropType<`${Color}`>;
+        default: `${Color}`;
     };
     size: {
         type: PropType<Size>;
@@ -41,5 +41,9 @@ export declare const BtnProperties: {
         type: BooleanConstructor;
         default: boolean;
     };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const BtnEmits: string[];

package/button/btn.vue.d.ts

@@ -1,3 +1,4 @@
+import { Color } from '../const/colors';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -34,8 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<import('../const/colors').Color>;
-        default: import('../const/colors').Color;
+        type: import('vue').PropType<`${Color}`>;
+        default: `${Color}`;
     };
     size: {
         type: import('vue').PropType<import('../const/size').Size>;
@@ -45,6 +46,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     href: {
         type: StringConstructor;
@@ -72,8 +77,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: boolean;
     };
     color: {
-        type: import('vue').PropType<import('../const/colors').Color>;
-        default: import('../const/colors').Color;
+        type: import('vue').PropType<`${Color}`>;
+        default: `${Color}`;
     };
     size: {
         type: import('vue').PropType<import('../const/size').Size>;
@@ -83,14 +88,19 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    noBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     size: import('../const/size').Size;
     type: import('./const').ButtonType;
     disabled: boolean;
-    color: import('../const/colors').Color;
+    color: "error" | "blank" | "primary" | "secondary" | "ghost";
     as: import('./const').ButtonTag;
     outline: boolean;
     square: boolean;
+    noBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/const/colors.d.ts

@@ -2,7 +2,8 @@ export declare enum Color {
     blank = "blank",
     primary = "primary",
     secondary = "secondary",
-    error = "error"
+    error = "error",
+    ghost = "ghost"
 }
 export declare const ButtonColor: Record<Color, string>;
 export declare const BadgeColor: Record<Color, string>;

package/drawer/drawer.properties.d.ts

@@ -15,4 +15,8 @@ export declare const DrawerProperties: {
         type: BooleanConstructor;
         default: boolean;
     };
+    drawerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 };

package/drawer/drawer.vue.d.ts

@@ -26,6 +26,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    drawerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     widthLeft: {
         type: NumberConstructor;
@@ -43,11 +47,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    drawerColor: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     widthLeft: number;
     widthRight: number;
     initialLeftOpen: boolean;
     initialRightOpen: boolean;
+    drawerColor: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/form/Checkbox.properties.d.ts

@@ -1,18 +1,23 @@
 export declare const CheckboxProperties: {
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -64,7 +69,7 @@ export declare const CheckboxProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -79,5 +84,13 @@ export declare const CheckboxProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const CheckboxEmits: string[];

package/form/Checkbox.vue.d.ts

@@ -1,18 +1,23 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -64,7 +69,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -79,6 +84,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -87,18 +100,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -150,7 +168,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -165,13 +183,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
     styles: {
         readonly group: {
@@ -197,7 +227,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -208,9 +238,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     };
     hideLabel: boolean;
-    isTouched: boolean;
     visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
     enabled: boolean;
     isFocused: boolean;
+    hideErrors: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/form/Input.properties.d.ts

@@ -3,20 +3,29 @@ export declare const InputProperties: {
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +77,7 @@ export declare const InputProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,5 +92,13 @@ export declare const InputProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const InputEmits: string[];

package/form/Input.vue.d.ts

@@ -3,20 +3,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +77,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,6 +92,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -93,20 +110,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -158,7 +184,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -173,14 +199,26 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    size: string;
+    label: string;
     type: string;
     required: boolean;
+    id: string;
+    placeholder: string;
     width: string;
     styles: {
         readonly group: {
@@ -206,7 +244,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             readonly label: "fieldset-legend";
             readonly error: "";
             readonly input: "input";
-            readonly textarea: "input h-32";
+            readonly textarea: "textarea h-32";
             readonly checkbox: "checkbox";
             readonly select: "input pr-14";
             readonly description: "form-control--description label text-xs text-gray-500";
@@ -217,9 +255,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
     };
     hideLabel: boolean;
-    isTouched: boolean;
     visible: boolean;
+    errors: string;
+    isTouched: boolean;
+    description: string;
     enabled: boolean;
     isFocused: boolean;
+    hideErrors: boolean;
+    clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFieldSetElement>;
 export default _default;

package/form/InputNumber.properties.d.ts

@@ -5,18 +5,23 @@ export declare const InputNumberProperties: {
     };
     id: {
         type: StringConstructor;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
+        default: undefined;
     };
     description: {
         type: StringConstructor;
+        default: undefined;
     };
     errors: {
         type: StringConstructor;
+        default: undefined;
     };
     label: {
         type: StringConstructor;
+        default: undefined;
     };
     visible: {
         type: BooleanConstructor;
@@ -68,7 +73,7 @@ export declare const InputNumberProperties: {
                 readonly label: "fieldset-legend";
                 readonly error: "";
                 readonly input: "input";
-                readonly textarea: "input h-32";
+                readonly textarea: "textarea h-32";
                 readonly checkbox: "checkbox";
                 readonly select: "input pr-14";
                 readonly description: "form-control--description label text-xs text-gray-500";
@@ -83,5 +88,13 @@ export declare const InputNumberProperties: {
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    hideErrors: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const InputNumberEmits: string[];