@maketribe/ms-app 3.2.46 → 4.0.0-alpha.1

package/dist/esm/layouts/new/index.vue2.js

@@ -0,0 +1,256 @@
+import { defineComponent, computed, watch, onMounted, onUnmounted, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeStyle, createVNode, normalizeClass, Transition, KeepAlive, withDirectives, resolveDynamicComponent, vShow, createCommentVNode, createElementBlock, Fragment } from "vue";
+import hotkeys from "hotkeys-js";
+import Header from "./components/Header/index.vue.js";
+import MainSidebar from "./components/MainSidebar/index.vue.js";
+import SubSidebar from "./components/SubSidebar/index.vue.js";
+import Topbar from "./components/Topbar/index.vue.js";
+import _sfc_main$1 from "./components/Search/index.vue.js";
+import _sfc_main$2 from "./components/HotkeysIntro/index.vue.js";
+import AppSetting from "./components/AppSetting/index.vue.js";
+import LinkView from "./components/views/link.vue.js";
+import Copyright from "./components/Copyright/index.vue.js";
+import _sfc_main$4 from "./components/BackTop/index.vue.js";
+import useSettingsStore from "../../store/modules/settings.js";
+import useKeepAliveStore from "../../store/modules/keepAlive.js";
+import useMenuStore from "../../store/modules/menu.js";
+import eventBus from "../../utils/eventBus.js";
+import _sfc_main$3 from "./common/components/SvgIcon/index.vue.js";
+import "../../assets/styles/resources/utils.scss.js";
+import "../../assets/styles/resources/variables.scss.js";
+/* empty css                               */
+import "../../components/abstract/abstract-select/abstract-select.js";
+import "../../components/abstract/abstract-select/abstract-select-options.js";
+import "element-plus";
+import "../../components/basic/svg-icon/index.js";
+import "../../components/basic/button/button-options.js";
+import "../../components/basic/config-provider/index.js";
+import "../../components/basic/data-table-select/index.js";
+import "../../components/basic/data-select/index.js";
+import "../../components/basic/pagination/index.js";
+import { MKSystemProvider } from "../../components/basic/system-provider/index.js";
+import "../../components/basic/code-editor/index.js";
+import "../../components/basic/json-editor/index.js";
+import "../../components/basic/page-container/index.js";
+import "../../components/basic/date-picker/index.js";
+import "../../components/basic/icon-select/index.js";
+import "../../components/basic/upload-file/upload-file.js";
+import "@maketribe/request";
+import "@maketribe/utils";
+import "../../components/basic/upload-file/context/web-file-upload-context.js";
+import "../../components/basic/upload-file/context/web-file-upload-context-options.js";
+import "../../components/basic/upload-file/ui/upload-image/index.js";
+import "../../components/basic/upload-file/ui/upload-file/index.js";
+import "../../components/basic/upload-file/ui/upload-video/index.js";
+import "../../components/basic/upload-file/upload-file-options.js";
+import "../../components/basic/doc-editor/index.js";
+import "../../components/basic/copy-container/index.js";
+import "../../components/basic/image-cropper/index.js";
+import "../../components/basic/visual-page-editor/index.js";
+import "../../components/basic/lexical-editor/assets/iconfont.js";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "../../components/basic/lexical-editor/utils/html.js";
+import "@maketribe/dm";
+import "../../components/basic/lexical-editor/utils/image.js";
+import "@element-plus/icons-vue";
+import "../../components/basic/lexical-editor/composables/useElementBlockSelection.js";
+import "@lexical/history";
+/* empty css                                                                    */
+import "../../components/basic/lexical-editor/nodes/ModuleDecoratorNode.js";
+import "../../components/basic/lexical-editor/nodes/ImageNode.js";
+import "../../components/basic/lexical-editor/nodes/ImageTextWarpNode.js";
+import "../../components/basic/lexical-editor/nodes/Template.js";
+/* empty css                                                                             */
+/* empty css                                                               */
+/* empty css                                                               */
+import "../../components/basic/lexical-editor/plugins/RichTextEditorPlugin.js";
+import "../../components/basic/lexical-editor/plugins/HashtagPlugin.js";
+import "../../components/basic/lexical-editor/plugins/ListPlugin.js";
+import "../../components/basic/lexical-editor/plugins/CheckListPlugin.js";
+import "../../components/basic/lexical-editor/plugins/TablePlugin.js";
+/* empty css                                                         */
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "../../components/basic/lexical-editor/stage/DecoratedTeleports.js";
+/* empty css                                                     */
+import "../../components/data-model/data-form/index.js";
+import "../../components/data-model/data-table/index.js";
+import "../../components/data-model/data-table-pagination/index.js";
+import "../../components/business/verify-dialog/verify-dialog-option.js";
+import "../../core/DataModelDefines.js";
+import { useRoute } from "vue-router";
+import "@maketribe/locale";
+import "../../components/business/resource-list/index.js";
+import "../../components/business/resource-manager/index.js";
+import useMainPage from "../../utils/composables/useMainPage.js";
+import useMenu from "../../utils/composables/useMenu.js";
+const _hoisted_1 = { id: "app-main" };
+const _hoisted_2 = { class: "wrapper" };
+const _hoisted_3 = { class: "main-container" };
+const _hoisted_4 = { class: "main" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Layout"
+  },
+  __name: "index",
+  setup(__props) {
+    const routeInfo = useRoute();
+    const settingsStore = useSettingsStore();
+    const keepAliveStore = useKeepAliveStore();
+    const menuStore = useMenuStore();
+    const mainPage = useMainPage();
+    const menu = useMenu();
+    const isLink = computed(() => !!routeInfo.meta.link);
+    watch(
+      () => settingsStore.settings.menu.subMenuCollapse,
+      (val) => {
+        if (settingsStore.mode === "mobile") {
+          if (!val) {
+            document.body.classList.add("overflow-hidden");
+          } else {
+            document.body.classList.remove("overflow-hidden");
+          }
+        }
+      }
+    );
+    watch(
+      () => routeInfo.path,
+      () => {
+        if (settingsStore.mode === "mobile") {
+          settingsStore.$patch((state) => {
+            state.settings.menu.subMenuCollapse = true;
+          });
+        }
+      }
+    );
+    onMounted(() => {
+      hotkeys("f5", (e) => {
+        if (settingsStore.settings.toolbar.pageReload) {
+          e.preventDefault();
+          mainPage.reload();
+        }
+      });
+      hotkeys("alt+`", (e) => {
+        if (settingsStore.settings.menu.enableHotkeys) {
+          e.preventDefault();
+          menu.switchTo(
+            menuStore.actived + 1 < menuStore.allMenus.length ? menuStore.actived + 1 : 0
+          );
+        }
+      });
+    });
+    onUnmounted(() => {
+      hotkeys.unbind("f5");
+      hotkeys.unbind("alt+`");
+    });
+    const mainSidebarActualWidth = computed(() => {
+      let actualWidth = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--g-main-sidebar-width"));
+      if (settingsStore.settings.menu.mode === "single" || settingsStore.settings.menu.mode === "head" && settingsStore.mode !== "mobile") {
+        actualWidth = 0;
+      }
+      return `${actualWidth}px`;
+    });
+    const subSidebarActualWidth = computed(() => {
+      let actualWidth = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--g-sub-sidebar-width"));
+      if (settingsStore.settings.menu.subMenuCollapse && settingsStore.mode !== "mobile") {
+        actualWidth = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue("--g-sub-sidebar-collapse-width"));
+      }
+      if (menuStore.sidebarMenus.every((item) => {
+        var _a;
+        return ((_a = item.meta) == null ? void 0 : _a.menu) === false;
+      })) {
+        actualWidth = 0;
+      }
+      return `${actualWidth}px`;
+    });
+    return (_ctx, _cache) => {
+      const _component_RouterView = resolveComponent("RouterView");
+      return openBlock(), createBlock(unref(MKSystemProvider), null, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "layout",
+            style: normalizeStyle({
+              "--g-main-sidebar-actual-width": unref(mainSidebarActualWidth),
+              "--g-sub-sidebar-actual-width": unref(subSidebarActualWidth)
+            })
+          }, [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(Header),
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("div", {
+                  class: normalizeClass(["sidebar-container", {
+                    show: unref(settingsStore).mode === "mobile" && !unref(settingsStore).settings.menu.subMenuCollapse
+                  }])
+                }, [
+                  createVNode(MainSidebar),
+                  createVNode(SubSidebar)
+                ], 2),
+                createElementVNode("div", {
+                  class: normalizeClass(["sidebar-mask", {
+                    show: unref(settingsStore).mode === "mobile" && !unref(settingsStore).settings.menu.subMenuCollapse
+                  }]),
+                  onClick: _cache[0] || (_cache[0] = ($event) => unref(settingsStore).toggleSidebarCollapse())
+                }, null, 2),
+                createElementVNode("div", _hoisted_3, [
+                  createVNode(Topbar),
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_component_RouterView, null, {
+                      default: withCtx(({ Component, route }) => [
+                        createVNode(Transition, {
+                          name: "slide-right",
+                          mode: "out-in",
+                          appear: ""
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(), createBlock(KeepAlive, {
+                              include: unref(keepAliveStore).list
+                            }, [
+                              withDirectives((openBlock(), createBlock(resolveDynamicComponent(Component), {
+                                key: route.fullPath
+                              })), [
+                                [vShow, !unref(isLink)]
+                              ])
+                            ], 1032, ["include"]))
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 1
+                    }),
+                    unref(isLink) ? (openBlock(), createBlock(LinkView, { key: 0 })) : createCommentVNode("", true)
+                  ]),
+                  createVNode(Copyright)
+                ])
+              ])
+            ]),
+            createVNode(_sfc_main$1),
+            createVNode(_sfc_main$2),
+            (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("div", {
+                class: "app-setting",
+                onClick: _cache[1] || (_cache[1] = ($event) => unref(eventBus).emit("global-app-setting-toggle"))
+              }, [
+                createVNode(_sfc_main$3, {
+                  name: "i-uiw:setting-o",
+                  class: "icon"
+                })
+              ]),
+              createVNode(AppSetting)
+            ], 64)),
+            createVNode(_sfc_main$4)
+          ], 4)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/new/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../src/layouts/new/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport hotkeys from \"hotkeys-js\";\r\nimport Header from \"./components/Header/index.vue\";\r\nimport MainSidebar from \"./components/MainSidebar/index.vue\";\r\nimport SubSidebar from \"./components/SubSidebar/index.vue\";\r\nimport Topbar from \"./components/Topbar/index.vue\";\r\nimport Search from \"./components/Search/index.vue\";\r\nimport HotkeysIntro from \"./components/HotkeysIntro/index.vue\";\r\nimport AppSetting from \"./components/AppSetting/index.vue\";\r\nimport LinkView from \"./components/views/link.vue\";\r\nimport Copyright from \"./components/Copyright/index.vue\";\r\nimport BackTop from \"./components/BackTop/index.vue\";\r\nimport useSettingsStore from \"../../store/modules/settings\";\r\nimport useKeepAliveStore from \"../../store/modules/keepAlive\";\r\nimport useMenuStore from \"../../store/modules/menu\";\r\nimport eventBus from \"../../utils/eventBus\";\r\nimport SvgIcon from \"./common/components/SvgIcon/index.vue\";\r\nimport \"../../assets/styles/resources/utils.scss\";\r\nimport \"../../assets/styles/resources/variables.scss\";\r\nimport \"../../assets/styles/globals.scss\";\r\nimport {MKSystemProvider} from \"../../components\";\r\n\r\ndefineOptions({\r\n  name: \"Layout\",\r\n});\r\n\r\nconst routeInfo = useRoute();\r\n\r\nconst settingsStore = useSettingsStore();\r\nconst keepAliveStore = useKeepAliveStore();\r\nconst menuStore = useMenuStore();\r\n\r\nconst mainPage = useMainPage();\r\nconst menu = useMenu();\r\n\r\nconst isLink = computed(() => !!routeInfo.meta.link);\r\n\r\nwatch(\r\n  () => settingsStore.settings.menu.subMenuCollapse,\r\n  (val) => {\r\n    if (settingsStore.mode === \"mobile\") {\r\n      if (!val) {\r\n        document.body.classList.add(\"overflow-hidden\");\r\n      } else {\r\n        document.body.classList.remove(\"overflow-hidden\");\r\n      }\r\n    }\r\n  }\r\n);\r\n\r\nwatch(\r\n  () => routeInfo.path,\r\n  () => {\r\n    if (settingsStore.mode === \"mobile\") {\r\n      settingsStore.$patch((state) => {\r\n        state.settings.menu.subMenuCollapse = true;\r\n      });\r\n    }\r\n  }\r\n);\r\n\r\nonMounted(() => {\r\n  hotkeys(\"f5\", (e) => {\r\n    if (settingsStore.settings.toolbar.pageReload) {\r\n      e.preventDefault();\r\n      mainPage.reload();\r\n    }\r\n  });\r\n  hotkeys(\"alt+`\", (e) => {\r\n    if (settingsStore.settings.menu.enableHotkeys) {\r\n      e.preventDefault();\r\n      menu.switchTo(\r\n        menuStore.actived + 1 < menuStore.allMenus.length\r\n          ? menuStore.actived + 1\r\n          : 0\r\n      );\r\n    }\r\n  });\r\n});\r\nonUnmounted(() => {\r\n  hotkeys.unbind(\"f5\");\r\n  hotkeys.unbind(\"alt+`\");\r\n});\r\n\r\n// Todo\r\nconst enableAppSetting = true;\r\n// const enableAppSetting = import.meta.env.VITE_APP_SETTING === \"true\";\r\n\r\n\r\n// 侧边栏主导航当前实际宽度\r\nconst mainSidebarActualWidth = computed(() => {\r\n  let actualWidth = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-main-sidebar-width'))\r\n  if (settingsStore.settings.menu.mode === 'single' || (settingsStore.settings.menu.mode === 'head' && settingsStore.mode !== 'mobile')) {\r\n    actualWidth = 0\r\n  }\r\n  return `${actualWidth}px`\r\n})\r\n\r\n// 侧边栏次导航当前实际宽度\r\nconst subSidebarActualWidth = computed(() => {\r\n  let actualWidth = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-width'))\r\n  if (settingsStore.settings.menu.subMenuCollapse && settingsStore.mode !== 'mobile') {\r\n    actualWidth = Number.parseInt(getComputedStyle(document.documentElement).getPropertyValue('--g-sub-sidebar-collapse-width'))\r\n  }\r\n  if (menuStore.sidebarMenus.every(item => item.meta?.menu === false)) {\r\n    actualWidth = 0\r\n  }\r\n  return `${actualWidth}px`\r\n})\r\n</script>\r\n\r\n<template>\r\n  <MKSystemProvider>\r\n    <div class=\"layout\"\r\n         :style=\"{\r\n        '--g-main-sidebar-actual-width': mainSidebarActualWidth,\r\n        '--g-sub-sidebar-actual-width': subSidebarActualWidth,\r\n      }\">\r\n      <div id=\"app-main\">\r\n        <Header/>\r\n        <div class=\"wrapper\">\r\n          <div\r\n            class=\"sidebar-container\"\r\n            :class=\"{\r\n            show:\r\n              settingsStore.mode === 'mobile' &&\r\n              !settingsStore.settings.menu.subMenuCollapse,\r\n          }\"\r\n          >\r\n            <MainSidebar/>\r\n            <SubSidebar/>\r\n          </div>\r\n          <div\r\n            class=\"sidebar-mask\"\r\n            :class=\"{\r\n            show:\r\n              settingsStore.mode === 'mobile' &&\r\n              !settingsStore.settings.menu.subMenuCollapse,\r\n          }\"\r\n            @click=\"settingsStore.toggleSidebarCollapse()\"\r\n          />\r\n          <div class=\"main-container\">\r\n            <Topbar/>\r\n            <div class=\"main\">\r\n              <RouterView v-slot=\"{ Component, route }\">\r\n                <Transition name=\"slide-right\" mode=\"out-in\" appear>\r\n                  <KeepAlive :include=\"keepAliveStore.list\">\r\n                    <component\r\n                      :is=\"Component\"\r\n                      v-show=\"!isLink\"\r\n                      :key=\"route.fullPath\"\r\n                    />\r\n                  </KeepAlive>\r\n                </Transition>\r\n              </RouterView>\r\n              <LinkView v-if=\"isLink\"/>\r\n            </div>\r\n            <Copyright/>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Search/>\r\n      <HotkeysIntro/>\r\n      <template v-if=\"enableAppSetting\">\r\n        <div\r\n          class=\"app-setting\"\r\n          @click=\"eventBus.emit('global-app-setting-toggle')\"\r\n        >\r\n          <SvgIcon name=\"i-uiw:setting-o\" class=\"icon\"/>\r\n        </div>\r\n        <AppSetting/>\r\n      </template>\r\n      <BackTop/>\r\n    </div>\r\n\r\n  </MKSystemProvider>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n[data-mode=\"mobile\"] {\r\n  .sidebar-container {\r\n    transform: translateX(\r\n        calc((var(--g-main-sidebar-width) + var(--g-sub-sidebar-width)) * -1)\r\n    );\r\n\r\n    &.show {\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n\r\n  .main-container {\r\n    margin-left: 0 !important;\r\n  }\r\n\r\n  &[data-menu-mode=\"single\"] {\r\n    .sidebar-container {\r\n      transform: translateX(calc(var(--g-sub-sidebar-width) * -1));\r\n\r\n      &.show {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.layout {\r\n  height: 100%;\r\n}\r\n\r\n#app-main {\r\n  width: 100%;\r\n  height: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  transition: padding-top 0.3s;\r\n\r\n  .sidebar-container {\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    z-index: 1010;\r\n    display: flex;\r\n    width: calc(\r\n      var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width)\r\n    );\r\n    box-shadow: -1px 0 0 0 var(--g-border-color),\r\n    1px 0 0 0 var(--g-border-color);\r\n    transition: width 0.3s, transform 0.3s, box-shadow 0.3s, top 0.3s;\r\n\r\n    &:has(> .main-sidebar-container.main-sidebar-enter-active),\r\n    &:has(> .main-sidebar-container.main-sidebar-leave-active) {\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  .sidebar-mask {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 1000;\r\n    width: 100%;\r\n    height: 100%;\r\n    visibility: hidden;\r\n    background-image: radial-gradient(transparent 1px, rgb(0 0 0 / 30%) 1px);\r\n    background-size: 4px 4px;\r\n    backdrop-filter: saturate(50%) blur(4px);\r\n    opacity: 0;\r\n    transition: all 0.2s;\r\n\r\n    &.show {\r\n      visibility: visible;\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .main-sidebar-container:not(.main-sidebar-leave-active)\r\n  + .sub-sidebar-container {\r\n    left: var(--g-main-sidebar-width);\r\n  }\r\n\r\n  .main-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 100%;\r\n    margin-left: calc(\r\n      var(--g-main-sidebar-actual-width) + var(--g-sub-sidebar-actual-width)\r\n    );\r\n    background-color: var(--g-bg);\r\n    box-shadow: -1px 0 0 0 var(--g-border-color),\r\n    1px 0 0 0 var(--g-border-color);\r\n    transition: margin-left 0.3s, background-color 0.3s, box-shadow 0.3s;\r\n\r\n    .main {\r\n      position: relative;\r\n      flex: auto;\r\n      height: 100%;\r\n      overflow: hidden;\r\n      transition: 0.3s;\r\n    }\r\n\r\n    .topbar-container.has-tabbar + .main {\r\n      margin: var(--g-tabbar-height) 0 0;\r\n    }\r\n\r\n    .topbar-container.has-toolbar + .main {\r\n      margin: var(--g-toolbar-height) 0 0;\r\n    }\r\n\r\n    .topbar-container.has-tabbar.has-toolbar + .main {\r\n      margin: calc(var(--g-tabbar-height) + var(--g-toolbar-height)) 0 0;\r\n    }\r\n  }\r\n}\r\n\r\nheader:not(.header-leave-active) + .wrapper {\r\n  padding-top: var(--g-header-height);\r\n\r\n  .sidebar-container {\r\n    top: var(--g-header-height);\r\n\r\n    :deep(.sidebar-logo) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .main-container {\r\n    .topbar-container {\r\n      top: var(--g-header-height);\r\n    }\r\n  }\r\n}\r\n\r\n.app-setting {\r\n  --at-apply: text-white dark-text-dark bg-ui-primary;\r\n\r\n  position: fixed;\r\n  top: calc(50% + 250px);\r\n  right: 0;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 50px;\r\n  height: 50px;\r\n  font-size: 24px;\r\n  cursor: pointer;\r\n  border-top-left-radius: 5px;\r\n  border-bottom-left-radius: 5px;\r\n\r\n  .icon {\r\n    animation: rotate 5s linear infinite;\r\n  }\r\n\r\n  @keyframes rotate {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n}\r\n\r\n// 主内容区动画\r\n.slide-right-enter-active {\r\n  transition: 0.2s;\r\n}\r\n\r\n.slide-right-leave-active {\r\n  transition: 0.15s;\r\n}\r\n\r\n.slide-right-enter-from {\r\n  margin-left: -20px;\r\n  opacity: 0;\r\n}\r\n\r\n.slide-right-leave-to {\r\n  margin-left: 20px;\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,YAAY;AAElB,UAAM,gBAAgB;AACtB,UAAM,iBAAiB;AACvB,UAAM,YAAY;AAElB,UAAM,WAAW;AACjB,UAAM,OAAO;AAEb,UAAM,SAAS,SAAS,MAAM,CAAC,CAAC,UAAU,KAAK,IAAI;AAEnD;AAAA,MACE,MAAM,cAAc,SAAS,KAAK;AAAA,MAClC,CAAC,QAAQ;AACH,YAAA,cAAc,SAAS,UAAU;AACnC,cAAI,CAAC,KAAK;AACC,qBAAA,KAAK,UAAU,IAAI,iBAAiB;AAAA,UAAA,OACxC;AACI,qBAAA,KAAK,UAAU,OAAO,iBAAiB;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAAA,IAAA;AAGF;AAAA,MACE,MAAM,UAAU;AAAA,MAChB,MAAM;AACA,YAAA,cAAc,SAAS,UAAU;AACrB,wBAAA,OAAO,CAAC,UAAU;AACxB,kBAAA,SAAS,KAAK,kBAAkB;AAAA,UAAA,CACvC;AAAA,QACH;AAAA,MACF;AAAA,IAAA;AAGF,cAAU,MAAM;AACN,cAAA,MAAM,CAAC,MAAM;AACf,YAAA,cAAc,SAAS,QAAQ,YAAY;AAC7C,YAAE,eAAe;AACjB,mBAAS,OAAO;AAAA,QAClB;AAAA,MAAA,CACD;AACO,cAAA,SAAS,CAAC,MAAM;AAClB,YAAA,cAAc,SAAS,KAAK,eAAe;AAC7C,YAAE,eAAe;AACZ,eAAA;AAAA,YACH,UAAU,UAAU,IAAI,UAAU,SAAS,SACvC,UAAU,UAAU,IACpB;AAAA,UAAA;AAAA,QAER;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AACD,gBAAY,MAAM;AAChB,cAAQ,OAAO,IAAI;AACnB,cAAQ,OAAO,OAAO;AAAA,IAAA,CACvB;AAQK,UAAA,yBAAyB,SAAS,MAAM;AACxC,UAAA,cAAc,OAAO,SAAS,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,wBAAwB,CAAC;AACvH,UAAI,cAAc,SAAS,KAAK,SAAS,YAAa,cAAc,SAAS,KAAK,SAAS,UAAU,cAAc,SAAS,UAAW;AACvH,sBAAA;AAAA,MAChB;AACA,aAAO,GAAG,WAAW;AAAA,IAAA,CACtB;AAGK,UAAA,wBAAwB,SAAS,MAAM;AACvC,UAAA,cAAc,OAAO,SAAS,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,uBAAuB,CAAC;AACtH,UAAI,cAAc,SAAS,KAAK,mBAAmB,cAAc,SAAS,UAAU;AACpE,sBAAA,OAAO,SAAS,iBAAiB,SAAS,eAAe,EAAE,iBAAiB,gCAAgC,CAAC;AAAA,MAC7H;AACI,UAAA,UAAU,aAAa,MAAM,CAAA,SAAQ;;AAAA,2BAAK,SAAL,mBAAW,UAAS;AAAA,OAAK,GAAG;AACrD,sBAAA;AAAA,MAChB;AACA,aAAO,GAAG,WAAW;AAAA,IAAA,CACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/ui-kit/HButton.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HButton",
+  props: {
+    block: { type: Boolean, default: false },
+    outline: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const buttonClass = computed(() => [
+      "focus-outline-none focus-visible-outline-0 cursor-pointer disabled-cursor-not-allowed disabled-opacity-75 flex-shrink-0 gap-x-1.5 px-2.5 py-1.5 border-size-0 font-medium text-sm rounded-md select-none",
+      props.block ? "w-full flex justify-center items-center" : "inline-flex items-center",
+      props.outline ? "shadow-sm ring-1 ring-inset ring-ui-primary text-ui-primary bg-white dark-bg-dark hover-not-disabled-bg-ui-primary/10 dark-hover-not-disabled-bg-ui-primary/10 focus-visible-ring-2" : "shadow-sm text-ui-text bg-ui-primary hover-bg-ui-primary/75 disabled-bg-ui-primary/90 focus-visible-ring-inset focus-visible-ring-2"
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        disabled: _ctx.disabled,
+        class: normalizeClass(unref(buttonClass))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HButton.vue.js.map

package/dist/esm/layouts/new/ui-kit/HButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HButton.vue.js","sources":["../../../../../src/layouts/new/ui-kit/HButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    block?: boolean;\r\n    outline?: boolean;\r\n    disabled?: boolean;\r\n  }>(),\r\n  {\r\n    block: false,\r\n    outline: false,\r\n    disabled: false,\r\n  }\r\n);\r\n\r\nconst buttonClass = computed(() => [\r\n  \"focus-outline-none focus-visible-outline-0 cursor-pointer disabled-cursor-not-allowed disabled-opacity-75 flex-shrink-0 gap-x-1.5 px-2.5 py-1.5 border-size-0 font-medium text-sm rounded-md select-none\",\r\n  props.block\r\n    ? \"w-full flex justify-center items-center\"\r\n    : \"inline-flex items-center\",\r\n  props.outline\r\n    ? \"shadow-sm ring-1 ring-inset ring-ui-primary text-ui-primary bg-white dark-bg-dark hover-not-disabled-bg-ui-primary/10 dark-hover-not-disabled-bg-ui-primary/10 focus-visible-ring-2\"\r\n    : \"shadow-sm text-ui-text bg-ui-primary hover-bg-ui-primary/75 disabled-bg-ui-primary/90 focus-visible-ring-inset focus-visible-ring-2\",\r\n]);\r\n</script>\r\n\r\n<template>\r\n  <button :disabled=\"disabled\" :class=\"buttonClass\">\r\n    <slot />\r\n  </button>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;AAEA,UAAM,QAAQ;AAaR,UAAA,cAAc,SAAS,MAAM;AAAA,MACjC;AAAA,MACA,MAAM,QACF,4CACA;AAAA,MACJ,MAAM,UACF,wLACA;AAAA,IAAA,CACL;;;;;;;;;;;"}

package/dist/esm/layouts/new/ui-kit/HButton.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./HButton.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HButton.vue2.js.map

package/dist/esm/layouts/new/ui-kit/HButton.vue2.js.map

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

package/dist/esm/layouts/new/ui-kit/HCheckList.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, mergeModels, useModel, watch, openBlock, createElementBlock, Fragment, renderList, normalizeClass, createBlock, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../common/components/SvgIcon/index.vue.js";
+const _hoisted_1 = { class: "inline-flex select-none items-center justify-center of-hidden rounded-md bg-stone-3 dark-bg-stone-7" };
+const _hoisted_2 = ["disabled", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HCheckList",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const value = useModel(__props, "modelValue");
+    watch(value, (val) => {
+      emits("change", val);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+          return openBlock(), createElementBlock("button", {
+            key: option.value,
+            disabled: _ctx.disabled || option.disabled,
+            class: normalizeClass(["flex cursor-pointer items-center truncate border-size-0 bg-inherit px-2 py-1.5 text-sm disabled-cursor-not-allowed disabled-opacity-50 hover-not-disabled-bg-ui-primary hover-not-disabled-text-ui-text", { "text-ui-text bg-ui-primary": value.value === option.value }]),
+            onClick: ($event) => value.value = option.value
+          }, [
+            option.icon ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              name: option.icon
+            }, null, 8, ["name"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(option.label), 1)
+            ], 64))
+          ], 10, _hoisted_2);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HCheckList.vue.js.map

package/dist/esm/layouts/new/ui-kit/HCheckList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HCheckList.vue.js","sources":["../../../../../src/layouts/new/ui-kit/HCheckList.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport SvgIcon from \"../common/components/SvgIcon/index.vue\";\r\n\r\nwithDefaults(\r\n  defineProps<{\r\n    options: {\r\n      label?: string | number\r\n      icon?: string\r\n      value: string | number\r\n      disabled?: boolean\r\n    }[]\r\n    disabled?: boolean\r\n  }>(),\r\n  {\r\n    disabled: false,\r\n  },\r\n)\r\n\r\nconst emits = defineEmits<{\r\n  change: [string | number | undefined]\r\n}>()\r\n\r\nconst value = defineModel<string | number>()\r\n\r\nwatch(value, (val) => {\r\n  emits('change', val)\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"inline-flex select-none items-center justify-center of-hidden rounded-md bg-stone-3 dark-bg-stone-7\">\r\n    <button v-for=\"option in options\" :key=\"option.value\" :disabled=\"disabled || option.disabled\" class=\"flex cursor-pointer items-center truncate border-size-0 bg-inherit px-2 py-1.5 text-sm disabled-cursor-not-allowed disabled-opacity-50 hover-not-disabled-bg-ui-primary hover-not-disabled-text-ui-text\" :class=\"{ 'text-ui-text bg-ui-primary': value === option.value }\" @click=\"value = option.value\">\r\n      <SvgIcon v-if=\"option.icon\" :name=\"option.icon\" />\r\n      <template v-else>\r\n        {{ option.label }}\r\n      </template>\r\n    </button>\r\n  </div>\r\n</template>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAIR,UAAA,QAAQA,SAA4B,SAAA,YAAC;AAErC,UAAA,OAAO,CAAC,QAAQ;AACpB,YAAM,UAAU,GAAG;AAAA,IAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/ui-kit/HCheckList.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./HCheckList.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HCheckList.vue2.js.map

package/dist/esm/layouts/new/ui-kit/HCheckList.vue2.js.map

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

package/dist/esm/layouts/new/ui-kit/HDialog.vue.js

@@ -0,0 +1,143 @@
+import { defineComponent, mergeModels, useModel, useSlots, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createElementVNode, normalizeClass, createTextVNode, toDisplayString, renderSlot, createElementBlock, createCommentVNode } from "vue";
+import { TransitionRoot, Dialog, TransitionChild, DialogPanel, DialogTitle, DialogDescription } from "@headlessui/vue";
+import _sfc_main$1 from "../common/components/SvgIcon/index.vue.js";
+const _hoisted_1 = { class: "fixed inset-0 overflow-y-auto" };
+const _hoisted_2 = { class: "min-h-full flex items-end justify-center p-4 text-center lg-items-center" };
+const _hoisted_3 = {
+  flex: "~ items-center justify-between",
+  "px-4": "",
+  "py-3": "",
+  "border-b": "~ solid stone/15",
+  "text-6": ""
+};
+const _hoisted_4 = {
+  key: 0,
+  flex: "~ items-center justify-end",
+  "px-4": "",
+  "py-3": "",
+  "border-t": "~ solid stone/15"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HDialog",
+  props: /* @__PURE__ */ mergeModels({
+    appear: { type: Boolean, default: false },
+    title: {},
+    preventClose: { type: Boolean, default: false },
+    overlay: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["close"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const isOpen = useModel(__props, "modelValue");
+    const slots = useSlots();
+    const overlayTransitionClass = ref({
+      enter: "ease-in-out duration-500",
+      enterFrom: "opacity-0",
+      enterTo: "opacity-100",
+      leave: "ease-in-out duration-500",
+      leaveFrom: "opacity-100",
+      leaveTo: "opacity-0"
+    });
+    const transitionClass = computed(() => {
+      return {
+        enter: "ease-out duration-300",
+        enterFrom: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95",
+        enterTo: "opacity-100 translate-y-0 lg-scale-100",
+        leave: "ease-in duration-200",
+        leaveFrom: "opacity-100 translate-y-0 lg-scale-100",
+        leaveTo: "opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95"
+      };
+    });
+    function close() {
+      isOpen.value = false;
+      emits("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(TransitionRoot), {
+        as: "template",
+        appear: _ctx.appear,
+        show: isOpen.value
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(Dialog), {
+            class: "fixed inset-0 z-2000 flex",
+            onClose: _cache[0] || (_cache[0] = ($event) => !_ctx.preventClose && close())
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(TransitionChild), mergeProps({
+                as: "template",
+                appear: _ctx.appear
+              }, unref(overlayTransitionClass)), {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass(["fixed inset-0 bg-stone-2/75 transition-opacity dark-bg-stone-8/75", { "backdrop-blur-sm": _ctx.overlay }])
+                  }, null, 2)
+                ]),
+                _: 1
+              }, 16, ["appear"]),
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  createVNode(unref(TransitionChild), mergeProps({
+                    as: "template",
+                    appear: _ctx.appear
+                  }, unref(transitionClass)), {
+                    default: withCtx(() => [
+                      createVNode(unref(DialogPanel), { class: "relative w-full flex flex-col overflow-hidden rounded-xl bg-white text-left shadow-xl lg-my-8 lg-max-w-4xl dark-bg-stone-8" }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_3, [
+                            createVNode(unref(DialogTitle), {
+                              "m-0": "",
+                              "text-lg": "",
+                              "text-dark": "",
+                              "dark-text-white": ""
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(_ctx.title), 1)
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_sfc_main$1, {
+                              name: "i-carbon:close",
+                              "cursor-pointer": "",
+                              onClick: close
+                            })
+                          ]),
+                          createVNode(unref(DialogDescription), {
+                            "m-0": "",
+                            "overflow-y-auto": "",
+                            "p-4": ""
+                          }, {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, "default")
+                            ]),
+                            _: 3
+                          }),
+                          !!unref(slots).footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                            renderSlot(_ctx.$slots, "footer")
+                          ])) : createCommentVNode("", true)
+                        ]),
+                        _: 3
+                      })
+                    ]),
+                    _: 3
+                  }, 16, ["appear"])
+                ])
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["appear", "show"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HDialog.vue.js.map

package/dist/esm/layouts/new/ui-kit/HDialog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HDialog.vue.js","sources":["../../../../../src/layouts/new/ui-kit/HDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { Dialog, DialogDescription, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\r\nimport SvgIcon from \"../common/components/SvgIcon/index.vue\";\r\n\r\nwithDefaults(\r\n  defineProps<{\r\n    appear?: boolean\r\n    title?: string\r\n    preventClose?: boolean\r\n    overlay?: boolean\r\n  }>(),\r\n  {\r\n    appear: false,\r\n    preventClose: false,\r\n    overlay: false,\r\n  },\r\n)\r\n\r\nconst emits = defineEmits<{\r\n  close: []\r\n}>()\r\n\r\nconst isOpen = defineModel<boolean>({\r\n  default: false,\r\n})\r\n\r\nconst slots = useSlots()\r\n\r\nconst overlayTransitionClass = ref({\r\n  enter: 'ease-in-out duration-500',\r\n  enterFrom: 'opacity-0',\r\n  enterTo: 'opacity-100',\r\n  leave: 'ease-in-out duration-500',\r\n  leaveFrom: 'opacity-100',\r\n  leaveTo: 'opacity-0',\r\n})\r\n\r\nconst transitionClass = computed(() => {\r\n  return {\r\n    enter: 'ease-out duration-300',\r\n    enterFrom: 'opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95',\r\n    enterTo: 'opacity-100 translate-y-0 lg-scale-100',\r\n    leave: 'ease-in duration-200',\r\n    leaveFrom: 'opacity-100 translate-y-0 lg-scale-100',\r\n    leaveTo: 'opacity-0 translate-y-4 lg-translate-y-0 lg-scale-95',\r\n  }\r\n})\r\n\r\nfunction close() {\r\n  isOpen.value = false\r\n  emits('close')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <TransitionRoot as=\"template\" :appear=\"appear\" :show=\"isOpen\">\r\n    <Dialog class=\"fixed inset-0 z-2000 flex\" @close=\"!preventClose && close()\">\r\n      <TransitionChild as=\"template\" :appear=\"appear\" v-bind=\"overlayTransitionClass\">\r\n        <div class=\"fixed inset-0 bg-stone-2/75 transition-opacity dark-bg-stone-8/75\" :class=\"{ 'backdrop-blur-sm': overlay }\" />\r\n      </TransitionChild>\r\n      <div class=\"fixed inset-0 overflow-y-auto\">\r\n        <div class=\"min-h-full flex items-end justify-center p-4 text-center lg-items-center\">\r\n          <TransitionChild as=\"template\" :appear=\"appear\" v-bind=\"transitionClass\">\r\n            <DialogPanel class=\"relative w-full flex flex-col overflow-hidden rounded-xl bg-white text-left shadow-xl lg-my-8 lg-max-w-4xl dark-bg-stone-8\">\r\n              <div flex=\"~ items-center justify-between\" px-4 py-3 border-b=\"~ solid stone/15\" text-6>\r\n                <DialogTitle m-0 text-lg text-dark dark-text-white>\r\n                  {{ title }}\r\n                </DialogTitle>\r\n                <SvgIcon name=\"i-carbon:close\" cursor-pointer @click=\"close\" />\r\n              </div>\r\n              <DialogDescription m-0 overflow-y-auto p-4>\r\n                <slot />\r\n              </DialogDescription>\r\n              <div v-if=\"!!slots.footer\" flex=\"~ items-center justify-end\" px-4 py-3 border-t=\"~ solid stone/15\">\r\n                <slot name=\"footer\" />\r\n              </div>\r\n            </DialogPanel>\r\n          </TransitionChild>\r\n        </div>\r\n      </div>\r\n    </Dialog>\r\n  </TransitionRoot>\r\n</template>\r\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,QAAQ;AAIR,UAAA,SAASA,SAEd,SAAA,YAAA;AAED,UAAM,QAAQ;AAEd,UAAM,yBAAyB,IAAI;AAAA,MACjC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AAEK,UAAA,kBAAkB,SAAS,MAAM;AAC9B,aAAA;AAAA,QACL,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,IACX,CACD;AAED,aAAS,QAAQ;AACf,aAAO,QAAQ;AACf,YAAM,OAAO;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/ui-kit/HDialog.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./HDialog.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HDialog.vue2.js.map

package/dist/esm/layouts/new/ui-kit/HDialog.vue2.js.map

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

package/dist/esm/layouts/new/ui-kit/HDropdownMenu.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, unref, toDisplayString, renderSlot } from "vue";
+const _hoisted_1 = ["disabled", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HDropdownMenu",
+  props: {
+    items: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const myItems = computed(() => {
+      return props.items.map((item) => {
+        return item.filter((v) => !v.hide);
+      }).filter((v) => v.length);
+    });
+    return (_ctx, _cache) => {
+      const _component_VMenu = resolveComponent("VMenu");
+      return openBlock(), createBlock(_component_VMenu, mergeProps({
+        "show-triggers": ["hover"],
+        "auto-hide": false,
+        "popper-triggers": ["hover", "click"],
+        delay: 200
+      }, _ctx.$attrs), {
+        popper: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(myItems), (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "b-b-1 b-b-stone-2 b-b-solid p-1 dark-b-b-1 dark-b-b-stone-7 last-b-b-size-0"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(item, (v, i) => {
+                return openBlock(), createElementBlock("button", {
+                  key: i,
+                  disabled: v.disabled,
+                  class: "w-full flex cursor-pointer items-center gap-2 border-size-0 rounded-md bg-inherit px-2 py-1.5 text-sm text-dark disabled-cursor-not-allowed dark-text-white disabled-opacity-50 hover-not-disabled-bg-stone-1 dark-hover-not-disabled-bg-stone-9",
+                  onClick: v.handle
+                }, toDisplayString(v.label), 9, _hoisted_1);
+              }), 128))
+            ]);
+          }), 128))
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HDropdownMenu.vue.js.map

package/dist/esm/layouts/new/ui-kit/HDropdownMenu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HDropdownMenu.vue.js","sources":["../../../../../src/layouts/new/ui-kit/HDropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nconst props = defineProps<{\r\n  items: {\r\n    label: string\r\n    disabled?: boolean\r\n    hide?: boolean\r\n    handle?: () => void\r\n  }[][]\r\n}>()\r\n\r\nconst myItems = computed(() => {\r\n  return props.items.map((item) => {\r\n    return item.filter(v => !v.hide)\r\n  }).filter(v => v.length)\r\n})\r\n</script>\r\n\r\n<template>\r\n  <VMenu :show-triggers=\"['hover']\" :auto-hide=\"false\" :popper-triggers=\"['hover', 'click']\" :delay=\"200\" v-bind=\"$attrs\">\r\n    <slot />\r\n    <template #popper>\r\n      <div v-for=\"(item, index) in myItems\" :key=\"index\" class=\"b-b-1 b-b-stone-2 b-b-solid p-1 dark-b-b-1 dark-b-b-stone-7 last-b-b-size-0\">\r\n        <button v-for=\"(v, i) in item\" :key=\"i\" :disabled=\"v.disabled\" class=\"w-full flex cursor-pointer items-center gap-2 border-size-0 rounded-md bg-inherit px-2 py-1.5 text-sm text-dark disabled-cursor-not-allowed dark-text-white disabled-opacity-50 hover-not-disabled-bg-stone-1 dark-hover-not-disabled-bg-stone-9\" @click=\"v.handle\">\r\n          {{ v.label }}\r\n        </button>\r\n      </div>\r\n    </template>\r\n  </VMenu>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;AAEA,UAAM,QAAQ;AASR,UAAA,UAAU,SAAS,MAAM;AAC7B,aAAO,MAAM,MAAM,IAAI,CAAC,SAAS;AAC/B,eAAO,KAAK,OAAO,CAAK,MAAA,CAAC,EAAE,IAAI;AAAA,MAChC,CAAA,EAAE,OAAO,CAAA,MAAK,EAAE,MAAM;AAAA,IAAA,CACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/ui-kit/HDropdownMenu.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./HDropdownMenu.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=HDropdownMenu.vue2.js.map

package/dist/esm/layouts/new/ui-kit/HDropdownMenu.vue2.js.map

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