Changelog v1.0.67 — Angular & Vanilla JS Support via Custom Element

Date: 2025-11-02
Build: 1.0.67+2601

This release adds full support for Angular and plain JS/TS, powered by a Custom Element mechanism and native overlays.
Two new npm packages are published: **fullscheduler-js** (Vanilla) and **fullscheduler-ng** (Angular).
The Vue core remains available under the main alias fullscheduler.

🆕 Added

Vanilla JS/TS support Loading

• Lightweight wrapper allowing you to mount the scheduler in any DOM container without a framework.

Example:

    import { createFullScheduler, type FullSchedulerApiInitOptions, type FullSchedulerDay, type FullSchedulerDrop, type FullSchedulerEvent, type FullSchedulerResize } from 'fullscheduler-js'
import './style.css'

const el = document.getElementById('app')!

type DemoData = { /* ... */ }

const calendarOptions: FullSchedulerApiInitOptions<DemoData> = {
  /* ... */
}

createFullScheduler({ target: el, props: { fullSchedulerOptions: calendarOptions } })

  

Angular support Loading

• Standalone component with native overlays and event handling.

• Fully compatible with SSR Angular apps.

Example:

    import { Component, signal } from '@angular/core';
import { FullSchedulerApiInitOptions, FullSchedulerComponent, FullSchedulerDay, FullSchedulerDrop, FullSchedulerEvent, FullSchedulerResize } from 'fullscheduler-ng';

@Component({
  selector: 'app-calendar',
  imports: [FullSchedulerComponent],
  template: `
    <fullscheduler
      [options]="calendarOptions"/>
  `,
})
export class CalendarComponent {
  /* ... */
}

  

🔧 Improved

Custom Element + Native Overlays

• Unified drag/resize/ghost overlay model works consistently across Vanilla and Angular.

• Minimal framework overhead; the logic remains inside the web component.

🏗️ CI/CD

Automated Multi‑Build Pipeline

• The build pipeline now automatically produces and publishes:

  • **fullscheduler** (Vue)undefined

  • **fullscheduler-js** (Vanilla)undefined

  • **fullscheduler-ng** (Angular)undefined

• Artifacts are versioned consistently Loading, simplifying diffing and rollback.

✅ Compatibility

• **Vue:** remains available via the main alias fullscheduler (no changes).

• Vanilla: new package fullscheduler-js.

• Angular: new package fullscheduler-ng.

🧩 Notes

• The Angular wrapper internally uses the same Custom Element, ensuring API parity.

• Native overlays drag/resize callbacks with .accept()) remain fully functional.

📌 Meta

• Scope: public API & distributions

• Breaking changes: No

• Recommended action:

  • Vue: no action required

  • Vanilla: npm i fullscheduler-js

  • Angular: npm i fullscheduler-ng