admins-components 9.0.64 → 9.0.66

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  //nextTick(positionDropdown)\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 showTime is false, set toUtc to end of day (23:59:59)\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 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 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  //nextTick(positionDropdown)\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 showTime is false, set toUtc to end of day (23:59:59)\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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"}

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  //nextTick(positionDropdown)\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 showTime is false, set toUtc to end of day (23:59:59)\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 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 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  //nextTick(positionDropdown)\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 showTime is false, set toUtc to end of day (23:59:59)\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":""}

package/dist/admins-components29.js

@@ -18,7 +18,8 @@ var v = { class: "ac-component" }, y = ["aria-label"], b = { class: "ac-componen
 		labelAlignmentFix: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		class: {}
 	},
 	setup(c) {
 		let C = c, w = f(null), T = f(null), { isOpen: E, dropdownStyle: D } = t(w, T, {
@@ -43,7 +44,8 @@ var v = { class: "ac-component" }, y = ["aria-label"], b = { class: "ac-componen
 			class: l(["c-btn dm-trigger", [
 				c.size === "small" && "c-btn-sm",
 				c.size === "large" && "c-btn-lg",
-				c.type !== "normal" && `c-btn-${c.type}`
+				c.type !== "normal" && `c-btn-${c.type}`,
+				C.class
 			]]),
 			"aria-label": c.ariaLabel ?? c.label,
 			onClick: f[0] ||= (e) => O()
@@ -68,7 +70,8 @@ var v = { class: "ac-component" }, y = ["aria-label"], b = { class: "ac-componen
 			class: l(["d-option dm-option c-field-size c-type-color", {
 				[`c-field-size--${h(e)(t.size)}`]: t.size,
 				[`c-type-color--${t.type}`]: t.type,
-				"is-disabled": t.disabled?.()
+				"is-disabled": t.disabled?.(),
+				[t.class]: !!t.class
 			}]),
 			tabindex: "0",
 			onClick: (e) => k(t),

package/dist/admins-components29.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components29.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  callback: () => void\n  disabled?: () => boolean\n  hidden?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                v-show=\"!item.hidden?.()\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EA+BA,IAAM,IAAQ,GASR,IAAa,EAAwB,IAAI,GACzC,IAAc,EAAwB,IAAI,GAC1C,EAAE,WAAQ,qBAAkB,EAAkB,GAAY,GAAa;GAC3E,aAAa,OAAU;IACrB,UAAU,GAAG,EAAK,MAAM;IACxB,UAAU,GAAG,EAAK,QAAQ,EAAE;GAC9B;GACA,eAAe;EACjB,CAAC;EAED,SAAS,IAAa;GACpB,EAAO,QAAQ,CAAC,EAAO;EACzB;EAEA,SAAS,EAAW,GAAwB;GAE1C,AADA,EAAK,WAAW,GAChB,EAAO,QAAQ;EACjB;yBAIE,EAsDM,OAtDN,GAsDM,CArDJ,EAoDM,OAAA;YApDG;GAAJ,KAAI;GAAa,OAAM;MAC1B,EAsBS,UAAA;GArBP,MAAK;GACL,OAAK,EAAA,CAAC,oBAAkB;IACJ,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,YAAA,SAA0B,EAAA;;GAKrI,cAAY,EAAA,aAAa,EAAA;GACzB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAU;;GAET,EAAA,QAAA,EAAA,GAAT,EAA+C,KAAA;;IAAhC,OAAK,EAAA,CAAC,SAAgB,EAAA,IAAI,CAAA;;GAC7B,EAAA,SAAA,EAAA,GAAZ,EAES,QAAA;;IAFW,OAAK,EAAA,EAAA,qBAAyB,EAAM,kBAAiB,CAAA;QACvE,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGP,EAKO,QAAA,EAJL,OAAK,EAAA,CAAC,kCAAgC,EAAA,4BACA,EAAA,CAAA,EAAM,CAAA,CAAA,EAAA,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAE5C,EAA8C,KAAA,EAA3C,OAAM,iCAAgC,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;mBAI7C,EA0BW,GAAA,EA1BD,IAAG,OAAM,GAAA,CACjB,EAwBM,OAxBN,GAwBM,CAvBO,EAAA,CAAA,KAAA,EAAA,GAAX,EAsBM,OAAA;;YAtBiB;GAAJ,KAAI;GAAc,OAAM;GAAyB,OAAK,EAAE,EAAA,CAAA,CAAa;MACtF,EAoBK,MApBL,GAoBK,EAAA,EAAA,EAAA,GAnBH,EAkBK,GAAA,MAAA,EAjBmB,EAAA,QAAd,GAAM,cADhB,EAkBK,MAAA;GAfF,KAAG,MAAQ;GACZ,OAAK,EAAA,CAAC,gDAA8C;sBACN,EAAA,CAAA,EAAY,EAAK,IAAI,MAAM,EAAK;sBAA0C,EAAK,SAAS,EAAK;mBAAuC,EAAK,WAAQ;;GAK/L,UAAS;GACR,UAAK,MAAE,EAAW,CAAI;GACtB,cAAY,EAAK,aAAa,EAAK;MAE3B,EAAK,QAAA,EAAA,GAAd,EAAyD,KAAA;;GAArC,OAAK,EAAA,CAAC,SAAgB,EAAK,IAAI,CAAA;4BACnD,EAES,QAAA,EAFH,OAAK,EAAA,CAAC,mBAAiB,EAAA,cAAyB,EAAM,aAAY,CAAA,CAAA,EAAA,GAAA,EACtE,EAAK,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAdH,EAAK,SAAM,CAAA,CAAA,CAAA"}
+{"version":3,"file":"admins-components29.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  class?: string\n  callback: () => void\n  disabled?: () => boolean\n  hidden?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n  /**\n   * Optional extra class(es) appended to the trigger `<button>`. Useful when\n   * a caller wants to add one-off styling without modifying component SCSS.\n   */\n  class?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n          props.class,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                v-show=\"!item.hidden?.()\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                  [item.class!]: !!item.class,\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAqCA,IAAM,IAAQ,GASR,IAAa,EAAwB,IAAI,GACzC,IAAc,EAAwB,IAAI,GAC1C,EAAE,WAAQ,qBAAkB,EAAkB,GAAY,GAAa;GAC3E,aAAa,OAAU;IACrB,UAAU,GAAG,EAAK,MAAM;IACxB,UAAU,GAAG,EAAK,QAAQ,EAAE;GAC9B;GACA,eAAe;EACjB,CAAC;EAED,SAAS,IAAa;GACpB,EAAO,QAAQ,CAAC,EAAO;EACzB;EAEA,SAAS,EAAW,GAAwB;GAE1C,AADA,EAAK,WAAW,GAChB,EAAO,QAAQ;EACjB;yBAIE,EAwDM,OAxDN,GAwDM,CAvDJ,EAsDM,OAAA;YAtDG;GAAJ,KAAI;GAAa,OAAM;MAC1B,EAuBS,UAAA;GAtBP,MAAK;GACL,OAAK,EAAA,CAAC,oBAAkB;IACJ,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,WAAA;IAAsC,EAAA,SAAI,YAAA,SAA0B,EAAA;IAAkB,EAAM;;GAM7J,cAAY,EAAA,aAAa,EAAA;GACzB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAU;;GAET,EAAA,QAAA,EAAA,GAAT,EAA+C,KAAA;;IAAhC,OAAK,EAAA,CAAC,SAAgB,EAAA,IAAI,CAAA;;GAC7B,EAAA,SAAA,EAAA,GAAZ,EAES,QAAA;;IAFW,OAAK,EAAA,EAAA,qBAAyB,EAAM,kBAAiB,CAAA;QACvE,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAGP,EAKO,QAAA,EAJL,OAAK,EAAA,CAAC,kCAAgC,EAAA,4BACA,EAAA,CAAA,EAAM,CAAA,CAAA,EAAA,GAAA,CAAA,GAAA,AAAA,EAAA,OAAA,CAE5C,EAA8C,KAAA,EAA3C,OAAM,iCAAgC,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA;mBAI7C,EA2BW,GAAA,EA3BD,IAAG,OAAM,GAAA,CACjB,EAyBM,OAzBN,GAyBM,CAxBO,EAAA,CAAA,KAAA,EAAA,GAAX,EAuBM,OAAA;;YAvBiB;GAAJ,KAAI;GAAc,OAAM;GAAyB,OAAK,EAAE,EAAA,CAAA,CAAa;MACtF,EAqBK,MArBL,GAqBK,EAAA,EAAA,EAAA,GApBH,EAmBK,GAAA,MAAA,EAlBmB,EAAA,QAAd,GAAM,cADhB,EAmBK,MAAA;GAhBF,KAAG,MAAQ;GACZ,OAAK,EAAA,CAAC,gDAA8C;sBACN,EAAA,CAAA,EAAY,EAAK,IAAI,MAAM,EAAK;sBAA0C,EAAK,SAAS,EAAK;mBAAuC,EAAK,WAAQ;KAAyB,EAAK,QAAK,CAAA,CAAM,EAAK;;GAM7O,UAAS;GACR,UAAK,MAAE,EAAW,CAAI;GACtB,cAAY,EAAK,aAAa,EAAK;MAE3B,EAAK,QAAA,EAAA,GAAd,EAAyD,KAAA;;GAArC,OAAK,EAAA,CAAC,SAAgB,EAAK,IAAI,CAAA;4BACnD,EAES,QAAA,EAFH,OAAK,EAAA,CAAC,mBAAiB,EAAA,cAAyB,EAAM,aAAY,CAAA,CAAA,EAAA,GAAA,EACtE,EAAK,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAfH,EAAK,SAAM,CAAA,CAAA,CAAA"}

package/dist/admins-components30.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  callback: () => void\n  disabled?: () => boolean\n  hidden?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                v-show=\"!item.hidden?.()\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components30.js","names":[],"sources":["../src/components/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface DropdownMenuItem {\n  icon?: string\n  label: string\n  type?: ButtonType\n  size?: ControlSize\n  ariaLabel?: string\n  class?: string\n  callback: () => void\n  disabled?: () => boolean\n  hidden?: () => boolean\n}\n\nexport interface DropdownMenuProps {\n  size?: ControlSize\n  icon?: string\n  label?: string\n  ariaLabel?: string\n  textEllipsis?: boolean\n  type?: ButtonType\n  items: DropdownMenuItem[]\n  labelAlignmentFix?: boolean\n  /**\n   * Optional extra class(es) appended to the trigger `<button>`. Useful when\n   * a caller wants to add one-off styling without modifying component SCSS.\n   */\n  class?: string\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { ControlSize } from '@/types/types'\nimport type { ButtonType } from '@/components/Button.vue'\nimport { useDropdownAnchor } from '@/composables/useDropdownAnchor'\nimport { sizeToClass } from '@/utils/dom'\n\nconst props = withDefaults(defineProps<DropdownMenuProps>(), {\n  size: 'normal',\n  type: 'normal',\n  textEllipsis: true,\n  icon: undefined,\n  label: undefined,\n  labelAlignmentFix: false,\n})\n\nconst wrapperRef = ref<HTMLElement | null>(null)\nconst dropdownRef = ref<HTMLElement | null>(null)\nconst { isOpen, dropdownStyle } = useDropdownAnchor(wrapperRef, dropdownRef, {\n  extraStyle: (rect) => ({\n    minWidth: `${rect.width}px`,\n    maxWidth: `${rect.width * 2}px`,\n  }),\n  closeOnScroll: true,\n})\n\nfunction toggleOpen() {\n  isOpen.value = !isOpen.value\n}\n\nfunction selectItem(item: DropdownMenuItem) {\n  item.callback?.()\n  isOpen.value = false\n}\n</script>\n\n<template>\n  <div class=\"ac-component\">\n    <div ref=\"wrapperRef\" class=\"ds-wrapper d-inline-block\">\n      <button\n        type=\"button\"\n        class=\"c-btn dm-trigger\"\n        :class=\"[\n          size === 'small' && 'c-btn-sm',\n          size === 'large' && 'c-btn-lg',\n          type !== 'normal' && `c-btn-${type}`,\n          props.class,\n        ]\"\n        :aria-label=\"ariaLabel ?? label\"\n        @click=\"toggleOpen()\"\n      >\n        <i v-if=\"icon\" class=\"fa-fw\" :class=\"icon\"></i>\n        <span v-if=\"label\" :class=\"{ 'align-center-fix ': props.labelAlignmentFix }\">{{\n          label\n        }}</span>\n\n        <span\n          class=\"c-icon-btn c-icon-btn--chevron\"\n          :class=\"{ 'c-icon-btn--chevron-open': isOpen }\"\n        >\n          <i class=\"fa-solid fa-fw fa-chevron-down\"></i>\n        </span>\n      </button>\n\n      <Teleport to=\"body\">\n        <div class=\"ac-component\">\n          <div v-if=\"isOpen\" ref=\"dropdownRef\" class=\"c-dropdown ds-wrapper\" :style=\"dropdownStyle\">\n            <ul class=\"ds-options c-scroll\">\n              <li\n                v-for=\"(item, idx) in items\"\n                v-show=\"!item.hidden?.()\"\n                :key=\"`cb-${idx}`\"\n                class=\"d-option dm-option c-field-size c-type-color\"\n                :class=\"{\n                  [`c-field-size--${sizeToClass(item.size)}`]: item.size,\n                  [`c-type-color--${item.type}`]: item.type,\n                  'is-disabled': item.disabled?.(),\n                  [item.class!]: !!item.class,\n                }\"\n                tabindex=\"0\"\n                @click=\"selectItem(item)\"\n                :aria-label=\"item.ariaLabel ?? item.label\"\n              >\n                <i v-if=\"item.icon\" class=\"fa-fw\" :class=\"item.icon\"></i>\n                <span class=\"d-option__label\" :class=\"{ 'c-truncate': props.textEllipsis }\">{{\n                  item.label\n                }}</span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </Teleport>\n    </div>\n  </div>\n</template>\n<style lang=\"scss\" src=\"@/styles/components/dropdown-select.scss\"></style>\n"],"mappings":""}

package/dist/admins-components5.js

@@ -25,14 +25,16 @@ var u = [
 		callback: { type: Function },
 		disabled: { type: [Boolean, Function] },
 		indicator: {},
-		labelAlignmentFix: { type: Boolean }
+		labelAlignmentFix: { type: Boolean },
+		class: {}
 	}, { ...p }),
 	setup(a) {
 		let o = a, p = n(() => [
 			"c-btn",
 			e(o.size, "c-btn"),
 			o.outline && "c-btn-outline",
-			t(o.type, "c-btn")
+			t(o.type, "c-btn"),
+			o.class
 		]), m = n(() => o.disabled === void 0 || o.disabled === null ? !1 : typeof o.disabled == "function" ? o.disabled() : o.disabled);
 		return (e, t) => (c(), i("button", {
 			type: "button",

package/dist/admins-components5.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components5.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":";;;;;;;uCAmBa,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,SAAS;CACT,MAAM,KAAA;CACN,cAAc;CACd,mBAAmB;AACrB;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAIR,IAAU,QAAe;GAC7B;GACA,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM,WAAW;GACjB,EAAY,EAAM,MAAM,OAAO;EACjC,CAAC,GAEK,IAAa,QACb,EAAM,aAAa,KAAA,KAAa,EAAM,aAAa,OAAa,KAC7D,OAAO,EAAM,YAAa,aAAa,EAAM,SAAS,IAAI,EAAM,QACxE;yBAIC,EAkBS,UAAA;GAjBP,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA,aAAa,EAAA;GACzB,OAAO,EAAA,aAAa,EAAA;GACpB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,WAAQ;GACf,UAAU,EAAA;;GAEF,EAAA,QAAQ,EAAA,iBAAY,UAAA,EAAA,GAA7B,EAA4D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI;;GAC1C,EAAA,SAAA,EAAA,GAAZ,EAAqC,QAAA,GAAA,EAAf,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEnB,EAAA,aAAS,QAAY,EAAA,cAAS,MAAA,EAAA,GADtC,EAMO,QAAA;;IAJL,OAAM;IACL,cAAU,GAAK,EAAA;QAEb,EAAA,SAAS,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEL,EAAA,QAAQ,EAAA,iBAAY,WAAA,EAAA,GAA7B,EAA6D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI"}
+{"version":3,"file":"admins-components5.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'primary' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n  /**\n   * Optional extra class(es) appended to the root `<button>`. Useful when a\n   * caller wants to add one-off styling without modifying component SCSS.\n   */\n  class?: string\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n  props.class,\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":";;;;;;;uCAwBa,IAAiB;CAC5B,MAAM;CACN,MAAM;CACN,SAAS;CACT,MAAM,KAAA;CACN,cAAc;CACd,mBAAmB;AACrB;;;;;;;;;;;;;;;;;EAQA,IAAM,IAAQ,GAIR,IAAU,QAAe;GAC7B;GACA,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM,WAAW;GACjB,EAAY,EAAM,MAAM,OAAO;GAC/B,EAAM;EACR,CAAC,GAEK,IAAa,QACb,EAAM,aAAa,KAAA,KAAa,EAAM,aAAa,OAAa,KAC7D,OAAO,EAAM,YAAa,aAAa,EAAM,SAAS,IAAI,EAAM,QACxE;yBAIC,EAkBS,UAAA;GAjBP,MAAK;GACJ,OAAK,EAAE,EAAA,KAAO;GACd,cAAY,EAAA,aAAa,EAAA;GACzB,OAAO,EAAA,aAAa,EAAA;GACpB,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,WAAQ;GACf,UAAU,EAAA;;GAEF,EAAA,QAAQ,EAAA,iBAAY,UAAA,EAAA,GAA7B,EAA4D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI;;GAC1C,EAAA,SAAA,EAAA,GAAZ,EAAqC,QAAA,GAAA,EAAf,EAAA,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEnB,EAAA,aAAS,QAAY,EAAA,cAAS,MAAA,EAAA,GADtC,EAMO,QAAA;;IAJL,OAAM;IACL,cAAU,GAAK,EAAA;QAEb,EAAA,SAAS,GAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;GAEL,EAAA,QAAQ,EAAA,iBAAY,WAAA,EAAA,GAA7B,EAA6D,KAAA;;IAAjB,OAAK,EAAE,EAAA,IAAI"}

package/dist/admins-components58.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components58.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  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  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":";AAuGA,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-components58.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"}

package/dist/admins-components6.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components6.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components6.js","names":[],"sources":["../src/components/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ButtonType = 'normal' | 'primary' | 'dark' | 'success' | 'error' | 'warning' | 'info'\n\nexport type IconPosition = 'left' | 'right'\n\nexport interface ButtonProps {\n  size?: ControlSize\n  type?: ButtonType\n  outline?: boolean\n  icon?: string\n  iconPosition?: IconPosition\n  label?: string\n  ariaLabel?: string\n  callback?: () => void\n  disabled?: boolean | (() => boolean)\n  indicator?: string | number\n  labelAlignmentFix?: boolean\n  /**\n   * Optional extra class(es) appended to the root `<button>`. Useful when a\n   * caller wants to add one-off styling without modifying component SCSS.\n   */\n  class?: string\n}\n\nexport const buttonDefaults = {\n  size: 'normal' as ControlSize,\n  type: 'normal' as ButtonType,\n  outline: false,\n  icon: undefined,\n  iconPosition: 'left' as IconPosition,\n  labelAlignmentFix: false,\n}\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlSize } from '@/types/types'\nimport { sizeToClass, typeToClass } from '@/utils/dom'\nimport { computed } from 'vue'\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  ...buttonDefaults,\n})\n\nconst classes = computed(() => [\n  'c-btn',\n  sizeToClass(props.size, 'c-btn'),\n  props.outline && 'c-btn-outline',\n  typeToClass(props.type, 'c-btn'),\n  props.class,\n])\n\nconst isDisabled = computed(() => {\n  if (props.disabled === undefined || props.disabled === null) return false\n  return typeof props.disabled === 'function' ? props.disabled() : props.disabled\n})\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"classes\"\n    :aria-label=\"ariaLabel ?? label\"\n    :title=\"ariaLabel ?? label\"\n    @click=\"callback?.()\"\n    :disabled=\"isDisabled\"\n  >\n    <i v-if=\"icon && iconPosition === 'left'\" :class=\"icon\"></i>\n    <span v-if=\"label\">{{ label }}</span>\n    <span\n      v-if=\"indicator != null && indicator !== ''\"\n      class=\"c-btn-indicator\"\n      :aria-label=\"`${indicator}`\"\n    >\n      {{ indicator }}\n    </span>\n    <i v-if=\"icon && iconPosition === 'right'\" :class=\"icon\"></i>\n  </button>\n</template>\n"],"mappings":""}

package/dist/admins-components63.js

@@ -42,6 +42,7 @@ var f = /* @__PURE__ */ s({
 					label: e.label ?? "",
 					type: e.type,
 					size: e.label ? "small" : "normal",
+					class: e.class,
 					callback: () => m(e, t),
 					disabled: n ? () => n(t) : void 0,
 					hidden: r ? () => r(t) : void 0
@@ -52,11 +53,13 @@ var f = /* @__PURE__ */ s({
 			key: 0,
 			icon: n.icon,
 			label: n.label,
-			items: _(n, s.item)
+			items: _(n, s.item),
+			class: n.class
 		}, { ref_for: !0 }, n.config), null, 16, [
 			"icon",
 			"label",
-			"items"
+			"items",
+			"class"
 		])) : (l(), i(e, c({
 			key: 1,
 			icon: n.icon,
@@ -64,6 +67,7 @@ var f = /* @__PURE__ */ s({
 			type: n.type,
 			size: n.label ? "small" : "normal",
 			ariaLabel: n.ariaLabel,
+			class: n.class,
 			outline: "",
 			callback: () => m(n, s.item),
 			disabled: n.disabled ? n.disabled(s.item) : !1
@@ -73,6 +77,7 @@ var f = /* @__PURE__ */ s({
 			"type",
 			"size",
 			"ariaLabel",
+			"class",
 			"callback",
 			"disabled"
 		]))], 64))], 64))), 128)), f.value ? (l(), i(n, c({ key: 0 }, p(f.value.action, f.value.item), {

package/dist/admins-components63.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components63.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAgB,GAAmD;GAC3F,IAAM,IAAgB;IACpB,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf,GACM,IAAQ,OAAO,EAAO,qBAAsB,aAC9C,EAAO,kBAAkB,CAAI,IAC7B,EAAO;GACX,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,cACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,MAAmB;IACzC,IAAM,IAAa,EAAO,UACpB,IAAW,EAAO;IACxB,OAAO;KACL,MAAM,EAAO;KACb,OAAO,EAAO,SAAS;KACvB,MAAM,EAAO;KACb,MAAM,EAAO,QAAQ,UAAU;KAC/B,gBAAgB,EAAc,GAAQ,CAAI;KAC1C,UAAU,UAAmB,EAAW,CAAI,IAAI,KAAA;KAChD,QAAQ,UAAiB,EAAS,CAAI,IAAI,KAAA;IAC5C;GACF,CAAC;EACH;6CAIE,EAuBW,GAAA,MAAA,EAvBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAC9B,EAAO,UAAU,EAAO,OAAO,EAAA,IAAI,IAmB5B,EAAA,IAAA,EAAA,KAnB4B,EAAA,GAArD,EAqBW,GAAA,EAAA,KAAA,EAAA,GAAA,CAnBD,EAAc,CAAM,KAAA,EAAA,GAD5B,EAME,GANF,EAME;;GAJC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;sBACtC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAWE,GAXF,EAWE;;GATC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GACnB,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;GAC1C,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;sBACzC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,EAAA,YAMnB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,QAAQ,EAAA,MAAc,IAAI,GAAA;GAChE,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}
+{"version":3,"file":"admins-components63.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      class: action.class,\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        :class=\"action.class\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        :class=\"action.class\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAM,IAAgB,EAGZ,IAAI;EAEd,SAAS,EAAiB,GAAgB,GAAmD;GAC3F,IAAM,IAAgB;IACpB,OAAO,EAAO,SAAS;IACvB,SAAS;IACT,MAAM,EAAO;GACf,GACM,IAAQ,OAAO,EAAO,qBAAsB,aAC9C,EAAO,kBAAkB,CAAI,IAC7B,EAAO;GACX,OAAO;IACL,GAAG;IACH,GAAG;GACL;EACF;EAEA,SAAS,EAAc,GAAgB,GAAgC;GACrE,AAAI,EAAO,cACT,EAAc,QAAQ;IAAE;IAAQ;GAAK,IAErC,EAAO,SAAS,CAAI;EAExB;EAEA,SAAS,IAAgB;GACvB,AAEE,EAAc,WADd,EAAc,MAAM,OAAO,SAAS,EAAc,MAAM,IAAI,GACtC;EAE1B;EAEA,SAAS,EAAc,GAAmD;GACxE,OAAQ,EAAsB,YAAY,MAAQ,MAAM,QAAS,EAAsB,KAAK;EAC9F;EAEA,SAAS,EACP,GACA,GACoB;GACpB,OAAO,EAAM,MAAM,KAAK,MAAmB;IACzC,IAAM,IAAa,EAAO,UACpB,IAAW,EAAO;IACxB,OAAO;KACL,MAAM,EAAO;KACb,OAAO,EAAO,SAAS;KACvB,MAAM,EAAO;KACb,MAAM,EAAO,QAAQ,UAAU;KAC/B,OAAO,EAAO;KACd,gBAAgB,EAAc,GAAQ,CAAI;KAC1C,UAAU,UAAmB,EAAW,CAAI,IAAI,KAAA;KAChD,QAAQ,UAAiB,EAAS,CAAI,IAAI,KAAA;IAC5C;GACF,CAAC;EACH;6CAIE,EAyBW,GAAA,MAAA,EAzBsB,EAAA,UAAf,GAAQ,wBAAsB,EAAE,GAAA,CAC9B,EAAO,UAAU,EAAO,OAAO,EAAA,IAAI,IAqB5B,EAAA,IAAA,EAAA,KArB4B,EAAA,GAArD,EAuBW,GAAA,EAAA,KAAA,EAAA,GAAA,CArBD,EAAc,CAAM,KAAA,EAAA,GAD5B,EAOE,GAPF,EAOE;;GALC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,OAAO,EAA0B,GAAQ,EAAA,IAAI;GAC7C,OAAO,EAAO;sBACP,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,MAAA,EAAA,GAGvB,EAYE,GAZF,EAYE;;GAVC,MAAM,EAAO;GACb,OAAO,EAAO;GACd,MAAM,EAAO;GACb,MAAM,EAAO,QAAK,UAAA;GAClB,WAAW,EAAO;GAClB,OAAO,EAAO;GACf,SAAA;GACC,gBAAgB,EAAc,GAAQ,EAAA,IAAI;GAC1C,UAAU,EAAO,WAAW,EAAO,SAAS,EAAA,IAAI,IAAA;sBACzC,EAAO,MAAM,GAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,EAAA,YAMnB,EAAA,SAAA,EAAA,GADR,EAKE,GALF,EAKE,EAAA,KAAA,EAAA,GAHQ,EAAiB,EAAA,MAAc,QAAQ,EAAA,MAAc,IAAI,GAAA;GAChE,WAAS;GACT,UAAM,AAAA,EAAA,QAAA,MAAE,EAAA,QAAa"}

package/dist/admins-components64.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}
+{"version":3,"file":"admins-components64.js","names":[],"sources":["../src/components/data-table/DataListActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport type { Action, ActionGroup } from '@/types/data-list'\nimport type { ConfirmModalProps } from '@/components/ConfirmModal.vue'\nimport Button from '@/components/Button.vue'\nimport DropdownMenu from '@/components/DropdownMenu.vue'\nimport ConfirmModal from '@/components/ConfirmModal.vue'\nimport type { DropdownMenuItem } from '@/components/DropdownMenu.vue'\n\ndefineProps<{\n  actions: Array<Action | ActionGroup>\n  item?: Record<string, unknown>\n}>()\n\nconst activeConfirm = ref<{\n  action: Action\n  item?: Record<string, unknown>\n} | null>(null)\n\nfunction getConfirmConfig(action: Action, item?: Record<string, unknown>): ConfirmModalProps {\n  const defaultConfig = {\n    title: action.label ?? 'Megerősítés',\n    message: 'Biztosan végrehajta a műveletet?',\n    type: action.type,\n  }\n  const extra = typeof action.withConfirmConfig === 'function'\n    ? action.withConfirmConfig(item)\n    : action.withConfirmConfig\n  return {\n    ...defaultConfig,\n    ...extra,\n  }\n}\n\nfunction handleOnClick(action: Action, item?: Record<string, unknown>) {\n  if (action.withConfirm) {\n    activeConfirm.value = { action, item }\n  } else {\n    action.callback(item)\n  }\n}\n\nfunction handleConfirm() {\n  if (activeConfirm.value) {\n    activeConfirm.value.action.callback(activeConfirm.value.item)\n    activeConfirm.value = null\n  }\n}\n\nfunction isActionGroup(entry: Action | ActionGroup): entry is ActionGroup {\n  return (entry as ActionGroup).isGroup === true && Array.isArray((entry as ActionGroup).items)\n}\n\nfunction buildActionGroupMenuItems(\n  group: ActionGroup,\n  item?: Record<string, unknown>,\n): DropdownMenuItem[] {\n  return group.items.map((action: Action) => {\n    const isDisabled = action.disabled\n    const isHidden = action.hidden\n    return {\n      icon: action.icon,\n      label: action.label ?? '',\n      type: action.type,\n      size: action.label ? 'small' : 'normal',\n      class: action.class,\n      callback: () => handleOnClick(action, item),\n      disabled: isDisabled ? () => isDisabled(item) : undefined,\n      hidden: isHidden ? () => isHidden(item) : undefined,\n    }\n  })\n}\n</script>\n\n<template>\n  <template v-for=\"(action, ai) in actions\" :key=\"ai\">\n    <template v-if=\"!(action.hidden && action.hidden(item))\">\n      <DropdownMenu\n        v-if=\"isActionGroup(action)\"\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :items=\"buildActionGroupMenuItems(action, item)\"\n        :class=\"action.class\"\n        v-bind=\"action.config\"\n      />\n\n      <Button\n        v-else\n        :icon=\"action.icon\"\n        :label=\"action.label\"\n        :type=\"action.type\"\n        :size=\"action.label ? 'small' : 'normal'\"\n        :ariaLabel=\"action.ariaLabel\"\n        :class=\"action.class\"\n        outline\n        :callback=\"() => handleOnClick(action, item)\"\n        :disabled=\"action.disabled ? action.disabled(item) : false\"\n        v-bind=\"action.config\"\n      />\n    </template>\n  </template>\n\n  <ConfirmModal\n    v-if=\"activeConfirm\"\n    v-bind=\"getConfirmConfig(activeConfirm.action, activeConfirm.item)\"\n    @confirm=\"handleConfirm\"\n    @cancel=\"activeConfirm = null\"\n  />\n</template>\n"],"mappings":""}