You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP →
Socket
Socket
Sign inDemoInstall

vue3-notion

Package Overview
Dependencies
Maintainers
1
Versions
77
Alerts
File Explorer

Advanced tools

npm Scripts
License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.27 to 0.0.28

842

dist/library.ssr.ts

@@ -1,2 +0,2 @@

'use strict';Object.defineProperty(exports,'__esModule',{value:true});var Vue=require('vue'),katex=require('katex');require('katex/dist/katex.min.css');var Prism=require('prismjs');require('prismjs/themes/prism.css');var vue3=require('fragment-for-vue/vue3');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n["default"]=e;return Object.freeze(n)}var Vue__namespace=/*#__PURE__*/_interopNamespace(Vue);var katex__default=/*#__PURE__*/_interopDefaultLegacy(katex);var Prism__default=/*#__PURE__*/_interopDefaultLegacy(Prism);// utils from react-notion
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var vue=require('vue'),katex=require('katex');require('katex/dist/katex.min.css');var Prism=require('prismjs');require('prismjs/themes/prism.css');var vue3=require('fragment-for-vue/vue3');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var katex__default=/*#__PURE__*/_interopDefaultLegacy(katex);var Prism__default=/*#__PURE__*/_interopDefaultLegacy(Prism);// utils from react-notion
const getTextContent = (text) => {

@@ -36,7 +36,7 @@ return text.reduce((prev, current) => prev + current[0], "");

const useNotionBlock = (props) => {
const block = Vue.computed(() => {
const block = vue.computed(() => {
const id = props.contentId || Object.keys(props.blockMap)[0];
return props.blockMap[id];
});
const pass = Vue.computed(() => {
const pass = vue.computed(() => {
return {

@@ -58,3 +58,3 @@ blockMap: props.blockMap,

});
const f = Vue.computed(() => {
const f = vue.computed(() => {
return {

@@ -70,19 +70,19 @@ block_aspect_ratio: block.value?.value?.format?.block_aspect_ratio,

});
const format = Vue.computed(() => block.value?.value.format);
const properties = Vue.computed(() => block.value?.value.properties);
const icon = Vue.computed(() => format.value?.page_icon);
const width = Vue.computed(() => format.value?.block_width);
const title = Vue.computed(() => properties.value?.title);
const caption = Vue.computed(() => properties.value?.caption);
const description = Vue.computed(() => properties.value?.description);
const type = Vue.computed(() => {
const format = vue.computed(() => block.value?.value.format);
const properties = vue.computed(() => block.value?.value.properties);
const icon = vue.computed(() => format.value?.page_icon);
const width = vue.computed(() => format.value?.block_width);
const title = vue.computed(() => properties.value?.title);
const caption = vue.computed(() => properties.value?.caption);
const description = vue.computed(() => properties.value?.description);
const type = vue.computed(() => {
return block.value?.value.type;
});
const visible = Vue.computed(() => {
const visible = vue.computed(() => {
return type.value ? !props.hideList?.includes(type.value) : false;
});
const hasPageLinkOptions = Vue.computed(() => {
const hasPageLinkOptions = vue.computed(() => {
return props.pageLinkOptions?.component && props.pageLinkOptions?.href;
});
const parent = Vue.computed(() => {
const parent = vue.computed(() => {
return props.blockMap[block.value?.value.parent_id];

@@ -127,7 +127,7 @@ });

};
};const _hoisted_1$k = ["innerHTML"];
};const _hoisted_1$l = ["innerHTML"];
const __default__$l = {
name: "Katex",
};
var script$n = /*#__PURE__*/ Vue.defineComponent({
var script$o = /*#__PURE__*/ vue.defineComponent({
...__default__$l,

@@ -142,9 +142,9 @@ props: {

const props = __props;
const html = Vue.computed(() => katex__default["default"].renderToString(props.expression));
const html = vue.computed(() => katex__default["default"].renderToString(props.expression));
return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("span", { innerHTML: Vue.unref(html) }, null, 8 /* PROPS */, _hoisted_1$k));
return (vue.openBlock(), vue.createElementBlock("span", { innerHTML: vue.unref(html) }, null, 8 /* PROPS */, _hoisted_1$l));
};
}
});script$n.__file = "src/blocks/helpers/katex.vue";const _hoisted_1$j = ["target", "href"];
const _hoisted_2$c = ["target", "href"];
});script$o.__file = "src/blocks/helpers/katex.vue";const _hoisted_1$k = ["target", "href"];
const _hoisted_2$d = ["target", "href"];
const _hoisted_3$5 = ["target", "href"];

@@ -166,3 +166,3 @@ const _hoisted_4$3 = { key: 5 };

};
var script$m = /*#__PURE__*/ Vue.defineComponent({
var script$n = /*#__PURE__*/ vue.defineComponent({
...__default__$k,

@@ -177,7 +177,7 @@ props: {

const { props: blockProps, pass, type, hasPageLinkOptions, pageLinkProps } = useNotionBlock(props);
const text = Vue.computed(() => props.content?.[0]);
const decorators = Vue.computed(() => props.content?.[1] || []);
const decoratorKey = Vue.computed(() => decorators.value?.[0]?.[0]);
const decoratorValue = Vue.computed(() => decorators.value?.[0]?.[1]);
const unappliedDecorators = Vue.computed(() => {
const text = vue.computed(() => props.content?.[0]);
const decorators = vue.computed(() => props.content?.[1] || []);
const decoratorKey = vue.computed(() => decorators.value?.[0]?.[0]);
const decoratorValue = vue.computed(() => decorators.value?.[0]?.[1]);
const unappliedDecorators = vue.computed(() => {
const clonedDecorators = JSON.parse(JSON.stringify(decorators.value || []));

@@ -187,7 +187,7 @@ clonedDecorators.shift(); // remove applied decorator

});
const nextContent = Vue.computed(() => [text.value, unappliedDecorators.value]);
const isPageLink = Vue.computed(() => text.value === "‣");
const isInlinePageLink = Vue.computed(() => decoratorValue.value?.[0] === "/");
const pageLinkTitle = Vue.computed(() => blockProps.blockMap?.[decoratorValue.value]?.value?.properties?.title?.[0]?.[0] || "link");
const target = Vue.computed(() => {
const nextContent = vue.computed(() => [text.value, unappliedDecorators.value]);
const isPageLink = vue.computed(() => text.value === "‣");
const isInlinePageLink = vue.computed(() => decoratorValue.value?.[0] === "/");
const pageLinkTitle = vue.computed(() => blockProps.blockMap?.[decoratorValue.value]?.value?.properties?.title?.[0]?.[0] || "link");
const target = vue.computed(() => {
if (type.value === "page") {

@@ -199,90 +199,90 @@ return blockProps.pageLinkTarget;

return (_ctx, _cache) => {
const _component_NotionDecorator = Vue.resolveComponent("NotionDecorator");
return (Vue.unref(isPageLink) && Vue.unref(hasPageLinkOptions))
? (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(Vue.unref(blockProps).pageLinkOptions?.component), Vue.mergeProps({
const _component_NotionDecorator = vue.resolveComponent("NotionDecorator");
return (vue.unref(isPageLink) && vue.unref(hasPageLinkOptions))
? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(blockProps).pageLinkOptions?.component), vue.mergeProps({
key: 0,
class: "notion-link"
}, Vue.unref(pageLinkProps)(Vue.unref(decoratorValue))), {
default: Vue.withCtx(() => [
Vue.createTextVNode(Vue.toDisplayString(Vue.unref(pageLinkTitle)), 1 /* TEXT */)
}, vue.unref(pageLinkProps)(vue.unref(decoratorValue))), {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(vue.unref(pageLinkTitle)), 1 /* TEXT */)
]),
_: 1 /* STABLE */
}, 16 /* FULL_PROPS */))
: (Vue.unref(isPageLink))
? (Vue.openBlock(), Vue.createElementBlock("a", {
: (vue.unref(isPageLink))
? (vue.openBlock(), vue.createElementBlock("a", {
key: 1,
class: "notion-link",
target: Vue.unref(blockProps).pageLinkTarget,
href: Vue.unref(blockProps).mapPageUrl(Vue.unref(decoratorValue))
}, Vue.toDisplayString(Vue.unref(pageLinkTitle)), 9 /* TEXT, PROPS */, _hoisted_1$j))
: (Vue.unref(decoratorKey) === 'a' && Vue.unref(hasPageLinkOptions) && Vue.unref(isInlinePageLink))
? (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(Vue.unref(blockProps).pageLinkOptions?.component), Vue.mergeProps({
target: vue.unref(blockProps).pageLinkTarget,
href: vue.unref(blockProps).mapPageUrl(vue.unref(decoratorValue))
}, vue.toDisplayString(vue.unref(pageLinkTitle)), 9 /* TEXT, PROPS */, _hoisted_1$k))
: (vue.unref(decoratorKey) === 'a' && vue.unref(hasPageLinkOptions) && vue.unref(isInlinePageLink))
? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(blockProps).pageLinkOptions?.component), vue.mergeProps({
key: 2,
class: "notion-link"
}, Vue.unref(pageLinkProps)(Vue.unref(decoratorValue).slice(1))), {
default: Vue.withCtx(() => [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
}, vue.unref(pageLinkProps)(vue.unref(decoratorValue).slice(1))), {
default: vue.withCtx(() => [
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
]),
_: 1 /* STABLE */
}, 16 /* FULL_PROPS */))
: (Vue.unref(decoratorKey) === 'a' && Vue.unref(isInlinePageLink))
? (Vue.openBlock(), Vue.createElementBlock("a", {
: (vue.unref(decoratorKey) === 'a' && vue.unref(isInlinePageLink))
? (vue.openBlock(), vue.createElementBlock("a", {
key: 3,
class: "notion-link",
target: Vue.unref(target),
href: Vue.unref(blockProps).mapPageUrl(Vue.unref(decoratorValue).slice(1))
target: vue.unref(target),
href: vue.unref(blockProps).mapPageUrl(vue.unref(decoratorValue).slice(1))
}, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
], 8 /* PROPS */, _hoisted_2$c))
: (Vue.unref(decoratorKey) === 'a')
? (Vue.openBlock(), Vue.createElementBlock("a", {
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
], 8 /* PROPS */, _hoisted_2$d))
: (vue.unref(decoratorKey) === 'a')
? (vue.openBlock(), vue.createElementBlock("a", {
key: 4,
class: "notion-link",
target: Vue.unref(target),
href: Vue.unref(decoratorValue)
target: vue.unref(target),
href: vue.unref(decoratorValue)
}, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
], 8 /* PROPS */, _hoisted_3$5))
: (Vue.unref(decorators).length === 0)
? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_4$3, Vue.toDisplayString(Vue.unref(text)), 1 /* TEXT */))
: (Vue.unref(decoratorKey) === 'h')
? (Vue.openBlock(), Vue.createElementBlock("span", {
: (vue.unref(decorators).length === 0)
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, vue.toDisplayString(vue.unref(text)), 1 /* TEXT */))
: (vue.unref(decoratorKey) === 'h')
? (vue.openBlock(), vue.createElementBlock("span", {
key: 6,
class: Vue.normalizeClass('notion-' + Vue.unref(decoratorValue))
class: vue.normalizeClass('notion-' + vue.unref(decoratorValue))
}, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
], 2 /* CLASS */))
: (Vue.unref(decoratorKey) === 'c')
? (Vue.openBlock(), Vue.createElementBlock("code", _hoisted_5$2, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
: (vue.unref(decoratorKey) === 'c')
? (vue.openBlock(), vue.createElementBlock("code", _hoisted_5$2, [
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
]))
: (Vue.unref(decoratorKey) === 'b')
? (Vue.openBlock(), Vue.createElementBlock("b", _hoisted_6$2, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
: (vue.unref(decoratorKey) === 'b')
? (vue.openBlock(), vue.createElementBlock("b", _hoisted_6$2, [
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
]))
: (Vue.unref(decoratorKey) === 'i')
? (Vue.openBlock(), Vue.createElementBlock("em", _hoisted_7$2, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
: (vue.unref(decoratorKey) === 'i')
? (vue.openBlock(), vue.createElementBlock("em", _hoisted_7$2, [
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
]))
: (Vue.unref(decoratorKey) === 's')
? (Vue.openBlock(), Vue.createElementBlock("s", _hoisted_8$2, [
Vue.createVNode(_component_NotionDecorator, Vue.mergeProps({ content: Vue.unref(nextContent) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
: (vue.unref(decoratorKey) === 's')
? (vue.openBlock(), vue.createElementBlock("s", _hoisted_8$2, [
vue.createVNode(_component_NotionDecorator, vue.mergeProps({ content: vue.unref(nextContent) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
]))
: (Vue.unref(decoratorKey) === 'e' && Vue.unref(blockProps).katex)
? (Vue.openBlock(), Vue.createBlock(script$n, {
: (vue.unref(decoratorKey) === 'e' && vue.unref(blockProps).katex)
? (vue.openBlock(), vue.createBlock(script$o, {
key: 11,
expression: Vue.unref(decoratorValue)
expression: vue.unref(decoratorValue)
}, null, 8 /* PROPS */, ["expression"]))
: (Vue.unref(decoratorKey) === 'e')
? (Vue.openBlock(), Vue.createElementBlock("code", _hoisted_9$1, Vue.toDisplayString(Vue.unref(decoratorValue)), 1 /* TEXT */))
: (Vue.openBlock(), Vue.createBlock(_component_NotionDecorator, Vue.mergeProps({
: (vue.unref(decoratorKey) === 'e')
? (vue.openBlock(), vue.createElementBlock("code", _hoisted_9$1, vue.toDisplayString(vue.unref(decoratorValue)), 1 /* TEXT */))
: (vue.openBlock(), vue.createBlock(_component_NotionDecorator, vue.mergeProps({
key: 13,
content: Vue.unref(nextContent)
}, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"]));
content: vue.unref(nextContent)
}, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"]));
};
}
});script$m.__file = "src/blocks/decorator.vue";const __default__$j = {
});script$n.__file = "src/blocks/decorator.vue";const __default__$j = {
name: "NotionTextRenderer",
};
var script$l = /*#__PURE__*/ Vue.defineComponent({
var script$m = /*#__PURE__*/ vue.defineComponent({
...__default__$j,

@@ -295,8 +295,8 @@ props: { text: Object, ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("span", null, [
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(__props.text, (t, i) => {
return (Vue.openBlock(), Vue.createBlock(script$m, Vue.mergeProps({
return (vue.openBlock(), vue.createElementBlock("span", null, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.text, (t, i) => {
return (vue.openBlock(), vue.createBlock(script$n, vue.mergeProps({
key: i,
content: t
}, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"]));
}, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["content"]));
}), 128 /* KEYED_FRAGMENT */))

@@ -306,4 +306,4 @@ ]));

}
});script$l.__file = "src/blocks/helpers/text-renderer.vue";const _hoisted_1$i = { class: "notion-row" };
const _hoisted_2$b = ["href"];
});script$m.__file = "src/blocks/helpers/text-renderer.vue";const _hoisted_1$j = { class: "notion-row" };
const _hoisted_2$c = ["href"];
const _hoisted_3$4 = { class: "notion-bookmark-title" };

@@ -324,3 +324,3 @@ const _hoisted_4$2 = {

};
var script$k = /*#__PURE__*/ Vue.defineComponent({
var script$l = /*#__PURE__*/ vue.defineComponent({
...__default__$i,

@@ -333,53 +333,53 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$i, [
Vue.createElementVNode("a", {
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
vue.createElementVNode("a", {
target: "_blank",
rel: "noopener noreferrer",
class: Vue.normalizeClass(['notion-bookmark', Vue.unref(f).block_color && `notion-${Vue.unref(f).block_color}`]),
href: Vue.unref(properties).link[0][0]
class: vue.normalizeClass(['notion-bookmark', vue.unref(f).block_color && `notion-${vue.unref(f).block_color}`]),
href: vue.unref(properties).link[0][0]
}, [
Vue.createElementVNode("div", null, [
Vue.createElementVNode("div", _hoisted_3$4, [
Vue.createVNode(script$l, Vue.mergeProps({
text: Vue.unref(title) || Vue.unref(properties).link
}, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createElementVNode("div", null, [
vue.createElementVNode("div", _hoisted_3$4, [
vue.createVNode(script$m, vue.mergeProps({
text: vue.unref(title) || vue.unref(properties).link
}, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),
(Vue.unref(description))
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4$2, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(description) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
(vue.unref(description))
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(description) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: Vue.createCommentVNode("v-if", true),
Vue.createElementVNode("div", _hoisted_5$1, [
(Vue.unref(f).bookmark_icon)
? (Vue.openBlock(), Vue.createElementBlock("img", {
: vue.createCommentVNode("v-if", true),
vue.createElementVNode("div", _hoisted_5$1, [
(vue.unref(f).bookmark_icon)
? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
alt: Vue.unref(getTextContent)(Vue.unref(title) || Vue.unref(properties).link),
src: Vue.unref(f).bookmark_icon
alt: vue.unref(getTextContent)(vue.unref(title) || vue.unref(properties).link),
src: vue.unref(f).bookmark_icon
}, null, 8 /* PROPS */, _hoisted_6$1))
: Vue.createCommentVNode("v-if", true),
Vue.createElementVNode("div", null, [
Vue.createVNode(script$l, Vue.mergeProps({
text: Vue.unref(properties).link
}, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
: vue.createCommentVNode("v-if", true),
vue.createElementVNode("div", null, [
vue.createVNode(script$m, vue.mergeProps({
text: vue.unref(properties).link
}, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])
])
]),
(Vue.unref(f).bookmark_cover)
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_7$1, [
Vue.createElementVNode("img", {
alt: Vue.unref(getTextContent)(Vue.unref(title) || Vue.unref(properties).link),
src: Vue.unref(f).bookmark_cover
(vue.unref(f).bookmark_cover)
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$1, [
vue.createElementVNode("img", {
alt: vue.unref(getTextContent)(vue.unref(title) || vue.unref(properties).link),
src: vue.unref(f).bookmark_cover
}, null, 8 /* PROPS */, _hoisted_8$1)
]))
: Vue.createCommentVNode("v-if", true)
], 10 /* CLASS, PROPS */, _hoisted_2$b)
: vue.createCommentVNode("v-if", true)
], 10 /* CLASS, PROPS */, _hoisted_2$c)
]));
};
}
});script$k.__file = "src/blocks/bookmark.vue";const _hoisted_1$h = ["src", "alt"];
const _hoisted_2$a = ["aria-label"];
});script$l.__file = "src/blocks/bookmark.vue";const _hoisted_1$i = ["src", "alt"];
const _hoisted_2$b = ["aria-label"];
const __default__$h = {
name: "NotionPageIcon",
};
var script$j = /*#__PURE__*/ Vue.defineComponent({
var script$k = /*#__PURE__*/ vue.defineComponent({
...__default__$h,

@@ -392,29 +392,29 @@ props: { big: Boolean, ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.unref(icon)?.includes('http'))
? (Vue.openBlock(), Vue.createElementBlock("img", {
return (vue.unref(icon)?.includes('http'))
? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
class: Vue.normalizeClass([Vue.unref(format).page_cover && 'notion-page-icon-offset', __props.big ? 'notion-page-icon-cover' : 'notion-page-icon']),
src: props.mapImageUrl(Vue.unref(icon), Vue.unref(block)),
alt: Vue.unref(title) ? Vue.unref(getTextContent)(Vue.unref(title)) : 'Icon'
}, null, 10 /* CLASS, PROPS */, _hoisted_1$h))
: (Vue.unref(icon))
? (Vue.openBlock(), Vue.createElementBlock("span", {
class: vue.normalizeClass([vue.unref(format).page_cover && 'notion-page-icon-offset', __props.big ? 'notion-page-icon-cover' : 'notion-page-icon']),
src: props.mapImageUrl(vue.unref(icon), vue.unref(block)),
alt: vue.unref(title) ? vue.unref(getTextContent)(vue.unref(title)) : 'Icon'
}, null, 10 /* CLASS, PROPS */, _hoisted_1$i))
: (vue.unref(icon))
? (vue.openBlock(), vue.createElementBlock("span", {
key: 1,
role: "img",
"aria-label": Vue.unref(icon),
class: Vue.normalizeClass([
"aria-label": vue.unref(icon),
class: vue.normalizeClass([
'notion-emoji',
Vue.unref(format).page_cover && 'notion-page-icon-offset',
vue.unref(format).page_cover && 'notion-page-icon-offset',
__props.big ? 'notion-page-icon-cover' : 'notion-page-icon',
])
}, Vue.toDisplayString(Vue.unref(icon)), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$a))
: Vue.createCommentVNode("v-if", true);
}, vue.toDisplayString(vue.unref(icon)), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$b))
: vue.createCommentVNode("v-if", true);
};
}
});script$j.__file = "src/blocks/helpers/page-icon.vue";const _hoisted_1$g = { style: { "font-size": "12px" } };
const _hoisted_2$9 = { class: "notion-callout-text" };
});script$k.__file = "src/blocks/helpers/page-icon.vue";const _hoisted_1$h = { style: { "font-size": "12px" } };
const _hoisted_2$a = { class: "notion-callout-text" };
const __default__$g = {
name: "NotionCallout",
};
var script$i = /*#__PURE__*/ Vue.defineComponent({
var script$j = /*#__PURE__*/ vue.defineComponent({
...__default__$g,

@@ -427,10 +427,10 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("div", {
class: Vue.normalizeClass(['notion-callout', Vue.unref(blockColorClass)()])
return (vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(['notion-callout', vue.unref(blockColorClass)()])
}, [
Vue.createElementVNode("div", _hoisted_1$g, [
Vue.createVNode(script$j, Vue.normalizeProps(Vue.guardReactiveProps(Vue.unref(pass))), null, 16 /* FULL_PROPS */)
vue.createElementVNode("div", _hoisted_1$h, [
vue.createVNode(script$k, vue.normalizeProps(vue.guardReactiveProps(vue.unref(pass))), null, 16 /* FULL_PROPS */)
]),
Vue.createElementVNode("div", _hoisted_2$9, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createElementVNode("div", _hoisted_2$a, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -440,3 +440,5 @@ ], 2 /* CLASS */));

}
});script$i.__file = "src/blocks/callout.vue";var PrismBlock = Vue__namespace.defineComponent({
});script$j.__file = "src/blocks/callout.vue";const _hoisted_1$g = ["innerHTML"];
const _hoisted_2$9 = ["innerHTML"];
var script$i = /*#__PURE__*/ vue.defineComponent({
props: {

@@ -455,30 +457,34 @@ code: {

},
setup(props, { slots, attrs }) {
const { h } = Vue__namespace;
const slotsData = (slots && slots.default && slots.default()) || [];
const code = props.code || (slotsData.length > 0 ? slotsData[0].children : "");
const { inline, language } = props;
const prismLanguage = Prism__default["default"].languages[language];
const className = `language-${language}`;
if (inline) {
return () =>
//@ts-ignore
h("code", { ...attrs, class: [attrs.class, className], innerHTML: Prism__default["default"].highlight(code, prismLanguage) });
}
//@ts-ignore
const d = Prism__default["default"].highlight(code, prismLanguage);
return () => h("pre", { ...attrs, class: [attrs.class, className] }, [
h("code", {
class: className,
innerHTML: d,
}),
]);
},
});const _hoisted_1$f = {
setup(__props) {
const props = __props;
const slots = vue.useSlots();
const { inline, language } = vue.toRefs(props);
const className = vue.computed(() => `language-${language.value}`);
const defaultSlot = (slots && slots.default && slots.default()) || [];
const code = props.code || (defaultSlot && defaultSlot.length && defaultSlot[0]?.children)
? defaultSlot[0].children
: "";
const d = vue.computed(() => Prism__default["default"]?.highlight(code, Prism__default["default"]?.languages[language.value], "en"));
return (_ctx, _cache) => {
return (vue.unref(inline))
? (vue.openBlock(), vue.createElementBlock("code", {
key: 0,
class: vue.normalizeClass(vue.unref(className)),
innerHTML: vue.unref(d)
}, null, 10 /* CLASS, PROPS */, _hoisted_1$g))
: (vue.openBlock(), vue.createElementBlock("pre", {
key: 1,
class: vue.normalizeClass(vue.unref(className))
}, [
vue.createElementVNode("code", { innerHTML: vue.unref(d) }, null, 8 /* PROPS */, _hoisted_2$9)
], 2 /* CLASS */));
};
}
});script$i.__file = "src/blocks/helpers/prism.vue";const _hoisted_1$f = {
key: 0,
class: /*#__PURE__*/ Vue.normalizeClass(['notion-code'])
class: /*#__PURE__*/ vue.normalizeClass(['notion-code'])
};
const _hoisted_2$8 = {
key: 1,
class: /*#__PURE__*/ Vue.normalizeClass(['notion-code'])
class: /*#__PURE__*/ vue.normalizeClass(['notion-code'])
};

@@ -488,3 +494,3 @@ const __default__$f = {

};
var script$h = /*#__PURE__*/ Vue.defineComponent({
var script$h = /*#__PURE__*/ vue.defineComponent({
...__default__$f,

@@ -496,17 +502,17 @@ props: { overrideLang: String, overrideLangClass: String, ...defineNotionProps },

const { properties } = useNotionBlock(props);
const lang = Vue.computed(() => {
const lang = vue.computed(() => {
return props.overrideLang || properties.value?.language?.[0]?.[0]?.toLowerCase();
});
const langClass = Vue.computed(() => {
const langClass = vue.computed(() => {
return props.overrideLangClass || `language-${lang.value}`;
});
const supported = Vue.computed(() => {
const supported = vue.computed(() => {
return lang.value ? Prism__default["default"]?.languages[lang.value] : false;
});
return (_ctx, _cache) => {
return (Vue.unref(supported))
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$f, [
Vue.createVNode(Vue.unref(PrismBlock), { language: Vue.unref(lang) }, {
default: Vue.withCtx(() => [
Vue.createTextVNode(Vue.toDisplayString(Vue.unref(properties)?.title[0][0]), 1 /* TEXT */)
return (vue.unref(supported))
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
vue.createVNode(script$i, { language: vue.unref(lang) }, {
default: vue.withCtx(() => [
vue.createTextVNode(vue.toDisplayString(vue.unref(properties)?.title[0][0]), 1 /* TEXT */)
]),

@@ -516,6 +522,6 @@ _: 1 /* STABLE */

]))
: (Vue.openBlock(), Vue.createElementBlock("pre", _hoisted_2$8, [
Vue.createElementVNode("code", {
class: Vue.normalizeClass(Vue.unref(langClass))
}, Vue.toDisplayString(Vue.unref(properties)?.title[0][0]), 3 /* TEXT, CLASS */)
: (vue.openBlock(), vue.createElementBlock("pre", _hoisted_2$8, [
vue.createElementVNode("code", {
class: vue.normalizeClass(vue.unref(langClass))
}, vue.toDisplayString(vue.unref(properties)?.title[0][0]), 3 /* TEXT, CLASS */)
]));

@@ -527,3 +533,3 @@ };

};
var script$g = /*#__PURE__*/ Vue.defineComponent({
var script$g = /*#__PURE__*/ vue.defineComponent({
...__default__$e,

@@ -536,3 +542,3 @@ props: {

const baseWidth = 46; // todo: add magic numbers to a config json
const columnStyle = Vue.computed(() => {
const columnStyle = vue.computed(() => {
const columns = Number((1 / props.format.column_ratio).toFixed(0));

@@ -544,15 +550,15 @@ const totalWidth = (columns - 1) * baseWidth;

});
const spacerStyle = Vue.computed(() => ({ width: `${baseWidth}px` }));
const spacerStyle = vue.computed(() => ({ width: `${baseWidth}px` }));
return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createBlock(Vue.unref(vue3.Fragment), null, {
default: Vue.withCtx(() => [
Vue.createElementVNode("div", {
return (vue.openBlock(), vue.createBlock(vue.unref(vue3.Fragment), null, {
default: vue.withCtx(() => [
vue.createElementVNode("div", {
class: "notion-column",
style: Vue.normalizeStyle(Vue.unref(columnStyle))
style: vue.normalizeStyle(vue.unref(columnStyle))
}, [
Vue.renderSlot(_ctx.$slots, "default")
vue.renderSlot(_ctx.$slots, "default")
], 4 /* STYLE */),
Vue.createElementVNode("div", {
vue.createElementVNode("div", {
class: "notion-spacer",
style: Vue.normalizeStyle(Vue.unref(spacerStyle))
style: vue.normalizeStyle(vue.unref(spacerStyle))
}, null, 4 /* STYLE */)

@@ -568,3 +574,3 @@ ]),

};
var script$f = /*#__PURE__*/ Vue.defineComponent({
var script$f = /*#__PURE__*/ vue.defineComponent({
...__default__$d,

@@ -576,9 +582,9 @@ props: { ...defineNotionProps },

const { properties, pass } = useNotionBlock(props);
const equation = Vue.computed(() => properties.value.title?.[0]?.[0]);
const equation = vue.computed(() => properties.value.title?.[0]?.[0]);
return (_ctx, _cache) => {
return (props.katex)
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$e, [
Vue.createVNode(script$n, { expression: Vue.unref(equation) }, null, 8 /* PROPS */, ["expression"])
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
vue.createVNode(script$o, { expression: vue.unref(equation) }, null, 8 /* PROPS */, ["expression"])
]))
: (Vue.openBlock(), Vue.createBlock(script$h, Vue.mergeProps({ key: 1 }, Vue.unref(pass), {
: (vue.openBlock(), vue.createBlock(script$h, vue.mergeProps({ key: 1 }, vue.unref(pass), {
overrideLang: "latex",

@@ -593,3 +599,3 @@ overrideLangClass: "language-latex"

};
var script$e = /*#__PURE__*/ Vue.defineComponent({
var script$e = /*#__PURE__*/ vue.defineComponent({
...__default__$c,

@@ -601,6 +607,6 @@ props: { ...defineNotionProps },

const { type, properties, f } = useNotionBlock(props);
const src = Vue.computed(() => {
const src = vue.computed(() => {
return type.value === "figma" ? properties.value?.source[0][0] : f.value.display_source;
});
const style = Vue.computed(() => {
const style = vue.computed(() => {
const aspectRatio = f.value.block_aspect_ratio || f.value.block_height / f.value.block_width;

@@ -613,9 +619,9 @@ return {

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("div", {
style: Vue.normalizeStyle(Vue.unref(style))
return (vue.openBlock(), vue.createElementBlock("div", {
style: vue.normalizeStyle(vue.unref(style))
}, [
Vue.createElementVNode("iframe", {
vue.createElementVNode("iframe", {
class: "notion-image-inset",
style: { "width": "100%" },
src: Vue.unref(src),
src: vue.unref(src),
allow: props.embedAllow

@@ -631,3 +637,3 @@ }, null, 8 /* PROPS */, _hoisted_1$d)

};
var script$d = /*#__PURE__*/ Vue.defineComponent({
var script$d = /*#__PURE__*/ vue.defineComponent({
...__default__$b,

@@ -639,9 +645,9 @@ props: { ...defineNotionProps },

const { caption, properties, block, f } = useNotionBlock(props);
const alt = Vue.computed(() => {
const alt = vue.computed(() => {
return caption?.value?.[0][0];
});
const src = Vue.computed(() => {
const src = vue.computed(() => {
return props.mapImageUrl(properties.value?.source[0][0], block.value);
});
const style = Vue.computed(() => {
const style = vue.computed(() => {
const aspectRatio = f.value.block_aspect_ratio || f.value.block_height / f.value.block_width;

@@ -654,17 +660,17 @@ return {

return (_ctx, _cache) => {
return (Vue.unref(f).block_aspect_ratio)
? (Vue.openBlock(), Vue.createElementBlock("div", {
return (vue.unref(f).block_aspect_ratio)
? (vue.openBlock(), vue.createElementBlock("div", {
key: 0,
style: Vue.normalizeStyle(Vue.unref(style))
style: vue.normalizeStyle(vue.unref(style))
}, [
Vue.createElementVNode("img", {
vue.createElementVNode("img", {
class: "notion-image-inset",
alt: Vue.unref(alt) || 'Notion image',
src: Vue.unref(src)
alt: vue.unref(alt) || 'Notion image',
src: vue.unref(src)
}, null, 8 /* PROPS */, _hoisted_1$c)
], 4 /* STYLE */))
: (Vue.openBlock(), Vue.createElementBlock("img", {
: (vue.openBlock(), vue.createElementBlock("img", {
key: 1,
alt: Vue.unref(alt),
src: Vue.unref(src)
alt: vue.unref(alt),
src: vue.unref(src)
}, null, 8 /* PROPS */, _hoisted_2$7));

@@ -680,3 +686,3 @@ };

};
var script$c = /*#__PURE__*/ Vue.defineComponent({
var script$c = /*#__PURE__*/ vue.defineComponent({
...__default__$a,

@@ -689,16 +695,16 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("figure", {
return (vue.openBlock(), vue.createElementBlock("figure", {
class: "notion-asset-wrapper",
style: Vue.normalizeStyle(Vue.unref(width))
style: vue.normalizeStyle(vue.unref(width))
}, [
(Vue.unref(isType)('image'))
? (Vue.openBlock(), Vue.createBlock(script$d, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)(['embed', 'video', 'figma']))
? (Vue.openBlock(), Vue.createBlock(script$e, Vue.normalizeProps(Vue.mergeProps({ key: 1 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: Vue.createCommentVNode("v-if", true),
(Vue.unref(caption))
? (Vue.openBlock(), Vue.createElementBlock("figcaption", _hoisted_1$b, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(caption) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
(vue.unref(isType)('image'))
? (vue.openBlock(), vue.createBlock(script$d, vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)(['embed', 'video', 'figma']))
? (vue.openBlock(), vue.createBlock(script$e, vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: vue.createCommentVNode("v-if", true),
(vue.unref(caption))
? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$b, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(caption) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: Vue.createCommentVNode("v-if", true)
: vue.createCommentVNode("v-if", true)
], 4 /* STYLE */));

@@ -722,3 +728,3 @@ };

};
var script$b = /*#__PURE__*/ Vue.defineComponent({
var script$b = /*#__PURE__*/ vue.defineComponent({
...__default__$9,

@@ -731,15 +737,15 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.unref(type) === 'header')
? (Vue.openBlock(), Vue.createElementBlock("h1", _hoisted_1$a, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
return (vue.unref(type) === 'header')
? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_1$a, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: (Vue.unref(type) === 'sub_header')
? (Vue.openBlock(), Vue.createElementBlock("h2", _hoisted_2$6, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
: (vue.unref(type) === 'sub_header')
? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$6, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: (Vue.unref(type) === 'sub_sub_header')
? (Vue.openBlock(), Vue.createElementBlock("h3", _hoisted_3$3, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
: (vue.unref(type) === 'sub_sub_header')
? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_3$3, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: Vue.createCommentVNode("v-if", true);
: vue.createCommentVNode("v-if", true);
};

@@ -758,3 +764,3 @@ }

};
var script$a = /*#__PURE__*/ Vue.defineComponent({
var script$a = /*#__PURE__*/ vue.defineComponent({
...__default__$8,

@@ -768,8 +774,8 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.unref(type) === 'bulleted_list')
? (Vue.openBlock(), Vue.createElementBlock("ul", _hoisted_1$9, [
Vue.renderSlot(_ctx.$slots, "default")
return (vue.unref(type) === 'bulleted_list')
? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$9, [
vue.renderSlot(_ctx.$slots, "default")
]))
: (Vue.openBlock(), Vue.createElementBlock("ol", _hoisted_2$5, [
Vue.renderSlot(_ctx.$slots, "default")
: (vue.openBlock(), vue.createElementBlock("ol", _hoisted_2$5, [
vue.renderSlot(_ctx.$slots, "default")
]));

@@ -790,3 +796,3 @@ };

};
var script$9 = /*#__PURE__*/ Vue.defineComponent({
var script$9 = /*#__PURE__*/ vue.defineComponent({
...__default__$7,

@@ -801,44 +807,44 @@ props: { ...defineNotionProps },

// })
const isTopLevel = Vue.computed(() => type.value != props.blockMap?.[block.value.value.parent_id].value.type);
const isTopLevel = vue.computed(() => type.value != props.blockMap?.[block.value.value.parent_id].value.type);
return (_ctx, _cache) => {
return (Vue.unref(isTopLevel) && Vue.unref(type) === 'bulleted_list')
? (Vue.openBlock(), Vue.createElementBlock("ul", _hoisted_1$8, [
Vue.createElementVNode("li", null, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
return (vue.unref(isTopLevel) && vue.unref(type) === 'bulleted_list')
? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$8, [
vue.createElementVNode("li", null, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),
(Vue.unref(block).value.content)
? (Vue.openBlock(), Vue.createBlock(script$a, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
(vue.unref(block).value.content)
? (vue.openBlock(), vue.createBlock(script$a, vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 16 /* FULL_PROPS */))
: Vue.createCommentVNode("v-if", true)
: vue.createCommentVNode("v-if", true)
]))
: (Vue.unref(isTopLevel) && Vue.unref(type) === 'numbered_list')
? (Vue.openBlock(), Vue.createElementBlock("ol", _hoisted_2$4, [
Vue.createElementVNode("li", null, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
: (vue.unref(isTopLevel) && vue.unref(type) === 'numbered_list')
? (vue.openBlock(), vue.createElementBlock("ol", _hoisted_2$4, [
vue.createElementVNode("li", null, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),
(Vue.unref(block).value.content)
? (Vue.openBlock(), Vue.createBlock(script$a, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
(vue.unref(block).value.content)
? (vue.openBlock(), vue.createBlock(script$a, vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 16 /* FULL_PROPS */))
: Vue.createCommentVNode("v-if", true)
: vue.createCommentVNode("v-if", true)
]))
: (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_3$2, [
Vue.createElementVNode("li", null, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, [
vue.createElementVNode("li", null, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),
(Vue.unref(block).value.content)
? (Vue.openBlock(), Vue.createBlock(script$a, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
(vue.unref(block).value.content)
? (vue.openBlock(), vue.createBlock(script$a, vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 16 /* FULL_PROPS */))
: Vue.createCommentVNode("v-if", true)
: vue.createCommentVNode("v-if", true)
]));

@@ -865,3 +871,3 @@ };

};
var script$8 = /*#__PURE__*/ Vue.defineComponent({
var script$8 = /*#__PURE__*/ vue.defineComponent({
...__default__$6,

@@ -873,3 +879,3 @@ props: { ...defineNotionProps },

const { format, title, block, pass, hasPageLinkOptions, pageLinkProps } = useNotionBlock(props);
const coverStyle = Vue.computed(() => {
const coverStyle = vue.computed(() => {
const coverPosition = (1 - (format.value.page_cover_position || 0.5)) * 100;

@@ -880,45 +886,45 @@ return { objectPosition: `center ${coverPosition}%` };

return (props.level === 0 && props.fullPage)
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$7, [
Vue.createCommentVNode(" todo: add header "),
Vue.createCommentVNode(" <NotionPageHeader v-if=\"!hideHeader\" v-bind=\"pass\" /> "),
Vue.createCommentVNode(" todo: hide image if no .format is available "),
(Vue.unref(format) && Vue.unref(format).page_cover)
? (Vue.openBlock(), Vue.createElementBlock("img", {
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
vue.createCommentVNode(" todo: add header "),
vue.createCommentVNode(" <NotionPageHeader v-if=\"!hideHeader\" v-bind=\"pass\" /> "),
vue.createCommentVNode(" todo: hide image if no .format is available "),
(vue.unref(format) && vue.unref(format).page_cover)
? (vue.openBlock(), vue.createElementBlock("img", {
key: 0,
class: "notion-page-cover",
style: Vue.normalizeStyle(Vue.unref(coverStyle)),
alt: Vue.unref(getTextContent)(Vue.unref(title)),
src: props.mapImageUrl(Vue.unref(format).page_cover, Vue.unref(block))
style: vue.normalizeStyle(vue.unref(coverStyle)),
alt: vue.unref(getTextContent)(vue.unref(title)),
src: props.mapImageUrl(vue.unref(format).page_cover, vue.unref(block))
}, null, 12 /* STYLE, PROPS */, _hoisted_2$3))
: Vue.createCommentVNode("v-if", true),
Vue.createElementVNode("main", {
class: Vue.normalizeClass([
: vue.createCommentVNode("v-if", true),
vue.createElementVNode("main", {
class: vue.normalizeClass([
'notion-page',
Vue.unref(format) && !Vue.unref(format).page_cover && 'notion-page-offset',
Vue.unref(format) && Vue.unref(format).page_full_width && 'notion-full-width',
Vue.unref(format) && Vue.unref(format).page_small_text && 'notion-small-text',
vue.unref(format) && !vue.unref(format).page_cover && 'notion-page-offset',
vue.unref(format) && vue.unref(format).page_full_width && 'notion-full-width',
vue.unref(format) && vue.unref(format).page_small_text && 'notion-small-text',
])
}, [
Vue.createVNode(script$j, Vue.mergeProps(Vue.unref(pass), { big: "" }), null, 16 /* FULL_PROPS */),
Vue.createElementVNode("div", _hoisted_3$1, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createVNode(script$k, vue.mergeProps(vue.unref(pass), { big: "" }), null, 16 /* FULL_PROPS */),
vue.createElementVNode("div", _hoisted_3$1, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),
Vue.renderSlot(_ctx.$slots, "default")
vue.renderSlot(_ctx.$slots, "default")
], 2 /* CLASS */)
]))
: (props.level === 0)
? (Vue.openBlock(), Vue.createElementBlock("main", _hoisted_4$1, [
Vue.renderSlot(_ctx.$slots, "default")
? (vue.openBlock(), vue.createElementBlock("main", _hoisted_4$1, [
vue.renderSlot(_ctx.$slots, "default")
]))
: (Vue.unref(hasPageLinkOptions))
? (Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(props.pageLinkOptions?.component), Vue.mergeProps({
: (vue.unref(hasPageLinkOptions))
? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.pageLinkOptions?.component), vue.mergeProps({
key: 2,
class: "notion-page-link"
}, Vue.unref(pageLinkProps)(Vue.unref(block).value.id)), {
default: Vue.withCtx(() => [
Vue.createElementVNode("div", _hoisted_5, [
Vue.createVNode(script$j, Vue.normalizeProps(Vue.guardReactiveProps(Vue.unref(pass))), null, 16 /* FULL_PROPS */)
}, vue.unref(pageLinkProps)(vue.unref(block).value.id)), {
default: vue.withCtx(() => [
vue.createElementVNode("div", _hoisted_5, [
vue.createVNode(script$k, vue.normalizeProps(vue.guardReactiveProps(vue.unref(pass))), null, 16 /* FULL_PROPS */)
]),
Vue.createElementVNode("div", _hoisted_6, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createElementVNode("div", _hoisted_6, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -928,13 +934,13 @@ ]),

}, 16 /* FULL_PROPS */))
: (Vue.openBlock(), Vue.createElementBlock("a", {
: (vue.openBlock(), vue.createElementBlock("a", {
key: 3,
class: "notion-page-link",
target: props.pageLinkTarget,
href: props.mapPageUrl(Vue.unref(block).value.id)
href: props.mapPageUrl(vue.unref(block).value.id)
}, [
Vue.createElementVNode("div", _hoisted_8, [
Vue.createVNode(script$j, Vue.normalizeProps(Vue.guardReactiveProps(Vue.unref(pass))), null, 16 /* FULL_PROPS */)
vue.createElementVNode("div", _hoisted_8, [
vue.createVNode(script$k, vue.normalizeProps(vue.guardReactiveProps(vue.unref(pass))), null, 16 /* FULL_PROPS */)
]),
Vue.createElementVNode("div", _hoisted_9, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createElementVNode("div", _hoisted_9, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -951,3 +957,3 @@ ], 8 /* PROPS */, _hoisted_7));

};
var script$7 = /*#__PURE__*/ Vue.defineComponent({
var script$7 = /*#__PURE__*/ vue.defineComponent({
...__default__$5,

@@ -960,7 +966,7 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.unref(properties))
? (Vue.openBlock(), Vue.createElementBlock("blockquote", _hoisted_1$6, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
return (vue.unref(properties))
? (vue.openBlock(), vue.createElementBlock("blockquote", _hoisted_1$6, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: Vue.createCommentVNode("v-if", true);
: vue.createCommentVNode("v-if", true);
};

@@ -974,6 +980,6 @@ }

function render(_ctx, _cache, $props, $setup, $data, $options) {
return (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$5, [
Vue.createElementVNode("table", _hoisted_2$2, [
Vue.createElementVNode("tbody", null, [
Vue.renderSlot(_ctx.$slots, "default")
return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
vue.createElementVNode("table", _hoisted_2$2, [
vue.createElementVNode("tbody", null, [
vue.renderSlot(_ctx.$slots, "default")
])

@@ -988,3 +994,3 @@ ])

};
var script$5 = /*#__PURE__*/ Vue.defineComponent({
var script$5 = /*#__PURE__*/ vue.defineComponent({
...__default__$4,

@@ -1004,15 +1010,15 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("tr", _hoisted_1$4, [
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(columns), (columnId, columnIndex) => {
return (Vue.openBlock(), Vue.createElementBlock("td", {
return (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$4, [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(columns), (columnId, columnIndex) => {
return (vue.openBlock(), vue.createElementBlock("td", {
key: columnIndex,
class: "notion-simple-table-data"
}, [
Vue.createElementVNode("div", {
class: Vue.normalizeClass({ 'notion-simple-table-header': isHeader(columnIndex) })
vue.createElementVNode("div", {
class: vue.normalizeClass({ 'notion-simple-table-header': isHeader(columnIndex) })
}, [
Vue.createElementVNode("div", _hoisted_2$1, [
Vue.createVNode(script$l, Vue.mergeProps({
vue.createElementVNode("div", _hoisted_2$1, [
vue.createVNode(script$m, vue.mergeProps({
text: cell(columnId)
}, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
}, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -1032,3 +1038,3 @@ ], 2 /* CLASS */)

};
var script$4 = /*#__PURE__*/ Vue.defineComponent({
var script$4 = /*#__PURE__*/ vue.defineComponent({
...__default__$3,

@@ -1041,10 +1047,10 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.unref(properties))
? (Vue.openBlock(), Vue.createElementBlock("p", {
return (vue.unref(properties))
? (vue.openBlock(), vue.createElementBlock("p", {
key: 0,
class: Vue.normalizeClass(['notion-text', Vue.unref(blockColorClass)()])
class: vue.normalizeClass(['notion-text', vue.unref(blockColorClass)()])
}, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
], 2 /* CLASS */))
: (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1$3, " "));
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, " "));
};

@@ -1056,3 +1062,3 @@ }

};
var script$3 = /*#__PURE__*/ Vue.defineComponent({
var script$3 = /*#__PURE__*/ vue.defineComponent({
...__default__$2,

@@ -1067,11 +1073,11 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("div", null, [
Vue.createElementVNode("input", {
return (vue.openBlock(), vue.createElementBlock("div", null, [
vue.createElementVNode("input", {
type: "checkbox",
value: Vue.unref(title),
checked: Vue.unref(properties).checked,
value: vue.unref(title),
checked: vue.unref(properties).checked,
disabled: "true"
}, null, 8 /* PROPS */, _hoisted_1$2),
Vue.createElementVNode("label", null, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
vue.createElementVNode("label", null, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -1085,3 +1091,3 @@ ]));

};
var script$2 = /*#__PURE__*/ Vue.defineComponent({
var script$2 = /*#__PURE__*/ vue.defineComponent({
...__default__$1,

@@ -1094,8 +1100,8 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock("details", _hoisted_1$1, [
Vue.createElementVNode("summary", null, [
Vue.createVNode(script$l, Vue.mergeProps({ text: Vue.unref(title) }, Vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
return (vue.openBlock(), vue.createElementBlock("details", _hoisted_1$1, [
vue.createElementVNode("summary", null, [
vue.createVNode(script$m, vue.mergeProps({ text: vue.unref(title) }, vue.unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),
Vue.createElementVNode("div", null, [
Vue.renderSlot(_ctx.$slots, "default")
vue.createElementVNode("div", null, [
vue.renderSlot(_ctx.$slots, "default")
])

@@ -1118,3 +1124,3 @@ ]));

const _hoisted_4 = { key: 17 };
var script$1 = /*#__PURE__*/ Vue.defineComponent({
var script$1 = /*#__PURE__*/ vue.defineComponent({
props: { ...defineNotionProps },

@@ -1126,8 +1132,8 @@ setup(__props) {

return (_ctx, _cache) => {
return (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, [
(Vue.unref(isType)('page'))
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
Vue.createVNode(script$8, Vue.normalizeProps(Vue.guardReactiveProps(Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
(vue.unref(isType)('page'))
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
vue.createVNode(script$8, vue.normalizeProps(vue.guardReactiveProps(vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),

@@ -1137,67 +1143,67 @@ _: 3 /* FORWARDED */

]))
: (Vue.unref(isType)(['header', 'sub_header', 'sub_sub_header']))
? (Vue.openBlock(), Vue.createBlock(script$b, Vue.normalizeProps(Vue.mergeProps({ key: 1 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('bookmark'))
? (Vue.openBlock(), Vue.createBlock(script$k, Vue.normalizeProps(Vue.mergeProps({ key: 2 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('callout'))
? (Vue.openBlock(), Vue.createBlock(script$i, Vue.normalizeProps(Vue.mergeProps({ key: 3 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('code'))
? (Vue.openBlock(), Vue.createBlock(script$h, Vue.normalizeProps(Vue.mergeProps({ key: 4 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('equation'))
? (Vue.openBlock(), Vue.createBlock(script$f, Vue.normalizeProps(Vue.mergeProps({ key: 5 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('text'))
? (Vue.openBlock(), Vue.createBlock(script$4, Vue.normalizeProps(Vue.mergeProps({ key: 6 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('quote'))
? (Vue.openBlock(), Vue.createBlock(script$7, Vue.normalizeProps(Vue.mergeProps({ key: 7 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('to_do'))
? (Vue.openBlock(), Vue.createBlock(script$3, Vue.normalizeProps(Vue.mergeProps({ key: 8 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('toggle'))
? (Vue.openBlock(), Vue.createBlock(script$2, Vue.normalizeProps(Vue.mergeProps({ key: 9 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
: (vue.unref(isType)(['header', 'sub_header', 'sub_sub_header']))
? (vue.openBlock(), vue.createBlock(script$b, vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('bookmark'))
? (vue.openBlock(), vue.createBlock(script$l, vue.normalizeProps(vue.mergeProps({ key: 2 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('callout'))
? (vue.openBlock(), vue.createBlock(script$j, vue.normalizeProps(vue.mergeProps({ key: 3 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('code'))
? (vue.openBlock(), vue.createBlock(script$h, vue.normalizeProps(vue.mergeProps({ key: 4 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('equation'))
? (vue.openBlock(), vue.createBlock(script$f, vue.normalizeProps(vue.mergeProps({ key: 5 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('text'))
? (vue.openBlock(), vue.createBlock(script$4, vue.normalizeProps(vue.mergeProps({ key: 6 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('quote'))
? (vue.openBlock(), vue.createBlock(script$7, vue.normalizeProps(vue.mergeProps({ key: 7 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('to_do'))
? (vue.openBlock(), vue.createBlock(script$3, vue.normalizeProps(vue.mergeProps({ key: 8 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('toggle'))
? (vue.openBlock(), vue.createBlock(script$2, vue.normalizeProps(vue.mergeProps({ key: 9 }, vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('column_list'))
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
Vue.renderSlot(_ctx.$slots, "default")
: (vue.unref(isType)('column_list'))
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
vue.renderSlot(_ctx.$slots, "default")
]))
: (Vue.unref(isType)('column'))
? (Vue.openBlock(), Vue.createBlock(script$g, {
: (vue.unref(isType)('column'))
? (vue.openBlock(), vue.createBlock(script$g, {
key: 11,
format: Vue.unref(format)
format: vue.unref(format)
}, {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 8 /* PROPS */, ["format"]))
: (Vue.unref(isType)(['bulleted_list', 'numbered_list']))
? (Vue.openBlock(), Vue.createBlock(script$9, Vue.normalizeProps(Vue.mergeProps({ key: 12 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
: (vue.unref(isType)(['bulleted_list', 'numbered_list']))
? (vue.openBlock(), vue.createBlock(script$9, vue.normalizeProps(vue.mergeProps({ key: 12 }, vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 16 /* FULL_PROPS */))
: (Vue.unref(isType)(['image', 'embed', 'figma', 'video', 'audio']))
? (Vue.openBlock(), Vue.createBlock(script$c, Vue.normalizeProps(Vue.mergeProps({ key: 13 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('table'))
? (Vue.openBlock(), Vue.createBlock(script$6, Vue.normalizeProps(Vue.mergeProps({ key: 14 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
Vue.renderSlot(_ctx.$slots, "default")
: (vue.unref(isType)(['image', 'embed', 'figma', 'video', 'audio']))
? (vue.openBlock(), vue.createBlock(script$c, vue.normalizeProps(vue.mergeProps({ key: 13 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('table'))
? (vue.openBlock(), vue.createBlock(script$6, vue.normalizeProps(vue.mergeProps({ key: 14 }, vue.unref(pass))), {
default: vue.withCtx(() => [
vue.renderSlot(_ctx.$slots, "default")
]),
_: 3 /* FORWARDED */
}, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('table_row'))
? (Vue.openBlock(), Vue.createBlock(script$5, Vue.normalizeProps(Vue.mergeProps({ key: 15 }, Vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (Vue.unref(isType)('divider'))
? (Vue.openBlock(), Vue.createElementBlock("hr", _hoisted_3))
: (props.todo && Vue.unref(visible))
? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_4, [
Vue.createTextVNode(" todo: " + Vue.toDisplayString(Vue.unref(type)) + " ", 1 /* TEXT */),
Vue.renderSlot(_ctx.$slots, "default")
: (vue.unref(isType)('table_row'))
? (vue.openBlock(), vue.createBlock(script$5, vue.normalizeProps(vue.mergeProps({ key: 15 }, vue.unref(pass))), null, 16 /* FULL_PROPS */))
: (vue.unref(isType)('divider'))
? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_3))
: (props.todo && vue.unref(visible))
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
vue.createTextVNode(" todo: " + vue.toDisplayString(vue.unref(type)) + " ", 1 /* TEXT */),
vue.renderSlot(_ctx.$slots, "default")
]))
: Vue.createCommentVNode("v-if", true),
Vue.createCommentVNode(" todo: maybe add message on !production if block type unsupported "),
Vue.createCommentVNode(" <div v-else-if=\"visible\"><slot /></div> ")
: vue.createCommentVNode("v-if", true),
vue.createCommentVNode(" todo: maybe add message on !production if block type unsupported "),
vue.createCommentVNode(" <div v-else-if=\"visible\"><slot /></div> ")
], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */));

@@ -1209,3 +1215,3 @@ };

};
var script = /*#__PURE__*/ Vue.defineComponent({
var script = /*#__PURE__*/ vue.defineComponent({
...__default__,

@@ -1218,10 +1224,10 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
const _component_NotionRenderer = Vue.resolveComponent("NotionRenderer", true);
return (Vue.unref(block))
? (Vue.openBlock(), Vue.createBlock(script$1, Vue.normalizeProps(Vue.mergeProps({ key: 0 }, Vue.unref(pass))), {
default: Vue.withCtx(() => [
(Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(block).value.content, (contentId, contentIndex) => {
return (Vue.openBlock(), Vue.createBlock(_component_NotionRenderer, Vue.mergeProps(Vue.unref(pass), {
const _component_NotionRenderer = vue.resolveComponent("NotionRenderer", true);
return (vue.unref(block))
? (vue.openBlock(), vue.createBlock(script$1, vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(pass))), {
default: vue.withCtx(() => [
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(block).value.content, (contentId, contentIndex) => {
return (vue.openBlock(), vue.createBlock(_component_NotionRenderer, vue.mergeProps(vue.unref(pass), {
key: contentId,
level: Vue.unref(pass).level + 1,
level: vue.unref(pass).level + 1,
"content-id": contentId,

@@ -1234,3 +1240,3 @@ "content-index": contentIndex

}, 16 /* FULL_PROPS */))
: Vue.createCommentVNode("v-if", true);
: vue.createCommentVNode("v-if", true);
};

@@ -1237,0 +1243,0 @@ }

173

dist/library.ts

@@ -1,3 +0,2 @@

import * as Vue from 'vue';
import { computed, defineComponent, openBlock, createElementBlock, unref, resolveComponent, createBlock, resolveDynamicComponent, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, normalizeClass, Fragment, renderList, createElementVNode, createCommentVNode, normalizeProps, guardReactiveProps, normalizeStyle, renderSlot } from 'vue';
import { computed, defineComponent, openBlock, createElementBlock, unref, resolveComponent, createBlock, resolveDynamicComponent, mergeProps, withCtx, createTextVNode, toDisplayString, createVNode, normalizeClass, Fragment, renderList, createElementVNode, createCommentVNode, normalizeProps, guardReactiveProps, useSlots, toRefs, normalizeStyle, renderSlot } from 'vue';
import katex from 'katex';

@@ -136,7 +135,7 @@ import 'katex/dist/katex.min.css';

const _hoisted_1$k = ["innerHTML"];
const _hoisted_1$l = ["innerHTML"];
const __default__$l = {
name: "Katex",
};
var script$n = /*#__PURE__*/ defineComponent({
var script$o = /*#__PURE__*/ defineComponent({
...__default__$l,

@@ -153,3 +152,3 @@ props: {

return (_ctx, _cache) => {
return (openBlock(), createElementBlock("span", { innerHTML: unref(html) }, null, 8 /* PROPS */, _hoisted_1$k));
return (openBlock(), createElementBlock("span", { innerHTML: unref(html) }, null, 8 /* PROPS */, _hoisted_1$l));
};

@@ -159,6 +158,6 @@ }

script$n.__file = "src/blocks/helpers/katex.vue";
script$o.__file = "src/blocks/helpers/katex.vue";
const _hoisted_1$j = ["target", "href"];
const _hoisted_2$c = ["target", "href"];
const _hoisted_1$k = ["target", "href"];
const _hoisted_2$d = ["target", "href"];
const _hoisted_3$5 = ["target", "href"];

@@ -180,3 +179,3 @@ const _hoisted_4$3 = { key: 5 };

};
var script$m = /*#__PURE__*/ defineComponent({
var script$n = /*#__PURE__*/ defineComponent({
...__default__$k,

@@ -228,3 +227,3 @@ props: {

href: unref(blockProps).mapPageUrl(unref(decoratorValue))
}, toDisplayString(unref(pageLinkTitle)), 9 /* TEXT, PROPS */, _hoisted_1$j))
}, toDisplayString(unref(pageLinkTitle)), 9 /* TEXT, PROPS */, _hoisted_1$k))
: (unref(decoratorKey) === 'a' && unref(hasPageLinkOptions) && unref(isInlinePageLink))

@@ -248,3 +247,3 @@ ? (openBlock(), createBlock(resolveDynamicComponent(unref(blockProps).pageLinkOptions?.component), mergeProps({

createVNode(_component_NotionDecorator, mergeProps({ content: unref(nextContent) }, unref(pass)), null, 16 /* FULL_PROPS */, ["content"])
], 8 /* PROPS */, _hoisted_2$c))
], 8 /* PROPS */, _hoisted_2$d))
: (unref(decoratorKey) === 'a')

@@ -285,3 +284,3 @@ ? (openBlock(), createElementBlock("a", {

: (unref(decoratorKey) === 'e' && unref(blockProps).katex)
? (openBlock(), createBlock(script$n, {
? (openBlock(), createBlock(script$o, {
key: 11,

@@ -300,3 +299,3 @@ expression: unref(decoratorValue)

script$m.__file = "src/blocks/decorator.vue";
script$n.__file = "src/blocks/decorator.vue";

@@ -306,3 +305,3 @@ const __default__$j = {

};
var script$l = /*#__PURE__*/ defineComponent({
var script$m = /*#__PURE__*/ defineComponent({
...__default__$j,

@@ -317,3 +316,3 @@ props: { text: Object, ...defineNotionProps },

(openBlock(true), createElementBlock(Fragment, null, renderList(__props.text, (t, i) => {
return (openBlock(), createBlock(script$m, mergeProps({
return (openBlock(), createBlock(script$n, mergeProps({
key: i,

@@ -328,6 +327,6 @@ content: t

script$l.__file = "src/blocks/helpers/text-renderer.vue";
script$m.__file = "src/blocks/helpers/text-renderer.vue";
const _hoisted_1$i = { class: "notion-row" };
const _hoisted_2$b = ["href"];
const _hoisted_1$j = { class: "notion-row" };
const _hoisted_2$c = ["href"];
const _hoisted_3$4 = { class: "notion-bookmark-title" };

@@ -348,3 +347,3 @@ const _hoisted_4$2 = {

};
var script$k = /*#__PURE__*/ defineComponent({
var script$l = /*#__PURE__*/ defineComponent({
...__default__$i,

@@ -357,3 +356,3 @@ props: { ...defineNotionProps },

return (_ctx, _cache) => {
return (openBlock(), createElementBlock("div", _hoisted_1$i, [
return (openBlock(), createElementBlock("div", _hoisted_1$j, [
createElementVNode("a", {

@@ -367,3 +366,3 @@ target: "_blank",

createElementVNode("div", _hoisted_3$4, [
createVNode(script$l, mergeProps({
createVNode(script$m, mergeProps({
text: unref(title) || unref(properties).link

@@ -374,3 +373,3 @@ }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])

? (openBlock(), createElementBlock("div", _hoisted_4$2, [
createVNode(script$l, mergeProps({ text: unref(description) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(description) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))

@@ -387,3 +386,3 @@ : createCommentVNode("v-if", true),

createElementVNode("div", null, [
createVNode(script$l, mergeProps({
createVNode(script$m, mergeProps({
text: unref(properties).link

@@ -402,3 +401,3 @@ }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])

: createCommentVNode("v-if", true)
], 10 /* CLASS, PROPS */, _hoisted_2$b)
], 10 /* CLASS, PROPS */, _hoisted_2$c)
]));

@@ -409,10 +408,10 @@ };

script$k.__file = "src/blocks/bookmark.vue";
script$l.__file = "src/blocks/bookmark.vue";
const _hoisted_1$h = ["src", "alt"];
const _hoisted_2$a = ["aria-label"];
const _hoisted_1$i = ["src", "alt"];
const _hoisted_2$b = ["aria-label"];
const __default__$h = {
name: "NotionPageIcon",
};
var script$j = /*#__PURE__*/ defineComponent({
var script$k = /*#__PURE__*/ defineComponent({
...__default__$h,

@@ -431,3 +430,3 @@ props: { big: Boolean, ...defineNotionProps },

alt: unref(title) ? unref(getTextContent)(unref(title)) : 'Icon'
}, null, 10 /* CLASS, PROPS */, _hoisted_1$h))
}, null, 10 /* CLASS, PROPS */, _hoisted_1$i))
: (unref(icon))

@@ -443,3 +442,3 @@ ? (openBlock(), createElementBlock("span", {

])
}, toDisplayString(unref(icon)), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$a))
}, toDisplayString(unref(icon)), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$b))
: createCommentVNode("v-if", true);

@@ -450,10 +449,10 @@ };

script$j.__file = "src/blocks/helpers/page-icon.vue";
script$k.__file = "src/blocks/helpers/page-icon.vue";
const _hoisted_1$g = { style: { "font-size": "12px" } };
const _hoisted_2$9 = { class: "notion-callout-text" };
const _hoisted_1$h = { style: { "font-size": "12px" } };
const _hoisted_2$a = { class: "notion-callout-text" };
const __default__$g = {
name: "NotionCallout",
};
var script$i = /*#__PURE__*/ defineComponent({
var script$j = /*#__PURE__*/ defineComponent({
...__default__$g,

@@ -469,7 +468,7 @@ props: { ...defineNotionProps },

}, [
createElementVNode("div", _hoisted_1$g, [
createVNode(script$j, normalizeProps(guardReactiveProps(unref(pass))), null, 16 /* FULL_PROPS */)
createElementVNode("div", _hoisted_1$h, [
createVNode(script$k, normalizeProps(guardReactiveProps(unref(pass))), null, 16 /* FULL_PROPS */)
]),
createElementVNode("div", _hoisted_2$9, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createElementVNode("div", _hoisted_2$a, [
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -481,5 +480,7 @@ ], 2 /* CLASS */));

script$i.__file = "src/blocks/callout.vue";
script$j.__file = "src/blocks/callout.vue";
var PrismBlock = Vue.defineComponent({
const _hoisted_1$g = ["innerHTML"];
const _hoisted_2$9 = ["innerHTML"];
var script$i = /*#__PURE__*/ defineComponent({
props: {

@@ -498,25 +499,31 @@ code: {

},
setup(props, { slots, attrs }) {
const { h } = Vue;
const slotsData = (slots && slots.default && slots.default()) || [];
const code = props.code || (slotsData.length > 0 ? slotsData[0].children : "");
const { inline, language } = props;
const prismLanguage = Prism.languages[language];
const className = `language-${language}`;
if (inline) {
return () =>
//@ts-ignore
h("code", { ...attrs, class: [attrs.class, className], innerHTML: Prism.highlight(code, prismLanguage) });
}
//@ts-ignore
const d = Prism.highlight(code, prismLanguage);
return () => h("pre", { ...attrs, class: [attrs.class, className] }, [
h("code", {
class: className,
innerHTML: d,
}),
]);
},
setup(__props) {
const props = __props;
const slots = useSlots();
const { inline, language } = toRefs(props);
const className = computed(() => `language-${language.value}`);
const defaultSlot = (slots && slots.default && slots.default()) || [];
const code = props.code || (defaultSlot && defaultSlot.length && defaultSlot[0]?.children)
? defaultSlot[0].children
: "";
const d = computed(() => Prism?.highlight(code, Prism?.languages[language.value], "en"));
return (_ctx, _cache) => {
return (unref(inline))
? (openBlock(), createElementBlock("code", {
key: 0,
class: normalizeClass(unref(className)),
innerHTML: unref(d)
}, null, 10 /* CLASS, PROPS */, _hoisted_1$g))
: (openBlock(), createElementBlock("pre", {
key: 1,
class: normalizeClass(unref(className))
}, [
createElementVNode("code", { innerHTML: unref(d) }, null, 8 /* PROPS */, _hoisted_2$9)
], 2 /* CLASS */));
};
}
});
script$i.__file = "src/blocks/helpers/prism.vue";
const _hoisted_1$f = {

@@ -552,3 +559,3 @@ key: 0,

? (openBlock(), createElementBlock("div", _hoisted_1$f, [
createVNode(unref(PrismBlock), { language: unref(lang) }, {
createVNode(script$i, { language: unref(lang) }, {
default: withCtx(() => [

@@ -627,3 +634,3 @@ createTextVNode(toDisplayString(unref(properties)?.title[0][0]), 1 /* TEXT */)

? (openBlock(), createElementBlock("div", _hoisted_1$e, [
createVNode(script$n, { expression: unref(equation) }, null, 8 /* PROPS */, ["expression"])
createVNode(script$o, { expression: unref(equation) }, null, 8 /* PROPS */, ["expression"])
]))

@@ -752,3 +759,3 @@ : (openBlock(), createBlock(script$h, mergeProps({ key: 1 }, unref(pass), {

? (openBlock(), createElementBlock("figcaption", _hoisted_1$b, [
createVNode(script$l, mergeProps({ text: unref(caption) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(caption) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))

@@ -788,11 +795,11 @@ : createCommentVNode("v-if", true)

? (openBlock(), createElementBlock("h1", _hoisted_1$a, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: (unref(type) === 'sub_header')
? (openBlock(), createElementBlock("h2", _hoisted_2$6, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))
: (unref(type) === 'sub_sub_header')
? (openBlock(), createElementBlock("h3", _hoisted_3$3, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))

@@ -866,3 +873,3 @@ : createCommentVNode("v-if", true);

createElementVNode("li", null, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),

@@ -881,3 +888,3 @@ (unref(block).value.content)

createElementVNode("li", null, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),

@@ -895,3 +902,3 @@ (unref(block).value.content)

createElementVNode("li", null, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),

@@ -965,5 +972,5 @@ (unref(block).value.content)

}, [
createVNode(script$j, mergeProps(unref(pass), { big: "" }), null, 16 /* FULL_PROPS */),
createVNode(script$k, mergeProps(unref(pass), { big: "" }), null, 16 /* FULL_PROPS */),
createElementVNode("div", _hoisted_3$1, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),

@@ -984,6 +991,6 @@ renderSlot(_ctx.$slots, "default")

createElementVNode("div", _hoisted_5, [
createVNode(script$j, normalizeProps(guardReactiveProps(unref(pass))), null, 16 /* FULL_PROPS */)
createVNode(script$k, normalizeProps(guardReactiveProps(unref(pass))), null, 16 /* FULL_PROPS */)
]),
createElementVNode("div", _hoisted_6, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -1000,6 +1007,6 @@ ]),

createElementVNode("div", _hoisted_8, [
createVNode(script$j, normalizeProps(guardReactiveProps(unref(pass))), null, 16 /* FULL_PROPS */)
createVNode(script$k, normalizeProps(guardReactiveProps(unref(pass))), null, 16 /* FULL_PROPS */)
]),
createElementVNode("div", _hoisted_9, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -1030,3 +1037,3 @@ ], 8 /* PROPS */, _hoisted_7));

? (openBlock(), createElementBlock("blockquote", _hoisted_1$6, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]))

@@ -1090,3 +1097,3 @@ : createCommentVNode("v-if", true);

createElementVNode("div", _hoisted_2$1, [
createVNode(script$l, mergeProps({
createVNode(script$m, mergeProps({
text: cell(columnId)

@@ -1125,3 +1132,3 @@ }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])

}, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
], 2 /* CLASS */))

@@ -1157,3 +1164,3 @@ : (openBlock(), createElementBlock("div", _hoisted_1$3, " "));

createElementVNode("label", null, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
])

@@ -1181,3 +1188,3 @@ ]));

createElementVNode("summary", null, [
createVNode(script$l, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
createVNode(script$m, mergeProps({ text: unref(title) }, unref(pass)), null, 16 /* FULL_PROPS */, ["text"])
]),

@@ -1227,5 +1234,5 @@ createElementVNode("div", null, [

: (unref(isType)('bookmark'))
? (openBlock(), createBlock(script$k, normalizeProps(mergeProps({ key: 2 }, unref(pass))), null, 16 /* FULL_PROPS */))
? (openBlock(), createBlock(script$l, normalizeProps(mergeProps({ key: 2 }, unref(pass))), null, 16 /* FULL_PROPS */))
: (unref(isType)('callout'))
? (openBlock(), createBlock(script$i, normalizeProps(mergeProps({ key: 3 }, unref(pass))), null, 16 /* FULL_PROPS */))
? (openBlock(), createBlock(script$j, normalizeProps(mergeProps({ key: 3 }, unref(pass))), null, 16 /* FULL_PROPS */))
: (unref(isType)('code'))

@@ -1232,0 +1239,0 @@ ? (openBlock(), createBlock(script$h, normalizeProps(mergeProps({ key: 4 }, unref(pass))), null, 16 /* FULL_PROPS */))

2

package.json
{
"name": "vue3-notion",
"version": "0.0.27",
"version": "0.0.28",
"description": "Vue 3 Unofficial Notion Renderer",

@@ -5,0 +5,0 @@ "repository": "github:zernonia/vue3-notion",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc