@ozdao/martyrs 0.2.550 → 0.2.552

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.cjs

@@ -1,202 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Field = require("../Field/Field.vue.cjs");
-const Button = require("../Button/Button.vue.cjs");
-const IconArrow = require("../../modules/icons/navigation/IconArrow.vue.cjs");
-const vueI18n = require("vue-i18n");
-const _hoisted_1 = {
-  key: 0,
-  class: "desktop-only mn-r-thin"
-};
-const _sfc_main = {
-  __name: "FieldBig",
-  props: {
-    input: String,
-    placeholder: {
-      type: String
-    },
-    action: {
-      type: String
-    },
-    placeholderTexts: {
-      type: Object,
-      default: () => ({
-        en: [
-          "Lowest THC, please!",
-          "Something with banana flavors?",
-          "I'm in the mood for trippy vibes."
-        ],
-        ru: [
-          "Я хочу самый низкий THC",
-          "Я хочу чего-нибудь бананового",
-          "Я хочу курнуть хейза"
-        ]
-      })
-    },
-    typingSpeed: {
-      type: Number,
-      default: 200
-    },
-    loopTyping: {
-      type: Boolean,
-      default: false
-    },
-    enableTyping: {
-      type: Boolean,
-      default: false
-    },
-    showLoader: {
-      type: Boolean,
-      default: true
-    },
-    showSuccess: {
-      type: Boolean,
-      default: true
-    },
-    callback: {
-      type: Function,
-      default: null
-    },
-    callbackDelay: {
-      type: Number,
-      default: 750
-    },
-    name: {
-      type: String,
-      default: null
-    },
-    id: {
-      type: String,
-      default: null
-    },
-    validation: {
-      type: [Object, Boolean],
-      default: false
-    }
-  },
-  emits: ["update:input", "action"],
-  setup(__props, { emit: __emit }) {
-    const uniqueId = Math.random().toString(36).substr(2, 9);
-    const props = __props;
-    const fieldName = props.name || `field-big-${uniqueId}`;
-    const fieldId = props.id || `field-big-${uniqueId}`;
-    const { t, locale } = vueI18n.useI18n();
-    let placeholderIndex = vue.ref(0);
-    let inputField = vue.ref(props.input);
-    let inputPlaceholder = vue.ref(props.placeholder);
-    let typing = vue.ref(props.enableTyping);
-    let typeInterval = vue.ref(null);
-    let userText = vue.ref("");
-    let cursorVisible = vue.ref(true);
-    let cursorInterval = null;
-    const emit = __emit;
-    async function handleAction() {
-      const result = emit("action");
-      if (result && typeof result.then === "function") {
-        return result;
-      }
-      return Promise.resolve(result);
-    }
-    function updateInput(event) {
-      emit("update:input", event);
-      userText.value = event;
-    }
-    function handleInput() {
-      placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length;
-    }
-    function handleFocus() {
-      typing.value = false;
-      clearInterval(typeInterval.value);
-      inputPlaceholder.value = props.placeholder;
-      if (!userText.value) {
-        inputField.value = "";
-      }
-    }
-    function checkInput() {
-      if (!userText.value && props.enableTyping) {
-        typing.value = true;
-        inputPlaceholder.value = "";
-        startTyping();
-      }
-    }
-    function startTyping() {
-      let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
-      let i = 0;
-      let typingBackwards = false;
-      cursorInterval = setInterval(() => {
-        cursorVisible.value = !cursorVisible.value;
-      }, 200);
-      typeInterval.value = setInterval(() => {
-        if (typing.value) {
-          if (!typingBackwards) {
-            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
-            i++;
-          } else {
-            inputField.value = inputField.value.slice(0, -1);
-            inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? "|" : "");
-            i--;
-          }
-          if (i > placeholderText.length && props.loopTyping) {
-            setTimeout(() => {
-              typingBackwards = true;
-              inputField.value = placeholderText.substring(0, i);
-            }, 333);
-          }
-          if (i === 0 && typingBackwards) {
-            typingBackwards = false;
-            handleInput();
-            placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value];
-          }
-        }
-      }, props.typingSpeed);
-    }
-    vue.onMounted(() => {
-      if (props.enableTyping) startTyping();
-    });
-    vue.watchEffect(() => {
-      if (!typing.value) {
-        clearInterval(typeInterval.value);
-        clearInterval(cursorInterval);
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(Field.default, {
-        field: vue.unref(inputField),
-        "onUpdate:field": [
-          _cache[0] || (_cache[0] = ($event) => vue.isRef(inputField) ? inputField.value = $event : inputField = $event),
-          updateInput
-        ],
-        placeholder: vue.unref(typing) ? "" : __props.placeholder,
-        onInput: handleInput,
-        onFocus: handleFocus,
-        onBlur: checkInput,
-        name: vue.unref(fieldName),
-        id: vue.unref(fieldId),
-        validation: __props.validation,
-        class: "radius-medium flex-nowrap flex w-100 p-regular t-regular uppercase pd-thin"
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default"),
-          vue.createVNode(Button.default, {
-            submit: handleAction,
-            showSucces: __props.showSuccess,
-            showLoader: __props.showLoader,
-            callback: __props.callback,
-            callbackDelay: __props.callbackDelay,
-            class: "t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main"
-          }, {
-            default: vue.withCtx(() => [
-              __props.action ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(__props.action), 1)) : vue.createCommentVNode("", true),
-              vue.createVNode(IconArrow.default, { class: "i-medium" })
-            ]),
-            _: 1
-          }, 8, ["showSucces", "showLoader", "callback", "callbackDelay"])
-        ]),
-        _: 3
-      }, 8, ["field", "placeholder", "name", "id", "validation"]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=FieldBig.vue.cjs.map

package/dist/martyrs/src/components/FieldBig/FieldBig.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldBig.vue.cjs","sources":["../../../../../src/components/FieldBig/FieldBig.vue"],"sourcesContent":["<template>\n  <Field\n    v-model:field=\"inputField\"\n    @update:field=\"updateInput\"\n    :placeholder=\"typing ? '' : placeholder\"\n    @input=\"handleInput\"\n    @focus=\"handleFocus\"\n    @blur=\"checkInput\"\n    :name=\"fieldName\"\n    :id=\"fieldId\"\n    :validation=\"validation\"\n    class=\"radius-medium flex-nowrap flex  w-100 p-regular t-regular uppercase pd-thin\"\n  >\n    <slot></slot>\n    <Button\n      :submit=\"handleAction\"\n      :showSucces=\"showSuccess\"\n      :showLoader=\"showLoader\"\n      :callback=\"callback\"\n      :callbackDelay=\"callbackDelay\"\n      class=\"t-nowrap t-medium radius-small uppercase cursor-pointer flex flex-v-center pd-thin w-max hover-bg-fifth t-semi transition-linear transition-timing-1 t-black bg-main\"\n    >\n      <span v-if=\"action\" class=\"desktop-only mn-r-thin\">{{action}}</span>\n      <IconArrow class=\"i-medium\"/>\n    </Button>\n</Field>\n</template>\n\n<script setup=\"props\">\n  import { ref, watchEffect, onMounted } from 'vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import IconArrow from '@martyrs/src/modules/icons/navigation/IconArrow.vue'\n  import { useI18n } from 'vue-i18n'\n\n  // Генерируем уникальный ID для каждого экземпляра\n  const uniqueId = Math.random().toString(36).substr(2, 9)\n\n  const props = defineProps({\n    input: String,\n    placeholder: {\n      type: String\n    },\n    action: {\n      type: String\n    },\n    placeholderTexts: {\n      type: Object,\n      default: () => ({\n        en: [\n          'Lowest THC, please!',\n          'Something with banana flavors?',\n          \"I'm in the mood for trippy vibes.\"\n        ],\n        ru: [\n          'Я хочу самый низкий THC',\n          'Я хочу чего-нибудь бананового',\n          'Я хочу курнуть хейза'\n        ],\n      })\n    },\n    typingSpeed: {\n      type: Number,\n      default: 200\n    },\n    loopTyping: {\n      type: Boolean,\n      default: false\n    },\n    enableTyping: {\n      type: Boolean,\n      default: false\n    },\n    showLoader: {\n      type: Boolean,\n      default: true\n    },\n    showSuccess: {\n      type: Boolean,\n      default: true\n    },\n    callback: {\n      type: Function,\n      default: null\n    },\n    callbackDelay: {\n      type: Number,\n      default: 750\n    },\n    name: {\n      type: String,\n      default: null\n    },\n    id: {\n      type: String,\n      default: null\n    },\n    validation: {\n      type: [Object, Boolean],\n      default: false\n    }\n  });\n\n  // Уникальные имена для полей\n  const fieldName = props.name || `field-big-${uniqueId}`\n  const fieldId = props.id || `field-big-${uniqueId}`\n\n  const { t, locale } = useI18n()\n\n  let placeholderIndex = ref(0)\n\n  let inputField = ref(props.input)\n  let inputPlaceholder = ref(props.placeholder)\n  let typing = ref(props.enableTyping)\n  let typeInterval = ref(null)\n  let userText = ref('') // Stores user input\n  let cursorVisible = ref(true)\n  let cursorInterval = null\n\n  const emit = defineEmits(['update:input',  'action']);\n\n  function emitAction() {\n    emit('action')\n  }\n\n  async function handleAction() {\n    const result = emit('action')\n    // Если обработчик вернул промис, ждем его\n    if (result && typeof result.then === 'function') {\n      return result\n    }\n    // Иначе возвращаем resolved промис\n    return Promise.resolve(result)\n  }\n  \n  function updateInput(event) {\n     emit('update:input', event)\n     userText.value = event // Stores user input\n  }\n\n  function handleInput() {\n    placeholderIndex.value = (placeholderIndex.value + 1) % props.placeholderTexts[locale.value].length\n  }\n\n  function handleFocus() {\n    typing.value = false\n\n    clearInterval(typeInterval.value)\n\n    inputPlaceholder.value = props.placeholder\n\n    if (!userText.value) {\n      inputField.value = ''\n    }\n  }\n\n  function checkInput() {\n    if (!userText.value && props.enableTyping) {\n      typing.value = true\n      inputPlaceholder.value = ''\n      startTyping()\n    }\n  }\n\n  function startTyping() {\n    let placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n    let i = 0\n    let typingBackwards = false\n  \n    // Start the cursor blinking\n    cursorInterval = setInterval(() => {\n      cursorVisible.value = !cursorVisible.value\n    }, 200)\n\n    typeInterval.value = setInterval(() => {\n      if (typing.value) {\n        if (!typingBackwards) {\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i++\n        } else {\n          inputField.value = inputField.value.slice(0, -1)\n          inputField.value = placeholderText.substring(0, i) + (cursorVisible.value && i % 2 ? '|' : '')\n          i--\n        }\n\n        if (i > placeholderText.length && props.loopTyping) {\n          setTimeout(() => {\n            typingBackwards = true\n            inputField.value = placeholderText.substring(0, i)\n          }, 333)\n        }\n\n        if (i === 0 && typingBackwards) {\n          typingBackwards = false\n          handleInput()\n          placeholderText = props.placeholderTexts[locale.value][placeholderIndex.value]\n        }\n      }\n    }, props.typingSpeed)\n  }\n\n\n  onMounted(() => {\n    if (props.enableTyping) startTyping()\n  })\n\n  watchEffect(() => {\n    if (!typing.value) {\n      clearInterval(typeInterval.value)\n      clearInterval(cursorInterval)\n    }\n  })\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useI18n","ref","onMounted","watchEffect"],"mappings":"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"}

package/dist/martyrs/src/components/FieldDate/FieldDate.vue.cjs

@@ -1,183 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const Calendar = require("../Calendar/Calendar.vue2.cjs");
-;/* empty css                 */
-const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
-const _hoisted_1 = {
-  key: 0,
-  class: "t-transp mn-r-small"
-};
-const _hoisted_2 = { class: "t-nowrap" };
-const _hoisted_3 = { class: "w-100" };
-const _hoisted_4 = {
-  key: 0,
-  class: "t-black"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "t-transp"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "field-date__dropdown pos-absolute w-100"
-};
-const _sfc_main = {
-  __name: "FieldDate",
-  props: {
-    modelValue: {
-      type: [Date, Object],
-      default: null
-    },
-    label: {
-      type: String,
-      default: null
-    },
-    placeholder: {
-      type: String,
-      default: "Select date"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    allowRange: {
-      type: Boolean,
-      default: false
-    },
-    enableTime: {
-      type: Boolean,
-      default: false
-    },
-    disablePastDates: {
-      type: Boolean,
-      default: false
-    },
-    disabledRanges: {
-      type: Array,
-      default: () => []
-    },
-    availabilityData: {
-      type: Array,
-      default: () => []
-    },
-    showAvailability: {
-      type: Boolean,
-      default: false
-    },
-    lowAvailabilityThreshold: {
-      type: Number,
-      default: 3
-    },
-    requiredQuantity: {
-      type: Number,
-      default: 1
-    },
-    locale: {
-      type: String,
-      default: "en"
-    },
-    showSelected: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const isCalendarOpen = vue.ref(false);
-    const dateValue = vue.computed({
-      get: () => props.modelValue,
-      set: (value) => {
-        emit("update:modelValue", value);
-        if (props.showSelected) return;
-        if (!props.allowRange) {
-          closeCalendar();
-        }
-        if (props.allowRange && value?.start && value?.end) {
-          closeCalendar();
-        }
-      }
-    });
-    const formattedDate = vue.computed(() => {
-      if (!props.modelValue) return "";
-      const formatDate = (date) => {
-        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();
-        if (props.enableTime) {
-          const hours = String(d.getHours()).padStart(2, "0");
-          const minutes = String(d.getMinutes()).padStart(2, "0");
-          return `${hours}:${minutes}, ${day}.${month}.${year}`;
-        }
-        return `${day}.${month}.${year}`;
-      };
-      if (props.allowRange && props.modelValue?.start) {
-        const start = formatDate(props.modelValue.start);
-        const end = props.modelValue.end ? formatDate(props.modelValue.end) : "...";
-        return `${start} - ${end}`;
-      }
-      return formatDate(props.modelValue);
-    });
-    function toggleCalendar() {
-      if (props.disabled) return;
-      isCalendarOpen.value = !isCalendarOpen.value;
-    }
-    function closeCalendar() {
-      isCalendarOpen.value = false;
-    }
-    function handleSelect() {
-      closeCalendar();
-    }
-    function handleCancel() {
-      closeCalendar();
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([
-          _ctx.$attrs.class,
-          "field-date field-wrapper pos-relative",
-          { "focus-within": isCalendarOpen.value }
-        ])
-      }, [
-        vue.createElementVNode("div", {
-          onClick: toggleCalendar,
-          class: "flex-center flex-nowrap flex cursor-pointer"
-        }, [
-          __props.label ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.label), 1)
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_3, [
-            formattedDate.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(formattedDate.value), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(__props.placeholder), 1))
-          ])
-        ]),
-        isCalendarOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-          vue.createVNode(Calendar.default, {
-            date: dateValue.value,
-            "onUpdate:date": _cache[0] || (_cache[0] = ($event) => dateValue.value = $event),
-            allowRange: __props.allowRange,
-            disabled: __props.disabled,
-            enableTime: __props.enableTime,
-            disablePastDates: __props.disablePastDates,
-            disabledRanges: __props.disabledRanges,
-            availabilityData: __props.availabilityData,
-            showAvailability: __props.showAvailability,
-            lowAvailabilityThreshold: __props.lowAvailabilityThreshold,
-            requiredQuantity: __props.requiredQuantity,
-            locale: __props.locale,
-            showSelected: __props.showSelected,
-            onSelect: handleSelect,
-            onCancel: handleCancel,
-            class: "radius-medium w-100 o-hidden bg-white"
-          }, null, 8, ["date", "allowRange", "disabled", "enableTime", "disablePastDates", "disabledRanges", "availabilityData", "showAvailability", "lowAvailabilityThreshold", "requiredQuantity", "locale", "showSelected"])
-        ])) : vue.createCommentVNode("", true)
-      ], 2);
-    };
-  }
-};
-const FieldDate = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4076d2e3"]]);
-exports.default = FieldDate;
-//# sourceMappingURL=FieldDate.vue.cjs.map

package/dist/martyrs/src/components/FieldDate/FieldDate.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldDate.vue.cjs","sources":["../../../../../src/components/FieldDate/FieldDate.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      $attrs.class,\n      'field-date field-wrapper pos-relative',\n      { 'focus-within': isCalendarOpen }\n    ]\"\n  >\n    <div\n      @click=\"toggleCalendar\"\n      class=\"flex-center flex-nowrap flex cursor-pointer\"\n    >\n      <div\n        v-if=\"label\"\n        class=\"t-transp mn-r-small\"\n      >\n        <span class=\"t-nowrap\">\n          {{ label }}\n        </span>\n      </div>\n\n      <div class=\"w-100\">\n        <span v-if=\"formattedDate\" class=\"t-black\">{{ formattedDate }}</span>\n        <span v-else class=\"t-transp\">{{ placeholder }}</span>\n      </div>\n    </div>\n\n    <div\n      v-if=\"isCalendarOpen\"\n      class=\"field-date__dropdown pos-absolute w-100\"\n    >\n      <Calendar\n        v-model:date=\"dateValue\"\n        :allowRange=\"allowRange\"\n        :disabled=\"disabled\"\n        :enableTime=\"enableTime\"\n        :disablePastDates=\"disablePastDates\"\n        :disabledRanges=\"disabledRanges\"\n        :availabilityData=\"availabilityData\"\n        :showAvailability=\"showAvailability\"\n        :lowAvailabilityThreshold=\"lowAvailabilityThreshold\"\n        :requiredQuantity=\"requiredQuantity\"\n        :locale=\"locale\"\n        :showSelected=\"showSelected\"\n        @select=\"handleSelect\"\n        @cancel=\"handleCancel\"\n        class=\"radius-medium w-100 o-hidden bg-white\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport Calendar from '@martyrs/src/components/Calendar/Calendar.vue';\n\nconst props = defineProps({\n  modelValue: {\n    type: [Date, Object],\n    default: null\n  },\n  label: {\n    type: String,\n    default: null\n  },\n  placeholder: {\n    type: String,\n    default: 'Select date'\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  allowRange: {\n    type: Boolean,\n    default: false\n  },\n  enableTime: {\n    type: Boolean,\n    default: false\n  },\n  disablePastDates: {\n    type: Boolean,\n    default: false\n  },\n  disabledRanges: {\n    type: Array,\n    default: () => []\n  },\n  availabilityData: {\n    type: Array,\n    default: () => []\n  },\n  showAvailability: {\n    type: Boolean,\n    default: false\n  },\n  lowAvailabilityThreshold: {\n    type: Number,\n    default: 3\n  },\n  requiredQuantity: {\n    type: Number,\n    default: 1\n  },\n  locale: {\n    type: String,\n    default: 'en'\n  },\n  showSelected: {\n    type: Boolean,\n    default: false\n  }\n});\n\nconst emit = defineEmits(['update:modelValue']);\n\nconst isCalendarOpen = ref(false);\n\nconst dateValue = computed({\n  get: () => props.modelValue,\n  set: (value) => {\n    emit('update:modelValue', value);\n\n    // If showSelected is enabled, don't auto-close - user must click select/cancel\n    if (props.showSelected) return;\n\n    // Close calendar after single date selection\n    if (!props.allowRange) {\n      closeCalendar();\n    }\n    // Close calendar after range end date selection\n    if (props.allowRange && value?.start && value?.end) {\n      closeCalendar();\n    }\n  }\n});\n\nconst formattedDate = computed(() => {\n  if (!props.modelValue) return '';\n\n  const formatDate = (date) => {\n    if (!date) return '';\n    const d = new Date(date);\n    const day = String(d.getDate()).padStart(2, '0');\n    const month = String(d.getMonth() + 1).padStart(2, '0');\n    const year = d.getFullYear();\n\n    if (props.enableTime) {\n      const hours = String(d.getHours()).padStart(2, '0');\n      const minutes = String(d.getMinutes()).padStart(2, '0');\n      return `${hours}:${minutes}, ${day}.${month}.${year}`;\n    }\n\n    return `${day}.${month}.${year}`;\n  };\n\n  if (props.allowRange && props.modelValue?.start) {\n    const start = formatDate(props.modelValue.start);\n    const end = props.modelValue.end ? formatDate(props.modelValue.end) : '...';\n    return `${start} - ${end}`;\n  }\n\n  return formatDate(props.modelValue);\n});\n\nfunction toggleCalendar() {\n  if (props.disabled) return;\n  isCalendarOpen.value = !isCalendarOpen.value;\n}\n\nfunction closeCalendar() {\n  isCalendarOpen.value = false;\n}\n\nfunction handleSelect() {\n  closeCalendar();\n}\n\nfunction handleCancel() {\n  closeCalendar();\n}\n</script>\n\n<style scoped>\n.field-date__dropdown {\n  top: calc(100% + 0.5rem);\n  left: 0;\n  z-index: 1000;\n}\n</style>\n"],"names":["ref","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,UAAM,QAAQ;AA2Dd,UAAM,OAAO;AAEb,UAAM,iBAAiBA,IAAAA,IAAI,KAAK;AAEhC,UAAM,YAAYC,IAAAA,SAAS;AAAA,MACzB,KAAK,MAAM,MAAM;AAAA,MACjB,KAAK,CAAC,UAAU;AACd,aAAK,qBAAqB,KAAK;AAG/B,YAAI,MAAM,aAAc;AAGxB,YAAI,CAAC,MAAM,YAAY;AACrB,wBAAa;AAAA,QACf;AAEA,YAAI,MAAM,cAAc,OAAO,SAAS,OAAO,KAAK;AAClD,wBAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,gBAAgBA,IAAAA,SAAS,MAAM;AACnC,UAAI,CAAC,MAAM,WAAY,QAAO;AAE9B,YAAM,aAAa,CAAC,SAAS;AAC3B,YAAI,CAAC,KAAM,QAAO;AAClB,cAAM,IAAI,IAAI,KAAK,IAAI;AACvB,cAAM,MAAM,OAAO,EAAE,QAAO,CAAE,EAAE,SAAS,GAAG,GAAG;AAC/C,cAAM,QAAQ,OAAO,EAAE,SAAQ,IAAK,CAAC,EAAE,SAAS,GAAG,GAAG;AACtD,cAAM,OAAO,EAAE,YAAW;AAE1B,YAAI,MAAM,YAAY;AACpB,gBAAM,QAAQ,OAAO,EAAE,SAAQ,CAAE,EAAE,SAAS,GAAG,GAAG;AAClD,gBAAM,UAAU,OAAO,EAAE,WAAU,CAAE,EAAE,SAAS,GAAG,GAAG;AACtD,iBAAO,GAAG,KAAK,IAAI,OAAO,KAAK,GAAG,IAAI,KAAK,IAAI,IAAI;AAAA,QACrD;AAEA,eAAO,GAAG,GAAG,IAAI,KAAK,IAAI,IAAI;AAAA,MAChC;AAEA,UAAI,MAAM,cAAc,MAAM,YAAY,OAAO;AAC/C,cAAM,QAAQ,WAAW,MAAM,WAAW,KAAK;AAC/C,cAAM,MAAM,MAAM,WAAW,MAAM,WAAW,MAAM,WAAW,GAAG,IAAI;AACtE,eAAO,GAAG,KAAK,MAAM,GAAG;AAAA,MAC1B;AAEA,aAAO,WAAW,MAAM,UAAU;AAAA,IACpC,CAAC;AAED,aAAS,iBAAiB;AACxB,UAAI,MAAM,SAAU;AACpB,qBAAe,QAAQ,CAAC,eAAe;AAAA,IACzC;AAEA,aAAS,gBAAgB;AACvB,qBAAe,QAAQ;AAAA,IACzB;AAEA,aAAS,eAAe;AACtB,oBAAa;AAAA,IACf;AAEA,aAAS,eAAe;AACtB,oBAAa;AAAA,IACf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}