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

@event-calendar/resource-time-grid

Package Overview
Dependencies
Maintainers
1
Versions
101
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@event-calendar/resource-time-grid - npm Package Compare versions

Comparing version 2.0.0 to 2.1.0

122

index.js

@@ -1,5 +0,5 @@

import { setContent, toLocalDate, btnTextDay, btnTextWeek } from '@event-calendar/core';
import { setContent, toLocalDate, btnTextDay, themeView, btnTextWeek } from '@event-calendar/core';
import TimeGrid, { Section, Body, Week, Day } from '@event-calendar/time-grid';
import { derived } from 'svelte/store';
import { SvelteComponent, init, safe_not_equal, element, attr, insert, action_destroyer, is_function, noop, detach, component_subscribe, binding_callbacks, create_component, space, mount_component, append, transition_in, group_outros, transition_out, check_outros, destroy_component, set_store_value, ensure_array_like, empty, destroy_each } from 'svelte/internal';
import { SvelteComponent, init, safe_not_equal, element, attr, insert, action_destroyer, is_function, noop, detach, component_subscribe, binding_callbacks, create_component, space, mount_component, append, transition_in, group_outros, transition_out, check_outros, destroy_component, ensure_array_like, empty, destroy_each, set_store_value } from 'svelte/internal';
import { getContext, onMount } from 'svelte';

@@ -160,3 +160,3 @@

const child_ctx = ctx.slice();
child_ctx[15] = list[i];
child_ctx[13] = list[i];
return child_ctx;

@@ -167,3 +167,3 @@ }

const child_ctx = ctx.slice();
child_ctx[18] = list[i];
child_ctx[16] = list[i];
return child_ctx;

@@ -174,3 +174,3 @@ }

const child_ctx = ctx.slice();
child_ctx[24] = list[i];
child_ctx[22] = list[i];
return child_ctx;

@@ -181,3 +181,3 @@ }

const child_ctx = ctx.slice();
child_ctx[21] = list[i];
child_ctx[19] = list[i];
return child_ctx;

@@ -188,3 +188,3 @@ }

const child_ctx = ctx.slice();
child_ctx[24] = list[i];
child_ctx[22] = list[i];
return child_ctx;

@@ -195,3 +195,3 @@ }

const child_ctx = ctx.slice();
child_ctx[15] = list[i];
child_ctx[13] = list[i];
return child_ctx;

@@ -202,11 +202,11 @@ }

const child_ctx = ctx.slice();
child_ctx[18] = list[i];
child_ctx[16] = list[i];
return child_ctx;
}
// (21:16) {:else}
// (19:16) {:else}
function create_else_block_2(ctx) {
let label;
let current;
label = new Label({ props: { resource: /*item0*/ ctx[15] } });
label = new Label({ props: { resource: /*item0*/ ctx[13] } });

@@ -223,3 +223,3 @@ return {

const label_changes = {};
if (dirty[0] & /*loops*/ 8) label_changes.resource = /*item0*/ ctx[15];
if (dirty[0] & /*loops*/ 8) label_changes.resource = /*item0*/ ctx[13];
label.$set(label_changes);

@@ -242,3 +242,3 @@ },

// (19:16) {#if $datesAboveResources}
// (17:16) {#if $datesAboveResources}
function create_if_block_4(ctx) {

@@ -260,3 +260,3 @@ let div;

if (!mounted) {
dispose = action_destroyer(setContent_action = setContent.call(null, div, /*$_intlDayHeader*/ ctx[5].format(/*item0*/ ctx[15])));
dispose = action_destroyer(setContent_action = setContent.call(null, div, /*$_intlDayHeader*/ ctx[5].format(/*item0*/ ctx[13])));
mounted = true;

@@ -272,3 +272,3 @@ }

if (setContent_action && is_function(setContent_action.update) && dirty[0] & /*$_intlDayHeader, loops*/ 40) setContent_action.update.call(null, /*$_intlDayHeader*/ ctx[5].format(/*item0*/ ctx[15]));
if (setContent_action && is_function(setContent_action.update) && dirty[0] & /*$_intlDayHeader, loops*/ 40) setContent_action.update.call(null, /*$_intlDayHeader*/ ctx[5].format(/*item0*/ ctx[13]));
},

@@ -288,3 +288,3 @@ i: noop,

// (24:16) {#if loops[1].length > 1}
// (22:16) {#if loops[1].length > 1}
function create_if_block_2(ctx) {

@@ -386,3 +386,3 @@ let div;

// (29:28) {:else}
// (27:28) {:else}
function create_else_block_1(ctx) {

@@ -404,3 +404,3 @@ let div;

if (!mounted) {
dispose = action_destroyer(setContent_action = setContent.call(null, div, /*$_intlDayHeader*/ ctx[5].format(/*item1*/ ctx[18])));
dispose = action_destroyer(setContent_action = setContent.call(null, div, /*$_intlDayHeader*/ ctx[5].format(/*item1*/ ctx[16])));
mounted = true;

@@ -416,3 +416,3 @@ }

if (setContent_action && is_function(setContent_action.update) && dirty[0] & /*$_intlDayHeader, loops*/ 40) setContent_action.update.call(null, /*$_intlDayHeader*/ ctx[5].format(/*item1*/ ctx[18]));
if (setContent_action && is_function(setContent_action.update) && dirty[0] & /*$_intlDayHeader, loops*/ 40) setContent_action.update.call(null, /*$_intlDayHeader*/ ctx[5].format(/*item1*/ ctx[16]));
},

@@ -432,3 +432,3 @@ i: noop,

// (27:28) {#if $datesAboveResources}
// (25:28) {#if $datesAboveResources}
function create_if_block_3(ctx) {

@@ -440,4 +440,4 @@ let label;

props: {
resource: /*item1*/ ctx[18],
date: /*item0*/ ctx[15]
resource: /*item1*/ ctx[16],
date: /*item0*/ ctx[13]
}

@@ -456,4 +456,4 @@ });

const label_changes = {};
if (dirty[0] & /*loops*/ 8) label_changes.resource = /*item1*/ ctx[18];
if (dirty[0] & /*loops*/ 8) label_changes.date = /*item0*/ ctx[15];
if (dirty[0] & /*loops*/ 8) label_changes.resource = /*item1*/ ctx[16];
if (dirty[0] & /*loops*/ 8) label_changes.date = /*item0*/ ctx[13];
label.$set(label_changes);

@@ -476,3 +476,3 @@ },

// (26:24) {#each loops[1] as item1}
// (24:24) {#each loops[1] as item1}
function create_each_block_6(ctx) {

@@ -550,3 +550,3 @@ let current_block_type_index;

// (17:8) {#each loops[0] as item0}
// (15:8) {#each loops[0] as item0}
function create_each_block_5(ctx) {

@@ -665,3 +665,3 @@ let div;

// (16:4) <Section>
// (14:4) <Section>
function create_default_slot_2(ctx) {

@@ -755,3 +755,3 @@ let each_1_anchor;

// (40:0) {#if $allDaySlot}
// (38:0) {#if $allDaySlot}
function create_if_block(ctx) {

@@ -797,3 +797,3 @@ let div2;

if (dirty[0] & /*$_viewDates, $theme, $_viewResources, $datesAboveResources*/ 23 | dirty[1] & /*$$scope*/ 4) {
if (dirty[0] & /*$_viewDates, $theme, $_viewResources, $datesAboveResources*/ 23 | dirty[1] & /*$$scope*/ 1) {
section_changes.$$scope = { dirty, ctx };

@@ -835,3 +835,3 @@ }

// (52:16) {:else}
// (50:16) {:else}
function create_else_block(ctx) {

@@ -925,3 +925,3 @@ let each_1_anchor;

// (44:16) {#if $datesAboveResources}
// (42:16) {#if $datesAboveResources}
function create_if_block_1(ctx) {

@@ -1015,3 +1015,3 @@ let each_1_anchor;

// (53:20) {#each $_viewResources as resource}
// (51:20) {#each $_viewResources as resource}
function create_each_block_4(ctx) {

@@ -1027,3 +1027,3 @@ let div;

dates: /*$_viewDates*/ ctx[0],
resource: /*resource*/ ctx[24]
resource: /*resource*/ ctx[22]
}

@@ -1048,3 +1048,3 @@ });

if (dirty[0] & /*$_viewDates*/ 1) week_changes.dates = /*$_viewDates*/ ctx[0];
if (dirty[0] & /*$_viewResources*/ 2) week_changes.resource = /*resource*/ ctx[24];
if (dirty[0] & /*$_viewResources*/ 2) week_changes.resource = /*resource*/ ctx[22];
week.$set(week_changes);

@@ -1075,3 +1075,3 @@

// (47:28) {#each $_viewResources as resource}
// (45:28) {#each $_viewResources as resource}
function create_each_block_3(ctx) {

@@ -1083,4 +1083,4 @@ let week;

props: {
dates: [/*date*/ ctx[21]],
resource: /*resource*/ ctx[24]
dates: [/*date*/ ctx[19]],
resource: /*resource*/ ctx[22]
}

@@ -1099,4 +1099,4 @@ });

const week_changes = {};
if (dirty[0] & /*$_viewDates*/ 1) week_changes.dates = [/*date*/ ctx[21]];
if (dirty[0] & /*$_viewResources*/ 2) week_changes.resource = /*resource*/ ctx[24];
if (dirty[0] & /*$_viewDates*/ 1) week_changes.dates = [/*date*/ ctx[19]];
if (dirty[0] & /*$_viewResources*/ 2) week_changes.resource = /*resource*/ ctx[22];
week.$set(week_changes);

@@ -1119,3 +1119,3 @@ },

// (45:20) {#each $_viewDates as date}
// (43:20) {#each $_viewDates as date}
function create_each_block_2(ctx) {

@@ -1220,3 +1220,3 @@ let div;

// (43:12) <Section>
// (41:12) <Section>
function create_default_slot_1(ctx) {

@@ -1294,3 +1294,3 @@ let current_block_type_index;

// (67:8) {#each loops[1] as item1}
// (65:8) {#each loops[1] as item1}
function create_each_block_1(ctx) {

@@ -1303,7 +1303,7 @@ let day;

date: /*$datesAboveResources*/ ctx[2]
? /*item0*/ ctx[15]
: /*item1*/ ctx[18],
? /*item0*/ ctx[13]
: /*item1*/ ctx[16],
resource: /*$datesAboveResources*/ ctx[2]
? /*item1*/ ctx[18]
: /*item0*/ ctx[15]
? /*item1*/ ctx[16]
: /*item0*/ ctx[13]
}

@@ -1324,8 +1324,8 @@ });

if (dirty[0] & /*$datesAboveResources, loops*/ 12) day_changes.date = /*$datesAboveResources*/ ctx[2]
? /*item0*/ ctx[15]
: /*item1*/ ctx[18];
? /*item0*/ ctx[13]
: /*item1*/ ctx[16];
if (dirty[0] & /*$datesAboveResources, loops*/ 12) day_changes.resource = /*$datesAboveResources*/ ctx[2]
? /*item1*/ ctx[18]
: /*item0*/ ctx[15];
? /*item1*/ ctx[16]
: /*item0*/ ctx[13];

@@ -1349,3 +1349,3 @@ day.$set(day_changes);

// (65:0) {#each loops[0] as item0}
// (63:0) {#each loops[0] as item0}
function create_each_block(ctx) {

@@ -1450,3 +1450,3 @@ let div;

// (64:0) <Body>
// (62:0) <Body>
function create_default_slot(ctx) {

@@ -1595,3 +1595,3 @@ let each_1_anchor;

if (dirty[0] & /*loops, $theme, $datesAboveResources, $_intlDayHeader*/ 60 | dirty[1] & /*$$scope*/ 4) {
if (dirty[0] & /*loops, $theme, $datesAboveResources, $_intlDayHeader*/ 60 | dirty[1] & /*$$scope*/ 1) {
section_changes.$$scope = { dirty, ctx };

@@ -1635,3 +1635,3 @@ }

if (dirty[0] & /*loops, $theme, $datesAboveResources*/ 28 | dirty[1] & /*$$scope*/ 4) {
if (dirty[0] & /*loops, $theme, $datesAboveResources*/ 28 | dirty[1] & /*$$scope*/ 1) {
body_changes.$$scope = { dirty, ctx };

@@ -1673,7 +1673,6 @@ }

let $datesAboveResources;
let $_viewClass;
let $theme;
let $_intlDayHeader;
let $allDaySlot;
let { datesAboveResources, _viewDates, _viewResources, _intlDayHeader, _viewClass, allDaySlot, theme } = getContext('state');
let { datesAboveResources, _viewDates, _viewResources, _intlDayHeader, allDaySlot, theme } = getContext('state');
component_subscribe($$self, datesAboveResources, value => $$invalidate(2, $datesAboveResources = value));

@@ -1683,6 +1682,4 @@ component_subscribe($$self, _viewDates, value => $$invalidate(0, $_viewDates = value));

component_subscribe($$self, _intlDayHeader, value => $$invalidate(5, $_intlDayHeader = value));
component_subscribe($$self, _viewClass, value => $$invalidate(14, $_viewClass = value));
component_subscribe($$self, allDaySlot, value => $$invalidate(6, $allDaySlot = value));
component_subscribe($$self, theme, value => $$invalidate(4, $theme = value));
set_store_value(_viewClass, $_viewClass = 'week', $_viewClass);
let loops;

@@ -1710,3 +1707,2 @@

_intlDayHeader,
_viewClass,
allDaySlot,

@@ -1779,3 +1775,4 @@ theme

component: View,
duration: {days: 1}
duration: {days: 1},
theme: themeView('ec-time-grid ec-resource-day-view')
};

@@ -1785,7 +1782,8 @@ options.views.resourceTimeGridWeek = {

component: View,
duration: {weeks: 1}
duration: {weeks: 1},
theme: themeView('ec-time-grid ec-resource-week-view')
};
},
createParsers(parsers, options) {
createParsers(parsers) {
parsers.resources = createResources;

@@ -1792,0 +1790,0 @@ },

6

package.json
{
"name": "@event-calendar/resource-time-grid",
"version": "2.0.0",
"version": "2.1.0",
"title": "Event Calendar ResourceTimeGrid plugin",

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

"dependencies": {
"@event-calendar/core": "~2.0.0",
"@event-calendar/time-grid": "~2.0.0",
"@event-calendar/core": "~2.1.0",
"@event-calendar/time-grid": "~2.1.0",
"svelte": "^4.1.1"
}
}

47

README.md

@@ -127,2 +127,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)

</table>
- [Content](#content)
- [Event object](#event-object)

@@ -198,4 +199,4 @@ - [Parsing event from a plain object](#parsing-event-from-a-plain-object)

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

@@ -291,11 +292,11 @@

> Views override the default value as follows:
> - dayGridMonth `function (text) { return {...text, next: 'Next month', prev: 'Previous month'}; }`
> - listDay `function (text) { return {...text, next: 'Next day', prev: 'Previous day'}; }`
> - listMonth `function (text) { return {...text, next: 'Next month', prev: 'Previous month'}; }`
> - listWeek `function (text) { return {...text, next: 'Next week', prev: 'Previous week'}; }`
> - listYear `function (text) { return {...text, next: 'Next year', prev: 'Previous year'}; }`
> - resourceTimeGridDay `function (text) { return {...text, next: 'Next day', prev: 'Previous day'}; }`
> - resourceTimeGridWeek `function (text) { return {...text, next: 'Next week', prev: 'Previous week'}; }`
> - timeGridDay `function (text) { return {...text, next: 'Next day', prev: 'Previous day'}; }`
> - timeGridWeek `function (text) { return {...text, next: 'Next week', prev: 'Previous week'}; }`
> - dayGridMonth `text => ({...text, next: 'Next month', prev: 'Previous month'})`
> - listDay `text => ({...text, next: 'Next day', prev: 'Previous day'})`
> - listMonth `text => ({...text, next: 'Next month', prev: 'Previous month'})`
> - listWeek `text => ({...text, next: 'Next week', prev: 'Previous week'})`
> - listYear `text => ({...text, next: 'Next year', prev: 'Previous year'})`
> - resourceTimeGridDay `text => ({...text, next: 'Next day', prev: 'Previous day'})`
> - resourceTimeGridWeek `text => ({...text, next: 'Next week', prev: 'Previous week'})`
> - timeGridDay `text => ({...text, next: 'Next day', prev: 'Previous day'})`
> - timeGridWeek `text => ({...text, next: 'Next week', prev: 'Previous week'})`

@@ -1309,3 +1310,3 @@

This value can be either an object with options for the native JavaScript [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat) object, or a callback function that returns a [Content](#content) with formatted string:
This value can be either an object with options for the native JavaScript [Intl.DateTimeFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat) object, or a callback function that returns a [Content](#content) with the formatted string:

@@ -1912,3 +1913,13 @@ ```js

- Type `object` or `function`
- Default `{active: 'ec-active', allDay: 'ec-all-day', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', compact: 'ec-compact', content: 'ec-content', day: 'ec-day', dayFoot: 'ec-day-foot', dayHead: 'ec-day-head', daySide: 'ec-day-side', days: 'ec-days', draggable: 'ec-draggable', dragging: 'ec-dragging', event: 'ec-event', eventBody: 'ec-event-body', eventTag: 'ec-event-tag', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', events: 'ec-events', extra: 'ec-extra', ghost: 'ec-ghost', handle: 'ec-handle', header: 'ec-header', hiddenScroll: 'ec-hidden-scroll', highlight: 'ec-highlight', icon: 'ec-icon', line: 'ec-line', lines: 'ec-lines', list: 'ec-list', month: 'ec-month', noEvents: 'ec-no-events', nowIndicator: 'ec-now-indicator', otherMonth: 'ec-other-month', pointer: 'ec-pointer', popup: 'ec-popup', preview: 'ec-preview', resizer: 'ec-resizer', resizingX: 'ec-resizing-x', resizingY: 'ec-resizing-y', resource: 'ec-resource', resourceTitle: 'ec-resource-title', selecting: 'ec-selecting', sidebar: 'ec-sidebar', sidebarTitle: 'ec-sidebar-title', time: 'ec-time', title: 'ec-title', today: 'ec-today', toolbar: 'ec-toolbar', uniform: 'ec-uniform', week: 'ec-week', withScroll: 'ec-with-scroll'}`
- Default `{active: 'ec-active', allDay: 'ec-all-day', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', compact: 'ec-compact', content: 'ec-content', day: 'ec-day', dayFoot: 'ec-day-foot', dayHead: 'ec-day-head', daySide: 'ec-day-side', days: 'ec-days', draggable: 'ec-draggable', dragging: 'ec-dragging', event: 'ec-event', eventBody: 'ec-event-body', eventTag: 'ec-event-tag', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', events: 'ec-events', extra: 'ec-extra', ghost: 'ec-ghost', handle: 'ec-handle', header: 'ec-header', hiddenScroll: 'ec-hidden-scroll', highlight: 'ec-highlight', icon: 'ec-icon', line: 'ec-line', lines: 'ec-lines', noEvents: 'ec-no-events', nowIndicator: 'ec-now-indicator', otherMonth: 'ec-other-month', pointer: 'ec-pointer', popup: 'ec-popup', preview: 'ec-preview', resizer: 'ec-resizer', resizingX: 'ec-resizing-x', resizingY: 'ec-resizing-y', resource: 'ec-resource', resourceTitle: 'ec-resource-title', selecting: 'ec-selecting', sidebar: 'ec-sidebar', sidebarTitle: 'ec-sidebar-title', time: 'ec-time', title: 'ec-title', today: 'ec-today', toolbar: 'ec-toolbar', uniform: 'ec-uniform', view: '', withScroll: 'ec-with-scroll'}`
> Views override the default value as follows:
> - dayGridMonth `theme => ({...theme, view: 'ec-day-grid ec-month-view'})`
> - listDay `theme => ({...theme, view: 'ec-list ec-day-view'})`
> - listMonth `theme => ({...theme, view: 'ec-list ec-month-view'})`
> - listWeek `theme => ({...theme, view: 'ec-list ec-week-view'})`
> - listYear `theme => ({...theme, view: 'ec-list ec-year-view'})`
> - resourceTimeGridDay `theme => ({...theme, view: 'ec-time-grid ec-resource-day-view'})`
> - resourceTimeGridWeek `theme => ({...theme, view: 'ec-time-grid ec-resource-week-view'})`
> - timeGridDay `theme => ({...theme, view: 'ec-time-grid ec-day-view'})`
> - timeGridWeek `theme => ({...theme, view: 'ec-time-grid ec-week-view'})`

@@ -1967,12 +1978,2 @@ Defines the CSS classes that the Event Calendar uses to generate HTML markup.

The callback function can return HTML markup. If you want to use HTML entities in the title, you must use the callback function:
```js
function (date) {
let month = date.toLocaleDateString('en-US', { month: 'long' })
let year = date.toLocaleDateString('en-US', { year: 'numeric' })
return `<span class="month">${month}</span> <span class="year">${year}</span>`
}
```
### unselect

@@ -1979,0 +1980,0 @@ - Type `function`

10

src/index.js

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

import {btnTextDay, btnTextWeek} from '@event-calendar/core';
import {btnTextDay, btnTextWeek, themeView} from '@event-calendar/core';
import TimeGrid from '@event-calendar/time-grid';

@@ -23,3 +23,4 @@ import {viewResources} from './stores.js';

component: View,
duration: {days: 1}
duration: {days: 1},
theme: themeView('ec-time-grid ec-resource-day-view')
};

@@ -29,7 +30,8 @@ options.views.resourceTimeGridWeek = {

component: View,
duration: {weeks: 1}
duration: {weeks: 1},
theme: themeView('ec-time-grid ec-resource-week-view')
};
},
createParsers(parsers, options) {
createParsers(parsers) {
parsers.resources = createResources;

@@ -36,0 +38,0 @@ },

src/View.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