@ozdao/martyrs 0.2.549 → 0.2.551

package/dist/martyrs/src/components/Button/Button.vue2.cjs

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Loader = require("../Loader/Loader.vue2.cjs");
+const IconCheckmark = require("../../modules/icons/navigation/IconCheckmark.vue.cjs");
+const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
+;/* empty css             */
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "button-content"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "button-content t-semi t-center w-100 loading t-black"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "button-content t-center w-100 error"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "button-counter flex flex-center"
+};
+const _sfc_main = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: () => ({
+        success: null,
+        error: null
+      })
+    },
+    counter: {
+      type: Object
+    },
+    callback: {
+      type: Function,
+      default: async () => {
+        console.log("Button callback.");
+      }
+    },
+    callbackDelay: {
+      type: Number,
+      default: 750
+    },
+    showSucces: {
+      type: Boolean,
+      default: true
+    },
+    showLoader: {
+      type: Boolean,
+      default: true
+    },
+    validation: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const button = vue.ref(null);
+    const error = vue.ref(null);
+    const loading = vue.ref(false);
+    const finished = vue.ref(false);
+    async function Submit() {
+      console.log("click");
+      button.value.style["pointer-events"] = "none";
+      error.value = null;
+      loading.value = true;
+      const resetButton = () => {
+        if (button.value) {
+          button.value.style.pointerEvents = "auto";
+          loading.value = false;
+          finished.value = false;
+          error.value = null;
+        }
+      };
+      try {
+        await props.submit();
+        button.value.classList.replace("bg-main", "bg-second");
+        loading.value = false;
+        if (props.showSucces) {
+          finished.value = true;
+          setTimeout(() => {
+            resetButton();
+            button.value.classList.replace("bg-second", "bg-main");
+          }, 500);
+        } else {
+          resetButton();
+          button.value.classList.replace("bg-second", "bg-main");
+        }
+        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
+      } catch (err) {
+        emits("error", err);
+        button.value.classList.replace("bg-main", "bg-fourth-nano");
+        loading.value = false;
+        error.value = true;
+        setTimeout(() => {
+          resetButton();
+          button.value.classList.replace("bg-fourth-nano", "bg-main");
+        }, 1330);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("button", {
+        onClick: vue.withModifiers(Submit, ["stop"]),
+        disabled: __props.validation,
+        ref_key: "button",
+        ref: button,
+        class: vue.normalizeClass(["button", { "button--disabled": loading.value || __props.validation }])
+      }, [
+        vue.createVNode(vue.Transition, {
+          name: "content",
+          mode: "out-in"
+        }, {
+          default: vue.withCtx(() => [
+            !loading.value && !error.value && !finished.value || !__props.showLoader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ])) : loading.value && !error.value && __props.showLoader ? (vue.openBlock(), vue.createBlock(Loader.default, {
+              key: 1,
+              class: "icon button-content pos-relative pos-t-0 pos-l-0 loading"
+            })) : finished.value && __props.showSucces ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
+              __props.text.success ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(__props.text.success), 1)
+              ], 64)) : (vue.openBlock(), vue.createBlock(IconCheckmark.default, {
+                key: 1,
+                class: "icon"
+              }))
+            ])) : error.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [
+              __props.text.error ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(__props.text.error), 1)
+              ], 64)) : (vue.openBlock(), vue.createBlock(IconCross.default, {
+                key: 1,
+                class: "icon"
+              }))
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        __props.counter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createElementVNode("span", null, vue.toDisplayString(__props.counter), 1)
+        ])) : vue.createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Button.vue2.cjs.map

package/dist/martyrs/src/components/Button/Button.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.cjs","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"icon button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: var(--small);\n  border-radius: var(--small);\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAASA,IAAAA,IAAI,IAAI;AACvB,UAAM,QAAQA,IAAAA,IAAI,IAAI;AACtB,UAAM,UAAUA,IAAAA,IAAI,KAAK;AACzB,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Button/Button.vue2.js

@@ -0,0 +1,158 @@
+import { ref, createElementBlock, openBlock, normalizeClass, withModifiers, createVNode, createCommentVNode, Transition, withCtx, createBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createElementVNode } from "vue";
+import Loader from "../Loader/Loader.vue2.js";
+import _sfc_main$1 from "../../modules/icons/navigation/IconCheckmark.vue.js";
+import _sfc_main$2 from "../../modules/icons/navigation/IconCross.vue.js";
+/* empty css           */
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = {
+  key: 0,
+  class: "button-content"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "button-content t-semi t-center w-100 loading t-black"
+};
+const _hoisted_4 = {
+  key: 3,
+  class: "button-content t-center w-100 error"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "button-counter flex flex-center"
+};
+const _sfc_main = {
+  __name: "Button",
+  props: {
+    submit: {
+      type: Function,
+      default: async () => {
+        console.log("Button click.");
+      }
+    },
+    text: {
+      type: Object,
+      default: () => ({
+        success: null,
+        error: null
+      })
+    },
+    counter: {
+      type: Object
+    },
+    callback: {
+      type: Function,
+      default: async () => {
+        console.log("Button callback.");
+      }
+    },
+    callbackDelay: {
+      type: Number,
+      default: 750
+    },
+    showSucces: {
+      type: Boolean,
+      default: true
+    },
+    showLoader: {
+      type: Boolean,
+      default: true
+    },
+    validation: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const button = ref(null);
+    const error = ref(null);
+    const loading = ref(false);
+    const finished = ref(false);
+    async function Submit() {
+      console.log("click");
+      button.value.style["pointer-events"] = "none";
+      error.value = null;
+      loading.value = true;
+      const resetButton = () => {
+        if (button.value) {
+          button.value.style.pointerEvents = "auto";
+          loading.value = false;
+          finished.value = false;
+          error.value = null;
+        }
+      };
+      try {
+        await props.submit();
+        button.value.classList.replace("bg-main", "bg-second");
+        loading.value = false;
+        if (props.showSucces) {
+          finished.value = true;
+          setTimeout(() => {
+            resetButton();
+            button.value.classList.replace("bg-second", "bg-main");
+          }, 500);
+        } else {
+          resetButton();
+          button.value.classList.replace("bg-second", "bg-main");
+        }
+        if (props.callback) setTimeout(() => props.callback(), props.callbackDelay);
+      } catch (err) {
+        emits("error", err);
+        button.value.classList.replace("bg-main", "bg-fourth-nano");
+        loading.value = false;
+        error.value = true;
+        setTimeout(() => {
+          resetButton();
+          button.value.classList.replace("bg-fourth-nano", "bg-main");
+        }, 1330);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        onClick: withModifiers(Submit, ["stop"]),
+        disabled: __props.validation,
+        ref_key: "button",
+        ref: button,
+        class: normalizeClass(["button", { "button--disabled": loading.value || __props.validation }])
+      }, [
+        createVNode(Transition, {
+          name: "content",
+          mode: "out-in"
+        }, {
+          default: withCtx(() => [
+            !loading.value && !error.value && !finished.value || !__props.showLoader ? (openBlock(), createElementBlock("span", _hoisted_2, [
+              renderSlot(_ctx.$slots, "default")
+            ])) : loading.value && !error.value && __props.showLoader ? (openBlock(), createBlock(Loader, {
+              key: 1,
+              class: "icon button-content pos-relative pos-t-0 pos-l-0 loading"
+            })) : finished.value && __props.showSucces ? (openBlock(), createElementBlock("span", _hoisted_3, [
+              __props.text.success ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(__props.text.success), 1)
+              ], 64)) : (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                class: "icon"
+              }))
+            ])) : error.value ? (openBlock(), createElementBlock("span", _hoisted_4, [
+              __props.text.error ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(__props.text.error), 1)
+              ], 64)) : (openBlock(), createBlock(_sfc_main$2, {
+                key: 1,
+                class: "icon"
+              }))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }),
+        __props.counter ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          createElementVNode("span", null, toDisplayString(__props.counter), 1)
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Button.vue2.js.map

package/dist/martyrs/src/components/Button/Button.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.js","sources":["../../../../../src/components/Button/Button.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue'\n\nimport Loader from '@martyrs/src/components/Loader/Loader.vue'\n\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n\nconst props = defineProps({\n  submit: {\n    type: Function,\n    default: async () => { console.log('Button click.') }\n  },\n  text: {\n    type: Object,\n    default: () => ({\n      success: null,\n      error: null\n    })\n  },\n  counter: {\n    type: Object\n  },\n  callback: {\n    type: Function,\n    default: async () => { console.log('Button callback.') }\n  },\n  callbackDelay: {\n    type: Number,\n    default: 750\n  },\n  showSucces: {\n    type: Boolean,\n    default: true\n  },\n  showLoader: {\n    type: Boolean,\n    default: true\n  },\n  validation: {\n    type: Boolean,\n    default: false\n  },\n})\n\nconst emits = defineEmits(['error'])\n\nconst button = ref(null)\nconst error = ref(null)\nconst loading = ref(false)\nconst finished = ref(false)\n\nasync function Submit() {\n  console.log('click')\n  \n  button.value.style['pointer-events'] = 'none'\n  error.value = null\n  loading.value = true\n\n  // Функция для сброса состояния кнопки\n  const resetButton = () => {\n    if (button.value) {\n      button.value.style.pointerEvents = 'auto'\n      loading.value = false\n      finished.value = false\n      error.value = null\n    }\n  }\n\n  try {\n    await props.submit()\n\n    button.value.classList.replace('bg-main', 'bg-second')\n    loading.value = false\n\n    // Используем функцию сброса состояния кнопки здесь\n    if (props.showSucces) { \n      finished.value = true\n      setTimeout(() => {\n        resetButton()\n        button.value.classList.replace('bg-second', 'bg-main')\n      }, 500)\n    } else {\n      resetButton()\n      button.value.classList.replace('bg-second', 'bg-main')\n    }\n\n    // Если есть callback, мы также установим таймер для его вызова\n    if (props.callback) setTimeout(() => props.callback(), props.callbackDelay)\n\n  } catch (err) {\n    emits('error', err)\n    // Если возникла ошибка, мы изменяем стили и устанавливаем сообщение об ошибке\n    button.value.classList.replace('bg-main', 'bg-fourth-nano')\n    loading.value = false\n    error.value = true\n    \n    // После задержки снова сбрасываем состояние кнопки\n    setTimeout(() => {\n      resetButton()\n      // Так как класс кнопки был изменен, вернем его в исходное состояние\n      button.value.classList.replace('bg-fourth-nano', 'bg-main')\n    }, 1330)\n  }\n}\n</script>\n\n<template>\n  <button \n    @click.stop=\"Submit\"\n    :disabled=\"validation\"\n    ref=\"button\"\n\t\tclass=\"button\"\n    :class=\"{ 'button--disabled': loading || validation }\"\n  >\n    <Transition name=\"content\" mode=\"out-in\">\n      <!-- Default slot content -->\n      <span v-if=\"!loading && !error && !finished || !showLoader\" class=\"button-content\">\n        <slot></slot>\n      </span>\n      <!-- Loading state -->\n      <Loader v-else-if=\"loading && !error && showLoader\"   class=\"icon button-content pos-relative pos-t-0 pos-l-0 loading\"/>\n      <!-- Success state -->\n      <span v-else-if=\"finished && showSucces\" class=\"button-content t-semi t-center w-100 loading t-black\">\n        <template v-if=\"text.success\">\n          {{ text.success }}\n        </template>\n        <IconCheckmark v-else class=\"icon\" />\n      </span>\n      <!-- Error state -->\n      <span v-else-if=\"error\" class=\"button-content t-center w-100 error\">\n        <template v-if=\"text.error\">\n          {{ text.error }}\n        </template>\n        <IconCross v-else class=\"icon\" />\n      </span>\n    </Transition>\n    \n    <!-- Counter -->\n    <div v-if=\"counter\" class=\"button-counter flex flex-center\">\n      <span>{{ counter }}</span>\n    </div>\n  </button>\n</template>\n\n<style lang=\"scss\">\nbutton[disabled] {\n  opacity: 0.75 !important;\n  pointer-events: none !important;\n  cursor: default !important;\n  color: rgba(var(--dark), 0.33) !important;\n  background: rgba(var(--light), 1) !important;\n}\n\na.button {\n  text-box: trim-both cap alphabetic;\n}\n\n.button {\n  display: flex;\n  padding: var(--small);\n  border-radius: var(--small);\n  text-box: trim-both cap alphabetic;\n  transform: scale(1);\n  opacity: 1;\n  align-items: center;\n  justify-content: center;\n  color: black;\n  text-align: center;\n  font-size: 1rem;\n  letter-spacing: 5%;\n  transition: all 0.33s ease;\n\n  &:hover {\n    cursor: pointer;\n    opacity: 0.9;\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  &-small {\n    padding: 0.75rem;\n    border-radius: 0.5rem;\n    height: fit-content;\n  }\n\n  .button-counter {\n    position: absolute;\n    right: -8px;\n    bottom: -8px;\n    background: yellow;\n    height: 16px;\n    border-radius: 16px;\n    width: 16px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 16px;\n    font-size: 10px;\n  }\n}\n\n.button-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.icon {\n  width: 1rem;\n  height: 1rem;\n}\n\n/* Vue Transitions */\n.content-enter-active,\n.content-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.content-enter-from {\n  opacity: 0;\n  transform: translateY(8px) scale(0.95);\n}\n\n.content-leave-to {\n  opacity: 0;\n  transform: translateY(-8px) scale(0.95);\n}\n\n.content-enter-to,\n.content-leave-from {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAqCd,UAAM,QAAQ;AAEd,UAAM,SAAS,IAAI,IAAI;AACvB,UAAM,QAAQ,IAAI,IAAI;AACtB,UAAM,UAAU,IAAI,KAAK;AACzB,UAAM,WAAW,IAAI,KAAK;AAE1B,mBAAe,SAAS;AACtB,cAAQ,IAAI,OAAO;AAEnB,aAAO,MAAM,MAAM,gBAAgB,IAAI;AACvC,YAAM,QAAQ;AACd,cAAQ,QAAQ;AAGhB,YAAM,cAAc,MAAM;AACxB,YAAI,OAAO,OAAO;AAChB,iBAAO,MAAM,MAAM,gBAAgB;AACnC,kBAAQ,QAAQ;AAChB,mBAAS,QAAQ;AACjB,gBAAM,QAAQ;AAAA,QAChB;AAAA,MACF;AAEA,UAAI;AACF,cAAM,MAAM,OAAM;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,WAAW;AACrD,gBAAQ,QAAQ;AAGhB,YAAI,MAAM,YAAY;AACpB,mBAAS,QAAQ;AACjB,qBAAW,MAAM;AACf,wBAAW;AACX,mBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,UACvD,GAAG,GAAG;AAAA,QACR,OAAO;AACL,sBAAW;AACX,iBAAO,MAAM,UAAU,QAAQ,aAAa,SAAS;AAAA,QACvD;AAGA,YAAI,MAAM,SAAU,YAAW,MAAM,MAAM,SAAQ,GAAI,MAAM,aAAa;AAAA,MAE5E,SAAS,KAAK;AACZ,cAAM,SAAS,GAAG;AAElB,eAAO,MAAM,UAAU,QAAQ,WAAW,gBAAgB;AAC1D,gBAAQ,QAAQ;AAChB,cAAM,QAAQ;AAGd,mBAAW,MAAM;AACf,sBAAW;AAEX,iBAAO,MAAM,UAAU,QAAQ,kBAAkB,SAAS;AAAA,QAC5D,GAAG,IAAI;AAAA,MACT;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Calendar/Calendar.vue2.cjs

@@ -11,7 +11,7 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "pd-thin flex flex-nowrap flex-v-center flex-justify-between" };
 const _hoisted_4 = ["disabled"];
 const _hoisted_5 = {
-  class: "i-medium",
+  class: "i-regular",
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "20",
@@ -21,7 +21,7 @@ const _hoisted_5 = {
 const _hoisted_6 = ["fill"];
 const _hoisted_7 = { class: "t-semi" };
 const _hoisted_8 = {
-  class: "i-medium",
+  class: "i-regular",
   xmlns: "http://www.w3.org/2000/svg",
   width: "11",
   height: "20",
@@ -37,16 +37,35 @@ const _hoisted_14 = {
   key: 0,
   class: "availability-indicator"
 };
+const _hoisted_15 = {
+  key: 1,
+  class: "pd-thin br-t br-solid br-grey-transp-25 flex gap-thin"
+};
+const _hoisted_16 = ["value", "min"];
+const _hoisted_17 = ["value", "min"];
+const _hoisted_18 = {
+  key: 2,
+  class: "pd-thin br-t br-solid br-grey-transp-25 flex flex-v-center gap-thin"
+};
+const _hoisted_19 = { class: "flex-1" };
 const _sfc_main = {
   __name: "Calendar",
   props: /* @__PURE__ */ vue.mergeModels({
     modelValue: [Date, Object],
     allowRange: Boolean,
     disabled: Boolean,
+    enableTime: {
+      type: Boolean,
+      default: false
+    },
     disablePastDates: {
       type: Boolean,
       default: false
     },
+    disabledRanges: {
+      type: Array,
+      default: () => []
+    },
     availabilityData: {
       type: Array,
       default: () => []
@@ -62,14 +81,23 @@ const _sfc_main = {
     requiredQuantity: {
       type: Number,
       default: 1
+    },
+    locale: {
+      type: String,
+      default: "en"
+    },
+    showSelected: {
+      type: Boolean,
+      default: false
     }
   }, {
     "date": {},
     "dateModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue"], ["update:date"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:modelValue", "select", "cancel"], ["update:date"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const dateCalendar = vue.useModel(__props, "date");
     const today = /* @__PURE__ */ new Date();
     const currentDate = vue.ref(today);
@@ -91,7 +119,7 @@ const _sfc_main = {
       return date.toISOString().split("T")[0];
     };
     const monthYear = vue.computed(() => {
-      const month = currentDate.value.toLocaleString("default", { month: "long", timeZone: "UTC" });
+      const month = currentDate.value.toLocaleString(props.locale, { month: "long", timeZone: "UTC" });
       const year = currentDate.value.getUTCFullYear();
       return `${month} ${year}`;
     });
@@ -156,6 +184,22 @@ const _sfc_main = {
       const compareDate = new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()));
       return compareDate < todayDate;
     };
+    const isDateTimeInDisabledRange = (date) => {
+      if (!props.disabledRanges || props.disabledRanges.length === 0) return false;
+      const checkDate = new Date(date);
+      for (const range of props.disabledRanges) {
+        if (!range.start || !range.end) continue;
+        const rangeStart = new Date(range.start);
+        const rangeEnd = new Date(range.end);
+        if (checkDate >= rangeStart && checkDate <= rangeEnd) {
+          return true;
+        }
+      }
+      return false;
+    };
+    const isDisabledDate = (date) => {
+      return isDateTimeInDisabledRange(date);
+    };
     const getAvailabilityInfo = (date) => {
       if (!props.availabilityData || props.availabilityData.length === 0) return null;
       const dateStr = dateToString(date);
@@ -195,6 +239,7 @@ const _sfc_main = {
     };
     const selectDate = (date, event) => {
       if (props.disablePastDates && isPastDate(date)) return;
+      if (isDisabledDate(date)) return;
       if (!isAvailable(date)) return;
       const availabilityInfo = getAvailabilityInfo(date);
       if (availabilityInfo && availabilityInfo.availableQuantity < props.requiredQuantity) {
@@ -215,6 +260,12 @@ const _sfc_main = {
       if (!isSameMonth(date)) ;
       const formattedDate = toUTC(date);
       if (!props.allowRange) {
+        if (props.enableTime && selectedDate.value) {
+          const existingDate = new Date(selectedDate.value);
+          if (existingDate.getFullYear() === date.getFullYear() && existingDate.getMonth() === date.getMonth() && existingDate.getDate() === date.getDate()) {
+            return;
+          }
+        }
         selectedDate.value = formattedDate;
         dateCalendar.value = formattedDate;
       } else if (!startDate.value && !endDate.value) {
@@ -317,6 +368,83 @@ const _sfc_main = {
       endDate.value = null;
       dateCalendar.value = { start: null, end: null };
     };
+    const displayHours = vue.computed(() => {
+      if (!props.enableTime) return 0;
+      if (selectedDate.value) {
+        return selectedDate.value.getHours();
+      }
+      return (/* @__PURE__ */ new Date()).getHours();
+    });
+    const displayMinutes = vue.computed(() => {
+      if (!props.enableTime) return 0;
+      if (selectedDate.value) {
+        return selectedDate.value.getMinutes();
+      }
+      return (/* @__PURE__ */ new Date()).getMinutes();
+    });
+    const minHours = vue.computed(() => {
+      if (!props.disablePastDates) return 0;
+      if (selectedDate.value && isToday(selectedDate.value)) {
+        return (/* @__PURE__ */ new Date()).getHours();
+      }
+      return 0;
+    });
+    const minMinutes = vue.computed(() => {
+      if (!props.disablePastDates) return 0;
+      if (selectedDate.value && isToday(selectedDate.value)) {
+        const currentHour = (/* @__PURE__ */ new Date()).getHours();
+        if (displayHours.value === currentHour) {
+          return (/* @__PURE__ */ new Date()).getMinutes();
+        }
+      }
+      return 0;
+    });
+    const updateTime = (hours, minutes) => {
+      if (!props.enableTime || !selectedDate.value) return;
+      hours = parseInt(hours) || 0;
+      minutes = parseInt(minutes) || 0;
+      if (hours < 0) hours = 0;
+      if (hours > 23) hours = 23;
+      if (minutes < 0) minutes = 0;
+      if (minutes > 59) minutes = 59;
+      if (props.disablePastDates && isToday(selectedDate.value)) {
+        const now = /* @__PURE__ */ new Date();
+        const currentHour = now.getHours();
+        const currentMinute = now.getMinutes();
+        if (hours < currentHour || hours === currentHour && minutes < currentMinute) {
+          hours = currentHour;
+          minutes = currentMinute;
+        }
+      }
+      const newDate = new Date(selectedDate.value);
+      newDate.setHours(hours, minutes, 0, 0);
+      if (isDateTimeInDisabledRange(newDate)) {
+        return;
+      }
+      selectedDate.value = newDate;
+      dateCalendar.value = newDate;
+    };
+    const formattedSelectedDate = vue.computed(() => {
+      const date = selectedDate.value || (props.allowRange ? startDate.value : null);
+      if (!date) return "";
+      const d = new Date(date);
+      const day = String(d.getDate()).padStart(2, "0");
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      const year = d.getFullYear();
+      let result = `${day}.${month}.${year}`;
+      if (props.enableTime) {
+        const hours = String(d.getHours()).padStart(2, "0");
+        const minutes = String(d.getMinutes()).padStart(2, "0");
+        result += ` ${hours}:${minutes}`;
+      }
+      return result;
+    });
+    const onCancel = () => {
+      emit("cancel");
+    };
+    const onSelect = () => {
+      emit("select");
+    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "t-noselect calendar",
@@ -385,9 +513,9 @@ const _sfc_main = {
                   { "calendar__date--selected": isSelected(day.date) },
                   { "calendar__date--range": isInRange(day.date) },
                   { "calendar__date--in-other-month": !isSameMonth(day.date) },
-                  { "calendar__date--disabled": isPastDate(day.date) },
+                  { "calendar__date--disabled": isPastDate(day.date) || isDisabledDate(day.date) },
                   { "calendar__date--low-availability": isLowAvailability(day.date) },
-                  { "calendar__date--unavailable": !isAvailable(day.date) && !isPastDate(day.date) }
+                  { "calendar__date--unavailable": !isAvailable(day.date) && !isPastDate(day.date) && !isDisabledDate(day.date) }
                 ]),
                 onClick: vue.withModifiers(($event) => selectDate(day.date, $event), ["stop"])
               }, [
@@ -397,8 +525,40 @@ const _sfc_main = {
             }), 128))
           ])
         ]),
+        __props.enableTime ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, [
+          vue.createElementVNode("input", {
+            type: "number",
+            value: displayHours.value,
+            onInput: _cache[0] || (_cache[0] = ($event) => updateTime($event.target.value, displayMinutes.value)),
+            min: minHours.value,
+            max: "23",
+            class: "w-50 pd-small radius-small",
+            placeholder: "HH"
+          }, null, 40, _hoisted_16),
+          vue.createElementVNode("input", {
+            type: "number",
+            value: displayMinutes.value,
+            onInput: _cache[1] || (_cache[1] = ($event) => updateTime(displayHours.value, $event.target.value)),
+            min: minMinutes.value,
+            max: "59",
+            class: "w-50 pd-small radius-small",
+            placeholder: "MM"
+          }, null, 40, _hoisted_17)
+        ])) : vue.createCommentVNode("", true),
+        __props.showSelected ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
+          _cache[2] || (_cache[2] = vue.createElementVNode("span", { class: "t-transp" }, "selected:", -1)),
+          vue.createElementVNode("span", _hoisted_19, vue.toDisplayString(formattedSelectedDate.value || "---"), 1),
+          vue.createElementVNode("button", {
+            onClick: onCancel,
+            class: "pd-small radius-small bg-white"
+          }, "cancel"),
+          vue.createElementVNode("button", {
+            onClick: onSelect,
+            class: "pd-small radius-small bg-black t-white"
+          }, "select")
+        ])) : vue.createCommentVNode("", true),
         tooltip.value.show ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
+          key: 3,
           class: "calendar-tooltip",
           style: vue.normalizeStyle({ left: tooltip.value.x + "px", top: tooltip.value.y + "px" })
         }, vue.toDisplayString(tooltip.value.message), 5)) : vue.createCommentVNode("", true)
@@ -406,6 +566,6 @@ const _sfc_main = {
     };
   }
 };
-const Calendar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a25b72c8"]]);
+const Calendar = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-54787afa"]]);
 exports.default = Calendar;
 //# sourceMappingURL=Calendar.vue2.cjs.map