@alfakit/vue 0.1.10 → 0.1.12

package/dist/components/notifications/FlashToasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlashToasts.js","names":["_sfc_main","FlashToasts_vue_vue_type_script_setup_true_lang_default","FlashToasts_default"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport { useRegistry } from '../../context'\nimport { ensureFlashToasts } from '../../standalone/runtime'\n\n/** Turns flashed Alfakit notifications into sonner toasts. Mount once. */\nconst registry = useRegistry()\n\n// Inertia 3 delivers flash data as `page.flash` (and a `flash` event), not as a page prop,\n// so this shares the listener the standalone toaster uses. Mounted only: showing toasts\n// during a server render would leak them into other requests.\nonMounted(() => {\n  ensureFlashToasts(registry)\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":""}
+{"version":3,"file":"FlashToasts.js","names":["_sfc_main","FlashToasts_vue_vue_type_script_setup_true_lang_default","FlashToasts_default"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"mappings":""}

package/dist/components/notifications/FlashToasts.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlashToasts.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","FlashToasts_vue_vue_type_script_setup_true_lang_default","registry","useRegistry","onMounted","renderSlot","_ctx"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted } from 'vue'\nimport { useRegistry } from '../../context'\nimport { ensureFlashToasts } from '../../standalone/runtime'\n\n/** Turns flashed Alfakit notifications into sonner toasts. Mount once. */\nconst registry = useRegistry()\n\n// Inertia 3 delivers flash data as `page.flash` (and a `flash` event), not as a page prop,\n// so this shares the listener the standalone toaster uses. Mounted only: showing toasts\n// during a server render would leak them into other requests.\nonMounted(() => {\n  ensureFlashToasts(registry)\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":";;;;;;;EAMA,IAAME,IAAWC,EAAY;SAK7BC,QAAgB;GACd,EAAkBF,CAAQ;EAC5B,CAAC,aAICF,EAAQM,EAAA,QAAA,SAAA"}
+{"version":3,"file":"FlashToasts.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","FlashToasts_vue_vue_type_script_setup_true_lang_default","registry","useRegistry","onMounted","renderSlot","_ctx"],"sources":["../../../src/components/notifications/FlashToasts.vue"],"mappings":";;;;;;;EAMA,IAAME,IAAWC,EAAY;SAK7BC,QAAgB;GACd,EAAkBF,CAAQ;EAC5B,CAAC,aAICF,EAAQM,EAAA,QAAA,SAAA"}

package/dist/components/notifications/NotificationActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationActionButton.js","names":["_sfc_main","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","NotificationActionButton_default"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NotificationActionSchema } from '@alfakit/core'\nimport { resolveActionSize } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { toast } from 'vue-sonner'\nimport {\n  colorClass,\n  ghostButtonColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{\n  action: NotificationActionSchema\n  toastId?: string\n  onMarkAsRead?: () => void\n  /** Database notifications: `markAsUnread()`. */\n  onMarkAsUnread?: () => void\n}>()\n\nconst run = () => {\n  if (props.action.dispatch) {\n    window.dispatchEvent(\n      new CustomEvent(props.action.dispatch.event, { detail: props.action.dispatch.data }),\n    )\n  }\n\n  if (props.action.markAsRead) props.onMarkAsRead?.()\n  if (props.action.markAsUnread) props.onMarkAsUnread?.()\n  if (props.action.close && props.toastId) toast.dismiss(props.toastId)\n\n  if (props.action.url) {\n    if (props.action.openUrlInNewTab) window.open(props.action.url, '_blank', 'noopener')\n    else router.visit(props.action.url)\n  }\n}\n\nconst variant = computed(() => {\n  switch (props.action.variant) {\n    case 'button':\n      return 'default'\n    case 'outline':\n      return 'outline'\n    case 'ghost':\n    case 'icon-button':\n      return 'ghost'\n    default:\n      return 'link'\n  }\n})\n\n// The action's `color()` applied to its variant (links default to the primary colour).\nconst colorClasses = computed(() => {\n  const color = props.action.color\n\n  if (!color) return undefined\n\n  switch (props.action.variant) {\n    case 'button':\n      return colorClass(solidButtonColorClasses, color, 'primary')\n    case 'outline':\n      return colorClass(outlineButtonColorClasses, color, 'gray')\n    case 'ghost':\n    case 'icon-button':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    default:\n      return colorClass(textColorClasses, color, 'primary')\n  }\n})\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    :size=\"resolveActionSize(props.action.size, 'xs')\"\n    :variant=\"variant\"\n    :class=\"colorClasses\"\n    @click=\"run\"\n  >\n    <Icon v-if=\"props.action.icon\" :name=\"props.action.icon\" class=\"size-3.5\" />\n    {{ props.action.label }}\n  </Button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"NotificationActionButton.js","names":["_sfc_main","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","NotificationActionButton_default"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"mappings":""}

package/dist/components/notifications/NotificationActionButton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_unref","_normalizeClass","_withCtx","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","Icon_default","Button_default","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","props","__props","run","toast","router","variant","computed","colorClasses","color","colorClass","solidButtonColorClasses","outlineButtonColorClasses","ghostButtonColorClasses","textColorClasses","openBlock","createBlock","unref","resolveActionSize","normalizeClass","withCtx","createCommentVNode","createTextVNode","toDisplayString"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NotificationActionSchema } from '@alfakit/core'\nimport { resolveActionSize } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { toast } from 'vue-sonner'\nimport {\n  colorClass,\n  ghostButtonColorClasses,\n  outlineButtonColorClasses,\n  solidButtonColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport Button from '../ui/Button.vue'\n\nconst props = defineProps<{\n  action: NotificationActionSchema\n  toastId?: string\n  onMarkAsRead?: () => void\n  /** Database notifications: `markAsUnread()`. */\n  onMarkAsUnread?: () => void\n}>()\n\nconst run = () => {\n  if (props.action.dispatch) {\n    window.dispatchEvent(\n      new CustomEvent(props.action.dispatch.event, { detail: props.action.dispatch.data }),\n    )\n  }\n\n  if (props.action.markAsRead) props.onMarkAsRead?.()\n  if (props.action.markAsUnread) props.onMarkAsUnread?.()\n  if (props.action.close && props.toastId) toast.dismiss(props.toastId)\n\n  if (props.action.url) {\n    if (props.action.openUrlInNewTab) window.open(props.action.url, '_blank', 'noopener')\n    else router.visit(props.action.url)\n  }\n}\n\nconst variant = computed(() => {\n  switch (props.action.variant) {\n    case 'button':\n      return 'default'\n    case 'outline':\n      return 'outline'\n    case 'ghost':\n    case 'icon-button':\n      return 'ghost'\n    default:\n      return 'link'\n  }\n})\n\n// The action's `color()` applied to its variant (links default to the primary colour).\nconst colorClasses = computed(() => {\n  const color = props.action.color\n\n  if (!color) return undefined\n\n  switch (props.action.variant) {\n    case 'button':\n      return colorClass(solidButtonColorClasses, color, 'primary')\n    case 'outline':\n      return colorClass(outlineButtonColorClasses, color, 'gray')\n    case 'ghost':\n    case 'icon-button':\n      return colorClass(ghostButtonColorClasses, color, 'gray')\n    default:\n      return colorClass(textColorClasses, color, 'primary')\n  }\n})\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    :size=\"resolveActionSize(props.action.size, 'xs')\"\n    :variant=\"variant\"\n    :class=\"colorClasses\"\n    @click=\"run\"\n  >\n    <Icon v-if=\"props.action.icon\" :name=\"props.action.icon\" class=\"size-3.5\" />\n    {{ props.action.label }}\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,IAAMa,IAAQC,GAQRC,UAAY;GAWhB,AAVIF,EAAM,OAAO,YACf,OAAO,cACL,IAAI,YAAYA,EAAM,OAAO,SAAS,OAAO,EAAE,QAAQA,EAAM,OAAO,SAAS,KAAK,CAAC,CACrF,GAGEA,EAAM,OAAO,cAAYA,EAAM,eAAe,GAC9CA,EAAM,OAAO,gBAAcA,EAAM,iBAAiB,GAClDA,EAAM,OAAO,SAASA,EAAM,WAASG,EAAM,QAAQH,EAAM,OAAO,GAEhEA,EAAM,OAAO,QACXA,EAAM,OAAO,kBAAiB,OAAO,KAAKA,EAAM,OAAO,KAAK,UAAU,UAAU,IAC/EI,EAAO,MAAMJ,EAAM,OAAO,GAAG;EAEtC,GAEMK,IAAUC,QAAe;GAC7B,QAAQN,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAO;IACT,KAAK,WACH,OAAO;IACT,KAAK;IACL,KAAK,eACH,OAAO;IACT,SACE,OAAO;GACX;EACF,CAAC,GAGKO,IAAeD,QAAe;GAClC,IAAME,IAAQR,EAAM,OAAO;GAE3B,IAAKQ,GAEL,QAAQR,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAOS,EAAWC,GAAyBF,GAAO,SAAS;IAC7D,KAAK,WACH,OAAOC,EAAWE,GAA2BH,GAAO,MAAM;IAC5D,KAAK;IACL,KAAK,eACH,OAAOC,EAAWG,GAAyBJ,GAAO,MAAM;IAC1D,SACE,OAAOC,EAAWI,GAAkBL,GAAO,SAAS;GACxD;EACF,CAAC;oBAICrB,EAAA,GAAAC,EASSC,GAAA;GARP,MAAK;GACJ,MAAMC,EAAA2B,CAAA,CAAiB,CAACjB,EAAM,OAAO,MAAI,IAAA;GACzC,SAASK,EAAA;GACT,OAAKd,EAAEgB,EAAA,KAAY;GACnB,SAAOL;;GAER,SAAAV,QAA4E,CAAhEQ,EAAM,OAAO,QAAzBb,EAAA,GAAAC,EAA4EE,EAAAG,CAAA,GAAA;;IAA5C,MAAMO,EAAM,OAAO;IAAM,OAAM;GAAaL,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MAC5EC,EAAGI,EAAM,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"NotificationActionButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_unref","_normalizeClass","_withCtx","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","Icon_default","Button_default","NotificationActionButton_vue_vue_type_script_setup_true_lang_default","props","__props","run","toast","router","variant","computed","colorClasses","color","colorClass","solidButtonColorClasses","outlineButtonColorClasses","ghostButtonColorClasses","textColorClasses","openBlock","createBlock","unref","resolveActionSize","normalizeClass","withCtx","createCommentVNode","createTextVNode","toDisplayString"],"sources":["../../../src/components/notifications/NotificationActionButton.vue"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,IAAMa,IAAQC,GAQRC,UAAY;GAWhB,AAVIF,EAAM,OAAO,YACf,OAAO,cACL,IAAI,YAAYA,EAAM,OAAO,SAAS,OAAO,EAAE,QAAQA,EAAM,OAAO,SAAS,KAAK,CAAC,CACrF,GAGEA,EAAM,OAAO,cAAYA,EAAM,eAAe,GAC9CA,EAAM,OAAO,gBAAcA,EAAM,iBAAiB,GAClDA,EAAM,OAAO,SAASA,EAAM,WAASG,EAAM,QAAQH,EAAM,OAAO,GAEhEA,EAAM,OAAO,QACXA,EAAM,OAAO,kBAAiB,OAAO,KAAKA,EAAM,OAAO,KAAK,UAAU,UAAU,IAC/EI,EAAO,MAAMJ,EAAM,OAAO,GAAG;EAEtC,GAEMK,IAAUC,QAAe;GAC7B,QAAQN,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAO;IACT,KAAK,WACH,OAAO;IACT,KAAK;IACL,KAAK,eACH,OAAO;IACT,SACE,OAAO;GACX;EACF,CAAC,GAGKO,IAAeD,QAAe;GAClC,IAAME,IAAQR,EAAM,OAAO;GAE3B,IAAKQ,GAEL,QAAQR,EAAM,OAAO,SAArB;IACE,KAAK,UACH,OAAOS,EAAWC,GAAyBF,GAAO,SAAS;IAC7D,KAAK,WACH,OAAOC,EAAWE,GAA2BH,GAAO,MAAM;IAC5D,KAAK;IACL,KAAK,eACH,OAAOC,EAAWG,GAAyBJ,GAAO,MAAM;IAC1D,SACE,OAAOC,EAAWI,GAAkBL,GAAO,SAAS;GACxD;EACF,CAAC;oBAICrB,EAAA,GAAAC,EASSC,GAAA;GARP,MAAK;GACJ,MAAMC,EAAA2B,CAAA,CAAiB,CAACjB,EAAM,OAAO,MAAI,IAAA;GACzC,SAASK,EAAA;GACT,OAAKd,EAAEgB,EAAA,KAAY;GACnB,SAAOL;;GAER,SAAAV,QAA4E,CAAhEQ,EAAM,OAAO,QAAzBb,EAAA,GAAAC,EAA4EE,EAAAG,CAAA,GAAA;;IAA5C,MAAMO,EAAM,OAAO;IAAM,OAAM;GAAaL,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EAAA,MAC5EC,EAAGI,EAAM,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/notifications/NotificationsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsMenu.js","names":["_sfc_main","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","NotificationsMenu_default"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  NotificationCenter,\n  notificationTintStyles,\n  onDatabaseNotificationsSent,\n  onOpenDatabaseNotifications,\n  pwaStore,\n  startPwa,\n  togglePushNotifications,\n} from '@alfakit/core'\nimport { BellIcon, BellOffIcon, BellRingIcon, CheckCheckIcon, Trash2Icon } from '@lucide/vue'\nimport { computed, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { useStore } from '../../composables/use-store'\nimport { useDirection, useFormatter, usePanel, useT } from '../../context'\nimport { cssColor, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport ScrollArea from '../ui/ScrollArea.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport NotificationActionButton from './NotificationActionButton.vue'\n\n/**\n * Bell menu for database notifications. It also opens when something calls\n * `openDatabaseNotifications()` (or an action with `->openDatabaseNotifications()`).\n * `variant=\"sidebar\"`: a full-width row with a label, for layouts that put it in the sidebar.\n */\nconst props = withDefaults(defineProps<{ variant?: 'topbar' | 'sidebar' }>(), {\n  variant: 'topbar',\n})\nconst t = useT()\nconst direction = useDirection()\nconst panel = usePanel()\nconst config = computed(() => panel.value.databaseNotifications)\nconst endpoints = panel.value.endpoints\n\nconst center =\n  endpoints.notifications && endpoints.notificationsReadAll && endpoints.notificationsDestroyAll\n    ? new NotificationCenter(\n        {\n          notifications: endpoints.notifications,\n          notificationsReadAll: endpoints.notificationsReadAll,\n          notificationsDestroyAll: endpoints.notificationsDestroyAll,\n        },\n        config.value?.unreadCount ?? 0,\n      )\n    : null\n\nconst open = ref(false)\nconst state = useStore(\n  center?.store ?? {\n    get: () => ({ notifications: [], unreadCount: 0, loading: false, hasMore: false, page: 0 }),\n    subscribe: () => () => {},\n  },\n)\n\n// Polling starts in the browser only: a server render must not leave timers behind.\nonMounted(() => {\n  watch(\n    () => config.value?.pollingInterval,\n    (interval) => center?.startPolling(interval),\n    { immediate: true },\n  )\n})\n\nwatch(open, (isOpen) => {\n  if (isOpen) void center?.load()\n})\n\n// Every visit brings the server's unread count (another user after impersonating, or\n// notifications read in another tab): follow it instead of waiting for the next poll.\nwatch(\n  () => config.value?.unreadCount,\n  (count) => {\n    if (center && typeof count === 'number' && count !== center.store.get().unreadCount) {\n      center.store.update({ unreadCount: count })\n    }\n  },\n)\n\n// Realtime notifications announce stored ones, so the unread count updates right away.\nlet stopListening: (() => void) | null = null\nonMounted(() => {\n  stopListening = center ? onDatabaseNotificationsSent(() => void center.load()) : null\n})\nonScopeDispose(() => stopListening?.())\n\n// `openDatabaseNotifications()`: opened from code or an action.\nlet stopOpenListener: (() => void) | null = null\nonMounted(() => {\n  stopOpenListener = onOpenDatabaseNotifications(() => (open.value = true))\n})\nonScopeDispose(() => stopOpenListener?.())\n\nonScopeDispose(() => center?.stopPolling())\nconst format = useFormatter()\n\n// `pwa(push: true)` in a starter kit: the app's user menu has no AlfaKit entries, so Web\n// Push is turned on or off from the bell's menu.\nconst pwa = useStore(pwaStore)\nconst pushToggle = computed(\n  () =>\n    Boolean(panel.value.starterKit && panel.value.pwa?.push) && pwa.value.push !== 'unsupported',\n)\nonMounted(() => {\n  if (panel.value.starterKit && panel.value.pwa?.push) startPwa(panel.value.pwa)\n})\nasync function togglePush() {\n  const { message } = await togglePushNotifications()\n  const text = t(message.key, {}, message.fallback)\n\n  if (message.error) toast.error(text)\n  else toast.success(text)\n}\n</script>\n\n<template>\n  <Popover v-if=\"config && center\" :open=\"open\" @update:open=\"open = $event\">\n    <PopoverTrigger as-child>\n      <Button\n        v-if=\"props.variant === 'sidebar'\"\n        type=\"button\"\n        variant=\"ghost\"\n        class=\"relative w-full justify-start gap-2 group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0\"\n        data-slot=\"notifications-trigger\"\n        data-variant=\"sidebar\"\n      >\n        <!-- In a collapsed (icon) sidebar only the bell and its badge stay visible. -->\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span class=\"flex-1 text-start group-data-[collapsible=icon]:sr-only\">{{\n          t('notifications', {}, 'Notifications')\n        }}</span>\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:-end-1 group-data-[collapsible=icon]:-top-1 group-data-[collapsible=icon]:h-4 group-data-[collapsible=icon]:min-w-4 group-data-[collapsible=icon]:text-[10px]\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}\n          <span class=\"sr-only\">{{ t('unread_notifications', {}, 'unread') }}</span></span\n        >\n      </Button>\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        class=\"relative\"\n        data-slot=\"notifications-trigger\"\n        :aria-label=\"t('notifications', {}, 'Notifications')\"\n      >\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}</span\n        >\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent\n      :align=\"props.variant === 'sidebar' ? 'start' : 'end'\"\n      :side=\"props.variant === 'sidebar' ? (direction === 'rtl' ? 'left' : 'right') : 'bottom'\"\n      class=\"w-80 p-0 sm:w-96\"\n    >\n      <div class=\"flex items-center justify-between border-b px-3 py-2\">\n        <span class=\"text-sm font-semibold\">{{ t('notifications', {}, 'Notifications') }}</span>\n        <div class=\"flex items-center gap-1\">\n          <Button\n            v-if=\"pushToggle\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            data-slot=\"pwa-push\"\n            :disabled=\"pwa.pushBusy || pwa.push === 'denied'\"\n            :title=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            :aria-label=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            @click=\"void togglePush()\"\n          >\n            <BellOffIcon v-if=\"pwa.push === 'subscribed'\" />\n            <BellRingIcon v-else />\n          </Button>\n          <Button\n            v-if=\"state.unreadCount > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('mark_all_read', {}, 'Mark all as read')\"\n            @click=\"void center.markAllAsRead()\"\n            ><CheckCheckIcon\n          /></Button>\n          <Button\n            v-if=\"state.notifications.length > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('clear_notifications', {}, 'Clear notifications')\"\n            @click=\"void center.clear()\"\n            ><Trash2Icon\n          /></Button>\n        </div>\n      </div>\n      <ScrollArea class=\"max-h-96\">\n        <div\n          v-if=\"state.loading && state.notifications.length === 0\"\n          class=\"flex justify-center py-8\"\n        >\n          <Spinner />\n        </div>\n        <p\n          v-else-if=\"state.notifications.length === 0\"\n          class=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n        >\n          {{ t('no_notifications', {}, 'You have no notifications.') }}\n        </p>\n        <ul v-else class=\"divide-y\">\n          <li\n            v-for=\"notification in state.notifications\"\n            :key=\"notification.id\"\n            :class=\"cn('flex gap-3 px-3 py-3', !notification.readAt && 'bg-primary/5')\"\n            :style=\"\n              notification.color\n                ? notificationTintStyles(cssColor(notification.color)).item\n                : undefined\n            \"\n          >\n            <Icon\n              v-if=\"notification.icon\"\n              :name=\"notification.icon\"\n              :class=\"\n                cn(\n                  'mt-0.5 size-5 shrink-0',\n                  notification.iconColor && textColorClasses[notification.iconColor],\n                )\n              \"\n            />\n            <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <div class=\"flex items-start justify-between gap-2\">\n                <p class=\"text-sm font-medium\">{{ notification.title }}</p>\n                <button\n                  v-if=\"!notification.readAt\"\n                  type=\"button\"\n                  class=\"focus-visible:ring-ring/50 -me-2 -mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full outline-none focus-visible:ring-[3px]\"\n                  :aria-label=\"t('mark_as_read', {}, 'Mark as read')\"\n                  @click=\"void center.markAsRead(notification.id)\"\n                >\n                  <span class=\"bg-primary size-2 rounded-full\" aria-hidden=\"true\" />\n                </button>\n              </div>\n              <p\n                v-if=\"notification.body\"\n                class=\"text-muted-foreground text-sm\"\n                v-html=\"notification.body\"\n              />\n              <time v-if=\"notification.date\" class=\"text-muted-foreground text-xs\">{{\n                format.relative(notification.date)\n              }}</time>\n              <div v-if=\"notification.actions\" class=\"flex flex-wrap gap-1\">\n                <NotificationActionButton\n                  v-for=\"action in notification.actions\"\n                  :key=\"action.name\"\n                  :action=\"action\"\n                  :on-mark-as-read=\"() => void center!.markAsRead(notification.id)\"\n                  :on-mark-as-unread=\"() => void center!.markAsUnread(notification.id)\"\n                />\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div\n          v-if=\"state.hasMore && state.notifications.length > 0\"\n          class=\"flex justify-center border-t p-2\"\n        >\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            :disabled=\"state.loading\"\n            @click=\"void center!.loadMore()\"\n          >\n            <Spinner v-if=\"state.loading\" />\n            {{ t('load_more', {}, 'Load more') }}\n          </Button>\n        </div>\n      </ScrollArea>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":""}
+{"version":3,"file":"NotificationsMenu.js","names":["_sfc_main","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","NotificationsMenu_default"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"mappings":""}

package/dist/components/notifications/NotificationsMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/NotificationsMenu.vue"],"names":[],"mappings":"AAyUA;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,CAAC;;aAAvB,QAAQ,GAAG,SAAS;;AAgsBnD,wBAOG"}
+{"version":3,"file":"NotificationsMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/NotificationsMenu.vue"],"names":[],"mappings":"AA2UA;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAAE,CAAC;;aAAvB,QAAQ,GAAG,SAAS;;AAgsBnD,wBAOG"}

package/dist/components/notifications/NotificationsMenu.vue_vue_type_script_setup_true_lang.js

@@ -1,53 +1,54 @@
-import { useDirection as e, useFormatter as t, usePanel as ee, useT as n } from "../../context.js";
-import { cn as r } from "../../lib/utils.js";
-import { useStore as i } from "../../composables/use-store.js";
-import { cssColor as a, textColorClasses as te } from "../../lib/colors.js";
-import o from "../../lib/Icon.js";
-import s from "../ui/Button2.js";
-import c from "../ui/Spinner.js";
-import ne from "./NotificationActionButton.js";
-import re from "../ui/Popover.js";
-import ie from "../ui/PopoverContent.js";
-import l from "../ui/PopoverTrigger.js";
-import u from "../ui/ScrollArea.js";
-import { NotificationCenter as d, notificationTintStyles as ae, onDatabaseNotificationsSent as oe, onOpenDatabaseNotifications as se, pwaStore as ce, startPwa as le, togglePushNotifications as ue } from "@alfakit/core";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, normalizeClass as x, normalizeStyle as S, onMounted as C, onScopeDispose as w, openBlock as T, ref as de, renderList as E, toDisplayString as D, unref as O, watch as k, withCtx as A } from "vue";
-import { BellIcon as j, BellOffIcon as M, BellRingIcon as N, CheckCheckIcon as P, Trash2Icon as F } from "@lucide/vue";
-import { toast as I } from "vue-sonner";
+import { useDirection as e, useFormatter as t, usePanel as ee, useT as te } from "../../context.js";
+import { cn as n } from "../../lib/utils.js";
+import { useStore as r } from "../../composables/use-store.js";
+import { cssColor as ne, textColorClasses as re } from "../../lib/colors.js";
+import i from "../../lib/Icon.js";
+import a from "../ui/Button2.js";
+import o from "../ui/Spinner.js";
+import ie from "./NotificationActionButton.js";
+import { toastOptions as s } from "./flash-toasts.js";
+import c from "../ui/Popover.js";
+import l from "../ui/PopoverContent.js";
+import u from "../ui/PopoverTrigger.js";
+import d from "../ui/ScrollArea.js";
+import { NotificationCenter as ae, notificationTintStyles as oe, onDatabaseNotificationsSent as se, onOpenDatabaseNotifications as ce, pwaStore as le, startPwa as ue, togglePushNotifications as f } from "@alfakit/core";
+import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, normalizeClass as S, normalizeStyle as C, onMounted as w, onScopeDispose as T, openBlock as E, ref as de, renderList as D, toDisplayString as O, unref as k, watch as A, withCtx as j } from "vue";
+import { BellIcon as M, BellOffIcon as N, BellRingIcon as P, CheckCheckIcon as F, Trash2Icon as I } from "@lucide/vue";
+import { toast as L } from "vue-sonner";
 //#region src/components/notifications/NotificationsMenu.vue?vue&type=script&setup=true&lang.ts
-var L = { class: "flex-1 text-start group-data-[collapsible=icon]:sr-only" }, R = {
+var R = { class: "flex-1 text-start group-data-[collapsible=icon]:sr-only" }, z = {
 	key: 0,
 	class: "bg-primary text-primary-foreground flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:-end-1 group-data-[collapsible=icon]:-top-1 group-data-[collapsible=icon]:h-4 group-data-[collapsible=icon]:min-w-4 group-data-[collapsible=icon]:text-[10px]"
-}, z = { class: "sr-only" }, B = {
+}, B = { class: "sr-only" }, V = {
 	key: 0,
 	class: "bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium"
-}, V = { class: "flex items-center justify-between border-b px-3 py-2" }, H = { class: "text-sm font-semibold" }, fe = { class: "flex items-center gap-1" }, pe = {
+}, H = { class: "flex items-center justify-between border-b px-3 py-2" }, fe = { class: "text-sm font-semibold" }, pe = { class: "flex items-center gap-1" }, me = {
 	key: 0,
 	class: "flex justify-center py-8"
-}, me = {
+}, he = {
 	key: 1,
 	class: "text-muted-foreground px-3 py-8 text-center text-sm"
-}, he = {
+}, ge = {
 	key: 2,
 	class: "divide-y"
-}, ge = { class: "flex min-w-0 flex-1 flex-col gap-1" }, _e = { class: "flex items-start justify-between gap-2" }, ve = { class: "text-sm font-medium" }, ye = ["aria-label", "onClick"], be = ["innerHTML"], xe = {
+}, _e = { class: "flex min-w-0 flex-1 flex-col gap-1" }, ve = { class: "flex items-start justify-between gap-2" }, ye = { class: "text-sm font-medium" }, be = ["aria-label", "onClick"], xe = ["innerHTML"], Se = {
 	key: 1,
 	class: "text-muted-foreground text-xs"
-}, Se = {
+}, Ce = {
 	key: 2,
 	class: "flex flex-wrap gap-1"
-}, Ce = {
+}, we = {
 	key: 3,
 	class: "flex justify-center border-t p-2"
-}, U = /*@__PURE__*/ b({
+}, U = /*@__PURE__*/ x({
 	__name: "NotificationsMenu",
 	props: { variant: { default: "topbar" } },
-	setup(b) {
-		let U = b, W = n(), we = e(), G = ee(), K = p(() => G.value.databaseNotifications), q = G.value.endpoints, J = q.notifications && q.notificationsReadAll && q.notificationsDestroyAll ? new d({
+	setup(x) {
+		let U = x, W = te(), Te = e(), G = ee(), K = m(() => G.value.databaseNotifications), q = G.value.endpoints, J = q.notifications && q.notificationsReadAll && q.notificationsDestroyAll ? new ae({
 			notifications: q.notifications,
 			notificationsReadAll: q.notificationsReadAll,
 			notificationsDestroyAll: q.notificationsDestroyAll
-		}, K.value?.unreadCount ?? 0) : null, Y = de(!1), X = i(J?.store ?? {
+		}, K.value?.unreadCount ?? 0) : null, Y = de(!1), X = r(J?.store ?? {
 			get: () => ({
 				notifications: [],
 				unreadCount: 0,
@@ -57,36 +58,36 @@ var L = { class: "flex-1 text-start group-data-[collapsible=icon]:sr-only" }, R
 			}),
 			subscribe: () => () => {}
 		});
-		C(() => {
-			k(() => K.value?.pollingInterval, (e) => J?.startPolling(e), { immediate: !0 });
-		}), k(Y, (e) => {
+		w(() => {
+			A(() => K.value?.pollingInterval, (e) => J?.startPolling(e), { immediate: !0 });
+		}), A(Y, (e) => {
 			e && J?.load();
-		}), k(() => K.value?.unreadCount, (e) => {
+		}), A(() => K.value?.unreadCount, (e) => {
 			J && typeof e == "number" && e !== J.store.get().unreadCount && J.store.update({ unreadCount: e });
 		});
 		let Z = null;
-		C(() => {
-			Z = J ? oe(() => void J.load()) : null;
-		}), w(() => Z?.());
+		w(() => {
+			Z = J ? se(() => void J.load()) : null;
+		}), T(() => Z?.());
 		let Q = null;
-		C(() => {
-			Q = se(() => Y.value = !0);
-		}), w(() => Q?.()), w(() => J?.stopPolling());
-		let Te = t(), $ = i(ce), Ee = p(() => !!(G.value.starterKit && G.value.pwa?.push) && $.value.push !== "unsupported");
-		C(() => {
-			G.value.starterKit && G.value.pwa?.push && le(G.value.pwa);
+		w(() => {
+			Q = ce(() => Y.value = !0);
+		}), T(() => Q?.()), T(() => J?.stopPolling());
+		let Ee = t(), $ = r(le), De = m(() => !!(G.value.starterKit && G.value.pwa?.push) && $.value.push !== "unsupported");
+		w(() => {
+			G.value.starterKit && G.value.pwa?.push && ue(G.value.pwa);
 		});
-		async function De() {
-			let { message: e } = await ue(), t = W(e.key, {}, e.fallback);
-			e.error ? I.error(t) : I.success(t);
+		async function Oe() {
+			let { message: e } = await f(), t = W(e.key, {}, e.fallback);
+			e.error ? L.error(t, s()) : L.success(t, s());
 		}
-		return (e, t) => K.value && O(J) ? (T(), m(re, {
+		return (e, t) => K.value && k(J) ? (E(), h(c, {
 			key: 0,
 			open: Y.value,
 			"onUpdate:open": t[4] ||= (e) => Y.value = e
 		}, {
-			default: A(() => [y(l, { "as-child": "" }, {
-				default: A(() => [U.variant === "sidebar" ? (T(), m(s, {
+			default: j(() => [b(u, { "as-child": "" }, {
+				default: j(() => [U.variant === "sidebar" ? (E(), h(a, {
 					key: 0,
 					type: "button",
 					variant: "ghost",
@@ -94,129 +95,129 @@ var L = { class: "flex-1 text-start group-data-[collapsible=icon]:sr-only" }, R
 					"data-slot": "notifications-trigger",
 					"data-variant": "sidebar"
 				}, {
-					default: A(() => [
-						y(O(o), {
+					default: j(() => [
+						b(k(i), {
 							name: "alfakit::panels.topbar.open-database-notifications-button",
-							fallback: O(j)
+							fallback: k(M)
 						}, null, 8, ["fallback"]),
-						_("span", L, D(O(W)("notifications", {}, "Notifications")), 1),
-						O(X).unreadCount > 0 ? (T(), g("span", R, [v(D(O(X).unreadCount > 99 ? "99+" : O(X).unreadCount) + " ", 1), _("span", z, D(O(W)("unread_notifications", {}, "unread")), 1)])) : h("", !0)
+						v("span", R, O(k(W)("notifications", {}, "Notifications")), 1),
+						k(X).unreadCount > 0 ? (E(), _("span", z, [y(O(k(X).unreadCount > 99 ? "99+" : k(X).unreadCount) + " ", 1), v("span", B, O(k(W)("unread_notifications", {}, "unread")), 1)])) : g("", !0)
 					]),
 					_: 1
-				})) : (T(), m(s, {
+				})) : (E(), h(a, {
 					key: 1,
 					type: "button",
 					variant: "ghost",
 					size: "icon",
 					class: "relative",
 					"data-slot": "notifications-trigger",
-					"aria-label": O(W)("notifications", {}, "Notifications")
+					"aria-label": k(W)("notifications", {}, "Notifications")
 				}, {
-					default: A(() => [y(O(o), {
+					default: j(() => [b(k(i), {
 						name: "alfakit::panels.topbar.open-database-notifications-button",
-						fallback: O(j)
-					}, null, 8, ["fallback"]), O(X).unreadCount > 0 ? (T(), g("span", B, D(O(X).unreadCount > 99 ? "99+" : O(X).unreadCount), 1)) : h("", !0)]),
+						fallback: k(M)
+					}, null, 8, ["fallback"]), k(X).unreadCount > 0 ? (E(), _("span", V, O(k(X).unreadCount > 99 ? "99+" : k(X).unreadCount), 1)) : g("", !0)]),
 					_: 1
 				}, 8, ["aria-label"]))]),
 				_: 1
-			}), y(ie, {
+			}), b(l, {
 				align: U.variant === "sidebar" ? "start" : "end",
-				side: U.variant === "sidebar" ? O(we) === "rtl" ? "left" : "right" : "bottom",
+				side: U.variant === "sidebar" ? k(Te) === "rtl" ? "left" : "right" : "bottom",
 				class: "w-80 p-0 sm:w-96"
 			}, {
-				default: A(() => [_("div", V, [_("span", H, D(O(W)("notifications", {}, "Notifications")), 1), _("div", fe, [
-					Ee.value ? (T(), m(s, {
+				default: j(() => [v("div", H, [v("span", fe, O(k(W)("notifications", {}, "Notifications")), 1), v("div", pe, [
+					De.value ? (E(), h(a, {
 						key: 0,
 						type: "button",
 						variant: "ghost",
 						size: "icon-sm",
 						"data-slot": "pwa-push",
-						disabled: O($).pushBusy || O($).push === "denied",
-						title: O($).push === "subscribed" ? O(W)("pwa.notifications.disable", {}, "Turn off notifications") : O(W)("pwa.notifications.enable", {}, "Turn on notifications"),
-						"aria-label": O($).push === "subscribed" ? O(W)("pwa.notifications.disable", {}, "Turn off notifications") : O(W)("pwa.notifications.enable", {}, "Turn on notifications"),
-						onClick: t[0] ||= (e) => void De()
+						disabled: k($).pushBusy || k($).push === "denied",
+						title: k($).push === "subscribed" ? k(W)("pwa.notifications.disable", {}, "Turn off notifications") : k(W)("pwa.notifications.enable", {}, "Turn on notifications"),
+						"aria-label": k($).push === "subscribed" ? k(W)("pwa.notifications.disable", {}, "Turn off notifications") : k(W)("pwa.notifications.enable", {}, "Turn on notifications"),
+						onClick: t[0] ||= (e) => void Oe()
 					}, {
-						default: A(() => [O($).push === "subscribed" ? (T(), m(O(M), { key: 0 })) : (T(), m(O(N), { key: 1 }))]),
+						default: j(() => [k($).push === "subscribed" ? (E(), h(k(N), { key: 0 })) : (E(), h(k(P), { key: 1 }))]),
 						_: 1
 					}, 8, [
 						"disabled",
 						"title",
 						"aria-label"
-					])) : h("", !0),
-					O(X).unreadCount > 0 ? (T(), m(s, {
+					])) : g("", !0),
+					k(X).unreadCount > 0 ? (E(), h(a, {
 						key: 1,
 						type: "button",
 						variant: "ghost",
 						size: "icon-sm",
-						title: O(W)("mark_all_read", {}, "Mark all as read"),
-						onClick: t[1] ||= (e) => void O(J).markAllAsRead()
+						title: k(W)("mark_all_read", {}, "Mark all as read"),
+						onClick: t[1] ||= (e) => void k(J).markAllAsRead()
 					}, {
-						default: A(() => [y(O(P))]),
+						default: j(() => [b(k(F))]),
 						_: 1
-					}, 8, ["title"])) : h("", !0),
-					O(X).notifications.length > 0 ? (T(), m(s, {
+					}, 8, ["title"])) : g("", !0),
+					k(X).notifications.length > 0 ? (E(), h(a, {
 						key: 2,
 						type: "button",
 						variant: "ghost",
 						size: "icon-sm",
-						title: O(W)("clear_notifications", {}, "Clear notifications"),
-						onClick: t[2] ||= (e) => void O(J).clear()
+						title: k(W)("clear_notifications", {}, "Clear notifications"),
+						onClick: t[2] ||= (e) => void k(J).clear()
 					}, {
-						default: A(() => [y(O(F))]),
+						default: j(() => [b(k(I))]),
 						_: 1
-					}, 8, ["title"])) : h("", !0)
-				])]), y(u, { class: "max-h-96" }, {
-					default: A(() => [O(X).loading && O(X).notifications.length === 0 ? (T(), g("div", pe, [y(c)])) : O(X).notifications.length === 0 ? (T(), g("p", me, D(O(W)("no_notifications", {}, "You have no notifications.")), 1)) : (T(), g("ul", he, [(T(!0), g(f, null, E(O(X).notifications, (e) => (T(), g("li", {
+					}, 8, ["title"])) : g("", !0)
+				])]), b(d, { class: "max-h-96" }, {
+					default: j(() => [k(X).loading && k(X).notifications.length === 0 ? (E(), _("div", me, [b(o)])) : k(X).notifications.length === 0 ? (E(), _("p", he, O(k(W)("no_notifications", {}, "You have no notifications.")), 1)) : (E(), _("ul", ge, [(E(!0), _(p, null, D(k(X).notifications, (e) => (E(), _("li", {
 						key: e.id,
-						class: x(O(r)("flex gap-3 px-3 py-3", !e.readAt && "bg-primary/5")),
-						style: S(e.color ? O(ae)(O(a)(e.color)).item : void 0)
-					}, [e.icon ? (T(), m(O(o), {
+						class: S(k(n)("flex gap-3 px-3 py-3", !e.readAt && "bg-primary/5")),
+						style: C(e.color ? k(oe)(k(ne)(e.color)).item : void 0)
+					}, [e.icon ? (E(), h(k(i), {
 						key: 0,
 						name: e.icon,
-						class: x(O(r)("mt-0.5 size-5 shrink-0", e.iconColor && O(te)[e.iconColor]))
-					}, null, 8, ["name", "class"])) : h("", !0), _("div", ge, [
-						_("div", _e, [_("p", ve, D(e.title), 1), e.readAt ? h("", !0) : (T(), g("button", {
+						class: S(k(n)("mt-0.5 size-5 shrink-0", e.iconColor && k(re)[e.iconColor]))
+					}, null, 8, ["name", "class"])) : g("", !0), v("div", _e, [
+						v("div", ve, [v("p", ye, O(e.title), 1), e.readAt ? g("", !0) : (E(), _("button", {
 							key: 0,
 							type: "button",
 							class: "focus-visible:ring-ring/50 -me-2 -mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full outline-none focus-visible:ring-[3px]",
-							"aria-label": O(W)("mark_as_read", {}, "Mark as read"),
-							onClick: (t) => void O(J).markAsRead(e.id)
-						}, [...t[5] ||= [_("span", {
+							"aria-label": k(W)("mark_as_read", {}, "Mark as read"),
+							onClick: (t) => void k(J).markAsRead(e.id)
+						}, [...t[5] ||= [v("span", {
 							class: "bg-primary size-2 rounded-full",
 							"aria-hidden": "true"
-						}, null, -1)]], 8, ye))]),
-						e.body ? (T(), g("p", {
+						}, null, -1)]], 8, be))]),
+						e.body ? (E(), _("p", {
 							key: 0,
 							class: "text-muted-foreground text-sm",
 							innerHTML: e.body
-						}, null, 8, be)) : h("", !0),
-						e.date ? (T(), g("time", xe, D(O(Te).relative(e.date)), 1)) : h("", !0),
-						e.actions ? (T(), g("div", Se, [(T(!0), g(f, null, E(e.actions, (t) => (T(), m(ne, {
+						}, null, 8, xe)) : g("", !0),
+						e.date ? (E(), _("time", Se, O(k(Ee).relative(e.date)), 1)) : g("", !0),
+						e.actions ? (E(), _("div", Ce, [(E(!0), _(p, null, D(e.actions, (t) => (E(), h(ie, {
 							key: t.name,
 							action: t,
-							"on-mark-as-read": () => void O(J).markAsRead(e.id),
-							"on-mark-as-unread": () => void O(J).markAsUnread(e.id)
+							"on-mark-as-read": () => void k(J).markAsRead(e.id),
+							"on-mark-as-unread": () => void k(J).markAsUnread(e.id)
 						}, null, 8, [
 							"action",
 							"on-mark-as-read",
 							"on-mark-as-unread"
-						]))), 128))])) : h("", !0)
-					])], 6))), 128))])), O(X).hasMore && O(X).notifications.length > 0 ? (T(), g("div", Ce, [y(s, {
+						]))), 128))])) : g("", !0)
+					])], 6))), 128))])), k(X).hasMore && k(X).notifications.length > 0 ? (E(), _("div", we, [b(a, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
-						disabled: O(X).loading,
-						onClick: t[3] ||= (e) => void O(J).loadMore()
+						disabled: k(X).loading,
+						onClick: t[3] ||= (e) => void k(J).loadMore()
 					}, {
-						default: A(() => [O(X).loading ? (T(), m(c, { key: 0 })) : h("", !0), v(" " + D(O(W)("load_more", {}, "Load more")), 1)]),
+						default: j(() => [k(X).loading ? (E(), h(o, { key: 0 })) : g("", !0), y(" " + O(k(W)("load_more", {}, "Load more")), 1)]),
 						_: 1
-					}, 8, ["disabled"])])) : h("", !0)]),
+					}, 8, ["disabled"])])) : g("", !0)]),
 					_: 1
 				})]),
 				_: 1
 			}, 8, ["align", "side"])]),
 			_: 1
-		}, 8, ["open"])) : h("", !0);
+		}, 8, ["open"])) : g("", !0);
 	}
 });
 //#endregion

package/dist/components/notifications/NotificationsMenu.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsMenu.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","Icon","_createElementVNode","_toDisplayString","_createElementBlock","_createTextVNode","_createCommentVNode","PopoverContent","ScrollArea","Spinner","_Fragment","_renderList","_normalizeClass","_normalizeStyle","NotificationActionButton","Icon_default","Button_default","Spinner_default","NotificationActionButton_default","Popover_default","PopoverContent_default","PopoverTrigger_default","ScrollArea_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","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","panel","usePanel","config","computed","endpoints","center","NotificationCenter","open","ref","state","useStore","onMounted","interval","watch","isOpen","count","stopListening","onDatabaseNotificationsSent","onScopeDispose","stopOpenListener","onOpenDatabaseNotifications","format","useFormatter","pwa","pwaStore","pushToggle","startPwa","togglePush","togglePushNotifications","text","message","toast","unref","openBlock","createBlock","_cache","$event","withCtx","createVNode","BellIcon","createElementVNode","toDisplayString","createElementBlock","createTextVNode","createCommentVNode","BellOffIcon","BellRingIcon","CheckCheckIcon","Trash2Icon","Fragment","renderList","notification","normalizeClass","cn","normalizeStyle","notificationTintStyles","cssColor","textColorClasses","action"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  NotificationCenter,\n  notificationTintStyles,\n  onDatabaseNotificationsSent,\n  onOpenDatabaseNotifications,\n  pwaStore,\n  startPwa,\n  togglePushNotifications,\n} from '@alfakit/core'\nimport { BellIcon, BellOffIcon, BellRingIcon, CheckCheckIcon, Trash2Icon } from '@lucide/vue'\nimport { computed, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { useStore } from '../../composables/use-store'\nimport { useDirection, useFormatter, usePanel, useT } from '../../context'\nimport { cssColor, textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Button from '../ui/Button.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport ScrollArea from '../ui/ScrollArea.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport NotificationActionButton from './NotificationActionButton.vue'\n\n/**\n * Bell menu for database notifications. It also opens when something calls\n * `openDatabaseNotifications()` (or an action with `->openDatabaseNotifications()`).\n * `variant=\"sidebar\"`: a full-width row with a label, for layouts that put it in the sidebar.\n */\nconst props = withDefaults(defineProps<{ variant?: 'topbar' | 'sidebar' }>(), {\n  variant: 'topbar',\n})\nconst t = useT()\nconst direction = useDirection()\nconst panel = usePanel()\nconst config = computed(() => panel.value.databaseNotifications)\nconst endpoints = panel.value.endpoints\n\nconst center =\n  endpoints.notifications && endpoints.notificationsReadAll && endpoints.notificationsDestroyAll\n    ? new NotificationCenter(\n        {\n          notifications: endpoints.notifications,\n          notificationsReadAll: endpoints.notificationsReadAll,\n          notificationsDestroyAll: endpoints.notificationsDestroyAll,\n        },\n        config.value?.unreadCount ?? 0,\n      )\n    : null\n\nconst open = ref(false)\nconst state = useStore(\n  center?.store ?? {\n    get: () => ({ notifications: [], unreadCount: 0, loading: false, hasMore: false, page: 0 }),\n    subscribe: () => () => {},\n  },\n)\n\n// Polling starts in the browser only: a server render must not leave timers behind.\nonMounted(() => {\n  watch(\n    () => config.value?.pollingInterval,\n    (interval) => center?.startPolling(interval),\n    { immediate: true },\n  )\n})\n\nwatch(open, (isOpen) => {\n  if (isOpen) void center?.load()\n})\n\n// Every visit brings the server's unread count (another user after impersonating, or\n// notifications read in another tab): follow it instead of waiting for the next poll.\nwatch(\n  () => config.value?.unreadCount,\n  (count) => {\n    if (center && typeof count === 'number' && count !== center.store.get().unreadCount) {\n      center.store.update({ unreadCount: count })\n    }\n  },\n)\n\n// Realtime notifications announce stored ones, so the unread count updates right away.\nlet stopListening: (() => void) | null = null\nonMounted(() => {\n  stopListening = center ? onDatabaseNotificationsSent(() => void center.load()) : null\n})\nonScopeDispose(() => stopListening?.())\n\n// `openDatabaseNotifications()`: opened from code or an action.\nlet stopOpenListener: (() => void) | null = null\nonMounted(() => {\n  stopOpenListener = onOpenDatabaseNotifications(() => (open.value = true))\n})\nonScopeDispose(() => stopOpenListener?.())\n\nonScopeDispose(() => center?.stopPolling())\nconst format = useFormatter()\n\n// `pwa(push: true)` in a starter kit: the app's user menu has no AlfaKit entries, so Web\n// Push is turned on or off from the bell's menu.\nconst pwa = useStore(pwaStore)\nconst pushToggle = computed(\n  () =>\n    Boolean(panel.value.starterKit && panel.value.pwa?.push) && pwa.value.push !== 'unsupported',\n)\nonMounted(() => {\n  if (panel.value.starterKit && panel.value.pwa?.push) startPwa(panel.value.pwa)\n})\nasync function togglePush() {\n  const { message } = await togglePushNotifications()\n  const text = t(message.key, {}, message.fallback)\n\n  if (message.error) toast.error(text)\n  else toast.success(text)\n}\n</script>\n\n<template>\n  <Popover v-if=\"config && center\" :open=\"open\" @update:open=\"open = $event\">\n    <PopoverTrigger as-child>\n      <Button\n        v-if=\"props.variant === 'sidebar'\"\n        type=\"button\"\n        variant=\"ghost\"\n        class=\"relative w-full justify-start gap-2 group-data-[collapsible=icon]:size-8 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:p-0\"\n        data-slot=\"notifications-trigger\"\n        data-variant=\"sidebar\"\n      >\n        <!-- In a collapsed (icon) sidebar only the bell and its badge stay visible. -->\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span class=\"flex-1 text-start group-data-[collapsible=icon]:sr-only\">{{\n          t('notifications', {}, 'Notifications')\n        }}</span>\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-xs font-medium group-data-[collapsible=icon]:absolute group-data-[collapsible=icon]:-end-1 group-data-[collapsible=icon]:-top-1 group-data-[collapsible=icon]:h-4 group-data-[collapsible=icon]:min-w-4 group-data-[collapsible=icon]:text-[10px]\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}\n          <span class=\"sr-only\">{{ t('unread_notifications', {}, 'unread') }}</span></span\n        >\n      </Button>\n      <Button\n        v-else\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon\"\n        class=\"relative\"\n        data-slot=\"notifications-trigger\"\n        :aria-label=\"t('notifications', {}, 'Notifications')\"\n      >\n        <Icon\n          name=\"alfakit::panels.topbar.open-database-notifications-button\"\n          :fallback=\"BellIcon\"\n        />\n        <span\n          v-if=\"state.unreadCount > 0\"\n          class=\"bg-primary text-primary-foreground absolute -end-0.5 -top-0.5 flex h-4 min-w-4 items-center justify-center rounded-full px-1 text-[10px] font-medium\"\n          >{{ state.unreadCount > 99 ? '99+' : state.unreadCount }}</span\n        >\n      </Button>\n    </PopoverTrigger>\n    <PopoverContent\n      :align=\"props.variant === 'sidebar' ? 'start' : 'end'\"\n      :side=\"props.variant === 'sidebar' ? (direction === 'rtl' ? 'left' : 'right') : 'bottom'\"\n      class=\"w-80 p-0 sm:w-96\"\n    >\n      <div class=\"flex items-center justify-between border-b px-3 py-2\">\n        <span class=\"text-sm font-semibold\">{{ t('notifications', {}, 'Notifications') }}</span>\n        <div class=\"flex items-center gap-1\">\n          <Button\n            v-if=\"pushToggle\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            data-slot=\"pwa-push\"\n            :disabled=\"pwa.pushBusy || pwa.push === 'denied'\"\n            :title=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            :aria-label=\"\n              pwa.push === 'subscribed'\n                ? t('pwa.notifications.disable', {}, 'Turn off notifications')\n                : t('pwa.notifications.enable', {}, 'Turn on notifications')\n            \"\n            @click=\"void togglePush()\"\n          >\n            <BellOffIcon v-if=\"pwa.push === 'subscribed'\" />\n            <BellRingIcon v-else />\n          </Button>\n          <Button\n            v-if=\"state.unreadCount > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('mark_all_read', {}, 'Mark all as read')\"\n            @click=\"void center.markAllAsRead()\"\n            ><CheckCheckIcon\n          /></Button>\n          <Button\n            v-if=\"state.notifications.length > 0\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            :title=\"t('clear_notifications', {}, 'Clear notifications')\"\n            @click=\"void center.clear()\"\n            ><Trash2Icon\n          /></Button>\n        </div>\n      </div>\n      <ScrollArea class=\"max-h-96\">\n        <div\n          v-if=\"state.loading && state.notifications.length === 0\"\n          class=\"flex justify-center py-8\"\n        >\n          <Spinner />\n        </div>\n        <p\n          v-else-if=\"state.notifications.length === 0\"\n          class=\"text-muted-foreground px-3 py-8 text-center text-sm\"\n        >\n          {{ t('no_notifications', {}, 'You have no notifications.') }}\n        </p>\n        <ul v-else class=\"divide-y\">\n          <li\n            v-for=\"notification in state.notifications\"\n            :key=\"notification.id\"\n            :class=\"cn('flex gap-3 px-3 py-3', !notification.readAt && 'bg-primary/5')\"\n            :style=\"\n              notification.color\n                ? notificationTintStyles(cssColor(notification.color)).item\n                : undefined\n            \"\n          >\n            <Icon\n              v-if=\"notification.icon\"\n              :name=\"notification.icon\"\n              :class=\"\n                cn(\n                  'mt-0.5 size-5 shrink-0',\n                  notification.iconColor && textColorClasses[notification.iconColor],\n                )\n              \"\n            />\n            <div class=\"flex min-w-0 flex-1 flex-col gap-1\">\n              <div class=\"flex items-start justify-between gap-2\">\n                <p class=\"text-sm font-medium\">{{ notification.title }}</p>\n                <button\n                  v-if=\"!notification.readAt\"\n                  type=\"button\"\n                  class=\"focus-visible:ring-ring/50 -me-2 -mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full outline-none focus-visible:ring-[3px]\"\n                  :aria-label=\"t('mark_as_read', {}, 'Mark as read')\"\n                  @click=\"void center.markAsRead(notification.id)\"\n                >\n                  <span class=\"bg-primary size-2 rounded-full\" aria-hidden=\"true\" />\n                </button>\n              </div>\n              <p\n                v-if=\"notification.body\"\n                class=\"text-muted-foreground text-sm\"\n                v-html=\"notification.body\"\n              />\n              <time v-if=\"notification.date\" class=\"text-muted-foreground text-xs\">{{\n                format.relative(notification.date)\n              }}</time>\n              <div v-if=\"notification.actions\" class=\"flex flex-wrap gap-1\">\n                <NotificationActionButton\n                  v-for=\"action in notification.actions\"\n                  :key=\"action.name\"\n                  :action=\"action\"\n                  :on-mark-as-read=\"() => void center!.markAsRead(notification.id)\"\n                  :on-mark-as-unread=\"() => void center!.markAsUnread(notification.id)\"\n                />\n              </div>\n            </div>\n          </li>\n        </ul>\n        <div\n          v-if=\"state.hasMore && state.notifications.length > 0\"\n          class=\"flex justify-center border-t p-2\"\n        >\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            :disabled=\"state.loading\"\n            @click=\"void center!.loadMore()\"\n          >\n            <Spinner v-if=\"state.loading\" />\n            {{ t('load_more', {}, 'Load more') }}\n          </Button>\n        </div>\n      </ScrollArea>\n    </PopoverContent>\n  </Popover>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"NotificationsMenu.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createBlock","Popover","_withCtx","_createVNode","PopoverTrigger","Button","Icon","_createElementVNode","_toDisplayString","_createElementBlock","_createTextVNode","_createCommentVNode","PopoverContent","ScrollArea","Spinner","_Fragment","_renderList","_normalizeClass","_normalizeStyle","NotificationActionButton","Icon_default","Button_default","Spinner_default","NotificationActionButton_default","Popover_default","PopoverContent_default","PopoverTrigger_default","ScrollArea_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","NotificationsMenu_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","direction","useDirection","panel","usePanel","config","computed","endpoints","center","NotificationCenter","open","ref","state","useStore","onMounted","interval","watch","isOpen","count","stopListening","onDatabaseNotificationsSent","onScopeDispose","stopOpenListener","onOpenDatabaseNotifications","format","useFormatter","pwa","pwaStore","pushToggle","startPwa","togglePush","togglePushNotifications","text","message","toast","toastOptions","unref","openBlock","createBlock","_cache","$event","withCtx","createVNode","BellIcon","createElementVNode","toDisplayString","createElementBlock","createTextVNode","createCommentVNode","BellOffIcon","BellRingIcon","CheckCheckIcon","Trash2Icon","Fragment","renderList","notification","normalizeClass","cn","normalizeStyle","notificationTintStyles","cssColor","textColorClasses","action"],"sources":["../../../src/components/notifications/NotificationsMenu.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,IAAMiD,IAAQC,GAGRC,IAAIC,GAAK,GACTC,KAAYC,EAAa,GACzBC,IAAQC,GAAS,GACjBC,IAASC,QAAeH,EAAM,MAAM,qBAAqB,GACzDI,IAAYJ,EAAM,MAAM,WAExBK,IACJD,EAAU,iBAAiBA,EAAU,wBAAwBA,EAAU,0BACnE,IAAIE,GACF;GACE,eAAeF,EAAU;GACzB,sBAAsBA,EAAU;GAChC,yBAAyBA,EAAU;EACrC,GACAF,EAAO,OAAO,eAAe,CAC/B,IACA,MAEAK,IAAOC,GAAI,EAAK,GAChBC,IAAQC,EACZL,GAAQ,SAAS;GACf,YAAY;IAAE,eAAe,CAAC;IAAG,aAAa;IAAG,SAAS;IAAO,SAAS;IAAO,MAAM;GAAE;GACzF,uBAAuB,CAAC;EAC1B,CACF;EAiBA,AAdAM,QAAgB;GACd,QACQT,EAAO,OAAO,kBACnB,MAAaG,GAAQ,aAAaO,CAAQ,GAC3C,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDC,EAAMN,IAAO,MAAW;GACtB,AAAIO,KAAQT,GAAa,KAAK;EAChC,CAAC,GAIDQ,QACQX,EAAO,OAAO,cACnB,MAAU;GACT,AAAIG,KAAU,OAAOU,KAAU,YAAYA,MAAUV,EAAO,MAAM,IAAI,CAAC,CAAC,eACtEA,EAAO,MAAM,OAAO,EAAE,aAAaU,EAAM,CAAC;EAE9C,CACF;EAGA,IAAIC,IAAqC;EAIzC,AAHAL,QAAgB;GACd,IAAgBN,IAASY,SAAkC,KAAKZ,EAAO,KAAK,CAAC,IAAI;EACnF,CAAC,GACDa,QAAqBF,IAAgB,CAAC;EAGtC,IAAIG,IAAwC;EAM5C,AALAR,QAAgB;GACd,IAAmBS,SAAmC,EAAK,QAAQ,EAAK;EAC1E,CAAC,GACDF,QAAqBC,IAAmB,CAAC,GAEzCD,QAAqBb,GAAQ,YAAY,CAAC;EAC1C,IAAMgB,KAASC,EAAa,GAItBC,IAAMb,EAASc,EAAQ,GACvBC,KAAatB,QAEf,GAAQH,EAAM,MAAM,cAAcA,EAAM,MAAM,KAAK,SAASuB,EAAI,MAAM,SAAS,aACnF;EACA,QAAgB;GACd,AAAIvB,EAAM,MAAM,cAAcA,EAAM,MAAM,KAAK,QAAM0B,GAAS1B,EAAM,MAAM,GAAG;EAC/E,CAAC;EACD,eAAe2B,KAAa;GAC1B,IAAM,EAAE,eAAY,MAAMC,EAAwB,GAC5CC,IAAOjC,EAAEkC,EAAQ,KAAK,CAAC,GAAGA,EAAQ,QAAQ;GAEhD,AAAIA,EAAQ,QAAOC,EAAM,MAAMF,GAAMG,EAAa,CAAC,IAC9CD,EAAM,QAAQF,GAAMG,EAAa,CAAC;EACzC;mBAIiB9B,EAAA,SAAUzD,EAAA4D,CAAA,KAAzB3D,EAAA,GAAAC,EAmLUC,GAAA;;GAnLwB,MAAM2D,EAAA;GAAO,iBAAW,AAAA6B,EAAA,QAAA,MAAE,EAAA,QAAOC;;GACjE,SAAAxF,QA2CiB,CA3CjBC,EA2CiBC,GAAA,EA3CD,YAAA,GAAQ,GAAA;IACtB,SAAAF,QAsBS,CArBD6C,EAAM,YAAO,aADrBhD,EAAA,GAAAC,EAsBSK,GAAA;;KApBP,MAAK;KACL,SAAQ;KACR,OAAM;KACN,aAAU;KACV,gBAAa;;KAGb,SAAAH,QAGE;MAHFC,EAGEL,EAAAQ,CAAA,GAAA;OAFA,MAAK;OACJ,UAAUR,EAAA+F,CAAA;;MAEbtF,EAES,QAFTqB,GAESpB,EADPV,EAAAmD,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA;MAGKnD,EAAAgE,CAAA,CAAK,CAAC,cAAW,KADzB/D,EAAA,GAAAU,EAKC,QALDoB,GAKC,CAFKnB,EAAAF,EAAAV,EAAAgE,CAAA,CAAK,CAAC,cAAW,KAAA,QAAgBhE,EAAAgE,CAAA,CAAK,CAAC,WAAW,IAAG,KACzD,CAAA,GAAAvD,EAA0E,QAA1EuB,GAA0EtB,EAAjDV,EAAAmD,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,QAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAAiD,EAAA,IAAA,EAAA;;;IAG9BnG,CAAAA,MAAAA,EAAA,GAAAC,EAkBSK,GAAA;;KAhBP,MAAK;KACL,SAAQ;KACR,MAAK;KACL,OAAM;KACN,aAAU;KACT,cAAYP,EAAAmD,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,eAAA;;KAEd,SAAA/C,QAGE,CAHFC,EAGEL,EAAAQ,CAAA,GAAA;MAFA,MAAK;MACJ,UAAUR,EAAA+F,CAAA;KAGL/F,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,GAAAA,EAAAgE,CAAA,CAAK,CAAC,cAAW,KADzB/D,EAAA,GAAAU,EAIC,QAJDsB,GAICvB,EADKV,EAAAgE,CAAA,CAAK,CAAC,cAAW,KAAA,QAAgBhE,EAAAgE,CAAA,CAAK,CAAC,WAAW,GAAA,CAAA,KAAAoC,EAAA,IAAA,EAAA,CAAA,CAAA;;;;GAI5D/F,CAAAA,GAAAA,EAqIiBS,GAAA;IApId,OAAOmC,EAAM,YAAO,YAAA,UAAA;IACpB,MAAMA,EAAM,YAAO,YAAkBjD,EAAAqD,EAAA,MAAS,QAAA,SAAA,UAAA;IAC/C,OAAM;;IAEN,SAAAjD,QA4CM,CA5CNK,EA4CM,OA5CNyB,GA4CM,CA3CJzB,EAAwF,QAAxF0B,IAAwFzB,EAAjDV,EAAAmD,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA,GACxC1C,EAyCM,OAzCN2B,IAyCM;KAvCI4C,GAAA,SADR/E,EAAA,GAAAC,EAqBSK,GAAA;;MAnBP,MAAK;MACL,SAAQ;MACR,MAAK;MACL,aAAU;MACT,UAAUP,EAAA8E,CAAA,CAAG,CAAC,YAAY9E,EAAA8E,CAAA,CAAG,CAAC,SAAI;MAClC,OAAsB9E,EAAA8E,CAAA,CAAG,CAAC,SAAI,eAAoC9E,EAAAmD,CAAA,CAAC,CAAA,6BAAA,CAAA,GAAA,wBAAA,IAA8EnD,EAAAmD,CAAA,CAAC,CAAA,4BAAA,CAAA,GAAA,uBAAA;MAKlJ,cAA2BnD,EAAA8E,CAAA,CAAG,CAAC,SAAI,eAAoC9E,EAAAmD,CAAA,CAAC,CAAA,6BAAA,CAAA,GAAA,wBAAA,IAA8EnD,EAAAmD,CAAA,CAAC,CAAA,4BAAA,CAAA,GAAA,uBAAA;MAKvJ,SAAK,AAAAwC,EAAA,QAAA,MAAA,KAAOT,GAAU;;MAEvB,SAAA9E,QAAgD,CAA7BJ,EAAA8E,CAAA,CAAG,CAAC,SAAI,gBAA3B7E,EAAA,GAAAC,EAAgDF,EAAAqG,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA,MAChDpG,EAAA,GAAAC,EAAuBF,EAAAsG,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA;;;;;;;KAGjBtG,EAAAgE,CAAA,CAAK,CAAC,cAAW,KADzB/D,EAAA,GAAAC,EAQWK,GAAA;;MANT,MAAK;MACL,SAAQ;MACR,MAAK;MACJ,OAAOP,EAAAmD,CAAA,CAAC,CAAA,iBAAA,CAAA,GAAA,kBAAA;MACR,SAAK,AAAAwC,EAAA,QAAA,MAAA,KAAO3F,EAAA4D,CAAA,CAAM,CAAC,cAAa;;MAChC,SAAAxD,QACD,CADCC,EACDL,EAAAuG,CAAA,CAAA,CAAA,CAAA;;;KAEMvG,EAAAgE,CAAA,CAAK,CAAC,cAAc,SAAM,KADlC/D,EAAA,GAAAC,EAQWK,GAAA;;MANT,MAAK;MACL,SAAQ;MACR,MAAK;MACJ,OAAOP,EAAAmD,CAAA,CAAC,CAAA,uBAAA,CAAA,GAAA,qBAAA;MACR,SAAK,AAAAwC,EAAA,QAAA,MAAA,KAAO3F,EAAA4D,CAAA,CAAM,CAAC,MAAK;;MACxB,SAAAxD,QACD,CADCC,EACDL,EAAAwG,CAAA,CAAA,CAAA,CAAA;;;IAGNnG,CAAAA,CAAAA,CAAAA,GAAAA,EAkFaU,GAAA,EAlFD,OAAM,WAAU,GAAA;KAC1B,SAAAX,QAKM,CAJEJ,EAAAgE,CAAA,CAAK,CAAC,WAAWhE,EAAAgE,CAAA,CAAK,CAAC,cAAc,WAAM,KADnD/D,EAAA,GAAAU,EAKM,OALN0B,IAKM,CADJhC,EAAWW,CAAA,CAAA,CAAA,KAGAhB,EAAAgE,CAAA,CAAK,CAAC,cAAc,WAAM,KADvC/D,EAAA,GAAAU,EAKI,KALJ2B,IAKI5B,EADCV,EAAAmD,CAAA,CAAC,CAAA,oBAAA,CAAA,GAAA,4BAAA,CAAA,GAAA,CAAA,MAENlD,EAAA,GAAAU,EAqDK,MArDL4B,IAqDK,EApDHtC,EAAA,EAAA,GAAAU,EAmDKM,GAAA,MAAAC,EAlDoBlB,EAAAgE,CAAA,CAAK,CAAC,gBAAtB,OADT/D,EAAA,GAAAU,EAmDK,MAAA;MAjDF,KAAKgG,EAAa;MAClB,OAAKxF,EAAEnB,EAAA6G,CAAA,CAAE,CAAA,wBAAA,CAA0BF,EAAa,UAAM,cAAA,CAAA;MACtD,OAAKvF,EAAiBuF,EAAa,QAAwB3G,EAAA+G,EAAA,CAAsB,CAAC/G,EAAAgH,EAAA,CAAQ,CAACL,EAAa,KAAK,CAAA,CAAA,CAAG,OAAuB,KAAA,CAAA;KAOhI,GAAA,CAAAA,EAAa,QADrB1G,EAAA,GAAAC,EASEF,EAAAQ,CAAA,GAAA;;MAPC,MAAMmG,EAAa;MACnB,OAAKxF,EAAmBnB,EAAA6G,CAAA,CAAE,CAAA,0BAAgEF,EAAa,aAAa3G,EAAAiH,EAAA,CAAgB,CAACN,EAAa,UAAA,CAAA;KAOrJlG,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA8BM,OA9BN+B,IA8BM;MA7BJ/B,EAWM,OAXNgC,IAWM,CAVJhC,EAA2D,KAA3DiC,IAA2DhC,EAAzBiG,EAAa,KAAK,GAAA,CAAA,GAE3CA,EAAa,sBADtB1G,EAAA,GAAAU,EAQS,UAAA;;OANP,MAAK;OACL,OAAM;OACL,cAAYX,EAAAmD,CAAA,CAAC,CAAA,gBAAA,CAAA,GAAA,cAAA;OACb,UAAK,MAAA,KAAOnD,EAAA4D,CAAA,CAAM,CAAC,WAAW+C,EAAa,EAAE;MAE9ClG,GAAAA,CAAAA,GAAAA,AAAAA,EAAAA,OAAAA,CAAAA,EAAkE,QAAA;OAA5D,OAAM;OAAiC,eAAY;;MAIrDkG,EAAa,QADrB1G,EAAA,GAAAU,EAIE,KAAA;;OAFA,OAAM;OACN,WAAQgG,EAAa;;MAEXA,EAAa,QAAzB1G,EAAA,GAAAU,EAES,QAFTkC,IAESnC,EADPV,EAAA4E,EAAA,CAAM,CAAC,SAAS+B,EAAa,IAAI,CAAA,GAAA,CAAA,KAAAP,EAAA,IAAA,EAAA;MAExBO,EAAa,WAAxB1G,EAAA,GAAAU,EAQM,OARNmC,IAQM,EAPJ7C,EAAA,EAAA,GAAAU,EAMEM,GAAA,MAAAC,EALiByF,EAAa,UAAvB,OADT1G,EAAA,GAAAC,EAMEmB,IAAA;OAJC,KAAK6F,EAAO;OACJ;OACR,yBAAe,KAAalH,EAAA4D,CAAA,CAAM,CAAE,WAAW+C,EAAa,EAAE;OAC9D,2BAAiB,KAAa3G,EAAA4D,CAAA,CAAM,CAAE,aAAa+C,EAAa,EAAE;;;;;;aAOrE3G,GAAAA,GAAAA,EAAAA,CAAAA,IAAAA,EAAAgE,CAAA,CAAK,CAAC,WAAWhE,EAAAgE,CAAA,CAAK,CAAC,cAAc,SAAM,KADnD/D,EAAA,GAAAU,EAcM,OAdNoC,IAcM,CAVJ1C,EASSE,GAAA;MARP,MAAK;MACL,SAAQ;MACR,MAAK;MACJ,UAAUP,EAAAgE,CAAA,CAAK,CAAC;MAChB,SAAK,AAAA2B,EAAA,QAAA,MAAA,KAAO3F,EAAA4D,CAAA,CAAM,CAAE,SAAQ;;MAE7B,SAAAxD,QAAgC,CAAjBJ,EAAAgE,CAAA,CAAK,CAAC,WAArB/D,EAAA,GAAAC,EAAgCc,GAAA,EAAA,KAAA,EAAA,CAAA,KAAAoF,EAAA,IAAA,EAAA,GAAAxF,EAAA,MAChCF,EAAGV,EAAAmD,CAAA,CAAC,CAAA,aAAA,CAAA,GAAA,WAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/notifications/RealtimeNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeNotifications.js","names":["_sfc_main","RealtimeNotifications_vue_vue_type_script_setup_true_lang_default","RealtimeNotifications_default"],"sources":["../../../src/components/notifications/RealtimeNotifications.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  announceDatabaseNotificationsSent,\n  configureRealtime,\n  subscribeToNotifications,\n} from '@alfakit/core'\nimport { onMounted, onScopeDispose, watch } from 'vue'\nimport { useOptionalRegistry, usePanel } from '../../context'\nimport { showToast } from './flash-toasts'\n\n/**\n * With `Panel::realtimeNotifications()` (or `realtime()`) and Laravel Echo, shows broadcast\n * notifications as toasts and refreshes the bell when one is stored. Subscribes in the\n * browser only (never during a server render).\n */\nconst panel = usePanel()\nconst registry = useOptionalRegistry()\nlet unsubscribe: (() => void) | null = null\n\n// `Panel::realtime()`: where Echo authorises the panel's channels (used when the app has no\n// `window.Echo` of its own). Kept current before page components start listening.\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(panel.value?.realtime ?? null), panel.value?.csrf],\n    () => configureRealtime(panel.value?.realtime ?? null, { csrfToken: panel.value?.csrf }),\n    { immediate: true, flush: 'sync' },\n  )\n}\n\nonMounted(() => {\n  watch(\n    () => panel.value?.realtime?.channel,\n    (channel) => {\n      unsubscribe?.()\n      unsubscribe = channel\n        ? subscribeToNotifications({\n            channel,\n            onNotification: (notification) =>\n              showToast(notification, registry?.resolve(notification.view ?? '')),\n            onDatabaseNotificationsSent: announceDatabaseNotificationsSent,\n          })\n        : null\n    },\n    { immediate: true },\n  )\n})\n\nonScopeDispose(() => unsubscribe?.())\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":""}
+{"version":3,"file":"RealtimeNotifications.js","names":["_sfc_main","RealtimeNotifications_vue_vue_type_script_setup_true_lang_default","RealtimeNotifications_default"],"sources":["../../../src/components/notifications/RealtimeNotifications.vue"],"mappings":""}

package/dist/components/notifications/RealtimeNotifications.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RealtimeNotifications.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","RealtimeNotifications_vue_vue_type_script_setup_true_lang_default","panel","usePanel","registry","useOptionalRegistry","unsubscribe","watch","configureRealtime","onMounted","channel","subscribeToNotifications","showToast","notification","announceDatabaseNotificationsSent","onScopeDispose","renderSlot","_ctx"],"sources":["../../../src/components/notifications/RealtimeNotifications.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  announceDatabaseNotificationsSent,\n  configureRealtime,\n  subscribeToNotifications,\n} from '@alfakit/core'\nimport { onMounted, onScopeDispose, watch } from 'vue'\nimport { useOptionalRegistry, usePanel } from '../../context'\nimport { showToast } from './flash-toasts'\n\n/**\n * With `Panel::realtimeNotifications()` (or `realtime()`) and Laravel Echo, shows broadcast\n * notifications as toasts and refreshes the bell when one is stored. Subscribes in the\n * browser only (never during a server render).\n */\nconst panel = usePanel()\nconst registry = useOptionalRegistry()\nlet unsubscribe: (() => void) | null = null\n\n// `Panel::realtime()`: where Echo authorises the panel's channels (used when the app has no\n// `window.Echo` of its own). Kept current before page components start listening.\nif (typeof window !== 'undefined') {\n  watch(\n    () => [JSON.stringify(panel.value?.realtime ?? null), panel.value?.csrf],\n    () => configureRealtime(panel.value?.realtime ?? null, { csrfToken: panel.value?.csrf }),\n    { immediate: true, flush: 'sync' },\n  )\n}\n\nonMounted(() => {\n  watch(\n    () => panel.value?.realtime?.channel,\n    (channel) => {\n      unsubscribe?.()\n      unsubscribe = channel\n        ? subscribeToNotifications({\n            channel,\n            onNotification: (notification) =>\n              showToast(notification, registry?.resolve(notification.view ?? '')),\n            onDatabaseNotificationsSent: announceDatabaseNotificationsSent,\n          })\n        : null\n    },\n    { immediate: true },\n  )\n})\n\nonScopeDispose(() => unsubscribe?.())\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":";;;;;;;;EAeA,IAAME,IAAQC,EAAS,GACjBC,IAAWC,EAAoB,GACjCC,IAAmC;SAInC,OAAO,SAAW,OACpBC,QACQ,CAAC,KAAK,UAAUL,EAAM,OAAO,YAAY,IAAI,GAAGA,EAAM,OAAO,IAAI,SACjEM,EAAkBN,EAAM,OAAO,YAAY,MAAM,EAAE,WAAWA,EAAM,OAAO,KAAK,CAAC,GACvF;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAGFO,QAAgB;GACd,QACQP,EAAM,OAAO,UAAU,UAC5B,MAAY;IAEX,AADAI,IAAc,GACd,IAAcI,IACVC,EAAyB;KACvB;KACA,iBAAiB,MACfC,EAAUC,GAAcT,GAAU,QAAQS,EAAa,QAAQ,EAAE,CAAC;KACpE,6BAA6BC;IAC/B,CAAC,IACD;GACN,GACA,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDC,QAAqBT,IAAc,CAAC,aAIlCN,EAAQiB,EAAA,QAAA,SAAA"}
+{"version":3,"file":"RealtimeNotifications.vue_vue_type_script_setup_true_lang.js","names":["_renderSlot","RealtimeNotifications_vue_vue_type_script_setup_true_lang_default","panel","usePanel","registry","useOptionalRegistry","unsubscribe","watch","configureRealtime","onMounted","channel","subscribeToNotifications","showToast","notification","announceDatabaseNotificationsSent","onScopeDispose","renderSlot","_ctx"],"sources":["../../../src/components/notifications/RealtimeNotifications.vue"],"mappings":";;;;;;;;EAeA,IAAME,IAAQC,EAAS,GACjBC,IAAWC,EAAoB,GACjCC,IAAmC;SAInC,OAAO,SAAW,OACpBC,QACQ,CAAC,KAAK,UAAUL,EAAM,OAAO,YAAY,IAAI,GAAGA,EAAM,OAAO,IAAI,SACjEM,EAAkBN,EAAM,OAAO,YAAY,MAAM,EAAE,WAAWA,EAAM,OAAO,KAAK,CAAC,GACvF;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAGFO,QAAgB;GACd,QACQP,EAAM,OAAO,UAAU,UAC5B,MAAY;IAEX,AADAI,IAAc,GACd,IAAcI,IACVC,EAAyB;KACvB;KACA,iBAAiB,MACfC,EAAUC,GAAcT,GAAU,QAAQS,EAAa,QAAQ,EAAE,CAAC;KACpE,6BAA6BC;IAC/B,CAAC,IACD;GACN,GACA,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDC,QAAqBT,IAAc,CAAC,aAIlCN,EAAQiB,EAAA,QAAA,SAAA"}

package/dist/components/notifications/UndoButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndoButton.js","names":["_sfc_main","UndoButton_vue_vue_type_script_setup_true_lang_default","UndoButton_default"],"sources":["../../../src/components/notifications/UndoButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NotificationUndoSchema } from '@alfakit/core'\nimport { bindUndo } from '@alfakit/core'\nimport { Undo2Icon } from '@lucide/vue'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { useT } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/**\n * The \"Undo\" button of an `Action::undoable()` toast: a countdown, Ctrl/Cmd+Z while the\n * toast is up (outside text fields), and the undo request.\n */\nconst props = defineProps<{ undo: NotificationUndoSchema; toastId: string }>()\n\nconst t = useT()\nconst remaining = ref(props.undo.seconds)\nconst busy = ref(false)\nlet binding: ReturnType<typeof bindUndo> | null = null\n\nonMounted(() => {\n  binding = bindUndo(props.toastId, props.undo, {\n    onTick: (seconds) => (remaining.value = seconds),\n    onBusy: (value) => (busy.value = value),\n    onClose: () => toast.dismiss(props.toastId),\n  })\n})\n\nonBeforeUnmount(() => binding?.stop())\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    data-slot=\"undo-button\"\n    variant=\"outline\"\n    size=\"xs\"\n    :disabled=\"busy\"\n    aria-keyshortcuts=\"Control+Z Meta+Z\"\n    :aria-label=\"t('undo.aria', { seconds: remaining }, 'Undo (Ctrl+Z), :seconds seconds left')\"\n    @click=\"binding?.undo()\"\n  >\n    <Undo2Icon class=\"size-3.5 rtl:-scale-x-100\" aria-hidden=\"true\" />\n    {{ t('undo.label', {}, 'Undo') }}\n    <span aria-hidden=\"true\" class=\"text-muted-foreground tabular-nums\">{{ remaining }}</span>\n  </Button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"UndoButton.js","names":["_sfc_main","UndoButton_vue_vue_type_script_setup_true_lang_default","UndoButton_default"],"sources":["../../../src/components/notifications/UndoButton.vue"],"mappings":""}

package/dist/components/notifications/UndoButton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"UndoButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_unref","_withCtx","_createVNode","_createTextVNode","_toDisplayString","_createElementVNode","Button_default","_hoisted_1","UndoButton_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","remaining","ref","busy","binding","onMounted","bindUndo","seconds","value","toast","onBeforeUnmount","openBlock","createBlock","unref","_cache","withCtx","createVNode","Undo2Icon","createTextVNode","toDisplayString","createElementVNode"],"sources":["../../../src/components/notifications/UndoButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NotificationUndoSchema } from '@alfakit/core'\nimport { bindUndo } from '@alfakit/core'\nimport { Undo2Icon } from '@lucide/vue'\nimport { onBeforeUnmount, onMounted, ref } from 'vue'\nimport { toast } from 'vue-sonner'\nimport { useT } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/**\n * The \"Undo\" button of an `Action::undoable()` toast: a countdown, Ctrl/Cmd+Z while the\n * toast is up (outside text fields), and the undo request.\n */\nconst props = defineProps<{ undo: NotificationUndoSchema; toastId: string }>()\n\nconst t = useT()\nconst remaining = ref(props.undo.seconds)\nconst busy = ref(false)\nlet binding: ReturnType<typeof bindUndo> | null = null\n\nonMounted(() => {\n  binding = bindUndo(props.toastId, props.undo, {\n    onTick: (seconds) => (remaining.value = seconds),\n    onBusy: (value) => (busy.value = value),\n    onClose: () => toast.dismiss(props.toastId),\n  })\n})\n\nonBeforeUnmount(() => binding?.stop())\n</script>\n\n<template>\n  <Button\n    type=\"button\"\n    data-slot=\"undo-button\"\n    variant=\"outline\"\n    size=\"xs\"\n    :disabled=\"busy\"\n    aria-keyshortcuts=\"Control+Z Meta+Z\"\n    :aria-label=\"t('undo.aria', { seconds: remaining }, 'Undo (Ctrl+Z), :seconds seconds left')\"\n    @click=\"binding?.undo()\"\n  >\n    <Undo2Icon class=\"size-3.5 rtl:-scale-x-100\" aria-hidden=\"true\" />\n    {{ t('undo.label', {}, 'Undo') }}\n    <span aria-hidden=\"true\" class=\"text-muted-foreground tabular-nums\">{{ remaining }}</span>\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAaA,IAAMY,IAAQC,GAERC,IAAIC,EAAK,GACTC,IAAYC,EAAIL,EAAM,KAAK,OAAO,GAClCM,IAAOD,EAAI,EAAK,GAClBE,IAA8C;SAElDC,QAAgB;GACd,IAAUC,EAAST,EAAM,SAASA,EAAM,MAAM;IAC5C,SAAS,MAAa,EAAU,QAAQU;IACxC,SAAS,MAAW,EAAK,QAAQC;IACjC,eAAeC,EAAM,QAAQZ,EAAM,OAAO;GAC5C,CAAC;EACH,CAAC,GAEDa,QAAsBN,GAAS,KAAK,CAAC,cAInCnB,EAAA,GAAAC,EAaSC,GAAA;GAZP,MAAK;GACL,aAAU;GACV,SAAQ;GACR,MAAK;GACJ,UAAUgB,EAAA;GACX,qBAAkB;GACjB,cAAYf,EAAAW,CAAA,CAAC,CAAA,aAAA,EAAA,SAAyBE,EAAA,MAAS,GAAA,sCAAA;GAC/C,SAAK,AAAAa,EAAA,QAAA,MAAE1B,EAAAgB,CAAA,CAAO,EAAE,KAAI;;GAErB,SAAAf,QAAkE;IAAlEC,EAAkEF,EAAA6B,CAAA,GAAA;KAAvD,OAAM;KAA4B,eAAY;;IAAS1B,EAAA,MAClEC,EAAGJ,EAAAW,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,MAAA,CAAA,IAA6B,KACjC,CAAA;IAAAN,EAA0F,QAA1FE,GAA0FH,EAAnBS,EAAA,KAAS,GAAA,CAAA"}
+{"version":3,"file":"UndoButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Button","_unref","_withCtx","_createVNode","_createTextVNode","_toDisplayString","_createElementVNode","Button_default","_hoisted_1","UndoButton_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","remaining","ref","busy","binding","onMounted","bindUndo","seconds","value","toast","onBeforeUnmount","openBlock","createBlock","unref","_cache","withCtx","createVNode","Undo2Icon","createTextVNode","toDisplayString","createElementVNode"],"sources":["../../../src/components/notifications/UndoButton.vue"],"mappings":";;;;;;;;;;;;;;;;;EAaA,IAAMY,IAAQC,GAERC,IAAIC,EAAK,GACTC,IAAYC,EAAIL,EAAM,KAAK,OAAO,GAClCM,IAAOD,EAAI,EAAK,GAClBE,IAA8C;SAElDC,QAAgB;GACd,IAAUC,EAAST,EAAM,SAASA,EAAM,MAAM;IAC5C,SAAS,MAAa,EAAU,QAAQU;IACxC,SAAS,MAAW,EAAK,QAAQC;IACjC,eAAeC,EAAM,QAAQZ,EAAM,OAAO;GAC5C,CAAC;EACH,CAAC,GAEDa,QAAsBN,GAAS,KAAK,CAAC,cAInCnB,EAAA,GAAAC,EAaSC,GAAA;GAZP,MAAK;GACL,aAAU;GACV,SAAQ;GACR,MAAK;GACJ,UAAUgB,EAAA;GACX,qBAAkB;GACjB,cAAYf,EAAAW,CAAA,CAAC,CAAA,aAAA,EAAA,SAAyBE,EAAA,MAAS,GAAA,sCAAA;GAC/C,SAAK,AAAAa,EAAA,QAAA,MAAE1B,EAAAgB,CAAA,CAAO,EAAE,KAAI;;GAErB,SAAAf,QAAkE;IAAlEC,EAAkEF,EAAA6B,CAAA,GAAA;KAAvD,OAAM;KAA4B,eAAY;;IAAS1B,EAAA,MAClEC,EAAGJ,EAAAW,CAAA,CAAC,CAAA,cAAA,CAAA,GAAA,MAAA,CAAA,IAA6B,KACjC,CAAA;IAAAN,EAA0F,QAA1FE,GAA0FH,EAAnBS,EAAA,KAAS,GAAA,CAAA"}

package/dist/components/notifications/flash-toasts.d.ts

@@ -2,6 +2,13 @@ import type { NotificationSchema } from '@alfakit/core';
 import { type Component } from 'vue';
 /** Send Alfakit's toasts to the `<Toaster id>` with this id (undefined: the id-less one). */
 export declare function setToasterId(id: string | undefined): void;
+/**
+ * Options for a direct `toast.*()` call: the starter kit toaster's id merged in, so PWA and
+ * notification messages reach AlfaKit's toaster in a starter kit too (W-S1-03).
+ */
+export declare function toastOptions<T extends object>(options?: T): T & {
+    toasterId?: string;
+};
 /** `closeNotification(id)` (or a `close-notification` event) dismisses that toast. */
 export declare function listenForClosedNotifications(): void;
 export declare function showToast(notification: NotificationSchema, Custom?: Component): void;

package/dist/components/notifications/flash-toasts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flash-toasts.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/flash-toasts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAajE,6FAA6F;AAC7F,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAEzD;AAED,sFAAsF;AACtF,wBAAgB,4BAA4B,IAAI,IAAI,CAKnD;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAmFpF"}
+{"version":3,"file":"flash-toasts.d.ts","sourceRoot":"","sources":["../../../src/components/notifications/flash-toasts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAajE,6FAA6F;AAC7F,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAEzD;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAEtF;AAED,sFAAsF;AACtF,wBAAgB,4BAA4B,IAAI,IAAI,CAKnD;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,kBAAkB,EAAE,MAAM,CAAC,EAAE,SAAS,GAAG,IAAI,CAmFpF"}