admins-components 9.0.79 → 9.0.81

package/dist/admins-components21.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components21.js","names":[],"sources":["../src/components/DateRangePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PickedUtcRange } from '@/types/types'\nimport type { DateRangePickerConfig } from '@/types/datepickers'\nimport { dateRangePickerConfigDefaults } from '@/types/datepickers'\n\nexport type { PickedUtcRange, DateRangePickerConfig }\nexport { dateRangePickerConfigDefaults }\n\nexport interface DateRangePickerProps {\n  modelValue?: PickedUtcRange | null\n  config?: DateRangePickerConfig\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, useId } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport Button from '@/components/Button.vue'\nimport { localToUTCString, formatDate, endOfDay, laterOf, earlierOf } from '@/utils/date'\nimport {\n  predefinedRanges,\n  applyPredefinedRange,\n  matchPredefinedRange,\n  isPredefinedRangeInBounds,\n  canStepInBounds,\n  type PredefinedRangeKey,\n} from '@/utils/predefinedDateRange'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\n\nimport type { PickedDate } from '@/types/types'\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  modelValue: null,\n  config: () => ({ ...dateRangePickerConfigDefaults }),\n})\n\nconst emit = defineEmits<{ 'update:modelValue': [value: PickedUtcRange | null] }>()\n\nconst tempId = `drp-input-${useId()}`\n\nconst innerConfig = computed(() => ({ ...dateRangePickerConfigDefaults, ...props.config }))\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  isOutsideClick: (e, wrapperEl, dropdownEl) => {\n    const target = e.target as Node\n    return (\n      !(wrapperEl?.contains(target) ?? false) &&\n      !(dropdownEl?.contains(target) ?? false) &&\n      !(target instanceof Element && target.closest('.c-dropdown'))\n    )\n  },\n})\n\nfunction toPicked(utc: string | null): PickedDate | null {\n  return utc ? { local: new Date(utc), utc } : null\n}\n\nfunction makePicked(date: Date): PickedDate {\n  return { local: date, utc: localToUTCString(date, innerConfig.value.showTime) }\n}\n\nfunction endOfDayPicked(picked: PickedDate): PickedDate {\n  return picked.local ? makePicked(endOfDay(picked.local)) : picked\n}\n\nconst format = computed(\n  () =>\n    innerConfig.value.format ?? (innerConfig.value.showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'),\n)\n\nfunction formatUtc(utc: string | null | undefined): string {\n  return utc ? formatDate(new Date(utc), format.value) : '...'\n}\n\nconst bufferFrom = ref<PickedDate | null>(toPicked(props.modelValue?.fromUtc ?? null))\nconst bufferTo = ref<PickedDate | null>(toPicked(props.modelValue?.toUtc ?? null))\nconst displayFrom = ref<string | null>(props.modelValue?.fromUtc ?? null)\nconst displayTo = ref<string | null>(props.modelValue?.toUtc ?? null)\n\nconst hasValue = computed(() => displayFrom.value != null || displayTo.value != null)\nconst minTo = computed(() => bufferFrom.value?.local ?? null)\nconst maxFrom = computed(() => bufferTo.value?.local ?? null)\n\nconst fromMinDate = computed(() => innerConfig.value.minDate ?? null)\nconst fromMaxDate = computed(() =>\n  earlierOf(innerConfig.value.maxDate ?? null, maxFrom.value ?? null),\n)\n\nconst toMinDate = computed(() => laterOf(innerConfig.value.minDate ?? null, minTo.value ?? null))\nconst toMaxDate = computed(() => innerConfig.value.maxDate ?? null)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    const from = val?.fromUtc ?? null\n    const to = val?.toUtc ?? null\n    bufferFrom.value = toPicked(from)\n    bufferTo.value = toPicked(to)\n    displayFrom.value = from\n    displayTo.value = to\n  },\n)\n\nwatch(isOpen, (open) => {\n  if (!open) return\n  if (innerConfig.value.lazy) {\n    bufferFrom.value = toPicked(displayFrom.value)\n    bufferTo.value = toPicked(displayTo.value)\n  }\n})\n\nfunction updateFrom(val: PickedDate | null) {\n  bufferFrom.value = val\n  if (val && !bufferTo.value)\n    bufferTo.value = innerConfig.value.showTime ? endOfDayPicked(val) : val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction updateTo(val: PickedDate | null) {\n  bufferTo.value = val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction emitCurrent() {\n  const fromUtc = bufferFrom.value?.utc ?? null\n  let toUtc = bufferTo.value?.utc ?? null\n\n  if (toUtc && !innerConfig.value.showTime && bufferTo.value?.local) {\n    const toAtEndOfDay = endOfDay(bufferTo.value.local)\n    toUtc = localToUTCString(toAtEndOfDay, true)\n  }\n\n  displayFrom.value = fromUtc\n  displayTo.value = toUtc\n  emit('update:modelValue', fromUtc || toUtc ? { fromUtc, toUtc } : null)\n}\n\nfunction confirm() {\n  if (innerConfig.value.lazy) emitCurrent()\n  isOpen.value = false\n}\n\nfunction clear() {\n  bufferFrom.value = null\n  bufferTo.value = null\n  displayFrom.value = null\n  displayTo.value = null\n  emit('update:modelValue', null)\n}\n\nfunction clearBuffer() {\n  bufferFrom.value = null\n  bufferTo.value = null\n}\n\nfunction focusAndOpen() {\n  isOpen.value = true\n}\n\ndefineExpose({ focusAndOpen })\n\nfunction computeStepOffset(): number | null {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return null\n\n  const dayMs = 24 * 60 * 60 * 1000\n  return innerConfig.value.showTime\n    ? to.getTime() - from.getTime()\n    : (Math.round((to.getTime() - from.getTime()) / dayMs) + 1) * dayMs\n}\n\nconst canStepBack = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, -offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nconst canStepForward = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nfunction rangeStep(delta: number) {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return\n\n  const offset = computeStepOffset()\n  if (offset == null) return\n\n  const allowed = canStepInBounds(from, to, offset * delta, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n  if (!allowed) return\n\n  bufferFrom.value = makePicked(new Date(from.getTime() + offset * delta))\n  bufferTo.value = makePicked(new Date(to.getTime() + offset * delta))\n\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nconst activePredefinedRange = computed<PredefinedRangeKey | null>(() => {\n  const fromLocal = bufferFrom.value?.local\n  const toLocal = bufferTo.value?.local\n  if (!fromLocal || !toLocal) return null\n  return matchPredefinedRange(fromLocal, toLocal, { showTime: innerConfig.value.showTime ?? false })\n})\n\nconst predefinedRangeDisabled = computed<Record<PredefinedRangeKey, boolean>>(() => {\n  const bounds = {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  }\n  const out = {} as Record<PredefinedRangeKey, boolean>\n  for (const range of predefinedRanges) {\n    out[range.key] = !isPredefinedRangeInBounds(range.key, bounds)\n  }\n  return out\n})\n\nfunction pickPredefinedRange(key: PredefinedRangeKey) {\n  const { from, to } = applyPredefinedRange(key, { showTime: innerConfig.value.showTime ?? false })\n  bufferFrom.value = from\n  bufferTo.value = to\n  emitCurrent()\n\n  if (innerConfig.value.lazy) {\n    isOpen.value = false\n  }\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"wrapperRef\"\n      class=\"drp-wrapper\"\n      :class=\"{ 'drp-wrapper--compact': innerConfig.compact }\"\n    >\n      <div\n        class=\"c-input-row\"\n        :class=\"{\n          'c-input-row--sm': innerConfig.size === 'small',\n          'c-input-row--lg': innerConfig.size === 'large',\n          'c-input-row--focus': isOpen,\n        }\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <div class=\"drp-input\">\n          <template v-if=\"hasValue\">\n            <span class=\"c-truncate drp-input__single\"\n              >{{ formatUtc(displayFrom) }} – {{ formatUtc(displayTo) }}</span\n            >\n            <span class=\"drp-input__multi\">\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayFrom) }}</span>\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayTo) }}</span>\n            </span>\n          </template>\n          <span v-else class=\"c-placeholder drp-input__placeholder\"\n            >{{ innerConfig.placeholderFrom }} – {{ innerConfig.placeholderTo }}</span\n          >\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-icon-btn dp-clear c-icon-btn--clear\"\n          :class=\"{ 'c-icon-btn--hidden': !hasValue }\"\n          @click.stop=\"clear\"\n          aria-label=\"Törlés\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <button\n          v-if=\"innerConfig.showIcon\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--calendar\"\n          @click.stop=\"isOpen = !isOpen\"\n          aria-label=\"Naptár megnyitása\"\n        >\n          <i class=\"fa-regular fa-fw fa-calendar\"></i>\n        </button>\n      </div>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div\n            v-if=\"isOpen\"\n            ref=\"dropdownRef\"\n            class=\"c-dropdown drp-dropdown\"\n            :style=\"dropdownStyle\"\n          >\n            <div class=\"drp-pickers\">\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-from`\">{{\n                  innerConfig.placeholderFrom\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-from`\"\n                  :model-value=\"bufferFrom\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: fromMinDate,\n                    maxDate: fromMaxDate,\n                    placeholder: innerConfig.placeholderFrom,\n                  }\"\n                  @update:model-value=\"updateFrom\"\n                />\n              </div>\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-to`\">{{\n                  innerConfig.placeholderTo\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-to`\"\n                  :model-value=\"bufferTo\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: toMinDate,\n                    maxDate: toMaxDate,\n                    placeholder: innerConfig.placeholderTo,\n                  }\"\n                  @update:model-value=\"updateTo\"\n                />\n              </div>\n            </div>\n            <div v-if=\"innerConfig.showPresets\" class=\"drp-toolbar\">\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepBack\n                    ? 'Nem léphető tovább a minimum dátum miatt'\n                    : 'Intervallum mozgatása visszafelé'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-left\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--left\"\n                  :disabled=\"!canStepBack\"\n                  @click=\"rangeStep(-1)\"\n                />\n              </span>\n              <div class=\"predefined-ranges\">\n                <a\n                  v-for=\"range in predefinedRanges\"\n                  :key=\"range.key\"\n                  class=\"predefined-range\"\n                  :class=\"{\n                    'predefined-range--active': activePredefinedRange === range.key,\n                    'predefined-range--disabled': predefinedRangeDisabled[range.key],\n                  }\"\n                  :aria-disabled=\"predefinedRangeDisabled[range.key]\"\n                  @click=\"\n                    predefinedRangeDisabled[range.key] ? null : pickPredefinedRange(range.key)\n                  \"\n                >\n                  {{ range.label }}\n                </a>\n              </div>\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepForward\n                    ? 'Nem léphető tovább a maximum dátum miatt'\n                    : 'Intervallum mozgatása előre'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-right\"\n                  :disabled=\"!canStepForward\"\n                  @click=\"rangeStep(1)\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--right\"\n                />\n              </span>\n            </div>\n            <div\n              v-if=\"innerConfig.showClearButton || innerConfig.showOkButton || innerConfig.lazy\"\n              class=\"c-footer\"\n            >\n              <Button\n                v-if=\"innerConfig.showClearButton\"\n                label=\"Törlés\"\n                outline\n                @click=\"innerConfig.lazy ? clearBuffer() : clear()\"\n              />\n              <Button\n                v-if=\"innerConfig.showOkButton || innerConfig.lazy\"\n                label=\"OK\"\n                type=\"success\"\n                @click=\"confirm\"\n              />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components21.js","names":[],"sources":["../src/components/DateRangePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PickedUtcRange } from '@/types/types'\nimport type { DateRangePickerConfig } from '@/types/datepickers'\nimport { dateRangePickerConfigDefaults } from '@/types/datepickers'\n\nexport type { PickedUtcRange, DateRangePickerConfig }\nexport { dateRangePickerConfigDefaults }\n\nexport interface DateRangePickerProps {\n  modelValue?: PickedUtcRange | null\n  config?: DateRangePickerConfig\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, useId } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport Button from '@/components/Button.vue'\nimport { localToUTCString, formatDate, endOfDay, laterOf, earlierOf } from '@/utils/date'\nimport {\n  predefinedRanges,\n  applyPredefinedRange,\n  matchPredefinedRange,\n  isPredefinedRangeInBounds,\n  canStepInBounds,\n  type PredefinedRangeKey,\n} from '@/utils/predefinedDateRange'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\n\nimport type { PickedDate } from '@/types/types'\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  modelValue: null,\n  config: () => ({ ...dateRangePickerConfigDefaults }),\n})\n\nconst emit = defineEmits<{ 'update:modelValue': [value: PickedUtcRange | null] }>()\n\nconst tempId = `drp-input-${useId()}`\n\nconst innerConfig = computed(() => ({ ...dateRangePickerConfigDefaults, ...props.config }))\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  isOutsideClick: (e, wrapperEl, dropdownEl) => {\n    const target = e.target as Node\n    return (\n      !(wrapperEl?.contains(target) ?? false) &&\n      !(dropdownEl?.contains(target) ?? false) &&\n      !(target instanceof Element && target.closest('.c-dropdown'))\n    )\n  },\n})\n\nfunction toPicked(utc: string | null): PickedDate | null {\n  return utc ? { local: new Date(utc), utc } : null\n}\n\nfunction makePicked(date: Date): PickedDate {\n  return { local: date, utc: localToUTCString(date, innerConfig.value.showTime) }\n}\n\nfunction endOfDayPicked(picked: PickedDate): PickedDate {\n  return picked.local ? makePicked(endOfDay(picked.local)) : picked\n}\n\nconst format = computed(\n  () =>\n    innerConfig.value.format ?? (innerConfig.value.showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'),\n)\n\nfunction formatUtc(utc: string | null | undefined): string {\n  return utc ? formatDate(new Date(utc), format.value) : '...'\n}\n\nconst bufferFrom = ref<PickedDate | null>(toPicked(props.modelValue?.fromUtc ?? null))\nconst bufferTo = ref<PickedDate | null>(toPicked(props.modelValue?.toUtc ?? null))\nconst displayFrom = ref<string | null>(props.modelValue?.fromUtc ?? null)\nconst displayTo = ref<string | null>(props.modelValue?.toUtc ?? null)\n\nconst hasValue = computed(() => displayFrom.value != null || displayTo.value != null)\nconst minTo = computed(() => bufferFrom.value?.local ?? null)\nconst maxFrom = computed(() => bufferTo.value?.local ?? null)\n\nconst fromMinDate = computed(() => innerConfig.value.minDate ?? null)\nconst fromMaxDate = computed(() =>\n  earlierOf(innerConfig.value.maxDate ?? null, maxFrom.value ?? null),\n)\n\nconst toMinDate = computed(() => laterOf(innerConfig.value.minDate ?? null, minTo.value ?? null))\nconst toMaxDate = computed(() => innerConfig.value.maxDate ?? null)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    const from = val?.fromUtc ?? null\n    const to = val?.toUtc ?? null\n    bufferFrom.value = toPicked(from)\n    bufferTo.value = toPicked(to)\n    displayFrom.value = from\n    displayTo.value = to\n  },\n)\n\nwatch(isOpen, (open) => {\n  if (!open) return\n  if (innerConfig.value.lazy) {\n    bufferFrom.value = toPicked(displayFrom.value)\n    bufferTo.value = toPicked(displayTo.value)\n  }\n})\n\nfunction updateFrom(val: PickedDate | null) {\n  bufferFrom.value = val\n  if (val && !bufferTo.value)\n    bufferTo.value = innerConfig.value.showTime ? endOfDayPicked(val) : val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction updateTo(val: PickedDate | null) {\n  bufferTo.value = val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction emitCurrent() {\n  const fromUtc = bufferFrom.value?.utc ?? null\n  let toUtc = bufferTo.value?.utc ?? null\n\n  if (toUtc && !innerConfig.value.showTime && bufferTo.value?.local) {\n    const toAtEndOfDay = endOfDay(bufferTo.value.local)\n    toUtc = localToUTCString(toAtEndOfDay, true)\n  }\n\n  displayFrom.value = fromUtc\n  displayTo.value = toUtc\n  emit('update:modelValue', fromUtc || toUtc ? { fromUtc, toUtc } : null)\n}\n\nfunction confirm() {\n  if (innerConfig.value.lazy) emitCurrent()\n  isOpen.value = false\n}\n\nfunction clear() {\n  bufferFrom.value = null\n  bufferTo.value = null\n  displayFrom.value = null\n  displayTo.value = null\n  emit('update:modelValue', null)\n}\n\nfunction clearBuffer() {\n  bufferFrom.value = null\n  bufferTo.value = null\n}\n\nfunction focusAndOpen() {\n  isOpen.value = true\n}\n\ndefineExpose({ focusAndOpen })\n\nfunction computeStepOffset(): number | null {\n  const fromPickedRef = bufferFrom.value\n  const toPickedRef = bufferTo.value\n  if (!fromPickedRef?.local || !toPickedRef?.local) return null\n\n  const dayMs = 24 * 60 * 60 * 1000\n  const from = fromPickedRef.local\n  const to = toPickedRef.local\n\n  // \"Whole-day-aligned\" detection runs on local-clock fields because\n  // the user's intent is encoded in what they picked on the calendar:\n  // start of a day (00:00) and end of a day (23:59). UTC strings are\n  // not reliable for this check — a value the user picked at local\n  // 00:00 in a +02:00 timezone gets stored as `T22:00:00.000Z` of\n  // the previous day.\n  const fromMidnight = new Date(from)\n  fromMidnight.setHours(0, 0, 0, 0)\n  const toMidnight = new Date(to)\n  toMidnight.setHours(0, 0, 0, 0)\n  const fromIsStartOfDay = from.getTime() === fromMidnight.getTime()\n  const toIsEndOfDay = to.getTime() === toMidnight.getTime() + (23 * 60 + 59) * 60 * 1000\n\n  if (!innerConfig.value.showTime) {\n    // Date-only range: shift by the inclusive calendar-day count.\n    // For a single-day selection this is 1 day, for a 7-day range\n    // this is 7 days, etc.\n    const calendarDays = Math.round((toMidnight.getTime() - fromMidnight.getTime()) / dayMs) + 1\n    return calendarDays * dayMs\n  }\n\n  if (fromIsStartOfDay && toIsEndOfDay) {\n    // \"Whole-day-aligned\" time range (e.g. 00:00 → 23:59, possibly\n    // spanning multiple days). Shift by the inclusive calendar-day\n    // count, so a single full day shifts by 24h and a 7-day span\n    // shifts by 7 × 24h.\n    const calendarDays = Math.round((toMidnight.getTime() - fromMidnight.getTime()) / dayMs) + 1\n    return calendarDays * dayMs\n  }\n\n  // Otherwise the range is partial (e.g. 10:00 → 12:45 on the same\n  // day, or 00:00 → 10:00 on the same day). Shift by the exact\n  // duration so the new range starts where the old one ended.\n  return to.getTime() - from.getTime()\n}\n\nconst canStepBack = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, -offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nconst canStepForward = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nfunction rangeStep(delta: number) {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return\n\n  const offset = computeStepOffset()\n  if (offset == null) return\n\n  const allowed = canStepInBounds(from, to, offset * delta, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n  if (!allowed) return\n\n  bufferFrom.value = makePicked(new Date(from.getTime() + offset * delta))\n  bufferTo.value = makePicked(new Date(to.getTime() + offset * delta))\n\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nconst activePredefinedRange = computed<PredefinedRangeKey | null>(() => {\n  const fromLocal = bufferFrom.value?.local\n  const toLocal = bufferTo.value?.local\n  if (!fromLocal || !toLocal) return null\n  return matchPredefinedRange(fromLocal, toLocal, { showTime: innerConfig.value.showTime ?? false })\n})\n\nconst predefinedRangeDisabled = computed<Record<PredefinedRangeKey, boolean>>(() => {\n  const bounds = {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  }\n  const out = {} as Record<PredefinedRangeKey, boolean>\n  for (const range of predefinedRanges) {\n    out[range.key] = !isPredefinedRangeInBounds(range.key, bounds)\n  }\n  return out\n})\n\nfunction pickPredefinedRange(key: PredefinedRangeKey) {\n  const { from, to } = applyPredefinedRange(key, { showTime: innerConfig.value.showTime ?? false })\n  bufferFrom.value = from\n  bufferTo.value = to\n  emitCurrent()\n\n  if (innerConfig.value.lazy) {\n    isOpen.value = false\n  }\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"wrapperRef\"\n      class=\"drp-wrapper\"\n      :class=\"{ 'drp-wrapper--compact': innerConfig.compact }\"\n    >\n      <div\n        class=\"c-input-row\"\n        :class=\"{\n          'c-input-row--sm': innerConfig.size === 'small',\n          'c-input-row--lg': innerConfig.size === 'large',\n          'c-input-row--focus': isOpen,\n        }\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <div class=\"drp-input\">\n          <template v-if=\"hasValue\">\n            <span class=\"c-truncate drp-input__single\"\n              >{{ formatUtc(displayFrom) }} – {{ formatUtc(displayTo) }}</span\n            >\n            <span class=\"drp-input__multi\">\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayFrom) }}</span>\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayTo) }}</span>\n            </span>\n          </template>\n          <span v-else class=\"c-placeholder drp-input__placeholder\"\n            >{{ innerConfig.placeholderFrom }} – {{ innerConfig.placeholderTo }}</span\n          >\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-icon-btn dp-clear c-icon-btn--clear\"\n          :class=\"{ 'c-icon-btn--hidden': !hasValue }\"\n          @click.stop=\"clear\"\n          aria-label=\"Törlés\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <button\n          v-if=\"innerConfig.showIcon\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--calendar\"\n          @click.stop=\"isOpen = !isOpen\"\n          aria-label=\"Naptár megnyitása\"\n        >\n          <i class=\"fa-regular fa-fw fa-calendar\"></i>\n        </button>\n      </div>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div\n            v-if=\"isOpen\"\n            ref=\"dropdownRef\"\n            class=\"c-dropdown drp-dropdown\"\n            :style=\"dropdownStyle\"\n          >\n            <div class=\"drp-pickers\">\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-from`\">{{\n                  innerConfig.placeholderFrom\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-from`\"\n                  :model-value=\"bufferFrom\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: fromMinDate,\n                    maxDate: fromMaxDate,\n                    placeholder: innerConfig.placeholderFrom,\n                  }\"\n                  @update:model-value=\"updateFrom\"\n                />\n              </div>\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-to`\">{{\n                  innerConfig.placeholderTo\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-to`\"\n                  :model-value=\"bufferTo\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: toMinDate,\n                    maxDate: toMaxDate,\n                    placeholder: innerConfig.placeholderTo,\n                  }\"\n                  @update:model-value=\"updateTo\"\n                />\n              </div>\n            </div>\n            <div v-if=\"innerConfig.showPresets\" class=\"drp-toolbar\">\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepBack\n                    ? 'Nem léphető tovább a minimum dátum miatt'\n                    : 'Intervallum mozgatása visszafelé'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-left\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--left\"\n                  :disabled=\"!canStepBack\"\n                  @click=\"rangeStep(-1)\"\n                />\n              </span>\n              <div class=\"predefined-ranges\">\n                <a\n                  v-for=\"range in predefinedRanges\"\n                  :key=\"range.key\"\n                  class=\"predefined-range\"\n                  :class=\"{\n                    'predefined-range--active': activePredefinedRange === range.key,\n                    'predefined-range--disabled': predefinedRangeDisabled[range.key],\n                  }\"\n                  :aria-disabled=\"predefinedRangeDisabled[range.key]\"\n                  @click=\"\n                    predefinedRangeDisabled[range.key] ? null : pickPredefinedRange(range.key)\n                  \"\n                >\n                  {{ range.label }}\n                </a>\n              </div>\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepForward\n                    ? 'Nem léphető tovább a maximum dátum miatt'\n                    : 'Intervallum mozgatása előre'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-right\"\n                  :disabled=\"!canStepForward\"\n                  @click=\"rangeStep(1)\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--right\"\n                />\n              </span>\n            </div>\n            <div\n              v-if=\"innerConfig.showClearButton || innerConfig.showOkButton || innerConfig.lazy\"\n              class=\"c-footer\"\n            >\n              <Button\n                v-if=\"innerConfig.showClearButton\"\n                label=\"Törlés\"\n                outline\n                @click=\"innerConfig.lazy ? clearBuffer() : clear()\"\n              />\n              <Button\n                v-if=\"innerConfig.showOkButton || innerConfig.lazy\"\n                label=\"OK\"\n                type=\"success\"\n                @click=\"confirm\"\n              />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/admins-components22.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components22.js","names":[],"sources":["../src/components/DateRangePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PickedUtcRange } from '@/types/types'\nimport type { DateRangePickerConfig } from '@/types/datepickers'\nimport { dateRangePickerConfigDefaults } from '@/types/datepickers'\n\nexport type { PickedUtcRange, DateRangePickerConfig }\nexport { dateRangePickerConfigDefaults }\n\nexport interface DateRangePickerProps {\n  modelValue?: PickedUtcRange | null\n  config?: DateRangePickerConfig\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, useId } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport Button from '@/components/Button.vue'\nimport { localToUTCString, formatDate, endOfDay, laterOf, earlierOf } from '@/utils/date'\nimport {\n  predefinedRanges,\n  applyPredefinedRange,\n  matchPredefinedRange,\n  isPredefinedRangeInBounds,\n  canStepInBounds,\n  type PredefinedRangeKey,\n} from '@/utils/predefinedDateRange'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\n\nimport type { PickedDate } from '@/types/types'\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  modelValue: null,\n  config: () => ({ ...dateRangePickerConfigDefaults }),\n})\n\nconst emit = defineEmits<{ 'update:modelValue': [value: PickedUtcRange | null] }>()\n\nconst tempId = `drp-input-${useId()}`\n\nconst innerConfig = computed(() => ({ ...dateRangePickerConfigDefaults, ...props.config }))\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  isOutsideClick: (e, wrapperEl, dropdownEl) => {\n    const target = e.target as Node\n    return (\n      !(wrapperEl?.contains(target) ?? false) &&\n      !(dropdownEl?.contains(target) ?? false) &&\n      !(target instanceof Element && target.closest('.c-dropdown'))\n    )\n  },\n})\n\nfunction toPicked(utc: string | null): PickedDate | null {\n  return utc ? { local: new Date(utc), utc } : null\n}\n\nfunction makePicked(date: Date): PickedDate {\n  return { local: date, utc: localToUTCString(date, innerConfig.value.showTime) }\n}\n\nfunction endOfDayPicked(picked: PickedDate): PickedDate {\n  return picked.local ? makePicked(endOfDay(picked.local)) : picked\n}\n\nconst format = computed(\n  () =>\n    innerConfig.value.format ?? (innerConfig.value.showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'),\n)\n\nfunction formatUtc(utc: string | null | undefined): string {\n  return utc ? formatDate(new Date(utc), format.value) : '...'\n}\n\nconst bufferFrom = ref<PickedDate | null>(toPicked(props.modelValue?.fromUtc ?? null))\nconst bufferTo = ref<PickedDate | null>(toPicked(props.modelValue?.toUtc ?? null))\nconst displayFrom = ref<string | null>(props.modelValue?.fromUtc ?? null)\nconst displayTo = ref<string | null>(props.modelValue?.toUtc ?? null)\n\nconst hasValue = computed(() => displayFrom.value != null || displayTo.value != null)\nconst minTo = computed(() => bufferFrom.value?.local ?? null)\nconst maxFrom = computed(() => bufferTo.value?.local ?? null)\n\nconst fromMinDate = computed(() => innerConfig.value.minDate ?? null)\nconst fromMaxDate = computed(() =>\n  earlierOf(innerConfig.value.maxDate ?? null, maxFrom.value ?? null),\n)\n\nconst toMinDate = computed(() => laterOf(innerConfig.value.minDate ?? null, minTo.value ?? null))\nconst toMaxDate = computed(() => innerConfig.value.maxDate ?? null)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    const from = val?.fromUtc ?? null\n    const to = val?.toUtc ?? null\n    bufferFrom.value = toPicked(from)\n    bufferTo.value = toPicked(to)\n    displayFrom.value = from\n    displayTo.value = to\n  },\n)\n\nwatch(isOpen, (open) => {\n  if (!open) return\n  if (innerConfig.value.lazy) {\n    bufferFrom.value = toPicked(displayFrom.value)\n    bufferTo.value = toPicked(displayTo.value)\n  }\n})\n\nfunction updateFrom(val: PickedDate | null) {\n  bufferFrom.value = val\n  if (val && !bufferTo.value)\n    bufferTo.value = innerConfig.value.showTime ? endOfDayPicked(val) : val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction updateTo(val: PickedDate | null) {\n  bufferTo.value = val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction emitCurrent() {\n  const fromUtc = bufferFrom.value?.utc ?? null\n  let toUtc = bufferTo.value?.utc ?? null\n\n  if (toUtc && !innerConfig.value.showTime && bufferTo.value?.local) {\n    const toAtEndOfDay = endOfDay(bufferTo.value.local)\n    toUtc = localToUTCString(toAtEndOfDay, true)\n  }\n\n  displayFrom.value = fromUtc\n  displayTo.value = toUtc\n  emit('update:modelValue', fromUtc || toUtc ? { fromUtc, toUtc } : null)\n}\n\nfunction confirm() {\n  if (innerConfig.value.lazy) emitCurrent()\n  isOpen.value = false\n}\n\nfunction clear() {\n  bufferFrom.value = null\n  bufferTo.value = null\n  displayFrom.value = null\n  displayTo.value = null\n  emit('update:modelValue', null)\n}\n\nfunction clearBuffer() {\n  bufferFrom.value = null\n  bufferTo.value = null\n}\n\nfunction focusAndOpen() {\n  isOpen.value = true\n}\n\ndefineExpose({ focusAndOpen })\n\nfunction computeStepOffset(): number | null {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return null\n\n  const dayMs = 24 * 60 * 60 * 1000\n  return innerConfig.value.showTime\n    ? to.getTime() - from.getTime()\n    : (Math.round((to.getTime() - from.getTime()) / dayMs) + 1) * dayMs\n}\n\nconst canStepBack = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, -offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nconst canStepForward = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nfunction rangeStep(delta: number) {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return\n\n  const offset = computeStepOffset()\n  if (offset == null) return\n\n  const allowed = canStepInBounds(from, to, offset * delta, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n  if (!allowed) return\n\n  bufferFrom.value = makePicked(new Date(from.getTime() + offset * delta))\n  bufferTo.value = makePicked(new Date(to.getTime() + offset * delta))\n\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nconst activePredefinedRange = computed<PredefinedRangeKey | null>(() => {\n  const fromLocal = bufferFrom.value?.local\n  const toLocal = bufferTo.value?.local\n  if (!fromLocal || !toLocal) return null\n  return matchPredefinedRange(fromLocal, toLocal, { showTime: innerConfig.value.showTime ?? false })\n})\n\nconst predefinedRangeDisabled = computed<Record<PredefinedRangeKey, boolean>>(() => {\n  const bounds = {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  }\n  const out = {} as Record<PredefinedRangeKey, boolean>\n  for (const range of predefinedRanges) {\n    out[range.key] = !isPredefinedRangeInBounds(range.key, bounds)\n  }\n  return out\n})\n\nfunction pickPredefinedRange(key: PredefinedRangeKey) {\n  const { from, to } = applyPredefinedRange(key, { showTime: innerConfig.value.showTime ?? false })\n  bufferFrom.value = from\n  bufferTo.value = to\n  emitCurrent()\n\n  if (innerConfig.value.lazy) {\n    isOpen.value = false\n  }\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"wrapperRef\"\n      class=\"drp-wrapper\"\n      :class=\"{ 'drp-wrapper--compact': innerConfig.compact }\"\n    >\n      <div\n        class=\"c-input-row\"\n        :class=\"{\n          'c-input-row--sm': innerConfig.size === 'small',\n          'c-input-row--lg': innerConfig.size === 'large',\n          'c-input-row--focus': isOpen,\n        }\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <div class=\"drp-input\">\n          <template v-if=\"hasValue\">\n            <span class=\"c-truncate drp-input__single\"\n              >{{ formatUtc(displayFrom) }} – {{ formatUtc(displayTo) }}</span\n            >\n            <span class=\"drp-input__multi\">\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayFrom) }}</span>\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayTo) }}</span>\n            </span>\n          </template>\n          <span v-else class=\"c-placeholder drp-input__placeholder\"\n            >{{ innerConfig.placeholderFrom }} – {{ innerConfig.placeholderTo }}</span\n          >\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-icon-btn dp-clear c-icon-btn--clear\"\n          :class=\"{ 'c-icon-btn--hidden': !hasValue }\"\n          @click.stop=\"clear\"\n          aria-label=\"Törlés\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <button\n          v-if=\"innerConfig.showIcon\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--calendar\"\n          @click.stop=\"isOpen = !isOpen\"\n          aria-label=\"Naptár megnyitása\"\n        >\n          <i class=\"fa-regular fa-fw fa-calendar\"></i>\n        </button>\n      </div>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div\n            v-if=\"isOpen\"\n            ref=\"dropdownRef\"\n            class=\"c-dropdown drp-dropdown\"\n            :style=\"dropdownStyle\"\n          >\n            <div class=\"drp-pickers\">\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-from`\">{{\n                  innerConfig.placeholderFrom\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-from`\"\n                  :model-value=\"bufferFrom\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: fromMinDate,\n                    maxDate: fromMaxDate,\n                    placeholder: innerConfig.placeholderFrom,\n                  }\"\n                  @update:model-value=\"updateFrom\"\n                />\n              </div>\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-to`\">{{\n                  innerConfig.placeholderTo\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-to`\"\n                  :model-value=\"bufferTo\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: toMinDate,\n                    maxDate: toMaxDate,\n                    placeholder: innerConfig.placeholderTo,\n                  }\"\n                  @update:model-value=\"updateTo\"\n                />\n              </div>\n            </div>\n            <div v-if=\"innerConfig.showPresets\" class=\"drp-toolbar\">\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepBack\n                    ? 'Nem léphető tovább a minimum dátum miatt'\n                    : 'Intervallum mozgatása visszafelé'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-left\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--left\"\n                  :disabled=\"!canStepBack\"\n                  @click=\"rangeStep(-1)\"\n                />\n              </span>\n              <div class=\"predefined-ranges\">\n                <a\n                  v-for=\"range in predefinedRanges\"\n                  :key=\"range.key\"\n                  class=\"predefined-range\"\n                  :class=\"{\n                    'predefined-range--active': activePredefinedRange === range.key,\n                    'predefined-range--disabled': predefinedRangeDisabled[range.key],\n                  }\"\n                  :aria-disabled=\"predefinedRangeDisabled[range.key]\"\n                  @click=\"\n                    predefinedRangeDisabled[range.key] ? null : pickPredefinedRange(range.key)\n                  \"\n                >\n                  {{ range.label }}\n                </a>\n              </div>\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepForward\n                    ? 'Nem léphető tovább a maximum dátum miatt'\n                    : 'Intervallum mozgatása előre'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-right\"\n                  :disabled=\"!canStepForward\"\n                  @click=\"rangeStep(1)\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--right\"\n                />\n              </span>\n            </div>\n            <div\n              v-if=\"innerConfig.showClearButton || innerConfig.showOkButton || innerConfig.lazy\"\n              class=\"c-footer\"\n            >\n              <Button\n                v-if=\"innerConfig.showClearButton\"\n                label=\"Törlés\"\n                outline\n                @click=\"innerConfig.lazy ? clearBuffer() : clear()\"\n              />\n              <Button\n                v-if=\"innerConfig.showOkButton || innerConfig.lazy\"\n                label=\"OK\"\n                type=\"success\"\n                @click=\"confirm\"\n              />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components22.js","names":[],"sources":["../src/components/DateRangePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PickedUtcRange } from '@/types/types'\nimport type { DateRangePickerConfig } from '@/types/datepickers'\nimport { dateRangePickerConfigDefaults } from '@/types/datepickers'\n\nexport type { PickedUtcRange, DateRangePickerConfig }\nexport { dateRangePickerConfigDefaults }\n\nexport interface DateRangePickerProps {\n  modelValue?: PickedUtcRange | null\n  config?: DateRangePickerConfig\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, useId } from 'vue'\nimport DatePicker from '@/components/DatePicker.vue'\nimport Button from '@/components/Button.vue'\nimport { localToUTCString, formatDate, endOfDay, laterOf, earlierOf } from '@/utils/date'\nimport {\n  predefinedRanges,\n  applyPredefinedRange,\n  matchPredefinedRange,\n  isPredefinedRangeInBounds,\n  canStepInBounds,\n  type PredefinedRangeKey,\n} from '@/utils/predefinedDateRange'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\n\nimport type { PickedDate } from '@/types/types'\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  modelValue: null,\n  config: () => ({ ...dateRangePickerConfigDefaults }),\n})\n\nconst emit = defineEmits<{ 'update:modelValue': [value: PickedUtcRange | null] }>()\n\nconst tempId = `drp-input-${useId()}`\n\nconst innerConfig = computed(() => ({ ...dateRangePickerConfigDefaults, ...props.config }))\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  isOutsideClick: (e, wrapperEl, dropdownEl) => {\n    const target = e.target as Node\n    return (\n      !(wrapperEl?.contains(target) ?? false) &&\n      !(dropdownEl?.contains(target) ?? false) &&\n      !(target instanceof Element && target.closest('.c-dropdown'))\n    )\n  },\n})\n\nfunction toPicked(utc: string | null): PickedDate | null {\n  return utc ? { local: new Date(utc), utc } : null\n}\n\nfunction makePicked(date: Date): PickedDate {\n  return { local: date, utc: localToUTCString(date, innerConfig.value.showTime) }\n}\n\nfunction endOfDayPicked(picked: PickedDate): PickedDate {\n  return picked.local ? makePicked(endOfDay(picked.local)) : picked\n}\n\nconst format = computed(\n  () =>\n    innerConfig.value.format ?? (innerConfig.value.showTime ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'),\n)\n\nfunction formatUtc(utc: string | null | undefined): string {\n  return utc ? formatDate(new Date(utc), format.value) : '...'\n}\n\nconst bufferFrom = ref<PickedDate | null>(toPicked(props.modelValue?.fromUtc ?? null))\nconst bufferTo = ref<PickedDate | null>(toPicked(props.modelValue?.toUtc ?? null))\nconst displayFrom = ref<string | null>(props.modelValue?.fromUtc ?? null)\nconst displayTo = ref<string | null>(props.modelValue?.toUtc ?? null)\n\nconst hasValue = computed(() => displayFrom.value != null || displayTo.value != null)\nconst minTo = computed(() => bufferFrom.value?.local ?? null)\nconst maxFrom = computed(() => bufferTo.value?.local ?? null)\n\nconst fromMinDate = computed(() => innerConfig.value.minDate ?? null)\nconst fromMaxDate = computed(() =>\n  earlierOf(innerConfig.value.maxDate ?? null, maxFrom.value ?? null),\n)\n\nconst toMinDate = computed(() => laterOf(innerConfig.value.minDate ?? null, minTo.value ?? null))\nconst toMaxDate = computed(() => innerConfig.value.maxDate ?? null)\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    const from = val?.fromUtc ?? null\n    const to = val?.toUtc ?? null\n    bufferFrom.value = toPicked(from)\n    bufferTo.value = toPicked(to)\n    displayFrom.value = from\n    displayTo.value = to\n  },\n)\n\nwatch(isOpen, (open) => {\n  if (!open) return\n  if (innerConfig.value.lazy) {\n    bufferFrom.value = toPicked(displayFrom.value)\n    bufferTo.value = toPicked(displayTo.value)\n  }\n})\n\nfunction updateFrom(val: PickedDate | null) {\n  bufferFrom.value = val\n  if (val && !bufferTo.value)\n    bufferTo.value = innerConfig.value.showTime ? endOfDayPicked(val) : val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction updateTo(val: PickedDate | null) {\n  bufferTo.value = val\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nfunction emitCurrent() {\n  const fromUtc = bufferFrom.value?.utc ?? null\n  let toUtc = bufferTo.value?.utc ?? null\n\n  if (toUtc && !innerConfig.value.showTime && bufferTo.value?.local) {\n    const toAtEndOfDay = endOfDay(bufferTo.value.local)\n    toUtc = localToUTCString(toAtEndOfDay, true)\n  }\n\n  displayFrom.value = fromUtc\n  displayTo.value = toUtc\n  emit('update:modelValue', fromUtc || toUtc ? { fromUtc, toUtc } : null)\n}\n\nfunction confirm() {\n  if (innerConfig.value.lazy) emitCurrent()\n  isOpen.value = false\n}\n\nfunction clear() {\n  bufferFrom.value = null\n  bufferTo.value = null\n  displayFrom.value = null\n  displayTo.value = null\n  emit('update:modelValue', null)\n}\n\nfunction clearBuffer() {\n  bufferFrom.value = null\n  bufferTo.value = null\n}\n\nfunction focusAndOpen() {\n  isOpen.value = true\n}\n\ndefineExpose({ focusAndOpen })\n\nfunction computeStepOffset(): number | null {\n  const fromPickedRef = bufferFrom.value\n  const toPickedRef = bufferTo.value\n  if (!fromPickedRef?.local || !toPickedRef?.local) return null\n\n  const dayMs = 24 * 60 * 60 * 1000\n  const from = fromPickedRef.local\n  const to = toPickedRef.local\n\n  // \"Whole-day-aligned\" detection runs on local-clock fields because\n  // the user's intent is encoded in what they picked on the calendar:\n  // start of a day (00:00) and end of a day (23:59). UTC strings are\n  // not reliable for this check — a value the user picked at local\n  // 00:00 in a +02:00 timezone gets stored as `T22:00:00.000Z` of\n  // the previous day.\n  const fromMidnight = new Date(from)\n  fromMidnight.setHours(0, 0, 0, 0)\n  const toMidnight = new Date(to)\n  toMidnight.setHours(0, 0, 0, 0)\n  const fromIsStartOfDay = from.getTime() === fromMidnight.getTime()\n  const toIsEndOfDay = to.getTime() === toMidnight.getTime() + (23 * 60 + 59) * 60 * 1000\n\n  if (!innerConfig.value.showTime) {\n    // Date-only range: shift by the inclusive calendar-day count.\n    // For a single-day selection this is 1 day, for a 7-day range\n    // this is 7 days, etc.\n    const calendarDays = Math.round((toMidnight.getTime() - fromMidnight.getTime()) / dayMs) + 1\n    return calendarDays * dayMs\n  }\n\n  if (fromIsStartOfDay && toIsEndOfDay) {\n    // \"Whole-day-aligned\" time range (e.g. 00:00 → 23:59, possibly\n    // spanning multiple days). Shift by the inclusive calendar-day\n    // count, so a single full day shifts by 24h and a 7-day span\n    // shifts by 7 × 24h.\n    const calendarDays = Math.round((toMidnight.getTime() - fromMidnight.getTime()) / dayMs) + 1\n    return calendarDays * dayMs\n  }\n\n  // Otherwise the range is partial (e.g. 10:00 → 12:45 on the same\n  // day, or 00:00 → 10:00 on the same day). Shift by the exact\n  // duration so the new range starts where the old one ended.\n  return to.getTime() - from.getTime()\n}\n\nconst canStepBack = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, -offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nconst canStepForward = computed(() => {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return false\n  const offset = computeStepOffset()\n  if (offset == null) return false\n  return canStepInBounds(from, to, offset, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n})\n\nfunction rangeStep(delta: number) {\n  const from = bufferFrom.value?.local\n  const to = bufferTo.value?.local\n  if (!from || !to) return\n\n  const offset = computeStepOffset()\n  if (offset == null) return\n\n  const allowed = canStepInBounds(from, to, offset * delta, {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  })\n  if (!allowed) return\n\n  bufferFrom.value = makePicked(new Date(from.getTime() + offset * delta))\n  bufferTo.value = makePicked(new Date(to.getTime() + offset * delta))\n\n  if (!innerConfig.value.lazy) emitCurrent()\n}\n\nconst activePredefinedRange = computed<PredefinedRangeKey | null>(() => {\n  const fromLocal = bufferFrom.value?.local\n  const toLocal = bufferTo.value?.local\n  if (!fromLocal || !toLocal) return null\n  return matchPredefinedRange(fromLocal, toLocal, { showTime: innerConfig.value.showTime ?? false })\n})\n\nconst predefinedRangeDisabled = computed<Record<PredefinedRangeKey, boolean>>(() => {\n  const bounds = {\n    minDate: innerConfig.value.minDate ?? null,\n    maxDate: innerConfig.value.maxDate ?? null,\n    showTime: innerConfig.value.showTime ?? false,\n  }\n  const out = {} as Record<PredefinedRangeKey, boolean>\n  for (const range of predefinedRanges) {\n    out[range.key] = !isPredefinedRangeInBounds(range.key, bounds)\n  }\n  return out\n})\n\nfunction pickPredefinedRange(key: PredefinedRangeKey) {\n  const { from, to } = applyPredefinedRange(key, { showTime: innerConfig.value.showTime ?? false })\n  bufferFrom.value = from\n  bufferTo.value = to\n  emitCurrent()\n\n  if (innerConfig.value.lazy) {\n    isOpen.value = false\n  }\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div\n      ref=\"wrapperRef\"\n      class=\"drp-wrapper\"\n      :class=\"{ 'drp-wrapper--compact': innerConfig.compact }\"\n    >\n      <div\n        class=\"c-input-row\"\n        :class=\"{\n          'c-input-row--sm': innerConfig.size === 'small',\n          'c-input-row--lg': innerConfig.size === 'large',\n          'c-input-row--focus': isOpen,\n        }\"\n        @click=\"isOpen = !isOpen\"\n      >\n        <div class=\"drp-input\">\n          <template v-if=\"hasValue\">\n            <span class=\"c-truncate drp-input__single\"\n              >{{ formatUtc(displayFrom) }} – {{ formatUtc(displayTo) }}</span\n            >\n            <span class=\"drp-input__multi\">\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayFrom) }}</span>\n              <span class=\"c-truncate drp-input__line\">{{ formatUtc(displayTo) }}</span>\n            </span>\n          </template>\n          <span v-else class=\"c-placeholder drp-input__placeholder\"\n            >{{ innerConfig.placeholderFrom }} – {{ innerConfig.placeholderTo }}</span\n          >\n        </div>\n        <button\n          type=\"button\"\n          class=\"c-icon-btn dp-clear c-icon-btn--clear\"\n          :class=\"{ 'c-icon-btn--hidden': !hasValue }\"\n          @click.stop=\"clear\"\n          aria-label=\"Törlés\"\n        >\n          <i class=\"fa-solid fa-fw fa-xmark\"></i>\n        </button>\n        <button\n          v-if=\"innerConfig.showIcon\"\n          type=\"button\"\n          class=\"c-icon-btn c-icon-btn--calendar\"\n          @click.stop=\"isOpen = !isOpen\"\n          aria-label=\"Naptár megnyitása\"\n        >\n          <i class=\"fa-regular fa-fw fa-calendar\"></i>\n        </button>\n      </div>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div\n            v-if=\"isOpen\"\n            ref=\"dropdownRef\"\n            class=\"c-dropdown drp-dropdown\"\n            :style=\"dropdownStyle\"\n          >\n            <div class=\"drp-pickers\">\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-from`\">{{\n                  innerConfig.placeholderFrom\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-from`\"\n                  :model-value=\"bufferFrom\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: fromMinDate,\n                    maxDate: fromMaxDate,\n                    placeholder: innerConfig.placeholderFrom,\n                  }\"\n                  @update:model-value=\"updateFrom\"\n                />\n              </div>\n              <div class=\"drp-picker-group\">\n                <label class=\"drp-label\" :for=\"`${tempId}-to`\">{{\n                  innerConfig.placeholderTo\n                }}</label>\n                <DatePicker\n                  :id=\"`${tempId}-to`\"\n                  :model-value=\"bufferTo\"\n                  :config=\"{\n                    ...innerConfig,\n                    minDate: toMinDate,\n                    maxDate: toMaxDate,\n                    placeholder: innerConfig.placeholderTo,\n                  }\"\n                  @update:model-value=\"updateTo\"\n                />\n              </div>\n            </div>\n            <div v-if=\"innerConfig.showPresets\" class=\"drp-toolbar\">\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepBack\n                    ? 'Nem léphető tovább a minimum dátum miatt'\n                    : 'Intervallum mozgatása visszafelé'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-left\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--left\"\n                  :disabled=\"!canStepBack\"\n                  @click=\"rangeStep(-1)\"\n                />\n              </span>\n              <div class=\"predefined-ranges\">\n                <a\n                  v-for=\"range in predefinedRanges\"\n                  :key=\"range.key\"\n                  class=\"predefined-range\"\n                  :class=\"{\n                    'predefined-range--active': activePredefinedRange === range.key,\n                    'predefined-range--disabled': predefinedRangeDisabled[range.key],\n                  }\"\n                  :aria-disabled=\"predefinedRangeDisabled[range.key]\"\n                  @click=\"\n                    predefinedRangeDisabled[range.key] ? null : pickPredefinedRange(range.key)\n                  \"\n                >\n                  {{ range.label }}\n                </a>\n              </div>\n              <span\n                class=\"d-flex\"\n                v-tooltip=\"\n                  !canStepForward\n                    ? 'Nem léphető tovább a maximum dátum miatt'\n                    : 'Intervallum mozgatása előre'\n                \"\n              >\n                <Button\n                  icon=\"fa-solid fa-chevron-right\"\n                  :disabled=\"!canStepForward\"\n                  @click=\"rangeStep(1)\"\n                  class=\"drp-toolbar__stepper drp-toolbar__stepper--right\"\n                />\n              </span>\n            </div>\n            <div\n              v-if=\"innerConfig.showClearButton || innerConfig.showOkButton || innerConfig.lazy\"\n              class=\"c-footer\"\n            >\n              <Button\n                v-if=\"innerConfig.showClearButton\"\n                label=\"Törlés\"\n                outline\n                @click=\"innerConfig.lazy ? clearBuffer() : clear()\"\n              />\n              <Button\n                v-if=\"innerConfig.showOkButton || innerConfig.lazy\"\n                label=\"OK\"\n                type=\"success\"\n                @click=\"confirm\"\n              />\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/admins-components38.js

@@ -1,6 +1,6 @@
-import { Teleport as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, onMounted as o, onUnmounted as s, openBlock as c, renderSlot as l, toDisplayString as u } from "vue";
+import { Teleport as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onMounted as s, onUnmounted as c, openBlock as l, renderSlot as u, toDisplayString as d } from "vue";
 //#region src/components/Modal.vue?vue&type=script&setup=true&lang.ts
-var d = { class: "ac-component" }, f = { class: "c-modal" }, p = {
+var f = { class: "ac-component" }, p = {
 	key: 0,
 	class: "c-modal-header"
 }, m = { class: "c-modal-title" }, h = { class: "c-modal-body c-scroll" }, g = {
@@ -8,7 +8,10 @@ var d = { class: "ac-component" }, f = { class: "c-modal" }, p = {
 	class: "c-modal-footer"
 }, _ = /*@__PURE__*/ a({
 	__name: "Modal",
-	props: { title: {} },
+	props: {
+		title: {},
+		modalClass: {}
+	},
 	emits: ["close"],
 	setup(a, { emit: _ }) {
 		let v = _;
@@ -18,22 +21,22 @@ var d = { class: "ac-component" }, f = { class: "c-modal" }, p = {
 		function b(e) {
 			e.key === "Escape" && v("close");
 		}
-		return o(() => {
+		return s(() => {
 			document.addEventListener("keydown", b);
-		}), s(() => {
+		}), c(() => {
 			document.removeEventListener("keydown", b);
-		}), (o, s) => (c(), t(e, { to: "body" }, [i("div", d, [i("div", {
+		}), (s, c) => (l(), t(e, { to: "body" }, [i("div", f, [i("div", {
 			class: "c-modal-backdrop",
 			onMousedown: y
-		}, [i("div", f, [
-			a.title ? (c(), r("div", p, [i("h3", m, u(a.title), 1), i("button", {
+		}, [i("div", { class: o(["c-modal", a.modalClass]) }, [
+			a.title ? (l(), r("div", p, [i("h3", m, d(a.title), 1), i("button", {
 				type: "button",
 				class: "c-modal-close",
-				onClick: s[0] ||= (e) => v("close")
-			}, [...s[1] ||= [i("i", { class: "fa-solid fa-xmark" }, null, -1)]])])) : n("", !0),
-			i("div", h, [l(o.$slots, "default")]),
-			o.$slots.footer ? (c(), r("div", g, [l(o.$slots, "footer")])) : n("", !0)
-		])], 32)])]));
+				onClick: c[0] ||= (e) => v("close")
+			}, [...c[1] ||= [i("i", { class: "fa-solid fa-xmark" }, null, -1)]])])) : n("", !0),
+			i("div", h, [u(s.$slots, "default")]),
+			s.$slots.footer ? (l(), r("div", g, [u(s.$slots, "footer")])) : n("", !0)
+		], 2)], 32)])]));
 	}
 });
 //#endregion

package/dist/admins-components38.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components38.js","names":["$slots"],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div class=\"c-modal\">\n          <div class=\"c-modal-header\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;EAWA,IAAM,IAAO;EAIb,SAAS,EAAgB,GAAe;GACtC,AAAI,EAAE,WAAW,EAAE,iBACjB,EAAK,OAAO;EAEhB;EAEA,SAAS,EAAU,GAAkB;GACnC,AAAI,EAAE,QAAQ,YACZ,EAAK,OAAO;EAEhB;SAEA,QAAgB;GACd,SAAS,iBAAiB,WAAW,CAAS;EAChD,CAAC,GAED,QAAkB;GAChB,SAAS,oBAAoB,WAAW,CAAS;EACnD,CAAC,cAIC,EAAA,GAAA,EAmBW,GAAA,EAnBD,IAAG,OAAM,GAAA,CACjB,EAiBM,OAjBN,GAiBM,CAhBJ,EAeM,OAAA;GAfD,OAAM;GAAoB,aAAW;EACxC,GAAA,CAAA,EAaM,OAbN,GAaM;GAZ8B,EAAA,SAAlC,EAAA,GAAA,EAKM,OALN,GAKM,CAJJ,EAA0C,MAA1C,GAA0C,EAAb,EAAA,KAAK,GAAA,CAAA,GAClC,EAES,UAAA;IAFD,MAAK;IAAS,OAAM;IAAiB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;GACtD,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAiC,KAAA,EAA9B,OAAM,oBAAmB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGhC,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAlB,EAAA,GAAA,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"admins-components38.js","names":["$slots"],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n  modalClass?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div class=\"c-modal\" :class=\"modalClass\">\n          <div class=\"c-modal-header\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;EAYA,IAAM,IAAO;EAIb,SAAS,EAAgB,GAAe;GACtC,AAAI,EAAE,WAAW,EAAE,iBACjB,EAAK,OAAO;EAEhB;EAEA,SAAS,EAAU,GAAkB;GACnC,AAAI,EAAE,QAAQ,YACZ,EAAK,OAAO;EAEhB;SAEA,QAAgB;GACd,SAAS,iBAAiB,WAAW,CAAS;EAChD,CAAC,GAED,QAAkB;GAChB,SAAS,oBAAoB,WAAW,CAAS;EACnD,CAAC,cAIC,EAAA,GAAA,EAmBW,GAAA,EAnBD,IAAG,OAAM,GAAA,CACjB,EAiBM,OAjBN,GAiBM,CAhBJ,EAeM,OAAA;GAfD,OAAM;GAAoB,aAAW;EACxC,GAAA,CAAA,EAaM,OAAA,EAbD,OAAK,EAAA,CAAC,WAAkB,EAAA,UAAU,CAAA,EAAA,GAAA;GACH,EAAA,SAAlC,EAAA,GAAA,EAKM,OALN,GAKM,CAJJ,EAA0C,MAA1C,GAA0C,EAAb,EAAA,KAAK,GAAA,CAAA,GAClC,EAES,UAAA;IAFD,MAAK;IAAS,OAAM;IAAiB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,OAAA;GACtD,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAiC,KAAA,EAA9B,OAAM,oBAAmB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGhC,EAEM,OAFN,GAEM,CADJ,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA;GAECA,EAAAA,OAAO,UAAlB,EAAA,GAAA,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,QAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist/admins-components40.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components40.js","names":[],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div class=\"c-modal\">\n          <div class=\"c-modal-header\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components40.js","names":[],"sources":["../src/components/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ModalProps {\n  title?: string\n  modalClass?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted } from 'vue'\n\ndefineProps<ModalProps>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nfunction onBackdropClick(e: MouseEvent) {\n  if (e.target === e.currentTarget) {\n    emit('close')\n  }\n}\n\nfunction onKeydown(e: KeyboardEvent) {\n  if (e.key === 'Escape') {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', onKeydown)\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', onKeydown)\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div class=\"ac-component\">\n      <div class=\"c-modal-backdrop\" @mousedown=\"onBackdropClick\">\n        <div class=\"c-modal\" :class=\"modalClass\">\n          <div class=\"c-modal-header\" v-if=\"title\">\n            <h3 class=\"c-modal-title\">{{ title }}</h3>\n            <button type=\"button\" class=\"c-modal-close\" @click=\"emit('close')\">\n              <i class=\"fa-solid fa-xmark\"></i>\n            </button>\n          </div>\n          <div class=\"c-modal-body c-scroll\">\n            <slot />\n          </div>\n          <div v-if=\"$slots.footer\" class=\"c-modal-footer\">\n            <slot name=\"footer\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </Teleport>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/modal.scss\"></style>\n"],"mappings":""}

package/dist/admins-components46.js

@@ -122,6 +122,7 @@ var y = { class: "ac-component" }, b = { class: "c-image-picker" }, x = { class:
 			}, null, 8, ["modelValue", "disabled"])
 		])) : a("", !0)], 2), L.value ? (p(), i(n, {
 			key: 0,
+			modalClass: "c-image-picker-modal",
 			onClose: d[3] ||= (e) => L.value = !1
 		}, {
 			default: _(() => [s("hvg-search-image", {

package/dist/admins-components46.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components46.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\nonMounted(() => {\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview-section\">\n          <div class=\"c-image-picker__preview\">\n            <img\n              v-if=\"hasImage\"\n              :src=\"imageUrl\"\n              :alt=\"local.title || 'Selected image'\"\n              class=\"c-image-picker__img\"\n            />\n            <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"c-image-picker__buttons\">\n            <Button\n              type=\"success\"\n              label=\"Kép kiválasztása\"\n              class=\"nowrap\"\n              @click=\"selectImage\"\n              icon=\"fa-solid fa-image\"\n            ></Button>\n            <Button\n              type=\"error\"\n              label=\"Eltávolítás\"\n              class=\"nowrap\"\n              @click=\"resetImage\"\n              icon=\"fa-solid fa-trash\"\n            ></Button>\n          </div>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <Checkbox v-model=\"local.isAdult\" label=\"Felnőtt tartalom\" :disabled=\"!editable\" />\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" @close=\"showImageModal = false\">\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":"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"}
+{"version":3,"file":"admins-components46.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\nonMounted(() => {\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview-section\">\n          <div class=\"c-image-picker__preview\">\n            <img\n              v-if=\"hasImage\"\n              :src=\"imageUrl\"\n              :alt=\"local.title || 'Selected image'\"\n              class=\"c-image-picker__img\"\n            />\n            <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"c-image-picker__buttons\">\n            <Button\n              type=\"success\"\n              label=\"Kép kiválasztása\"\n              class=\"nowrap\"\n              @click=\"selectImage\"\n              icon=\"fa-solid fa-image\"\n            ></Button>\n            <Button\n              type=\"error\"\n              label=\"Eltávolítás\"\n              class=\"nowrap\"\n              @click=\"resetImage\"\n              icon=\"fa-solid fa-trash\"\n            ></Button>\n          </div>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <Checkbox v-model=\"local.isAdult\" label=\"Felnőtt tartalom\" :disabled=\"!editable\" />\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" modalClass=\"c-image-picker-modal\" @close=\"showImageModal = false\" >\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":"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"}

package/dist/admins-components48.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components48.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\nonMounted(() => {\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview-section\">\n          <div class=\"c-image-picker__preview\">\n            <img\n              v-if=\"hasImage\"\n              :src=\"imageUrl\"\n              :alt=\"local.title || 'Selected image'\"\n              class=\"c-image-picker__img\"\n            />\n            <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"c-image-picker__buttons\">\n            <Button\n              type=\"success\"\n              label=\"Kép kiválasztása\"\n              class=\"nowrap\"\n              @click=\"selectImage\"\n              icon=\"fa-solid fa-image\"\n            ></Button>\n            <Button\n              type=\"error\"\n              label=\"Eltávolítás\"\n              class=\"nowrap\"\n              @click=\"resetImage\"\n              icon=\"fa-solid fa-trash\"\n            ></Button>\n          </div>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <Checkbox v-model=\"local.isAdult\" label=\"Felnőtt tartalom\" :disabled=\"!editable\" />\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" @close=\"showImageModal = false\">\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components48.js","names":[],"sources":["../src/components/custom/ImagePicker.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ImagePickerModel {\n  id: string\n  url: string\n  source: string\n  title: string\n  isAdult: boolean\n}\n\nexport interface ImagePickerProps {\n  modelValue?: ImagePickerModel\n  details?: boolean\n  editable?: boolean\n  direction?: 'horizontal' | 'vertical'\n  articleEditorUrl: string\n  environment: string\n  searchImageWidgetUrl: string\n  imageBaseUrl: string\n  imageViewId: string\n}\n\nconst defaultValue: ImagePickerModel = {\n  id: '',\n  url: '',\n  isAdult: false,\n  source: '',\n  title: '',\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, ref, watch } from 'vue'\nimport Modal from '@/components/Modal.vue'\nimport Button from '@/components/Button.vue'\nimport Checkbox from '@/components/Checkbox.vue'\n\nconst props = withDefaults(defineProps<ImagePickerProps>(), {\n  modelValue: undefined,\n  details: false,\n  editable: false,\n  direction: 'vertical',\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', v: ImagePickerModel): void\n}>()\n\nconst local = ref<ImagePickerModel>(defaultValue)\nconst showImageModal = ref(false)\n\nwatch(\n  () => local.value,\n  () => {\n    emit('update:modelValue', local.value)\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue) {\n      local.value = newValue\n    }\n  },\n  { deep: true, immediate: true },\n)\n\nconst uniqueId = (() => {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) return crypto.randomUUID()\n  return `ip-${Date.now()}-${Math.random().toString(36).slice(2)}`\n})()\n\nconst imageCausationId = `${uniqueId}-image-picker-causation`\n\nonMounted(() => {\n  if (!customElements.get('hvg-search-image')) {\n    if (!document.querySelector(`script[src=\"${props.searchImageWidgetUrl}\"]`)) {\n      const script = document.createElement('script')\n      script.type = 'text/javascript'\n      script.src = props.searchImageWidgetUrl\n      script.async = true\n      document.head.appendChild(script)\n    }\n  }\n})\n\nconst hasImage = computed(() => {\n  return (\n    local.value &&\n    ((local.value.url && local.value.url.length > 0) ||\n      (local.value.id && local.value.id.length > 0))\n  )\n})\n\nconst imageUrl = computed(() => {\n  if (!hasImage.value) return undefined\n  if (local.value.url && local.value.url.length > 0) return local.value.url\n  return `${props.imageBaseUrl}/${props.imageViewId}/${local.value.id}.img`\n})\n\nconst isHorizontal = computed(() => props.direction === 'horizontal')\n\nconst selectImage = (event: MouseEvent) => {\n  event.preventDefault()\n  showImageModal.value = true\n}\n\nconst resetImage = (event: MouseEvent) => {\n  event.preventDefault()\n  local.value = { ...defaultValue }\n}\n\nconst onImageSelected = (e: CustomEvent) => {\n  if (e?.detail?.causationid === imageCausationId) {\n    showImageModal.value = false\n\n    if (e.detail?.image) {\n      local.value = {\n        id: e.detail.image.id,\n        url: '',\n        isAdult: e.detail.image.isAdult,\n        source: e.detail.image.source,\n        title: e.detail.image.title,\n      }\n    }\n  }\n}\n\nonMounted(() => {\n  window.addEventListener('image-selected', onImageSelected as EventListener)\n})\n\nonUnmounted(() => {\n  window.removeEventListener('image-selected', onImageSelected as EventListener)\n})\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div class=\"c-image-picker\">\n      <div\n        class=\"c-image-picker__container\"\n        :class=\"{ 'c-image-picker__container--horizontal': isHorizontal }\"\n      >\n        <div class=\"c-image-picker__preview-section\">\n          <div class=\"c-image-picker__preview\">\n            <img\n              v-if=\"hasImage\"\n              :src=\"imageUrl\"\n              :alt=\"local.title || 'Selected image'\"\n              class=\"c-image-picker__img\"\n            />\n            <p v-else class=\"c-image-picker__placeholder\">Nincs kiválasztott kép</p>\n          </div>\n\n          <!-- Action Buttons -->\n          <div class=\"c-image-picker__buttons\">\n            <Button\n              type=\"success\"\n              label=\"Kép kiválasztása\"\n              class=\"nowrap\"\n              @click=\"selectImage\"\n              icon=\"fa-solid fa-image\"\n            ></Button>\n            <Button\n              type=\"error\"\n              label=\"Eltávolítás\"\n              class=\"nowrap\"\n              @click=\"resetImage\"\n              icon=\"fa-solid fa-trash\"\n            ></Button>\n          </div>\n        </div>\n\n        <!-- Details Section -->\n        <div v-if=\"details && local.id\" class=\"c-image-picker__details\">\n          <!-- Source Input -->\n          <div>\n            <label for=\"image-source\" class=\"c-label\">Forrás</label>\n            <div class=\"c-input-row\">\n              <input\n                v-model=\"local.source\"\n                id=\"image-source\"\n                type=\"text\"\n                class=\"c-input\"\n                placeholder=\"Kép forrása\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Title/Alt Text Input -->\n          <div>\n            <label for=\"image-title\" class=\"c-label\">Cím / Alt szöveg</label>\n            <div class=\"c-input-row\">\n              <textarea\n                v-model=\"local.title\"\n                id=\"image-title\"\n                class=\"c-input c-image-picker__textarea\"\n                placeholder=\"Cím vagy alt szöveg\"\n                :disabled=\"!editable\"\n              />\n            </div>\n          </div>\n\n          <!-- Adult Content Checkbox -->\n          <Checkbox v-model=\"local.isAdult\" label=\"Felnőtt tartalom\" :disabled=\"!editable\" />\n        </div>\n      </div>\n\n      <!-- Image Search Modal Dialog -->\n      <Modal v-if=\"showImageModal\" modalClass=\"c-image-picker-modal\" @close=\"showImageModal = false\" >\n        <hvg-search-image\n          :causationid=\"imageCausationId\"\n          :viewid=\"imageViewId\"\n          :environment=\"environment\"\n          :aeurl=\"articleEditorUrl\"\n          selectonly=\"true\"\n        />\n      </Modal>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/image-picker.scss\"></style>\n"],"mappings":""}

package/dist/admins-components60.js

@@ -4,7 +4,8 @@ var e = {
 	compact: !1
 }, t = { compact: !1 }, n = {
 	layout: "screen",
-	compact: !1
+	compact: !1,
+	filtersEager: !1
 };
 //#endregion
 export { t as dataCardsSettingsDefaults, n as dataListSettingsDefaults, e as dataTableSettingsDefaults };

package/dist/admins-components60.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components60.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup>\n  actionHeader?: string\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean\n  primary?: boolean\n  hideable?: boolean\n  defaultCardHeader?: boolean\n  label: string\n  property: string\n  sort?: Sort | boolean\n  type?: ColumnType\n  class?: string\n  headerClass?: string\n  hideCopyToClipboard?: boolean\n  hideHeader?: boolean\n\n  converter?: ((v: any, item: any) => any)\n  loading?: (() => boolean)\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  class?: string\n  config?: Record<string, any>\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n  callback: (item: any) => any\n  withConfirm?: boolean\n  withConfirmConfig?: (item: any) => ConfirmModalProps\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  class?: string\n  config?: Record<string, any>\n  items: Action[]\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n}\n"],"mappings":";AAyGA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;AACX"}
+{"version":3,"file":"admins-components60.js","names":[],"sources":["../src/types/data-list.ts"],"sourcesContent":["import type { DropdownOption } from '@/components/DropdownSelect.vue'\nimport type { PickedDate, PickedUtcRange } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\n\nexport type FilterValue = string | PickedDate | PickedUtcRange | string[] | null | undefined\n\nexport interface FilterConfig {\n  type: 'text' | 'date' | 'date-range' | 'select' | 'multi-select'\n  key: string\n  placeholder?: string\n  options?: DropdownOption[]\n}\n\nexport type LayoutMode = 'table' | 'cards' | 'screen'\n\nexport interface DataTableSettings {\n  striped: boolean\n  compact: boolean\n}\n\nexport interface DataCardsSettings {\n  compact: boolean\n}\n\nexport interface DataListSettings extends DataTableSettings, DataCardsSettings {\n  layout: LayoutMode\n  columns: Record<string, boolean>\n  cardHeaderColumns: Record<string, boolean>\n  columnOrder: string[]\n  cardHeaderOrder: string[]\n  filtersEager: boolean\n}\n\nexport interface PageSettings {\n  page: number\n  pageSize: number\n}\n\nexport interface PaginatorSettings extends PageSettings {\n  total: number\n}\n\nexport interface DataListConfig {\n  selectableAttr?: string\n  columns: Column[]\n\n  actions?: Array<Action | ActionGroup>\n  actionHeader?: string\n}\n\nexport type ColumnType = 'normal' | 'uuid' | 'date' | 'datetime'\n\nexport interface Column {\n  visible?: boolean\n  primary?: boolean\n  hideable?: boolean\n  defaultCardHeader?: boolean\n  label: string\n  property: string\n  sort?: Sort | boolean\n  type?: ColumnType\n  class?: string\n  headerClass?: string\n  hideCopyToClipboard?: boolean\n  hideHeader?: boolean\n\n  converter?: (v: any, item: any) => any\n  loading?: () => boolean\n}\n\nexport type SortDirection = 'asc' | 'desc' | null\n\nexport interface Sort {\n  label: string\n  callback: (property: string, direction: SortDirection) => any\n}\n\nexport interface Action {\n  icon: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  type?: ButtonType\n  class?: string\n  config?: Record<string, any>\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n  callback: (item: any) => any\n  withConfirm?: boolean\n  withConfirmConfig?: (item: any) => ConfirmModalProps\n}\n\nexport interface ActionGroup {\n  isGroup: true\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  cardLabel?: string\n  class?: string\n  config?: Record<string, any>\n  items: Action[]\n  disabled?: (item: any) => boolean\n  hidden?: (item: any) => boolean\n}\n\nexport const dataTableSettingsDefaults: DataTableSettings = {\n  striped: true,\n  compact: false,\n}\n\nexport const dataCardsSettingsDefaults: DataCardsSettings = {\n  compact: false,\n}\n\nexport const dataListSettingsDefaults: Partial<DataListSettings> = {\n  layout: 'screen',\n  compact: false,\n  // Default is lazy / batched: the filter sidebar only emits when the\n  // user clicks \"Szűrés\". Users can opt into eager mode via the\n  // \"Azonnali szűrés\" toggle in `DataListOptions`, which flips this\n  // to `true` so every filter change emits immediately.\n  filtersEager: false,\n}\n"],"mappings":";AA0GA,IAAa,IAA+C;CAC1D,SAAS;CACT,SAAS;AACX,GAEa,IAA+C,EAC1D,SAAS,GACX,GAEa,IAAsD;CACjE,QAAQ;CACR,SAAS;CAKT,cAAc;AAChB"}