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

@event-calendar/list

Package Overview
Dependencies
Maintainers
1
Versions
99
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@event-calendar/list - npm Package Compare versions

Comparing version 2.3.3 to 2.4.0

8

index.js

@@ -5,3 +5,3 @@ import { setContent, toEventWithLocalDates, toViewWithLocalDates, createEventClasses, createEventContent, addDay, cloneDate, bgEvent, eventIntersects, createEventChunk, sortEventChunks, datesEqual, setPayload, btnTextDay, themeView, btnTextWeek, btnTextMonth, btnTextYear, intl } from '@event-calendar/core';

/* packages/list/src/Body.svelte generated by Svelte v4.1.1 */
/* packages/list/src/Body.svelte generated by Svelte v4.2.2 */

@@ -109,3 +109,3 @@ function create_fragment$3(ctx) {

/* packages/list/src/Event.svelte generated by Svelte v4.1.1 */
/* packages/list/src/Event.svelte generated by Svelte v4.2.2 */

@@ -350,3 +350,3 @@ function create_fragment$2(ctx) {

/* packages/list/src/Day.svelte generated by Svelte v4.1.1 */
/* packages/list/src/Day.svelte generated by Svelte v4.2.2 */

@@ -696,3 +696,3 @@ function get_each_context$1(ctx, list, i) {

/* packages/list/src/View.svelte generated by Svelte v4.1.1 */
/* packages/list/src/View.svelte generated by Svelte v4.2.2 */

@@ -699,0 +699,0 @@ function get_each_context(ctx, list, i) {

{
"name": "@event-calendar/list",
"version": "2.3.3",
"version": "2.4.0",
"title": "Event Calendar List plugin",

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

"dependencies": {
"@event-calendar/core": "~2.3.3",
"@event-calendar/core": "~2.4.0",
"svelte": "^4.1.1"
}
}

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

- [View object](#view-object)
- [Theming](#theming)
- [Browser support](#browser-support)

@@ -200,4 +201,4 @@

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

@@ -2249,3 +2250,3 @@

## Content
The content can be presented in the following forms:
The content value can be presented in the following forms:

@@ -2726,2 +2727,26 @@ * a string containing text `'some text'`

## Theming
The library provides a built-in dark theme. This theme is activated automatically if the current [preferred color theme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) is a dark one.
You can also activate the dark theme manually by adding the `ec-dark` CSS class to any parent element of the calendar, e.g. `<body class="ec-dark">`.
<details>
<summary>Note</summary>
> Use the `ec-light` CSS class to manually activate the light theme when the current [preferred color theme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) is a dark theme, e.g. `<body class="ec-light">`.
</details>
Please note that the dark theme does not change the background and font color in the calendar. It is assumed that the page background and font color are set by page styles, and the calendar inherits these styles.
If you do need to set the background or font color of the calendar, use local CSS variables for this:
```css
.ec {
--ec-bg-color: #22272e;
--ec-text-color: #adbac7;
}
```
A list of all available CSS variables can be found [here](packages/core/src/styles/theme.scss).
## Browser support

@@ -2728,0 +2753,0 @@

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc