Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@event-calendar/day-grid

Package Overview
Dependencies
Maintainers
1
Versions
102
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@event-calendar/day-grid - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

154

index.js

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

import { SvelteComponent, init, safe_not_equal, element, space, attr, insert, append, noop, detach, destroy_each, component_subscribe, text, set_data, create_slot, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, binding_callbacks, construct_svelte_component, create_component, mount_component, action_destroyer, listen, is_function, group_outros, destroy_component, check_outros, run_all, stop_propagation, update_keyed_each, outro_and_destroy_block, empty, set_store_value, bubble } from 'svelte/internal';
import { SvelteComponent, init, safe_not_equal, element, space, attr, insert, append, noop, detach, destroy_each, component_subscribe, text, set_data, create_slot, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, binding_callbacks, construct_svelte_component, is_function, create_component, mount_component, action_destroyer, listen, group_outros, destroy_component, check_outros, run_all, stop_propagation, update_keyed_each, outro_and_destroy_block, empty, set_store_value, bubble } from 'svelte/internal';
import { getContext, onMount, tick, afterUpdate, setContext } from 'svelte';

@@ -318,3 +318,6 @@ import { derived, writable } from 'svelte/store';

switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
switch_instance.$on("pointerdown", /*createDragHandler*/ ctx[31](true));
switch_instance.$on("pointerdown", function () {
if (is_function(/*createDragHandler*/ ctx[31](/*$_interaction*/ ctx[7], true))) /*createDragHandler*/ ctx[31](/*$_interaction*/ ctx[7], true).apply(this, arguments);
});
}

@@ -337,3 +340,3 @@

if (switch_instance) mount_component(switch_instance, div1, null);
/*div1_binding*/ ctx[46](div1);
/*div1_binding*/ ctx[48](div1);
current = true;

@@ -354,3 +357,3 @@

listen(div1, "pointerdown", function () {
if (is_function(!helperEvent(/*display*/ ctx[6]) && /*$_draggable*/ ctx[11](/*event*/ ctx[0]) && /*createDragHandler*/ ctx[31]())) (!helperEvent(/*display*/ ctx[6]) && /*$_draggable*/ ctx[11](/*event*/ ctx[0]) && /*createDragHandler*/ ctx[31]()).apply(this, arguments);
if (is_function(!helperEvent(/*display*/ ctx[6]) && /*createDragHandler*/ ctx[31](/*$_interaction*/ ctx[7]))) (!helperEvent(/*display*/ ctx[6]) && /*createDragHandler*/ ctx[31](/*$_interaction*/ ctx[7])).apply(this, arguments);
})

@@ -387,3 +390,7 @@ ];

switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
switch_instance.$on("pointerdown", /*createDragHandler*/ ctx[31](true));
switch_instance.$on("pointerdown", function () {
if (is_function(/*createDragHandler*/ ctx[31](/*$_interaction*/ ctx[7], true))) /*createDragHandler*/ ctx[31](/*$_interaction*/ ctx[7], true).apply(this, arguments);
});
create_component(switch_instance.$$.fragment);

@@ -419,3 +426,3 @@ transition_in(switch_instance.$$.fragment, 1);

if (switch_instance) destroy_component(switch_instance);
/*div1_binding*/ ctx[46](null);
/*div1_binding*/ ctx[48](null);
mounted = false;

@@ -439,2 +446,4 @@ run_all(dispose);

let $_classes;
let $eventTextColor;
let $_resTxtColor;
let $eventColor;

@@ -446,14 +455,14 @@ let $eventBackgroundColor;

let $eventMouseLeave;
let $_draggable;
let { chunk } = $$props;
let { longChunks = {} } = $$props;
let { inPopup = false } = $$props;
let { dayMaxEvents, displayEventEnd, eventBackgroundColor, eventClick, eventColor, eventContent, eventDidMount, eventMouseEnter, eventMouseLeave, theme, _view, _intlEventTime, _interaction, _classes, _draggable, _resBgColor } = getContext('state');
component_subscribe($$self, dayMaxEvents, value => $$invalidate(49, $dayMaxEvents = value));
let { dayMaxEvents, displayEventEnd, eventBackgroundColor, eventTextColor, eventClick, eventColor, eventContent, eventDidMount, eventMouseEnter, eventMouseLeave, theme, _view, _intlEventTime, _interaction, _classes, _draggable, _resBgColor, _resTxtColor } = getContext('state');
component_subscribe($$self, dayMaxEvents, value => $$invalidate(51, $dayMaxEvents = value));
component_subscribe($$self, displayEventEnd, value => $$invalidate(41, $displayEventEnd = value));
component_subscribe($$self, eventBackgroundColor, value => $$invalidate(44, $eventBackgroundColor = value));
component_subscribe($$self, eventBackgroundColor, value => $$invalidate(46, $eventBackgroundColor = value));
component_subscribe($$self, eventTextColor, value => $$invalidate(43, $eventTextColor = value));
component_subscribe($$self, eventClick, value => $$invalidate(8, $eventClick = value));
component_subscribe($$self, eventColor, value => $$invalidate(43, $eventColor = value));
component_subscribe($$self, eventColor, value => $$invalidate(45, $eventColor = value));
component_subscribe($$self, eventContent, value => $$invalidate(40, $eventContent = value));
component_subscribe($$self, eventDidMount, value => $$invalidate(51, $eventDidMount = value));
component_subscribe($$self, eventDidMount, value => $$invalidate(53, $eventDidMount = value));
component_subscribe($$self, eventMouseEnter, value => $$invalidate(9, $eventMouseEnter = value));

@@ -466,7 +475,7 @@ component_subscribe($$self, eventMouseLeave, value => $$invalidate(10, $eventMouseLeave = value));

component_subscribe($$self, _classes, value => $$invalidate(42, $_classes = value));
component_subscribe($$self, _draggable, value => $$invalidate(11, $_draggable = value));
component_subscribe($$self, _resBgColor, value => $$invalidate(45, $_resBgColor = value));
component_subscribe($$self, _resBgColor, value => $$invalidate(47, $_resBgColor = value));
component_subscribe($$self, _resTxtColor, value => $$invalidate(44, $_resTxtColor = value));
let { _hiddenEvents, _popupDate } = getContext('view-state');
component_subscribe($$self, _hiddenEvents, value => $$invalidate(48, $_hiddenEvents = value));
component_subscribe($$self, _popupDate, value => $$invalidate(50, $_popupDate = value));
component_subscribe($$self, _hiddenEvents, value => $$invalidate(50, $_hiddenEvents = value));
component_subscribe($$self, _popupDate, value => $$invalidate(52, $_popupDate = value));
let el;

@@ -504,4 +513,6 @@ let event;

function createDragHandler(resize) {
return jsEvent => $_interaction.action.drag(event, jsEvent, resize, inPopup ? $_popupDate : undefined);
function createDragHandler(interaction, resize) {
return interaction.action
? jsEvent => $_interaction.action.drag(event, jsEvent, resize, inPopup ? $_popupDate : undefined)
: undefined;
}

@@ -586,3 +597,3 @@

if ($$self.$$.dirty[0] & /*event, style, $theme*/ 19 | $$self.$$.dirty[1] & /*$_resBgColor, $eventBackgroundColor, $eventColor, chunk, margin, hidden, $_classes*/ 30818) {
if ($$self.$$.dirty[0] & /*event, style, $theme*/ 19 | $$self.$$.dirty[1] & /*$_resBgColor, $eventBackgroundColor, $eventColor, $_resTxtColor, $eventTextColor, chunk, margin, hidden, $_classes*/ 129122) {
{

@@ -594,2 +605,3 @@ $$invalidate(6, display = event.display);

let txtColor = event.textColor || $_resTxtColor(event) || $eventTextColor;
$$invalidate(4, style = `width:calc(${chunk.days * 100}% + ${(chunk.days - 1) * 7}px);` + `margin-top:${margin}px;`);

@@ -601,2 +613,6 @@

if (txtColor) {
$$invalidate(4, style += `color:${txtColor};`);
}
if (hidden) {

@@ -628,6 +644,6 @@ $$invalidate(4, style += 'visibility:hidden;');

$eventMouseLeave,
$_draggable,
dayMaxEvents,
displayEventEnd,
eventBackgroundColor,
eventTextColor,
eventClick,

@@ -644,4 +660,4 @@ eventColor,

_classes,
_draggable,
_resBgColor,
_resTxtColor,
_hiddenEvents,

@@ -662,2 +678,4 @@ _popupDate,

$_classes,
$eventTextColor,
$_resTxtColor,
$eventColor,

@@ -1006,9 +1024,9 @@ $eventBackgroundColor,

const child_ctx = ctx.slice();
child_ctx[42] = list[i];
child_ctx[43] = list;
child_ctx[44] = i;
child_ctx[40] = list[i];
child_ctx[41] = list;
child_ctx[42] = i;
return child_ctx;
}
// (127:4) {#if iChunks[1] && datesEqual(iChunks[1].date, date)}
// (117:4) {#if iChunks[1] && datesEqual(iChunks[1].date, date)}
function create_if_block_3(ctx) {

@@ -1057,3 +1075,3 @@ let div;

// (133:4) {#if iChunks[0] && datesEqual(iChunks[0].date, date)}
// (123:4) {#if iChunks[0] && datesEqual(iChunks[0].date, date)}
function create_if_block_2(ctx) {

@@ -1102,13 +1120,13 @@ let div;

// (139:8) {#each dayChunks as chunk, i (chunk.event)}
// (129:8) {#each dayChunks as chunk, i (chunk.event)}
function create_each_block$2(key_1, ctx) {
let first;
let event;
let i = /*i*/ ctx[44];
let i = /*i*/ ctx[42];
let current;
const assign_event = () => /*event_binding*/ ctx[34](event, i);
const unassign_event = () => /*event_binding*/ ctx[34](null, i);
const assign_event = () => /*event_binding*/ ctx[32](event, i);
const unassign_event = () => /*event_binding*/ ctx[32](null, i);
let event_props = {
chunk: /*chunk*/ ctx[42],
chunk: /*chunk*/ ctx[40],
longChunks: /*longChunks*/ ctx[1]

@@ -1136,5 +1154,5 @@ };

if (i !== /*i*/ ctx[44]) {
if (i !== /*i*/ ctx[42]) {
unassign_event();
i = /*i*/ ctx[44];
i = /*i*/ ctx[42];
assign_event();

@@ -1144,3 +1162,3 @@ }

const event_changes = {};
if (dirty[0] & /*dayChunks*/ 16) event_changes.chunk = /*chunk*/ ctx[42];
if (dirty[0] & /*dayChunks*/ 16) event_changes.chunk = /*chunk*/ ctx[40];
if (dirty[0] & /*longChunks*/ 2) event_changes.longChunks = /*longChunks*/ ctx[1];

@@ -1166,3 +1184,3 @@ event.$set(event_changes);

// (143:4) {#if showPopup}
// (133:4) {#if showPopup}
function create_if_block_1(ctx) {

@@ -1196,3 +1214,3 @@ let popup;

// (147:8) {#if hiddenEvents.size}
// (137:8) {#if hiddenEvents.size}
function create_if_block(ctx) {

@@ -1213,4 +1231,4 @@ let a;

dispose = [
listen(a, "click", stop_propagation(/*showMore*/ ctx[25])),
listen(a, "pointerdown", stop_propagation(/*pointerdown_handler*/ ctx[33])),
listen(a, "click", stop_propagation(/*showMore*/ ctx[23])),
listen(a, "pointerdown", stop_propagation(/*pointerdown_handler*/ ctx[31])),
action_destroyer(setContent_action = setContent.call(null, a, /*moreLink*/ ctx[6]))

@@ -1259,3 +1277,3 @@ ];

let each_value = /*dayChunks*/ ctx[4];
const get_key = ctx => /*chunk*/ ctx[42].event;
const get_key = ctx => /*chunk*/ ctx[40].event;

@@ -1324,3 +1342,3 @@ for (let i = 0; i < each_value.length; i += 1) {

if (if_block3) if_block3.m(div2, null);
/*div3_binding*/ ctx[35](div3);
/*div3_binding*/ ctx[33](div3);
current = true;

@@ -1330,11 +1348,11 @@

dispose = [
listen(window, "resize", /*reposition*/ ctx[26]),
listen(window, "resize", /*reposition*/ ctx[24]),
listen(div3, "pointerenter", function () {
if (is_function(/*createPointerEnterHandler*/ ctx[24](/*$_interaction*/ ctx[13]))) /*createPointerEnterHandler*/ ctx[24](/*$_interaction*/ ctx[13]).apply(this, arguments);
if (is_function(/*createPointerEnterHandler*/ ctx[22](/*$_interaction*/ ctx[13]))) /*createPointerEnterHandler*/ ctx[22](/*$_interaction*/ ctx[13]).apply(this, arguments);
}),
listen(div3, "pointerleave", function () {
if (is_function(createPointerLeaveHandler(/*$_interaction*/ ctx[13]))) createPointerLeaveHandler(/*$_interaction*/ ctx[13]).apply(this, arguments);
if (is_function(/*$_interaction*/ ctx[13].pointer?.leave)) /*$_interaction*/ ctx[13].pointer?.leave.apply(this, arguments);
}),
listen(div3, "pointerdown", function () {
if (is_function(createPointerDownHandler(/*$_interaction*/ ctx[13], /*$selectable*/ ctx[14]))) createPointerDownHandler(/*$_interaction*/ ctx[13], /*$selectable*/ ctx[14]).apply(this, arguments);
if (is_function(/*$_interaction*/ ctx[13].action?.select)) /*$_interaction*/ ctx[13].action?.select.apply(this, arguments);
})

@@ -1495,3 +1513,3 @@ ];

if (if_block3) if_block3.d();
/*div3_binding*/ ctx[35](null);
/*div3_binding*/ ctx[33](null);
mounted = false;

@@ -1503,14 +1521,2 @@ run_all(dispose);

function createPointerLeaveHandler(interaction) {
return interaction.pointer
? interaction.pointer.leave
: undefined;
}
function createPointerDownHandler(interaction, selectable) {
return selectable && interaction.action
? interaction.action.select
: undefined;
}
function instance$2($$self, $$props, $$invalidate) {

@@ -1525,3 +1531,2 @@ let $_hiddenEvents;

let $_interaction;
let $selectable;
let { date } = $$props;

@@ -1531,13 +1536,12 @@ let { chunks } = $$props;

let { iChunks = [] } = $$props;
let { date: currentDate, dayMaxEvents, highlightedDates, moreLinkContent, theme, _interaction, selectable, _queue } = getContext('state');
component_subscribe($$self, currentDate, value => $$invalidate(32, $currentDate = value));
component_subscribe($$self, highlightedDates, value => $$invalidate(31, $highlightedDates = value));
component_subscribe($$self, moreLinkContent, value => $$invalidate(30, $moreLinkContent = value));
let { date: currentDate, dayMaxEvents, highlightedDates, moreLinkContent, theme, _interaction, _queue } = getContext('state');
component_subscribe($$self, currentDate, value => $$invalidate(30, $currentDate = value));
component_subscribe($$self, highlightedDates, value => $$invalidate(29, $highlightedDates = value));
component_subscribe($$self, moreLinkContent, value => $$invalidate(28, $moreLinkContent = value));
component_subscribe($$self, theme, value => $$invalidate(12, $theme = value));
component_subscribe($$self, _interaction, value => $$invalidate(13, $_interaction = value));
component_subscribe($$self, selectable, value => $$invalidate(14, $selectable = value));
let { _hiddenEvents, _popupDate, _popupChunks } = getContext('view-state');
component_subscribe($$self, _hiddenEvents, value => $$invalidate(28, $_hiddenEvents = value));
component_subscribe($$self, _popupDate, value => $$invalidate(29, $_popupDate = value));
component_subscribe($$self, _popupChunks, value => $$invalidate(36, $_popupChunks = value));
component_subscribe($$self, _hiddenEvents, value => $$invalidate(26, $_hiddenEvents = value));
component_subscribe($$self, _popupDate, value => $$invalidate(27, $_popupDate = value));
component_subscribe($$self, _popupChunks, value => $$invalidate(34, $_popupChunks = value));
let el;

@@ -1601,3 +1605,3 @@ let dayChunks;

if ('date' in $$props) $$invalidate(0, date = $$props.date);
if ('chunks' in $$props) $$invalidate(27, chunks = $$props.chunks);
if ('chunks' in $$props) $$invalidate(25, chunks = $$props.chunks);
if ('longChunks' in $$props) $$invalidate(1, longChunks = $$props.longChunks);

@@ -1608,7 +1612,7 @@ if ('iChunks' in $$props) $$invalidate(2, iChunks = $$props.iChunks);

$$self.$$.update = () => {
if ($$self.$$.dirty[0] & /*hiddenEvents, chunks, date, dayChunks*/ 134217777) {
if ($$self.$$.dirty[0] & /*hiddenEvents, chunks, date, dayChunks*/ 33554481) {
{
$$invalidate(4, dayChunks = []);
hiddenEvents.clear();
((($$invalidate(5, hiddenEvents), $$invalidate(27, chunks)), $$invalidate(0, date)), $$invalidate(4, dayChunks));
((($$invalidate(5, hiddenEvents), $$invalidate(25, chunks)), $$invalidate(0, date)), $$invalidate(4, dayChunks));

@@ -1628,3 +1632,3 @@ for (let chunk of chunks) {

if ($$self.$$.dirty[0] & /*date*/ 1 | $$self.$$.dirty[1] & /*$currentDate, $highlightedDates*/ 3) {
if ($$self.$$.dirty[0] & /*date, $currentDate, $highlightedDates*/ 1610612737) {
{

@@ -1637,3 +1641,3 @@ $$invalidate(8, isToday = datesEqual(date, today));

if ($$self.$$.dirty[0] & /*$_hiddenEvents, hiddenEvents, $moreLinkContent, moreLink*/ 1342177376) {
if ($$self.$$.dirty[0] & /*$_hiddenEvents, hiddenEvents, $moreLinkContent, moreLink*/ 335544416) {
if ($_hiddenEvents && hiddenEvents.size) {

@@ -1657,3 +1661,3 @@ // make Svelte update this block on $_hiddenEvents update

if ($$self.$$.dirty[0] & /*$_popupDate, date*/ 536870913) {
if ($$self.$$.dirty[0] & /*$_popupDate, date*/ 134217729) {
$$invalidate(7, showPopup = $_popupDate && datesEqual(date, $_popupDate));

@@ -1681,3 +1685,3 @@ }

if ($$self.$$.dirty[0] & /*$_hiddenEvents*/ 268435456) {
if ($$self.$$.dirty[0] & /*$_hiddenEvents*/ 67108864) {
if ($_hiddenEvents) {

@@ -1704,3 +1708,2 @@ debounce(reposition, debounceHandle, _queue);

$_interaction,
$selectable,
currentDate,

@@ -1711,3 +1714,2 @@ highlightedDates,

_interaction,
selectable,
_hiddenEvents,

@@ -1743,3 +1745,3 @@ _popupDate,

date: 0,
chunks: 27,
chunks: 25,
longChunks: 1,

@@ -1746,0 +1748,0 @@ iChunks: 2

4

package.json
{
"name": "@event-calendar/day-grid",
"version": "1.0.0",
"version": "1.1.0",
"title": "Event Calendar DayGrid plugin",

@@ -39,5 +39,5 @@ "description": "Full-sized drag & drop event calendar with resource view",

"dependencies": {
"@event-calendar/common": "~1.0.0",
"@event-calendar/common": "~1.1.0",
"svelte": "^3.55.1"
}
}

52

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)

* Lightweight (34kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
* Lightweight (29kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
* Zero-dependency (pre-built bundle)

@@ -58,2 +58,3 @@ * Used on over 60,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)

- [eventStartEditable](#eventstarteditable)
- [eventTextColor](#eventtextcolor)
- [eventTimeFormat](#eventtimeformat)

@@ -197,4 +198,4 @@ - [filterResourcesWithEvents](#filterresourceswithevents)

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.0.0/event-calendar.min.css">
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.0.0/event-calendar.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.1.0/event-calendar.min.css">
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.1.0/event-calendar.min.js"></script>
```

@@ -1254,2 +1255,10 @@

### eventTextColor
- Type `string`
- Default `undefined`
Sets the default text color for events on the calendar.
You can use any of the CSS color formats such `'#f00'`, `'#ff0000'`, `'rgb(255,0,0)'`, or `'red'`.
### filterResourcesWithEvents

@@ -2194,2 +2203,12 @@ - Type `boolean`

`textColor`
</td>
<td>
The [eventTextColor](#eventtextcolor) override for this specific event
</td>
</tr>
<tr>
<td>
`extendedProps`

@@ -2332,2 +2351,12 @@ </td>

`textColor`
</td>
<td>
`string` Sets the event’s text color just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
</td>
</tr>
<tr>
<td>
`color`

@@ -2435,2 +2464,9 @@ </td>

</tr>
<tr>
<td>
`eventTextColor`
</td>
<td>Default text color for this resource's events</td>
</tr>
</table>

@@ -2483,2 +2519,12 @@

</tr>
<tr>
<td>
`eventTextColor`
</td>
<td>
`string` Sets the default text color for this resource's events just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
</td>
</tr>
</table>

@@ -2485,0 +2531,0 @@ 

src/Day.svelte

Sorry, the diff of this file is not supported yet

src/Event.svelte

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc