@event-calendar/day-grid
Advanced tools
Comparing version 0.13.4 to 0.14.0
159
index.js
import { SvelteComponent, init, safe_not_equal, element, space, attr, insert, append, noop, detach, destroy_each, component_subscribe, text, set_data, create_slot, listen, is_function, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, run_all, set_store_value, binding_callbacks, construct_svelte_component, create_component, mount_component, action_destroyer, group_outros, destroy_component, check_outros, stop_propagation, bubble, empty } from 'svelte/internal'; | ||
import { getContext, tick, createEventDispatcher, onMount, afterUpdate, setContext } from 'svelte'; | ||
import { derived, writable } from 'svelte/store'; | ||
import { cloneDate, subtractDay, addDay, hasYScroll, sortEventChunks, setMidnight, datesEqual, setContent, toEventWithLocalDates, toViewWithLocalDates, createEventContent, height, ancestor, clickOutside, rect, createDate, toLocalDate, toISOString, assign, createEventChunk, intl } from '@event-calendar/common'; | ||
import { cloneDate, subtractDay, addDay, hasYScroll, sortEventChunks, setMidnight, datesEqual, setContent, maybeIgnore, toEventWithLocalDates, toViewWithLocalDates, createEventContent, height, ancestor, outsideEvent, rect, createDate, toLocalDate, toISOString, assign, createEventChunk, intl } from '@event-calendar/common'; | ||
@@ -423,3 +423,3 @@ function days(state) { | ||
switch_instance = construct_svelte_component(switch_value, switch_props(ctx)); | ||
switch_instance.$on("pointerdown", /*createDragHandler*/ ctx[30](true)); | ||
switch_instance.$on("pointerdown", /*createDragHandler*/ ctx[29](true)); | ||
} | ||
@@ -442,3 +442,3 @@ | ||
if (switch_instance) mount_component(switch_instance, div1, null); | ||
/*div1_binding*/ ctx[45](div1); | ||
/*div1_binding*/ ctx[44](div1); | ||
current = true; | ||
@@ -448,6 +448,6 @@ | ||
dispose = [ | ||
listen(window, "resize", /*reposition*/ ctx[31]), | ||
listen(window, "resize", /*reposition*/ ctx[30]), | ||
action_destroyer(setContent_action = setContent.call(null, div0, /*content*/ ctx[5])), | ||
listen(div1, "click", function () { | ||
if (is_function(/*createClickHandler*/ ctx[29](/*$eventClick*/ ctx[8], /*display*/ ctx[6]))) /*createClickHandler*/ ctx[29](/*$eventClick*/ ctx[8], /*display*/ ctx[6]).apply(this, arguments); | ||
if (is_function(maybeIgnore(/*createHandler*/ ctx[28](/*$eventClick*/ ctx[8], /*display*/ ctx[6])))) maybeIgnore(/*createHandler*/ ctx[28](/*$eventClick*/ ctx[8], /*display*/ ctx[6])).apply(this, arguments); | ||
}), | ||
@@ -462,5 +462,5 @@ listen(div1, "mouseenter", function () { | ||
if (is_function(/*display*/ ctx[6] === 'auto' && /*$_draggable*/ ctx[11](/*event*/ ctx[0]) | ||
? /*createDragHandler*/ ctx[30]() | ||
? /*createDragHandler*/ ctx[29]() | ||
: undefined)) (/*display*/ ctx[6] === 'auto' && /*$_draggable*/ ctx[11](/*event*/ ctx[0]) | ||
? /*createDragHandler*/ ctx[30]() | ||
? /*createDragHandler*/ ctx[29]() | ||
: undefined).apply(this, arguments); | ||
@@ -498,3 +498,3 @@ }) | ||
switch_instance = construct_svelte_component(switch_value, switch_props(ctx)); | ||
switch_instance.$on("pointerdown", /*createDragHandler*/ ctx[30](true)); | ||
switch_instance.$on("pointerdown", /*createDragHandler*/ ctx[29](true)); | ||
create_component(switch_instance.$$.fragment); | ||
@@ -530,3 +530,3 @@ transition_in(switch_instance.$$.fragment, 1); | ||
if (switch_instance) destroy_component(switch_instance); | ||
/*div1_binding*/ ctx[45](null); | ||
/*div1_binding*/ ctx[44](null); | ||
mounted = false; | ||
@@ -559,19 +559,19 @@ run_all(dispose); | ||
let { dayMaxEvents, displayEventEnd, eventBackgroundColor, eventClick, eventColor, eventContent, eventDidMount, eventMouseEnter, eventMouseLeave, theme, _view, _intlEventTime, _interaction, _classes, _draggable } = getContext('state'); | ||
component_subscribe($$self, dayMaxEvents, value => $$invalidate(47, $dayMaxEvents = value)); | ||
component_subscribe($$self, displayEventEnd, value => $$invalidate(41, $displayEventEnd = value)); | ||
component_subscribe($$self, eventBackgroundColor, value => $$invalidate(44, $eventBackgroundColor = value)); | ||
component_subscribe($$self, dayMaxEvents, value => $$invalidate(46, $dayMaxEvents = value)); | ||
component_subscribe($$self, displayEventEnd, value => $$invalidate(40, $displayEventEnd = value)); | ||
component_subscribe($$self, eventBackgroundColor, value => $$invalidate(43, $eventBackgroundColor = value)); | ||
component_subscribe($$self, eventClick, value => $$invalidate(8, $eventClick = value)); | ||
component_subscribe($$self, eventColor, value => $$invalidate(43, $eventColor = value)); | ||
component_subscribe($$self, eventContent, value => $$invalidate(40, $eventContent = value)); | ||
component_subscribe($$self, eventDidMount, value => $$invalidate(48, $eventDidMount = value)); | ||
component_subscribe($$self, eventColor, value => $$invalidate(42, $eventColor = value)); | ||
component_subscribe($$self, eventContent, value => $$invalidate(39, $eventContent = value)); | ||
component_subscribe($$self, eventDidMount, value => $$invalidate(47, $eventDidMount = value)); | ||
component_subscribe($$self, eventMouseEnter, value => $$invalidate(9, $eventMouseEnter = value)); | ||
component_subscribe($$self, eventMouseLeave, value => $$invalidate(10, $eventMouseLeave = value)); | ||
component_subscribe($$self, theme, value => $$invalidate(1, $theme = value)); | ||
component_subscribe($$self, _view, value => $$invalidate(38, $_view = value)); | ||
component_subscribe($$self, _intlEventTime, value => $$invalidate(39, $_intlEventTime = value)); | ||
component_subscribe($$self, _view, value => $$invalidate(37, $_view = value)); | ||
component_subscribe($$self, _intlEventTime, value => $$invalidate(38, $_intlEventTime = value)); | ||
component_subscribe($$self, _interaction, value => $$invalidate(7, $_interaction = value)); | ||
component_subscribe($$self, _classes, value => $$invalidate(42, $_classes = value)); | ||
component_subscribe($$self, _classes, value => $$invalidate(41, $_classes = value)); | ||
component_subscribe($$self, _draggable, value => $$invalidate(11, $_draggable = value)); | ||
let { _hiddenEvents } = getContext('view-state'); | ||
component_subscribe($$self, _hiddenEvents, value => $$invalidate(37, $_hiddenEvents = value)); | ||
component_subscribe($$self, _hiddenEvents, value => $$invalidate(36, $_hiddenEvents = value)); | ||
createEventDispatcher(); | ||
@@ -612,10 +612,2 @@ let el; | ||
function createClickHandler(fn, display) { | ||
let handler = createHandler(fn, display); | ||
return handler | ||
? jsEvent => !jsEvent.ecClosingPopup && handler(jsEvent) | ||
: handler; | ||
} | ||
function createDragHandler(resize) { | ||
@@ -630,3 +622,3 @@ return jsEvent => $_interaction.action.dragDayGrid(event, el, jsEvent, inPopup, resize); | ||
$$invalidate(32, chunk.top = 0, chunk); | ||
$$invalidate(31, chunk.top = 0, chunk); | ||
@@ -641,6 +633,6 @@ if (chunk.prev) { | ||
$$invalidate(32, chunk.top = chunk.prev.bottom + 1, chunk); | ||
$$invalidate(31, chunk.top = chunk.prev.bottom + 1, chunk); | ||
} | ||
$$invalidate(32, chunk.bottom = chunk.top + height(el), chunk); | ||
$$invalidate(31, chunk.bottom = chunk.top + height(el), chunk); | ||
let m = 1; | ||
@@ -661,4 +653,4 @@ let key = chunk.date.getTime(); | ||
m += offset; | ||
$$invalidate(32, chunk.top += offset, chunk); | ||
$$invalidate(32, chunk.bottom += offset, chunk); | ||
$$invalidate(31, chunk.top += offset, chunk); | ||
$$invalidate(31, chunk.bottom += offset, chunk); | ||
} | ||
@@ -668,3 +660,3 @@ } | ||
$$invalidate(35, margin = m); | ||
$$invalidate(34, margin = m); | ||
@@ -674,3 +666,3 @@ if ($dayMaxEvents === true) { | ||
} else { | ||
$$invalidate(36, hidden = false); | ||
$$invalidate(35, hidden = false); | ||
} | ||
@@ -686,3 +678,3 @@ } | ||
let h = height(dayEl) - height(dayEl.firstElementChild) - footHeight(dayEl); | ||
$$invalidate(36, hidden = chunk.bottom > h); | ||
$$invalidate(35, hidden = chunk.bottom > h); | ||
cloneDate(chunk.date); | ||
@@ -738,13 +730,13 @@ let update = false; | ||
$$self.$$set = $$props => { | ||
if ('chunk' in $$props) $$invalidate(32, chunk = $$props.chunk); | ||
if ('longChunks' in $$props) $$invalidate(33, longChunks = $$props.longChunks); | ||
if ('inPopup' in $$props) $$invalidate(34, inPopup = $$props.inPopup); | ||
if ('chunk' in $$props) $$invalidate(31, chunk = $$props.chunk); | ||
if ('longChunks' in $$props) $$invalidate(32, longChunks = $$props.longChunks); | ||
if ('inPopup' in $$props) $$invalidate(33, inPopup = $$props.inPopup); | ||
}; | ||
$$self.$$.update = () => { | ||
if ($$self.$$.dirty[1] & /*chunk*/ 2) { | ||
if ($$self.$$.dirty[1] & /*chunk*/ 1) { | ||
$$invalidate(0, event = chunk.event); | ||
} | ||
if ($$self.$$.dirty[0] & /*event, style, $theme*/ 19 | $$self.$$.dirty[1] & /*$eventBackgroundColor, $eventColor, chunk, margin, hidden, $_classes*/ 14386) { | ||
if ($$self.$$.dirty[0] & /*event, style, $theme*/ 19 | $$self.$$.dirty[1] & /*$eventBackgroundColor, $eventColor, chunk, margin, hidden, $_classes*/ 7193) { | ||
{ | ||
@@ -770,3 +762,3 @@ $$invalidate(6, display = event.display); | ||
if ($$self.$$.dirty[0] & /*$theme*/ 2 | $$self.$$.dirty[1] & /*chunk, $displayEventEnd, $eventContent, $_intlEventTime, $_view*/ 1922) { | ||
if ($$self.$$.dirty[0] & /*$theme*/ 2 | $$self.$$.dirty[1] & /*chunk, $displayEventEnd, $eventContent, $_intlEventTime, $_view*/ 961) { | ||
// Content | ||
@@ -776,3 +768,3 @@ $$invalidate(5, [timeText, content] = createEventContent(chunk, $displayEventEnd, $eventContent, $theme, $_intlEventTime, $_view), content); | ||
if ($$self.$$.dirty[1] & /*$_hiddenEvents*/ 64) { | ||
if ($$self.$$.dirty[1] & /*$_hiddenEvents*/ 32) { | ||
if ($_hiddenEvents) { | ||
@@ -814,3 +806,2 @@ tick().then(reposition); | ||
createHandler, | ||
createClickHandler, | ||
createDragHandler, | ||
@@ -838,3 +829,3 @@ reposition, | ||
super(); | ||
init(this, options, instance$4, create_fragment$4, safe_not_equal, { chunk: 32, longChunks: 33, inPopup: 34 }, null, [-1, -1]); | ||
init(this, options, instance$4, create_fragment$4, safe_not_equal, { chunk: 31, longChunks: 32, inPopup: 33 }, null, [-1, -1]); | ||
} | ||
@@ -847,7 +838,7 @@ } | ||
const child_ctx = ctx.slice(); | ||
child_ctx[15] = list[i]; | ||
child_ctx[16] = list[i]; | ||
return child_ctx; | ||
} | ||
// (57:8) {#each $_popupChunks as chunk} | ||
// (56:8) {#each $_popupChunks as chunk} | ||
function create_each_block$3(ctx) { | ||
@@ -858,3 +849,3 @@ let event; | ||
event = new Event({ | ||
props: { chunk: /*chunk*/ ctx[15], inPopup: true } | ||
props: { chunk: /*chunk*/ ctx[16], inPopup: true } | ||
}); | ||
@@ -872,3 +863,3 @@ | ||
const event_changes = {}; | ||
if (dirty & /*$_popupChunks*/ 32) event_changes.chunk = /*chunk*/ ctx[15]; | ||
if (dirty & /*$_popupChunks*/ 32) event_changes.chunk = /*chunk*/ ctx[16]; | ||
event.$set(event_changes); | ||
@@ -955,7 +946,6 @@ }, | ||
dispose = [ | ||
listen(a, "click", stop_propagation(/*close*/ ctx[10])), | ||
action_destroyer(clickOutside.call(null, div2)), | ||
listen(div2, "click", stop_propagation(/*click_handler*/ ctx[12])), | ||
listen(a, "click", stop_propagation(/*close*/ ctx[11])), | ||
action_destroyer(outsideEvent.call(null, div2, 'pointerdown')), | ||
listen(div2, "pointerdown", stop_propagation(/*pointerdown_handler*/ ctx[13])), | ||
listen(div2, "clickoutside", /*handleClickOutside*/ ctx[11]) | ||
listen(div2, "pointerdownoutside", /*handlePointerDownOutside*/ ctx[12]) | ||
]; | ||
@@ -1041,2 +1031,3 @@ | ||
function instance$3($$self, $$props, $$invalidate) { | ||
let $_ignoreClick; | ||
let $_popupDate; | ||
@@ -1046,4 +1037,5 @@ let $theme; | ||
let $_popupChunks; | ||
let { theme, _intlDayPopover } = getContext('state'); | ||
let { theme, _ignoreClick, _intlDayPopover } = getContext('state'); | ||
component_subscribe($$self, theme, value => $$invalidate(3, $theme = value)); | ||
component_subscribe($$self, _ignoreClick, value => $$invalidate(15, $_ignoreClick = value)); | ||
component_subscribe($$self, _intlDayPopover, value => $$invalidate(4, $_intlDayPopover = value)); | ||
@@ -1086,11 +1078,7 @@ let { _popupDate, _popupChunks } = getContext('view-state'); | ||
function handleClickOutside(e) { | ||
function handlePointerDownOutside(e) { | ||
close(); | ||
e.detail.jsEvent.ecClosingPopup = true; | ||
set_store_value(_ignoreClick, $_ignoreClick = true, $_ignoreClick); | ||
} | ||
function click_handler(event) { | ||
bubble.call(this, $$self, event); | ||
} | ||
function pointerdown_handler(event) { | ||
@@ -1115,2 +1103,3 @@ bubble.call(this, $$self, event); | ||
theme, | ||
_ignoreClick, | ||
_intlDayPopover, | ||
@@ -1120,4 +1109,3 @@ _popupDate, | ||
close, | ||
handleClickOutside, | ||
click_handler, | ||
handlePointerDownOutside, | ||
pointerdown_handler, | ||
@@ -1139,7 +1127,7 @@ div2_binding | ||
const child_ctx = ctx.slice(); | ||
child_ctx[42] = list[i]; | ||
child_ctx[43] = list[i]; | ||
return child_ctx; | ||
} | ||
// (134:4) {#if iChunks[1] && datesEqual(iChunks[1].date, date)} | ||
// (138:4) {#if iChunks[1] && datesEqual(iChunks[1].date, date)} | ||
function create_if_block_3(ctx) { | ||
@@ -1188,3 +1176,3 @@ let div; | ||
// (140:4) {#if iChunks[0] && datesEqual(iChunks[0].date, date)} | ||
// (144:4) {#if iChunks[0] && datesEqual(iChunks[0].date, date)} | ||
function create_if_block_2(ctx) { | ||
@@ -1233,3 +1221,3 @@ let div; | ||
// (146:8) {#each dayChunks as chunk} | ||
// (150:8) {#each dayChunks as chunk} | ||
function create_each_block$2(ctx) { | ||
@@ -1241,3 +1229,3 @@ let event; | ||
props: { | ||
chunk: /*chunk*/ ctx[42], | ||
chunk: /*chunk*/ ctx[43], | ||
longChunks: /*longChunks*/ ctx[1] | ||
@@ -1257,3 +1245,3 @@ } | ||
const event_changes = {}; | ||
if (dirty[0] & /*dayChunks*/ 8) event_changes.chunk = /*chunk*/ ctx[42]; | ||
if (dirty[0] & /*dayChunks*/ 8) event_changes.chunk = /*chunk*/ ctx[43]; | ||
if (dirty[0] & /*longChunks*/ 2) event_changes.longChunks = /*longChunks*/ ctx[1]; | ||
@@ -1277,3 +1265,3 @@ event.$set(event_changes); | ||
// (150:4) {#if $_popupDate && datesEqual(date, $_popupDate)} | ||
// (154:4) {#if $_popupDate && datesEqual(date, $_popupDate)} | ||
function create_if_block_1(ctx) { | ||
@@ -1307,3 +1295,3 @@ let popup; | ||
// (154:8) {#if hiddenEvents.size} | ||
// (158:8) {#if hiddenEvents.size} | ||
function create_if_block(ctx) { | ||
@@ -1438,3 +1426,3 @@ let a; | ||
listen(div3, "click", function () { | ||
if (is_function(/*createClickHandler*/ ctx[26](/*$dateClick*/ ctx[12]))) /*createClickHandler*/ ctx[26](/*$dateClick*/ ctx[12]).apply(this, arguments); | ||
if (is_function(maybeIgnore(/*createClickHandler*/ ctx[26](/*$dateClick*/ ctx[12])))) maybeIgnore(/*createClickHandler*/ ctx[26](/*$dateClick*/ ctx[12])).apply(this, arguments); | ||
}), | ||
@@ -1680,11 +1668,10 @@ listen(div3, "pointerenter", function () { | ||
return is_function(fn) | ||
? jsEvent => { | ||
!jsEvent.ecClosingPopup && fn({ | ||
date: toLocalDate(date), | ||
dateStr: toISOString(date), | ||
dayEl: el, | ||
jsEvent, | ||
view: toViewWithLocalDates($_view) | ||
}); | ||
} | ||
? jsEvent => fn({ | ||
allDay: true, | ||
date: toLocalDate(date), | ||
dateStr: toISOString(date), | ||
dayEl: el, | ||
jsEvent, | ||
view: toViewWithLocalDates($_view) | ||
}) | ||
: undefined; | ||
@@ -1705,7 +1692,7 @@ } | ||
function setPopupChunks() { | ||
let nextDay = addDay(cloneDate(date)); | ||
let chunks = dayChunks.concat(longChunks[date.getTime()] || []).map(c => assign({}, c, createEventChunk(c.event, date, nextDay), { days: 1, dates: [date] })); | ||
let chunks = createPopupChunks(); | ||
if (chunks.length) { | ||
if (chunks[0].top) { | ||
// @todo check for the presence of top in all chunks | ||
// top is available, sort now | ||
@@ -1716,4 +1703,5 @@ sortChunks(chunks); | ||
tick().then(() => { | ||
sortChunks($_popupChunks); | ||
_popupChunks.set($_popupChunks); | ||
let chunks = createPopupChunks(); | ||
sortChunks(chunks); | ||
set_store_value(_popupChunks, $_popupChunks = chunks, $_popupChunks); | ||
}); | ||
@@ -1726,2 +1714,7 @@ } | ||
function createPopupChunks() { | ||
let nextDay = addDay(cloneDate(date)); | ||
return dayChunks.concat(longChunks[date.getTime()] || []).map(c => assign({}, c, createEventChunk(c.event, date, nextDay), { days: 1, dates: [date] })); | ||
} | ||
function createPointerDownHandler(interaction, selectable) { | ||
@@ -1728,0 +1721,0 @@ return selectable && interaction.action |
{ | ||
"name": "@event-calendar/day-grid", | ||
"version": "0.13.4", | ||
"version": "0.14.0", | ||
"title": "Event Calendar DayGrid plugin", | ||
@@ -36,5 +36,5 @@ "description": "Full-sized drag & drop event calendar with resource view", | ||
"dependencies": { | ||
"@event-calendar/common": "~0.13.4", | ||
"@event-calendar/common": "~0.14.0", | ||
"svelte": "^3.51.0" | ||
} | ||
} |
105
README.md
@@ -7,3 +7,3 @@ # Event Calendar [![](https://data.jsdelivr.com/v1/package/npm/@event-calendar/build/badge)](https://www.jsdelivr.com/package/npm/@event-calendar/build) [![npm](https://img.shields.io/npm/dm/@event-calendar/core?color=red&label=npm&style=flat-square)](https://www.npmjs.com/package/@event-calendar/core) [![Sponsor](https://img.shields.io/badge/Sponsor-$10-blue.svg?style=flat-square&logo=paypal)](https://www.paypal.me/vkurko/10usd) | ||
* Lightweight (54kb [br](https://en.wikipedia.org/wiki/Brotli) compressed `modern` version) | ||
* Lightweight (55kb [br](https://en.wikipedia.org/wiki/Brotli) compressed `modern` version) | ||
* Zero-dependency (pre-built bundle) | ||
@@ -186,2 +186,6 @@ * Used by [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/) | ||
``` | ||
The CSS is located at `@event-calendar/core/index.css`. If your build tool supports CSS processing, you can import it like this: | ||
```js | ||
import '@event-calendar/core/index.css'; | ||
``` | ||
@@ -239,3 +243,3 @@ ### Pre-built browser ready bundle | ||
This value can be either a string containing HTML `'<p>...</p>'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
This value can be either a string containing text `'...'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
@@ -290,5 +294,5 @@ ```js | ||
```js | ||
function (dateClickInfo) {} | ||
function (info) {} | ||
``` | ||
`dateClickInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -312,2 +316,11 @@ <tr> | ||
`allDay` | ||
</td> | ||
<td> | ||
`true` or `false`. Determines if the click has occurred in the `all-day` slot. Clicks in month and list views are treated as all-day too</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`dayEl` | ||
@@ -510,5 +523,5 @@ </td> | ||
```js | ||
function (eventClickInfo) { } | ||
function (info) { } | ||
``` | ||
`eventClickInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -563,10 +576,10 @@ <tr> | ||
This value can be either a string containing HTML `'<p>...</p>'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
This value can be either a string containing text `'...'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
```js | ||
function (eventInfo) { | ||
function (info) { | ||
// return string or object | ||
} | ||
``` | ||
`eventInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -609,5 +622,5 @@ <tr> | ||
```js | ||
function (mountInfo) { } | ||
function (info) { } | ||
``` | ||
`mountInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -851,5 +864,5 @@ <tr> | ||
```js | ||
function (mouseEnterInfo) { } | ||
function (info) { } | ||
``` | ||
`mouseEnterInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -899,5 +912,5 @@ <tr> | ||
```js | ||
function (mouseLeaveInfo) { } | ||
function (info) { } | ||
``` | ||
`mouseLeaveInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -1413,3 +1426,3 @@ <tr> | ||
This value can be either a string containing HTML `'<p>...</p>'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
This value can be either a string containing text `'...'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
@@ -1449,5 +1462,5 @@ ```js | ||
```js | ||
function (clickInfo) { } | ||
function (info) { } | ||
``` | ||
`clickInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -1479,3 +1492,3 @@ <tr> | ||
This value can be either a string containing HTML `'<p>...</p>'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
This value can be either a string containing text `'...'`, an object containing the HTML string `{html: '<p>...</p>'}`, an object containing an array of DOM nodes `{domNodes: [node1, node2, ...]}` or a function that returns any of the above formats: | ||
@@ -1513,5 +1526,5 @@ ```js | ||
```js | ||
function (selectInfo) { } | ||
function (info) { } | ||
``` | ||
`selectInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -1553,3 +1566,3 @@ <tr> | ||
Boolean (`true` or `false`). Determines if the selection has occurred in the `all-day` slot</td> | ||
`true` or `false`. Determines if the selection has occurred in the `all-day` slot</td> | ||
</tr> | ||
@@ -1609,3 +1622,3 @@ <tr> | ||
- Type `integer` | ||
- Default `0` | ||
- Default `5` | ||
@@ -1798,5 +1811,5 @@ Defines how many pixels the user’s mouse must move before the selection begins. | ||
```js | ||
function (mountInfo) { } | ||
function (info) { } | ||
``` | ||
`mountInfo` is an object with the following properties: | ||
`info` is an object with the following properties: | ||
<table> | ||
@@ -1947,3 +1960,3 @@ <tr> | ||
Boolean (`true` or `false`). Determines if the event is shown in the `all-day` slot</td> | ||
`true` or `false`. Determines if the event is shown in the `all-day` slot</td> | ||
</tr> | ||
@@ -1974,2 +1987,9 @@ <tr> | ||
`titleHTML` | ||
</td> | ||
<td>The HTML version of the title</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`editable` | ||
@@ -1979,3 +1999,3 @@ </td> | ||
Boolean (`true` or `false`) or `undefined`. The value overriding the [editable](#editable) setting for this specific event | ||
`true`, `false` or `undefined`. The value overriding the [editable](#editable) setting for this specific event | ||
</td> | ||
@@ -1990,3 +2010,3 @@ </tr> | ||
Boolean (`true` or `false`) or `undefined`. The value overriding the [eventStartEditable](#eventstarteditable) setting for this specific event | ||
`true`, `false` or `undefined`. The value overriding the [eventStartEditable](#eventstarteditable) setting for this specific event | ||
</td> | ||
@@ -2001,3 +2021,3 @@ </tr> | ||
Boolean (`true` or `false`) or `undefined`. The value overriding the [eventDurationEditable](#eventdurationeditable) setting for this specific event | ||
`true`, `false` or `undefined`. The value overriding the [eventDurationEditable](#eventdurationeditable) setting for this specific event | ||
</td> | ||
@@ -2117,2 +2137,12 @@ </tr> | ||
`titleHTML` | ||
</td> | ||
<td> | ||
`string` The HTML version of the title to be displayed instead of the text version. Default `''` | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`editable` | ||
@@ -2246,2 +2276,9 @@ </td> | ||
</tr> | ||
<tr> | ||
<td> | ||
`titleHTML` | ||
</td> | ||
<td>The HTML version of the title</td> | ||
</tr> | ||
</table> | ||
@@ -2274,2 +2311,12 @@ | ||
</tr> | ||
<tr> | ||
<td> | ||
`titleHTML` | ||
</td> | ||
<td> | ||
`string` The HTML version of the title to be displayed instead of the text version. Default `''` | ||
</td> | ||
</tr> | ||
</table> | ||
@@ -2276,0 +2323,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
135169
2355
2129
+ Added@event-calendar/common@0.14.3(transitive)
- Removed@event-calendar/common@0.13.4(transitive)