@8wave/ai-elements 0.115.0-beta.52 → 0.115.0-beta.60

package/dist-vue/_chunks/PkToolShowProductList-D61i6AMs.js

@@ -1,72 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { r as t } from "./PkStreamingMarkdown-DJG-aPx2.js";
-import { t as n } from "./PkLazyImg-CDxX9xnq.js";
-import { t as r } from "./PkUrl-CN1kkZiH.js";
-import { t as i } from "./PkHeldImage-BqnlurT_.js";
-import { VvIcon as a } from "@volverjs/ui-vue/components";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, openBlock as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
-//#region ../../packages/components/src/chat/PkToolShowProductList.vue?vue&type=script&setup=true&lang.ts
-var b = {
-	key: 0,
-	class: "u-pick-list w-full"
-}, x = { class: "flex flex-col gap-4 min-w-0 flex-1" }, S = { class: "font-bold text-12 text-word-1 truncate" }, C = {
-	key: 0,
-	class: "text-10 text-word-4 truncate flex items-center gap-4"
-}, w = { class: "flex items-center gap-sm flex-wrap text-12" }, T = {
-	key: 0,
-	class: "font-semibold text-word-1"
-}, E = {
-	key: 1,
-	class: "text-10 text-word-3"
-}, D = {
-	key: 1,
-	class: "text-12 text-word-3 line-clamp-2"
-}, O = /*@__PURE__*/ p({
-	__name: "PkToolShowProductList",
-	props: { part: {} },
-	setup(e) {
-		let p = e, O = s(() => p.part), k = t();
-		return (e, t) => {
-			let s = a;
-			return O.value?.input?.products?.length ? (m(), u("ul", b, [(m(!0), u(o, null, h(O.value.input.products, (e, t) => (m(), u("li", {
-				key: t,
-				class: "u-pick-list__row"
-			}, [(m(), c(g(e.url ? "a" : "div"), {
-				href: e.url,
-				target: e.url ? "_blank" : void 0,
-				rel: e.url ? "noopener noreferrer" : void 0,
-				class: "u-pick-list__entry"
-			}, {
-				default: y(() => [e.image && !v(k).canLoad(e.image) ? (m(), c(i, {
-					key: 0,
-					host: v(k).hostOf(e.image),
-					class: "w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface",
-					onRelease: (t) => v(k).release(e.image)
-				}, null, 8, ["host", "onRelease"])) : e.image ? (m(), c(n, {
-					key: 1,
-					src: e.image,
-					alt: e.name,
-					"fallback-icon": "ri:image-off-line",
-					class: "w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface"
-				}, null, 8, ["src", "alt"])) : l("", !0), d("div", x, [
-					d("strong", S, _(e.name), 1),
-					e.url ? (m(), u("span", C, [f(s, {
-						name: "ri:link",
-						class: "shrink-0 text-12"
-					}), f(r, { url: e.url }, null, 8, ["url"])])) : l("", !0),
-					d("div", w, [e.price ? (m(), u("span", T, _(e.price), 1)) : l("", !0), e.availability ? (m(), u("span", E, _(e.availability), 1)) : l("", !0)]),
-					e.description ? (m(), u("p", D, _(e.description), 1)) : l("", !0)
-				])]),
-				_: 2
-			}, 1032, [
-				"href",
-				"target",
-				"rel"
-			]))]))), 128))])) : l("", !0);
-		};
-	}
-}), k = /* @__PURE__ */ e({ default: () => A }), A = O;
-//#endregion
-export { k as n, A as t };
-
-//# sourceMappingURL=PkToolShowProductList-D61i6AMs.js.map

package/dist-vue/_chunks/PkToolShowProductList-D61i6AMs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkToolShowProductList-D61i6AMs.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_withCtx","_unref","PkHeldImage","PkLazyImg","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","PkUrl","_sfc_main","__exportAll","useChatImageGate","PkLazyImg_default","PkUrl_default","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowProductList_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","imageGate","_component_VvIcon","VvIcon","openBlock","createElementBlock","Fragment","renderList","index","createBlock","resolveDynamicComponent","product","withCtx","unref","createCommentVNode","createElementVNode","toDisplayString","createVNode","PkToolShowProductList_exports","PkToolShowProductList_default"],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n</script>\n\n<template>\n    <ul v-if=\"toolPart?.input?.products?.length\" class=\"u-pick-list w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"u-pick-list__entry\">\n                <!-- Merchant images rot over time: a dead one degrades to an icon\n                     so the row keeps its thumbnail slot -->\n                <PkHeldImage\n                    v-if=\"product.image && !imageGate.canLoad(product.image)\"\n                    :host=\"imageGate.hostOf(product.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(product.image)\" />\n                <PkLazyImg\n                    v-else-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <!-- Free text from the merchant: it was colour-coded by\n                             substring, which only ever matched English and\n                             Italian. It reads as the note it is. -->\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 text-word-3\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n</script>\n\n<template>\n    <ul v-if=\"toolPart?.input?.products?.length\" class=\"u-pick-list w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"u-pick-list__entry\">\n                <!-- Merchant images rot over time: a dead one degrades to an icon\n                     so the row keeps its thumbnail slot -->\n                <PkHeldImage\n                    v-if=\"product.image && !imageGate.canLoad(product.image)\"\n                    :host=\"imageGate.hostOf(product.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(product.image)\" />\n                <PkLazyImg\n                    v-else-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <!-- Free text from the merchant: it was colour-coded by\n                             substring, which only ever matched English and\n                             Italian. It reads as the note it is. -->\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 text-word-3\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAOI,IAAM+B,IAAQC,GAIRC,IAAWC,QACAH,EAAM,IAatB,GAIKI,IAAYjB,EAAiB;;;GAIzB,OAAAe,EAAA,OAAU,OAAO,UAAU,UAArChC,EAAA,GAAAC,EAyDK,MAzDLoB,GAyDK,EAxDDrB,EAAA,EAAA,GAAAC,EAuDKC,GAAA,MAAAC,EAtD0B6B,EAAA,MAAS,MAAM,WAAlC,GAAS,OADrBhC,EAAA,GAAAC,EAuDK,MAAA;IArDA,KAAKwC;IACN,OAAM;GACNzC,GAAAA,EAAAA,EAAA,GAAAI,EAkDYC,EAjDHuC,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAMA,EAAQ;IACd,QAAQA,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAKA,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;IAGN,SAAAtC,QAIkD,CAHxCsC,EAAQ,SAAK,CAAKrC,EAAA2B,CAAA,CAAS,CAAC,QAAQU,EAAQ,KAAK,KAD3D5C,EAAA,GAAAI,EAIkDI,GAAA;;KAF7C,MAAMD,EAAA2B,CAAA,CAAS,CAAC,OAAOU,EAAQ,KAAK;KACrC,OAAM;KACL,YAAO,MAAErC,EAAA2B,CAAA,CAAS,CAAC,QAAQU,EAAQ,KAAK;IAE9B,GAAA,MAAA,GAAA,CAAA,QAAA,WAAA,CAAA,KAAAA,EAAQ,SADvB5C,EAAA,GAAAI,EAK8FK,GAAA;;KAHzF,KAAKmC,EAAQ;KACb,KAAKA,EAAQ;KACd,iBAAc;KACd,OAAM;IACVjC,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA8BM,OA9BNW,GA8BM;KA7BFX,EAES,UAFTY,GAESX,EADFgC,EAAQ,IAAI,GAAA,CAAA;KAGTA,EAAQ,OADlB5C,EAAA,GAAAC,EAKO,QALPuB,GAKO,CAFHX,EAAkDsB,GAAA;MAA1C,MAAK;MAAU,OAAM;KAC7BtB,CAAAA,GAAAA,EAA4BC,GAAA,EAApB,KAAK8B,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAAG,EAAA,IAAA,EAAA;KAEzBpC,EAcM,OAdNc,GAcM,CAZQmB,EAAQ,SADlB5C,EAAA,GAAAC,EAIO,QAJPyB,GAIOd,EADAgC,EAAQ,KAAK,GAAA,CAAA,KAAAG,EAAA,IAAA,EAAA,GAMVH,EAAQ,gBADlB5C,EAAA,GAAAC,EAIO,QAJP0B,GAIOf,EADAgC,EAAQ,YAAY,GAAA,CAAA,KAAAG,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrBH,EAAQ,eADlB5C,EAAA,GAAAC,EAII,KAJJ2B,GAIIhB,EADGgC,EAAQ,WAAW,GAAA,CAAA,KAAAG,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/PkToolShowWebPages-BeeBiv9R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkToolShowWebPages-BeeBiv9R.js","names":["$t","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_unref","_createBlock","PkHeldImage","PkLazyImg","_createCommentVNode","_toDisplayString","_createVNode","PkUrl","_createTextVNode","_sfc_main","__exportAll","useChatImageGate","PkLazyImg_default","PkUrl_default","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","PkToolShowWebPages_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","imageGate","normalizeUrl","u","url","uniquePages","seen","result","page","key","showMore","ref","pages","hasMore","_component_VvIcon","VvIcon","openBlock","createElementBlock","Fragment","renderList","index","createElementVNode","_ctx","unref","isSameSite","createBlock","createCommentVNode","toDisplayString","createVNode","_cache","createTextVNode","PkToolShowWebPages_exports","PkToolShowWebPages_default"],"sources":["../../../../packages/components/src/chat/PkToolShowWebPages.vue","../../../../packages/components/src/chat/PkToolShowWebPages.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"u-pick-list w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"u-pick-list__entry u-pick-list__entry--roomy u-pick-list__entry--top\">\n                <!-- og:images the model scraped are third-party urls: a dead one\n                     degrades to an icon instead of breaking the card layout -->\n                <PkHeldImage\n                    v-if=\"page.image && !imageGate.canLoad(page.image)\"\n                    :host=\"imageGate.hostOf(page.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(page.image)\" />\n                <PkLazyImg\n                    v-else-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong\n                        class=\"u-pick-list__label font-medium text-12 text-word-1\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"u-pick-list__row\">\n            <button\n                class=\"u-pick-list__entry text-12 text-word-3 justify-center cursor-pointer\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"u-pick-list w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"u-pick-list__entry u-pick-list__entry--roomy u-pick-list__entry--top\">\n                <!-- og:images the model scraped are third-party urls: a dead one\n                     degrades to an icon instead of breaking the card layout -->\n                <PkHeldImage\n                    v-if=\"page.image && !imageGate.canLoad(page.image)\"\n                    :host=\"imageGate.hostOf(page.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(page.image)\" />\n                <PkLazyImg\n                    v-else-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong\n                        class=\"u-pick-list__label font-medium text-12 text-word-1\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"u-pick-list__row\">\n            <button\n                class=\"u-pick-list__entry text-12 text-word-3 justify-center cursor-pointer\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/useDialogConfirm-KWz0ohCQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialogConfirm-KWz0ohCQ.js","names":["isOpen","ref","title","transition","modifiers","size","keepOpen","role","slots","useDialog","onUpdateModelValue","value","onAfterLeave","defineComponent","h","VvDialog","newProps","newSlots","nextTick","useDialogConfirm","$t","useI18n","passphraseText","openDialog","descriptionLabel","questionLabel","passphrase","VvInputText","passphraseLabel","passphraseHint","VvButtonGroup","toReturn","onlyConfirm","VvButton","cancelLabel","emitReject","reject","resolve","confirmLabel"],"sources":["../../../../packages/composable/src/useDialog.ts","../../../../packages/composable/src/useDialogConfirm.ts"],"sourcesContent":["import { VvDialog } from '@volverjs/ui-vue/components'\nimport { defineComponent, h, nextTick, ref, type VNode } from 'vue'\n\ntype DialogProps = {\n    title?: string\n    transition?: string\n    modifiers?: string | string[]\n    /** @deprecated use modifiers instead */\n    size?: 'small' | 'standard' | 'fullscreen'\n    role?: 'alert' | 'alertdialog'\n    keepOpen?: boolean\n}\n\ntype DialogSlots = {\n    footer?: () => VNode | string\n    header?: () => VNode | string\n    default?: () => VNode | string | VNode[] | string[]\n}\n\nconst isOpen = ref(false)\nconst title = ref<DialogProps['title']>()\nconst transition = ref<DialogProps['transition']>()\nconst modifiers = ref<DialogProps['modifiers']>()\nconst size = ref<DialogProps['size']>()\nconst keepOpen = ref<DialogProps['keepOpen']>(false)\nconst role = ref<DialogProps['role']>()\nconst slots = ref<DialogSlots>()\n\nexport const useDialog = () => {\n    const onUpdateModelValue = (value: boolean) => {\n        isOpen.value = value\n    }\n\n    const onAfterLeave = () => {\n        title.value = undefined\n        transition.value = undefined\n        modifiers.value = undefined\n        size.value = undefined\n        keepOpen.value = undefined\n        role.value = undefined\n        slots.value = undefined\n    }\n\n    const PkGlobalDialog = defineComponent({\n        name: 'PkGlobalDialog',\n        render: () =>\n            h(\n                VvDialog,\n                {\n                    modelValue: isOpen.value,\n                    title: title.value,\n                    transition: transition.value,\n                    modifiers: modifiers.value,\n                    size: size.value,\n                    keepOpen: keepOpen.value,\n                    role: role.value,\n                    'onUpdate:modelValue': onUpdateModelValue,\n                    onAfterLeave: onAfterLeave,\n                },\n                slots.value,\n            ),\n    })\n\n    const openDialog = (newProps: DialogProps, newSlots?: DialogSlots) => {\n        title.value = newProps?.title\n        transition.value = newProps?.transition\n        modifiers.value = newProps?.modifiers\n        size.value = newProps?.size\n        keepOpen.value = newProps?.keepOpen ?? false\n        role.value = newProps?.role\n        slots.value = newSlots\n        nextTick(() => {\n            isOpen.value = true\n        })\n        return isOpen\n    }\n\n    return { PkGlobalDialog, openDialog, isOpen }\n}\n","import type { VNode } from 'vue'\nimport { h, ref } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n    VvButton,\n    VvButtonGroup,\n    VvInputText,\n} from '@volverjs/ui-vue/components'\nimport { useDialog } from './useDialog'\n\nexport const useDialogConfirm = () => {\n    const { openDialog } = useDialog()\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    /**\n     * Ask before doing something, in three parts that a person reads in order.\n     *\n     * `title` is what is about to happen, short, in the dialog header.\n     * `questionLabel` is the question itself. `descriptionLabel` is what it\n     * costs: the consequences, secondary, under the question. Splitting them\n     * is the whole point: a confirm that puts question and consequences in one\n     * paragraph is read as a wall and answered without being read, which is\n     * the opposite of what a confirm is for.\n     */\n    const openDialogConfirm = ({\n        emitReject = false,\n        confirmLabel,\n        cancelLabel,\n        questionLabel,\n        descriptionLabel,\n        onlyConfirm = false,\n        passphrase,\n        passphraseLabel,\n        passphraseHint,\n        title,\n    }: {\n        emitReject?: boolean\n        confirmLabel?: string\n        cancelLabel?: string\n        questionLabel?: string\n        descriptionLabel?: string\n        onlyConfirm?: boolean\n        passphrase?: string\n        passphraseLabel?: string\n        passphraseHint?: string\n        title?: string\n    } = {}) => {\n        return new Promise<boolean>((resolve, reject) => {\n            const passphraseText = ref<string>()\n            const isOpen = openDialog(\n                {\n                    role: 'alertdialog',\n                    size: 'small',\n                    keepOpen: true,\n                    title,\n                },\n                {\n                    default: () =>\n                        h('div', [\n                            h(\n                                'div',\n                                {\n                                    class: descriptionLabel ? '' : 'mb-sm',\n                                    style: 'white-space: pre-line',\n                                },\n                                questionLabel ?? $t('message.confirm'),\n                            ),\n                            descriptionLabel\n                                ? h(\n                                      'p',\n                                      {\n                                          class: 'text-14 text-word-2 mt-xs mb-sm',\n                                          style: 'white-space: pre-line',\n                                      },\n                                      descriptionLabel,\n                                  )\n                                : undefined,\n                            passphrase\n                                ? h(VvInputText, {\n                                      modelValue: passphraseText.value,\n                                      'onUpdate:modelValue': (\n                                          value: string,\n                                      ) => {\n                                          passphraseText.value = value\n                                      },\n                                      type: 'text',\n                                      name: 'passphrase',\n                                      class: 'mb-0',\n                                      floating: true,\n                                      label:\n                                          passphraseLabel ??\n                                          $t('label.passphrase'),\n                                      hintLabel:\n                                          passphraseHint ??\n                                          $t('hint.passphrase', { passphrase }),\n                                  })\n                                : undefined,\n                        ]),\n                    footer: () =>\n                        h(VvButtonGroup, () => {\n                            const toReturn: VNode[] = []\n                            if (!onlyConfirm) {\n                                toReturn.push(\n                                    h(VvButton, {\n                                        label:\n                                            cancelLabel ?? $t('action.cancel'),\n                                        modifiers: 'ghost',\n                                        onClick: () => {\n                                            if (emitReject) {\n                                                reject()\n                                            }\n                                            resolve(false)\n                                            isOpen.value = false\n                                        },\n                                    }),\n                                )\n                            }\n                            toReturn.push(\n                                h(VvButton, {\n                                    label: confirmLabel ?? $t('action.proceed'),\n                                    disabled: passphrase\n                                        ? passphrase !== passphraseText.value\n                                        : false,\n                                    onClick: () => {\n                                        resolve(true)\n                                        isOpen.value = false\n                                    },\n                                }),\n                            )\n                            return toReturn\n                        }),\n                },\n            )\n        })\n    }\n\n    return { openDialogConfirm }\n}\n"],"mappings":";;;;AAmBA,IAAMA,IAASC,EAAI,EAAK,GAClBC,IAAQD,EAA0B,GAClCE,IAAaF,EAA+B,GAC5CG,IAAYH,EAA8B,GAC1CI,IAAOJ,EAAyB,GAChCK,IAAWL,EAA6B,EAAK,GAC7CM,IAAON,EAAyB,GAChCO,IAAQP,EAAiB,GAElBQ,UAAkB;CAC3B,IAAMC,KAAsB,MAAmB;EAC3C,EAAO,QAAQC;CACnB,GAEMC,UAAqB;EAOvB,AANA,EAAM,QAAQ,KAAA,GACd,EAAW,QAAQ,KAAA,GACnB,EAAU,QAAQ,KAAA,GAClB,EAAK,QAAQ,KAAA,GACb,EAAS,QAAQ,KAAA,GACjB,EAAK,QAAQ,KAAA,GACb,EAAM,QAAQ,KAAA;CAClB;CAoCA,OAAO;EAAE,gBAlCcC,EAAgB;GACnC,MAAM;GACN,cACIC,EACIC,GACA;IACI,YAAYf,EAAO;IACnB,OAAOE,EAAM;IACb,YAAYC,EAAW;IACvB,WAAWC,EAAU;IACrB,MAAMC,EAAK;IACX,UAAUC,EAAS;IACnB,MAAMC,EAAK;IACX,uBAAuBG;IACT;GAClB,GACAF,EAAM,KACV;EACR,CAgBS;EAAgB,aAdL,GAAuB,OACvC,EAAM,QAAQQ,GAAU,OACxB,EAAW,QAAQA,GAAU,YAC7B,EAAU,QAAQA,GAAU,WAC5B,EAAK,QAAQA,GAAU,MACvB,EAAS,QAAQA,GAAU,YAAY,IACvC,EAAK,QAAQA,GAAU,MACvB,EAAM,QAAQC,GACdC,QAAe;GACX,EAAO,QAAQ;EACnB,CAAC,GACMlB;EAG0B;CAAO;AAChD,GCpEamB,UAAyB;CAClC,IAAM,EAAE,kBAAeV,EAAU,GAC3B,EAAE,GAAGW,MAAOC,EAAQ,EACtB,UAAU,SACd,CAAC;CA4HD,OAAO,EAAE,oBAhHkB,EACvB,gBAAa,IACb,iBACA,gBACA,kBACA,qBACA,iBAAc,IACd,eACA,oBACA,mBACA,aAYA,CAAC,MACM,IAAI,SAAkB,GAAS,MAAW;EAC7C,IAAMC,IAAiBrB,EAAY,GAC7BD,IAASuB,EACX;GACI,MAAM;GACN,MAAM;GACN,UAAU;GACV;EACJ,GACA;GACI,eACIT,EAAE,OAAO;IACLA,EACI,OACA;KACI,OAAOU,IAAmB,KAAK;KAC/B,OAAO;IACX,GACAC,KAAiBL,EAAG,iBAAiB,CACzC;IACAI,IACMV,EACI,KACA;KACI,OAAO;KACP,OAAO;IACX,GACAU,CACJ,IACA,KAAA;IACNE,IACMZ,EAAEa,GAAa;KACX,YAAYL,EAAe;KAC3B,wBACI,MACC;MACD,EAAe,QAAQX;KAC3B;KACA,MAAM;KACN,MAAM;KACN,OAAO;KACP,UAAU;KACV,OACIiB,KACAR,EAAG,kBAAkB;KACzB,WACIS,KACAT,EAAG,mBAAmB,EAAE,cAAW,CAAC;IAC5C,CAAC,IACD,KAAA;GACV,CAAC;GACL,cACIN,EAAEgB,SAAqB;IACnB,IAAMC,IAAoB,CAAC;IA6B3B,OA5BKC,KACDD,EAAS,KACLjB,EAAEmB,GAAU;KACR,OACIC,KAAed,EAAG,eAAe;KACrC,WAAW;KACX,eAAe;MAKX,AAJIe,KACAC,EAAO,GAEXC,EAAQ,EAAK,GACb,EAAO,QAAQ;KACnB;IACJ,CAAC,CACL,GAEJN,EAAS,KACLjB,EAAEmB,GAAU;KACR,OAAOK,KAAgBlB,EAAG,gBAAgB;KAC1C,UAAUM,IACJA,MAAeJ,EAAe,QAC9B;KACN,eAAe;MAEX,AADAe,EAAQ,EAAI,GACZ,EAAO,QAAQ;KACnB;IACJ,CAAC,CACL,GACON;GACX,CAAC;EACT,CACJ;CACJ,CAAC,EAGsB;AAC/B"}