@morscherlab/mld-sdk 0.6.0

package/dist/components/ConfirmDialog.vue.d.ts

@@ -0,0 +1,41 @@
+interface Props {
+    modelValue: boolean;
+    title?: string;
+    message?: string;
+    variant?: 'danger' | 'warning' | 'info';
+    confirmLabel?: string;
+    cancelLabel?: string;
+    loading?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    cancel: () => any;
+    confirm: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    variant: "danger" | "warning" | "info";
+    loading: boolean;
+    title: string;
+    confirmLabel: string;
+    cancelLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ConfirmDialog.vue.js

@@ -0,0 +1,140 @@
+import { defineComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, renderSlot, createElementBlock, toDisplayString, createCommentVNode, createTextVNode } from "vue";
+import _sfc_main$1 from "./BaseModal.vue.js";
+/* empty css               */
+const _hoisted_1 = { class: "mld-confirm" };
+const _hoisted_2 = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_3 = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_4 = { class: "mld-confirm__content" };
+const _hoisted_5 = {
+  key: 0,
+  class: "mld-confirm__title"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "mld-confirm__message"
+};
+const _hoisted_7 = { class: "mld-confirm__footer" };
+const _hoisted_8 = ["disabled"];
+const _hoisted_9 = ["disabled"];
+const _hoisted_10 = {
+  key: 0,
+  class: "mld-confirm__btn-spinner",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ConfirmDialog",
+  props: {
+    modelValue: { type: Boolean },
+    title: { default: "Confirm" },
+    message: {},
+    variant: { default: "danger" },
+    confirmLabel: { default: "Confirm" },
+    cancelLabel: { default: "Cancel" },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue", "confirm", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleCancel() {
+      emit("update:modelValue", false);
+      emit("cancel");
+    }
+    function handleConfirm() {
+      emit("confirm");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        "model-value": __props.modelValue,
+        size: "sm",
+        closable: !__props.loading,
+        "close-on-overlay": !__props.loading,
+        "close-on-escape": !__props.loading,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event))
+      }, {
+        footer: withCtx(() => [
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("button", {
+              type: "button",
+              class: "mld-confirm__btn-cancel",
+              disabled: __props.loading,
+              onClick: handleCancel
+            }, toDisplayString(__props.cancelLabel), 9, _hoisted_8),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(["mld-confirm__btn-confirm", `mld-confirm__btn-confirm--${__props.variant}`]),
+              disabled: __props.loading,
+              onClick: handleConfirm
+            }, [
+              __props.loading ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[3] || (_cache[3] = [
+                createElementVNode("circle", {
+                  style: { "opacity": "0.25" },
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  "stroke-width": "4"
+                }, null, -1),
+                createElementVNode("path", {
+                  style: { "opacity": "0.75" },
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }, null, -1)
+              ])])) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(__props.confirmLabel), 1)
+            ], 10, _hoisted_9)
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", {
+              class: normalizeClass(["mld-confirm__icon", `mld-confirm__icon--${__props.variant}`])
+            }, [
+              renderSlot(_ctx.$slots, "icon", {}, () => [
+                __props.variant === "danger" || __props.variant === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[1] || (_cache[1] = [
+                  createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }, null, -1),
+                  createElementVNode("path", { d: "M12 9v4" }, null, -1),
+                  createElementVNode("path", { d: "M12 17h.01" }, null, -1)
+                ])])) : (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[2] || (_cache[2] = [
+                  createElementVNode("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "10"
+                  }, null, -1),
+                  createElementVNode("path", { d: "M12 16v-4" }, null, -1),
+                  createElementVNode("path", { d: "M12 8h.01" }, null, -1)
+                ])]))
+              ])
+            ], 2),
+            createElementVNode("div", _hoisted_4, [
+              __props.title ? (openBlock(), createElementBlock("h4", _hoisted_5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+              __props.message ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.message), 1)) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["model-value", "closable", "close-on-overlay", "close-on-escape"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ConfirmDialog.vue.js.map

package/dist/components/ConfirmDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.vue.js","sources":["../../src/components/ConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport BaseModal from './BaseModal.vue'\n\ninterface Props {\n  modelValue: boolean\n  title?: string\n  message?: string\n  variant?: 'danger' | 'warning' | 'info'\n  confirmLabel?: string\n  cancelLabel?: string\n  loading?: boolean\n}\n\nwithDefaults(defineProps<Props>(), {\n  title: 'Confirm',\n  variant: 'danger',\n  confirmLabel: 'Confirm',\n  cancelLabel: 'Cancel',\n  loading: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  confirm: []\n  cancel: []\n}>()\n\nfunction handleCancel() {\n  emit('update:modelValue', false)\n  emit('cancel')\n}\n\nfunction handleConfirm() {\n  emit('confirm')\n}\n</script>\n\n<template>\n  <BaseModal\n    :model-value=\"modelValue\"\n    size=\"sm\"\n    :closable=\"!loading\"\n    :close-on-overlay=\"!loading\"\n    :close-on-escape=\"!loading\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <div class=\"mld-confirm\">\n      <div :class=\"['mld-confirm__icon', `mld-confirm__icon--${variant}`]\">\n        <slot name=\"icon\">\n          <!-- Lucide triangle-alert for danger/warning -->\n          <svg v-if=\"variant === 'danger' || variant === 'warning'\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" /><path d=\"M12 9v4\" /><path d=\"M12 17h.01\" />\n          </svg>\n          <!-- Lucide info for info -->\n          <svg v-else viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\" /><path d=\"M12 16v-4\" /><path d=\"M12 8h.01\" />\n          </svg>\n        </slot>\n      </div>\n      <div class=\"mld-confirm__content\">\n        <h4 v-if=\"title\" class=\"mld-confirm__title\">{{ title }}</h4>\n        <p v-if=\"message\" class=\"mld-confirm__message\">{{ message }}</p>\n        <slot />\n      </div>\n    </div>\n\n    <template #footer>\n      <div class=\"mld-confirm__footer\">\n        <button\n          type=\"button\"\n          class=\"mld-confirm__btn-cancel\"\n          :disabled=\"loading\"\n          @click=\"handleCancel\"\n        >\n          {{ cancelLabel }}\n        </button>\n        <button\n          type=\"button\"\n          :class=\"['mld-confirm__btn-confirm', `mld-confirm__btn-confirm--${variant}`]\"\n          :disabled=\"loading\"\n          @click=\"handleConfirm\"\n        >\n          <svg v-if=\"loading\" class=\"mld-confirm__btn-spinner\" fill=\"none\" viewBox=\"0 0 24 24\">\n            <circle style=\"opacity: 0.25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n            <path style=\"opacity: 0.75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\" />\n          </svg>\n          {{ confirmLabel }}\n        </button>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<style>\n@import '../styles/components/confirm-dialog.css';\n</style>\n"],"names":["_createBlock","BaseModal","_createElementVNode","_openBlock","_createElementBlock","_createTextVNode","_renderSlot","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,OAAO;AAMb,aAAS,eAAe;AACtB,WAAK,qBAAqB,KAAK;AAC/B,WAAK,QAAQ;AAAA,IACf;AAEA,aAAS,gBAAgB;AACvB,WAAK,SAAS;AAAA,IAChB;;0BAIEA,YAoDYC,aAAA;AAAA,QAnDT,eAAa,QAAA;AAAA,QACd,MAAK;AAAA,QACJ,WAAW,QAAA;AAAA,QACX,qBAAmB,QAAA;AAAA,QACnB,oBAAkB,QAAA;AAAA,QAClB,uBAAkB,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,qBAAsB,MAAM;AAAA,MAAA;QAsB1C,gBACT,MAqBM;AAAA,UArBNC,mBAqBM,OArBN,YAqBM;AAAA,YApBJA,mBAOS,UAAA;AAAA,cANP,MAAK;AAAA,cACL,OAAM;AAAA,cACL,UAAU,QAAA;AAAA,cACV,SAAO;AAAA,YAAA,mBAEL,QAAA,WAAW,GAAA,GAAA,UAAA;AAAA,YAEhBA,mBAWS,UAAA;AAAA,cAVP,MAAK;AAAA,cACJ,gFAAiE,QAAA,OAAO,EAAA,CAAA;AAAA,cACxE,UAAU,QAAA;AAAA,cACV,SAAO;AAAA,YAAA;cAEG,QAAA,WAAXC,aAAAC,mBAGM,OAHN,aAGM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,gBAFJF,mBAA8F,UAAA;AAAA,kBAAtF,OAAA,EAAA,WAAA,OAAA;AAAA,kBAAsB,IAAG;AAAA,kBAAK,IAAG;AAAA,kBAAK,GAAE;AAAA,kBAAK,QAAO;AAAA,kBAAe,gBAAa;AAAA,gBAAA;gBACxFA,mBAAsK,QAAA;AAAA,kBAAhK,OAAA,EAAA,WAAA,OAAA;AAAA,kBAAsB,MAAK;AAAA,kBAAe,GAAE;AAAA,gBAAA;;cAC9CG,gBAAA,sBACH,QAAA,YAAY,GAAA,CAAA;AAAA,YAAA;;;yBAxCrB,MAkBM;AAAA,UAlBNH,mBAkBM,OAlBN,YAkBM;AAAA,YAjBJA,mBAWM,OAAA;AAAA,cAXA,kEAAmD,QAAA,OAAO,EAAA,CAAA;AAAA,YAAA;cAC9DI,WASO,yBATP,MASO;AAAA,gBAPM,QAAA,wBAAwB,QAAA,YAAO,aAA1CH,aAAAC,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,kBADJF,mBAAqF,QAAA,EAA/E,GAAE,2EAAA,GAA0E,MAAA,EAAA;AAAA,kBAAGA,mBAAoB,QAAA,EAAd,GAAE,UAAA,GAAS,MAAA,EAAA;AAAA,kBAAGA,mBAAuB,QAAA,EAAjB,GAAE,aAAA,GAAY,MAAA,EAAA;AAAA,gBAAA,SAG/HC,aAAAC,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,kBADJF,mBAAiC,UAAA;AAAA,oBAAzB,IAAG;AAAA,oBAAK,IAAG;AAAA,oBAAK,GAAE;AAAA,kBAAA;kBAAOA,mBAAsB,QAAA,EAAhB,GAAE,YAAA,GAAW,MAAA,EAAA;AAAA,kBAAGA,mBAAsB,QAAA,EAAhB,GAAE,YAAA,GAAW,MAAA,EAAA;AAAA,gBAAA;;;YAIhFA,mBAIM,OAJN,YAIM;AAAA,cAHM,QAAA,sBAAVE,mBAA4D,MAA5D,YAA4DG,gBAAb,QAAA,KAAK,GAAA,CAAA;cAC3C,QAAA,wBAATH,mBAAgE,KAAhE,YAAgEG,gBAAd,QAAA,OAAO,GAAA,CAAA;cACzDD,WAAQ,KAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;;"}

package/dist/components/ConfirmDialog.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./ConfirmDialog.vue.js";
+/* empty css                   */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ConfirmDialog.vue3.js.map

package/dist/components/ConfirmDialog.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/DataFrame.vue.d.ts

@@ -0,0 +1,107 @@
+import { DataFrameColumn, SortState, PaginationState } from '../types';
+/**
+ * DataFrame - Data table with sorting, searching, pagination, and row selection.
+ *
+ * @example
+ * ```vue
+ * <DataFrame
+ *   :data="rows"
+ *   :columns="[
+ *     { key: 'name', label: 'Name', sortable: true },
+ *     { key: 'age', label: 'Age', align: 'right' }
+ *   ]"
+ *   sortable
+ *   searchable
+ *   :pagination="{ page: 1, pageSize: 10, total: 100 }"
+ * />
+ * ```
+ */
+interface Props {
+    /** Array of data objects */
+    data: Record<string, unknown>[];
+    /** Column definitions */
+    columns: DataFrameColumn[];
+    /** Unique key for each row (property name or function) */
+    rowKey?: string | ((row: Record<string, unknown>) => string | number);
+    /** Alternate row background colors */
+    striped?: boolean;
+    /** Show table borders */
+    bordered?: boolean;
+    /** Table size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Make header sticky on scroll */
+    stickyHeader?: boolean;
+    /** Maximum table height (enables vertical scroll) */
+    maxHeight?: string | number;
+    /** Show loading overlay */
+    loading?: boolean;
+    /** Empty state message */
+    emptyText?: string;
+    /** Enable column sorting */
+    sortable?: boolean;
+    /** Current sort state (controlled mode) */
+    sort?: SortState | null;
+    /** Pagination state or false to disable */
+    pagination?: PaginationState | false;
+    /** Enable search input */
+    searchable?: boolean;
+    /** Search input placeholder */
+    searchPlaceholder?: string;
+    /** Column keys to search (defaults to all) */
+    searchKeys?: string[];
+    /** Enable row selection with checkboxes */
+    selectable?: boolean;
+    /** Currently selected row keys */
+    selectedKeys?: (string | number)[];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`header-${string}`, (_: {
+        column: DataFrameColumn<Record<string, unknown>>;
+    }) => any>> & Partial<Record<`cell-${string}`, (_: {
+        value: unknown;
+        row: Record<string, unknown>;
+        column: DataFrameColumn<Record<string, unknown>>;
+        index: number;
+    }) => any>> & {
+        empty?(_: {}): any;
+        loading?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:sort": (sort: SortState | null) => any;
+    "update:pagination": (pagination: PaginationState) => any;
+    "update:selectedKeys": (keys: (string | number)[]) => any;
+    "row-click": (row: Record<string, unknown>, index: number) => any;
+    "cell-click": (value: unknown, column: DataFrameColumn<Record<string, unknown>>, row: Record<string, unknown>) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:sort"?: ((sort: SortState | null) => any) | undefined;
+    "onUpdate:pagination"?: ((pagination: PaginationState) => any) | undefined;
+    "onUpdate:selectedKeys"?: ((keys: (string | number)[]) => any) | undefined;
+    "onRow-click"?: ((row: Record<string, unknown>, index: number) => any) | undefined;
+    "onCell-click"?: ((value: unknown, column: DataFrameColumn<Record<string, unknown>>, row: Record<string, unknown>) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    loading: boolean;
+    bordered: boolean;
+    striped: boolean;
+    stickyHeader: boolean;
+    emptyText: string;
+    sortable: boolean;
+    pagination: PaginationState | false;
+    searchable: boolean;
+    searchPlaceholder: string;
+    selectable: boolean;
+    selectedKeys: (string | number)[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};