@morscherlab/mld-sdk 0.6.0

package/dist/components/AppLayout.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, normalizeStyle } from "vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-layout__topbar"
+};
+const _hoisted_2 = { class: "mld-layout__body" };
+const _hoisted_3 = { class: "mld-layout__main" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AppLayout",
+  props: {
+    sidebarPosition: { default: "left" },
+    sidebarWidth: { default: "auto" },
+    floating: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const layoutClasses = computed(() => [
+      "mld-layout",
+      props.sidebarPosition === "right" ? "mld-layout--sidebar-right" : "",
+      props.floating ? "mld-layout--floating" : ""
+    ]);
+    const sidebarStyle = computed(() => {
+      return props.sidebarWidth !== "auto" ? { width: props.sidebarWidth } : void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(layoutClasses.value)
+      }, [
+        _ctx.$slots.topbar ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "topbar")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          _ctx.$slots.sidebar ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "mld-layout__sidebar",
+            style: normalizeStyle(sidebarStyle.value)
+          }, [
+            renderSlot(_ctx.$slots, "sidebar")
+          ], 4)) : createCommentVNode("", true),
+          createElementVNode("main", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AppLayout.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.vue.js","sources":["../../src/components/AppLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * AppLayout - Page layout shell with topbar, sidebar, and main content slots\n *\n * Provides a responsive application layout structure with optional topbar and sidebar.\n * The sidebar slot is a simple pass-through; visibility is controlled by AppSidebar itself.\n *\n * @example\n * ```vue\n * <AppLayout sidebar-position=\"right\" floating>\n *   <template #topbar>\n *     <AppTopBar title=\"My App\" />\n *   </template>\n *   <template #sidebar>\n *     <AppSidebar :panels=\"toolPanels\" :active-view=\"activeTab\">\n *       <template #section-params>...</template>\n *     </AppSidebar>\n *   </template>\n *   <main-content />\n * </AppLayout>\n * ```\n */\nimport { computed } from 'vue'\n\ninterface Props {\n  /** Position of sidebar (left or right side of screen) */\n  sidebarPosition?: 'left' | 'right'\n  /** Width of sidebar (use 'auto' to fit content) */\n  sidebarWidth?: string\n  /** When true, topbar/sidebar/main render as floating cards with gaps */\n  floating?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  sidebarPosition: 'left',\n  sidebarWidth: 'auto',\n  floating: false,\n})\n\nconst layoutClasses = computed(() => [\n  'mld-layout',\n  props.sidebarPosition === 'right' ? 'mld-layout--sidebar-right' : '',\n  props.floating ? 'mld-layout--floating' : '',\n])\n\nconst sidebarStyle = computed(() => {\n  return props.sidebarWidth !== 'auto' ? { width: props.sidebarWidth } : undefined\n})\n</script>\n\n<template>\n  <div :class=\"layoutClasses\">\n    <div v-if=\"$slots.topbar\" class=\"mld-layout__topbar\">\n      <slot name=\"topbar\" />\n    </div>\n\n    <div class=\"mld-layout__body\">\n      <div\n        v-if=\"$slots.sidebar\"\n        class=\"mld-layout__sidebar\"\n        :style=\"sidebarStyle\"\n      >\n        <slot name=\"sidebar\" />\n      </div>\n\n      <main class=\"mld-layout__main\">\n        <slot />\n      </main>\n    </div>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/app-layout.css';\n</style>\n"],"names":["_createElementBlock","$slots","_openBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AAiCA,UAAM,QAAQ;AAMd,UAAM,gBAAgB,SAAS,MAAM;AAAA,MACnC;AAAA,MACA,MAAM,oBAAoB,UAAU,8BAA8B;AAAA,MAClE,MAAM,WAAW,yBAAyB;AAAA,IAAA,CAC3C;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,aAAO,MAAM,iBAAiB,SAAS,EAAE,OAAO,MAAM,iBAAiB;AAAA,IACzE,CAAC;;0BAICA,mBAkBM,OAAA;AAAA,QAlBA,sBAAO,cAAA,KAAa;AAAA,MAAA;QACbC,KAAAA,OAAO,UAAlBC,aAAAF,mBAEM,OAFN,YAEM;AAAA,UADJG,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;QAGxBC,mBAYM,OAZN,YAYM;AAAA,UAVIH,KAAAA,OAAO,wBADfD,mBAMM,OAAA;AAAA;YAJJ,OAAM;AAAA,YACL,sBAAO,aAAA,KAAY;AAAA,UAAA;YAEpBG,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;UAGzBC,mBAEO,QAFP,YAEO;AAAA,YADLD,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;;;;;;"}

package/dist/components/AppLayout.vue3.js

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

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

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

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

@@ -0,0 +1,44 @@
+import { SidebarToolSection } from '../types';
+interface Props {
+    /** Map of view IDs to their tool sections */
+    panels?: Record<string, SidebarToolSection[]>;
+    /** Which view's panels to display */
+    activeView?: string;
+    /** Floating variant with absolute positioning */
+    floating?: boolean;
+    /** Width when visible */
+    width?: string;
+    /** Position sidebar on left or right side */
+    side?: 'left' | 'right';
+    /** Toggle state map: sectionId → boolean */
+    toggleState?: Record<string, boolean>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`section-${string}`, (_: {}) => any>> & {
+        header?(_: {}): any;
+        footer?(_: {}): 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, {
+    "update:toggle": (sectionId: string, value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:toggle"?: ((sectionId: string, value: boolean) => any) | undefined;
+}>, {
+    width: string;
+    panels: Record<string, SidebarToolSection[]>;
+    activeView: string;
+    floating: boolean;
+    side: "left" | "right";
+    toggleState: Record<string, boolean>;
+}, {}, {}, {}, 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/AppSidebar.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createBlock, withCtx } from "vue";
+import _sfc_main$1 from "./CollapsibleCard.vue.js";
+/* empty css                     */
+const _hoisted_1 = {
+  key: 0,
+  class: "mld-sidebar__header"
+};
+const _hoisted_2 = { class: "mld-sidebar__sections" };
+const _hoisted_3 = {
+  key: 1,
+  class: "mld-sidebar__footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AppSidebar",
+  props: {
+    panels: { default: () => ({}) },
+    activeView: { default: "" },
+    floating: { type: Boolean, default: true },
+    width: { default: "280px" },
+    side: { default: "left" },
+    toggleState: { default: () => ({}) }
+  },
+  emits: ["update:toggle"],
+  setup(__props) {
+    const props = __props;
+    const activeSections = computed(() => {
+      if (!props.activeView || !props.panels[props.activeView]) return [];
+      return props.panels[props.activeView];
+    });
+    const isVisible = computed(() => activeSections.value.length > 0);
+    const sidebarClasses = computed(() => [
+      "mld-sidebar",
+      `mld-sidebar--${props.side}`,
+      props.floating ? "mld-sidebar--floating" : "mld-sidebar--static",
+      !isVisible.value ? "mld-sidebar--hidden" : ""
+    ]);
+    const sidebarStyle = computed(() => ({
+      width: props.width
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("aside", {
+        class: normalizeClass(sidebarClasses.value),
+        style: normalizeStyle(sidebarStyle.value)
+      }, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "header")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(activeSections.value, (section) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: section.id,
+              title: section.label,
+              subtitle: section.subtitle,
+              icon: section.icon,
+              "icon-color": section.iconColor,
+              "icon-bg": section.iconBg,
+              "default-open": section.defaultOpen !== false,
+              "show-toggle": section.showToggle,
+              "toggle-value": __props.toggleState[section.id] ?? false,
+              "onUpdate:toggleValue": ($event) => _ctx.$emit("update:toggle", section.id, $event)
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, `section-${section.id}`)
+              ]),
+              _: 2
+            }, 1032, ["title", "subtitle", "icon", "icon-color", "icon-bg", "default-open", "show-toggle", "toggle-value", "onUpdate:toggleValue"]);
+          }), 128))
+        ]),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AppSidebar.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppSidebar.vue.js","sources":["../../src/components/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * AppSidebar - Context-sensitive toolkit panel\n *\n * Shows tool sections relevant to the active view. Sections are defined\n * via the `panels` config (mapping view IDs to section arrays) and rendered\n * as CollapsibleCards. Actual controls are provided through named slots:\n * `#section-{sectionId}`.\n *\n * When the active view has no matching panels, the sidebar hides entirely.\n *\n * @example\n * ```vue\n * <AppSidebar :panels=\"toolPanels\" :active-view=\"activeTab\">\n *   <template #section-parameters>\n *     <BaseSlider v-model=\"threshold\" label=\"Threshold\" />\n *   </template>\n *   <template #section-display>\n *     <BaseToggle v-model=\"showOutliers\" label=\"Show outliers\" />\n *   </template>\n *   <template #header>Plugin Tools</template>\n * </AppSidebar>\n * ```\n */\nimport { computed } from 'vue'\nimport type { SidebarToolSection } from '../types'\nimport CollapsibleCard from './CollapsibleCard.vue'\n\ninterface Props {\n  /** Map of view IDs to their tool sections */\n  panels?: Record<string, SidebarToolSection[]>\n  /** Which view's panels to display */\n  activeView?: string\n  /** Floating variant with absolute positioning */\n  floating?: boolean\n  /** Width when visible */\n  width?: string\n  /** Position sidebar on left or right side */\n  side?: 'left' | 'right'\n  /** Toggle state map: sectionId → boolean */\n  toggleState?: Record<string, boolean>\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  panels: () => ({}),\n  activeView: '',\n  floating: true,\n  width: '280px',\n  side: 'left',\n  toggleState: () => ({}),\n})\n\ndefineEmits<{\n  'update:toggle': [sectionId: string, value: boolean]\n}>()\n\nconst activeSections = computed<SidebarToolSection[]>(() => {\n  if (!props.activeView || !props.panels[props.activeView]) return []\n  return props.panels[props.activeView]\n})\n\nconst isVisible = computed(() => activeSections.value.length > 0)\n\nconst sidebarClasses = computed(() => [\n  'mld-sidebar',\n  `mld-sidebar--${props.side}`,\n  props.floating ? 'mld-sidebar--floating' : 'mld-sidebar--static',\n  !isVisible.value ? 'mld-sidebar--hidden' : '',\n])\n\nconst sidebarStyle = computed(() => ({\n  width: props.width,\n}))\n</script>\n\n<template>\n  <aside\n    :class=\"sidebarClasses\"\n    :style=\"sidebarStyle\"\n  >\n    <!-- Header slot -->\n    <div v-if=\"$slots.header\" class=\"mld-sidebar__header\">\n      <slot name=\"header\" />\n    </div>\n\n    <!-- Tool sections -->\n    <div class=\"mld-sidebar__sections\">\n      <CollapsibleCard\n        v-for=\"section in activeSections\"\n        :key=\"section.id\"\n        :title=\"section.label\"\n        :subtitle=\"section.subtitle\"\n        :icon=\"section.icon\"\n        :icon-color=\"section.iconColor\"\n        :icon-bg=\"section.iconBg\"\n        :default-open=\"section.defaultOpen !== false\"\n        :show-toggle=\"section.showToggle\"\n        :toggle-value=\"toggleState[section.id] ?? false\"\n        @update:toggle-value=\"$emit('update:toggle', section.id, $event)\"\n      >\n        <slot :name=\"`section-${section.id}`\" />\n      </CollapsibleCard>\n    </div>\n\n    <!-- Footer slot -->\n    <div v-if=\"$slots.footer\" class=\"mld-sidebar__footer\">\n      <slot name=\"footer\" />\n    </div>\n  </aside>\n</template>\n\n<style>\n@import '../styles/components/app-sidebar.css';\n</style>\n"],"names":["_createElementBlock","$slots","_openBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","_createBlock","CollapsibleCard","$emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CA,UAAM,QAAQ;AAad,UAAM,iBAAiB,SAA+B,MAAM;AAC1D,UAAI,CAAC,MAAM,cAAc,CAAC,MAAM,OAAO,MAAM,UAAU,EAAG,QAAO,CAAA;AACjE,aAAO,MAAM,OAAO,MAAM,UAAU;AAAA,IACtC,CAAC;AAED,UAAM,YAAY,SAAS,MAAM,eAAe,MAAM,SAAS,CAAC;AAEhE,UAAM,iBAAiB,SAAS,MAAM;AAAA,MACpC;AAAA,MACA,gBAAgB,MAAM,IAAI;AAAA,MAC1B,MAAM,WAAW,0BAA0B;AAAA,MAC3C,CAAC,UAAU,QAAQ,wBAAwB;AAAA,IAAA,CAC5C;AAED,UAAM,eAAe,SAAS,OAAO;AAAA,MACnC,OAAO,MAAM;AAAA,IAAA,EACb;;0BAIAA,mBAgCQ,SAAA;AAAA,QA/BL,sBAAO,eAAA,KAAc;AAAA,QACrB,sBAAO,aAAA,KAAY;AAAA,MAAA;QAGTC,KAAAA,OAAO,UAAlBC,aAAAF,mBAEM,OAFN,YAEM;AAAA,UADJG,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;QAIxBC,mBAgBM,OAhBN,YAgBM;AAAA,4BAfJJ,mBAckBK,UAAA,MAAAC,WAbE,eAAA,OAAc,CAAzB,YAAO;gCADhBC,YAckBC,aAAA;AAAA,cAZf,KAAK,QAAQ;AAAA,cACb,OAAO,QAAQ;AAAA,cACf,UAAU,QAAQ;AAAA,cAClB,MAAM,QAAQ;AAAA,cACd,cAAY,QAAQ;AAAA,cACpB,WAAS,QAAQ;AAAA,cACjB,gBAAc,QAAQ,gBAAW;AAAA,cACjC,eAAa,QAAQ;AAAA,cACrB,gBAAc,QAAA,YAAY,QAAQ,EAAE,KAAA;AAAA,cACpC,oCAAqBC,KAAAA,MAAK,iBAAkB,QAAQ,IAAI,MAAM;AAAA,YAAA;+BAE/D,MAAwC;AAAA,gBAAxCN,WAAwC,KAAA,QAAA,WAAhB,QAAQ,EAAE,EAAA;AAAA,cAAA;;;;;QAK3BF,KAAAA,OAAO,UAAlBC,aAAAF,mBAEM,OAFN,YAEM;AAAA,UADJG,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/AppSidebar.vue3.js

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

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

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

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

@@ -0,0 +1,77 @@
+import { TopBarPage, TopBarTab, TopBarTabOption, TopBarSettingsConfig, TopBarVariant } from '../types/components';
+interface Props {
+    title?: string;
+    subtitle?: string;
+    showLogo?: boolean;
+    variant?: TopBarVariant;
+    pluginName?: string;
+    pages?: TopBarPage[];
+    currentPageId?: string;
+    tabs?: TopBarTab[];
+    currentTabId?: string;
+    homePath?: string;
+    showThemeToggle?: boolean;
+    showSettings?: boolean;
+    settingsConfig?: TopBarSettingsConfig;
+    showStandaloneLabel?: boolean;
+    standaloneLabel?: string;
+    showAdmin?: boolean;
+    adminPath?: string;
+    showProfile?: boolean;
+    userName?: string;
+    userInitial?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<`settings-tab-${string}`, (_: {}) => any>> & {
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        logo?(_: {}): any;
+        nav?(_: {}): any;
+        actions?(_: {}): any;
+        'settings-appearance'?(_: {}): any;
+    };
+    refs: {
+        dropdownRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "page-select": (page: TopBarPage) => any;
+    "tab-select": (tab: TopBarTab) => any;
+    "tab-option-select": (option: TopBarTabOption, tab: TopBarTab) => any;
+    "profile-click": () => any;
+    "admin-click": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onPage-select"?: ((page: TopBarPage) => any) | undefined;
+    "onTab-select"?: ((tab: TopBarTab) => any) | undefined;
+    "onTab-option-select"?: ((option: TopBarTabOption, tab: TopBarTab) => any) | undefined;
+    "onProfile-click"?: (() => any) | undefined;
+    "onAdmin-click"?: (() => any) | undefined;
+}>, {
+    variant: TopBarVariant;
+    showLogo: boolean;
+    homePath: string;
+    showThemeToggle: boolean;
+    showSettings: boolean;
+    showStandaloneLabel: boolean;
+    standaloneLabel: string;
+    showAdmin: boolean;
+    adminPath: string;
+    showProfile: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dropdownRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};