@alfakit/vue 0.1.10 → 0.1.12

package/dist/components/helpdesk/HelpdeskChatPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskChatPanel.js","names":["_sfc_main","HelpdeskChatPanel_vue_vue_type_script_setup_true_lang_default","HelpdeskChatPanel_default"],"sources":["../../../src/components/helpdesk/HelpdeskChatPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskChatClient } from '@alfakit/core'\nimport { SendIcon, XIcon } from '@lucide/vue'\nimport { computed, nextTick, onMounted, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Textarea from '../ui/Textarea.vue'\n\n/**\n * The open live chat: the conversation (a polite live log), the visitor's contact details\n * before the first message, and the composer. Texts come from the server.\n */\nconst props = defineProps<{ client: HelpdeskChatClient }>()\nconst emit = defineEmits<{ close: [] }>()\n\nconst state = useStore(props.client.store)\nconst titleId = useId()\nconst composerId = useId()\nconst emailHintId = useId()\nconst log = ref<HTMLOListElement | null>(null)\nconst composer = ref<{ $el: HTMLTextAreaElement } | null>(null)\nconst t = (key: string, fallback: string, replacements: Record<string, string> = {}) =>\n  props.client.t(key, fallback, replacements)\n\nconst conversation = computed(() => state.value.conversation)\nconst started = computed(() => Boolean(conversation.value?.key))\nconst closed = computed(() => Boolean(conversation.value?.closed))\n\nonMounted(() => composer.value?.$el.focus())\n\nwatch(\n  () => [conversation.value?.messages.length, conversation.value?.agentTyping],\n  () =>\n    void nextTick(() => {\n      if (log.value) log.value.scrollTop = log.value.scrollHeight\n    }),\n)\n\nfunction onKeyDown(event: KeyboardEvent): void {\n  if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n    event.preventDefault()\n    void props.client.send()\n  }\n}\n</script>\n\n<template>\n  <!-- eslint-disable vue/no-v-html -- message bodies are sanitised on the server (Html::sanitize) -->\n  <div\n    role=\"dialog\"\n    aria-modal=\"false\"\n    :aria-labelledby=\"titleId\"\n    data-slot=\"helpdesk-chat\"\n    class=\"bg-background text-foreground flex h-[min(36rem,calc(100svh-7rem))] w-[min(24rem,calc(100vw-2rem))] flex-col overflow-hidden rounded-xl border shadow-xl\"\n    @keydown.esc.stop=\"emit('close')\"\n  >\n    <header class=\"bg-primary text-primary-foreground flex items-start gap-2 px-4 py-3\">\n      <div class=\"min-w-0 flex-1\">\n        <h2 :id=\"titleId\" class=\"text-sm font-semibold\">{{ t('title', 'Chat with us') }}</h2>\n        <p class=\"text-xs opacity-80\">{{ t('subtitle', 'We usually reply in a few minutes.') }}</p>\n      </div>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        :aria-label=\"t('close', 'Close chat')\"\n        class=\"hover:bg-primary-foreground/10 text-primary-foreground hover:text-primary-foreground -me-2\"\n        @click=\"emit('close')\"\n      >\n        <XIcon />\n      </Button>\n    </header>\n\n    <ol\n      ref=\"log\"\n      role=\"log\"\n      aria-live=\"polite\"\n      :aria-label=\"t('messages', 'Messages')\"\n      class=\"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto p-3\"\n    >\n      <li v-if=\"state.status === 'loading' && !state.config\" class=\"m-auto\"><Spinner /></li>\n      <template v-else>\n        <li\n          v-if=\"state.config?.greeting\"\n          data-from=\"agent\"\n          class=\"bg-muted max-w-[85%] self-start rounded-2xl rounded-ss-sm px-3 py-2 text-sm\"\n        >\n          {{ state.config.greeting }}\n        </li>\n        <li\n          v-for=\"message in conversation?.messages ?? []\"\n          :key=\"message.key\"\n          :data-from=\"message.from\"\n          :class=\"\n            cn(\n              'flex max-w-[85%] flex-col gap-0.5',\n              message.from === 'visitor' ? 'items-end self-end' : 'items-start self-start',\n            )\n          \"\n        >\n          <span class=\"text-muted-foreground px-1 text-xs\">{{ message.name }}</span>\n          <div\n            :class=\"\n              cn(\n                'prose prose-sm dark:prose-invert max-w-none rounded-2xl px-3 py-2 break-words [&_p]:my-0',\n                message.from === 'visitor'\n                  ? 'bg-primary text-primary-foreground prose-a:text-primary-foreground rounded-se-sm'\n                  : 'bg-muted rounded-ss-sm',\n              )\n            \"\n            v-html=\"message.html\"\n          />\n        </li>\n        <li\n          v-if=\"conversation?.agentTyping\"\n          role=\"status\"\n          class=\"text-muted-foreground animate-pulse self-start px-1 text-xs\"\n        >\n          {{ t('typing', ':name is typing…', { name: conversation.agentTyping }) }}\n        </li>\n      </template>\n    </ol>\n\n    <div v-if=\"closed\" class=\"flex flex-col items-center gap-2 border-t p-3 text-center text-sm\">\n      <p class=\"text-muted-foreground\">{{ t('closed', 'This chat has ended.') }}</p>\n      <Button type=\"button\" size=\"sm\" @click=\"props.client.startNew()\">{{\n        t('new_chat', 'Start a new chat')\n      }}</Button>\n    </div>\n    <form v-else class=\"flex flex-col gap-2 border-t p-3\" @submit.prevent=\"props.client.send()\">\n      <div v-if=\"!started && state.config?.askContact\" class=\"grid grid-cols-2 gap-2\">\n        <Input\n          :model-value=\"state.name\"\n          :placeholder=\"t('name', 'Your name')\"\n          :aria-label=\"t('name', 'Your name')\"\n          autocomplete=\"name\"\n          maxlength=\"255\"\n          @update:model-value=\"props.client.setContact({ name: $event })\"\n        />\n        <Input\n          type=\"email\"\n          :model-value=\"state.email\"\n          :placeholder=\"t('email', 'Your email')\"\n          :aria-label=\"t('email', 'Your email')\"\n          :aria-describedby=\"emailHintId\"\n          autocomplete=\"email\"\n          :required=\"state.config.requireEmail\"\n          maxlength=\"255\"\n          @update:model-value=\"props.client.setContact({ email: $event })\"\n        />\n        <p :id=\"emailHintId\" class=\"sr-only\">\n          {{ t('email_hint', 'So we can follow up if you leave.') }}\n        </p>\n        <!-- People never see or fill this; bots that fill every input do. -->\n        <input\n          type=\"text\"\n          :name=\"state.config.honeypot\"\n          :value=\"state.trap\"\n          tabindex=\"-1\"\n          autocomplete=\"off\"\n          aria-hidden=\"true\"\n          class=\"absolute -start-[10000px] size-px overflow-hidden\"\n          @input=\"props.client.setContact({ trap: ($event.target as HTMLInputElement).value })\"\n        />\n      </div>\n      <label :for=\"composerId\" class=\"sr-only\">{{ t('message', 'Message') }}</label>\n      <div class=\"flex items-end gap-2\">\n        <Textarea\n          :id=\"composerId\"\n          ref=\"composer\"\n          rows=\"1\"\n          :model-value=\"state.draft\"\n          :maxlength=\"state.config?.maxLength\"\n          :placeholder=\"t('placeholder', 'Write a message…')\"\n          :aria-invalid=\"state.error ? true : undefined\"\n          class=\"max-h-32 min-h-10 flex-1 resize-none\"\n          @update:model-value=\"props.client.setDraft($event)\"\n          @keydown=\"onKeyDown\"\n        />\n        <Button\n          type=\"submit\"\n          size=\"icon\"\n          :disabled=\"state.sending || state.draft.trim() === ''\"\n          :aria-label=\"\n            state.sending\n              ? t('sending', 'Sending…')\n              : started\n                ? t('send', 'Send')\n                : t('start', 'Start chat')\n          \"\n        >\n          <Spinner v-if=\"state.sending\" />\n          <SendIcon v-else class=\"rtl:-scale-x-100\" />\n        </Button>\n      </div>\n      <p v-if=\"state.error\" role=\"alert\" class=\"text-destructive text-xs\">{{ state.error }}</p>\n      <a\n        v-if=\"state.config?.contactUrl && !started\"\n        :href=\"state.config.contactUrl\"\n        class=\"text-muted-foreground self-center text-xs underline-offset-4 hover:underline\"\n        >{{ t('contact', 'Prefer email? Contact us') }}</a\n      >\n    </form>\n    <!-- eslint-disable-next-line vue/no-v-html -- built on the server (Credit::poweredBy) -->\n    <div v-if=\"state.config?.poweredBy\" class=\"shrink-0\" v-html=\"state.config.poweredBy\" />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HelpdeskChatPanel.js","names":["_sfc_main","HelpdeskChatPanel_vue_vue_type_script_setup_true_lang_default","HelpdeskChatPanel_default"],"sources":["../../../src/components/helpdesk/HelpdeskChatPanel.vue"],"mappings":""}

package/dist/components/helpdesk/HelpdeskChatPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskChatPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_withKeys","_withModifiers","_createElementVNode","_toDisplayString","_createVNode","Button","_withCtx","Spinner","_Fragment","_createCommentVNode","_renderList","_normalizeClass","_createTextVNode","Input","Textarea","_createBlock","Button_default","Spinner_default","Input_default","Textarea_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","HelpdeskChatPanel_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","state","useStore","titleId","useId","composerId","emailHintId","log","ref","composer","t","key","fallback","replacements","conversation","computed","started","closed","onMounted","watch","nextTick","onKeyDown","event","openBlock","createElementBlock","unref","_cache","withKeys","withModifiers","createElementVNode","toDisplayString","createVNode","withCtx","XIcon","Fragment","createCommentVNode","renderList","message","normalizeClass","cn","createTextVNode","$event","createBlock","SendIcon"],"sources":["../../../src/components/helpdesk/HelpdeskChatPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskChatClient } from '@alfakit/core'\nimport { SendIcon, XIcon } from '@lucide/vue'\nimport { computed, nextTick, onMounted, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Textarea from '../ui/Textarea.vue'\n\n/**\n * The open live chat: the conversation (a polite live log), the visitor's contact details\n * before the first message, and the composer. Texts come from the server.\n */\nconst props = defineProps<{ client: HelpdeskChatClient }>()\nconst emit = defineEmits<{ close: [] }>()\n\nconst state = useStore(props.client.store)\nconst titleId = useId()\nconst composerId = useId()\nconst emailHintId = useId()\nconst log = ref<HTMLOListElement | null>(null)\nconst composer = ref<{ $el: HTMLTextAreaElement } | null>(null)\nconst t = (key: string, fallback: string, replacements: Record<string, string> = {}) =>\n  props.client.t(key, fallback, replacements)\n\nconst conversation = computed(() => state.value.conversation)\nconst started = computed(() => Boolean(conversation.value?.key))\nconst closed = computed(() => Boolean(conversation.value?.closed))\n\nonMounted(() => composer.value?.$el.focus())\n\nwatch(\n  () => [conversation.value?.messages.length, conversation.value?.agentTyping],\n  () =>\n    void nextTick(() => {\n      if (log.value) log.value.scrollTop = log.value.scrollHeight\n    }),\n)\n\nfunction onKeyDown(event: KeyboardEvent): void {\n  if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n    event.preventDefault()\n    void props.client.send()\n  }\n}\n</script>\n\n<template>\n  <!-- eslint-disable vue/no-v-html -- message bodies are sanitised on the server (Html::sanitize) -->\n  <div\n    role=\"dialog\"\n    aria-modal=\"false\"\n    :aria-labelledby=\"titleId\"\n    data-slot=\"helpdesk-chat\"\n    class=\"bg-background text-foreground flex h-[min(36rem,calc(100svh-7rem))] w-[min(24rem,calc(100vw-2rem))] flex-col overflow-hidden rounded-xl border shadow-xl\"\n    @keydown.esc.stop=\"emit('close')\"\n  >\n    <header class=\"bg-primary text-primary-foreground flex items-start gap-2 px-4 py-3\">\n      <div class=\"min-w-0 flex-1\">\n        <h2 :id=\"titleId\" class=\"text-sm font-semibold\">{{ t('title', 'Chat with us') }}</h2>\n        <p class=\"text-xs opacity-80\">{{ t('subtitle', 'We usually reply in a few minutes.') }}</p>\n      </div>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        :aria-label=\"t('close', 'Close chat')\"\n        class=\"hover:bg-primary-foreground/10 text-primary-foreground hover:text-primary-foreground -me-2\"\n        @click=\"emit('close')\"\n      >\n        <XIcon />\n      </Button>\n    </header>\n\n    <ol\n      ref=\"log\"\n      role=\"log\"\n      aria-live=\"polite\"\n      :aria-label=\"t('messages', 'Messages')\"\n      class=\"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto p-3\"\n    >\n      <li v-if=\"state.status === 'loading' && !state.config\" class=\"m-auto\"><Spinner /></li>\n      <template v-else>\n        <li\n          v-if=\"state.config?.greeting\"\n          data-from=\"agent\"\n          class=\"bg-muted max-w-[85%] self-start rounded-2xl rounded-ss-sm px-3 py-2 text-sm\"\n        >\n          {{ state.config.greeting }}\n        </li>\n        <li\n          v-for=\"message in conversation?.messages ?? []\"\n          :key=\"message.key\"\n          :data-from=\"message.from\"\n          :class=\"\n            cn(\n              'flex max-w-[85%] flex-col gap-0.5',\n              message.from === 'visitor' ? 'items-end self-end' : 'items-start self-start',\n            )\n          \"\n        >\n          <span class=\"text-muted-foreground px-1 text-xs\">{{ message.name }}</span>\n          <div\n            :class=\"\n              cn(\n                'prose prose-sm dark:prose-invert max-w-none rounded-2xl px-3 py-2 break-words [&_p]:my-0',\n                message.from === 'visitor'\n                  ? 'bg-primary text-primary-foreground prose-a:text-primary-foreground rounded-se-sm'\n                  : 'bg-muted rounded-ss-sm',\n              )\n            \"\n            v-html=\"message.html\"\n          />\n        </li>\n        <li\n          v-if=\"conversation?.agentTyping\"\n          role=\"status\"\n          class=\"text-muted-foreground animate-pulse self-start px-1 text-xs\"\n        >\n          {{ t('typing', ':name is typing…', { name: conversation.agentTyping }) }}\n        </li>\n      </template>\n    </ol>\n\n    <div v-if=\"closed\" class=\"flex flex-col items-center gap-2 border-t p-3 text-center text-sm\">\n      <p class=\"text-muted-foreground\">{{ t('closed', 'This chat has ended.') }}</p>\n      <Button type=\"button\" size=\"sm\" @click=\"props.client.startNew()\">{{\n        t('new_chat', 'Start a new chat')\n      }}</Button>\n    </div>\n    <form v-else class=\"flex flex-col gap-2 border-t p-3\" @submit.prevent=\"props.client.send()\">\n      <div v-if=\"!started && state.config?.askContact\" class=\"grid grid-cols-2 gap-2\">\n        <Input\n          :model-value=\"state.name\"\n          :placeholder=\"t('name', 'Your name')\"\n          :aria-label=\"t('name', 'Your name')\"\n          autocomplete=\"name\"\n          maxlength=\"255\"\n          @update:model-value=\"props.client.setContact({ name: $event })\"\n        />\n        <Input\n          type=\"email\"\n          :model-value=\"state.email\"\n          :placeholder=\"t('email', 'Your email')\"\n          :aria-label=\"t('email', 'Your email')\"\n          :aria-describedby=\"emailHintId\"\n          autocomplete=\"email\"\n          :required=\"state.config.requireEmail\"\n          maxlength=\"255\"\n          @update:model-value=\"props.client.setContact({ email: $event })\"\n        />\n        <p :id=\"emailHintId\" class=\"sr-only\">\n          {{ t('email_hint', 'So we can follow up if you leave.') }}\n        </p>\n        <!-- People never see or fill this; bots that fill every input do. -->\n        <input\n          type=\"text\"\n          :name=\"state.config.honeypot\"\n          :value=\"state.trap\"\n          tabindex=\"-1\"\n          autocomplete=\"off\"\n          aria-hidden=\"true\"\n          class=\"absolute -start-[10000px] size-px overflow-hidden\"\n          @input=\"props.client.setContact({ trap: ($event.target as HTMLInputElement).value })\"\n        />\n      </div>\n      <label :for=\"composerId\" class=\"sr-only\">{{ t('message', 'Message') }}</label>\n      <div class=\"flex items-end gap-2\">\n        <Textarea\n          :id=\"composerId\"\n          ref=\"composer\"\n          rows=\"1\"\n          :model-value=\"state.draft\"\n          :maxlength=\"state.config?.maxLength\"\n          :placeholder=\"t('placeholder', 'Write a message…')\"\n          :aria-invalid=\"state.error ? true : undefined\"\n          class=\"max-h-32 min-h-10 flex-1 resize-none\"\n          @update:model-value=\"props.client.setDraft($event)\"\n          @keydown=\"onKeyDown\"\n        />\n        <Button\n          type=\"submit\"\n          size=\"icon\"\n          :disabled=\"state.sending || state.draft.trim() === ''\"\n          :aria-label=\"\n            state.sending\n              ? t('sending', 'Sending…')\n              : started\n                ? t('send', 'Send')\n                : t('start', 'Start chat')\n          \"\n        >\n          <Spinner v-if=\"state.sending\" />\n          <SendIcon v-else class=\"rtl:-scale-x-100\" />\n        </Button>\n      </div>\n      <p v-if=\"state.error\" role=\"alert\" class=\"text-destructive text-xs\">{{ state.error }}</p>\n      <a\n        v-if=\"state.config?.contactUrl && !started\"\n        :href=\"state.config.contactUrl\"\n        class=\"text-muted-foreground self-center text-xs underline-offset-4 hover:underline\"\n        >{{ t('contact', 'Prefer email? Contact us') }}</a\n      >\n    </form>\n    <!-- eslint-disable-next-line vue/no-v-html -- built on the server (Credit::poweredBy) -->\n    <div v-if=\"state.config?.poweredBy\" class=\"shrink-0\" v-html=\"state.config.poweredBy\" />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"HelpdeskChatPanel.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_withKeys","_withModifiers","_createElementVNode","_toDisplayString","_createVNode","Button","_withCtx","Spinner","_Fragment","_createCommentVNode","_renderList","_normalizeClass","_createTextVNode","Input","Textarea","_createBlock","Button_default","Spinner_default","Input_default","Textarea_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","HelpdeskChatPanel_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","state","useStore","titleId","useId","composerId","emailHintId","log","ref","composer","t","key","fallback","replacements","conversation","computed","started","closed","onMounted","watch","nextTick","onKeyDown","event","openBlock","createElementBlock","unref","_cache","withKeys","withModifiers","createElementVNode","toDisplayString","createVNode","withCtx","XIcon","Fragment","createCommentVNode","renderList","message","normalizeClass","cn","createTextVNode","$event","createBlock","SendIcon"],"sources":["../../../src/components/helpdesk/HelpdeskChatPanel.vue"],"mappings":"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"}

package/dist/components/helpdesk/HelpdeskInbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskInbox.js","names":["_sfc_main","HelpdeskInbox_vue_vue_type_script_setup_true_lang_default","HelpdeskInbox_default"],"sources":["../../../src/components/helpdesk/HelpdeskInbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskInboxSchema } from '@alfakit/core'\nimport HelpdeskInboxView from './HelpdeskInboxView.vue'\n\n/**\n * The helpdesk agent inbox (schema component `helpdesk:inbox`, alfasix/alfakit-helpdesk):\n * views, the ticket list and the conversation side by side, a quick composer, keyboard\n * shortcuts (`j` / `k`, `r`, `n`, `/`) and live updates.\n */\nconst props = defineProps<{ component: HelpdeskInboxSchema }>()\n</script>\n\n<template>\n  <HelpdeskInboxView :key=\"props.component.actionComponent\" :schema=\"props.component\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"HelpdeskInbox.js","names":["_sfc_main","HelpdeskInbox_vue_vue_type_script_setup_true_lang_default","HelpdeskInbox_default"],"sources":["../../../src/components/helpdesk/HelpdeskInbox.vue"],"mappings":""}

package/dist/components/helpdesk/HelpdeskInbox.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskInbox.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","HelpdeskInboxView","HelpdeskInboxView_default","HelpdeskInbox_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock"],"sources":["../../../src/components/helpdesk/HelpdeskInbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskInboxSchema } from '@alfakit/core'\nimport HelpdeskInboxView from './HelpdeskInboxView.vue'\n\n/**\n * The helpdesk agent inbox (schema component `helpdesk:inbox`, alfasix/alfakit-helpdesk):\n * views, the ticket list and the conversation side by side, a quick composer, keyboard\n * shortcuts (`j` / `k`, `r`, `n`, `/`) and live updates.\n */\nconst props = defineProps<{ component: HelpdeskInboxSchema }>()\n</script>\n\n<template>\n  <HelpdeskInboxView :key=\"props.component.actionComponent\" :schema=\"props.component\" />\n</template>\n"],"mappings":";;;;;;;EASA,IAAMK,IAAQC;oBAIZN,EAAA,GAAAC,EAAsFC,GAAA;GAAlE,KAAKG,EAAM,UAAU;GAAkB,QAAQA,EAAM"}
+{"version":3,"file":"HelpdeskInbox.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","HelpdeskInboxView","HelpdeskInboxView_default","HelpdeskInbox_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createBlock"],"sources":["../../../src/components/helpdesk/HelpdeskInbox.vue"],"mappings":";;;;;;;EASA,IAAMK,IAAQC;oBAIZN,EAAA,GAAAC,EAAsFC,GAAA;GAAlE,KAAKG,EAAM,UAAU;GAAkB,QAAQA,EAAM"}

package/dist/components/helpdesk/HelpdeskInboxSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskInboxSkeleton.js","names":["_sfc_main","HelpdeskInboxSkeleton_vue_vue_type_script_setup_true_lang_default","HelpdeskInboxSkeleton_default"],"sources":["../../../src/components/helpdesk/HelpdeskInboxSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst t = useT()\n</script>\n\n<template>\n  <Card\n    data-slot=\"helpdesk-inbox\"\n    aria-busy=\"true\"\n    class=\"grid h-[calc(100svh-12rem)] min-h-[34rem] grid-cols-1 gap-0 overflow-hidden py-0 md:grid-cols-[18rem_1fr] xl:grid-cols-[13rem_20rem_1fr]\"\n  >\n    <span class=\"sr-only\">{{ t('helpdesk.loading', {}, 'Loading…') }}</span>\n    <div class=\"flex flex-col gap-2 border-e p-2 max-xl:hidden\" aria-hidden=\"true\">\n      <Skeleton v-for=\"index in 6\" :key=\"index\" class=\"h-7\" />\n    </div>\n    <div class=\"flex flex-col gap-2 border-e p-2\" aria-hidden=\"true\">\n      <Skeleton class=\"h-9\" />\n      <Skeleton v-for=\"index in 6\" :key=\"index\" class=\"h-16\" />\n    </div>\n    <div class=\"flex flex-col gap-3 p-4 max-md:hidden\" aria-hidden=\"true\">\n      <Skeleton class=\"h-6 w-1/2\" />\n      <Skeleton class=\"h-24\" />\n      <Skeleton class=\"h-24\" />\n    </div>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HelpdeskInboxSkeleton.js","names":["_sfc_main","HelpdeskInboxSkeleton_vue_vue_type_script_setup_true_lang_default","HelpdeskInboxSkeleton_default"],"sources":["../../../src/components/helpdesk/HelpdeskInboxSkeleton.vue"],"mappings":""}

package/dist/components/helpdesk/HelpdeskInboxSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskInboxSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createElementVNode","_toDisplayString","_unref","_createElementBlock","_Fragment","_renderList","_createVNode","Skeleton","Skeleton_default","Card_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","HelpdeskInboxSkeleton_vue_vue_type_script_setup_true_lang_default","t","useT","openBlock","createBlock","withCtx","createElementVNode","toDisplayString","unref","createElementBlock","Fragment","renderList","createVNode","index"],"sources":["../../../src/components/helpdesk/HelpdeskInboxSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst t = useT()\n</script>\n\n<template>\n  <Card\n    data-slot=\"helpdesk-inbox\"\n    aria-busy=\"true\"\n    class=\"grid h-[calc(100svh-12rem)] min-h-[34rem] grid-cols-1 gap-0 overflow-hidden py-0 md:grid-cols-[18rem_1fr] xl:grid-cols-[13rem_20rem_1fr]\"\n  >\n    <span class=\"sr-only\">{{ t('helpdesk.loading', {}, 'Loading…') }}</span>\n    <div class=\"flex flex-col gap-2 border-e p-2 max-xl:hidden\" aria-hidden=\"true\">\n      <Skeleton v-for=\"index in 6\" :key=\"index\" class=\"h-7\" />\n    </div>\n    <div class=\"flex flex-col gap-2 border-e p-2\" aria-hidden=\"true\">\n      <Skeleton class=\"h-9\" />\n      <Skeleton v-for=\"index in 6\" :key=\"index\" class=\"h-16\" />\n    </div>\n    <div class=\"flex flex-col gap-3 p-4 max-md:hidden\" aria-hidden=\"true\">\n      <Skeleton class=\"h-6 w-1/2\" />\n      <Skeleton class=\"h-24\" />\n      <Skeleton class=\"h-24\" />\n    </div>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAKA,IAAMmB,IAAIC,EAAK;oBAIbpB,EAAA,GAAAC,EAkBOC,GAAA;GAjBL,aAAU;GACV,aAAU;GACV,OAAM;;GAEN,SAAAC,QAAwE;IAAxEC,EAAwE,QAAxEU,GAAwET,EAA/CC,EAAAa,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA;IAC1Bf,EAEM,OAFNW,GAEM,EADJf,EAAA,GAAAO,EAAwDC,GAAA,MAAAC,EAA9B,IAAT,MAAjBC,EAAwDC,GAAA;KAA1B,KAAKoB;KAAO,OAAM;;IAElD3B,EAGM,OAHNY,GAGM,CAFJN,EAAwBC,GAAA,EAAd,OAAM,MAAK,CAAA,IACrBX,EAAA,GAAAO,EAAyDC,GAAA,MAAAC,EAA/B,IAAT,MAAjBC,EAAyDC,GAAA;KAA3B,KAAKoB;KAAO,OAAM;;IAElD3B,EAIM,OAJNa,GAIM;KAHJP,EAA8BC,GAAA,EAApB,OAAM,YAAW,CAAA;KAC3BD,EAAyBC,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBD,EAAyBC,GAAA,EAAf,OAAM,OAAM,CAAA"}
+{"version":3,"file":"HelpdeskInboxSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createElementVNode","_toDisplayString","_unref","_createElementBlock","_Fragment","_renderList","_createVNode","Skeleton","Skeleton_default","Card_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","HelpdeskInboxSkeleton_vue_vue_type_script_setup_true_lang_default","t","useT","openBlock","createBlock","withCtx","createElementVNode","toDisplayString","unref","createElementBlock","Fragment","renderList","createVNode","index"],"sources":["../../../src/components/helpdesk/HelpdeskInboxSkeleton.vue"],"mappings":";;;;;;;;;;;;;;;;;EAKA,IAAMmB,IAAIC,EAAK;oBAIbpB,EAAA,GAAAC,EAkBOC,GAAA;GAjBL,aAAU;GACV,aAAU;GACV,OAAM;;GAEN,SAAAC,QAAwE;IAAxEC,EAAwE,QAAxEU,GAAwET,EAA/CC,EAAAa,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA;IAC1Bf,EAEM,OAFNW,GAEM,EADJf,EAAA,GAAAO,EAAwDC,GAAA,MAAAC,EAA9B,IAAT,MAAjBC,EAAwDC,GAAA;KAA1B,KAAKoB;KAAO,OAAM;;IAElD3B,EAGM,OAHNY,GAGM,CAFJN,EAAwBC,GAAA,EAAd,OAAM,MAAK,CAAA,IACrBX,EAAA,GAAAO,EAAyDC,GAAA,MAAAC,EAA/B,IAAT,MAAjBC,EAAyDC,GAAA;KAA3B,KAAKoB;KAAO,OAAM;;IAElD3B,EAIM,OAJNa,GAIM;KAHJP,EAA8BC,GAAA,EAApB,OAAM,YAAW,CAAA;KAC3BD,EAAyBC,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBD,EAAyBC,GAAA,EAAf,OAAM,OAAM,CAAA"}

package/dist/components/helpdesk/HelpdeskInboxView.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskInboxView.js","names":["_sfc_main","HelpdeskInboxView_vue_vue_type_script_setup_true_lang_default","HelpdeskInboxView_default"],"sources":["../../../src/components/helpdesk/HelpdeskInboxView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskInboxSchema } from '@alfakit/core'\nimport { HelpdeskInboxController } from '@alfakit/core'\nimport { LockIcon, SearchIcon } from '@lucide/vue'\nimport { onBeforeUnmount, onMounted, ref, toRaw, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useFormatter, useT } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport Input from '../ui/Input.vue'\nimport Skeleton from '../ui/Skeleton.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport HelpdeskBadge from './HelpdeskBadge.vue'\nimport HelpdeskTicketPane from './HelpdeskTicketPane.vue'\n\nconst props = defineProps<{ schema: HelpdeskInboxSchema }>()\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst formatter = useFormatter()\nconst controller = new HelpdeskInboxController(toRaw(props.schema), {\n  runner,\n  token: page.token,\n  t,\n})\nconst state = useStore(controller.store)\nconst search = ref<{ $el: HTMLInputElement } | HTMLInputElement | null>(null)\nconst pane = ref<InstanceType<typeof HelpdeskTicketPane> | null>(null)\nconst list = ref<HTMLUListElement | null>(null)\nlet stop: (() => void) | null = null\nlet stopShortcuts: (() => void) | null = null\n\nwatch(\n  () => props.schema,\n  (schema) => controller.setSchema(toRaw(schema)),\n)\n\nconst searchElement = (): HTMLInputElement | null => {\n  const value = search.value\n\n  return value instanceof HTMLInputElement ? value : (value?.$el ?? null)\n}\n\nonMounted(() => {\n  stop = controller.start()\n  stopShortcuts = controller.registerShortcuts({\n    focusComposer: () => requestAnimationFrame(() => pane.value?.focusComposer()),\n    focusSearch: () => searchElement()?.focus(),\n    focusTicket: (key) =>\n      requestAnimationFrame(() =>\n        list.value?.querySelector<HTMLElement>(`[data-ticket=\"${CSS.escape(key)}\"]`)?.focus(),\n      ),\n  })\n})\n\nonBeforeUnmount(() => {\n  stop?.()\n  stopShortcuts?.()\n})\n</script>\n\n<template>\n  <Card\n    data-slot=\"helpdesk-inbox\"\n    class=\"grid h-[calc(100svh-12rem)] min-h-[34rem] grid-cols-1 gap-0 overflow-hidden py-0 md:grid-cols-[18rem_1fr] xl:grid-cols-[13rem_20rem_1fr]\"\n  >\n    <nav\n      data-slot=\"helpdesk-views\"\n      :aria-label=\"t('helpdesk.views', {}, 'Views')\"\n      :class=\"\n        cn(\n          'flex gap-1 overflow-x-auto border-b p-2 md:col-span-2 xl:col-span-1 xl:flex-col xl:overflow-visible xl:border-e xl:border-b-0',\n          state.selected !== null && 'max-md:hidden',\n        )\n      \"\n    >\n      <button\n        v-for=\"view in state.list.views\"\n        :key=\"view.key\"\n        type=\"button\"\n        :aria-current=\"view.key === state.view ? 'page' : undefined\"\n        class=\"hover:bg-muted aria-[current=page]:bg-muted aria-[current=page]:text-foreground text-muted-foreground flex shrink-0 items-center gap-2 rounded-md px-2.5 py-1.5 text-start text-sm font-medium\"\n        @click=\"controller.setView(view.key)\"\n      >\n        <Icon :name=\"view.icon\" class=\"size-4 shrink-0\" />\n        <span class=\"flex-1 truncate\">{{ view.label }}</span>\n        <span\n          v-if=\"view.count !== undefined && view.count > 0\"\n          :class=\"\n            cn(\n              'rounded-full px-1.5 text-xs tabular-nums',\n              view.color ? colorClass(badgeColorClasses, view.color) : 'bg-muted-foreground/10',\n            )\n          \"\n          >{{ formatter.number(view.count) }}</span\n        >\n      </button>\n    </nav>\n\n    <section\n      data-slot=\"helpdesk-list\"\n      :aria-label=\"t('helpdesk.tickets', {}, 'Tickets')\"\n      :class=\"cn('flex min-h-0 flex-col border-e', state.selected !== null && 'max-md:hidden')\"\n    >\n      <div class=\"relative border-b p-2\">\n        <SearchIcon\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground pointer-events-none absolute start-4 top-1/2 size-4 -translate-y-1/2\"\n        />\n        <Input\n          ref=\"search\"\n          type=\"search\"\n          :model-value=\"state.search\"\n          :placeholder=\"\n            t('helpdesk.search_placeholder', {}, 'Search by subject, requester or #number…')\n          \"\n          :aria-label=\"t('helpdesk.search', {}, 'Search tickets')\"\n          class=\"ps-8\"\n          @update:model-value=\"controller.setSearch($event)\"\n        />\n      </div>\n      <div class=\"min-h-0 flex-1 overflow-y-auto\" :aria-busy=\"state.loadingList || undefined\">\n        <div\n          v-if=\"state.list.tickets.length === 0\"\n          class=\"text-muted-foreground flex flex-col items-center gap-1 p-8 text-center text-sm\"\n        >\n          <Spinner v-if=\"state.loadingList\" />\n          <template v-else>\n            <p class=\"text-foreground font-medium\">\n              {{ t('helpdesk.empty', {}, 'No tickets here') }}\n            </p>\n            <p>\n              {{\n                t('helpdesk.empty_description', {}, 'Nothing needs your attention in this view.')\n              }}\n            </p>\n          </template>\n        </div>\n        <ul v-else ref=\"list\" class=\"divide-y\">\n          <li v-for=\"item in state.list.tickets\" :key=\"item.key\">\n            <button\n              type=\"button\"\n              :data-ticket=\"item.key\"\n              :aria-current=\"item.key === state.selected ? 'true' : undefined\"\n              class=\"hover:bg-muted/60 aria-[current=true]:bg-muted focus-visible:ring-ring/50 flex w-full flex-col gap-1 px-3 py-2.5 text-start outline-none focus-visible:ring-[3px]\"\n              @click=\"controller.select(item.key)\"\n            >\n              <span class=\"flex items-center gap-2\">\n                <span\n                  v-if=\"item.awaitingReply\"\n                  class=\"bg-primary size-2 shrink-0 rounded-full\"\n                  aria-hidden=\"true\"\n                />\n                <span v-if=\"item.awaitingReply\" class=\"sr-only\">{{\n                  t('helpdesk.awaiting_reply', {}, 'Awaiting your reply')\n                }}</span>\n                <span class=\"text-muted-foreground text-xs tabular-nums\">{{ item.reference }}</span>\n                <span class=\"truncate text-sm font-medium\">{{ item.subject }}</span>\n                <time\n                  v-if=\"item.lastActivityAt\"\n                  :datetime=\"item.lastActivityAt\"\n                  class=\"text-muted-foreground ms-auto shrink-0 text-xs\"\n                  >{{ formatter.relative(item.lastActivityAt) }}</time\n                >\n              </span>\n              <span class=\"text-muted-foreground flex items-center gap-1 text-xs\">\n                <Icon :name=\"item.channelIcon\" class=\"size-3 shrink-0\" />\n                <span class=\"truncate\">{{ item.requester }}</span>\n                <span v-if=\"item.assignee\" class=\"truncate\">· {{ item.assignee }}</span>\n              </span>\n              <span\n                v-if=\"item.excerpt\"\n                :class=\"\n                  cn('text-muted-foreground line-clamp-2 text-xs', item.excerptInternal && 'italic')\n                \"\n              >\n                <LockIcon\n                  v-if=\"item.excerptInternal\"\n                  :aria-label=\"t('helpdesk.internal', {}, 'Internal note')\"\n                  class=\"me-1 inline size-3\"\n                />{{ item.excerpt }}\n              </span>\n              <span class=\"flex flex-wrap gap-1\">\n                <HelpdeskBadge :badge=\"item.status\" />\n                <HelpdeskBadge v-if=\"item.priority.value !== 'normal'\" :badge=\"item.priority\" />\n                <HelpdeskBadge :sla=\"item.sla\" :formatter=\"formatter\" />\n              </span>\n            </button>\n          </li>\n        </ul>\n        <div v-if=\"state.list.hasMore\" class=\"p-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"state.loadingList\"\n            @click=\"controller.loadMore()\"\n          >\n            <Spinner v-if=\"state.loadingList\" />\n            {{ t('helpdesk.load_more', {}, 'Load more') }}\n          </Button>\n        </div>\n      </div>\n    </section>\n\n    <section\n      data-slot=\"helpdesk-ticket\"\n      :aria-label=\"\n        state.ticket\n          ? `${state.ticket.reference} ${state.ticket.subject}`\n          : t('helpdesk.conversation', {}, 'Conversation')\n      \"\n      :class=\"cn('flex min-h-0 min-w-0 flex-col', state.selected === null && 'max-md:hidden')\"\n    >\n      <div\n        v-if=\"state.selected === null\"\n        class=\"text-muted-foreground m-auto flex max-w-xs flex-col items-center gap-1 p-8 text-center text-sm\"\n      >\n        <p class=\"text-foreground font-medium\">{{ t('helpdesk.select', {}, 'Select a ticket') }}</p>\n        <p>\n          {{\n            t('helpdesk.select_description', {}, 'Pick a ticket on the list to read and answer it.')\n          }}\n        </p>\n      </div>\n      <div v-else-if=\"state.ticket === null\" class=\"flex flex-col gap-3 p-4\" aria-busy=\"true\">\n        <span class=\"sr-only\">{{ t('helpdesk.loading', {}, 'Loading…') }}</span>\n        <p v-if=\"state.ticketError\" role=\"alert\" class=\"text-destructive text-sm\">\n          {{ t('helpdesk.load_failed', {}, 'The ticket could not be loaded.') }}\n        </p>\n        <template v-else>\n          <Skeleton class=\"h-6 w-2/3\" />\n          <Skeleton class=\"h-24\" />\n          <Skeleton class=\"h-24\" />\n        </template>\n      </div>\n      <HelpdeskTicketPane\n        v-else\n        ref=\"pane\"\n        :ticket=\"state.ticket\"\n        :controller=\"controller\"\n        :token=\"page.token\"\n        :action-component=\"props.schema.actionComponent\"\n      />\n    </section>\n    <div aria-live=\"polite\" class=\"sr-only\">{{ state.announcement }}</div>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HelpdeskInboxView.js","names":["_sfc_main","HelpdeskInboxView_vue_vue_type_script_setup_true_lang_default","HelpdeskInboxView_default"],"sources":["../../../src/components/helpdesk/HelpdeskInboxView.vue"],"mappings":""}

package/dist/components/helpdesk/HelpdeskInboxView.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskInboxView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createElementVNode","_unref","_normalizeClass","_createElementBlock","_Fragment","_renderList","_createVNode","Icon","_toDisplayString","_createCommentVNode","Input","Spinner","_createTextVNode","HelpdeskBadge","Button","Skeleton","HelpdeskTicketPane","Icon_default","Button_default","Spinner_default","Input_default","Skeleton_default","Card_default","HelpdeskBadge_default","HelpdeskTicketPane_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","HelpdeskInboxView_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageActionContext","t","useT","formatter","useFormatter","controller","HelpdeskInboxController","toRaw","state","useStore","search","ref","pane","list","stop","stopShortcuts","schema","searchElement","value","onMounted","key","onBeforeUnmount","openBlock","createBlock","withCtx","createElementVNode","unref","normalizeClass","cn","createElementBlock","Fragment","renderList","view","createVNode","toDisplayString","colorClass","badgeColorClasses","createCommentVNode","SearchIcon","_cache","$event","item","LockIcon","createTextVNode"],"sources":["../../../src/components/helpdesk/HelpdeskInboxView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskInboxSchema } from '@alfakit/core'\nimport { HelpdeskInboxController } from '@alfakit/core'\nimport { LockIcon, SearchIcon } from '@lucide/vue'\nimport { onBeforeUnmount, onMounted, ref, toRaw, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useFormatter, useT } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport Input from '../ui/Input.vue'\nimport Skeleton from '../ui/Skeleton.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport HelpdeskBadge from './HelpdeskBadge.vue'\nimport HelpdeskTicketPane from './HelpdeskTicketPane.vue'\n\nconst props = defineProps<{ schema: HelpdeskInboxSchema }>()\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst formatter = useFormatter()\nconst controller = new HelpdeskInboxController(toRaw(props.schema), {\n  runner,\n  token: page.token,\n  t,\n})\nconst state = useStore(controller.store)\nconst search = ref<{ $el: HTMLInputElement } | HTMLInputElement | null>(null)\nconst pane = ref<InstanceType<typeof HelpdeskTicketPane> | null>(null)\nconst list = ref<HTMLUListElement | null>(null)\nlet stop: (() => void) | null = null\nlet stopShortcuts: (() => void) | null = null\n\nwatch(\n  () => props.schema,\n  (schema) => controller.setSchema(toRaw(schema)),\n)\n\nconst searchElement = (): HTMLInputElement | null => {\n  const value = search.value\n\n  return value instanceof HTMLInputElement ? value : (value?.$el ?? null)\n}\n\nonMounted(() => {\n  stop = controller.start()\n  stopShortcuts = controller.registerShortcuts({\n    focusComposer: () => requestAnimationFrame(() => pane.value?.focusComposer()),\n    focusSearch: () => searchElement()?.focus(),\n    focusTicket: (key) =>\n      requestAnimationFrame(() =>\n        list.value?.querySelector<HTMLElement>(`[data-ticket=\"${CSS.escape(key)}\"]`)?.focus(),\n      ),\n  })\n})\n\nonBeforeUnmount(() => {\n  stop?.()\n  stopShortcuts?.()\n})\n</script>\n\n<template>\n  <Card\n    data-slot=\"helpdesk-inbox\"\n    class=\"grid h-[calc(100svh-12rem)] min-h-[34rem] grid-cols-1 gap-0 overflow-hidden py-0 md:grid-cols-[18rem_1fr] xl:grid-cols-[13rem_20rem_1fr]\"\n  >\n    <nav\n      data-slot=\"helpdesk-views\"\n      :aria-label=\"t('helpdesk.views', {}, 'Views')\"\n      :class=\"\n        cn(\n          'flex gap-1 overflow-x-auto border-b p-2 md:col-span-2 xl:col-span-1 xl:flex-col xl:overflow-visible xl:border-e xl:border-b-0',\n          state.selected !== null && 'max-md:hidden',\n        )\n      \"\n    >\n      <button\n        v-for=\"view in state.list.views\"\n        :key=\"view.key\"\n        type=\"button\"\n        :aria-current=\"view.key === state.view ? 'page' : undefined\"\n        class=\"hover:bg-muted aria-[current=page]:bg-muted aria-[current=page]:text-foreground text-muted-foreground flex shrink-0 items-center gap-2 rounded-md px-2.5 py-1.5 text-start text-sm font-medium\"\n        @click=\"controller.setView(view.key)\"\n      >\n        <Icon :name=\"view.icon\" class=\"size-4 shrink-0\" />\n        <span class=\"flex-1 truncate\">{{ view.label }}</span>\n        <span\n          v-if=\"view.count !== undefined && view.count > 0\"\n          :class=\"\n            cn(\n              'rounded-full px-1.5 text-xs tabular-nums',\n              view.color ? colorClass(badgeColorClasses, view.color) : 'bg-muted-foreground/10',\n            )\n          \"\n          >{{ formatter.number(view.count) }}</span\n        >\n      </button>\n    </nav>\n\n    <section\n      data-slot=\"helpdesk-list\"\n      :aria-label=\"t('helpdesk.tickets', {}, 'Tickets')\"\n      :class=\"cn('flex min-h-0 flex-col border-e', state.selected !== null && 'max-md:hidden')\"\n    >\n      <div class=\"relative border-b p-2\">\n        <SearchIcon\n          aria-hidden=\"true\"\n          class=\"text-muted-foreground pointer-events-none absolute start-4 top-1/2 size-4 -translate-y-1/2\"\n        />\n        <Input\n          ref=\"search\"\n          type=\"search\"\n          :model-value=\"state.search\"\n          :placeholder=\"\n            t('helpdesk.search_placeholder', {}, 'Search by subject, requester or #number…')\n          \"\n          :aria-label=\"t('helpdesk.search', {}, 'Search tickets')\"\n          class=\"ps-8\"\n          @update:model-value=\"controller.setSearch($event)\"\n        />\n      </div>\n      <div class=\"min-h-0 flex-1 overflow-y-auto\" :aria-busy=\"state.loadingList || undefined\">\n        <div\n          v-if=\"state.list.tickets.length === 0\"\n          class=\"text-muted-foreground flex flex-col items-center gap-1 p-8 text-center text-sm\"\n        >\n          <Spinner v-if=\"state.loadingList\" />\n          <template v-else>\n            <p class=\"text-foreground font-medium\">\n              {{ t('helpdesk.empty', {}, 'No tickets here') }}\n            </p>\n            <p>\n              {{\n                t('helpdesk.empty_description', {}, 'Nothing needs your attention in this view.')\n              }}\n            </p>\n          </template>\n        </div>\n        <ul v-else ref=\"list\" class=\"divide-y\">\n          <li v-for=\"item in state.list.tickets\" :key=\"item.key\">\n            <button\n              type=\"button\"\n              :data-ticket=\"item.key\"\n              :aria-current=\"item.key === state.selected ? 'true' : undefined\"\n              class=\"hover:bg-muted/60 aria-[current=true]:bg-muted focus-visible:ring-ring/50 flex w-full flex-col gap-1 px-3 py-2.5 text-start outline-none focus-visible:ring-[3px]\"\n              @click=\"controller.select(item.key)\"\n            >\n              <span class=\"flex items-center gap-2\">\n                <span\n                  v-if=\"item.awaitingReply\"\n                  class=\"bg-primary size-2 shrink-0 rounded-full\"\n                  aria-hidden=\"true\"\n                />\n                <span v-if=\"item.awaitingReply\" class=\"sr-only\">{{\n                  t('helpdesk.awaiting_reply', {}, 'Awaiting your reply')\n                }}</span>\n                <span class=\"text-muted-foreground text-xs tabular-nums\">{{ item.reference }}</span>\n                <span class=\"truncate text-sm font-medium\">{{ item.subject }}</span>\n                <time\n                  v-if=\"item.lastActivityAt\"\n                  :datetime=\"item.lastActivityAt\"\n                  class=\"text-muted-foreground ms-auto shrink-0 text-xs\"\n                  >{{ formatter.relative(item.lastActivityAt) }}</time\n                >\n              </span>\n              <span class=\"text-muted-foreground flex items-center gap-1 text-xs\">\n                <Icon :name=\"item.channelIcon\" class=\"size-3 shrink-0\" />\n                <span class=\"truncate\">{{ item.requester }}</span>\n                <span v-if=\"item.assignee\" class=\"truncate\">· {{ item.assignee }}</span>\n              </span>\n              <span\n                v-if=\"item.excerpt\"\n                :class=\"\n                  cn('text-muted-foreground line-clamp-2 text-xs', item.excerptInternal && 'italic')\n                \"\n              >\n                <LockIcon\n                  v-if=\"item.excerptInternal\"\n                  :aria-label=\"t('helpdesk.internal', {}, 'Internal note')\"\n                  class=\"me-1 inline size-3\"\n                />{{ item.excerpt }}\n              </span>\n              <span class=\"flex flex-wrap gap-1\">\n                <HelpdeskBadge :badge=\"item.status\" />\n                <HelpdeskBadge v-if=\"item.priority.value !== 'normal'\" :badge=\"item.priority\" />\n                <HelpdeskBadge :sla=\"item.sla\" :formatter=\"formatter\" />\n              </span>\n            </button>\n          </li>\n        </ul>\n        <div v-if=\"state.list.hasMore\" class=\"p-2\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            class=\"w-full\"\n            :disabled=\"state.loadingList\"\n            @click=\"controller.loadMore()\"\n          >\n            <Spinner v-if=\"state.loadingList\" />\n            {{ t('helpdesk.load_more', {}, 'Load more') }}\n          </Button>\n        </div>\n      </div>\n    </section>\n\n    <section\n      data-slot=\"helpdesk-ticket\"\n      :aria-label=\"\n        state.ticket\n          ? `${state.ticket.reference} ${state.ticket.subject}`\n          : t('helpdesk.conversation', {}, 'Conversation')\n      \"\n      :class=\"cn('flex min-h-0 min-w-0 flex-col', state.selected === null && 'max-md:hidden')\"\n    >\n      <div\n        v-if=\"state.selected === null\"\n        class=\"text-muted-foreground m-auto flex max-w-xs flex-col items-center gap-1 p-8 text-center text-sm\"\n      >\n        <p class=\"text-foreground font-medium\">{{ t('helpdesk.select', {}, 'Select a ticket') }}</p>\n        <p>\n          {{\n            t('helpdesk.select_description', {}, 'Pick a ticket on the list to read and answer it.')\n          }}\n        </p>\n      </div>\n      <div v-else-if=\"state.ticket === null\" class=\"flex flex-col gap-3 p-4\" aria-busy=\"true\">\n        <span class=\"sr-only\">{{ t('helpdesk.loading', {}, 'Loading…') }}</span>\n        <p v-if=\"state.ticketError\" role=\"alert\" class=\"text-destructive text-sm\">\n          {{ t('helpdesk.load_failed', {}, 'The ticket could not be loaded.') }}\n        </p>\n        <template v-else>\n          <Skeleton class=\"h-6 w-2/3\" />\n          <Skeleton class=\"h-24\" />\n          <Skeleton class=\"h-24\" />\n        </template>\n      </div>\n      <HelpdeskTicketPane\n        v-else\n        ref=\"pane\"\n        :ticket=\"state.ticket\"\n        :controller=\"controller\"\n        :token=\"page.token\"\n        :action-component=\"props.schema.actionComponent\"\n      />\n    </section>\n    <div aria-live=\"polite\" class=\"sr-only\">{{ state.announcement }}</div>\n  </Card>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"HelpdeskInboxView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createElementVNode","_unref","_normalizeClass","_createElementBlock","_Fragment","_renderList","_createVNode","Icon","_toDisplayString","_createCommentVNode","Input","Spinner","_createTextVNode","HelpdeskBadge","Button","Skeleton","HelpdeskTicketPane","Icon_default","Button_default","Spinner_default","Input_default","Skeleton_default","Card_default","HelpdeskBadge_default","HelpdeskTicketPane_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","HelpdeskInboxView_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageActionContext","t","useT","formatter","useFormatter","controller","HelpdeskInboxController","toRaw","state","useStore","search","ref","pane","list","stop","stopShortcuts","schema","searchElement","value","onMounted","key","onBeforeUnmount","openBlock","createBlock","withCtx","createElementVNode","unref","normalizeClass","cn","createElementBlock","Fragment","renderList","view","createVNode","toDisplayString","colorClass","badgeColorClasses","createCommentVNode","SearchIcon","_cache","$event","item","LockIcon","createTextVNode"],"sources":["../../../src/components/helpdesk/HelpdeskInboxView.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMyD,IAAQC,GAERC,KAASC,EAAgB,GACzBC,IAAOC,GAAqB,GAC5BC,IAAIC,GAAK,GACTC,IAAYC,EAAa,GACzBC,IAAa,IAAIC,GAAwBC,EAAMZ,EAAM,MAAM,GAAG;GAClE;GACA,OAAOI,EAAK;GACZ;EACF,CAAC,GACKS,IAAQC,GAASJ,EAAW,KAAK,GACjCK,IAASC,EAAyD,IAAI,GACtEC,IAAOD,EAAoD,IAAI,GAC/DE,IAAOF,EAA6B,IAAI,GAC1CG,IAA4B,MAC5BC,IAAqC;EAEzC,SACQpB,EAAM,SACX,MAAWU,EAAW,UAAUE,EAAMS,CAAM,CAAC,CAChD;EAEA,IAAMC,WAA+C;GACnD,IAAMC,IAAQR,EAAO;GAErB,OAAOQ,aAAiB,mBAAmBA,IAASA,GAAO,OAAO;EACpE;SAEAC,SAAgB;GAEd,AADA,IAAOd,EAAW,MAAM,GACxB,IAAgBA,EAAW,kBAAkB;IAC3C,qBAAqB,4BAA4BO,EAAK,OAAO,cAAc,CAAC;IAC5E,mBAAmBK,GAAc,CAAC,EAAE,MAAM;IAC1C,cAAc,MACZ,4BACEJ,EAAK,OAAO,cAA2B,iBAAiB,IAAI,OAAOO,CAAG,EAAE,GAAG,CAAC,EAAE,MAAM,CACtF;GACJ,CAAC;EACH,CAAC,GAEDC,SAAsB;GAEpB,AADAP,IAAO,GACPC,IAAgB;EAClB,CAAC,cAIC7E,EAAA,GAAAC,EAwLOC,IAAA;GAvLL,aAAU;GACV,OAAM;;GAEN,SAAAC,QA+BM;IA/BNC,EA+BM,OAAA;KA9BJ,aAAU;KACT,cAAYC,EAAA0D,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,OAAA;KACb,OAAKzD,EAAWD,EAAAqF,CAAA,CAAE,CAAA,iIAAuJrF,EAAAiE,CAAA,CAAK,CAAC,aAAQ,QAAA,eAAA,CAAA;IAOxLtE,GAAAA,EAAAA,EAAA,EAAA,GAAAO,EAoBSC,GAAA,MAAAC,EAnBQJ,EAAAiE,CAAA,CAAK,CAAC,KAAK,QAAnB,OADTtE,EAAA,GAAAO,EAoBS,UAAA;KAlBN,KAAKuF,EAAK;KACX,MAAK;KACJ,gBAAcA,EAAK,QAAQzF,EAAAiE,CAAA,CAAK,CAAC,OAAI,SAAY,KAAA;KAClD,OAAM;KACL,UAAK,MAAEjE,EAAA8D,CAAA,CAAU,CAAC,QAAQ2B,EAAK,GAAG;;KAEnCpF,EAAkDL,EAAAM,CAAA,GAAA;MAA3C,MAAMmF,EAAK;MAAM,OAAM;;KAC9B1F,EAAqD,QAArD2B,GAAqDnB,EAApBkF,EAAK,KAAK,GAAA,CAAA;KAEnCA,EAAK,UAAU,KAAA,KAAaA,EAAK,QAAK,KAD9C9F,EAAA,GAAAO,EASC,QAAA;;MAPE,OAAKD,EAAeD,EAAAqF,CAAA,CAAE,CAAA,4CAA0EI,EAAK,QAAQzF,EAAA4F,EAAA,CAAU,CAAC5F,EAAA6F,EAAA,GAAmBJ,EAAK,KAAK,IAAA,wBAAA,CAAA;KAMlJ,GAAAlF,EAAAP,EAAA4D,CAAA,CAAS,CAAC,OAAO6B,EAAK,KAAK,CAAA,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA;;IAKrC/F,EAwGU,WAAA;KAvGR,aAAU;KACT,cAAYC,EAAA0D,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,SAAA;KACb,OAAKzD,EAAED,EAAAqF,CAAA,CAAE,CAAA,kCAAmCrF,EAAAiE,CAAA,CAAK,CAAC,aAAQ,QAAA,eAAA,CAAA;IAE3DlE,GAAAA,CAAAA,EAgBM,OAhBN6B,GAgBM,CAfJvB,EAGEL,EAAA+F,CAAA,GAAA;KAFA,eAAY;KACZ,OAAM;IAER1F,CAAAA,GAAAA,EAUEI,IAAA;KATI,SAAA;KAAJ,KAAI0D;KACJ,MAAK;KACJ,eAAanE,EAAAiE,CAAA,CAAK,CAAC;KACnB,aAA0BjE,EAAA0D,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,0CAAA;KAG3B,cAAY1D,EAAA0D,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,gBAAA;KACd,OAAM;KACL,uBAAkB,AAAAsC,EAAA,QAAA,MAAEhG,EAAA8D,CAAA,CAAU,CAAC,UAAUmC,CAAM;;;;;IAGpDlG,CAAAA,CAAAA,CAAAA,GAAAA,EAiFM,OAAA;KAjFD,OAAM;KAAkC,aAAWC,EAAAiE,CAAA,CAAK,CAAC,eAAe,KAAA;IAEnEjE,GAAAA,CAAAA,EAAAiE,CAAA,CAAK,CAAC,KAAK,QAAQ,WAAM,KADjCtE,EAAA,GAAAO,EAeM,OAfN4B,GAeM,CAXW9B,EAAAiE,CAAA,CAAK,CAAC,eAArBtE,EAAA,GAAAC,EAAoCc,GAAA,EAAA,KAAA,EAAA,CAAA,MACpCf,EAAA,GAAAO,EASWC,GAAA,EAAA,KAAA,EAAA,GAAA,CARTJ,EAEI,KAFJgC,GAEIxB,EADCP,EAAA0D,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,iBAAA,CAAA,GAAA,CAAA,GAEN3D,EAII,KAAA,MAAAQ,EAFAP,EAAA0D,CAAA,CAAC,CAAA,8BAAA,CAAA,GAAA,4CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,EAAA,CAAA,MAKT/D,EAAA,GAAAO,EAmDK,MAAA;;KAnDU,SAAA;KAAJ,KAAIoE;KAAO,OAAM;IAC1B3E,GAAAA,EAAAA,EAAA,EAAA,GAAAO,EAiDKC,GAAA,MAAAC,EAjDcJ,EAAAiE,CAAA,CAAK,CAAC,KAAK,UAAnB,OAAXtE,EAAA,GAAAO,EAiDK,MAAA,EAjDmC,KAAKgG,EAAK,IAAA,GAAA,CAChDnG,EA+CS,UAAA;KA9CP,MAAK;KACJ,eAAamG,EAAK;KAClB,gBAAcA,EAAK,QAAQlG,EAAAiE,CAAA,CAAK,CAAC,WAAQ,SAAY,KAAA;KACtD,OAAM;KACL,UAAK,MAAEjE,EAAA8D,CAAA,CAAU,CAAC,OAAOoC,EAAK,GAAG;;KAElCnG,EAiBO,QAjBPkC,GAiBO;MAfGiE,EAAK,iBADbvG,EAAA,GAAAO,EAIE,QAJFgC,CAIE,KAAA4D,EAAA,IAAA,EAAA;MACUI,EAAK,iBAAjBvG,EAAA,GAAAO,EAES,QAFTiC,GAES5B,EADPP,EAAA0D,CAAA,CAAC,CAAA,2BAAA,CAAA,GAAA,qBAAA,CAAA,GAAA,CAAA,KAAAoC,EAAA,IAAA,EAAA;MAEH/F,EAAoF,QAApFqC,GAAoF7B,EAAxB2F,EAAK,SAAS,GAAA,CAAA;MAC1EnG,EAAoE,QAApEsC,GAAoE9B,EAAtB2F,EAAK,OAAO,GAAA,CAAA;MAElDA,EAAK,kBADbvG,EAAA,GAAAO,EAKC,QAAA;;OAHE,UAAUgG,EAAK;OAChB,OAAM;MACF,GAAA3F,EAAAP,EAAA4D,CAAA,CAAS,CAAC,SAASsC,EAAK,cAAc,CAAA,GAAA,GAAA5D,CAAA,KAAAwD,EAAA,IAAA,EAAA;;KAG9C/F,EAIO,QAJPwC,GAIO;MAHLlC,EAAyDL,EAAAM,CAAA,GAAA;OAAlD,MAAM4F,EAAK;OAAa,OAAM;;MACrCnG,EAAkD,QAAlDyC,GAAkDjC,EAAxB2F,EAAK,SAAS,GAAA,CAAA;MAC5BA,EAAK,YAAjBvG,EAAA,GAAAO,EAAwE,QAAxEuC,IAA4C,OAAElC,EAAG2F,EAAK,QAAQ,GAAA,CAAA,KAAAJ,EAAA,IAAA,EAAA;;KAGxDI,EAAK,WADbvG,EAAA,GAAAO,EAWO,QAAA;;MATJ,OAAKD,EAAqBD,EAAAqF,CAAA,CAAE,CAAA,8CAA+Ca,EAAK,mBAAe,QAAA,CAAA;KAKxF,GAAA,CAAAA,EAAK,mBADbvG,EAAA,GAAAC,EAIEI,EAAAmG,CAAA,GAAA;;MAFC,cAAYnG,EAAA0D,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,eAAA;MACd,OAAM;KACH/C,GAAAA,MAAAA,GAAAA,CAAAA,YAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAAJ,EAAA2F,EAAK,OAAO,GAAA,CAAA,CAAA,GAAA,CAAA,KAAAJ,EAAA,IAAA,EAAA;KAEnB/F,EAIO,QAJP2C,IAIO;MAHLrC,EAAsCO,GAAA,EAAtB,OAAOsF,EAAK,OAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;MACPA,EAAK,SAAS,UAAK,wBAAxCvG,EAAA,GAAAC,EAAgFgB,GAAA;;OAAxB,OAAOsF,EAAK;;MACpE7F,EAAwDO,GAAA;OAAxC,KAAKsF,EAAK;OAAM,WAAWlG,EAAA4D,CAAA;;;eAKxC5D,GAAAA,GAAAA,EAAAA,GAAAA,GAAAA,IAAAA,EAAAiE,CAAA,CAAK,CAAC,KAAK,WAAtBtE,EAAA,GAAAO,EAWM,OAXNyC,IAWM,CAVJtC,EASSQ,GAAA;KARP,SAAQ;KACR,MAAK;KACL,OAAM;KACL,UAAUb,EAAAiE,CAAA,CAAK,CAAC;KAChB,SAAK,AAAA+B,EAAA,QAAA,MAAEhG,EAAA8D,CAAA,CAAU,CAAC,SAAQ;;KAE3B,SAAAhE,QAAoC,CAArBE,EAAAiE,CAAA,CAAK,CAAC,eAArBtE,EAAA,GAAAC,EAAoCc,GAAA,EAAA,KAAA,EAAA,CAAA,KAAAoF,EAAA,IAAA,EAAA,GAAAnF,EAAA,MACpCJ,EAAGP,EAAA0D,CAAA,CAAC,CAAA,sBAAA,CAAA,GAAA,WAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAMZ3D,EAuCU,WAAA;KAtCR,aAAU;KACT,cAAqBC,EAAAiE,CAAA,CAAK,CAAC,SAAsB,GAAAjE,EAAAiE,CAAA,CAAK,CAAC,OAAO,UAAS,GAAIjE,EAAAiE,CAAA,CAAK,CAAC,OAAO,YAAsBjE,EAAA0D,CAAA,CAAC,CAAA,yBAAA,CAAA,GAAA,cAAA;KAK/G,OAAKzD,EAAED,EAAAqF,CAAA,CAAE,CAAA,iCAAkCrF,EAAAiE,CAAA,CAAK,CAAC,aAAQ,QAAA,eAAA,CAAA;IAGlDjE,GAAAA,CAAAA,EAAAiE,CAAA,CAAK,CAAC,aAAQ,QADtBtE,EAAA,GAAAO,EAUM,OAVN2C,IAUM,CANJ9C,EAA4F,KAA5F+C,IAA4FvC,EAAlDP,EAAA0D,CAAA,CAAC,CAAA,mBAAA,CAAA,GAAA,iBAAA,CAAA,GAAA,CAAA,GAC3C3D,EAII,KAAA,MAAAQ,EAFAP,EAAA0D,CAAA,CAAC,CAAA,+BAAA,CAAA,GAAA,kDAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAIS1D,EAAAiE,CAAA,CAAK,CAAC,WAAM,QAA5BtE,EAAA,GAAAO,EAUM,OAVN6C,IAUM,CATJhD,EAAwE,QAAxEiD,IAAwEzC,EAA/CP,EAAA0D,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,GACjB1D,EAAAiE,CAAA,CAAK,CAAC,eAAftE,EAAA,GAAAO,EAEI,KAFJ+C,IAEI1C,EADCP,EAAA0D,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,iCAAA,CAAA,GAAA,CAAA,MAEN/D,EAAA,GAAAO,EAIWC,GAAA,EAAA,KAAA,EAAA,GAAA;KAHTE,EAA8BS,GAAA,EAApB,OAAM,YAAW,CAAA;KAC3BT,EAAyBS,GAAA,EAAf,OAAM,OAAM,CAAA;KACtBT,EAAyBS,GAAA,EAAf,OAAM,OAAM,CAAA;IAG1BnB,GAAAA,EAAAA,EAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAOEmB,IAAA;;KALI,SAAA;KAAJ,KAAIsD;KACH,QAAQrE,EAAAiE,CAAA,CAAK,CAAC;KACd,YAAYjE,EAAA8D,CAAA;KACZ,OAAO9D,EAAAwD,CAAA,CAAI,CAAC;KACZ,oBAAkBJ,EAAM,OAAO;;;;;;;IAGpCrD,EAAsE,OAAtEmD,IAAsE3C,EAA3BP,EAAAiE,CAAA,CAAK,CAAC,YAAY,GAAA,CAAA"}

package/dist/components/helpdesk/HelpdeskTicketPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskTicketPane.js","names":["_sfc_main","HelpdeskTicketPane_vue_vue_type_script_setup_true_lang_default","HelpdeskTicketPane_default"],"sources":["../../../src/components/helpdesk/HelpdeskTicketPane.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskInboxController, HelpdeskTicket } from '@alfakit/core'\nimport { helpdeskFileSize, presenceInitials } from '@alfakit/core'\nimport { ArrowLeftIcon, ExternalLinkIcon, LockIcon, PaperclipIcon, SendIcon } from '@lucide/vue'\nimport { nextTick, onMounted, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport RecordPresence from '../realtime/RecordPresence.vue'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Textarea from '../ui/Textarea.vue'\nimport HelpdeskBadge from './HelpdeskBadge.vue'\n\nconst props = defineProps<{\n  ticket: HelpdeskTicket\n  controller: HelpdeskInboxController\n  token: string\n  actionComponent: string\n}>()\n\nconst t = useT()\nconst formatter = useFormatter()\nconst state = useStore(props.controller.store)\nconst messages = ref<HTMLOListElement | null>(null)\nconst composer = ref<{ $el: HTMLTextAreaElement } | null>(null)\nconst composerId = useId()\nconst hintId = useId()\n\nfunction focusComposer(): void {\n  composer.value?.$el.focus()\n}\n\ndefineExpose({ focusComposer })\n\nfunction scrollToEnd(): void {\n  void nextTick(() => {\n    if (messages.value) messages.value.scrollTop = messages.value.scrollHeight\n  })\n}\n\nonMounted(scrollToEnd)\nwatch(() => [props.ticket.key, props.ticket.messages.length], scrollToEnd)\n\nfunction onKeyDown(event: KeyboardEvent): void {\n  if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n    event.preventDefault()\n    void props.controller.send()\n  }\n\n  if (event.key === 'Escape') {\n    ;(event.currentTarget as HTMLElement | null)?.blur()\n  }\n}\n\nconst fileSize = (bytes: number | null | undefined) =>\n  helpdeskFileSize(bytes, (value) => formatter.value.number(value))\n</script>\n\n<template>\n  <!-- eslint-disable vue/no-v-html -- message bodies are sanitised on the server (Html::sanitize) -->\n  <header class=\"flex flex-col gap-2 border-b p-3\">\n    <div class=\"flex items-start gap-2\">\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"md:hidden\"\n        :aria-label=\"t('helpdesk.back', {}, 'Back to the list')\"\n        @click=\"props.controller.select(null)\"\n      >\n        <ArrowLeftIcon class=\"rtl:rotate-180\" />\n      </Button>\n      <div class=\"min-w-0 flex-1\">\n        <h2 class=\"truncate text-base font-semibold\">\n          <span class=\"text-muted-foreground me-1.5 font-normal tabular-nums\">{{\n            props.ticket.reference\n          }}</span\n          >{{ props.ticket.subject }}\n        </h2>\n        <p class=\"text-muted-foreground truncate text-xs\">\n          {{ props.ticket.requester.name\n          }}<template v-if=\"props.ticket.requester.email\">\n            · {{ props.ticket.requester.email }}</template\n          >\n        </p>\n      </div>\n      <RecordPresence v-if=\"props.ticket.presence\" :presence=\"props.ticket.presence\" />\n      <Button v-if=\"props.ticket.url\" as-child variant=\"ghost\" size=\"icon-sm\">\n        <a\n          :href=\"props.ticket.url\"\n          :aria-label=\"t('helpdesk.open_page', {}, 'Open the ticket page')\"\n          :title=\"t('helpdesk.open_page', {}, 'Open the ticket page')\"\n        >\n          <ExternalLinkIcon class=\"rtl:-scale-x-100\" />\n        </a>\n      </Button>\n    </div>\n    <dl class=\"text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-xs\">\n      <div class=\"flex items-center gap-1\">\n        <dt class=\"sr-only\">{{ t('helpdesk.status', {}, 'Status') }}</dt>\n        <dd><HelpdeskBadge :badge=\"props.ticket.status\" /></dd>\n      </div>\n      <div class=\"flex items-center gap-1\">\n        <dt class=\"sr-only\">{{ t('helpdesk.priority', {}, 'Priority') }}</dt>\n        <dd><HelpdeskBadge :badge=\"props.ticket.priority\" /></dd>\n      </div>\n      <div class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.assignee', {}, 'Assignee') }}:</dt>\n        <dd class=\"text-foreground\">\n          {{ props.ticket.assignee?.name ?? t('helpdesk.unassigned', {}, 'Unassigned') }}\n        </dd>\n      </div>\n      <div v-if=\"props.ticket.group\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.group', {}, 'Group') }}:</dt>\n        <dd class=\"text-foreground\">{{ props.ticket.group.name }}</dd>\n      </div>\n      <div v-if=\"props.ticket.sla.firstResponse\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.first_response', {}, 'First response') }}:</dt>\n        <dd><HelpdeskBadge :sla=\"props.ticket.sla.firstResponse\" :formatter=\"formatter\" /></dd>\n      </div>\n      <div v-if=\"props.ticket.sla.resolution\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.resolution', {}, 'Resolution') }}:</dt>\n        <dd><HelpdeskBadge :sla=\"props.ticket.sla.resolution\" :formatter=\"formatter\" /></dd>\n      </div>\n      <div v-if=\"props.ticket.satisfaction?.rating !== undefined\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.satisfaction', {}, 'Satisfaction') }}:</dt>\n        <dd class=\"text-foreground\">\n          {{ t('helpdesk.rating', { rating: props.ticket.satisfaction.rating }, ':rating / 5') }}\n        </dd>\n      </div>\n      <div v-if=\"props.ticket.tags?.length\" class=\"flex items-center gap-1\">\n        <dt class=\"sr-only\">{{ t('helpdesk.tags', {}, 'Tags') }}</dt>\n        <dd class=\"flex flex-wrap gap-1\">\n          <Badge v-for=\"tag in props.ticket.tags\" :key=\"tag\" variant=\"secondary\">{{ tag }}</Badge>\n        </dd>\n      </div>\n    </dl>\n    <div\n      v-if=\"props.ticket.actions.length > 0\"\n      role=\"group\"\n      :aria-label=\"t('helpdesk.actions', {}, 'Ticket actions')\"\n    >\n      <ActionList\n        :actions=\"props.ticket.actions\"\n        :context=\"{\n          token: props.token,\n          component: props.actionComponent,\n          record: props.ticket.key,\n        }\"\n        size=\"xs\"\n      />\n    </div>\n  </header>\n\n  <ol\n    ref=\"messages\"\n    :aria-label=\"t('helpdesk.conversation', {}, 'Conversation')\"\n    class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-3\"\n  >\n    <template v-for=\"message in props.ticket.messages\" :key=\"message.key\">\n      <li\n        v-if=\"message.kind === 'event'\"\n        data-slot=\"helpdesk-message\"\n        data-kind=\"event\"\n        class=\"text-muted-foreground flex items-center gap-2 self-center text-xs\"\n      >\n        <span class=\"sr-only\">{{ t('helpdesk.activity', {}, 'Activity') }}:</span>\n        <span class=\"[&_p]:inline\" v-html=\"message.html\" />\n        <time v-if=\"message.createdAt\" :datetime=\"message.createdAt\"\n          >· {{ formatter.relative(message.createdAt) }}</time\n        >\n      </li>\n      <li\n        v-else\n        data-slot=\"helpdesk-message\"\n        :data-kind=\"message.kind\"\n        :data-from=\"message.fromRequester ? 'requester' : 'agent'\"\n        :class=\"\n          cn(\n            'flex max-w-[48rem] gap-2.5',\n            !message.fromRequester && 'flex-row-reverse self-end text-start',\n          )\n        \"\n      >\n        <Avatar class=\"size-8 shrink-0\">\n          <AvatarImage v-if=\"message.author.avatar\" :src=\"message.author.avatar\" alt=\"\" />\n          <AvatarFallback aria-hidden=\"true\">{{\n            presenceInitials(message.author.name)\n          }}</AvatarFallback>\n        </Avatar>\n        <article\n          :class=\"\n            cn(\n              'min-w-0 rounded-lg border px-3 py-2',\n              message.kind === 'note'\n                ? 'border-warning/40 bg-warning/10'\n                : message.fromRequester\n                  ? 'bg-muted/50'\n                  : 'bg-primary/5 border-primary/20',\n            )\n          \"\n        >\n          <header class=\"mb-1 flex flex-wrap items-center gap-x-2 text-xs\">\n            <span class=\"font-medium\">{{ message.author.name }}</span>\n            <span\n              v-if=\"message.kind === 'note'\"\n              class=\"text-warning inline-flex items-center gap-1 font-medium\"\n            >\n              <LockIcon class=\"size-3\" aria-hidden=\"true\" />\n              {{ t('helpdesk.internal', {}, 'Internal note') }}\n            </span>\n            <time\n              v-if=\"message.createdAt\"\n              :datetime=\"message.createdAt\"\n              :title=\"formatter.dateTime(message.createdAt)\"\n              class=\"text-muted-foreground\"\n              >{{ formatter.relative(message.createdAt) }}</time\n            >\n          </header>\n          <div\n            class=\"prose prose-sm dark:prose-invert max-w-none break-words\"\n            v-html=\"message.html\"\n          />\n          <ul\n            v-if=\"message.attachments?.length\"\n            :aria-label=\"t('helpdesk.attachments', {}, 'Attachments')\"\n            class=\"mt-2 flex flex-wrap gap-1.5\"\n          >\n            <li v-for=\"(file, index) in message.attachments\" :key=\"index\">\n              <a\n                v-if=\"file.url\"\n                :href=\"file.url\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                class=\"hover:bg-muted inline-flex items-center gap-1 rounded border px-2 py-1 text-xs\"\n              >\n                <PaperclipIcon class=\"size-3\" aria-hidden=\"true\" />\n                {{ file.name }}\n                <span v-if=\"fileSize(file.size)\" class=\"text-muted-foreground\"\n                  >({{ fileSize(file.size) }})</span\n                >\n              </a>\n              <span\n                v-else\n                class=\"inline-flex items-center gap-1 rounded border px-2 py-1 text-xs\"\n                >{{ file.name }}</span\n              >\n            </li>\n          </ul>\n        </article>\n      </li>\n    </template>\n  </ol>\n\n  <p v-if=\"props.ticket.merged\" class=\"text-muted-foreground border-t p-3 text-sm\">\n    {{ t('helpdesk.merged', {}, 'This ticket was merged into another one.') }}\n  </p>\n\n  <form\n    v-if=\"props.ticket.canReply\"\n    data-slot=\"helpdesk-composer\"\n    :data-mode=\"state.composer.mode\"\n    class=\"data-[mode=note]:bg-warning/5 flex flex-col gap-2 border-t p-3\"\n    @submit.prevent=\"props.controller.send()\"\n  >\n    <div class=\"flex items-center justify-between gap-2\">\n      <div\n        role=\"radiogroup\"\n        :aria-label=\"t('helpdesk.mode', {}, 'Message type')\"\n        class=\"bg-muted inline-flex rounded-md p-0.5\"\n      >\n        <button\n          v-for=\"mode in ['reply', 'note'] as const\"\n          :key=\"mode\"\n          type=\"button\"\n          role=\"radio\"\n          :aria-checked=\"state.composer.mode === mode\"\n          class=\"aria-checked:bg-background aria-checked:text-foreground text-muted-foreground rounded px-2.5 py-1 text-xs font-medium aria-checked:shadow-xs\"\n          @click=\"props.controller.setMode(mode)\"\n        >\n          {{\n            mode === 'reply'\n              ? t('helpdesk.mode_reply', {}, 'Reply')\n              : t('helpdesk.mode_note', {}, 'Internal note')\n          }}\n        </button>\n      </div>\n      <p\n        v-if=\"state.requesterTyping\"\n        class=\"text-muted-foreground animate-pulse text-xs\"\n        role=\"status\"\n      >\n        {{\n          t('helpdesk.requester_typing', { name: props.ticket.requester.name }, ':name is typing…')\n        }}\n      </p>\n    </div>\n    <label :for=\"composerId\" class=\"sr-only\">\n      {{\n        state.composer.mode === 'note'\n          ? t('helpdesk.mode_note', {}, 'Internal note')\n          : t('helpdesk.mode_reply', {}, 'Reply')\n      }}\n    </label>\n    <Textarea\n      :id=\"composerId\"\n      ref=\"composer\"\n      rows=\"3\"\n      :model-value=\"state.composer.text\"\n      :aria-describedby=\"hintId\"\n      :aria-invalid=\"state.composer.error ? true : undefined\"\n      :placeholder=\"\n        state.composer.mode === 'note'\n          ? t('helpdesk.note_placeholder', {}, 'Add a note only agents can see…')\n          : t(\n              'helpdesk.reply_placeholder',\n              { name: props.ticket.requester.name },\n              'Reply to :name…',\n            )\n      \"\n      class=\"max-h-48 min-h-20 resize-y\"\n      @update:model-value=\"props.controller.setText($event)\"\n      @keydown=\"onKeyDown\"\n    />\n    <p v-if=\"state.composer.error\" role=\"alert\" class=\"text-destructive text-xs\">\n      {{ state.composer.error }}\n    </p>\n    <div class=\"flex items-center justify-between gap-2\">\n      <p :id=\"hintId\" class=\"text-muted-foreground text-xs max-sm:hidden\">\n        {{ t('helpdesk.send_hint', {}, 'Enter to send, Shift+Enter for a new line') }}\n      </p>\n      <Button\n        type=\"submit\"\n        size=\"sm\"\n        class=\"ms-auto\"\n        :variant=\"state.composer.mode === 'note' ? 'secondary' : 'default'\"\n        :disabled=\"state.composer.sending || state.composer.text.trim() === ''\"\n      >\n        <Spinner v-if=\"state.composer.sending\" />\n        <SendIcon v-else class=\"rtl:-scale-x-100\" />\n        {{\n          state.composer.sending\n            ? t('helpdesk.sending', {}, 'Sending…')\n            : state.composer.mode === 'note'\n              ? t('helpdesk.add_note', {}, 'Add note')\n              : t('helpdesk.send', {}, 'Send')\n        }}\n      </Button>\n    </div>\n  </form>\n</template>\n"],"mappings":""}
+{"version":3,"file":"HelpdeskTicketPane.js","names":["_sfc_main","HelpdeskTicketPane_vue_vue_type_script_setup_true_lang_default","HelpdeskTicketPane_default"],"sources":["../../../src/components/helpdesk/HelpdeskTicketPane.vue"],"mappings":""}

package/dist/components/helpdesk/HelpdeskTicketPane.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpdeskTicketPane.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","Button","_unref","_withCtx","_toDisplayString","_createTextVNode","_createCommentVNode","_createBlock","RecordPresence","HelpdeskBadge","_renderList","Badge","ActionList","_normalizeClass","Avatar","AvatarImage","AvatarFallback","_withModifiers","Textarea","Spinner","Badge_default","Button_default","Spinner_default","ActionList_default","Avatar_default","AvatarFallback_default","AvatarImage_default","RecordPresence_default","Textarea_default","HelpdeskBadge_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","HelpdeskTicketPane_vue_vue_type_script_setup_true_lang_default","__expose","props","__props","t","useT","formatter","useFormatter","state","useStore","messages","ref","composer","composerId","useId","hintId","focusComposer","scrollToEnd","onMounted","watch","onKeyDown","event","fileSize","helpdeskFileSize","bytes","value","openBlock","createElementBlock","Fragment","createElementVNode","createVNode","unref","_cache","withCtx","ArrowLeftIcon","toDisplayString","createTextVNode","createCommentVNode","createBlock","ExternalLinkIcon","renderList","tag","message","normalizeClass","cn","presenceInitials","LockIcon","index","file","PaperclipIcon","withModifiers","mode","$event","SendIcon"],"sources":["../../../src/components/helpdesk/HelpdeskTicketPane.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HelpdeskInboxController, HelpdeskTicket } from '@alfakit/core'\nimport { helpdeskFileSize, presenceInitials } from '@alfakit/core'\nimport { ArrowLeftIcon, ExternalLinkIcon, LockIcon, PaperclipIcon, SendIcon } from '@lucide/vue'\nimport { nextTick, onMounted, ref, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport RecordPresence from '../realtime/RecordPresence.vue'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport Textarea from '../ui/Textarea.vue'\nimport HelpdeskBadge from './HelpdeskBadge.vue'\n\nconst props = defineProps<{\n  ticket: HelpdeskTicket\n  controller: HelpdeskInboxController\n  token: string\n  actionComponent: string\n}>()\n\nconst t = useT()\nconst formatter = useFormatter()\nconst state = useStore(props.controller.store)\nconst messages = ref<HTMLOListElement | null>(null)\nconst composer = ref<{ $el: HTMLTextAreaElement } | null>(null)\nconst composerId = useId()\nconst hintId = useId()\n\nfunction focusComposer(): void {\n  composer.value?.$el.focus()\n}\n\ndefineExpose({ focusComposer })\n\nfunction scrollToEnd(): void {\n  void nextTick(() => {\n    if (messages.value) messages.value.scrollTop = messages.value.scrollHeight\n  })\n}\n\nonMounted(scrollToEnd)\nwatch(() => [props.ticket.key, props.ticket.messages.length], scrollToEnd)\n\nfunction onKeyDown(event: KeyboardEvent): void {\n  if (event.key === 'Enter' && !event.shiftKey && !event.isComposing) {\n    event.preventDefault()\n    void props.controller.send()\n  }\n\n  if (event.key === 'Escape') {\n    ;(event.currentTarget as HTMLElement | null)?.blur()\n  }\n}\n\nconst fileSize = (bytes: number | null | undefined) =>\n  helpdeskFileSize(bytes, (value) => formatter.value.number(value))\n</script>\n\n<template>\n  <!-- eslint-disable vue/no-v-html -- message bodies are sanitised on the server (Html::sanitize) -->\n  <header class=\"flex flex-col gap-2 border-b p-3\">\n    <div class=\"flex items-start gap-2\">\n      <Button\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"md:hidden\"\n        :aria-label=\"t('helpdesk.back', {}, 'Back to the list')\"\n        @click=\"props.controller.select(null)\"\n      >\n        <ArrowLeftIcon class=\"rtl:rotate-180\" />\n      </Button>\n      <div class=\"min-w-0 flex-1\">\n        <h2 class=\"truncate text-base font-semibold\">\n          <span class=\"text-muted-foreground me-1.5 font-normal tabular-nums\">{{\n            props.ticket.reference\n          }}</span\n          >{{ props.ticket.subject }}\n        </h2>\n        <p class=\"text-muted-foreground truncate text-xs\">\n          {{ props.ticket.requester.name\n          }}<template v-if=\"props.ticket.requester.email\">\n            · {{ props.ticket.requester.email }}</template\n          >\n        </p>\n      </div>\n      <RecordPresence v-if=\"props.ticket.presence\" :presence=\"props.ticket.presence\" />\n      <Button v-if=\"props.ticket.url\" as-child variant=\"ghost\" size=\"icon-sm\">\n        <a\n          :href=\"props.ticket.url\"\n          :aria-label=\"t('helpdesk.open_page', {}, 'Open the ticket page')\"\n          :title=\"t('helpdesk.open_page', {}, 'Open the ticket page')\"\n        >\n          <ExternalLinkIcon class=\"rtl:-scale-x-100\" />\n        </a>\n      </Button>\n    </div>\n    <dl class=\"text-muted-foreground flex flex-wrap items-center gap-x-3 gap-y-1 text-xs\">\n      <div class=\"flex items-center gap-1\">\n        <dt class=\"sr-only\">{{ t('helpdesk.status', {}, 'Status') }}</dt>\n        <dd><HelpdeskBadge :badge=\"props.ticket.status\" /></dd>\n      </div>\n      <div class=\"flex items-center gap-1\">\n        <dt class=\"sr-only\">{{ t('helpdesk.priority', {}, 'Priority') }}</dt>\n        <dd><HelpdeskBadge :badge=\"props.ticket.priority\" /></dd>\n      </div>\n      <div class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.assignee', {}, 'Assignee') }}:</dt>\n        <dd class=\"text-foreground\">\n          {{ props.ticket.assignee?.name ?? t('helpdesk.unassigned', {}, 'Unassigned') }}\n        </dd>\n      </div>\n      <div v-if=\"props.ticket.group\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.group', {}, 'Group') }}:</dt>\n        <dd class=\"text-foreground\">{{ props.ticket.group.name }}</dd>\n      </div>\n      <div v-if=\"props.ticket.sla.firstResponse\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.first_response', {}, 'First response') }}:</dt>\n        <dd><HelpdeskBadge :sla=\"props.ticket.sla.firstResponse\" :formatter=\"formatter\" /></dd>\n      </div>\n      <div v-if=\"props.ticket.sla.resolution\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.resolution', {}, 'Resolution') }}:</dt>\n        <dd><HelpdeskBadge :sla=\"props.ticket.sla.resolution\" :formatter=\"formatter\" /></dd>\n      </div>\n      <div v-if=\"props.ticket.satisfaction?.rating !== undefined\" class=\"flex items-center gap-1\">\n        <dt>{{ t('helpdesk.satisfaction', {}, 'Satisfaction') }}:</dt>\n        <dd class=\"text-foreground\">\n          {{ t('helpdesk.rating', { rating: props.ticket.satisfaction.rating }, ':rating / 5') }}\n        </dd>\n      </div>\n      <div v-if=\"props.ticket.tags?.length\" class=\"flex items-center gap-1\">\n        <dt class=\"sr-only\">{{ t('helpdesk.tags', {}, 'Tags') }}</dt>\n        <dd class=\"flex flex-wrap gap-1\">\n          <Badge v-for=\"tag in props.ticket.tags\" :key=\"tag\" variant=\"secondary\">{{ tag }}</Badge>\n        </dd>\n      </div>\n    </dl>\n    <div\n      v-if=\"props.ticket.actions.length > 0\"\n      role=\"group\"\n      :aria-label=\"t('helpdesk.actions', {}, 'Ticket actions')\"\n    >\n      <ActionList\n        :actions=\"props.ticket.actions\"\n        :context=\"{\n          token: props.token,\n          component: props.actionComponent,\n          record: props.ticket.key,\n        }\"\n        size=\"xs\"\n      />\n    </div>\n  </header>\n\n  <ol\n    ref=\"messages\"\n    :aria-label=\"t('helpdesk.conversation', {}, 'Conversation')\"\n    class=\"flex min-h-0 flex-1 flex-col gap-3 overflow-y-auto p-3\"\n  >\n    <template v-for=\"message in props.ticket.messages\" :key=\"message.key\">\n      <li\n        v-if=\"message.kind === 'event'\"\n        data-slot=\"helpdesk-message\"\n        data-kind=\"event\"\n        class=\"text-muted-foreground flex items-center gap-2 self-center text-xs\"\n      >\n        <span class=\"sr-only\">{{ t('helpdesk.activity', {}, 'Activity') }}:</span>\n        <span class=\"[&_p]:inline\" v-html=\"message.html\" />\n        <time v-if=\"message.createdAt\" :datetime=\"message.createdAt\"\n          >· {{ formatter.relative(message.createdAt) }}</time\n        >\n      </li>\n      <li\n        v-else\n        data-slot=\"helpdesk-message\"\n        :data-kind=\"message.kind\"\n        :data-from=\"message.fromRequester ? 'requester' : 'agent'\"\n        :class=\"\n          cn(\n            'flex max-w-[48rem] gap-2.5',\n            !message.fromRequester && 'flex-row-reverse self-end text-start',\n          )\n        \"\n      >\n        <Avatar class=\"size-8 shrink-0\">\n          <AvatarImage v-if=\"message.author.avatar\" :src=\"message.author.avatar\" alt=\"\" />\n          <AvatarFallback aria-hidden=\"true\">{{\n            presenceInitials(message.author.name)\n          }}</AvatarFallback>\n        </Avatar>\n        <article\n          :class=\"\n            cn(\n              'min-w-0 rounded-lg border px-3 py-2',\n              message.kind === 'note'\n                ? 'border-warning/40 bg-warning/10'\n                : message.fromRequester\n                  ? 'bg-muted/50'\n                  : 'bg-primary/5 border-primary/20',\n            )\n          \"\n        >\n          <header class=\"mb-1 flex flex-wrap items-center gap-x-2 text-xs\">\n            <span class=\"font-medium\">{{ message.author.name }}</span>\n            <span\n              v-if=\"message.kind === 'note'\"\n              class=\"text-warning inline-flex items-center gap-1 font-medium\"\n            >\n              <LockIcon class=\"size-3\" aria-hidden=\"true\" />\n              {{ t('helpdesk.internal', {}, 'Internal note') }}\n            </span>\n            <time\n              v-if=\"message.createdAt\"\n              :datetime=\"message.createdAt\"\n              :title=\"formatter.dateTime(message.createdAt)\"\n              class=\"text-muted-foreground\"\n              >{{ formatter.relative(message.createdAt) }}</time\n            >\n          </header>\n          <div\n            class=\"prose prose-sm dark:prose-invert max-w-none break-words\"\n            v-html=\"message.html\"\n          />\n          <ul\n            v-if=\"message.attachments?.length\"\n            :aria-label=\"t('helpdesk.attachments', {}, 'Attachments')\"\n            class=\"mt-2 flex flex-wrap gap-1.5\"\n          >\n            <li v-for=\"(file, index) in message.attachments\" :key=\"index\">\n              <a\n                v-if=\"file.url\"\n                :href=\"file.url\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                class=\"hover:bg-muted inline-flex items-center gap-1 rounded border px-2 py-1 text-xs\"\n              >\n                <PaperclipIcon class=\"size-3\" aria-hidden=\"true\" />\n                {{ file.name }}\n                <span v-if=\"fileSize(file.size)\" class=\"text-muted-foreground\"\n                  >({{ fileSize(file.size) }})</span\n                >\n              </a>\n              <span\n                v-else\n                class=\"inline-flex items-center gap-1 rounded border px-2 py-1 text-xs\"\n                >{{ file.name }}</span\n              >\n            </li>\n          </ul>\n        </article>\n      </li>\n    </template>\n  </ol>\n\n  <p v-if=\"props.ticket.merged\" class=\"text-muted-foreground border-t p-3 text-sm\">\n    {{ t('helpdesk.merged', {}, 'This ticket was merged into another one.') }}\n  </p>\n\n  <form\n    v-if=\"props.ticket.canReply\"\n    data-slot=\"helpdesk-composer\"\n    :data-mode=\"state.composer.mode\"\n    class=\"data-[mode=note]:bg-warning/5 flex flex-col gap-2 border-t p-3\"\n    @submit.prevent=\"props.controller.send()\"\n  >\n    <div class=\"flex items-center justify-between gap-2\">\n      <div\n        role=\"radiogroup\"\n        :aria-label=\"t('helpdesk.mode', {}, 'Message type')\"\n        class=\"bg-muted inline-flex rounded-md p-0.5\"\n      >\n        <button\n          v-for=\"mode in ['reply', 'note'] as const\"\n          :key=\"mode\"\n          type=\"button\"\n          role=\"radio\"\n          :aria-checked=\"state.composer.mode === mode\"\n          class=\"aria-checked:bg-background aria-checked:text-foreground text-muted-foreground rounded px-2.5 py-1 text-xs font-medium aria-checked:shadow-xs\"\n          @click=\"props.controller.setMode(mode)\"\n        >\n          {{\n            mode === 'reply'\n              ? t('helpdesk.mode_reply', {}, 'Reply')\n              : t('helpdesk.mode_note', {}, 'Internal note')\n          }}\n        </button>\n      </div>\n      <p\n        v-if=\"state.requesterTyping\"\n        class=\"text-muted-foreground animate-pulse text-xs\"\n        role=\"status\"\n      >\n        {{\n          t('helpdesk.requester_typing', { name: props.ticket.requester.name }, ':name is typing…')\n        }}\n      </p>\n    </div>\n    <label :for=\"composerId\" class=\"sr-only\">\n      {{\n        state.composer.mode === 'note'\n          ? t('helpdesk.mode_note', {}, 'Internal note')\n          : t('helpdesk.mode_reply', {}, 'Reply')\n      }}\n    </label>\n    <Textarea\n      :id=\"composerId\"\n      ref=\"composer\"\n      rows=\"3\"\n      :model-value=\"state.composer.text\"\n      :aria-describedby=\"hintId\"\n      :aria-invalid=\"state.composer.error ? true : undefined\"\n      :placeholder=\"\n        state.composer.mode === 'note'\n          ? t('helpdesk.note_placeholder', {}, 'Add a note only agents can see…')\n          : t(\n              'helpdesk.reply_placeholder',\n              { name: props.ticket.requester.name },\n              'Reply to :name…',\n            )\n      \"\n      class=\"max-h-48 min-h-20 resize-y\"\n      @update:model-value=\"props.controller.setText($event)\"\n      @keydown=\"onKeyDown\"\n    />\n    <p v-if=\"state.composer.error\" role=\"alert\" class=\"text-destructive text-xs\">\n      {{ state.composer.error }}\n    </p>\n    <div class=\"flex items-center justify-between gap-2\">\n      <p :id=\"hintId\" class=\"text-muted-foreground text-xs max-sm:hidden\">\n        {{ t('helpdesk.send_hint', {}, 'Enter to send, Shift+Enter for a new line') }}\n      </p>\n      <Button\n        type=\"submit\"\n        size=\"sm\"\n        class=\"ms-auto\"\n        :variant=\"state.composer.mode === 'note' ? 'secondary' : 'default'\"\n        :disabled=\"state.composer.sending || state.composer.text.trim() === ''\"\n      >\n        <Spinner v-if=\"state.composer.sending\" />\n        <SendIcon v-else class=\"rtl:-scale-x-100\" />\n        {{\n          state.composer.sending\n            ? t('helpdesk.sending', {}, 'Sending…')\n            : state.composer.mode === 'note'\n              ? t('helpdesk.add_note', {}, 'Add note')\n              : t('helpdesk.send', {}, 'Send')\n        }}\n      </Button>\n    </div>\n  </form>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"HelpdeskTicketPane.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","Button","_unref","_withCtx","_toDisplayString","_createTextVNode","_createCommentVNode","_createBlock","RecordPresence","HelpdeskBadge","_renderList","Badge","ActionList","_normalizeClass","Avatar","AvatarImage","AvatarFallback","_withModifiers","Textarea","Spinner","Badge_default","Button_default","Spinner_default","ActionList_default","Avatar_default","AvatarFallback_default","AvatarImage_default","RecordPresence_default","Textarea_default","HelpdeskBadge_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","HelpdeskTicketPane_vue_vue_type_script_setup_true_lang_default","__expose","props","__props","t","useT","formatter","useFormatter","state","useStore","messages","ref","composer","composerId","useId","hintId","focusComposer","scrollToEnd","onMounted","watch","onKeyDown","event","fileSize","helpdeskFileSize","bytes","value","openBlock","createElementBlock","Fragment","createElementVNode","createVNode","unref","_cache","withCtx","ArrowLeftIcon","toDisplayString","createTextVNode","createCommentVNode","createBlock","ExternalLinkIcon","renderList","tag","message","normalizeClass","cn","presenceInitials","LockIcon","index","file","PaperclipIcon","withModifiers","mode","$event","SendIcon"],"sources":["../../../src/components/helpdesk/HelpdeskTicketPane.vue"],"mappings":"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"}

package/dist/components/helpdesk/inbox-lazy.js.map

@@ -1 +1 @@
-{"version":3,"file":"inbox-lazy.js","names":["HelpdeskInboxSkeleton","HelpdeskInboxSkeleton_default","HelpdeskInbox","lazyComponent","module"],"sources":["../../../src/components/helpdesk/inbox-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport HelpdeskInboxSkeleton from './HelpdeskInboxSkeleton.vue'\n\n/** The helpdesk inbox; its code loads the first time the inbox is shown. */\nexport const HelpdeskInbox = lazyComponent(\n  'HelpdeskInbox',\n  () => import('./HelpdeskInbox.vue').then((module) => module.default),\n  HelpdeskInboxSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAgBC,EAC3B,uBACM,OAAO,qBAAsB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACnEJ,CACF"}
+{"version":3,"file":"inbox-lazy.js","names":["HelpdeskInboxSkeleton","HelpdeskInboxSkeleton_default","HelpdeskInbox","lazyComponent","module"],"sources":["../../../src/components/helpdesk/inbox-lazy.ts"],"mappings":";;;AAIA,IAAaE,IAAgBC,EAC3B,uBACM,OAAO,qBAAsB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACnEJ,CACF"}

package/dist/components/kanban/Kanban.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kanban.js","names":["_sfc_main","Kanban_vue_vue_type_script_setup_true_lang_default","Kanban_default"],"sources":["../../../src/components/kanban/Kanban.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanSchema, KanbanWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport KanbanBoard from './KanbanBoard.vue'\n\n/**\n * The board of a `KanbanPage` (schema component `kanban`) or a `KanbanWidget`\n * (alfasix/alfakit-kanban).\n */\nconst props = defineProps<{ component?: KanbanSchema; widget?: KanbanWidgetSchema }>()\nconst board = computed(() => props.component ?? props.widget?.kanban)\n</script>\n\n<template>\n  <KanbanBoard v-if=\"board\" :key=\"board.actionComponent\" :board=\"board\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"Kanban.js","names":["_sfc_main","Kanban_vue_vue_type_script_setup_true_lang_default","Kanban_default"],"sources":["../../../src/components/kanban/Kanban.vue"],"mappings":""}

package/dist/components/kanban/Kanban.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kanban.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","KanbanBoard","_createCommentVNode","KanbanBoard_default","Kanban_vue_vue_type_script_setup_true_lang_default","props","__props","board","computed","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/kanban/Kanban.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanSchema, KanbanWidgetSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport KanbanBoard from './KanbanBoard.vue'\n\n/**\n * The board of a `KanbanPage` (schema component `kanban`) or a `KanbanWidget`\n * (alfasix/alfakit-kanban).\n */\nconst props = defineProps<{ component?: KanbanSchema; widget?: KanbanWidgetSchema }>()\nconst board = computed(() => props.component ?? props.widget?.kanban)\n</script>\n\n<template>\n  <KanbanBoard v-if=\"board\" :key=\"board.actionComponent\" :board=\"board\" />\n</template>\n"],"mappings":";;;;;;;;;;EASA,IAAMM,IAAQC,GACRC,IAAQC,QAAeH,EAAM,aAAaA,EAAM,QAAQ,MAAM;mBAI/CE,EAAA,SAAnBR,EAAA,GAAAC,EAAwEC,GAAA;GAA7C,KAAKM,EAAA,MAAM;GAAkB,OAAOA,EAAA"}
+{"version":3,"file":"Kanban.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","KanbanBoard","_createCommentVNode","KanbanBoard_default","Kanban_vue_vue_type_script_setup_true_lang_default","props","__props","board","computed","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/kanban/Kanban.vue"],"mappings":";;;;;;;;;;EASA,IAAMM,IAAQC,GACRC,IAAQC,QAAeH,EAAM,aAAaA,EAAM,QAAQ,MAAM;mBAI/CE,EAAA,SAAnBR,EAAA,GAAAC,EAAwEC,GAAA;GAA7C,KAAKM,EAAA,MAAM;GAAkB,OAAOA,EAAA"}

package/dist/components/kanban/KanbanBoard.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.js","names":["_sfc_main","KanbanBoard_vue_vue_type_script_setup_true_lang_default","KanbanBoard_default"],"sources":["../../../src/components/kanban/KanbanBoard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanEnvironment, KanbanSchema } from '@alfakit/core'\nimport {\n  KanbanController,\n  attachKanbanPointer,\n  clientErrorNotification,\n  createKanbanFiltersStore,\n  kanbanActiveFilters,\n  kanbanCardsIn,\n  kanbanInitials,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ChevronRightIcon, SearchIcon } from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, toRaw, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { showToast } from '../notifications/flash-toasts'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardTitle from '../ui/CardTitle.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport KanbanCard from './KanbanCard.vue'\nimport KanbanColumnHeader from './KanbanColumnHeader.vue'\nimport KanbanFilters from './KanbanFilters.vue'\n\n/**\n * Cards move by dragging (mouse, pen, touch) or with the keyboard, and every move is\n * saved in one request.\n */\nconst props = defineProps<{ board: KanbanSchema }>()\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst panel = usePanel()\nconst t = useT()\nconst direction = useDirection()\nconst labelId = useId()\nconst instructionsId = useId()\n\nconst environment = (): KanbanEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification('kanban', message)),\n  visit: (url) => router.visit(url),\n})\n\nconst controller = new KanbanController(toRaw(props.board), environment())\nconst filters = createKanbanFiltersStore(\n  toRaw(props.board),\n  page.token,\n  panel.value.endpoints.schemaOptions,\n)\nconst state = useStore(controller.store)\nconst root = ref<{ $el: HTMLElement } | null>(null)\nconst cards = new Map<string, HTMLElement>()\nconst focused = ref<string | null>(null)\nconst search = ref(state.value.search)\nlet detach: (() => void) | null = null\nlet stopPolling: (() => void) | null = null\n\nwatch(\n  () => props.board,\n  (board) => controller.setBoard(toRaw(board)),\n)\nwatch(\n  () => state.value.search,\n  (value) => {\n    if (value !== search.value) search.value = value\n  },\n)\n\nonMounted(() => {\n  const element = root.value?.$el\n\n  if (element instanceof HTMLElement) detach = attachKanbanPointer(element, controller)\n\n  stopPolling = controller.startPolling()\n})\n\nonBeforeUnmount(() => {\n  detach?.()\n  stopPolling?.()\n  controller.destroy()\n  filters?.destroy()\n})\n\nconst schema = computed(() => {\n  // Re-read when the state changes (the controller swaps its schema with the board).\n  void state.value.columns\n\n  return controller.schema\n})\nconst lanes = computed(() => {\n  void state.value.columns\n\n  return controller.lanes()\n})\nconst filtered = computed(\n  () => state.value.search !== '' || kanbanActiveFilters(state.value.filters) > 0,\n)\nconst keys = computed(() =>\n  state.value.columns.flatMap((column) => column.cards.map((card) => card.key)),\n)\nconst current = computed(() =>\n  focused.value !== null && keys.value.includes(focused.value)\n    ? focused.value\n    : (keys.value[0] ?? null),\n)\nconst template = computed(() =>\n  state.value.columns\n    .map((column) => (state.value.collapsed.has(column.key) ? '3.25rem' : 'minmax(16rem, 20rem)'))\n    .join(' '),\n)\n\n// A card moved to another column is mounted there before its old element is unmounted, so\n// an unmount only forgets the element it registered itself (else the moved card would lose\n// its entry and the keyboard focus).\nconst setCard = (key: string) => {\n  let own: HTMLElement | null = null\n\n  return (element: unknown) => {\n    if (element instanceof HTMLElement) {\n      own = element\n      cards.set(key, element)\n    } else if (own !== null) {\n      if (cards.get(key) === own) cards.delete(key)\n      own = null\n    }\n  }\n}\n\nconst focus = (key: string | undefined) => {\n  if (!key) return\n  focused.value = key\n  void nextTick(() => cards.get(key)?.focus())\n}\n\n// A card picked up with the keyboard moves to another list: keep the focus on it.\nwatch(\n  () => state.value.picked,\n  (picked) => {\n    if (picked?.via !== 'keyboard') return\n\n    void nextTick(() => {\n      const element = cards.get(picked.key)\n\n      if (element && document.activeElement !== element) element.focus()\n    })\n  },\n)\n\nconst onKeyDown = (key: string, event: KeyboardEvent) => {\n  if (event.target !== event.currentTarget) return\n\n  const result = controller.handleKey(key, event, direction.value)\n\n  if (!result.handled) return\n\n  event.preventDefault()\n\n  if (result.open) controller.open(key)\n  else focus(result.focus)\n}\n\nconst onSearch = (value: string) => {\n  search.value = value\n  controller.setSearch(value)\n}\n\nconst laneCount = (lane: string) =>\n  state.value.columns.reduce((sum, column) => sum + kanbanCardsIn(column, lane).length, 0)\n</script>\n\n<template>\n  <Card ref=\"root\" role=\"region\" :aria-labelledby=\"labelId\" class=\"gap-3 py-4\" data-slot=\"kanban\">\n    <div class=\"flex flex-wrap items-center gap-2 px-4\" data-slot=\"kanban-toolbar\">\n      <CardTitle v-if=\"schema.heading\" :id=\"labelId\" class=\"text-base\">{{\n        schema.heading\n      }}</CardTitle>\n      <span v-else :id=\"labelId\" class=\"sr-only\">{{ t('kanban.label', {}, 'Kanban board') }}</span>\n      <div class=\"ms-auto flex w-full flex-wrap items-center gap-2 sm:w-auto\">\n        <Spinner v-if=\"state.loading\" class=\"size-4\" />\n        <div v-if=\"schema.searchable\" class=\"relative w-full sm:w-64\">\n          <SearchIcon\n            class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n            aria-hidden=\"true\"\n          />\n          <Input\n            type=\"search\"\n            :model-value=\"search\"\n            class=\"h-8 ps-8\"\n            :placeholder=\"t('kanban.search_placeholder', {}, 'Search…')\"\n            :aria-label=\"t('kanban.search', {}, 'Search cards')\"\n            @update:model-value=\"onSearch\"\n          />\n        </div>\n        <KanbanFilters v-if=\"filters\" :controller=\"controller\" :store=\"filters\" />\n      </div>\n    </div>\n    <p :id=\"instructionsId\" class=\"sr-only\">\n      {{\n        t(\n          'kanban.instructions',\n          {},\n          'Press Space to pick up a card. While it is picked up, use the arrow keys to move it, Space to drop it and Escape to cancel.',\n        )\n      }}\n    </p>\n    <div\n      class=\"relative overflow-x-auto overscroll-x-contain px-4 pb-2\"\n      data-slot=\"kanban-scroller\"\n    >\n      <div class=\"grid w-max min-w-full snap-x gap-3\" :style=\"{ gridTemplateColumns: template }\">\n        <KanbanColumnHeader\n          v-for=\"column in state.columns\"\n          :id=\"`${labelId}-column-${column.key}`\"\n          :key=\"column.key\"\n          :column=\"column\"\n          :collapsed=\"state.collapsed.has(column.key)\"\n          :creatable=\"Boolean(column.creatable && schema.createAction)\"\n          :filtered=\"filtered\"\n          @toggle=\"controller.toggleColumn(column.key)\"\n          @create=\"controller.create(column.key)\"\n        />\n        <template v-for=\"lane in lanes\" :key=\"lane?.key ?? '__board'\">\n          <div\n            v-if=\"lane\"\n            class=\"flex items-center gap-2 pt-2\"\n            style=\"grid-column: 1 / -1\"\n            data-slot=\"kanban-lane\"\n            :data-lane=\"lane.key\"\n          >\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              :aria-expanded=\"!state.collapsedLanes.has(lane.key)\"\n              :aria-label=\"\n                state.collapsedLanes.has(lane.key)\n                  ? t('kanban.expand_lane', { lane: lane.label }, 'Expand row :lane')\n                  : t('kanban.collapse_lane', { lane: lane.label }, 'Collapse row :lane')\n              \"\n              @click=\"controller.toggleLane(lane.key)\"\n            >\n              <ChevronRightIcon\n                :class=\"\n                  cn(\n                    'transition-transform rtl:rotate-180',\n                    !state.collapsedLanes.has(lane.key) && 'rotate-90 rtl:rotate-90',\n                  )\n                \"\n                aria-hidden=\"true\"\n              />\n            </Button>\n            <Avatar v-if=\"lane.avatar\" class=\"size-6\">\n              <AvatarImage :src=\"lane.avatar\" alt=\"\" />\n              <AvatarFallback>{{ kanbanInitials(lane.label) }}</AvatarFallback>\n            </Avatar>\n            <Icon v-else-if=\"lane.icon\" :name=\"lane.icon\" class=\"text-muted-foreground size-4\" />\n            <span :id=\"`${labelId}-lane-${lane.key}`\" class=\"text-sm font-semibold\">{{\n              lane.label\n            }}</span>\n            <Badge variant=\"secondary\" class=\"h-5 px-1.5 tabular-nums\">{{\n              laneCount(lane.key)\n            }}</Badge>\n          </div>\n          <template v-if=\"!lane || !state.collapsedLanes.has(lane.key)\">\n            <ul\n              v-for=\"column in state.columns\"\n              :key=\"column.key\"\n              role=\"list\"\n              :aria-labelledby=\"\n                [\n                  `${labelId}-column-${column.key}`,\n                  lane ? `${labelId}-lane-${lane.key}` : undefined,\n                ]\n                  .filter(Boolean)\n                  .join(' ')\n              \"\n              data-slot=\"kanban-dropzone\"\n              :data-column=\"column.key\"\n              :data-lane=\"lane?.key\"\n              :data-refused=\"state.picked && state.refused?.column === column.key ? '' : undefined\"\n              :class=\"\n                cn(\n                  'bg-muted/40 flex min-h-24 flex-col gap-2 rounded-lg p-2',\n                  lane === null && 'max-h-[70vh] overflow-y-auto',\n                )\n              \"\n            >\n              <template v-if=\"!state.collapsed.has(column.key)\">\n                <KanbanCard\n                  v-for=\"card in kanbanCardsIn(column, lane?.key ?? null)\"\n                  :key=\"card.key\"\n                  :card=\"card\"\n                  :board=\"schema\"\n                  :token=\"page.token\"\n                  :current=\"current === card.key\"\n                  :picked=\"state.picked?.key === card.key ? state.picked.via : undefined\"\n                  :saving=\"state.saving.has(card.key)\"\n                  :described-by=\"instructionsId\"\n                  :set-ref=\"setCard(card.key)\"\n                  @focus=\"focused = card.key\"\n                  @keydown=\"onKeyDown(card.key, $event)\"\n                  @open=\"controller.open(card.key)\"\n                />\n                <li\n                  v-if=\"kanbanCardsIn(column, lane?.key ?? null).length === 0\"\n                  class=\"text-muted-foreground rounded-md border border-dashed px-2 py-6 text-center text-xs\"\n                  data-slot=\"kanban-empty\"\n                >\n                  {{\n                    filtered\n                      ? t('kanban.no_results', {}, 'No cards match')\n                      : (column.emptyState ?? t('kanban.empty', {}, 'No cards'))\n                  }}\n                </li>\n                <li\n                  v-if=\"lane === null && column.total > column.cards.length\"\n                  class=\"text-muted-foreground px-2 text-center text-xs\"\n                >\n                  {{\n                    t(\n                      'kanban.more_cards',\n                      { count: column.total - column.cards.length },\n                      '+:count more',\n                    )\n                  }}\n                </li>\n              </template>\n            </ul>\n          </template>\n        </template>\n      </div>\n    </div>\n    <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n  </Card>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KanbanBoard.js","names":["_sfc_main","KanbanBoard_vue_vue_type_script_setup_true_lang_default","KanbanBoard_default"],"sources":["../../../src/components/kanban/KanbanBoard.vue"],"mappings":""}

package/dist/components/kanban/KanbanBoard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_unref","_withCtx","_createElementVNode","CardTitle","_createTextVNode","_toDisplayString","_createElementBlock","Spinner","_createCommentVNode","_createVNode","Input","KanbanFilters","_normalizeStyle","_Fragment","_renderList","KanbanColumnHeader","Button","_normalizeClass","Avatar","AvatarImage","AvatarFallback","Icon","Badge","KanbanCard","Icon_default","Badge_default","Button_default","Spinner_default","Input_default","Card_default","Avatar_default","AvatarFallback_default","AvatarImage_default","CardTitle_default","KanbanCard_default","KanbanColumnHeader_default","KanbanFilters_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","KanbanBoard_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageActionContext","panel","usePanel","t","useT","direction","useDirection","labelId","useId","instructionsId","controller","KanbanController","toRaw","notifications","showToast","notification","clientErrorNotification","message","router","url","filters","createKanbanFiltersStore","state","useStore","root","ref","cards","focused","search","detach","stopPolling","watch","board","value","onMounted","element","attachKanbanPointer","onBeforeUnmount","schema","computed","lanes","filtered","kanbanActiveFilters","keys","column","card","current","template","setCard","own","key","focus","nextTick","picked","onKeyDown","event","result","onSearch","laneCount","sum","kanbanCardsIn","lane","openBlock","createBlock","unref","withCtx","createElementVNode","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","createVNode","SearchIcon","normalizeStyle","Fragment","renderList","ChevronRightIcon","normalizeClass","cn","kanbanInitials","$event"],"sources":["../../../src/components/kanban/KanbanBoard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanEnvironment, KanbanSchema } from '@alfakit/core'\nimport {\n  KanbanController,\n  attachKanbanPointer,\n  clientErrorNotification,\n  createKanbanFiltersStore,\n  kanbanActiveFilters,\n  kanbanCardsIn,\n  kanbanInitials,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { ChevronRightIcon, SearchIcon } from '@lucide/vue'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, toRaw, useId, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport { showToast } from '../notifications/flash-toasts'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.vue'\nimport Badge from '../ui/Badge.vue'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardTitle from '../ui/CardTitle.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport KanbanCard from './KanbanCard.vue'\nimport KanbanColumnHeader from './KanbanColumnHeader.vue'\nimport KanbanFilters from './KanbanFilters.vue'\n\n/**\n * Cards move by dragging (mouse, pen, touch) or with the keyboard, and every move is\n * saved in one request.\n */\nconst props = defineProps<{ board: KanbanSchema }>()\n\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst panel = usePanel()\nconst t = useT()\nconst direction = useDirection()\nconst labelId = useId()\nconst instructionsId = useId()\n\nconst environment = (): KanbanEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification('kanban', message)),\n  visit: (url) => router.visit(url),\n})\n\nconst controller = new KanbanController(toRaw(props.board), environment())\nconst filters = createKanbanFiltersStore(\n  toRaw(props.board),\n  page.token,\n  panel.value.endpoints.schemaOptions,\n)\nconst state = useStore(controller.store)\nconst root = ref<{ $el: HTMLElement } | null>(null)\nconst cards = new Map<string, HTMLElement>()\nconst focused = ref<string | null>(null)\nconst search = ref(state.value.search)\nlet detach: (() => void) | null = null\nlet stopPolling: (() => void) | null = null\n\nwatch(\n  () => props.board,\n  (board) => controller.setBoard(toRaw(board)),\n)\nwatch(\n  () => state.value.search,\n  (value) => {\n    if (value !== search.value) search.value = value\n  },\n)\n\nonMounted(() => {\n  const element = root.value?.$el\n\n  if (element instanceof HTMLElement) detach = attachKanbanPointer(element, controller)\n\n  stopPolling = controller.startPolling()\n})\n\nonBeforeUnmount(() => {\n  detach?.()\n  stopPolling?.()\n  controller.destroy()\n  filters?.destroy()\n})\n\nconst schema = computed(() => {\n  // Re-read when the state changes (the controller swaps its schema with the board).\n  void state.value.columns\n\n  return controller.schema\n})\nconst lanes = computed(() => {\n  void state.value.columns\n\n  return controller.lanes()\n})\nconst filtered = computed(\n  () => state.value.search !== '' || kanbanActiveFilters(state.value.filters) > 0,\n)\nconst keys = computed(() =>\n  state.value.columns.flatMap((column) => column.cards.map((card) => card.key)),\n)\nconst current = computed(() =>\n  focused.value !== null && keys.value.includes(focused.value)\n    ? focused.value\n    : (keys.value[0] ?? null),\n)\nconst template = computed(() =>\n  state.value.columns\n    .map((column) => (state.value.collapsed.has(column.key) ? '3.25rem' : 'minmax(16rem, 20rem)'))\n    .join(' '),\n)\n\n// A card moved to another column is mounted there before its old element is unmounted, so\n// an unmount only forgets the element it registered itself (else the moved card would lose\n// its entry and the keyboard focus).\nconst setCard = (key: string) => {\n  let own: HTMLElement | null = null\n\n  return (element: unknown) => {\n    if (element instanceof HTMLElement) {\n      own = element\n      cards.set(key, element)\n    } else if (own !== null) {\n      if (cards.get(key) === own) cards.delete(key)\n      own = null\n    }\n  }\n}\n\nconst focus = (key: string | undefined) => {\n  if (!key) return\n  focused.value = key\n  void nextTick(() => cards.get(key)?.focus())\n}\n\n// A card picked up with the keyboard moves to another list: keep the focus on it.\nwatch(\n  () => state.value.picked,\n  (picked) => {\n    if (picked?.via !== 'keyboard') return\n\n    void nextTick(() => {\n      const element = cards.get(picked.key)\n\n      if (element && document.activeElement !== element) element.focus()\n    })\n  },\n)\n\nconst onKeyDown = (key: string, event: KeyboardEvent) => {\n  if (event.target !== event.currentTarget) return\n\n  const result = controller.handleKey(key, event, direction.value)\n\n  if (!result.handled) return\n\n  event.preventDefault()\n\n  if (result.open) controller.open(key)\n  else focus(result.focus)\n}\n\nconst onSearch = (value: string) => {\n  search.value = value\n  controller.setSearch(value)\n}\n\nconst laneCount = (lane: string) =>\n  state.value.columns.reduce((sum, column) => sum + kanbanCardsIn(column, lane).length, 0)\n</script>\n\n<template>\n  <Card ref=\"root\" role=\"region\" :aria-labelledby=\"labelId\" class=\"gap-3 py-4\" data-slot=\"kanban\">\n    <div class=\"flex flex-wrap items-center gap-2 px-4\" data-slot=\"kanban-toolbar\">\n      <CardTitle v-if=\"schema.heading\" :id=\"labelId\" class=\"text-base\">{{\n        schema.heading\n      }}</CardTitle>\n      <span v-else :id=\"labelId\" class=\"sr-only\">{{ t('kanban.label', {}, 'Kanban board') }}</span>\n      <div class=\"ms-auto flex w-full flex-wrap items-center gap-2 sm:w-auto\">\n        <Spinner v-if=\"state.loading\" class=\"size-4\" />\n        <div v-if=\"schema.searchable\" class=\"relative w-full sm:w-64\">\n          <SearchIcon\n            class=\"text-muted-foreground pointer-events-none absolute start-2.5 top-1/2 size-4 -translate-y-1/2\"\n            aria-hidden=\"true\"\n          />\n          <Input\n            type=\"search\"\n            :model-value=\"search\"\n            class=\"h-8 ps-8\"\n            :placeholder=\"t('kanban.search_placeholder', {}, 'Search…')\"\n            :aria-label=\"t('kanban.search', {}, 'Search cards')\"\n            @update:model-value=\"onSearch\"\n          />\n        </div>\n        <KanbanFilters v-if=\"filters\" :controller=\"controller\" :store=\"filters\" />\n      </div>\n    </div>\n    <p :id=\"instructionsId\" class=\"sr-only\">\n      {{\n        t(\n          'kanban.instructions',\n          {},\n          'Press Space to pick up a card. While it is picked up, use the arrow keys to move it, Space to drop it and Escape to cancel.',\n        )\n      }}\n    </p>\n    <div\n      class=\"relative overflow-x-auto overscroll-x-contain px-4 pb-2\"\n      data-slot=\"kanban-scroller\"\n    >\n      <div class=\"grid w-max min-w-full snap-x gap-3\" :style=\"{ gridTemplateColumns: template }\">\n        <KanbanColumnHeader\n          v-for=\"column in state.columns\"\n          :id=\"`${labelId}-column-${column.key}`\"\n          :key=\"column.key\"\n          :column=\"column\"\n          :collapsed=\"state.collapsed.has(column.key)\"\n          :creatable=\"Boolean(column.creatable && schema.createAction)\"\n          :filtered=\"filtered\"\n          @toggle=\"controller.toggleColumn(column.key)\"\n          @create=\"controller.create(column.key)\"\n        />\n        <template v-for=\"lane in lanes\" :key=\"lane?.key ?? '__board'\">\n          <div\n            v-if=\"lane\"\n            class=\"flex items-center gap-2 pt-2\"\n            style=\"grid-column: 1 / -1\"\n            data-slot=\"kanban-lane\"\n            :data-lane=\"lane.key\"\n          >\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              :aria-expanded=\"!state.collapsedLanes.has(lane.key)\"\n              :aria-label=\"\n                state.collapsedLanes.has(lane.key)\n                  ? t('kanban.expand_lane', { lane: lane.label }, 'Expand row :lane')\n                  : t('kanban.collapse_lane', { lane: lane.label }, 'Collapse row :lane')\n              \"\n              @click=\"controller.toggleLane(lane.key)\"\n            >\n              <ChevronRightIcon\n                :class=\"\n                  cn(\n                    'transition-transform rtl:rotate-180',\n                    !state.collapsedLanes.has(lane.key) && 'rotate-90 rtl:rotate-90',\n                  )\n                \"\n                aria-hidden=\"true\"\n              />\n            </Button>\n            <Avatar v-if=\"lane.avatar\" class=\"size-6\">\n              <AvatarImage :src=\"lane.avatar\" alt=\"\" />\n              <AvatarFallback>{{ kanbanInitials(lane.label) }}</AvatarFallback>\n            </Avatar>\n            <Icon v-else-if=\"lane.icon\" :name=\"lane.icon\" class=\"text-muted-foreground size-4\" />\n            <span :id=\"`${labelId}-lane-${lane.key}`\" class=\"text-sm font-semibold\">{{\n              lane.label\n            }}</span>\n            <Badge variant=\"secondary\" class=\"h-5 px-1.5 tabular-nums\">{{\n              laneCount(lane.key)\n            }}</Badge>\n          </div>\n          <template v-if=\"!lane || !state.collapsedLanes.has(lane.key)\">\n            <ul\n              v-for=\"column in state.columns\"\n              :key=\"column.key\"\n              role=\"list\"\n              :aria-labelledby=\"\n                [\n                  `${labelId}-column-${column.key}`,\n                  lane ? `${labelId}-lane-${lane.key}` : undefined,\n                ]\n                  .filter(Boolean)\n                  .join(' ')\n              \"\n              data-slot=\"kanban-dropzone\"\n              :data-column=\"column.key\"\n              :data-lane=\"lane?.key\"\n              :data-refused=\"state.picked && state.refused?.column === column.key ? '' : undefined\"\n              :class=\"\n                cn(\n                  'bg-muted/40 flex min-h-24 flex-col gap-2 rounded-lg p-2',\n                  lane === null && 'max-h-[70vh] overflow-y-auto',\n                )\n              \"\n            >\n              <template v-if=\"!state.collapsed.has(column.key)\">\n                <KanbanCard\n                  v-for=\"card in kanbanCardsIn(column, lane?.key ?? null)\"\n                  :key=\"card.key\"\n                  :card=\"card\"\n                  :board=\"schema\"\n                  :token=\"page.token\"\n                  :current=\"current === card.key\"\n                  :picked=\"state.picked?.key === card.key ? state.picked.via : undefined\"\n                  :saving=\"state.saving.has(card.key)\"\n                  :described-by=\"instructionsId\"\n                  :set-ref=\"setCard(card.key)\"\n                  @focus=\"focused = card.key\"\n                  @keydown=\"onKeyDown(card.key, $event)\"\n                  @open=\"controller.open(card.key)\"\n                />\n                <li\n                  v-if=\"kanbanCardsIn(column, lane?.key ?? null).length === 0\"\n                  class=\"text-muted-foreground rounded-md border border-dashed px-2 py-6 text-center text-xs\"\n                  data-slot=\"kanban-empty\"\n                >\n                  {{\n                    filtered\n                      ? t('kanban.no_results', {}, 'No cards match')\n                      : (column.emptyState ?? t('kanban.empty', {}, 'No cards'))\n                  }}\n                </li>\n                <li\n                  v-if=\"lane === null && column.total > column.cards.length\"\n                  class=\"text-muted-foreground px-2 text-center text-xs\"\n                >\n                  {{\n                    t(\n                      'kanban.more_cards',\n                      { count: column.total - column.cards.length },\n                      '+:count more',\n                    )\n                  }}\n                </li>\n              </template>\n            </ul>\n          </template>\n        </template>\n      </div>\n    </div>\n    <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,IAAMqD,IAAQC,GAERC,KAASC,EAAgB,GACzBC,IAAOC,GAAqB,GAC5BC,KAAQC,EAAS,GACjBC,IAAIC,GAAK,GACTC,KAAYC,EAAa,GACzBC,IAAUC,EAAM,GAChBC,IAAiBD,EAAM,GAWvBE,IAAa,IAAIC,GAAiBC,EAAMjB,EAAM,KAAK,GATX;GAC5C;GACA,OAAOI,EAAK;GACZ;GACA,SAAS,MAAkBc,EAAc,SAAS,MAAiBC,EAAUC,CAAY,CAAC;GAC1F,QAAQ,MAAYD,EAAUE,GAAwB,UAAUC,CAAO,CAAC;GACxE,QAAQ,MAAQC,GAAO,MAAMC,CAAG;EAClC,CAEyE,GACnEC,IAAUC,GACdT,EAAMjB,EAAM,KAAK,GACjBI,EAAK,OACLE,GAAM,MAAM,UAAU,aACxB,GACMqB,IAAQC,GAASb,EAAW,KAAK,GACjCc,IAAOC,EAAiC,IAAI,GAC5CC,oBAAQ,IAAI,IAAyB,GACrCC,IAAUF,EAAmB,IAAI,GACjCG,IAASH,EAAIH,EAAM,MAAM,MAAM,GACjCO,IAA8B,MAC9BC,IAAmC;EAqBvC,AAnBAC,QACQpC,EAAM,QACX,MAAUe,EAAW,SAASE,EAAMoB,CAAK,CAAC,CAC7C,GACAD,QACQT,EAAM,MAAM,SACjB,MAAU;GACT,AAAIW,MAAUL,EAAO,UAAO,EAAO,QAAQK;EAC7C,CACF,GAEAC,SAAgB;GACd,IAAMC,IAAUX,EAAK,OAAO;GAI5B,AAFIW,aAAmB,gBAAa,IAASC,GAAoBD,GAASzB,CAAU,IAEpF,IAAcA,EAAW,aAAa;EACxC,CAAC,GAED2B,SAAsB;GAIpB,AAHAR,IAAS,GACTC,IAAc,GACdpB,EAAW,QAAQ,GACnBU,GAAS,QAAQ;EACnB,CAAC;EAED,IAAMkB,IAASC,SAEbjB,EAAW,MAAM,SAEVZ,EAAW,OACnB,GACK8B,KAAQD,SACZjB,EAAW,MAAM,SAEVZ,EAAW,MAAM,EACzB,GACK+B,IAAWF,QACTjB,EAAM,MAAM,WAAW,MAAMoB,GAAoBpB,EAAM,MAAM,OAAO,IAAI,CAChF,GACMqB,IAAOJ,QACXjB,EAAM,MAAM,QAAQ,SAAS,MAAWsB,EAAO,MAAM,KAAK,MAASC,EAAK,GAAG,CAAC,CAC9E,GACMC,KAAUP,QACdZ,EAAQ,UAAU,QAAQgB,EAAK,MAAM,SAAShB,EAAQ,KAAK,IACvDA,EAAQ,QACPgB,EAAK,MAAM,MAAM,IACxB,GACMI,KAAWR,QACfjB,EAAM,MAAM,QACT,KAAK,MAAYA,EAAM,MAAM,UAAU,IAAIsB,EAAO,GAAG,IAAI,YAAY,sBAAuB,CAAA,CAC5F,KAAK,GAAG,CACb,GAKMI,MAAW,MAAgB;GAC/B,IAAIC,IAA0B;GAE9B,QAAQ,MAAqB;IAC3B,AAAId,aAAmB,eACrB,IAAMA,GACNT,EAAM,IAAIwB,GAAKf,CAAO,KACbc,MAAQ,SACbvB,EAAM,IAAIwB,CAAG,MAAMD,KAAKvB,EAAM,OAAOwB,CAAG,GAC5C,IAAM;GAEV;EACF,GAEMC,MAAS,MAA4B;GACzC,AAAKD,MACL,EAAQ,QAAQA,GAChBE,QAAoB1B,EAAM,IAAIwB,CAAG,CAAC,EAAE,MAAM,CAAC;EAC7C;EAGA,QACQ5B,EAAM,MAAM,SACjB,MAAW;GACV,AAAI+B,GAAQ,QAAQ,cAEpBD,QAAoB;IAClB,IAAMjB,IAAUT,EAAM,IAAI2B,EAAO,GAAG;IAEpC,AAAIlB,KAAW,SAAS,kBAAkBA,KAASA,EAAQ,MAAM;GACnE,CAAC;EACH,CACF;EAEA,IAAMmB,MAAa,GAAa,MAAyB;GACvD,IAAIC,EAAM,WAAWA,EAAM,eAAe;GAE1C,IAAMC,IAAS9C,EAAW,UAAUwC,GAAKK,GAAOlD,GAAU,KAAK;GAE/D,AAAKmD,EAAO,YAEZD,EAAM,eAAe,GAEjBC,EAAO,OAAM9C,EAAW,KAAKwC,CAAG,IAC/BC,GAAMK,EAAO,KAAK;EACzB,GAEMC,MAAY,MAAkB;GAElC,AADA,EAAO,QAAQxB,GACfvB,EAAW,UAAUuB,CAAK;EAC5B,GAEMyB,MAAa,MACjBpC,EAAM,MAAM,QAAQ,QAAQ,GAAK,MAAWqC,IAAMC,EAAchB,GAAQiB,CAAI,CAAC,CAAC,QAAQ,CAAC;oBAIvFvH,EAAA,GAAAC,EAkKOC,IAAA;GAlKG,SAAA;GAAJ,KAAIgF;GAAO,MAAK;GAAU,mBAAiB/E,EAAA8D,CAAA;GAAS,OAAM;GAAa,aAAU;;GACrF,SAAA7D,QAuBM;IAvBNC,EAuBM,OAvBNmC,GAuBM,CAtBawD,EAAA,MAAO,WAAxBhG,EAAA,GAAAC,EAEcK,GAAA;;KAFoB,IAAIH,EAAA8D,CAAA;KAAS,OAAM;;KAAY,SAAA7D,QAE/D,CADAG,EAAAC,EAAAwF,EAAA,MAAO,OAAO,GAAA,CAAA,CAAA,CAAA;;IAEhBhG,GAAAA,GAAAA,CAAAA,IAAAA,CAAAA,MAAAA,EAAA,GAAAS,EAA6F,QAAA;;KAA/E,IAAIN,EAAA8D,CAAA;KAAS,OAAM;IAAa,GAAAzD,EAAAL,EAAA0D,CAAA,CAAC,CAAA,gBAAA,CAAA,GAAA,cAAA,CAAA,GAAA,GAAApB,EAAA,IAC/CpC,EAiBM,OAjBNqC,IAiBM;KAhBWvC,EAAA6E,CAAA,CAAK,CAAC,WAArBhF,EAAA,GAAAC,EAA+CS,IAAA;;MAAjB,OAAM;;KACzBsF,EAAA,MAAO,cAAlBhG,EAAA,GAAAS,EAaM,OAbNkC,IAaM,CAZJ/B,EAGET,EAAA+H,CAAA,GAAA;MAFA,OAAM;MACN,eAAY;KAEdtH,CAAAA,GAAAA,EAOEC,IAAA;MANA,MAAK;MACJ,eAAayE,EAAA;MACd,OAAM;MACL,aAAanF,EAAA0D,CAAA,CAAC,CAAA,6BAAA,CAAA,GAAA,SAAA;MACd,cAAY1D,EAAA0D,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,cAAA;MACb,uBAAoBsD;;;;;;KAGJhH,EAAA2E,CAAA,KAArB9E,EAAA,GAAAC,EAA0Ea,IAAA;;MAA3C,YAAYX,EAAAiE,CAAA;MAAa,OAAOjE,EAAA2E,CAAA;;;IAGnEzE,EAQI,KAAA;KARA,IAAIF,EAAAgE,CAAA;KAAgB,OAAM;IAE1B,GAAA3D,EAAAL,EAAA0D,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,6HAAA,CAAA,GAAA,GAAAjB,EAAA;IAOLvC,EA8HM,OA9HNwC,IA8HM,CA1HJxC,EAyHM,OAAA;KAzHD,OAAM;KAAsC,OAAKU,GAAA,EAAA,qBAAyB0F,GAAA,MAAQ,CAAA;IACrFzG,GAAAA,EAAAA,EAAA,EAAA,GAAAS,EAUEO,GAAA,MAAAC,EATiBd,EAAA6E,CAAA,CAAK,CAAC,UAAhB,OADThF,EAAA,GAAAC,EAUEiB,GAAA;KARC,IAAE,GAAKf,EAAA8D,CAAA,EAAO,UAAWqC,EAAO;KAChC,KAAKA,EAAO;KACJ;KACR,WAAWnG,EAAA6E,CAAA,CAAK,CAAC,UAAU,IAAIsB,EAAO,GAAG;KACzC,WAAW,GAAQA,EAAO,aAAaN,EAAA,MAAO;KAC9C,UAAUG,EAAA;KACV,WAAM,MAAEhG,EAAAiE,CAAA,CAAU,CAAC,aAAakC,EAAO,GAAG;KAC1C,WAAM,MAAEnG,EAAAiE,CAAA,CAAU,CAAC,OAAOkC,EAAO,GAAG;;;;;;;;;OAEvCtG,GAAAA,GAAAA,KAAAA,EAAA,EAAA,GAAAS,EA4GWO,GAAA,MAAAC,EA5GciF,GAAA,QAAR,OAAqBsB,EAAA,GAAAO,EAAAK,GAAA,EAAA,KAAAb,GAAM,OAAG,UAAA,GAAA,CAErCA,KADRvH,EAAA,GAAAS,EAwCM,OAAA;;KAtCJ,OAAM;KACN,OAAA,EAAA,eAAA,SAAA;KACA,aAAU;KACT,aAAW8G,EAAK;;KAEjB3G,EAqBSO,GAAA;MApBP,MAAK;MACL,SAAQ;MACR,MAAK;MACJ,iBAAa,CAAGhB,EAAA6E,CAAA,CAAK,CAAC,eAAe,IAAIuC,EAAK,GAAG;MACjD,cAA6BpH,EAAA6E,CAAA,CAAK,CAAC,eAAe,IAAIuC,EAAK,GAAG,IAAsBpH,EAAA0D,CAAA,CAAC,CAAA,sBAAA,EAAA,MAA+B0D,EAAK,MAAK,GAAA,kBAAA,IAA4CpH,EAAA0D,CAAA,CAAC,CAAA,wBAAA,EAAA,MAAiC0D,EAAK,MAAK,GAAA,oBAAA;MAKtN,UAAK,MAAEpH,EAAAiE,CAAA,CAAU,CAAC,WAAWmD,EAAK,GAAG;;MAEtC,SAAAnH,QAQE,CARFQ,EAQET,EAAAmI,CAAA,GAAA;OAPC,OAAKlH,EAAqBjB,EAAAqI,CAAA,CAAE,CAAA,uCAAkF,CAAArI,EAAA6E,CAAA,CAAK,CAAC,eAAe,IAAIuC,EAAK,GAAG,KAAA,yBAAA,CAAA;OAMhJ,eAAY;;;;;;;;KAGFA,EAAK,UAAnBvH,EAAA,GAAAC,EAGSoB,GAAA;;MAHkB,OAAM;;MAC/B,SAAAjB,QAAyC,CAAzCQ,EAAyCU,GAAA;OAA3B,KAAKiG,EAAK;OAAQ,KAAI;MACpC3G,GAAAA,MAAAA,GAAAA,CAAAA,KAAAA,CAAAA,GAAAA,EAAiEW,GAAA,MAAA;OAAjD,SAAAnB,QAAgC,CAA7BG,EAAAC,EAAAL,EAAAsI,EAAA,CAAc,CAAClB,EAAK,KAAK,CAAA,GAAA,CAAA,CAAA,CAAA;;;;KAE7B,GAAA,IAAA,KAAAA,EAAK,QAAtBvH,EAAA,GAAAC,EAAqFE,EAAAqB,EAAA,GAAA;;MAAxD,MAAM+F,EAAK;MAAM,OAAM;;KACpDlH,EAES,QAAA;MAFF,IAAE,GAAKF,EAAA8D,CAAA,EAAO,QAASsD,EAAK;MAAO,OAAM;KAC9C,GAAA/G,EAAA+G,EAAK,KAAK,GAAA,GAAAxE,EAAA;KAEZnC,EAEUa,IAAA;MAFH,SAAQ;MAAY,OAAM;;MAA0B,SAAArB,QAEzD,CADAG,EAAAC,EAAA4G,GAAUG,EAAK,GAAG,CAAA,GAAA,CAAA,CAAA,CAAA;;;IAGL,GAAA,GAAAzE,CAAA,KAAAkF,EAAA,IAAA,EAAA,GAAA,CAAAT,KAAI,CAAKpH,EAAA6E,CAAA,CAAK,CAAC,eAAe,IAAIuC,EAAK,GAAG,KACzDvH,EAAA,EAAA,GAAAS,EA+DKO,GAAA,EAAA,KAAA,EAAA,GAAAC,EA9Dcd,EAAA6E,CAAA,CAAK,CAAC,UAAhB,OADThF,EAAA,GAAAS,EA+DK,MAAA;KA7DF,KAAK6F,EAAO;KACb,MAAK;KACJ,mBAAA,CAAyD,GAAAnG,EAAA8D,CAAA,EAAO,UAAWqC,EAAO,OAAyBiB,IAAI,GAAMpH,EAAA8D,CAAA,EAAO,QAASsD,EAAK,QAAQ,KAAA,CAAA,CAAA,CAAgD,OAAO,OAAO,CAAA,CAAqB,KAAI,GAAA;KAQ1O,aAAU;KACT,eAAajB,EAAO;KACpB,aAAWiB,GAAM;KACjB,gBAAcpH,EAAA6E,CAAA,CAAK,CAAC,UAAU7E,EAAA6E,CAAA,CAAK,CAAC,SAAS,WAAWsB,EAAO,MAAG,KAAQ,KAAA;KAC1E,OAAKlF,EAAmBjB,EAAAqI,CAAA,CAAE,CAAA,2DAAiGjB,MAAI,QAAA,8BAAA,CAAA;IAO/G,GAAA,CAAApH,EAAA6E,CAAA,CAAK,CAAC,UAAU,IAAIsB,EAAO,GAAG,iBAA/CtG,EAAA,GAAAS,EAuCWO,GAAA,EAAA,KAAA,EAAA,GAAA;MAtCThB,EAAA,EAAA,GAAAS,EAcEO,GAAA,MAAAC,EAbed,EAAAmH,CAAA,CAAa,CAAChB,GAAQiB,GAAM,OAAG,IAAA,IAAvC,OADTvH,EAAA,GAAAC,EAcEyB,GAAA;MAZC,KAAK6E,EAAK;MACJ;MACN,OAAOP,EAAA;MACP,OAAO7F,EAAAsD,CAAA,CAAI,CAAC;MACZ,SAAS+C,GAAA,UAAYD,EAAK;MAC1B,QAAQpG,EAAA6E,CAAA,CAAK,CAAC,QAAQ,QAAQuB,EAAK,MAAMpG,EAAA6E,CAAA,CAAK,CAAC,OAAO,MAAM,KAAA;MAC5D,QAAQ7E,EAAA6E,CAAA,CAAK,CAAC,OAAO,IAAIuB,EAAK,GAAG;MACjC,gBAAcpG,EAAAgE,CAAA;MACd,WAASuC,GAAQH,EAAK,GAAG;MACzB,UAAK,MAAE,EAAA,QAAUA,EAAK;MACtB,YAAO,MAAES,GAAUT,EAAK,KAAKmC,CAAM;MACnC,SAAI,MAAEvI,EAAAiE,CAAA,CAAU,CAAC,KAAKmC,EAAK,GAAG;;;;;;;;;;;;;;KAGzBpG,EAAAmH,CAAA,CAAa,CAAChB,GAAQiB,GAAM,OAAG,IAAA,CAAA,CAAU,WAAM,KADvDvH,EAAA,GAAAS,EAUK,MAVLwC,IAUKzC,EAJD2F,EAAA,QAAiChG,EAAA0D,CAAA,CAAC,CAAA,qBAAA,CAAA,GAAA,gBAAA,IAAqEyC,EAAO,cAAcnG,EAAA0D,CAAA,CAAC,CAAA,gBAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA,KAAAmE,EAAA,IAAA,EAAA;KAMzHT,MAAI,QAAajB,EAAO,QAAQA,EAAO,MAAM,UADrDtG,EAAA,GAAAS,EAWK,MAXLyC,IAWK1C,EANDL,EAAA0D,CAAA,CAAC,CAAA,qBAA4E,EAAA,OAAAyC,EAAO,QAAQA,EAAO,MAAM,OAAM,GAAA,cAAA,CAAA,GAAA,CAAA,KAAA0B,EAAA,IAAA,EAAA;;IAa/H3H,EAAoF,OAApF8C,IAAoF3C,EAA3BL,EAAA6E,CAAA,CAAK,CAAC,YAAY,GAAA,CAAA"}
+{"version":3,"file":"KanbanBoard.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_unref","_withCtx","_createElementVNode","CardTitle","_createTextVNode","_toDisplayString","_createElementBlock","Spinner","_createCommentVNode","_createVNode","Input","KanbanFilters","_normalizeStyle","_Fragment","_renderList","KanbanColumnHeader","Button","_normalizeClass","Avatar","AvatarImage","AvatarFallback","Icon","Badge","KanbanCard","Icon_default","Badge_default","Button_default","Spinner_default","Input_default","Card_default","Avatar_default","AvatarFallback_default","AvatarImage_default","CardTitle_default","KanbanCard_default","KanbanColumnHeader_default","KanbanFilters_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","KanbanBoard_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageActionContext","panel","usePanel","t","useT","direction","useDirection","labelId","useId","instructionsId","controller","KanbanController","toRaw","notifications","showToast","notification","clientErrorNotification","message","router","url","filters","createKanbanFiltersStore","state","useStore","root","ref","cards","focused","search","detach","stopPolling","watch","board","value","onMounted","element","attachKanbanPointer","onBeforeUnmount","schema","computed","lanes","filtered","kanbanActiveFilters","keys","column","card","current","template","setCard","own","key","focus","nextTick","picked","onKeyDown","event","result","onSearch","laneCount","sum","kanbanCardsIn","lane","openBlock","createBlock","unref","withCtx","createElementVNode","createTextVNode","toDisplayString","createElementBlock","createCommentVNode","createVNode","SearchIcon","normalizeStyle","Fragment","renderList","ChevronRightIcon","normalizeClass","cn","kanbanInitials","$event"],"sources":["../../../src/components/kanban/KanbanBoard.vue"],"mappings":"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"}

package/dist/components/kanban/KanbanCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.js","names":["_sfc_main","KanbanCard_vue_vue_type_script_setup_true_lang_default","KanbanCard_default"],"sources":["../../../src/components/kanban/KanbanCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { KanbanCardSchema, KanbanSchema } from '@alfakit/core'\nimport { kanbanInitials } from '@alfakit/core'\nimport { CalendarIcon } from '@lucide/vue'\nimport { computed, useId } from 'vue'\nimport { useFormatter, useT } from '../../context'\nimport { badgeColorClasses, colorClass, cssColor } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport SchemaRenderer from '../schema/SchemaRenderer.vue'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.vue'\nimport Badge from '../ui/Badge.vue'\n\nconst props = defineProps<{\n  card: KanbanCardSchema\n  board: KanbanSchema\n  token: string\n  current: boolean\n  picked?: 'keyboard' | 'pointer'\n  saving: boolean\n  describedBy: string\n  setRef: (element: unknown) => void\n}>()\nconst emit = defineEmits<{ focus: []; keydown: [event: KeyboardEvent]; open: [] }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst titleId = useId()\n\nconst opens = computed(\n  () => props.card.clickable !== false && Boolean(props.card.url || props.board.cardAction),\n)\nconst assignees = computed(() => props.card.assignees ?? [])\nconst shownAssignees = computed(() => assignees.value.slice(0, 3))\nconst dueDate = computed(() => (props.card.dueDate ? formatter.value.date(props.card.dueDate) : ''))\n</script>\n\n<template>\n  <li\n    class=\"relative\"\n    data-slot=\"kanban-card\"\n    :data-key=\"props.card.key\"\n    :data-movable=\"props.board.movable && props.card.movable !== false ? undefined : 'false'\"\n    :data-picked=\"props.picked\"\n    :data-saving=\"props.saving ? '' : undefined\"\n  >\n    <div\n      :ref=\"props.setRef\"\n      role=\"button\"\n      :tabindex=\"props.current ? 0 : -1\"\n      :aria-labelledby=\"titleId\"\n      :aria-describedby=\"props.describedBy\"\n      :aria-disabled=\"opens ? undefined : true\"\n      data-slot=\"kanban-card-body\"\n      :class=\"\n        cn(\n          'bg-card text-card-foreground focus-visible:ring-ring/50 flex touch-manipulation flex-col gap-2 overflow-hidden rounded-lg border p-3 text-start shadow-xs outline-none select-none focus-visible:ring-[3px]',\n          opens && 'hover:border-ring/60 cursor-pointer',\n          props.card.color && 'border-s-4',\n        )\n      \"\n      :style=\"props.card.color ? { borderInlineStartColor: cssColor(props.card.color) } : undefined\"\n      @focus=\"(event: FocusEvent) => event.target === event.currentTarget && emit('focus')\"\n      @keydown=\"emit('keydown', $event)\"\n      @click=\"opens && emit('open')\"\n    >\n      <img\n        v-if=\"props.card.coverImage\"\n        :src=\"props.card.coverImage\"\n        :alt=\"props.card.coverImageAlt ?? ''\"\n        loading=\"lazy\"\n        draggable=\"false\"\n        class=\"-mx-3 -mt-3 h-32 w-[calc(100%+1.5rem)] max-w-none object-cover\"\n      />\n      <span\n        :id=\"titleId\"\n        :class=\"cn('text-sm leading-snug font-medium', props.card.actions && 'pe-7')\"\n        >{{ props.card.title }}</span\n      >\n      <p v-if=\"props.card.description\" class=\"text-muted-foreground line-clamp-3 text-xs\">\n        {{ props.card.description }}\n      </p>\n      <div v-if=\"props.card.badges?.length\" class=\"flex flex-wrap gap-1\">\n        <Badge\n          v-for=\"(badge, index) in props.card.badges\"\n          :key=\"index\"\n          variant=\"outline\"\n          :title=\"badge.tooltip\"\n          :class=\"colorClass(badgeColorClasses, badge.color, 'gray')\"\n        >\n          <Icon v-if=\"badge.icon\" :name=\"badge.icon\" />\n          {{ badge.label }}\n        </Badge>\n      </div>\n      <SchemaRenderer\n        v-if=\"props.card.schema?.length\"\n        :components=\"props.card.schema\"\n        class=\"gap-2 text-xs\"\n      />\n      <div\n        v-if=\"props.card.progress !== undefined\"\n        role=\"progressbar\"\n        :aria-valuemin=\"0\"\n        :aria-valuemax=\"100\"\n        :aria-valuenow=\"Math.round(props.card.progress)\"\n        :aria-label=\"\n          t(\n            'kanban.progress',\n            { percent: formatter.percent(props.card.progress / 100) },\n            ':percent complete',\n          )\n        \"\n        class=\"bg-muted h-1.5 overflow-hidden rounded-full\"\n      >\n        <div class=\"bg-primary h-full rounded-full\" :style=\"{ width: `${props.card.progress}%` }\" />\n      </div>\n      <div\n        v-if=\"props.card.dueDate || assignees.length > 0\"\n        class=\"flex items-center gap-2 text-xs\"\n      >\n        <span\n          v-if=\"props.card.dueDate\"\n          :class=\"\n            cn(\n              'inline-flex items-center gap-1',\n              props.card.overdue ? 'text-destructive font-medium' : 'text-muted-foreground',\n            )\n          \"\n        >\n          <CalendarIcon class=\"size-3.5\" aria-hidden=\"true\" />\n          <span class=\"sr-only\">{{ t('kanban.due', { date: dueDate }, 'Due :date') }}</span>\n          <time :datetime=\"props.card.dueDate\" aria-hidden=\"true\">{{ dueDate }}</time>\n          <span v-if=\"props.card.overdue\" class=\"sr-only\">{{\n            t('kanban.overdue', {}, 'Overdue')\n          }}</span>\n        </span>\n        <div v-if=\"assignees.length > 0\" class=\"ms-auto flex items-center\">\n          <span class=\"sr-only\">{{\n            t(\n              'kanban.assignees',\n              { names: formatter.list(assignees.map((assignee) => assignee.name)) },\n              'Assigned to :names',\n            )\n          }}</span>\n          <div class=\"flex -space-x-1.5 rtl:space-x-reverse\" aria-hidden=\"true\">\n            <Avatar\n              v-for=\"(assignee, index) in shownAssignees\"\n              :key=\"index\"\n              class=\"ring-card size-6 ring-2\"\n              :title=\"assignee.name\"\n            >\n              <AvatarImage v-if=\"assignee.avatar\" :src=\"assignee.avatar\" alt=\"\" />\n              <AvatarFallback class=\"text-[0.625rem]\">{{\n                kanbanInitials(assignee.name)\n              }}</AvatarFallback>\n            </Avatar>\n            <span\n              v-if=\"assignees.length > shownAssignees.length\"\n              class=\"bg-muted ring-card flex size-6 items-center justify-center rounded-full text-[0.625rem] font-medium ring-2\"\n              >{{\n                t(\n                  'kanban.more_assignees',\n                  { count: assignees.length - shownAssignees.length },\n                  '+:count',\n                )\n              }}</span\n            >\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-if=\"props.card.actions?.length\" class=\"absolute end-1.5 top-1.5\" data-kanban-no-drag=\"\">\n      <ActionList\n        :actions=\"props.card.actions\"\n        :context=\"{\n          token: props.token,\n          component: props.board.actionComponent,\n          record: props.card.key,\n        }\"\n        size=\"xs\"\n      />\n    </div>\n  </li>\n</template>\n"],"mappings":""}
+{"version":3,"file":"KanbanCard.js","names":["_sfc_main","KanbanCard_vue_vue_type_script_setup_true_lang_default","KanbanCard_default"],"sources":["../../../src/components/kanban/KanbanCard.vue"],"mappings":""}