@event-calendar/core 4.0.2 → 4.1.0
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.
- package/README.md +5 -5
- package/dist/index.css +11 -2
- package/dist/index.js +2092 -4592
- package/package.json +3 -3
- package/src/lib/components/InteractableEvent.svelte +4 -2
- package/src/lib/dom.js +1 -1
- package/src/lib/times.js +3 -7
- package/src/plugins/interaction/Auxiliary.svelte +6 -2
- package/src/plugins/interaction/Resizer.svelte +5 -1
- package/src/plugins/interaction/lib/events.js +2 -6
- package/src/plugins/resource-timeline/Body.svelte +1 -1
- package/src/plugins/resource-timeline/Header.svelte +8 -8
- package/src/plugins/time-grid/Body.svelte +3 -5
- package/src/plugins/time-grid/Section.svelte +8 -3
- package/src/storage/options.js +1 -1
- package/src/styles/time-grid.scss +5 -1
- package/src/styles/timeline.scss +7 -3
package/README.md
CHANGED
|
@@ -227,8 +227,8 @@ This bundle contains a version of the calendar that includes all plugins and is
|
|
|
227
227
|
|
|
228
228
|
The first step is to include the following lines of code in the `<head>` section of your page:
|
|
229
229
|
```html
|
|
230
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.0
|
|
231
|
-
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.0
|
|
230
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.1.0/dist/event-calendar.min.css">
|
|
231
|
+
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@4.1.0/dist/event-calendar.min.js"></script>
|
|
232
232
|
```
|
|
233
233
|
|
|
234
234
|
<details>
|
|
@@ -2138,13 +2138,13 @@ function (time) {
|
|
|
2138
2138
|
- Type `string`, `integer` or `object`
|
|
2139
2139
|
- Default `undefined`
|
|
2140
2140
|
|
|
2141
|
-
The interval at which slot labels should be displayed in `timeGrid` views.
|
|
2141
|
+
The interval at which slot labels should be displayed in `timeGrid`/`resourceTimeline` views.
|
|
2142
2142
|
|
|
2143
2143
|
This should be a value that can be parsed into a [Duration](#duration-object) object.
|
|
2144
2144
|
|
|
2145
2145
|
If not specified, then if `slotDuration` is less than 1 hour, the interval is considered to be twice as long, i.e. the labels are displayed every other time.
|
|
2146
2146
|
|
|
2147
|
-
If the interval is set to zero, then labels are displayed for all slots, including the very first one, which is not normally displayed.
|
|
2147
|
+
If the interval is set to zero, then labels are displayed for all slots, including the very first one, which is not normally displayed in `timeGrid` views.
|
|
2148
2148
|
|
|
2149
2149
|
### slotMaxTime
|
|
2150
2150
|
- Type `string`, `integer` or `object`
|
|
@@ -2176,7 +2176,7 @@ Defines the time slot width in pixels in `resourceTimeline` views. When changing
|
|
|
2176
2176
|
|
|
2177
2177
|
### theme
|
|
2178
2178
|
- Type `object` or `function`
|
|
2179
|
-
- Default `{allDay: 'ec-all-day', active: 'ec-active', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec',
|
|
2179
|
+
- Default `{allDay: 'ec-all-day', active: 'ec-active', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', container: 'ec-container', content: 'ec-content', day: 'ec-day', dayHead: 'ec-day-head', dayFoot: 'ec-day-foot', days: 'ec-days', daySide: 'ec-day-side', 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', expander: 'ec-expander', 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', main: 'ec-main', minor: 'ec-minor', 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', selecting: 'ec-selecting', sidebar: 'ec-sidebar', sidebarTitle: 'ec-sidebar-title', today: 'ec-today', time: 'ec-time', times: 'ec-times', title: 'ec-title', toolbar: 'ec-toolbar', view: 'ec-timeline ec-resource-week-view', weekdays: ['ec-sun', 'ec-mon', 'ec-tue', 'ec-wed', 'ec-thu', 'ec-fri', 'ec-sat'], withScroll: 'ec-with-scroll', uniform: 'ec-uniform'}`
|
|
2180
2180
|
> Views override the default value as follows:
|
|
2181
2181
|
> - dayGridMonth `theme => ({...theme, view: 'ec-day-grid ec-month-view'})`
|
|
2182
2182
|
> - listDay `theme => ({...theme, view: 'ec-list ec-day-view'})`
|
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* EventCalendar v4.0
|
|
2
|
+
* EventCalendar v4.1.0
|
|
3
3
|
* https://github.com/vkurko/calendar
|
|
4
4
|
*/
|
|
5
5
|
.ec {
|
|
@@ -126,6 +126,9 @@
|
|
|
126
126
|
overflow: hidden;
|
|
127
127
|
text-overflow: ellipsis;
|
|
128
128
|
}
|
|
129
|
+
.ec-timeline .ec-time.ec-minor {
|
|
130
|
+
visibility: hidden;
|
|
131
|
+
}
|
|
129
132
|
.ec-timeline .ec-time, .ec-timeline .ec-line {
|
|
130
133
|
width: 72px;
|
|
131
134
|
}
|
|
@@ -151,6 +154,9 @@
|
|
|
151
154
|
border-left: 1px solid var(--ec-border-color);
|
|
152
155
|
pointer-events: none;
|
|
153
156
|
}
|
|
157
|
+
.ec-timeline .ec-line.ec-minor:after {
|
|
158
|
+
border-left-style: dotted;
|
|
159
|
+
}
|
|
154
160
|
.ec-timeline .ec-sidebar {
|
|
155
161
|
padding: 0;
|
|
156
162
|
border: 1px solid var(--ec-border-color);
|
|
@@ -209,6 +215,9 @@
|
|
|
209
215
|
top: -12px;
|
|
210
216
|
text-align: right;
|
|
211
217
|
}
|
|
218
|
+
.ec-time-grid .ec-time.ec-minor {
|
|
219
|
+
visibility: hidden;
|
|
220
|
+
}
|
|
212
221
|
.ec-time-grid .ec-header .ec-time,
|
|
213
222
|
.ec-time-grid .ec-all-day .ec-time {
|
|
214
223
|
visibility: hidden;
|
|
@@ -229,7 +238,7 @@
|
|
|
229
238
|
border-bottom: 1px solid var(--ec-border-color);
|
|
230
239
|
pointer-events: none;
|
|
231
240
|
}
|
|
232
|
-
.ec-time-grid .ec-
|
|
241
|
+
.ec-time-grid .ec-line.ec-minor:after {
|
|
233
242
|
border-bottom-style: dotted;
|
|
234
243
|
}
|
|
235
244
|
.ec-time-grid .ec-sidebar-title {
|