@event-calendar/core 0.16.0 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +6 -6
  2. package/index.css +4 -0
  3. package/index.js +2 -3
  4. package/package.json +2 -2
  5. package/src/index.scss +5 -0
  6. package/src/storage/stores.js +2 -3
package/README.md CHANGED
@@ -116,7 +116,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
116
116
  - [refetchEvents](#refetchevents)
117
117
  </td><td>
118
118
 
119
- - [dateFromPoint](#datefrompoint)
119
+ - [dateFromPoint](#datefrompoint-x-y-)
120
120
  - [getView](#getview)
121
121
  - [unselect](#unselect-1)
122
122
  </td></tr>
@@ -191,8 +191,8 @@ import '@event-calendar/core/index.css';
191
191
  ### Pre-built browser ready bundle
192
192
  Include the following lines of code in the `<head>` section of your page:
193
193
  ```html
194
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@0.16.0/event-calendar.min.css">
195
- <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@0.16.0/event-calendar.min.js"></script>
194
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@0.16.1/event-calendar.min.css">
195
+ <script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@0.16.1/event-calendar.min.js"></script>
196
196
  ```
197
197
 
198
198
  <details>
@@ -1990,14 +1990,14 @@ Refetches events from all sources.
1990
1990
  ### dateFromPoint( x, y )
1991
1991
  - Return value `Date` or `null`
1992
1992
 
1993
- Returns the date and time that would be determined if a click was made on the specified coordinates within the application's [viewport](https://developer.mozilla.org/en-US/docs/Glossary/Viewport).
1993
+ Returns the date and time as if the [dateClick](#dateclick) event had fired for that point.
1994
1994
 
1995
- Using this method, you can get the date and time for any point inside the calendar, as if it was clicked. For example, you want to know, when you click on a multi-day event, which day the click happened on. To do this, inside [eventClick](#eventclick), pass the `jsEvent.clientX` and `jsEvent.clientY` coordinates to `dateFromPoint` and get the date that corresponds to the place in the calendar where the click was.
1995
+ Using this method, you can, for example, find out on which day a click occurred inside a multi-day event. To do this, inside [eventClick](#eventclick), pass the `jsEvent.clientX` and `jsEvent.clientY` coordinates to `dateFromPoint` and get the desired date.
1996
1996
 
1997
1997
  <details>
1998
1998
  <summary>Note</summary>
1999
1999
 
2000
- > In the `'listDay'`, `'listWeek'`, `'listMonth'` and `'listYear'` views, the events are rendered outside of the day container, so the method will return `null` for the coordinates that are inside the events.
2000
+ > In the `'listDay'`, `'listWeek'`, `'listMonth'` and `'listYear'` views, the events are rendered outside the day container, so the method will return `null` for the coordinates that are inside the events.
2001
2001
 
2002
2002
  </details>
2003
2003
 
package/index.css CHANGED
@@ -198,6 +198,10 @@
198
198
  flex-direction: column;
199
199
  height: 100%;
200
200
  }
201
+ .ec-month .ec-uniform .ec-content {
202
+ /* Remove scroll because of hidden events */
203
+ overflow: hidden;
204
+ }
201
205
  .ec-list .ec-content {
202
206
  flex-direction: column;
203
207
  }
package/index.js CHANGED
@@ -263,8 +263,7 @@ function events(state) {
263
263
  let fetching = 0;
264
264
  derived(
265
265
  [state.events, state.eventSources, state._activeRange, state._fetchedRange, state.lazyFetching, state.loading],
266
- (values, set) => tick().then(() => {
267
- let [$events, $eventSources, $_activeRange, $_fetchedRange, $lazyFetching, $loading] = values;
266
+ ([$events, $eventSources, $_activeRange, $_fetchedRange, $lazyFetching, $loading], set) => {
268
267
  if (!$eventSources.length) {
269
268
  set($events);
270
269
  return;
@@ -337,7 +336,7 @@ function events(state) {
337
336
  $_fetchedRange.start = $_activeRange.start;
338
337
  $_fetchedRange.end = $_activeRange.end;
339
338
  }
340
- }),
339
+ },
341
340
  []
342
341
  ).subscribe(_events.set);
343
342
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@event-calendar/core",
3
- "version": "0.16.0",
3
+ "version": "0.16.1",
4
4
  "title": "Event Calendar Core package",
5
5
  "description": "Full-sized drag & drop event calendar with resource view",
6
6
  "keywords": [
@@ -37,7 +37,7 @@
37
37
  "./package.json": "./package.json"
38
38
  },
39
39
  "dependencies": {
40
- "@event-calendar/common": "~0.16.0",
40
+ "@event-calendar/common": "~0.16.1",
41
41
  "svelte": "^3.55.1"
42
42
  }
43
43
  }
package/src/index.scss CHANGED
@@ -225,6 +225,11 @@
225
225
  height: 100%;
226
226
  }
227
227
 
228
+ .ec-month .ec-uniform & {
229
+ /* Remove scroll because of hidden events */
230
+ overflow: hidden;
231
+ }
232
+
228
233
  .ec-list & {
229
234
  flex-direction: column;
230
235
  }
package/src/storage/stores.js CHANGED
@@ -125,8 +125,7 @@ export function events(state) {
125
125
  let fetching = 0;
126
126
  derived(
127
127
  [state.events, state.eventSources, state._activeRange, state._fetchedRange, state.lazyFetching, state.loading],
128
- (values, set) => tick().then(() => {
129
- let [$events, $eventSources, $_activeRange, $_fetchedRange, $lazyFetching, $loading] = values;
128
+ ([$events, $eventSources, $_activeRange, $_fetchedRange, $lazyFetching, $loading], set) => {
130
129
  if (!$eventSources.length) {
131
130
  set($events);
132
131
  return;
@@ -199,7 +198,7 @@ export function events(state) {
199
198
  $_fetchedRange.start = $_activeRange.start;
200
199
  $_fetchedRange.end = $_activeRange.end;
201
200
  }
202
- }),
201
+ },
203
202
  []
204
203
  ).subscribe(_events.set);
205
204