@morscherlab/mld-sdk 0.6.0

package/dist/components/BatchProgressList.vue.js

@@ -0,0 +1,250 @@
+import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, normalizeStyle, renderSlot, Fragment, renderList, normalizeClass, withModifiers } from "vue";
+const _hoisted_1 = { class: "mld-batch-progress" };
+const _hoisted_2 = {
+  key: 0,
+  class: "mld-batch-progress__header"
+};
+const _hoisted_3 = { class: "mld-batch-progress__title" };
+const _hoisted_4 = { class: "mld-batch-progress__percent" };
+const _hoisted_5 = { class: "mld-batch-progress__overall" };
+const _hoisted_6 = { class: "mld-batch-progress__summary" };
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-batch-progress__summary-item mld-batch-progress__summary-item--completed"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "mld-batch-progress__summary-item mld-batch-progress__summary-item--processing"
+};
+const _hoisted_9 = {
+  key: 2,
+  class: "mld-batch-progress__summary-item mld-batch-progress__summary-item--error"
+};
+const _hoisted_10 = {
+  key: 3,
+  class: "mld-batch-progress__summary-item mld-batch-progress__summary-item--pending"
+};
+const _hoisted_11 = {
+  key: 4,
+  class: "mld-batch-progress__summary-item mld-batch-progress__summary-item--skipped"
+};
+const _hoisted_12 = ["data-item-id"];
+const _hoisted_13 = { class: "mld-batch-progress__item-row" };
+const _hoisted_14 = {
+  key: 0,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5"
+};
+const _hoisted_15 = {
+  key: 1,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5"
+};
+const _hoisted_16 = {
+  key: 2,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5"
+};
+const _hoisted_17 = {
+  key: 3,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5"
+};
+const _hoisted_18 = {
+  key: 4,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.5"
+};
+const _hoisted_19 = { class: "mld-batch-progress__item-label" };
+const _hoisted_20 = {
+  key: 0,
+  class: "mld-batch-progress__item-progress"
+};
+const _hoisted_21 = { class: "mld-batch-progress__item-actions" };
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = ["onClick"];
+const _hoisted_24 = {
+  key: 0,
+  class: "mld-batch-progress__item-error"
+};
+const _hoisted_25 = ["onClick"];
+const _hoisted_26 = {
+  key: 0,
+  class: "mld-batch-progress__item-message"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BatchProgressList",
+  props: {
+    items: {},
+    showSummary: { type: Boolean, default: true },
+    title: {},
+    maxHeight: {},
+    autoScroll: { type: Boolean, default: true }
+  },
+  emits: ["retry", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const listRef = ref(null);
+    const expandedErrors = ref(/* @__PURE__ */ new Set());
+    const summary = computed(() => {
+      const total = props.items.length;
+      const completed = props.items.filter((i) => i.status === "completed").length;
+      const processing = props.items.filter((i) => i.status === "processing").length;
+      const error = props.items.filter((i) => i.status === "error").length;
+      const pending = props.items.filter((i) => i.status === "pending").length;
+      const skipped = props.items.filter((i) => i.status === "skipped").length;
+      const percent = total > 0 ? Math.round((completed + skipped) / total * 100) : 0;
+      return { total, completed, processing, error, pending, skipped, percent };
+    });
+    function toggleError(id) {
+      if (expandedErrors.value.has(id)) {
+        expandedErrors.value.delete(id);
+      } else {
+        expandedErrors.value.add(id);
+      }
+    }
+    watch(
+      () => props.items.map((i) => i.status),
+      (newStatuses, oldStatuses) => {
+        if (!props.autoScroll || !listRef.value) return;
+        for (let i = 0; i < newStatuses.length; i++) {
+          if (newStatuses[i] === "processing" && (oldStatuses == null ? void 0 : oldStatuses[i]) !== "processing") {
+            nextTick(() => {
+              var _a;
+              const el = (_a = listRef.value) == null ? void 0 : _a.querySelector(`[data-item-id="${props.items[i].id}"]`);
+              el == null ? void 0 : el.scrollIntoView({ behavior: "smooth", block: "center" });
+            });
+            break;
+          }
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1),
+          createElementVNode("span", _hoisted_4, toDisplayString(summary.value.percent) + "%", 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", {
+            class: "mld-batch-progress__overall-bar",
+            style: normalizeStyle({ width: `${summary.value.percent}%` })
+          }, null, 4)
+        ]),
+        __props.showSummary ? renderSlot(_ctx.$slots, "summary", {
+          key: 1,
+          summary: summary.value
+        }, () => [
+          createElementVNode("div", _hoisted_6, [
+            summary.value.completed ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(summary.value.completed) + " completed ", 1)) : createCommentVNode("", true),
+            summary.value.processing ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(summary.value.processing) + " processing ", 1)) : createCommentVNode("", true),
+            summary.value.error ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(summary.value.error) + " failed ", 1)) : createCommentVNode("", true),
+            summary.value.pending ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(summary.value.pending) + " pending ", 1)) : createCommentVNode("", true),
+            summary.value.skipped ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(summary.value.skipped) + " skipped ", 1)) : createCommentVNode("", true)
+          ])
+        ]) : createCommentVNode("", true),
+        createElementVNode("div", {
+          ref_key: "listRef",
+          ref: listRef,
+          class: "mld-batch-progress__list",
+          style: normalizeStyle(__props.maxHeight ? { maxHeight: __props.maxHeight, overflowY: "auto" } : {})
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.id,
+              "data-item-id": item.id,
+              class: normalizeClass(["mld-batch-progress__item", `mld-batch-progress__item--${item.status}`])
+            }, [
+              renderSlot(_ctx.$slots, "item", { item }, () => [
+                createElementVNode("div", _hoisted_13, [
+                  createElementVNode("div", {
+                    class: normalizeClass(["mld-batch-progress__item-icon", `mld-batch-progress__item-icon--${item.status}`])
+                  }, [
+                    item.status === "pending" ? (openBlock(), createElementBlock("svg", _hoisted_14, [..._cache[0] || (_cache[0] = [
+                      createElementVNode("circle", {
+                        cx: "8",
+                        cy: "8",
+                        r: "6.5"
+                      }, null, -1),
+                      createElementVNode("path", {
+                        d: "M8 4.5V8l2.5 1.5",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, null, -1)
+                    ])])) : item.status === "processing" ? (openBlock(), createElementBlock("svg", _hoisted_15, [..._cache[1] || (_cache[1] = [
+                      createElementVNode("path", {
+                        d: "M8 1.5A6.5 6.5 0 1 1 1.5 8",
+                        "stroke-linecap": "round"
+                      }, null, -1)
+                    ])])) : item.status === "completed" ? (openBlock(), createElementBlock("svg", _hoisted_16, [..._cache[2] || (_cache[2] = [
+                      createElementVNode("path", {
+                        d: "M3.5 8.5L6.5 11.5L12.5 4.5",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, null, -1)
+                    ])])) : item.status === "error" ? (openBlock(), createElementBlock("svg", _hoisted_17, [..._cache[3] || (_cache[3] = [
+                      createElementVNode("path", {
+                        d: "M4.5 4.5l7 7M11.5 4.5l-7 7",
+                        "stroke-linecap": "round",
+                        "stroke-linejoin": "round"
+                      }, null, -1)
+                    ])])) : (openBlock(), createElementBlock("svg", _hoisted_18, [..._cache[4] || (_cache[4] = [
+                      createElementVNode("path", {
+                        d: "M4 8h8",
+                        "stroke-linecap": "round"
+                      }, null, -1)
+                    ])]))
+                  ], 2),
+                  createElementVNode("span", _hoisted_19, toDisplayString(item.label), 1),
+                  item.status === "processing" && item.progress !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                    createElementVNode("div", {
+                      class: "mld-batch-progress__item-progress-bar",
+                      style: normalizeStyle({ width: `${item.progress}%` })
+                    }, null, 4)
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_21, [
+                    item.status === "error" ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: "mld-batch-progress__retry-btn",
+                      onClick: withModifiers(($event) => emit("retry", item.id), ["stop"])
+                    }, " Retry ", 8, _hoisted_22)) : createCommentVNode("", true),
+                    item.status === "processing" ? (openBlock(), createElementBlock("button", {
+                      key: 1,
+                      type: "button",
+                      class: "mld-batch-progress__cancel-btn",
+                      onClick: withModifiers(($event) => emit("cancel", item.id), ["stop"])
+                    }, " Cancel ", 8, _hoisted_23)) : createCommentVNode("", true)
+                  ])
+                ]),
+                item.status === "error" && item.message ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "mld-batch-progress__error-toggle",
+                    onClick: withModifiers(($event) => toggleError(item.id), ["stop"])
+                  }, toDisplayString(expandedErrors.value.has(item.id) ? "Hide error" : "Show error"), 9, _hoisted_25),
+                  expandedErrors.value.has(item.id) ? (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(item.message), 1)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true)
+              ])
+            ], 10, _hoisted_12);
+          }), 128))
+        ], 4)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BatchProgressList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BatchProgressList.vue.js","sources":["../../src/components/BatchProgressList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch, nextTick } from 'vue'\n\ntype BatchItemStatus = 'pending' | 'processing' | 'completed' | 'error' | 'skipped'\n\ninterface BatchItem {\n  id: string\n  label: string\n  status: BatchItemStatus\n  progress?: number\n  message?: string\n}\n\ninterface BatchSummary {\n  total: number\n  completed: number\n  processing: number\n  error: number\n  pending: number\n  skipped: number\n  percent: number\n}\n\ninterface Props {\n  items: BatchItem[]\n  showSummary?: boolean\n  title?: string\n  maxHeight?: string\n  autoScroll?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  showSummary: true,\n  autoScroll: true,\n})\n\nconst emit = defineEmits<{\n  'retry': [id: string]\n  'cancel': [id: string]\n}>()\n\nconst listRef = ref<HTMLElement | null>(null)\nconst expandedErrors = ref<Set<string>>(new Set())\n\nconst summary = computed<BatchSummary>(() => {\n  const total = props.items.length\n  const completed = props.items.filter(i => i.status === 'completed').length\n  const processing = props.items.filter(i => i.status === 'processing').length\n  const error = props.items.filter(i => i.status === 'error').length\n  const pending = props.items.filter(i => i.status === 'pending').length\n  const skipped = props.items.filter(i => i.status === 'skipped').length\n  const percent = total > 0 ? Math.round(((completed + skipped) / total) * 100) : 0\n  return { total, completed, processing, error, pending, skipped, percent }\n})\n\nfunction toggleError(id: string) {\n  if (expandedErrors.value.has(id)) {\n    expandedErrors.value.delete(id)\n  } else {\n    expandedErrors.value.add(id)\n  }\n}\n\nwatch(\n  () => props.items.map(i => i.status),\n  (newStatuses, oldStatuses) => {\n    if (!props.autoScroll || !listRef.value) return\n    for (let i = 0; i < newStatuses.length; i++) {\n      if (newStatuses[i] === 'processing' && oldStatuses?.[i] !== 'processing') {\n        nextTick(() => {\n          const el = listRef.value?.querySelector(`[data-item-id=\"${props.items[i].id}\"]`)\n          el?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n        })\n        break\n      }\n    }\n  },\n)\n</script>\n\n<template>\n  <div class=\"mld-batch-progress\">\n    <div v-if=\"title\" class=\"mld-batch-progress__header\">\n      <span class=\"mld-batch-progress__title\">{{ title }}</span>\n      <span class=\"mld-batch-progress__percent\">{{ summary.percent }}%</span>\n    </div>\n\n    <div class=\"mld-batch-progress__overall\">\n      <div\n        class=\"mld-batch-progress__overall-bar\"\n        :style=\"{ width: `${summary.percent}%` }\"\n      />\n    </div>\n\n    <slot v-if=\"showSummary\" name=\"summary\" :summary=\"summary\">\n      <div class=\"mld-batch-progress__summary\">\n        <span v-if=\"summary.completed\" class=\"mld-batch-progress__summary-item mld-batch-progress__summary-item--completed\">\n          {{ summary.completed }} completed\n        </span>\n        <span v-if=\"summary.processing\" class=\"mld-batch-progress__summary-item mld-batch-progress__summary-item--processing\">\n          {{ summary.processing }} processing\n        </span>\n        <span v-if=\"summary.error\" class=\"mld-batch-progress__summary-item mld-batch-progress__summary-item--error\">\n          {{ summary.error }} failed\n        </span>\n        <span v-if=\"summary.pending\" class=\"mld-batch-progress__summary-item mld-batch-progress__summary-item--pending\">\n          {{ summary.pending }} pending\n        </span>\n        <span v-if=\"summary.skipped\" class=\"mld-batch-progress__summary-item mld-batch-progress__summary-item--skipped\">\n          {{ summary.skipped }} skipped\n        </span>\n      </div>\n    </slot>\n\n    <div\n      ref=\"listRef\"\n      class=\"mld-batch-progress__list\"\n      :style=\"maxHeight ? { maxHeight, overflowY: 'auto' } : {}\"\n    >\n      <div\n        v-for=\"item in items\"\n        :key=\"item.id\"\n        :data-item-id=\"item.id\"\n        :class=\"['mld-batch-progress__item', `mld-batch-progress__item--${item.status}`]\"\n      >\n        <slot name=\"item\" :item=\"item\">\n          <div class=\"mld-batch-progress__item-row\">\n            <!-- Status icon -->\n            <div :class=\"['mld-batch-progress__item-icon', `mld-batch-progress__item-icon--${item.status}`]\">\n              <!-- Pending: clock -->\n              <svg v-if=\"item.status === 'pending'\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <circle cx=\"8\" cy=\"8\" r=\"6.5\" />\n                <path d=\"M8 4.5V8l2.5 1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n              <!-- Processing: spinner -->\n              <svg v-else-if=\"item.status === 'processing'\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M8 1.5A6.5 6.5 0 1 1 1.5 8\" stroke-linecap=\"round\" />\n              </svg>\n              <!-- Completed: checkmark -->\n              <svg v-else-if=\"item.status === 'completed'\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M3.5 8.5L6.5 11.5L12.5 4.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n              <!-- Error: x -->\n              <svg v-else-if=\"item.status === 'error'\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M4.5 4.5l7 7M11.5 4.5l-7 7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </svg>\n              <!-- Skipped: dash -->\n              <svg v-else viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n                <path d=\"M4 8h8\" stroke-linecap=\"round\" />\n              </svg>\n            </div>\n\n            <span class=\"mld-batch-progress__item-label\">{{ item.label }}</span>\n\n            <!-- Mini progress bar for processing items -->\n            <div v-if=\"item.status === 'processing' && item.progress !== undefined\" class=\"mld-batch-progress__item-progress\">\n              <div class=\"mld-batch-progress__item-progress-bar\" :style=\"{ width: `${item.progress}%` }\" />\n            </div>\n\n            <!-- Actions -->\n            <div class=\"mld-batch-progress__item-actions\">\n              <button\n                v-if=\"item.status === 'error'\"\n                type=\"button\"\n                class=\"mld-batch-progress__retry-btn\"\n                @click.stop=\"emit('retry', item.id)\"\n              >\n                Retry\n              </button>\n              <button\n                v-if=\"item.status === 'processing'\"\n                type=\"button\"\n                class=\"mld-batch-progress__cancel-btn\"\n                @click.stop=\"emit('cancel', item.id)\"\n              >\n                Cancel\n              </button>\n            </div>\n          </div>\n\n          <!-- Error message (expandable) -->\n          <div v-if=\"item.status === 'error' && item.message\" class=\"mld-batch-progress__item-error\">\n            <button\n              type=\"button\"\n              class=\"mld-batch-progress__error-toggle\"\n              @click.stop=\"toggleError(item.id)\"\n            >\n              {{ expandedErrors.has(item.id) ? 'Hide error' : 'Show error' }}\n            </button>\n            <div v-if=\"expandedErrors.has(item.id)\" class=\"mld-batch-progress__item-message\">\n              {{ item.message }}\n            </div>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/batch-progress-list.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_normalizeStyle","_renderSlot","_Fragment","_renderList","_normalizeClass","_withModifiers"],"mappings":"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"}

package/dist/components/BatchProgressList.vue3.js

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

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

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

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

@@ -0,0 +1,37 @@
+interface BreadcrumbItem {
+    label: string;
+    to?: string;
+    href?: string;
+}
+interface Props {
+    items: BreadcrumbItem[];
+    separator?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: BreadcrumbItem;
+            index: number;
+            isLast: boolean;
+        }): any;
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    navigate: (item: BreadcrumbItem) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onNavigate?: ((item: BreadcrumbItem) => any) | undefined;
+}>, {
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/Breadcrumb.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+const _hoisted_1 = {
+  class: "mld-breadcrumb",
+  "aria-label": "Breadcrumb"
+};
+const _hoisted_2 = { class: "mld-breadcrumb__list" };
+const _hoisted_3 = ["href"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 2,
+  class: "mld-breadcrumb__current",
+  "aria-current": "page"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "mld-breadcrumb__separator",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Breadcrumb",
+  props: {
+    items: {},
+    separator: { default: "/" }
+  },
+  emits: ["navigate"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleClick(item) {
+      if (!item.href) {
+        emit("navigate", item);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", _hoisted_1, [
+        createElementVNode("ol", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: index,
+              class: "mld-breadcrumb__item"
+            }, [
+              renderSlot(_ctx.$slots, "item", {
+                item,
+                index,
+                isLast: index === __props.items.length - 1
+              }, () => [
+                item.href && index !== __props.items.length - 1 ? (openBlock(), createElementBlock("a", {
+                  key: 0,
+                  href: item.href,
+                  class: "mld-breadcrumb__link"
+                }, toDisplayString(item.label), 9, _hoisted_3)) : index !== __props.items.length - 1 ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  class: "mld-breadcrumb__link",
+                  onClick: ($event) => handleClick(item)
+                }, toDisplayString(item.label), 9, _hoisted_4)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.label), 1))
+              ]),
+              index !== __props.items.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                renderSlot(_ctx.$slots, "separator", {}, () => [
+                  createTextVNode(toDisplayString(__props.separator), 1)
+                ])
+              ])) : createCommentVNode("", true)
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Breadcrumb.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.vue.js","sources":["../../src/components/Breadcrumb.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface BreadcrumbItem {\n  label: string\n  to?: string\n  href?: string\n}\n\ninterface Props {\n  items: BreadcrumbItem[]\n  separator?: string\n}\n\nwithDefaults(defineProps<Props>(), {\n  separator: '/',\n})\n\nconst emit = defineEmits<{\n  navigate: [item: BreadcrumbItem]\n}>()\n\nfunction handleClick(item: BreadcrumbItem) {\n  if (!item.href) {\n    emit('navigate', item)\n  }\n}\n</script>\n\n<template>\n  <nav class=\"mld-breadcrumb\" aria-label=\"Breadcrumb\">\n    <ol class=\"mld-breadcrumb__list\">\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"mld-breadcrumb__item\"\n      >\n        <slot name=\"item\" :item=\"item\" :index=\"index\" :is-last=\"index === items.length - 1\">\n          <a\n            v-if=\"item.href && index !== items.length - 1\"\n            :href=\"item.href\"\n            class=\"mld-breadcrumb__link\"\n          >\n            {{ item.label }}\n          </a>\n          <button\n            v-else-if=\"index !== items.length - 1\"\n            class=\"mld-breadcrumb__link\"\n            @click=\"handleClick(item)\"\n          >\n            {{ item.label }}\n          </button>\n          <span\n            v-else\n            class=\"mld-breadcrumb__current\"\n            aria-current=\"page\"\n          >\n            {{ item.label }}\n          </span>\n        </slot>\n        <span\n          v-if=\"index !== items.length - 1\"\n          class=\"mld-breadcrumb__separator\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"separator\">{{ separator }}</slot>\n        </span>\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<style>\n@import '../styles/components/breadcrumb.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_renderSlot","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,OAAO;AAIb,aAAS,YAAY,MAAsB;AACzC,UAAI,CAAC,KAAK,MAAM;AACd,aAAK,YAAY,IAAI;AAAA,MACvB;AAAA,IACF;;AAIE,aAAAA,UAAA,GAAAC,mBAuCM,OAvCN,YAuCM;AAAA,QAtCJC,mBAqCK,MArCL,YAqCK;AAAA,WApCHF,UAAA,IAAA,GAAAC,mBAmCKE,UAAA,MAAAC,WAlCqB,QAAA,OAAK,CAArB,MAAM,UAAK;gCADrBH,mBAmCK,MAAA;AAAA,cAjCF,KAAK;AAAA,cACN,OAAM;AAAA,YAAA;cAENI,WAsBO,KAAA,QAAA,QAAA;AAAA,gBAtBY;AAAA,gBAAa;AAAA,gBAAe,QAAS,UAAU,QAAA,MAAM,SAAM;AAAA,cAAA,GAA9E,MAsBO;AAAA,gBApBG,KAAK,QAAQ,UAAU,QAAA,MAAM,SAAM,kBAD3CJ,mBAMI,KAAA;AAAA;kBAJD,MAAM,KAAK;AAAA,kBACZ,OAAM;AAAA,gBAAA,GAEHK,gBAAA,KAAK,KAAK,GAAA,GAAA,UAAA,KAGF,UAAU,QAAA,MAAM,SAAM,kBADnCL,mBAMS,UAAA;AAAA;kBAJP,OAAM;AAAA,kBACL,SAAK,CAAA,WAAE,YAAY,IAAI;AAAA,gBAAA,GAErBK,gBAAA,KAAK,KAAK,GAAA,GAAA,UAAA,MAEfN,UAAA,GAAAC,mBAMO,QANP,YAMOK,gBADF,KAAK,KAAK,GAAA,CAAA;AAAA,cAAA;cAIT,UAAU,QAAA,MAAM,SAAM,KAD9BN,aAAAC,mBAMO,QANP,YAMO;AAAA,gBADLI,WAA6C,8BAA7C,MAA6C;AAAA,kDAAnB,QAAA,SAAS,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;"}

package/dist/components/Breadcrumb.vue3.js

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

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

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

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

@@ -0,0 +1,107 @@
+import { CalendarSelectionMode, CalendarMarker, CalendarDayContext } from '../types';
+/**
+ * Calendar - Month calendar with date selection, range selection, and custom markers.
+ *
+ * @example
+ * ```vue
+ * <!-- Single date selection -->
+ * <Calendar v-model="selectedDate" />
+ *
+ * <!-- Range selection -->
+ * <Calendar v-model="dateRange" selection-mode="range" />
+ *
+ * <!-- With markers -->
+ * <Calendar :markers="[{ date: '2024-01-15', color: '#ff0000', label: 'Event' }]" />
+ * ```
+ */
+interface Props {
+    /** Selected date(s) - type depends on selectionMode */
+    modelValue?: Date | Date[] | {
+        start: Date;
+        end: Date;
+    } | null;
+    /** Selection behavior mode */
+    selectionMode?: CalendarSelectionMode;
+    /** Display month (0-11) */
+    month?: number;
+    /** Display year */
+    year?: number;
+    /** Always show 6 weeks (42 days) */
+    fixedWeeks?: boolean;
+    /** First day of week (0=Sunday, 1=Monday, etc.) */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** Show days from adjacent months */
+    showOutsideDays?: boolean;
+    /** Show month navigation buttons */
+    showNavigation?: boolean;
+    /** Visual markers on specific dates */
+    markers?: CalendarMarker[];
+    /** Earliest selectable date */
+    minDate?: Date | string;
+    /** Latest selectable date */
+    maxDate?: Date | string;
+    /** Explicitly disabled dates */
+    disabledDates?: Array<Date | string>;
+    /** Custom disabled date logic */
+    isDateDisabled?: (date: Date) => boolean;
+    /** Locale for date formatting */
+    locale?: string;
+}
+declare function prevMonth(): void;
+declare function nextMonth(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {
+            month: number;
+            year: number;
+            prevMonth: typeof prevMonth;
+            nextMonth: typeof nextMonth;
+        }): any;
+        'week-day'?(_: {
+            dayName: string;
+            index: number;
+        }): any;
+        'day-content'?(_: {
+            day: CalendarDayContext;
+        }): 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:modelValue": (value: Date | Date[] | {
+        start: Date;
+        end: Date;
+    } | null) => any;
+    "update:month": (month: number) => any;
+    "update:year": (year: number) => any;
+    "day-click": (context: CalendarDayContext) => any;
+    navigate: (direction: "prev" | "next", month: number, year: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | Date[] | {
+        start: Date;
+        end: Date;
+    } | null) => any) | undefined;
+    "onUpdate:month"?: ((month: number) => any) | undefined;
+    "onUpdate:year"?: ((year: number) => any) | undefined;
+    "onDay-click"?: ((context: CalendarDayContext) => any) | undefined;
+    onNavigate?: ((direction: "prev" | "next", month: number, year: number) => any) | undefined;
+}>, {
+    selectionMode: CalendarSelectionMode;
+    fixedWeeks: boolean;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showOutsideDays: boolean;
+    showNavigation: boolean;
+    markers: CalendarMarker[];
+    disabledDates: Array<Date | string>;
+    locale: string;
+}, {}, {}, {}, 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;
+    };
+};