@bryntum/scheduler-vue-3-thin 7.1.1 → 7.1.2

package/README.md

@@ -1,53 +1,278 @@
-# Vue 3 wrapper for Bryntum Scheduler
+<div style="display: flex; justify-content: space-between; align-items: center; margin: 0 50px;">
+    <a href="https://bryntum.com/" rel="noopener" target="_blank">
+        <img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
+    </a>
+    <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="100">
+</div>
 
-This package contains a wrapper that encapsulates Bryntum Scheduler and turns it into a Vue 3 component, exposing
-configuration options, properties, features, and events.
+# Vue 3 wrapper for Bryntum Scheduler Thin packages
 
-# Bryntum repository access setup
+This package provides a wrapper that turns Bryntum Scheduler into a Vue 3 component, exposing configuration options,
+properties, features, and events.
 
-This npm package requires access to the private Bryntum npm repository.
-You must be logged in to this repository as a licensed or trial user to access it.
-Please check the [Online npm repository guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository) for detailed information on the sign-up/login
-process.
+> **Thin Package:** This is a thin wrapper package designed for applications that use multiple Bryntum products.
+> Thin packages exclude bundled dependencies to avoid duplication. For details, see
+> [Vue Multiple Products](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/multiple-products).
 
-# Installation
+## Version Requirement
 
-The installation is performed by running the installation command in the root of your application folder. The specific
-command depends on the package manager used in your application.
+* Vue: `3.2` or higher
+* TypeScript: `4.2` or higher
+* Vite `5` or higher
 
-The following commands are most frequently used:
+## Package Contents
 
-Install using `npm`:
+| Path         | Description                                    |
+|--------------|------------------------------------------------|
+| `lib/`       | Vue 3 wrapper components (BryntumScheduler etc.) |
+| `src/`       | Original Vue source files                      |
+| `src/*.d.ts` | TypeScript type definitions                    |
 
-```shell
-npm install @bryntum/scheduler-vue-3@7.1.1
+## Installation
+
+### Vue 3 Wrapper
+
+```bash
+npm install @bryntum/scheduler-vue-3-thin@latest
+```
+
+### Component Package (Required)
+
+```bash
+npm install @bryntum/scheduler-thin@latest
+```
+
+## Try Bryntum Online Demos
+
+* [View Online Vue Demos](https://bryntum.com/products/scheduler/examples/?framework=vue)
+
+## Quick Start
+
+Edit the `src/App.vue` file and replace the content with the following:
+
+```typescript
+<script setup>
+import { createApp, ref } from 'vue';
+
+import { BryntumScheduler } from '@bryntum/scheduler-vue-3-thin';
+import { schedulerProps } from './AppConfig';
+
+import './App.scss';
+
+createApp({
+});
+</script>
+
+<template>
+    <bryntum-scheduler
+        v-bind=schedulerProps
+    />
+</template>
+
+<style lang="scss">
+</style>
+```
+
+Create a `SchedulerConfig.ts` file in the `src/` directory with the following content:
+
+```typescript
+import { type BryntumSchedulerProps } from '@bryntum/scheduler-vue-3';
+
+export const schedulerConfig : BryntumSchedulerProps = {
+    startDate        : new Date(2026, 0, 1),
+    endDate          : new Date(2026, 1, 10),
+    viewPreset       : 'hourAndDay',
+    rowHeight        : 50,
+    barMargin        : 5,
+    multiEventSelect : true,
+    // Uncomment the following if you have images in public/users/
+    // resourceImagePath : 'users/',
+    columns          : [{ text : 'Name', field : 'name', width : 130 }],
+    // CrudManager arranges loading and syncing of data in JSON form from/to a web service
+    crudManager      : {
+        loadUrl : 'data/data.json',
+        autoLoad : true
+    }
+};
+```
+
+<details>
+<summary>Create sample data (click to expand)</summary>
+
+Create a `public/data/data.json` file for example data and add the following JSON data to it:
+
+```json
+{
+  "success": true,
+  "resources": {
+    "rows": [
+      { "id": 1,  "name": "Dan Stevenson"   },
+      { "id": 2,  "name": "Talisha Babin"   },
+      { "id": 3,  "name": "Ravi Kumar"      },
+      { "id": 4,  "name": "Aisha Khan"      },
+      { "id": 5,  "name": "Michael Chen"    },
+      { "id": 6,  "name": "Sofia Lopez"     },
+      { "id": 7,  "name": "James Anderson"  },
+      { "id": 8,  "name": "Eddie Johnson"   },
+      { "id": 9,  "name": "Ethan Wright"    },
+      { "id": 10, "name": "Liu Wei"         }
+    ]
+  },
+  "events": {
+    "rows": [
+      { "resourceId": 1,  "startDate": "2026-01-01", "endDate": "2026-01-05", "name": "Kickoff Meeting"          },
+      { "resourceId": 1,  "startDate": "2026-01-06", "endDate": "2026-01-10", "name": "Scope Definition"        },
+      { "resourceId": 1,  "startDate": "2026-01-12", "endDate": "2026-01-29", "name": "Project Plan Review"     },
+      { "resourceId": 2,  "startDate": "2026-01-02", "endDate": "2026-01-06", "name": "Requirement Gathering"   },
+      { "resourceId": 2,  "startDate": "2026-01-07", "endDate": "2026-01-21", "name": "Stakeholder Interviews"  },
+      { "resourceId": 2,  "startDate": "2026-01-22", "endDate": "2026-01-27", "name": "Requirement Signoff"     },
+      { "resourceId": 3,  "startDate": "2026-01-05", "endDate": "2026-01-14", "name": "System Design"           },
+      { "resourceId": 3,  "startDate": "2026-01-10", "endDate": "2026-01-20", "name": "Database Modeling"       },
+      { "resourceId": 3,  "startDate": "2026-01-23", "endDate": "2026-01-28", "name": "API Design"              },
+      { "resourceId": 4,  "startDate": "2026-01-08", "endDate": "2026-01-15", "name": "Backend Setup"           },
+      { "resourceId": 4,  "startDate": "2026-01-15", "endDate": "2026-01-22", "name": "Authentication Module"   },
+      { "resourceId": 4,  "startDate": "2026-01-21", "endDate": "2026-01-27", "name": "Data Services"           },
+      { "resourceId": 5,  "startDate": "2026-01-02", "endDate": "2026-01-14", "name": "UI Wireframes"           },
+      { "resourceId": 5,  "startDate": "2026-01-15", "endDate": "2026-01-19", "name": "Frontend Components"     },
+      { "resourceId": 5,  "startDate": "2026-01-20", "endDate": "2026-01-27", "name": "Styling & Theme"         },
+      { "resourceId": 6,  "startDate": "2026-01-12", "endDate": "2026-01-16", "name": "API Integration"         },
+      { "resourceId": 6,  "startDate": "2026-01-17", "endDate": "2026-01-21", "name": "GraphQL Setup"           },
+      { "resourceId": 6,  "startDate": "2026-01-22", "endDate": "2026-01-25", "name": "Integration Testing"     },
+      { "resourceId": 7,  "startDate": "2026-01-05", "endDate": "2026-01-10", "name": "Unit Testing"            },
+      { "resourceId": 7,  "startDate": "2026-01-12", "endDate": "2026-01-19", "name": "Automation Scripts"      },
+      { "resourceId": 7,  "startDate": "2026-01-18", "endDate": "2026-01-27", "name": "Performance Testing"     },
+      { "resourceId": 8,  "startDate": "2026-01-10", "endDate": "2026-01-22", "name": "Bug Fix Round 1"         },
+      { "resourceId": 8,  "startDate": "2026-01-23", "endDate": "2026-01-26", "name": "UI Fixes"                },
+      { "resourceId": 8,  "startDate": "2026-01-27", "endDate": "2026-01-30", "name": "Regression Testing"      },
+      { "resourceId": 9,  "startDate": "2026-01-03", "endDate": "2026-01-14", "name": "Client Demo Prep"        },
+      { "resourceId": 9,  "startDate": "2026-01-15", "endDate": "2026-01-19", "name": "Client Review"           },
+      { "resourceId": 9,  "startDate": "2026-01-20", "endDate": "2026-01-24", "name": "Feedback Implementation" },
+      { "resourceId": 10, "startDate": "2026-01-02", "endDate": "2026-01-16", "name": "Deployment Setup"        },
+      { "resourceId": 10, "startDate": "2026-01-19", "endDate": "2026-01-22", "name": "Go-Live"                 },
+      { "resourceId": 10, "startDate": "2026-01-23", "endDate": "2026-01-27", "name": "Post-Deployment Support" }
+    ]
+  }
+}
+```
+
+This is the data the Bryntum Scheduler will use.
+
+</details>
+
+## Project Structure
+
+### Product Dependencies
+
+API packages:
+
+```json
+{
+  "dependencies": {
+    "@bryntum/core-thin": "7.1.2",
+    "@bryntum/engine-thin": "7.1.2",
+    "@bryntum/grid-thin": "7.1.2",
+    "@bryntum/scheduler-thin": "7.1.2"
+  }
+}
+```
+
+Framework wrapper packages:
+
+```json
+{
+  "dependencies": {
+    "@bryntum/core-vue-3-thin": "7.1.2",
+    "@bryntum/scheduler-vue-3-thin": "7.1.2"
+  }
+}
 ```
 
-Install using `yarn`:
+### Product Configuration
 
-```shell
-yarn add @bryntum/scheduler-vue-3@7.1.1
+```typescript
+import { BryntumSchedulerProps } from '@bryntum/scheduler-vue-3-thin';
+
+const schedulerProps : BryntumSchedulerProps = {
+    // Scheduler configuration
+};
 ```
 
-# Integration guide
+### Product Styling
+
+**SCSS/CSS:**
+
+```css
+/* FontAwesome is used for icons */
+@import '@bryntum/core-thin/fontawesome/css/fontawesome.css';
+@import "@bryntum/core-thin/fontawesome/css/solid.css";
+/* Structural CSS */
+@import '@bryntum/core-thin/core.css';
+@import '@bryntum/grid-thin/grid.css';
+@import '@bryntum/scheduler-thin/scheduler.css';
+/* Theme */
+@import '@bryntum/core-thin/svalbard-light.css';
+```
+
+### Product Localization
+
+```javascript
+import '@bryntum/scheduler-thin/lib/localization/De.js'
+```
+
+## Integration Guide
 
 For details on installing and using this package, see the
 [Vue Integration Guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide).
 
-# Online references
+## Wrappers
+
+Vue wrappers encapsulate Bryntum components as native Vue components, exposing all configuration options,
+properties, features, and events through Vue-familiar patterns like props, events, and slots.
+
+Visit [Wrappers documentation](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide#wrappers) for the complete list of available
+wrapper components.
+
+## Features
+
+Features are optional modules that extend Bryntum Scheduler functionality. Each feature is suffixed with `Feature` and
+can be enabled and configured through standard Vue props.
+
+Visit [Features documentation](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide#features) for the complete list of available
+features and their configuration options.
+
+## Explore All Bryntum Products
+
+* [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
+* [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
+* [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
+* [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
+* [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
+* [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
+
+Explore our comprehensive collection of demos:
+
+| Product           |   <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg" alt="JavaScript" width="30"><br>JavaScript    |  <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="30"><br>React  |   <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="30"><br>Vue   | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="30"><br>Angular |
+|-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
+| **Grid**          |         [Grid JavaScript demos](https://bryntum.com/products/grid/examples/?framework=javascript)          |         [Grid React demos](https://bryntum.com/products/grid/examples/?framework=react)          |         [Grid Vue demos](https://bryntum.com/products/grid/examples/?framework=vue)          |         [Grid Angular demos](https://bryntum.com/products/grid/examples/?framework=angular)          |
+| **Scheduler**     |    [Scheduler JavaScript demos](https://bryntum.com/products/scheduler/examples/?framework=javascript)     |    [Scheduler React demos](https://bryntum.com/products/scheduler/examples/?framework=react)     |    [Scheduler Vue demos](https://bryntum.com/products/scheduler/examples/?framework=vue)     |    [Scheduler Angular demos](https://bryntum.com/products/scheduler/examples/?framework=angular)     |
+| **Scheduler Pro** | [Scheduler Pro JavaScript demos](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [Scheduler Pro React demos](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [Scheduler Pro Vue demos](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [Scheduler Pro Angular demos](https://bryntum.com/products/schedulerpro/examples/?framework=angular) |
+| **Gantt**         |        [Gantt JavaScript demos](https://bryntum.com/products/gantt/examples/?framework=javascript)         |        [Gantt React demos](https://bryntum.com/products/gantt/examples/?framework=react)         |        [Gantt Vue demos](https://bryntum.com/products/gantt/examples/?framework=vue)         |        [Gantt Angular demos](https://bryntum.com/products/gantt/examples/?framework=angular)         |
+| **Calendar**      |     [Calendar JavaScript demos](https://bryntum.com/products/calendar/examples/?framework=javascript)      |     [Calendar React demos](https://bryntum.com/products/calendar/examples/?framework=react)      |     [Calendar Vue demos](https://bryntum.com/products/calendar/examples/?framework=vue)      |     [Calendar Angular demos](https://bryntum.com/products/calendar/examples/?framework=angular)      |
+| **TaskBoard**     |    [TaskBoard JavaScript demos](https://bryntum.com/products/taskboard/examples/?framework=javascript)     |    [TaskBoard React demos](https://bryntum.com/products/taskboard/examples/?framework=react)     |    [TaskBoard Vue demos](https://bryntum.com/products/taskboard/examples/?framework=vue)     |    [TaskBoard Angular demos](https://bryntum.com/products/taskboard/examples/?framework=angular)     |
+
+## Online references
 
-* [Bryntum Vue Quick Start Guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/quick-start/vue-3)
-* [Bryntum Vue Integration Guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide)
-* [Bryntum npm repository guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository)
 * [Bryntum Scheduler documentation](https://bryntum.com/products/scheduler/docs/)
 * [Bryntum Scheduler examples](https://bryntum.com/products/scheduler/examples/)
+
 * [Bryntum Support Forum](https://forum.bryntum.com/)
 * [Contact us](https://bryntum.com/contact/)
 
-# License and copyright
+## License and copyright
 
 This wrapper depends on Bryntum Scheduler, which is commercial software and requires a paid license.
 Please visit the [Bryntum Scheduler End User License](https://bryntum.com/products/scheduler/license/) for the full text of the license.
 
 Copyright © 2009-2026, Bryntum
 All rights reserved.
+

package/lib/chunks/{Dn-AUaFP.js → Cz79kyyi.js}

@@ -487,9 +487,7 @@ const B = {
         "managedEventSizing",
         "maskDefaults",
         "masked",
-        "maxDate",
         "maxTimeAxisUnit",
-        "minDate",
         "mode",
         "monitorResize",
         "multiEventSelect",
@@ -608,6 +606,7 @@ const B = {
         "lazyLoadingIndicator",
         "longPressTime",
         "margin",
+        "maxDate",
         "maxHeight",
         "maxWidth",
         "maxZoomLevel",
@@ -615,6 +614,7 @@ const B = {
         "milestoneCharWidth",
         "milestoneLayoutMode",
         "milestoneTextPosition",
+        "minDate",
         "minHeight",
         "minPackSize",
         "minWidth",
@@ -1238,4 +1238,4 @@ const B = {
 export {
   I as _
 };
-//# sourceMappingURL=Dn-AUaFP.js.map
+//# sourceMappingURL=Cz79kyyi.js.map