@htlkg/components 0.0.2 → 0.0.4

package/dist/Alert.vue_vue_type_script_setup_true_lang-DxPCS-Hx.js

@@ -0,0 +1,263 @@
+import { defineComponent, computed, createBlock, openBlock, unref, createSlots, withCtx, renderSlot, createElementBlock, createCommentVNode, createElementVNode, withModifiers, normalizeClass, toDisplayString, createVNode } from "vue";
+import { uiModal, uiNotification, uiAlert } from "@hotelinking/ui";
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Modal",
+  props: {
+    open: { type: Boolean, default: false },
+    title: { default: "" },
+    content: { default: "" },
+    modalName: { default: "modal" },
+    actions: { default: () => [] },
+    size: { default: "medium" }
+  },
+  emits: ["update:open", "close", "action"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpen = computed({
+      get: () => props.open,
+      set: (value) => {
+        emit("update:open", value);
+        if (!value) {
+          emit("close");
+        }
+      }
+    });
+    const modalConfig = computed(() => ({
+      title: props.title,
+      content: props.content,
+      modalName: props.modalName,
+      open: isOpen.value,
+      actions: props.actions
+    }));
+    function handleModalAction(data) {
+      emit("action", data);
+      isOpen.value = false;
+    }
+    __expose({
+      open: () => {
+        isOpen.value = true;
+      },
+      close: () => {
+        isOpen.value = false;
+      },
+      toggle: () => {
+        isOpen.value = !isOpen.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(uiModal), {
+        title: modalConfig.value.title,
+        content: modalConfig.value.content,
+        modalName: modalConfig.value.modalName,
+        open: modalConfig.value.open,
+        actions: modalConfig.value.actions,
+        onModalAction: handleModalAction
+      }, createSlots({ _: 2 }, [
+        _ctx.$slots.default ? {
+          name: "default",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots.header ? {
+          name: "header",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "header")
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots.footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["title", "content", "modalName", "open", "actions"]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "flex justify-between items-center p-4 border-b border-gray-200" };
+const _hoisted_2 = { class: "text-lg font-medium" };
+const _hoisted_3 = { class: "p-4 overflow-auto" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Drawer",
+  props: {
+    open: { type: Boolean, default: false },
+    position: { default: "right" },
+    title: { default: "" }
+  },
+  emits: ["update:open", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpen = computed({
+      get: () => props.open,
+      set: (value) => {
+        emit("update:open", value);
+        if (!value) emit("close");
+      }
+    });
+    function close() {
+      isOpen.value = false;
+    }
+    __expose({
+      open: () => {
+        isOpen.value = true;
+      },
+      close: () => {
+        isOpen.value = false;
+      },
+      toggle: () => {
+        isOpen.value = !isOpen.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return isOpen.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "fixed inset-0 bg-black bg-opacity-50 z-50",
+        onClick: close
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["fixed bg-white shadow-xl z-51", {
+            "top-0 right-0 bottom-0 w-96 max-w-[90vw]": __props.position === "right",
+            "top-0 left-0 bottom-0 w-96 max-w-[90vw]": __props.position === "left",
+            "top-0 left-0 right-0 h-96 max-h-[90vh]": __props.position === "top",
+            "bottom-0 left-0 right-0 h-96 max-h-[90vh]": __props.position === "bottom"
+          }]),
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          createElementVNode("div", _hoisted_1$1, [
+            createElementVNode("h3", _hoisted_2, toDisplayString(__props.title), 1),
+            createElementVNode("button", {
+              onClick: close,
+              class: "text-2xl text-gray-500 hover:text-gray-700 bg-transparent border-none cursor-pointer"
+            }, " × ")
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 2)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Notification",
+  props: {
+    title: {},
+    message: { default: "" },
+    type: { default: "info" },
+    show: { type: Boolean, default: false },
+    fixed: { type: Boolean, default: true }
+  },
+  emits: ["update:show", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isVisible = computed({
+      get: () => props.show,
+      set: (value) => {
+        emit("update:show", value);
+        if (!value) {
+          emit("close");
+        }
+      }
+    });
+    function handleClose() {
+      isVisible.value = false;
+    }
+    __expose({
+      show: () => {
+        isVisible.value = true;
+      },
+      hide: () => {
+        isVisible.value = false;
+      },
+      toggle: () => {
+        isVisible.value = !isVisible.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(uiNotification), {
+        show: isVisible.value,
+        type: __props.type,
+        title: __props.title,
+        message: __props.message,
+        fixed: __props.fixed,
+        onCloseNotification: handleClose
+      }, null, 8, ["show", "type", "title", "message", "fixed"]);
+    };
+  }
+});
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Alert",
+  props: {
+    title: {},
+    type: { default: "info" },
+    actions: { default: () => [] },
+    loading: { type: Boolean, default: false },
+    show: { type: Boolean, default: true }
+  },
+  emits: ["update:show", "alertEvent", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isVisible = computed({
+      get: () => props.show,
+      set: (value) => {
+        emit("update:show", value);
+        if (!value) {
+          emit("close");
+        }
+      }
+    });
+    const alertConfig = computed(() => ({
+      title: props.title,
+      type: props.type,
+      actions: props.actions,
+      loading: props.loading
+    }));
+    function handleAlertEvent(event) {
+      emit("alertEvent", event);
+    }
+    __expose({
+      show: () => {
+        isVisible.value = true;
+      },
+      hide: () => {
+        isVisible.value = false;
+      },
+      toggle: () => {
+        isVisible.value = !isVisible.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(uiAlert), {
+          title: alertConfig.value.title,
+          type: alertConfig.value.type,
+          actions: alertConfig.value.actions,
+          loading: alertConfig.value.loading,
+          onAlertEvent: handleAlertEvent
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["title", "type", "actions", "loading"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main$3 as _,
+  _sfc_main$2 as a,
+  _sfc_main$1 as b,
+  _sfc_main as c
+};
+//# sourceMappingURL=Alert.vue_vue_type_script_setup_true_lang-DxPCS-Hx.js.map

package/dist/Alert.vue_vue_type_script_setup_true_lang-DxPCS-Hx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.vue_vue_type_script_setup_true_lang-DxPCS-Hx.js","sources":["../src/overlays/Modal.vue","../src/overlays/Drawer.vue","../src/overlays/Notification.vue","../src/overlays/Alert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { uiModal as UiModal, type UiModalInterface } from '@hotelinking/ui';\n\ninterface Props {\n  open?: boolean;\n  title?: string;\n  content?: string;\n  modalName?: string;\n  actions?: UiModalInterface['actions'];\n  size?: 'small' | 'medium' | 'large';\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  open: false,\n  title: '',\n  content: '',\n  modalName: 'modal',\n  actions: () => [],\n  size: 'medium'\n});\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'close': [];\n  'action': [action: any];\n}>();\n\n// Internal state synced with v-model\nconst isOpen = computed({\n  get: () => props.open,\n  set: (value: boolean) => {\n    emit('update:open', value);\n    if (!value) {\n      emit('close');\n    }\n  }\n});\n\n// Convert to uiModal format\nconst modalConfig = computed<UiModalInterface>(() => ({\n  title: props.title,\n  content: props.content,\n  modalName: props.modalName,\n  open: isOpen.value,\n  actions: props.actions\n}));\n\n// Handle modal actions from uiModal\n// uiModal emits: { modal: string, action: string }\nfunction handleModalAction(data: { modal: string; action: string }) {\n  emit('action', data);\n  \n  // Close modal when clicking X, clicking outside, or any action\n  // This matches uiModal behavior where any action closes the modal\n  isOpen.value = false;\n}\n\n// Expose methods for parent components\ndefineExpose({\n  open: () => { isOpen.value = true; },\n  close: () => { isOpen.value = false; },\n  toggle: () => { isOpen.value = !isOpen.value; }\n});\n</script>\n\n<template>\n  <UiModal\n    :title=\"modalConfig.title\"\n    :content=\"modalConfig.content\"\n    :modalName=\"modalConfig.modalName\"\n    :open=\"modalConfig.open\"\n    :actions=\"modalConfig.actions\"\n    @modalAction=\"handleModalAction\"\n  >\n    <template v-if=\"$slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"$slots.header\" #header>\n      <slot name=\"header\" />\n    </template>\n    <template v-if=\"$slots.footer\" #footer>\n      <slot name=\"footer\" />\n    </template>\n  </UiModal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ninterface Props {\n  open?: boolean;\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  title?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  open: false,\n  position: 'right',\n  title: ''\n});\n\nconst emit = defineEmits<{\n  'update:open': [value: boolean];\n  'close': [];\n}>();\n\nconst isOpen = computed({\n  get: () => props.open,\n  set: (value: boolean) => {\n    emit('update:open', value);\n    if (!value) emit('close');\n  }\n});\n\nfunction close() {\n  isOpen.value = false;\n}\n\n// Expose methods for parent components\ndefineExpose({\n  open: () => { isOpen.value = true; },\n  close: () => { isOpen.value = false; },\n  toggle: () => { isOpen.value = !isOpen.value; }\n});\n</script>\n\n<template>\n  <!-- Overlay -->\n  <div\n    v-if=\"isOpen\"\n    class=\"fixed inset-0 bg-black bg-opacity-50 z-50\"\n    @click=\"close\"\n  >\n    <!-- Drawer -->\n    <div\n      class=\"fixed bg-white shadow-xl z-51\"\n      :class=\"{\n        'top-0 right-0 bottom-0 w-96 max-w-[90vw]': position === 'right',\n        'top-0 left-0 bottom-0 w-96 max-w-[90vw]': position === 'left',\n        'top-0 left-0 right-0 h-96 max-h-[90vh]': position === 'top',\n        'bottom-0 left-0 right-0 h-96 max-h-[90vh]': position === 'bottom'\n      }\"\n      @click.stop\n    >\n      <!-- Header -->\n      <div class=\"flex justify-between items-center p-4 border-b border-gray-200\">\n        <h3 class=\"text-lg font-medium\">{{ title }}</h3>\n        <button\n          @click=\"close\"\n          class=\"text-2xl text-gray-500 hover:text-gray-700 bg-transparent border-none cursor-pointer\"\n        >\n          ×\n        </button>\n      </div>\n      \n      <!-- Content -->\n      <div class=\"p-4 overflow-auto\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { uiNotification } from '@hotelinking/ui';\n\ninterface Props {\n  title: string;\n  message?: string;\n  type?: 'info' | 'success' | 'warning' | 'danger';\n  show?: boolean;\n  fixed?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  message: '',\n  type: 'info',\n  show: false,\n  fixed: true\n});\n\nconst emit = defineEmits<{\n  'update:show': [value: boolean];\n  'close': [];\n}>();\n\n// Internal state synced with v-model\nconst isVisible = computed({\n  get: () => props.show,\n  set: (value: boolean) => {\n    emit('update:show', value);\n    if (!value) {\n      emit('close');\n    }\n  }\n});\n\n// Handle notification close\nfunction handleClose() {\n  isVisible.value = false;\n}\n\n// Expose methods for parent components\ndefineExpose({\n  show: () => { isVisible.value = true; },\n  hide: () => { isVisible.value = false; },\n  toggle: () => { isVisible.value = !isVisible.value; }\n});\n</script>\n\n<template>\n  <uiNotification\n    :show=\"isVisible\"\n    :type=\"type\"\n    :title=\"title\"\n    :message=\"message\"\n    :fixed=\"fixed\"\n    @close-notification=\"handleClose\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { uiAlert, type UiAlertInterface } from '@hotelinking/ui';\n\ninterface Props {\n  title: string;\n  type?: UiAlertInterface['type'];\n  actions?: UiAlertInterface['actions'];\n  loading?: boolean;\n  show?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: 'info',\n  actions: () => [],\n  loading: false,\n  show: true\n});\n\nconst emit = defineEmits<{\n  'update:show': [value: boolean];\n  'alertEvent': [event: string];\n  'close': [];\n}>();\n\n// Internal state synced with v-model\nconst isVisible = computed({\n  get: () => props.show,\n  set: (value: boolean) => {\n    emit('update:show', value);\n    if (!value) {\n      emit('close');\n    }\n  }\n});\n\n// Convert to uiAlert format\nconst alertConfig = computed<UiAlertInterface>(() => ({\n  title: props.title,\n  type: props.type,\n  actions: props.actions,\n  loading: props.loading\n}));\n\n// Handle alert action events from uiAlert\nfunction handleAlertEvent(event: string) {\n  emit('alertEvent', event);\n}\n\n// Expose methods for parent components\ndefineExpose({\n  show: () => { isVisible.value = true; },\n  hide: () => { isVisible.value = false; },\n  toggle: () => { isVisible.value = !isVisible.value; }\n});\n</script>\n\n<template>\n  <div v-if=\"isVisible\">\n    <uiAlert\n      :title=\"alertConfig.title\"\n      :type=\"alertConfig.type\"\n      :actions=\"alertConfig.actions\"\n      :loading=\"alertConfig.loading\"\n      @alert-event=\"handleAlertEvent\"\n    >\n      <slot />\n    </uiAlert>\n  </div>\n</template>\n"],"names":["_createBlock","_unref","UiModal","$slots","_renderSlot","_createElementBlock","_createElementVNode","_hoisted_1","_toDisplayString","_createVNode"],"mappings":"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"}