Request 2756 (accepted)

Overview

Request 2756 (accepted)

Check in 3.5.5

Created by vanmeeuwen about 4 years ago
In state accepted

Submit roundcubemail-plugins-kolab

Submit package Kolab:Winterfell / roundcubema...gins-kolab to package Kolab:16 / roundcubemail-plugins-kolab

roundcubemail-plugins-kolab.spec Changed

@@ -41,9 +41,9 @@
 %global dash_rel_suffix %{?rc_rel_suffix:-%{rc_rel_suffix}}
 
 Name:           roundcubemail-plugins-kolab
-Version:        3.5.4
+Version:        3.5.5
 
-Release:        3%{?dot_rel_suffix}%{?dist}
+Release:        1%{?dot_rel_suffix}%{?dist}
 
 Summary:        Kolab Groupware plugins for Roundcube Webmail
 
@@ -62,6 +62,7 @@
 Source104:      plesk.libkolab.inc.php
 
 Patch0000:      roundcubemail-plugins-kolab-3.4-kolab-files-manticore-api.patch
+Patch0001:      0001-Fix-kolab-cache-sync-issues.patch
 
 BuildRoot:      %(mktemp -ud %{_tmppath}/%{name}-%{version}-%{release}-XXXXXX)
 BuildArch:      noarch
@@ -1406,6 +1407,7 @@
 %endif
 
 %patch0000 -p1
+%patch0001 -p1
 
 find -type d -name "helpdocs" -exec rm -rvf {} \; 2>/dev/null || :
 
@@ -2792,6 +2794,9 @@
 %defattr(-,root,root,-)
 
 %changelog
+* Fri Oct 16 2020 Jeroen van Meeuwen <vanmeeuwen@kolabsys.com> - 3.5.5-1
+- Release of version 3.5.5
+
 * Mon Jul  6 2020 Jeroen van Meeuwen <vanmeeuwen@kolabsys.com> - 3.5.4-3
 - Bump release for rebuild

0001-Fix-kolab-cache-sync-issues.patch Added

@@ -0,0 +1,537 @@
+From 23c76d2ef80b35acf8d86ae4e4391020918998cf Mon Sep 17 00:00:00 2001
+From: Aleksander Machniak <machniak@kolabsys.com>
+Date: Fri, 16 Oct 2020 11:01:12 +0200
+Subject: [PATCH] Fix kolab cache sync issues
+
+Summary: Use QRESYNC, get rid of "scheduled" cache reset, other small improvements
+
+Reviewers: #roundcube_kolab_plugins_developers
+
+Subscribers: #roundcube_kolab_plugins_developers
+
+Differential Revision: https://git.kolab.org/D1726
+---
+ plugins/libkolab/config.inc.php.dist         |   4 -
+ plugins/libkolab/lib/kolab_storage_cache.php | 404 ++++++++++++++-----
+ 2 files changed, 295 insertions(+), 113 deletions(-)
+
+diff --git a/plugins/libkolab/config.inc.php.dist b/plugins/libkolab/config.inc.php.dist
+index 81f4ea80..9801af37 100644
+--- a/plugins/libkolab/config.inc.php.dist
++++ b/plugins/libkolab/config.inc.php.dist
+@@ -5,10 +5,6 @@
+ // Enable caching of Kolab objects in local database
+ $config['kolab_cache'] = true;
+ 
+-// Cache refresh interval (default is 12 hours)
+-// after this period, cache is forced to synchronize with IMAP
+-$config['kolab_cache_refresh'] = '12h';
+-
+ // Specify format version to write Kolab objects (must be a string value!)
+ $config['kolab_format_version']  = '3.0';
+ 
+diff --git a/plugins/libkolab/lib/kolab_storage_cache.php b/plugins/libkolab/lib/kolab_storage_cache.php
+index 8f682e54..18b5e5f2 100644
+--- a/plugins/libkolab/lib/kolab_storage_cache.php
++++ b/plugins/libkolab/lib/kolab_storage_cache.php
+@@ -27,8 +27,6 @@ class kolab_storage_cache
+     const DB_DATE_FORMAT = 'Y-m-d H:i:s';
+     const MAX_RECORDS    = 500;
+ 
+-    public $sync_complete = false;
+-
+     protected $db;
+     protected $imap;
+     protected $folder;
+@@ -42,7 +40,6 @@ class kolab_storage_cache
+     protected $synclock = false;
+     protected $ready = false;
+     protected $cache_table;
+-    protected $cache_refresh = 3600;
+     protected $folders_table;
+     protected $max_sql_packet;
+     protected $max_sync_lock_time = 600;
+@@ -85,7 +82,6 @@ class kolab_storage_cache
+         $this->imap = $rcmail->get_storage();
+         $this->enabled = $rcmail->config->get('kolab_cache', false);
+         $this->folders_table = $this->db->table_name('kolab_folders');
+-        $this->cache_refresh = get_offset_sec($rcmail->config->get('kolab_cache_refresh', '12h'));
+         $this->server_timezone = new DateTimeZone(date_default_timezone_get());
+ 
+         if ($this->enabled) {
+@@ -174,16 +170,6 @@ class kolab_storage_cache
+         if ($this->synched)
+             return;
+ 
+-        // increase time limit
+-        @set_time_limit($this->max_sync_lock_time - 60);
+-
+-        // get effective time limit we have for synchronization (~70% of the execution time)
+-        $time_limit = ini_get('max_execution_time') * 0.7;
+-        $sync_start = time();
+-
+-        // assume sync will be completed
+-        $this->sync_complete = true;
+-
+         if (!$this->ready) {
+             // kolab cache is disabled, synchronize IMAP mailbox cache only
+             $this->imap_mode(true);
+@@ -191,124 +177,312 @@ class kolab_storage_cache
+             $this->imap_mode(false);
+         }
+         else {
++            $this->sync_start = time();
++
+             // read cached folder metadata
+             $this->_read_folder_data();
+ 
++            // Read folder data from IMAP
++            $ctag = $this->folder->get_ctag();
++
++            // Validate current ctag
++            list($uidvalidity, $highestmodseq, $uidnext) = explode('-', $ctag);
++
++            if (empty($uidvalidity) || empty($highestmodseq)) {
++                rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (Invalid ctag)"
++                ), true);
++            }
+             // check cache status ($this->metadata is set in _read_folder_data())
+-            if (  empty($this->metadata['ctag']) ||
+-                  empty($this->metadata['changed']) ||
+-                  $this->metadata['objectcount'] === null ||
+-                  $this->metadata['changed'] < date(self::DB_DATE_FORMAT, time() - $this->cache_refresh) ||
+-                  $this->metadata['ctag'] != $this->folder->get_ctag() ||
+-                  intval($this->metadata['objectcount']) !== $this->count()
++            else if (
++                empty($this->metadata['ctag'])
++                || empty($this->metadata['changed'])
++                || $this->metadata['ctag'] !== $ctag
+             ) {
+                 // lock synchronization for this folder or wait if locked
+                 $this->_sync_lock();
+ 
+-                // disable messages cache if configured to do so
+-                $this->imap_mode(true);
++                // Run a full-sync (initial sync or continue the aborted sync)
++                if (empty($this->metadata['changed']) || empty($this->metadata['ctag'])) {
++                    $result = $this->synchronize_full();
++                }
++                // Synchronize only the changes since last sync
++                else {
++                    $result = $this->synchronize_update($ctag);
++                }
++
++                // update ctag value (will be written to database in _sync_unlock())
++                if ($result) {
++                    $this->metadata['ctag']    = $ctag;
++                    $this->metadata['changed'] = date(self::DB_DATE_FORMAT, time());
++                }
++
++                // remove lock
++                $this->_sync_unlock();
++            }
++        }
+ 
+-                // synchronize IMAP mailbox cache
+-                $this->imap->folder_sync($this->folder->name);
++        $this->check_error();
++        $this->synched = time();
++    }
+ 
+-                // compare IMAP index with object cache index
+-                $imap_index = $this->imap->index($this->folder->name, null, null, true, true);
++    /**
++     * Perform full cache synchronization
++     */
++    protected function synchronize_full()
++    {
++        // get effective time limit we have for synchronization (~70% of the execution time)
++        $time_limit = $this->_max_sync_lock_time() * 0.7;
+ 
+-                $this->imap_mode(false);
++        if (time() - $this->sync_start > $time_limit) {
++            return false;
++        }
+ 
+-                // determine objects to fetch or to invalidate
+-                if (!$imap_index->is_error()) {
+-                    $imap_index = $imap_index->get();
+-                    $old_index  = array();
+-                    $del_index  = array();
++        // disable messages cache if configured to do so
++        $this->imap_mode(true);
+ 
+-                    // read cache index
+-                    $sql_result = $this->db->query(
+-                        "SELECT `msguid`, `uid` FROM `{$this->cache_table}` WHERE `folder_id` = ?"
+-                            . " ORDER BY `msguid` DESC", $this->folder_id
+-                    );
++        // synchronize IMAP mailbox cache, does nothing if messages cache is disabled
++        $this->imap->folder_sync($this->folder->name);
+ 
+-                    while ($sql_arr = $this->db->fetch_assoc($sql_result)) {
+-                        // Mark all duplicates for removal (note sorting order above)
+-                        // Duplicates here should not happen, but they do sometimes
+-                        if (isset($old_index[$sql_arr['uid']])) {
+-                            $del_index[] = $sql_arr['msguid'];
+-                        }
+-                        else {
+-                            $old_index[$sql_arr['uid']] = $sql_arr['msguid'];
+-                        }
+-                    }
++        // compare IMAP index with object cache index
++        $imap_index = $this->imap->index($this->folder->name, null, null, true, true);
+ 
+-                    // fetch new objects from imap
+-                    $i = 0;
+-                    foreach (array_diff($imap_index, $old_index) as $msguid) {
+-                        // Note: We'll store only objects matching the folder type
+-                        // anything else will be silently ignored
+-                        if ($object = $this->folder->read_object($msguid)) {
+-                            // Deduplication: remove older objects with the same UID
+-                            // Here we do not resolve conflicts, we just make sure
+-                            // the most recent version of the object will be used
+-                            if ($old_msguid = $old_index[$object['uid']]) {
+-                                if ($old_msguid < $msguid) {
+-                                    $del_index[] = $old_msguid;
+-                                }
+-                                else {
+-                                    $del_index[] = $msguid;
+-                                    continue;
+-                                }
+-                            }
+-
+-                            $old_index[$object['uid']] = $msguid;
+-
+-                            $this->_extended_insert($msguid, $object);
+-
+-                            // check time limit and abort sync if running too long
+-                            if (++$i % 50 == 0 && time() - $sync_start > $time_limit) {
+-                                $this->sync_complete = false;
+-                                break;
+-                            }
+-                        }
+-                    }
+-                    $this->_extended_insert(0, null);
++        $this->imap_mode(false);
+ 
+-                    $del_index = array_unique($del_index);
++        if ($imap_index->is_error()) {
++            rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (SEARCH failed)"
++                ), true);
++            return false;
++        }
+ 
+-                    // delete duplicate entries from IMAP
+-                    $rem_index = array_intersect($del_index, $imap_index);
+-                    if (!empty($rem_index)) {
+-                        $this->imap_mode(true);
+-                        $this->imap->delete_message($rem_index, $this->folder->name);
+-                        $this->imap_mode(false);
+-                    }
++        // determine objects to fetch or to invalidate
++        $imap_index = $imap_index->get();
++        $del_index  = array();
++        $old_index  = $this->current_index($del_index);
+ 
+-                    // delete old/invalid entries from the cache
+-                    $del_index += array_diff($old_index, $imap_index);
+-                    if (!empty($del_index)) {
+-                        $quoted_ids = join(',', array_map(array($this->db, 'quote'), $del_index));
+-                        $this->db->query(
+-                            "DELETE FROM `{$this->cache_table}` WHERE `folder_id` = ? AND `msguid` IN ($quoted_ids)",
+-                            $this->folder_id
+-                        );
+-                    }
++        // Fetch objects and store in DB
++        $result = $this->synchronize_fetch($imap_index, $old_index, $del_index);
+ 
+-                    // update ctag value (will be written to database in _sync_unlock())
+-                    if ($this->sync_complete) {
+-                        $this->metadata['ctag'] = $this->folder->get_ctag();
+-                        $this->metadata['changed'] = date(self::DB_DATE_FORMAT, time());
+-                        // remember the number of cache entries linked to this folder
+-                        $this->metadata['objectcount'] = $this->count();
++        if ($result) {
++            // Remove redundant entries from IMAP and cache
++            $rem_index = array_intersect($del_index, $imap_index);
++            $del_index = array_merge(array_unique($del_index), array_diff($old_index, $imap_index));
++
++            $this->synchronize_delete($rem_index, $del_index);
++        }
++
++        return $result;
++    }
++
++    /**
++     * Perform partial cache synchronization, based on QRESYNC
++     */
++    protected function synchronize_update()
++    {
++        if (!$this->imap->get_capability('QRESYNC')) {
++            rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (no QRESYNC capability)"
++                ), true);
++
++            return $this->synchronize_full();
++        }
++
++        // Handle the previous ctag
++        list($uidvalidity, $highestmodseq, $uidnext) = explode('-', $this->metadata['ctag']);
++
++        if (empty($uidvalidity) || empty($highestmodseq)) {
++            rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (Invalid old ctag)"
++                ), true);
++            return false;
++        }
++
++        // Enable QRESYNC
++        $res = $this->imap->conn->enable('QRESYNC');
++        if ($res === false) {
++            rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (failed to enable QRESYNC/CONDSTORE)"
++                ), true);
++
++            return false;
++        }
++
++        $mbox_data = $this->imap->folder_data($this->folder->name);
++        if (empty($mbox_data)) {
++            rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (failed to get folder state)"
++                ), true);
++
++             return false;
++        }
++
++        // Check UIDVALIDITY
++        if ($uidvalidity != $mbox_data['UIDVALIDITY']) {
++            return $this->synchronize_full();
++        }
++
++        // QRESYNC not supported on specified mailbox
++        if (!empty($mbox_data['NOMODSEQ']) || empty($mbox_data['HIGHESTMODSEQ'])) {
++            rcube::raise_error(array(
++                    'code' => 900,
++                    'message' => "Failed to sync the kolab cache (QRESYNC not supported on the folder)"
++                ), true);
++
++             return $this->synchronize_full();
++        }
++
++        // Get modified flags and vanished messages
++        // UID FETCH 1:* (FLAGS) (CHANGEDSINCE 0123456789 VANISHED)
++        $result = $this->imap->conn->fetch(
++            $this->folder->name, '1:*', true, array('FLAGS'), $highestmodseq, true
++        );
++
++        $removed  = array();
++        $modified = array();
++        $existing = $this->current_index($removed);
++
++        if (!empty($result)) {
++            foreach ($result as $msg) {
++                $uid = $msg->uid;
++
++                // Message marked as deleted
++                if (!empty($msg->flags['DELETED'])) {
++                    $removed[] = $uid;
++                    continue;
++                }
++
++                // Flags changed or new
++                $modified[] = $uid;
++            }
++        }
++
++        $new    = array_diff($modified, $existing, $removed);
++        $result = true;
++
++        if (!empty($new)) {
++            $result = $this->synchronize_fetch($new, $existing, $removed);
++
++            if (!$result) {
++                return false;
++            }
++        }
++
++        // VANISHED found?
++        $mbox_data = $this->imap->folder_data($this->folder->name);
++
++        // Removed vanished messages from the database
++        $vanished = (array) rcube_imap_generic::uncompressMessageSet($mbox_data['VANISHED']);
++
++        // Remove redundant entries from IMAP and DB
++        $vanished = array_merge($removed, array_intersect($vanished, $existing));
++        $this->synchronize_delete($removed, $vanished);
++
++        return $result;
++    }
++
++    /**
++     * Fetch objects from IMAP and save into the database
++     */
++    protected function synchronize_fetch($new_index, &$old_index, &$del_index)
++    {
++        // get effective time limit we have for synchronization (~70% of the execution time)
++        $time_limit = $this->_max_sync_lock_time() * 0.7;
++
++        if (time() - $this->sync_start > $time_limit) {
++            return false;
++        }
++
++        $i = 0;
++        $aborted = false;
++
++        // fetch new objects from imap
++        foreach (array_diff($new_index, $old_index) as $msguid) {
++            // Note: We'll store only objects matching the folder type
++            // anything else will be silently ignored
++            if ($object = $this->folder->read_object($msguid)) {
++                // Deduplication: remove older objects with the same UID
++                // Here we do not resolve conflicts, we just make sure
++                // the most recent version of the object will be used
++                if ($old_msguid = $old_index[$object['uid']]) {
++                    if ($old_msguid < $msguid) {
++                        $del_index[] = $old_msguid;
++                    }
++                    else {
++                        $del_index[] = $msguid;
++                        continue;
+                     }
+                 }
+ 
+-                // remove lock
+-                $this->_sync_unlock();
++                $old_index[$object['uid']] = $msguid;
++
++                $this->_extended_insert($msguid, $object);
++
++                // check time limit and abort sync if running too long
++                if (++$i % 50 == 0 && time() - $this->sync_start > $time_limit) {
++                    $aborted = true;
++                    break;
++                }
+             }
+         }
+ 
+-        $this->check_error();
+-        $this->synched = time();
++        $this->_extended_insert(0, null);
++
++        return $aborted === false;
+     }
+ 
++    /**
++     * Remove specified objects from the database and IMAP
++     */
++    protected function synchronize_delete($imap_delete, $db_delete)
++    {
++        if (!empty($imap_delete)) {
++            $this->imap_mode(true);
++            $this->imap->delete_message($imap_delete, $this->folder->name);
++            $this->imap_mode(false);
++        }
++
++        if (!empty($db_delete)) {
++            $quoted_ids = join(',', array_map(array($this->db, 'quote'), $db_delete));
++            $this->db->query(
++                "DELETE FROM `{$this->cache_table}` WHERE `folder_id` = ? AND `msguid` IN ($quoted_ids)",
++                $this->folder_id
++            );
++        }
++    }
++
++    /**
++     * Return current use->msguid index
++     */
++    protected function current_index(&$duplicates = array())
++    {
++        // read cache index
++        $sql_result = $this->db->query(
++            "SELECT `msguid`, `uid` FROM `{$this->cache_table}` WHERE `folder_id` = ?"
++                . " ORDER BY `msguid` DESC", $this->folder_id
++        );
++
++        $index = $del_index = array();
++
++        while ($sql_arr = $this->db->fetch_assoc($sql_result)) {
++            // Mark all duplicates for removal (note sorting order above)
++            // Duplicates here should not happen, but they do sometimes
++            if (isset($index[$sql_arr['uid']])) {
++                $duplicates[] = $sql_arr['msguid'];
++            }
++            else {
++                $index[$sql_arr['uid']] = $sql_arr['msguid'];
++            }
++        }
++
++        return $index;
++    }
+ 
+     /**
+      * Read a single entry from cache or from IMAP directly
+@@ -1044,7 +1218,7 @@ class kolab_storage_cache
+             return;
+ 
+         $sql_arr = $this->db->fetch_assoc($this->db->query(
+-                "SELECT `folder_id`, `synclock`, `ctag`, `changed`, `objectcount`"
++                "SELECT `folder_id`, `synclock`, `ctag`, `changed`"
+                 . " FROM `{$this->folders_table}` WHERE `resource` = ?",
+                 $this->resource_uri
+         ));
+@@ -1082,10 +1256,12 @@ class kolab_storage_cache
+         $read_query  = "SELECT `synclock`, `ctag` FROM `{$this->folders_table}` WHERE `folder_id` = ?";
+         $write_query = "UPDATE `{$this->folders_table}` SET `synclock` = ? WHERE `folder_id` = ? AND `synclock` = ?";
+ 
++        $max_lock_time = $this->_max_sync_lock_time();
++
+         // wait if locked (expire locks after 10 minutes) ...
+         // ... or if setting lock fails (another process meanwhile set it)
+         while (
+-            (intval($this->metadata['synclock']) + $this->max_sync_lock_time > time()) ||
++            (intval($this->metadata['synclock']) + $max_lock_time > time()) ||
+             (($res = $this->db->query($write_query, time(), $this->folder_id, intval($this->metadata['synclock']))) &&
+                 !($affected = $this->db->affected_rows($res)))
+         ) {
+@@ -1105,16 +1281,26 @@ class kolab_storage_cache
+             return;
+ 
+         $this->db->query(
+-            "UPDATE `{$this->folders_table}` SET `synclock` = 0, `ctag` = ?, `changed` = ?, `objectcount` = ? WHERE `folder_id` = ?",
++            "UPDATE `{$this->folders_table}` SET `synclock` = 0, `ctag` = ?, `changed` = ? WHERE `folder_id` = ?",
+             $this->metadata['ctag'],
+             $this->metadata['changed'],
+-            $this->metadata['objectcount'],
+             $this->folder_id
+         );
+ 
+         $this->synclock = false;
+     }
+ 
++    protected function _max_sync_lock_time()
++    {
++        $limit = get_offset_sec(ini_get('max_execution_time'));
++
++        if ($limit <= 0 || $limit > $this->max_sync_lock_time) {
++            $limit = $this->max_sync_lock_time;
++        }
++
++        return $limit;
++    }
++
+     /**
+      * Check IMAP connection error state
+      */
+-- 
+2.25.4
+

debian.changelog Changed

debian.series Changed

plesk.kolab_chat.inc.php Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/calendar/composer.json -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/calendar/composer.json Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/calendar/drivers/kolab/kolab_driver.php -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/calendar/drivers/kolab/kolab_driver.php Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/calendar/lib/js/fullcalendar.js -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/calendar/lib/js/fullcalendar.js Changed

@@ -1,7 +1,7 @@
 /*!
- * FullCalendar v3.9.0
+ * FullCalendar v3.10.2
  * Docs & License: https://fullcalendar.io/
- * (c) 2018 Adam Shaw
+ * (c) 2019 Adam Shaw
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -75,7 +75,7 @@
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 236);
+/******/ 	return __webpack_require__(__webpack_require__.s = 256);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -200,7 +200,7 @@
         var naturalOffset = flexOffsets[i];
         var naturalHeight = flexHeights[i];
         var newHeight = minOffset - (naturalOffset - naturalHeight); // subtract the margin/padding
-        if (naturalOffset < minOffset) {
+        if (naturalOffset < minOffset) { // we check this again because redistribution might have changed things
             $(el).height(newHeight);
         }
     });
@@ -314,7 +314,7 @@
     leftRightWidth = sanitizeScrollbarWidth(leftRightWidth);
     bottomWidth = sanitizeScrollbarWidth(bottomWidth);
     widths = { left: 0, right: 0, top: 0, bottom: bottomWidth };
-    if (getIsLeftRtlScrollbars() && el.css('direction') === 'rtl') {
+    if (getIsLeftRtlScrollbars() && el.css('direction') === 'rtl') { // is the scrollbar on the left side?
         widths.left = leftRightWidth;
     }
     else {
@@ -339,7 +339,7 @@
     return _isLeftRtlScrollbars;
 }
 function computeIsLeftRtlScrollbars() {
-    var el = $('<div><div/></div>')
+    var el = $('<div><div></div></div>')
         .css({
         position: 'absolute',
         top: -1000,
@@ -577,13 +577,13 @@
 // Results are based on Moment's .as() and .diff() methods, so results can depend on internal handling
 // of month-diffing logic (which tends to vary from version to version).
 function computeRangeAs(unit, start, end) {
-    if (end != null) {
+    if (end != null) { // given start, end
         return end.diff(start, unit, true);
     }
-    else if (moment.isDuration(start)) {
+    else if (moment.isDuration(start)) { // given duration
         return start.as(unit);
     }
-    else {
+    else { // given { start, end } range object
         return start.end.diff(start.start, unit, true);
     }
 }
@@ -709,7 +709,7 @@
     for (i = propObjs.length - 1; i >= 0; i--) {
         props = propObjs[i];
         for (name in props) {
-            if (!(name in dest)) {
+            if (!(name in dest)) { // if already assigned by previous props or complex props, don't reassign
                 dest[name] = props[name];
             }
         }
@@ -747,7 +747,7 @@
     var removeCnt = 0;
     var i = 0;
     while (i < array.length) {
-        if (testFunc(array[i])) {
+        if (testFunc(array[i])) { // truthy value means *remove*
             array.splice(i, 1);
             removeCnt++;
         }
@@ -776,7 +776,7 @@
 function isArraysEqual(a0, a1) {
     var len = a0.length;
     var i;
-    if (len == null || len !== a1.length) {
+    if (len == null || len !== a1.length) { // not array? or not same length?
         return false;
     }
     for (i = 0; i < len; i++) {
@@ -805,7 +805,7 @@
         .replace(/>/g, '&gt;')
         .replace(/'/g, '&#039;')
         .replace(/"/g, '&quot;')
-        .replace(/\n/g, '<br />');
+        .replace(/\n/g, '<br>');
 }
 exports.htmlEscape = htmlEscape;
 function stripHtmlEntities(text) {
@@ -907,7 +907,7 @@
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment = __webpack_require__(0);
-var moment_ext_1 = __webpack_require__(10);
+var moment_ext_1 = __webpack_require__(11);
 var UnzonedRange = /** @class */ (function () {
     function UnzonedRange(startInput, endInput) {
         // TODO: move these into footprint.
@@ -942,7 +942,7 @@
         for (i = 0; i < ranges.length; i++) {
             dateRange = ranges[i];
             // add the span of time before the event (if there is any)
-            if (dateRange.startMs > startMs) {
+            if (dateRange.startMs > startMs) { // compare millisecond time (skip any ambig logic)
                 invertedRanges.push(new UnzonedRange(startMs, dateRange.startMs));
             }
             if (dateRange.endMs > startMs) {
@@ -950,7 +950,7 @@
             }
         }
         // add the span of time after the last event (if there is any)
-        if (startMs < constraintRange.endMs) {
+        if (startMs < constraintRange.endMs) { // compare millisecond time (skip any ambig logic)
             invertedRanges.push(new UnzonedRange(startMs, constraintRange.endMs));
         }
         return invertedRanges;
@@ -1058,9 +1058,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
-var ParsableModelMixin_1 = __webpack_require__(208);
-var Class_1 = __webpack_require__(33);
-var EventDefParser_1 = __webpack_require__(49);
+var ParsableModelMixin_1 = __webpack_require__(52);
+var Class_1 = __webpack_require__(35);
+var EventDefParser_1 = __webpack_require__(36);
 var EventSource = /** @class */ (function (_super) {
     tslib_1.__extends(EventSource, _super);
     // can we do away with calendar? at least for the abstract?
@@ -1189,7 +1189,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
-var Mixin_1 = __webpack_require__(14);
+var Mixin_1 = __webpack_require__(15);
 var guid = 0;
 var ListenerMixin = /** @class */ (function (_super) {
     tslib_1.__extends(ListenerMixin, _super);
@@ -1208,7 +1208,7 @@
       })
     */
     ListenerMixin.prototype.listenTo = function (other, arg, callback) {
-        if (typeof arg === 'object') {
+        if (typeof arg === 'object') { // given dictionary of callbacks
             for (var eventName in arg) {
                 if (arg.hasOwnProperty(eventName)) {
                     this.listenTo(other, eventName, arg[eventName]);
@@ -1246,8 +1246,76 @@
 
 /***/ }),
 /* 8 */,
-/* 9 */,
-/* 10 */
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var EventDef_1 = __webpack_require__(37);
+var EventInstance_1 = __webpack_require__(53);
+var EventDateProfile_1 = __webpack_require__(16);
+var SingleEventDef = /** @class */ (function (_super) {
+    tslib_1.__extends(SingleEventDef, _super);
+    function SingleEventDef() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /*
+    Will receive start/end params, but will be ignored.
+    */
+    SingleEventDef.prototype.buildInstances = function () {
+        return [this.buildInstance()];
+    };
+    SingleEventDef.prototype.buildInstance = function () {
+        return new EventInstance_1.default(this, // definition
+        this.dateProfile);
+    };
+    SingleEventDef.prototype.isAllDay = function () {
+        return this.dateProfile.isAllDay();
+    };
+    SingleEventDef.prototype.clone = function () {
+        var def = _super.prototype.clone.call(this);
+        def.dateProfile = this.dateProfile;
+        return def;
+    };
+    SingleEventDef.prototype.rezone = function () {
+        var calendar = this.source.calendar;
+        var dateProfile = this.dateProfile;
+        this.dateProfile = new EventDateProfile_1.default(calendar.moment(dateProfile.start), dateProfile.end ? calendar.moment(dateProfile.end) : null, calendar);
+    };
+    /*
+    NOTE: if super-method fails, should still attempt to apply
+    */
+    SingleEventDef.prototype.applyManualStandardProps = function (rawProps) {
+        var superSuccess = _super.prototype.applyManualStandardProps.call(this, rawProps);
+        var dateProfile = EventDateProfile_1.default.parse(rawProps, this.source); // returns null on failure
+        if (dateProfile) {
+            this.dateProfile = dateProfile;
+            // make sure `date` shows up in the legacy event objects as-is
+            if (rawProps.date != null) {
+                this.miscProps.date = rawProps.date;
+            }
+            return superSuccess;
+        }
+        else {
+            return false;
+        }
+    };
+    return SingleEventDef;
+}(EventDef_1.default));
+exports.default = SingleEventDef;
+// Parsing
+// ---------------------------------------------------------------------------------------------------------------------
+SingleEventDef.defineStandardProps({
+    start: false,
+    date: false,
+    end: false,
+    allDay: false
+});
+
+
+/***/ }),
+/* 10 */,
+/* 11 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1287,7 +1355,7 @@
     var mom = makeMoment(arguments, true);
     // Force it into UTC because makeMoment doesn't guarantee it
     // (if given a pre-existing moment for example)
-    if (mom.hasTime()) {
+    if (mom.hasTime()) { // don't give ambiguously-timed moments a UTC zone
         mom.utc();
     }
     return mom;
@@ -1314,7 +1382,7 @@
     if (moment.isMoment(input) || util_1.isNativeDate(input) || input === undefined) {
         mom = moment.apply(null, args);
     }
-    else {
+    else { // "parsing" is required
         isAmbigTime = false;
         isAmbigZone = false;
         if (isSingleString) {
@@ -1345,7 +1413,7 @@
             mom._ambigTime = true;
             mom._ambigZone = true; // ambiguous time always means ambiguous zone
         }
-        else if (parseZone) {
+        else if (parseZone) { // let's record the inputted zone somehow
             if (isAmbigZone) {
                 mom._ambigZone = true;
             }
@@ -1363,7 +1431,7 @@
 // `weeks` is an alias for `week`
 newMomentProto.week = newMomentProto.weeks = function (input) {
     var weekCalc = this._locale._fullCalendar_weekCalc;
-    if (input == null && typeof weekCalc === 'function') {
+    if (input == null && typeof weekCalc === 'function') { // custom function only works for getter
         return weekCalc(this);
     }
     else if (weekCalc === 'ISO') {
@@ -1386,7 +1454,7 @@
     if (!this._fullCalendar) {
         return oldMomentProto.time.apply(this, arguments);
     }
-    if (time == null) {
+    if (time == null) { // getter
         return moment.duration({
             hours: this.hours(),
             minutes: this.minutes(),
@@ -1394,7 +1462,7 @@
             milliseconds: this.milliseconds()
         });
     }
-    else {
+    else { // setter
         this._ambigTime = false; // mark that the moment now has a time
         if (!moment.isDuration(time) && !moment.isMoment(time)) {
             time = moment.duration(time);
@@ -1481,7 +1549,7 @@
 };
 // implicitly marks a zone (will probably get called upon .utc() and .local())
 newMomentProto.utcOffset = function (tzo) {
-    if (tzo != null) {
+    if (tzo != null) { // setter
         // these assignments needs to happen before the original zone method is called.
         // I forget why, something to do with a browser crash.
         this._ambigTime = false;
@@ -1492,7 +1560,35 @@
 
 
 /***/ }),
-/* 11 */
+/* 12 */
+/***/ (function(module, exports) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+Meant to be immutable
+*/
+var ComponentFootprint = /** @class */ (function () {
+    function ComponentFootprint(unzonedRange, isAllDay) {
+        this.isAllDay = false; // component can choose to ignore this
+        this.unzonedRange = unzonedRange;
+        this.isAllDay = isAllDay;
+    }
+    /*
+    Only works for non-open-ended ranges.
+    */
+    ComponentFootprint.prototype.toLegacy = function (calendar) {
+        return {
+            start: calendar.msToMoment(this.unzonedRange.startMs, this.isAllDay),
+            end: calendar.msToMoment(this.unzonedRange.endMs, this.isAllDay)
+        };
+    };
+    return ComponentFootprint;
+}());
+exports.default = ComponentFootprint;
+
+
+/***/ }),
+/* 13 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /*
@@ -1511,7 +1607,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
-var Mixin_1 = __webpack_require__(14);
+var Mixin_1 = __webpack_require__(15);
 var EmitterMixin = /** @class */ (function (_super) {
     tslib_1.__extends(EmitterMixin, _super);
     function EmitterMixin() {
@@ -1573,103 +1669,28 @@
 
 
 /***/ }),
-/* 12 */
+/* 14 */
 /***/ (function(module, exports) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-/*
-Meant to be immutable
-*/
-var ComponentFootprint = /** @class */ (function () {
-    function ComponentFootprint(unzonedRange, isAllDay) {
-        this.isAllDay = false; // component can choose to ignore this
-        this.unzonedRange = unzonedRange;
-        this.isAllDay = isAllDay;
-    }
-    /*
-    Only works for non-open-ended ranges.
-    */
-    ComponentFootprint.prototype.toLegacy = function (calendar) {
-        return {
-            start: calendar.msToMoment(this.unzonedRange.startMs, this.isAllDay),
-            end: calendar.msToMoment(this.unzonedRange.endMs, this.isAllDay)
-        };
-    };
-    return ComponentFootprint;
-}());
-exports.default = ComponentFootprint;
-
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var EventDef_1 = __webpack_require__(34);
-var EventInstance_1 = __webpack_require__(209);
-var EventDateProfile_1 = __webpack_require__(17);
-var SingleEventDef = /** @class */ (function (_super) {
-    tslib_1.__extends(SingleEventDef, _super);
-    function SingleEventDef() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var Interaction = /** @class */ (function () {
+    function Interaction(component) {
+        this.view = component._getView();
+        this.component = component;
     }
-    /*
-    Will receive start/end params, but will be ignored.
-    */
-    SingleEventDef.prototype.buildInstances = function () {
-        return [this.buildInstance()];
-    };
-    SingleEventDef.prototype.buildInstance = function () {
-        return new EventInstance_1.default(this, // definition
-        this.dateProfile);
-    };
-    SingleEventDef.prototype.isAllDay = function () {
-        return this.dateProfile.isAllDay();
-    };
-    SingleEventDef.prototype.clone = function () {
-        var def = _super.prototype.clone.call(this);
-        def.dateProfile = this.dateProfile;
-        return def;
-    };
-    SingleEventDef.prototype.rezone = function () {
-        var calendar = this.source.calendar;
-        var dateProfile = this.dateProfile;
-        this.dateProfile = new EventDateProfile_1.default(calendar.moment(dateProfile.start), dateProfile.end ? calendar.moment(dateProfile.end) : null, calendar);
+    Interaction.prototype.opt = function (name) {
+        return this.view.opt(name);
     };
-    /*
-    NOTE: if super-method fails, should still attempt to apply
-    */
-    SingleEventDef.prototype.applyManualStandardProps = function (rawProps) {
-        var superSuccess = _super.prototype.applyManualStandardProps.call(this, rawProps);
-        var dateProfile = EventDateProfile_1.default.parse(rawProps, this.source); // returns null on failure
-        if (dateProfile) {
-            this.dateProfile = dateProfile;
-            // make sure `date` shows up in the legacy event objects as-is
-            if (rawProps.date != null) {
-                this.miscProps.date = rawProps.date;
-            }
-            return superSuccess;
-        }
-        else {
-            return false;
-        }
+    Interaction.prototype.end = function () {
+        // subclasses can implement
     };
-    return SingleEventDef;
-}(EventDef_1.default));
-exports.default = SingleEventDef;
-// Parsing
-// ---------------------------------------------------------------------------------------------------------------------
-SingleEventDef.defineStandardProps({
-    start: false,
-    date: false,
-    end: false,
-    allDay: false
-});
+    return Interaction;
+}());
+exports.default = Interaction;
 
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ (function(module, exports) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1679,7 +1700,7 @@
     Mixin.mixInto = function (destClass) {
         var _this = this;
         Object.getOwnPropertyNames(this.prototype).forEach(function (name) {
-            if (!destClass.prototype[name]) {
+            if (!destClass.prototype[name]) { // if destination class doesn't already define it
                 destClass.prototype[name] = _this.prototype[name];
             }
         });
@@ -1700,175 +1721,10 @@
 
 
 /***/ }),
-/* 15 */
-/***/ (function(module, exports) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var Interaction = /** @class */ (function () {
-    function Interaction(component) {
-        this.view = component._getView();
-        this.component = component;
-    }
-    Interaction.prototype.opt = function (name) {
-        return this.view.opt(name);
-    };
-    Interaction.prototype.end = function () {
-        // subclasses can implement
-    };
-    return Interaction;
-}());
-exports.default = Interaction;
-
-
-/***/ }),
 /* 16 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.version = '3.9.0';
-// When introducing internal API incompatibilities (where fullcalendar plugins would break),
-// the minor version of the calendar should be upped (ex: 2.7.2 -> 2.8.0)
-// and the below integer should be incremented.
-exports.internalApiVersion = 12;
-var util_1 = __webpack_require__(4);
-exports.applyAll = util_1.applyAll;
-exports.debounce = util_1.debounce;
-exports.isInt = util_1.isInt;
-exports.htmlEscape = util_1.htmlEscape;
-exports.cssToStr = util_1.cssToStr;
-exports.proxy = util_1.proxy;
-exports.capitaliseFirstLetter = util_1.capitaliseFirstLetter;
-exports.getOuterRect = util_1.getOuterRect;
-exports.getClientRect = util_1.getClientRect;
-exports.getContentRect = util_1.getContentRect;
-exports.getScrollbarWidths = util_1.getScrollbarWidths;
-exports.preventDefault = util_1.preventDefault;
-exports.parseFieldSpecs = util_1.parseFieldSpecs;
-exports.compareByFieldSpecs = util_1.compareByFieldSpecs;
-exports.compareByFieldSpec = util_1.compareByFieldSpec;
-exports.flexibleCompare = util_1.flexibleCompare;
-exports.computeGreatestUnit = util_1.computeGreatestUnit;
-exports.divideRangeByDuration = util_1.divideRangeByDuration;
-exports.divideDurationByDuration = util_1.divideDurationByDuration;
-exports.multiplyDuration = util_1.multiplyDuration;
-exports.durationHasTime = util_1.durationHasTime;
-exports.log = util_1.log;
-exports.warn = util_1.warn;
-exports.removeExact = util_1.removeExact;
-exports.intersectRects = util_1.intersectRects;
-var date_formatting_1 = __webpack_require__(47);
-exports.formatDate = date_formatting_1.formatDate;
-exports.formatRange = date_formatting_1.formatRange;
-exports.queryMostGranularFormatUnit = date_formatting_1.queryMostGranularFormatUnit;
-var locale_1 = __webpack_require__(31);
-exports.datepickerLocale = locale_1.datepickerLocale;
-exports.locale = locale_1.locale;
-var moment_ext_1 = __webpack_require__(10);
-exports.moment = moment_ext_1.default;
-var EmitterMixin_1 = __webpack_require__(11);
-exports.EmitterMixin = EmitterMixin_1.default;
-var ListenerMixin_1 = __webpack_require__(7);
-exports.ListenerMixin = ListenerMixin_1.default;
-var Model_1 = __webpack_require__(48);
-exports.Model = Model_1.default;
-var Constraints_1 = __webpack_require__(207);
-exports.Constraints = Constraints_1.default;
-var UnzonedRange_1 = __webpack_require__(5);
-exports.UnzonedRange = UnzonedRange_1.default;
-var ComponentFootprint_1 = __webpack_require__(12);
-exports.ComponentFootprint = ComponentFootprint_1.default;
-var BusinessHourGenerator_1 = __webpack_require__(212);
-exports.BusinessHourGenerator = BusinessHourGenerator_1.default;
-var EventDef_1 = __webpack_require__(34);
-exports.EventDef = EventDef_1.default;
-var EventDefMutation_1 = __webpack_require__(37);
-exports.EventDefMutation = EventDefMutation_1.default;
-var EventSourceParser_1 = __webpack_require__(38);
-exports.EventSourceParser = EventSourceParser_1.default;
-var EventSource_1 = __webpack_require__(6);
-exports.EventSource = EventSource_1.default;
-var ThemeRegistry_1 = __webpack_require__(51);
-exports.defineThemeSystem = ThemeRegistry_1.defineThemeSystem;
-var EventInstanceGroup_1 = __webpack_require__(18);
-exports.EventInstanceGroup = EventInstanceGroup_1.default;
-var ArrayEventSource_1 = __webpack_require__(52);
-exports.ArrayEventSource = ArrayEventSource_1.default;
-var FuncEventSource_1 = __webpack_require__(215);
-exports.FuncEventSource = FuncEventSource_1.default;
-var JsonFeedEventSource_1 = __webpack_require__(216);
-exports.JsonFeedEventSource = JsonFeedEventSource_1.default;
-var EventFootprint_1 = __webpack_require__(36);
-exports.EventFootprint = EventFootprint_1.default;
-var Class_1 = __webpack_require__(33);
-exports.Class = Class_1.default;
-var Mixin_1 = __webpack_require__(14);
-exports.Mixin = Mixin_1.default;
-var CoordCache_1 = __webpack_require__(53);
-exports.CoordCache = CoordCache_1.default;
-var DragListener_1 = __webpack_require__(54);
-exports.DragListener = DragListener_1.default;
-var Promise_1 = __webpack_require__(20);
-exports.Promise = Promise_1.default;
-var TaskQueue_1 = __webpack_require__(217);
-exports.TaskQueue = TaskQueue_1.default;
-var RenderQueue_1 = __webpack_require__(218);
-exports.RenderQueue = RenderQueue_1.default;
-var Scroller_1 = __webpack_require__(39);
-exports.Scroller = Scroller_1.default;
-var Theme_1 = __webpack_require__(19);
-exports.Theme = Theme_1.default;
-var DateComponent_1 = __webpack_require__(219);
-exports.DateComponent = DateComponent_1.default;
-var InteractiveDateComponent_1 = __webpack_require__(40);
-exports.InteractiveDateComponent = InteractiveDateComponent_1.default;
-var Calendar_1 = __webpack_require__(220);
-exports.Calendar = Calendar_1.default;
-var View_1 = __webpack_require__(41);
-exports.View = View_1.default;
-var ViewRegistry_1 = __webpack_require__(22);
-exports.defineView = ViewRegistry_1.defineView;
-exports.getViewConfig = ViewRegistry_1.getViewConfig;
-var DayTableMixin_1 = __webpack_require__(55);
-exports.DayTableMixin = DayTableMixin_1.default;
-var BusinessHourRenderer_1 = __webpack_require__(56);
-exports.BusinessHourRenderer = BusinessHourRenderer_1.default;
-var EventRenderer_1 = __webpack_require__(42);
-exports.EventRenderer = EventRenderer_1.default;
-var FillRenderer_1 = __webpack_require__(57);
-exports.FillRenderer = FillRenderer_1.default;
-var HelperRenderer_1 = __webpack_require__(58);
-exports.HelperRenderer = HelperRenderer_1.default;
-var ExternalDropping_1 = __webpack_require__(222);
-exports.ExternalDropping = ExternalDropping_1.default;
-var EventResizing_1 = __webpack_require__(223);
-exports.EventResizing = EventResizing_1.default;
-var EventPointing_1 = __webpack_require__(59);
-exports.EventPointing = EventPointing_1.default;
-var EventDragging_1 = __webpack_require__(224);
-exports.EventDragging = EventDragging_1.default;
-var DateSelecting_1 = __webpack_require__(225);
-exports.DateSelecting = DateSelecting_1.default;
-var StandardInteractionsMixin_1 = __webpack_require__(60);
-exports.StandardInteractionsMixin = StandardInteractionsMixin_1.default;
-var AgendaView_1 = __webpack_require__(226);
-exports.AgendaView = AgendaView_1.default;
-var TimeGrid_1 = __webpack_require__(227);
-exports.TimeGrid = TimeGrid_1.default;
-var DayGrid_1 = __webpack_require__(61);
-exports.DayGrid = DayGrid_1.default;
-var BasicView_1 = __webpack_require__(62);
-exports.BasicView = BasicView_1.default;
-var MonthView_1 = __webpack_require__(229);
-exports.MonthView = MonthView_1.default;
-var ListView_1 = __webpack_require__(230);
-exports.ListView = ListView_1.default;
-
-
-/***/ }),
-/* 17 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
 var UnzonedRange_1 = __webpack_require__(5);
 /*
 Meant to be immutable
@@ -1896,9 +1752,6 @@
         if (!start.isValid()) {
             return false;
         }
-        if (end && (!end.isValid() || !end.isAfter(start))) {
-            end = null;
-        }
         if (forcedAllDay == null) {
             forcedAllDay = source.allDayDefault;
             if (forcedAllDay == null) {
@@ -1919,6 +1772,9 @@
                 end.time(0);
             }
         }
+        if (end && (!end.isValid() || !end.isAfter(start))) {
+            end = null;
+        }
         if (!end && forceEventDuration) {
             end = calendar.getDefaultEventEnd(!start.hasTime(), start);
         }
@@ -1953,139 +1809,517 @@
 
 
 /***/ }),
-/* 18 */
+/* 17 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var UnzonedRange_1 = __webpack_require__(5);
-var util_1 = __webpack_require__(35);
-var EventRange_1 = __webpack_require__(211);
-/*
-It's expected that there will be at least one EventInstance,
-OR that an explicitEventDef is assigned.
+var tslib_1 = __webpack_require__(2);
+var util_1 = __webpack_require__(4);
+var DragListener_1 = __webpack_require__(59);
+/* Tracks mouse movements over a component and raises events about which hit the mouse is over.
+------------------------------------------------------------------------------------------------------------------------
+options:
+- subjectEl
+- subjectCenter
 */
-var EventInstanceGroup = /** @class */ (function () {
-    function EventInstanceGroup(eventInstances) {
-        this.eventInstances = eventInstances || [];
+var HitDragListener = /** @class */ (function (_super) {
+    tslib_1.__extends(HitDragListener, _super);
+    function HitDragListener(component, options) {
+        var _this = _super.call(this, options) || this;
+        _this.component = component;
+        return _this;
     }
-    EventInstanceGroup.prototype.getAllEventRanges = function (constraintRange) {
-        if (constraintRange) {
-            return this.sliceNormalRenderRanges(constraintRange);
+    // Called when drag listening starts (but a real drag has not necessarily began).
+    // ev might be undefined if dragging was started manually.
+    HitDragListener.prototype.handleInteractionStart = function (ev) {
+        var subjectEl = this.subjectEl;
+        var subjectRect;
+        var origPoint;
+        var point;
+        this.component.hitsNeeded();
+        this.computeScrollBounds(); // for autoscroll
+        if (ev) {
+            origPoint = { left: util_1.getEvX(ev), top: util_1.getEvY(ev) };
+            point = origPoint;
+            // constrain the point to bounds of the element being dragged
+            if (subjectEl) {
+                subjectRect = util_1.getOuterRect(subjectEl); // used for centering as well
+                point = util_1.constrainPoint(point, subjectRect);
+            }
+            this.origHit = this.queryHit(point.left, point.top);
+            // treat the center of the subject as the collision point?
+            if (subjectEl && this.options.subjectCenter) {
+                // only consider the area the subject overlaps the hit. best for large subjects.
+                // TODO: skip this if hit didn't supply left/right/top/bottom
+                if (this.origHit) {
+                    subjectRect = util_1.intersectRects(this.origHit, subjectRect) ||
+                        subjectRect; // in case there is no intersection
+                }
+                point = util_1.getRectCenter(subjectRect);
+            }
+            this.coordAdjust = util_1.diffPoints(point, origPoint); // point - origPoint
         }
         else {
-            return this.eventInstances.map(util_1.eventInstanceToEventRange);
+            this.origHit = null;
+            this.coordAdjust = null;
         }
+        // call the super-method. do it after origHit has been computed
+        _super.prototype.handleInteractionStart.call(this, ev);
     };
-    EventInstanceGroup.prototype.sliceRenderRanges = function (constraintRange) {
-        if (this.isInverse()) {
-            return this.sliceInverseRenderRanges(constraintRange);
-        }
-        else {
-            return this.sliceNormalRenderRanges(constraintRange);
+    // Called when the actual drag has started
+    HitDragListener.prototype.handleDragStart = function (ev) {
+        var hit;
+        _super.prototype.handleDragStart.call(this, ev);
+        // might be different from this.origHit if the min-distance is large
+        hit = this.queryHit(util_1.getEvX(ev), util_1.getEvY(ev));
+        // report the initial hit the mouse is over
+        // especially important if no min-distance and drag starts immediately
+        if (hit) {
+            this.handleHitOver(hit);
         }
     };
-    EventInstanceGroup.prototype.sliceNormalRenderRanges = function (constraintRange) {
-        var eventInstances = this.eventInstances;
-        var i;
-        var eventInstance;
-        var slicedRange;
-        var slicedEventRanges = [];
-        for (i = 0; i < eventInstances.length; i++) {
-            eventInstance = eventInstances[i];
-            slicedRange = eventInstance.dateProfile.unzonedRange.intersect(constraintRange);
-            if (slicedRange) {
-                slicedEventRanges.push(new EventRange_1.default(slicedRange, eventInstance.def, eventInstance));
+    // Called when the drag moves
+    HitDragListener.prototype.handleDrag = function (dx, dy, ev) {
+        var hit;
+        _super.prototype.handleDrag.call(this, dx, dy, ev);
+        hit = this.queryHit(util_1.getEvX(ev), util_1.getEvY(ev));
+        if (!isHitsEqual(hit, this.hit)) { // a different hit than before?
+            if (this.hit) {
+                this.handleHitOut();
+            }
+            if (hit) {
+                this.handleHitOver(hit);
             }
         }
-        return slicedEventRanges;
-    };
-    EventInstanceGroup.prototype.sliceInverseRenderRanges = function (constraintRange) {
-        var unzonedRanges = this.eventInstances.map(util_1.eventInstanceToUnzonedRange);
-        var ownerDef = this.getEventDef();
-        unzonedRanges = UnzonedRange_1.default.invertRanges(unzonedRanges, constraintRange);
-        return unzonedRanges.map(function (unzonedRange) {
-            return new EventRange_1.default(unzonedRange, ownerDef); // don't give an EventInstance
-        });
-    };
-    EventInstanceGroup.prototype.isInverse = function () {
-        return this.getEventDef().hasInverseRendering();
     };
-    EventInstanceGroup.prototype.getEventDef = function () {
-        return this.explicitEventDef || this.eventInstances[0].def;
+    // Called when dragging has been stopped
+    HitDragListener.prototype.handleDragEnd = function (ev) {
+        this.handleHitDone();
+        _super.prototype.handleDragEnd.call(this, ev);
     };
-    return EventInstanceGroup;
-}());
-exports.default = EventInstanceGroup;
-
-
-/***/ }),
-/* 19 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
-var Theme = /** @class */ (function () {
-    function Theme(optionsManager) {
-        this.optionsManager = optionsManager;
-        this.processIconOverride();
-    }
-    Theme.prototype.processIconOverride = function () {
-        if (this.iconOverrideOption) {
-            this.setIconOverride(this.optionsManager.get(this.iconOverrideOption));
-        }
+    // Called when a the mouse has just moved over a new hit
+    HitDragListener.prototype.handleHitOver = function (hit) {
+        var isOrig = isHitsEqual(hit, this.origHit);
+        this.hit = hit;
+        this.trigger('hitOver', this.hit, isOrig, this.origHit);
     };
-    Theme.prototype.setIconOverride = function (iconOverrideHash) {
-        var iconClassesCopy;
-        var buttonName;
-        if ($.isPlainObject(iconOverrideHash)) {
-            iconClassesCopy = $.extend({}, this.iconClasses);
-            for (buttonName in iconOverrideHash) {
-                iconClassesCopy[buttonName] = this.applyIconOverridePrefix(iconOverrideHash[buttonName]);
-            }
-            this.iconClasses = iconClassesCopy;
-        }
-        else if (iconOverrideHash === false) {
-            this.iconClasses = {};
+    // Called when the mouse has just moved out of a hit
+    HitDragListener.prototype.handleHitOut = function () {
+        if (this.hit) {
+            this.trigger('hitOut', this.hit);
+            this.handleHitDone();
+            this.hit = null;
         }
     };
-    Theme.prototype.applyIconOverridePrefix = function (className) {
-        var prefix = this.iconOverridePrefix;
-        if (prefix && className.indexOf(prefix) !== 0) {
-            className = prefix + className;
+    // Called after a hitOut. Also called before a dragStop
+    HitDragListener.prototype.handleHitDone = function () {
+        if (this.hit) {
+            this.trigger('hitDone', this.hit);
         }
-        return className;
     };
-    Theme.prototype.getClass = function (key) {
-        return this.classes[key] || '';
+    // Called when the interaction ends, whether there was a real drag or not
+    HitDragListener.prototype.handleInteractionEnd = function (ev, isCancelled) {
+        _super.prototype.handleInteractionEnd.call(this, ev, isCancelled);
+        this.origHit = null;
+        this.hit = null;
+        this.component.hitsNotNeeded();
     };
-    Theme.prototype.getIconClass = function (buttonName) {
-        var className = this.iconClasses[buttonName];
-        if (className) {
-            return this.baseIconClass + ' ' + className;
+    // Called when scrolling has stopped, whether through auto scroll, or the user scrolling
+    HitDragListener.prototype.handleScrollEnd = function () {
+        _super.prototype.handleScrollEnd.call(this);
+        // hits' absolute positions will be in new places after a user's scroll.
+        // HACK for recomputing.
+        if (this.isDragging) {
+            this.component.releaseHits();
+            this.component.prepareHits();
         }
-        return '';
     };
-    Theme.prototype.getCustomButtonIconClass = function (customButtonProps) {
-        var className;
-        if (this.iconOverrideCustomButtonOption) {
-            className = customButtonProps[this.iconOverrideCustomButtonOption];
-            if (className) {
-                return this.baseIconClass + ' ' + this.applyIconOverridePrefix(className);
+    // Gets the hit underneath the coordinates for the given mouse event
+    HitDragListener.prototype.queryHit = function (left, top) {
+        if (this.coordAdjust) {
+            left += this.coordAdjust.left;
+            top += this.coordAdjust.top;
+        }
+        return this.component.queryHit(left, top);
+    };
+    return HitDragListener;
+}(DragListener_1.default));
+exports.default = HitDragListener;
+// Returns `true` if the hits are identically equal. `false` otherwise. Must be from the same component.
+// Two null values will be considered equal, as two "out of the component" states are the same.
+function isHitsEqual(hit0, hit1) {
+    if (!hit0 && !hit1) {
+        return true;
+    }
+    if (hit0 && hit1) {
+        return hit0.component === hit1.component &&
+            isHitPropsWithin(hit0, hit1) &&
+            isHitPropsWithin(hit1, hit0); // ensures all props are identical
+    }
+    return false;
+}
+// Returns true if all of subHit's non-standard properties are within superHit
+function isHitPropsWithin(subHit, superHit) {
+    for (var propName in subHit) {
+        if (!/^(component|left|right|top|bottom)$/.test(propName)) {
+            if (subHit[propName] !== superHit[propName]) {
+                return false;
             }
         }
-        return '';
+    }
+    return true;
+}
+
+
+/***/ }),
+/* 18 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.version = '3.10.2';
+// When introducing internal API incompatibilities (where fullcalendar plugins would break),
+// the minor version of the calendar should be upped (ex: 2.7.2 -> 2.8.0)
+// and the below integer should be incremented.
+exports.internalApiVersion = 12;
+var util_1 = __webpack_require__(4);
+exports.applyAll = util_1.applyAll;
+exports.debounce = util_1.debounce;
+exports.isInt = util_1.isInt;
+exports.htmlEscape = util_1.htmlEscape;
+exports.cssToStr = util_1.cssToStr;
+exports.proxy = util_1.proxy;
+exports.capitaliseFirstLetter = util_1.capitaliseFirstLetter;
+exports.getOuterRect = util_1.getOuterRect;
+exports.getClientRect = util_1.getClientRect;
+exports.getContentRect = util_1.getContentRect;
+exports.getScrollbarWidths = util_1.getScrollbarWidths;
+exports.preventDefault = util_1.preventDefault;
+exports.parseFieldSpecs = util_1.parseFieldSpecs;
+exports.compareByFieldSpecs = util_1.compareByFieldSpecs;
+exports.compareByFieldSpec = util_1.compareByFieldSpec;
+exports.flexibleCompare = util_1.flexibleCompare;
+exports.computeGreatestUnit = util_1.computeGreatestUnit;
+exports.divideRangeByDuration = util_1.divideRangeByDuration;
+exports.divideDurationByDuration = util_1.divideDurationByDuration;
+exports.multiplyDuration = util_1.multiplyDuration;
+exports.durationHasTime = util_1.durationHasTime;
+exports.log = util_1.log;
+exports.warn = util_1.warn;
+exports.removeExact = util_1.removeExact;
+exports.intersectRects = util_1.intersectRects;
+exports.allowSelection = util_1.allowSelection;
+exports.attrsToStr = util_1.attrsToStr;
+exports.compareNumbers = util_1.compareNumbers;
+exports.compensateScroll = util_1.compensateScroll;
+exports.computeDurationGreatestUnit = util_1.computeDurationGreatestUnit;
+exports.constrainPoint = util_1.constrainPoint;
+exports.copyOwnProps = util_1.copyOwnProps;
+exports.diffByUnit = util_1.diffByUnit;
+exports.diffDay = util_1.diffDay;
+exports.diffDayTime = util_1.diffDayTime;
+exports.diffPoints = util_1.diffPoints;
+exports.disableCursor = util_1.disableCursor;
+exports.distributeHeight = util_1.distributeHeight;
+exports.enableCursor = util_1.enableCursor;
+exports.firstDefined = util_1.firstDefined;
+exports.getEvIsTouch = util_1.getEvIsTouch;
+exports.getEvX = util_1.getEvX;
+exports.getEvY = util_1.getEvY;
+exports.getRectCenter = util_1.getRectCenter;
+exports.getScrollParent = util_1.getScrollParent;
+exports.hasOwnProp = util_1.hasOwnProp;
+exports.isArraysEqual = util_1.isArraysEqual;
+exports.isNativeDate = util_1.isNativeDate;
+exports.isPrimaryMouseButton = util_1.isPrimaryMouseButton;
+exports.isTimeString = util_1.isTimeString;
+exports.matchCellWidths = util_1.matchCellWidths;
+exports.mergeProps = util_1.mergeProps;
+exports.preventSelection = util_1.preventSelection;
+exports.removeMatching = util_1.removeMatching;
+exports.stripHtmlEntities = util_1.stripHtmlEntities;
+exports.subtractInnerElHeight = util_1.subtractInnerElHeight;
+exports.uncompensateScroll = util_1.uncompensateScroll;
+exports.undistributeHeight = util_1.undistributeHeight;
+exports.dayIDs = util_1.dayIDs;
+exports.unitsDesc = util_1.unitsDesc;
+var date_formatting_1 = __webpack_require__(49);
+exports.formatDate = date_formatting_1.formatDate;
+exports.formatRange = date_formatting_1.formatRange;
+exports.queryMostGranularFormatUnit = date_formatting_1.queryMostGranularFormatUnit;
+var locale_1 = __webpack_require__(32);
+exports.datepickerLocale = locale_1.datepickerLocale;
+exports.locale = locale_1.locale;
+exports.getMomentLocaleData = locale_1.getMomentLocaleData;
+exports.populateInstanceComputableOptions = locale_1.populateInstanceComputableOptions;
+var util_2 = __webpack_require__(19);
+exports.eventDefsToEventInstances = util_2.eventDefsToEventInstances;
+exports.eventFootprintToComponentFootprint = util_2.eventFootprintToComponentFootprint;
+exports.eventInstanceToEventRange = util_2.eventInstanceToEventRange;
+exports.eventInstanceToUnzonedRange = util_2.eventInstanceToUnzonedRange;
+exports.eventRangeToEventFootprint = util_2.eventRangeToEventFootprint;
+var moment_ext_1 = __webpack_require__(11);
+exports.moment = moment_ext_1.default;
+var EmitterMixin_1 = __webpack_require__(13);
+exports.EmitterMixin = EmitterMixin_1.default;
+var ListenerMixin_1 = __webpack_require__(7);
+exports.ListenerMixin = ListenerMixin_1.default;
+var Model_1 = __webpack_require__(51);
+exports.Model = Model_1.default;
+var Constraints_1 = __webpack_require__(217);
+exports.Constraints = Constraints_1.default;
+var DateProfileGenerator_1 = __webpack_require__(55);
+exports.DateProfileGenerator = DateProfileGenerator_1.default;
+var UnzonedRange_1 = __webpack_require__(5);
+exports.UnzonedRange = UnzonedRange_1.default;
+var ComponentFootprint_1 = __webpack_require__(12);
+exports.ComponentFootprint = ComponentFootprint_1.default;
+var BusinessHourGenerator_1 = __webpack_require__(218);
+exports.BusinessHourGenerator = BusinessHourGenerator_1.default;
+var EventPeriod_1 = __webpack_require__(219);
+exports.EventPeriod = EventPeriod_1.default;
+var EventManager_1 = __webpack_require__(220);
+exports.EventManager = EventManager_1.default;
+var EventDef_1 = __webpack_require__(37);
+exports.EventDef = EventDef_1.default;
+var EventDefMutation_1 = __webpack_require__(39);
+exports.EventDefMutation = EventDefMutation_1.default;
+var EventDefParser_1 = __webpack_require__(36);
+exports.EventDefParser = EventDefParser_1.default;
+var EventInstance_1 = __webpack_require__(53);
+exports.EventInstance = EventInstance_1.default;
+var EventRange_1 = __webpack_require__(50);
+exports.EventRange = EventRange_1.default;
+var RecurringEventDef_1 = __webpack_require__(54);
+exports.RecurringEventDef = RecurringEventDef_1.default;
+var SingleEventDef_1 = __webpack_require__(9);
+exports.SingleEventDef = SingleEventDef_1.default;
+var EventDefDateMutation_1 = __webpack_require__(40);
+exports.EventDefDateMutation = EventDefDateMutation_1.default;
+var EventDateProfile_1 = __webpack_require__(16);
+exports.EventDateProfile = EventDateProfile_1.default;
+var EventSourceParser_1 = __webpack_require__(38);
+exports.EventSourceParser = EventSourceParser_1.default;
+var EventSource_1 = __webpack_require__(6);
+exports.EventSource = EventSource_1.default;
+var ThemeRegistry_1 = __webpack_require__(57);
+exports.defineThemeSystem = ThemeRegistry_1.defineThemeSystem;
+exports.getThemeSystemClass = ThemeRegistry_1.getThemeSystemClass;
+var EventInstanceGroup_1 = __webpack_require__(20);
+exports.EventInstanceGroup = EventInstanceGroup_1.default;
+var ArrayEventSource_1 = __webpack_require__(56);
+exports.ArrayEventSource = ArrayEventSource_1.default;
+var FuncEventSource_1 = __webpack_require__(223);
+exports.FuncEventSource = FuncEventSource_1.default;
+var JsonFeedEventSource_1 = __webpack_require__(224);
+exports.JsonFeedEventSource = JsonFeedEventSource_1.default;
+var EventFootprint_1 = __webpack_require__(34);
+exports.EventFootprint = EventFootprint_1.default;
+var Class_1 = __webpack_require__(35);
+exports.Class = Class_1.default;
+var Mixin_1 = __webpack_require__(15);
+exports.Mixin = Mixin_1.default;
+var CoordCache_1 = __webpack_require__(58);
+exports.CoordCache = CoordCache_1.default;
+var Iterator_1 = __webpack_require__(225);
+exports.Iterator = Iterator_1.default;
+var DragListener_1 = __webpack_require__(59);
+exports.DragListener = DragListener_1.default;
+var HitDragListener_1 = __webpack_require__(17);
+exports.HitDragListener = HitDragListener_1.default;
+var MouseFollower_1 = __webpack_require__(226);
+exports.MouseFollower = MouseFollower_1.default;
+var ParsableModelMixin_1 = __webpack_require__(52);
+exports.ParsableModelMixin = ParsableModelMixin_1.default;
+var Popover_1 = __webpack_require__(227);
+exports.Popover = Popover_1.default;
+var Promise_1 = __webpack_require__(21);
+exports.Promise = Promise_1.default;
+var TaskQueue_1 = __webpack_require__(228);
+exports.TaskQueue = TaskQueue_1.default;
+var RenderQueue_1 = __webpack_require__(229);
+exports.RenderQueue = RenderQueue_1.default;
+var Scroller_1 = __webpack_require__(41);
+exports.Scroller = Scroller_1.default;
+var Theme_1 = __webpack_require__(22);
+exports.Theme = Theme_1.default;
+var Component_1 = __webpack_require__(230);
+exports.Component = Component_1.default;
+var DateComponent_1 = __webpack_require__(231);
+exports.DateComponent = DateComponent_1.default;
+var InteractiveDateComponent_1 = __webpack_require__(42);
+exports.InteractiveDateComponent = InteractiveDateComponent_1.default;
+var Calendar_1 = __webpack_require__(232);
+exports.Calendar = Calendar_1.default;
+var View_1 = __webpack_require__(43);
+exports.View = View_1.default;
+var ViewRegistry_1 = __webpack_require__(24);
+exports.defineView = ViewRegistry_1.defineView;
+exports.getViewConfig = ViewRegistry_1.getViewConfig;
+var DayTableMixin_1 = __webpack_require__(60);
+exports.DayTableMixin = DayTableMixin_1.default;
+var BusinessHourRenderer_1 = __webpack_require__(61);
+exports.BusinessHourRenderer = BusinessHourRenderer_1.default;
+var EventRenderer_1 = __webpack_require__(44);
+exports.EventRenderer = EventRenderer_1.default;
+var FillRenderer_1 = __webpack_require__(62);
+exports.FillRenderer = FillRenderer_1.default;
+var HelperRenderer_1 = __webpack_require__(63);
+exports.HelperRenderer = HelperRenderer_1.default;
+var ExternalDropping_1 = __webpack_require__(233);
+exports.ExternalDropping = ExternalDropping_1.default;
+var EventResizing_1 = __webpack_require__(234);
+exports.EventResizing = EventResizing_1.default;
+var EventPointing_1 = __webpack_require__(64);
+exports.EventPointing = EventPointing_1.default;
+var EventDragging_1 = __webpack_require__(235);
+exports.EventDragging = EventDragging_1.default;
+var DateSelecting_1 = __webpack_require__(236);
+exports.DateSelecting = DateSelecting_1.default;
+var DateClicking_1 = __webpack_require__(237);
+exports.DateClicking = DateClicking_1.default;
+var Interaction_1 = __webpack_require__(14);
+exports.Interaction = Interaction_1.default;
+var StandardInteractionsMixin_1 = __webpack_require__(65);
+exports.StandardInteractionsMixin = StandardInteractionsMixin_1.default;
+var AgendaView_1 = __webpack_require__(238);
+exports.AgendaView = AgendaView_1.default;
+var TimeGrid_1 = __webpack_require__(239);
+exports.TimeGrid = TimeGrid_1.default;
+var TimeGridEventRenderer_1 = __webpack_require__(240);
+exports.TimeGridEventRenderer = TimeGridEventRenderer_1.default;
+var TimeGridFillRenderer_1 = __webpack_require__(242);
+exports.TimeGridFillRenderer = TimeGridFillRenderer_1.default;
+var TimeGridHelperRenderer_1 = __webpack_require__(241);
+exports.TimeGridHelperRenderer = TimeGridHelperRenderer_1.default;
+var DayGrid_1 = __webpack_require__(66);
+exports.DayGrid = DayGrid_1.default;
+var DayGridEventRenderer_1 = __webpack_require__(243);
+exports.DayGridEventRenderer = DayGridEventRenderer_1.default;
+var DayGridFillRenderer_1 = __webpack_require__(245);
+exports.DayGridFillRenderer = DayGridFillRenderer_1.default;
+var DayGridHelperRenderer_1 = __webpack_require__(244);
+exports.DayGridHelperRenderer = DayGridHelperRenderer_1.default;
+var BasicView_1 = __webpack_require__(67);
+exports.BasicView = BasicView_1.default;
+var BasicViewDateProfileGenerator_1 = __webpack_require__(68);
+exports.BasicViewDateProfileGenerator = BasicViewDateProfileGenerator_1.default;
+var MonthView_1 = __webpack_require__(246);
+exports.MonthView = MonthView_1.default;
+var MonthViewDateProfileGenerator_1 = __webpack_require__(247);
+exports.MonthViewDateProfileGenerator = MonthViewDateProfileGenerator_1.default;
+var ListView_1 = __webpack_require__(248);
+exports.ListView = ListView_1.default;
+var ListEventPointing_1 = __webpack_require__(250);
+exports.ListEventPointing = ListEventPointing_1.default;
+var ListEventRenderer_1 = __webpack_require__(249);
+exports.ListEventRenderer = ListEventRenderer_1.default;
+
+
+/***/ }),
+/* 19 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var EventRange_1 = __webpack_require__(50);
+var EventFootprint_1 = __webpack_require__(34);
+var ComponentFootprint_1 = __webpack_require__(12);
+function eventDefsToEventInstances(eventDefs, unzonedRange) {
+    var eventInstances = [];
+    var i;
+    for (i = 0; i < eventDefs.length; i++) {
+        eventInstances.push.apply(eventInstances, // append
+        eventDefs[i].buildInstances(unzonedRange));
+    }
+    return eventInstances;
+}
+exports.eventDefsToEventInstances = eventDefsToEventInstances;
+function eventInstanceToEventRange(eventInstance) {
+    return new EventRange_1.default(eventInstance.dateProfile.unzonedRange, eventInstance.def, eventInstance);
+}
+exports.eventInstanceToEventRange = eventInstanceToEventRange;
+function eventRangeToEventFootprint(eventRange) {
+    return new EventFootprint_1.default(new ComponentFootprint_1.default(eventRange.unzonedRange, eventRange.eventDef.isAllDay()), eventRange.eventDef, eventRange.eventInstance // might not exist
+    );
+}
+exports.eventRangeToEventFootprint = eventRangeToEventFootprint;
+function eventInstanceToUnzonedRange(eventInstance) {
+    return eventInstance.dateProfile.unzonedRange;
+}
+exports.eventInstanceToUnzonedRange = eventInstanceToUnzonedRange;
+function eventFootprintToComponentFootprint(eventFootprint) {
+    return eventFootprint.componentFootprint;
+}
+exports.eventFootprintToComponentFootprint = eventFootprintToComponentFootprint;
+
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var UnzonedRange_1 = __webpack_require__(5);
+var util_1 = __webpack_require__(19);
+var EventRange_1 = __webpack_require__(50);
+/*
+It's expected that there will be at least one EventInstance,
+OR that an explicitEventDef is assigned.
+*/
+var EventInstanceGroup = /** @class */ (function () {
+    function EventInstanceGroup(eventInstances) {
+        this.eventInstances = eventInstances || [];
+    }
+    EventInstanceGroup.prototype.getAllEventRanges = function (constraintRange) {
+        if (constraintRange) {
+            return this.sliceNormalRenderRanges(constraintRange);
+        }
+        else {
+            return this.eventInstances.map(util_1.eventInstanceToEventRange);
+        }
     };
-    return Theme;
+    EventInstanceGroup.prototype.sliceRenderRanges = function (constraintRange) {
+        if (this.isInverse()) {
+            return this.sliceInverseRenderRanges(constraintRange);
+        }
+        else {
+            return this.sliceNormalRenderRanges(constraintRange);
+        }
+    };
+    EventInstanceGroup.prototype.sliceNormalRenderRanges = function (constraintRange) {
+        var eventInstances = this.eventInstances;
+        var i;
+        var eventInstance;
+        var slicedRange;
+        var slicedEventRanges = [];
+        for (i = 0; i < eventInstances.length; i++) {
+            eventInstance = eventInstances[i];
+            slicedRange = eventInstance.dateProfile.unzonedRange.intersect(constraintRange);
+            if (slicedRange) {
+                slicedEventRanges.push(new EventRange_1.default(slicedRange, eventInstance.def, eventInstance));
+            }
+        }
+        return slicedEventRanges;
+    };
+    EventInstanceGroup.prototype.sliceInverseRenderRanges = function (constraintRange) {
+        var unzonedRanges = this.eventInstances.map(util_1.eventInstanceToUnzonedRange);
+        var ownerDef = this.getEventDef();
+        unzonedRanges = UnzonedRange_1.default.invertRanges(unzonedRanges, constraintRange);
+        return unzonedRanges.map(function (unzonedRange) {
+            return new EventRange_1.default(unzonedRange, ownerDef); // don't give an EventInstance
+        });
+    };
+    EventInstanceGroup.prototype.isInverse = function () {
+        return this.getEventDef().hasInverseRendering();
+    };
+    EventInstanceGroup.prototype.getEventDef = function () {
+        return this.explicitEventDef || this.eventInstances[0].def;
+    };
+    return EventInstanceGroup;
 }());
-exports.default = Theme;
-Theme.prototype.classes = {};
-Theme.prototype.iconClasses = {};
-Theme.prototype.baseIconClass = '';
-Theme.prototype.iconOverridePrefix = '';
+exports.default = EventInstanceGroup;
 
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -2138,30 +2372,96 @@
 
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var $ = __webpack_require__(3);
-var exportHooks = __webpack_require__(16);
-var EmitterMixin_1 = __webpack_require__(11);
-var ListenerMixin_1 = __webpack_require__(7);
-exportHooks.touchMouseIgnoreWait = 500;
-var globalEmitter = null;
-var neededCount = 0;
-/*
-Listens to document and window-level user-interaction events, like touch events and mouse events,
-and fires these events as-is to whoever is observing a GlobalEmitter.
-Best when used as a singleton via GlobalEmitter.get()
-
-Normalizes mouse/touch events. For examples:
-- ignores the the simulated mouse events that happen after a quick tap: mousemove+mousedown+mouseup+click
-- compensates for various buggy scenarios where a touchend does not fire
-*/
-var GlobalEmitter = /** @class */ (function () {
-    function GlobalEmitter() {
-        this.isTouching = false;
-        this.mouseIgnoreDepth = 0;
+var Theme = /** @class */ (function () {
+    function Theme(optionsManager) {
+        this.optionsManager = optionsManager;
+        this.processIconOverride();
+    }
+    Theme.prototype.processIconOverride = function () {
+        if (this.iconOverrideOption) {
+            this.setIconOverride(this.optionsManager.get(this.iconOverrideOption));
+        }
+    };
+    Theme.prototype.setIconOverride = function (iconOverrideHash) {
+        var iconClassesCopy;
+        var buttonName;
+        if ($.isPlainObject(iconOverrideHash)) {
+            iconClassesCopy = $.extend({}, this.iconClasses);
+            for (buttonName in iconOverrideHash) {
+                iconClassesCopy[buttonName] = this.applyIconOverridePrefix(iconOverrideHash[buttonName]);
+            }
+            this.iconClasses = iconClassesCopy;
+        }
+        else if (iconOverrideHash === false) {
+            this.iconClasses = {};
+        }
+    };
+    Theme.prototype.applyIconOverridePrefix = function (className) {
+        var prefix = this.iconOverridePrefix;
+        if (prefix && className.indexOf(prefix) !== 0) { // if not already present
+            className = prefix + className;
+        }
+        return className;
+    };
+    Theme.prototype.getClass = function (key) {
+        return this.classes[key] || '';
+    };
+    Theme.prototype.getIconClass = function (buttonName) {
+        var className = this.iconClasses[buttonName];
+        if (className) {
+            return this.baseIconClass + ' ' + className;
+        }
+        return '';
+    };
+    Theme.prototype.getCustomButtonIconClass = function (customButtonProps) {
+        var className;
+        if (this.iconOverrideCustomButtonOption) {
+            className = customButtonProps[this.iconOverrideCustomButtonOption];
+            if (className) {
+                return this.baseIconClass + ' ' + this.applyIconOverridePrefix(className);
+            }
+        }
+        return '';
+    };
+    return Theme;
+}());
+exports.default = Theme;
+Theme.prototype.classes = {};
+Theme.prototype.iconClasses = {};
+Theme.prototype.baseIconClass = '';
+Theme.prototype.iconOverridePrefix = '';
+
+
+/***/ }),
+/* 23 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var exportHooks = __webpack_require__(18);
+var EmitterMixin_1 = __webpack_require__(13);
+var ListenerMixin_1 = __webpack_require__(7);
+exportHooks.touchMouseIgnoreWait = 500;
+var globalEmitter = null;
+var neededCount = 0;
+/*
+Listens to document and window-level user-interaction events, like touch events and mouse events,
+and fires these events as-is to whoever is observing a GlobalEmitter.
+Best when used as a singleton via GlobalEmitter.get()
+
+Normalizes mouse/touch events. For examples:
+- ignores the the simulated mouse events that happen after a quick tap: mousemove+mousedown+mouseup+click
+- compensates for various buggy scenarios where a touchend does not fire
+*/
+var GlobalEmitter = /** @class */ (function () {
+    function GlobalEmitter() {
+        this.isTouching = false;
+        this.mouseIgnoreDepth = 0;
     }
     // gets the singleton
     GlobalEmitter.get = function () {
@@ -2179,7 +2479,7 @@
     // called when the object that originally called needed() doesn't need a GlobalEmitter anymore.
     GlobalEmitter.unneeded = function () {
         neededCount--;
-        if (!neededCount) {
+        if (!neededCount) { // nobody else needs it
             globalEmitter.unbind();
             globalEmitter = null;
         }
@@ -2214,7 +2514,8 @@
     };
     GlobalEmitter.prototype.unbind = function () {
         this.stopListeningTo($(document));
-        window.removeEventListener('touchmove', this.handleTouchMoveProxy);
+        window.removeEventListener('touchmove', this.handleTouchMoveProxy, { passive: false } // use same options as addEventListener
+        );
         window.removeEventListener('scroll', this.handleScrollProxy, true // useCapture
         );
     };
@@ -2309,11 +2610,11 @@
 
 
 /***/ }),
-/* 22 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var exportHooks = __webpack_require__(16);
+var exportHooks = __webpack_require__(18);
 exports.viewHash = {};
 exportHooks.views = exports.viewHash;
 function defineView(viewName, viewConfig) {
@@ -2327,184 +2628,21 @@
 
 
 /***/ }),
-/* 23 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var util_1 = __webpack_require__(4);
-var DragListener_1 = __webpack_require__(54);
-/* Tracks mouse movements over a component and raises events about which hit the mouse is over.
-------------------------------------------------------------------------------------------------------------------------
-options:
-- subjectEl
-- subjectCenter
-*/
-var HitDragListener = /** @class */ (function (_super) {
-    tslib_1.__extends(HitDragListener, _super);
-    function HitDragListener(component, options) {
-        var _this = _super.call(this, options) || this;
-        _this.component = component;
-        return _this;
-    }
-    // Called when drag listening starts (but a real drag has not necessarily began).
-    // ev might be undefined if dragging was started manually.
-    HitDragListener.prototype.handleInteractionStart = function (ev) {
-        var subjectEl = this.subjectEl;
-        var subjectRect;
-        var origPoint;
-        var point;
-        this.component.hitsNeeded();
-        this.computeScrollBounds(); // for autoscroll
-        if (ev) {
-            origPoint = { left: util_1.getEvX(ev), top: util_1.getEvY(ev) };
-            point = origPoint;
-            // constrain the point to bounds of the element being dragged
-            if (subjectEl) {
-                subjectRect = util_1.getOuterRect(subjectEl); // used for centering as well
-                point = util_1.constrainPoint(point, subjectRect);
-            }
-            this.origHit = this.queryHit(point.left, point.top);
-            // treat the center of the subject as the collision point?
-            if (subjectEl && this.options.subjectCenter) {
-                // only consider the area the subject overlaps the hit. best for large subjects.
-                // TODO: skip this if hit didn't supply left/right/top/bottom
-                if (this.origHit) {
-                    subjectRect = util_1.intersectRects(this.origHit, subjectRect) ||
-                        subjectRect; // in case there is no intersection
-                }
-                point = util_1.getRectCenter(subjectRect);
-            }
-            this.coordAdjust = util_1.diffPoints(point, origPoint); // point - origPoint
-        }
-        else {
-            this.origHit = null;
-            this.coordAdjust = null;
-        }
-        // call the super-method. do it after origHit has been computed
-        _super.prototype.handleInteractionStart.call(this, ev);
-    };
-    // Called when the actual drag has started
-    HitDragListener.prototype.handleDragStart = function (ev) {
-        var hit;
-        _super.prototype.handleDragStart.call(this, ev);
-        // might be different from this.origHit if the min-distance is large
-        hit = this.queryHit(util_1.getEvX(ev), util_1.getEvY(ev));
-        // report the initial hit the mouse is over
-        // especially important if no min-distance and drag starts immediately
-        if (hit) {
-            this.handleHitOver(hit);
-        }
-    };
-    // Called when the drag moves
-    HitDragListener.prototype.handleDrag = function (dx, dy, ev) {
-        var hit;
-        _super.prototype.handleDrag.call(this, dx, dy, ev);
-        hit = this.queryHit(util_1.getEvX(ev), util_1.getEvY(ev));
-        if (!isHitsEqual(hit, this.hit)) {
-            if (this.hit) {
-                this.handleHitOut();
-            }
-            if (hit) {
-                this.handleHitOver(hit);
-            }
-        }
-    };
-    // Called when dragging has been stopped
-    HitDragListener.prototype.handleDragEnd = function (ev) {
-        this.handleHitDone();
-        _super.prototype.handleDragEnd.call(this, ev);
-    };
-    // Called when a the mouse has just moved over a new hit
-    HitDragListener.prototype.handleHitOver = function (hit) {
-        var isOrig = isHitsEqual(hit, this.origHit);
-        this.hit = hit;
-        this.trigger('hitOver', this.hit, isOrig, this.origHit);
-    };
-    // Called when the mouse has just moved out of a hit
-    HitDragListener.prototype.handleHitOut = function () {
-        if (this.hit) {
-            this.trigger('hitOut', this.hit);
-            this.handleHitDone();
-            this.hit = null;
-        }
-    };
-    // Called after a hitOut. Also called before a dragStop
-    HitDragListener.prototype.handleHitDone = function () {
-        if (this.hit) {
-            this.trigger('hitDone', this.hit);
-        }
-    };
-    // Called when the interaction ends, whether there was a real drag or not
-    HitDragListener.prototype.handleInteractionEnd = function (ev, isCancelled) {
-        _super.prototype.handleInteractionEnd.call(this, ev, isCancelled);
-        this.origHit = null;
-        this.hit = null;
-        this.component.hitsNotNeeded();
-    };
-    // Called when scrolling has stopped, whether through auto scroll, or the user scrolling
-    HitDragListener.prototype.handleScrollEnd = function () {
-        _super.prototype.handleScrollEnd.call(this);
-        // hits' absolute positions will be in new places after a user's scroll.
-        // HACK for recomputing.
-        if (this.isDragging) {
-            this.component.releaseHits();
-            this.component.prepareHits();
-        }
-    };
-    // Gets the hit underneath the coordinates for the given mouse event
-    HitDragListener.prototype.queryHit = function (left, top) {
-        if (this.coordAdjust) {
-            left += this.coordAdjust.left;
-            top += this.coordAdjust.top;
-        }
-        return this.component.queryHit(left, top);
-    };
-    return HitDragListener;
-}(DragListener_1.default));
-exports.default = HitDragListener;
-// Returns `true` if the hits are identically equal. `false` otherwise. Must be from the same component.
-// Two null values will be considered equal, as two "out of the component" states are the same.
-function isHitsEqual(hit0, hit1) {
-    if (!hit0 && !hit1) {
-        return true;
-    }
-    if (hit0 && hit1) {
-        return hit0.component === hit1.component &&
-            isHitPropsWithin(hit0, hit1) &&
-            isHitPropsWithin(hit1, hit0); // ensures all props are identical
-    }
-    return false;
-}
-// Returns true if all of subHit's non-standard properties are within superHit
-function isHitPropsWithin(subHit, superHit) {
-    for (var propName in subHit) {
-        if (!/^(component|left|right|top|bottom)$/.test(propName)) {
-            if (subHit[propName] !== superHit[propName]) {
-                return false;
-            }
-        }
-    }
-    return true;
-}
-
-
-/***/ }),
-/* 24 */,
 /* 25 */,
 /* 26 */,
 /* 27 */,
 /* 28 */,
 /* 29 */,
 /* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var $ = __webpack_require__(3);
 var moment = __webpack_require__(0);
-var exportHooks = __webpack_require__(16);
-var options_1 = __webpack_require__(32);
+var exportHooks = __webpack_require__(18);
+var options_1 = __webpack_require__(33);
 var util_1 = __webpack_require__(4);
 exports.localeOptionHash = {};
 exportHooks.locales = exports.localeOptionHash;
@@ -2667,7 +2805,7 @@
 
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -2781,14 +2919,35 @@
 
 
 /***/ }),
-/* 33 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 34 */
+/***/ (function(module, exports) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var util_1 = __webpack_require__(4);
-// Class that all other classes will inherit from
-var Class = /** @class */ (function () {
+var EventFootprint = /** @class */ (function () {
+    function EventFootprint(componentFootprint, eventDef, eventInstance) {
+        this.componentFootprint = componentFootprint;
+        this.eventDef = eventDef;
+        if (eventInstance) {
+            this.eventInstance = eventInstance;
+        }
+    }
+    EventFootprint.prototype.getEventLegacy = function () {
+        return (this.eventInstance || this.eventDef).toLegacy();
+    };
+    return EventFootprint;
+}());
+exports.default = EventFootprint;
+
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var util_1 = __webpack_require__(4);
+// Class that all other classes will inherit from
+var Class = /** @class */ (function () {
     function Class() {
     }
     // Called on a class to create a subclass.
@@ -2815,12 +2974,34 @@
 
 
 /***/ }),
-/* 34 */
+/* 36 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var moment = __webpack_require__(0);
+var util_1 = __webpack_require__(4);
+var SingleEventDef_1 = __webpack_require__(9);
+var RecurringEventDef_1 = __webpack_require__(54);
+exports.default = {
+    parse: function (eventInput, source) {
+        if (util_1.isTimeString(eventInput.start) || moment.isDuration(eventInput.start) ||
+            util_1.isTimeString(eventInput.end) || moment.isDuration(eventInput.end)) {
+            return RecurringEventDef_1.default.parse(eventInput, source);
+        }
+        else {
+            return SingleEventDef_1.default.parse(eventInput, source);
+        }
+    }
+};
+
+
+/***/ }),
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var $ = __webpack_require__(3);
-var ParsableModelMixin_1 = __webpack_require__(208);
+var ParsableModelMixin_1 = __webpack_require__(52);
 var EventDef = /** @class */ (function () {
     function EventDef(source) {
         this.source = source;
@@ -2918,7 +3099,7 @@
         else {
             this.id = EventDef.generateId();
         }
-        if (rawProps._id != null) {
+        if (rawProps._id != null) { // accept this prop, even tho somewhat internal
             this.uid = String(rawProps._id);
         }
         else {
@@ -2966,73 +3147,39 @@
 
 
 /***/ }),
-/* 35 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var EventRange_1 = __webpack_require__(211);
-var EventFootprint_1 = __webpack_require__(36);
-var ComponentFootprint_1 = __webpack_require__(12);
-function eventDefsToEventInstances(eventDefs, unzonedRange) {
-    var eventInstances = [];
-    var i;
-    for (i = 0; i < eventDefs.length; i++) {
-        eventInstances.push.apply(eventInstances, // append
-        eventDefs[i].buildInstances(unzonedRange));
-    }
-    return eventInstances;
-}
-exports.eventDefsToEventInstances = eventDefsToEventInstances;
-function eventInstanceToEventRange(eventInstance) {
-    return new EventRange_1.default(eventInstance.dateProfile.unzonedRange, eventInstance.def, eventInstance);
-}
-exports.eventInstanceToEventRange = eventInstanceToEventRange;
-function eventRangeToEventFootprint(eventRange) {
-    return new EventFootprint_1.default(new ComponentFootprint_1.default(eventRange.unzonedRange, eventRange.eventDef.isAllDay()), eventRange.eventDef, eventRange.eventInstance // might not exist
-    );
-}
-exports.eventRangeToEventFootprint = eventRangeToEventFootprint;
-function eventInstanceToUnzonedRange(eventInstance) {
-    return eventInstance.dateProfile.unzonedRange;
-}
-exports.eventInstanceToUnzonedRange = eventInstanceToUnzonedRange;
-function eventFootprintToComponentFootprint(eventFootprint) {
-    return eventFootprint.componentFootprint;
-}
-exports.eventFootprintToComponentFootprint = eventFootprintToComponentFootprint;
-
-
-/***/ }),
-/* 36 */
+/* 38 */
 /***/ (function(module, exports) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var EventFootprint = /** @class */ (function () {
-    function EventFootprint(componentFootprint, eventDef, eventInstance) {
-        this.componentFootprint = componentFootprint;
-        this.eventDef = eventDef;
-        if (eventInstance) {
-            this.eventInstance = eventInstance;
+exports.default = {
+    sourceClasses: [],
+    registerClass: function (EventSourceClass) {
+        this.sourceClasses.unshift(EventSourceClass); // give highest priority
+    },
+    parse: function (rawInput, calendar) {
+        var sourceClasses = this.sourceClasses;
+        var i;
+        var eventSource;
+        for (i = 0; i < sourceClasses.length; i++) {
+            eventSource = sourceClasses[i].parse(rawInput, calendar);
+            if (eventSource) {
+                return eventSource;
+            }
         }
     }
-    EventFootprint.prototype.getEventLegacy = function () {
-        return (this.eventInstance || this.eventDef).toLegacy();
-    };
-    return EventFootprint;
-}());
-exports.default = EventFootprint;
+};
 
 
 /***/ }),
-/* 37 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var util_1 = __webpack_require__(4);
-var EventDateProfile_1 = __webpack_require__(17);
-var EventDef_1 = __webpack_require__(34);
-var EventDefDateMutation_1 = __webpack_require__(50);
-var SingleEventDef_1 = __webpack_require__(13);
+var EventDateProfile_1 = __webpack_require__(16);
+var EventDef_1 = __webpack_require__(37);
+var EventDefDateMutation_1 = __webpack_require__(40);
+var SingleEventDef_1 = __webpack_require__(9);
 var EventDefMutation = /** @class */ (function () {
     function EventDefMutation() {
     }
@@ -3055,12 +3202,12 @@
             else if (eventDef.isStandardProp(propName)) {
                 standardProps[propName] = rawProps[propName];
             }
-            else if (eventDef.miscProps[propName] !== rawProps[propName]) {
+            else if (eventDef.miscProps[propName] !== rawProps[propName]) { // only if changed
                 miscProps[propName] = rawProps[propName];
             }
         }
         dateProfile = EventDateProfile_1.default.parse(dateProps, eventDef.source);
-        if (dateProfile) {
+        if (dateProfile) { // no failure?
             dateMutation = EventDefDateMutation_1.default.createFromDiff(eventInstance.dateProfile, dateProfile, largeUnit);
         }
         if (standardProps.id !== eventDef.id) {
@@ -3138,127 +3285,245 @@
 
 
 /***/ }),
-/* 38 */
-/***/ (function(module, exports) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = {
-    sourceClasses: [],
-    registerClass: function (EventSourceClass) {
-        this.sourceClasses.unshift(EventSourceClass); // give highest priority
-    },
-    parse: function (rawInput, calendar) {
-        var sourceClasses = this.sourceClasses;
-        var i;
-        var eventSource;
-        for (i = 0; i < sourceClasses.length; i++) {
-            eventSource = sourceClasses[i].parse(rawInput, calendar);
-            if (eventSource) {
-                return eventSource;
-            }
-        }
-    }
-};
-
-
-/***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var Class_1 = __webpack_require__(33);
-/*
-Embodies a div that has potential scrollbars
-*/
-var Scroller = /** @class */ (function (_super) {
-    tslib_1.__extends(Scroller, _super);
-    function Scroller(options) {
-        var _this = _super.call(this) || this;
-        options = options || {};
-        _this.overflowX = options.overflowX || options.overflow || 'auto';
-        _this.overflowY = options.overflowY || options.overflow || 'auto';
-        return _this;
+var EventDateProfile_1 = __webpack_require__(16);
+var EventDefDateMutation = /** @class */ (function () {
+    function EventDefDateMutation() {
+        this.clearEnd = false;
+        this.forceTimed = false;
+        this.forceAllDay = false;
     }
-    Scroller.prototype.render = function () {
-        this.el = this.renderEl();
-        this.applyOverflow();
-    };
-    Scroller.prototype.renderEl = function () {
-        return (this.scrollEl = $('<div class="fc-scroller"></div>'));
-    };
-    // sets to natural height, unlocks overflow
-    Scroller.prototype.clear = function () {
-        this.setHeight('auto');
-        this.applyOverflow();
-    };
-    Scroller.prototype.destroy = function () {
-        this.el.remove();
-    };
-    // Overflow
-    // -----------------------------------------------------------------------------------------------------------------
-    Scroller.prototype.applyOverflow = function () {
-        this.scrollEl.css({
-            'overflow-x': this.overflowX,
-            'overflow-y': this.overflowY
-        });
-    };
-    // Causes any 'auto' overflow values to resolves to 'scroll' or 'hidden'.
-    // Useful for preserving scrollbar widths regardless of future resizes.
-    // Can pass in scrollbarWidths for optimization.
-    Scroller.prototype.lockOverflow = function (scrollbarWidths) {
-        var overflowX = this.overflowX;
-        var overflowY = this.overflowY;
-        scrollbarWidths = scrollbarWidths || this.getScrollbarWidths();
-        if (overflowX === 'auto') {
-            overflowX = (scrollbarWidths.top || scrollbarWidths.bottom || // horizontal scrollbars?
-                // OR scrolling pane with massless scrollbars?
-                this.scrollEl[0].scrollWidth - 1 > this.scrollEl[0].clientWidth) ? 'scroll' : 'hidden';
+    EventDefDateMutation.createFromDiff = function (dateProfile0, dateProfile1, largeUnit) {
+        var clearEnd = dateProfile0.end && !dateProfile1.end;
+        var forceTimed = dateProfile0.isAllDay() && !dateProfile1.isAllDay();
+        var forceAllDay = !dateProfile0.isAllDay() && dateProfile1.isAllDay();
+        var dateDelta;
+        var endDiff;
+        var endDelta;
+        var mutation;
+        // subtracts the dates in the appropriate way, returning a duration
+        function subtractDates(date1, date0) {
+            if (largeUnit) {
+                return util_1.diffByUnit(date1, date0, largeUnit); // poorly named
+            }
+            else if (dateProfile1.isAllDay()) {
+                return util_1.diffDay(date1, date0); // poorly named
+            }
+            else {
+                return util_1.diffDayTime(date1, date0); // poorly named
+            }
         }
-        if (overflowY === 'auto') {
-            overflowY = (scrollbarWidths.left || scrollbarWidths.right || // vertical scrollbars?
-                // OR scrolling pane with massless scrollbars?
-                this.scrollEl[0].scrollHeight - 1 > this.scrollEl[0].clientHeight) ? 'scroll' : 'hidden';
+        dateDelta = subtractDates(dateProfile1.start, dateProfile0.start);
+        if (dateProfile1.end) {
+            // use unzonedRanges because dateProfile0.end might be null
+            endDiff = subtractDates(dateProfile1.unzonedRange.getEnd(), dateProfile0.unzonedRange.getEnd());
+            endDelta = endDiff.subtract(dateDelta);
         }
-        this.scrollEl.css({ 'overflow-x': overflowX, 'overflow-y': overflowY });
-    };
-    // Getters / Setters
-    // -----------------------------------------------------------------------------------------------------------------
-    Scroller.prototype.setHeight = function (height) {
-        this.scrollEl.height(height);
-    };
-    Scroller.prototype.getScrollTop = function () {
-        return this.scrollEl.scrollTop();
-    };
-    Scroller.prototype.setScrollTop = function (top) {
-        this.scrollEl.scrollTop(top);
-    };
-    Scroller.prototype.getClientWidth = function () {
-        return this.scrollEl[0].clientWidth;
-    };
-    Scroller.prototype.getClientHeight = function () {
-        return this.scrollEl[0].clientHeight;
-    };
-    Scroller.prototype.getScrollbarWidths = function () {
-        return util_1.getScrollbarWidths(this.scrollEl);
+        mutation = new EventDefDateMutation();
+        mutation.clearEnd = clearEnd;
+        mutation.forceTimed = forceTimed;
+        mutation.forceAllDay = forceAllDay;
+        mutation.setDateDelta(dateDelta);
+        mutation.setEndDelta(endDelta);
+        return mutation;
     };
-    return Scroller;
-}(Class_1.default));
-exports.default = Scroller;
-
-
-/***/ }),
-/* 40 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
+    /*
+    returns an undo function.
+    */
+    EventDefDateMutation.prototype.buildNewDateProfile = function (eventDateProfile, calendar) {
+        var start = eventDateProfile.start.clone();
+        var end = null;
+        var shouldRezone = false;
+        if (eventDateProfile.end && !this.clearEnd) {
+            end = eventDateProfile.end.clone();
+        }
+        else if (this.endDelta && !end) {
+            end = calendar.getDefaultEventEnd(eventDateProfile.isAllDay(), start);
+        }
+        if (this.forceTimed) {
+            shouldRezone = true;
+            if (!start.hasTime()) {
+                start.time(0);
+            }
+            if (end && !end.hasTime()) {
+                end.time(0);
+            }
+        }
+        else if (this.forceAllDay) {
+            if (start.hasTime()) {
+                start.stripTime();
+            }
+            if (end && end.hasTime()) {
+                end.stripTime();
+            }
+        }
+        if (this.dateDelta) {
+            shouldRezone = true;
+            start.add(this.dateDelta);
+            if (end) {
+                end.add(this.dateDelta);
+            }
+        }
+        // do this before adding startDelta to start, so we can work off of start
+        if (this.endDelta) {
+            shouldRezone = true;
+            end.add(this.endDelta);
+        }
+        if (this.startDelta) {
+            shouldRezone = true;
+            start.add(this.startDelta);
+        }
+        if (shouldRezone) {
+            start = calendar.applyTimezone(start);
+            if (end) {
+                end = calendar.applyTimezone(end);
+            }
+        }
+        // TODO: okay to access calendar option?
+        if (!end && calendar.opt('forceEventDuration')) {
+            end = calendar.getDefaultEventEnd(eventDateProfile.isAllDay(), start);
+        }
+        return new EventDateProfile_1.default(start, end, calendar);
+    };
+    EventDefDateMutation.prototype.setDateDelta = function (dateDelta) {
+        if (dateDelta && dateDelta.valueOf()) {
+            this.dateDelta = dateDelta;
+        }
+        else {
+            this.dateDelta = null;
+        }
+    };
+    EventDefDateMutation.prototype.setStartDelta = function (startDelta) {
+        if (startDelta && startDelta.valueOf()) {
+            this.startDelta = startDelta;
+        }
+        else {
+            this.startDelta = null;
+        }
+    };
+    EventDefDateMutation.prototype.setEndDelta = function (endDelta) {
+        if (endDelta && endDelta.valueOf()) {
+            this.endDelta = endDelta;
+        }
+        else {
+            this.endDelta = null;
+        }
+    };
+    EventDefDateMutation.prototype.isEmpty = function () {
+        return !this.clearEnd && !this.forceTimed && !this.forceAllDay &&
+            !this.dateDelta && !this.startDelta && !this.endDelta;
+    };
+    return EventDefDateMutation;
+}());
+exports.default = EventDefDateMutation;
+
+
+/***/ }),
+/* 41 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var Class_1 = __webpack_require__(35);
+/*
+Embodies a div that has potential scrollbars
+*/
+var Scroller = /** @class */ (function (_super) {
+    tslib_1.__extends(Scroller, _super);
+    function Scroller(options) {
+        var _this = _super.call(this) || this;
+        options = options || {};
+        _this.overflowX = options.overflowX || options.overflow || 'auto';
+        _this.overflowY = options.overflowY || options.overflow || 'auto';
+        return _this;
+    }
+    Scroller.prototype.render = function () {
+        this.el = this.renderEl();
+        this.applyOverflow();
+    };
+    Scroller.prototype.renderEl = function () {
+        return (this.scrollEl = $('<div class="fc-scroller"></div>'));
+    };
+    // sets to natural height, unlocks overflow
+    Scroller.prototype.clear = function () {
+        this.setHeight('auto');
+        this.applyOverflow();
+    };
+    Scroller.prototype.destroy = function () {
+        this.el.remove();
+    };
+    // Overflow
+    // -----------------------------------------------------------------------------------------------------------------
+    Scroller.prototype.applyOverflow = function () {
+        this.scrollEl.css({
+            'overflow-x': this.overflowX,
+            'overflow-y': this.overflowY
+        });
+    };
+    // Causes any 'auto' overflow values to resolves to 'scroll' or 'hidden'.
+    // Useful for preserving scrollbar widths regardless of future resizes.
+    // Can pass in scrollbarWidths for optimization.
+    Scroller.prototype.lockOverflow = function (scrollbarWidths) {
+        var overflowX = this.overflowX;
+        var overflowY = this.overflowY;
+        scrollbarWidths = scrollbarWidths || this.getScrollbarWidths();
+        if (overflowX === 'auto') {
+            overflowX = (scrollbarWidths.top || scrollbarWidths.bottom || // horizontal scrollbars?
+                // OR scrolling pane with massless scrollbars?
+                this.scrollEl[0].scrollWidth - 1 > this.scrollEl[0].clientWidth
+            // subtract 1 because of IE off-by-one issue
+            ) ? 'scroll' : 'hidden';
+        }
+        if (overflowY === 'auto') {
+            overflowY = (scrollbarWidths.left || scrollbarWidths.right || // vertical scrollbars?
+                // OR scrolling pane with massless scrollbars?
+                this.scrollEl[0].scrollHeight - 1 > this.scrollEl[0].clientHeight
+            // subtract 1 because of IE off-by-one issue
+            ) ? 'scroll' : 'hidden';
+        }
+        this.scrollEl.css({ 'overflow-x': overflowX, 'overflow-y': overflowY });
+    };
+    // Getters / Setters
+    // -----------------------------------------------------------------------------------------------------------------
+    Scroller.prototype.setHeight = function (height) {
+        this.scrollEl.height(height);
+    };
+    Scroller.prototype.getScrollTop = function () {
+        return this.scrollEl.scrollTop();
+    };
+    Scroller.prototype.setScrollTop = function (top) {
+        this.scrollEl.scrollTop(top);
+    };
+    Scroller.prototype.getClientWidth = function () {
+        return this.scrollEl[0].clientWidth;
+    };
+    Scroller.prototype.getClientHeight = function () {
+        return this.scrollEl[0].clientHeight;
+    };
+    Scroller.prototype.getScrollbarWidths = function () {
+        return util_1.getScrollbarWidths(this.scrollEl);
+    };
+    return Scroller;
+}(Class_1.default));
+exports.default = Scroller;
+
+
+/***/ }),
+/* 42 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var DateComponent_1 = __webpack_require__(219);
-var GlobalEmitter_1 = __webpack_require__(21);
+var DateComponent_1 = __webpack_require__(231);
+var GlobalEmitter_1 = __webpack_require__(23);
 var InteractiveDateComponent = /** @class */ (function (_super) {
     tslib_1.__extends(InteractiveDateComponent, _super);
     function InteractiveDateComponent(_view, _options) {
@@ -3505,7 +3770,7 @@
 
 
 /***/ }),
-/* 41 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -3513,10 +3778,10 @@
 var $ = __webpack_require__(3);
 var moment = __webpack_require__(0);
 var util_1 = __webpack_require__(4);
-var RenderQueue_1 = __webpack_require__(218);
-var DateProfileGenerator_1 = __webpack_require__(221);
-var InteractiveDateComponent_1 = __webpack_require__(40);
-var GlobalEmitter_1 = __webpack_require__(21);
+var RenderQueue_1 = __webpack_require__(229);
+var DateProfileGenerator_1 = __webpack_require__(55);
+var InteractiveDateComponent_1 = __webpack_require__(42);
+var GlobalEmitter_1 = __webpack_require__(23);
 var UnzonedRange_1 = __webpack_require__(5);
 /* An abstract class from which other views inherit from
 ----------------------------------------------------------------------------------------------------------------------*/
@@ -3566,7 +3831,7 @@
         this.addScroll(this.queryScroll());
     };
     View.prototype.onRenderQueueStop = function () {
-        if (this.calendar.updateViewSize()) {
+        if (this.calendar.updateViewSize()) { // success?
             this.popScroll();
         }
         this.calendar.thawContentHeight();
@@ -3602,7 +3867,7 @@
         if (/^(year|month)$/.test(dateProfile.currentRangeUnit)) {
             unzonedRange = dateProfile.currentUnzonedRange;
         }
-        else {
+        else { // for day units or smaller, use the actual day range
             unzonedRange = dateProfile.activeUnzonedRange;
         }
         return this.formatRange({
@@ -3828,7 +4093,7 @@
     /* Dimensions
     ------------------------------------------------------------------------------------------------------------------*/
     View.prototype.updateSize = function (totalHeight, isAuto, isResize) {
-        if (this['setHeight']) {
+        if (this['setHeight']) { // for legacy API
             this['setHeight'](totalHeight, isAuto);
         }
         else {
@@ -3945,15 +4210,16 @@
         var undoFunc = eventManager.mutateEventsWithId(eventInstance.def.id, eventMutation);
         // update the EventInstance, for handlers
         eventInstance.dateProfile = eventMutation.dateMutation.buildNewDateProfile(eventInstance.dateProfile, this.calendar);
-        this.triggerEventResize(eventInstance, eventMutation.dateMutation.endDelta, undoFunc, el, ev);
+        var resizeDelta = eventMutation.dateMutation.endDelta || eventMutation.dateMutation.startDelta;
+        this.triggerEventResize(eventInstance, resizeDelta, undoFunc, el, ev);
     };
     // Triggers event-resize handlers that have subscribed via the API
-    View.prototype.triggerEventResize = function (eventInstance, durationDelta, undoFunc, el, ev) {
+    View.prototype.triggerEventResize = function (eventInstance, resizeDelta, undoFunc, el, ev) {
         this.publiclyTrigger('eventResize', {
             context: el[0],
             args: [
                 eventInstance.toLegacy(),
-                durationDelta,
+                resizeDelta,
                 undoFunc,
                 ev,
                 {},
@@ -3971,7 +4237,7 @@
         this.reportSelection(footprint, ev);
     };
     View.prototype.renderSelectionFootprint = function (footprint) {
-        if (this['renderSelection']) {
+        if (this['renderSelection']) { // legacy method in custom view classes
             this['renderSelection'](footprint.toLegacy(this.calendar));
         }
         else {
@@ -4030,7 +4296,7 @@
     View.prototype.unselectEventInstance = function () {
         if (this.selectedEventInstance) {
             this.getEventSegs().forEach(function (seg) {
-                if (seg.el) {
+                if (seg.el) { // necessary?
                     seg.el.removeClass('fc-selected');
                 }
             });
@@ -4218,7 +4484,7 @@
 
 
 /***/ }),
-/* 42 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -4282,7 +4548,7 @@
         // render an `.el` on each seg
         // returns a subset of the segs. segs that were actually rendered
         segs = this.renderFgSegEls(segs);
-        if (this.renderFgSegs(segs) !== false) {
+        if (this.renderFgSegs(segs) !== false) { // no failure?
             this.fgSegs = segs;
         }
     };
@@ -4293,7 +4559,7 @@
     EventRenderer.prototype.renderBgRanges = function (eventRanges) {
         var eventFootprints = this.component.eventRangesToEventFootprints(eventRanges);
         var segs = this.component.eventFootprintsToSegs(eventFootprints);
-        if (this.renderBgSegs(segs) !== false) {
+        if (this.renderBgSegs(segs) !== false) { // no failure?
             this.bgSegs = segs;
         }
     };
@@ -4349,7 +4615,7 @@
         var html = '';
         var renderedSegs = [];
         var i;
-        if (segs.length) {
+        if (segs.length) { // don't build an empty html string
             // build a large concatenation of event segment HTML
             for (i = 0; i < segs.length; i++) {
                 this.beforeFgSegHtml(segs[i]);
@@ -4360,7 +4626,7 @@
             $(html).each(function (i, node) {
                 var seg = segs[i];
                 var el = $(node);
-                if (hasEventRenderHandlers) {
+                if (hasEventRenderHandlers) { // optimization
                     el = _this.filterEventRenderEl(seg.footprint, el);
                 }
                 if (el) {
@@ -4405,7 +4671,7 @@
             context: legacy,
             args: [legacy, el, this.view]
         });
-        if (custom === false) {
+        if (custom === false) { // means don't render at all
             el = null;
         }
         else if (custom && custom !== true) {
@@ -4543,19 +4809,19 @@
 
 
 /***/ }),
-/* 43 */,
-/* 44 */,
 /* 45 */,
 /* 46 */,
-/* 47 */
+/* 47 */,
+/* 48 */,
+/* 49 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var moment_ext_1 = __webpack_require__(10);
+var moment_ext_1 = __webpack_require__(11);
 // Plugin
 // -------------------------------------------------------------------------------------------------
 moment_ext_1.newMomentProto.format = function () {
-    if (this._fullCalendar && arguments[0]) {
+    if (this._fullCalendar && arguments[0]) { // an enhanced moment? and a format string provided?
         return formatDate(this, arguments[0]); // our extended formatting
     }
     if (this._ambigTime) {
@@ -4564,7 +4830,7 @@
     if (this._ambigZone) {
         return moment_ext_1.oldMomentFormat(englishMoment(this), 'YYYY-MM-DD[T]HH:mm:ss');
     }
-    if (this._fullCalendar) {
+    if (this._fullCalendar) { // enhanced non-ambig moment?
         // moment.format() doesn't ensure english, but we want to.
         return moment_ext_1.oldMomentFormat(englishMoment(this));
     }
@@ -4577,7 +4843,7 @@
     if (this._ambigZone) {
         return moment_ext_1.oldMomentFormat(englishMoment(this), 'YYYY-MM-DD[T]HH:mm:ss');
     }
-    if (this._fullCalendar) {
+    if (this._fullCalendar) { // enhanced non-ambig moment?
         // depending on browser, moment might not output english. ensure english.
         // https://github.com/moment/moment/blob/2.18.1/src/lib/moment/format.js#L22
         return moment_ext_1.oldMomentProto.toISOString.apply(englishMoment(this), arguments);
@@ -4747,17 +5013,17 @@
     // \4 is a backreference to the first character of a multi-character set.
     var chunker = /\[([^\]]*)\]|$([^$]*)\)|(LTS|LT|(\w)\4*o?)|([^\w\[\(]+)/g;
     while ((match = chunker.exec(formatStr))) {
-        if (match[1]) {
+        if (match[1]) { // a literal string inside [ ... ]
             chunks.push.apply(chunks, // append
             splitStringLiteral(match[1]));
         }
-        else if (match[2]) {
+        else if (match[2]) { // non-zero formatting inside ( ... )
             chunks.push({ maybe: chunkFormatString(match[2]) });
         }
-        else if (match[3]) {
+        else if (match[3]) { // a formatting token
             chunks.push({ token: match[3] });
         }
-        else if (match[5]) {
+        else if (match[5]) { // an unenclosed literal string
             chunks.push.apply(chunks, // append
             splitStringLiteral(match[5]));
         }
@@ -4868,7 +5134,7 @@
 */
 function processMaybeMarkers(s) {
     return s.replace(MAYBE_REGEXP, function (m0, m1) {
-        if (m1.match(/[1-9]/)) {
+        if (m1.match(/[1-9]/)) { // any non-zero numeric characters?
             return m1;
         }
         else {
@@ -4907,13 +5173,31 @@
 
 
 /***/ }),
-/* 48 */
+/* 50 */
+/***/ (function(module, exports) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var EventRange = /** @class */ (function () {
+    function EventRange(unzonedRange, eventDef, eventInstance) {
+        this.unzonedRange = unzonedRange;
+        this.eventDef = eventDef;
+        if (eventInstance) {
+            this.eventInstance = eventInstance;
+        }
+    }
+    return EventRange;
+}());
+exports.default = EventRange;
+
+
+/***/ }),
+/* 51 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var Class_1 = __webpack_require__(33);
-var EmitterMixin_1 = __webpack_require__(11);
+var Class_1 = __webpack_require__(35);
+var EmitterMixin_1 = __webpack_require__(13);
 var ListenerMixin_1 = __webpack_require__(7);
 var Model = /** @class */ (function (_super) {
     tslib_1.__extends(Model, _super);
@@ -5069,8 +5353,8 @@
         var isCallingStop = false;
         var onBeforeDepChange = function (depName, val, isOptional) {
             queuedChangeCnt++;
-            if (queuedChangeCnt === 1) {
-                if (satisfyCnt === depCnt) {
+            if (queuedChangeCnt === 1) { // first change to cause a "stop" ?
+                if (satisfyCnt === depCnt) { // all deps previously satisfied?
                     isCallingStop = true;
                     stopFunc(values);
                     isCallingStop = false;
@@ -5078,14 +5362,14 @@
             }
         };
         var onDepChange = function (depName, val, isOptional) {
-            if (val === undefined) {
+            if (val === undefined) { // unsetting a value?
                 // required dependency that was previously set?
                 if (!isOptional && values[depName] !== undefined) {
                     satisfyCnt--;
                 }
                 delete values[depName];
             }
-            else {
+            else { // setting a value?
                 // required dependency that was previously unset?
                 if (!isOptional && values[depName] === undefined) {
                     satisfyCnt++;
@@ -5093,7 +5377,7 @@
                 values[depName] = val;
             }
             queuedChangeCnt--;
-            if (!queuedChangeCnt) {
+            if (!queuedChangeCnt) { // last change to cause a "start"?
                 // now finally satisfied or satisfied all along?
                 if (satisfyCnt === depCnt) {
                     // if the stopFunc initiated another value change, ignore it.
@@ -5112,7 +5396,7 @@
         // listen to dependency changes
         depList.forEach(function (depName) {
             var isOptional = false;
-            if (depName.charAt(0) === '?') {
+            if (depName.charAt(0) === '?') { // TODO: more DRY
                 depName = depName.substring(1);
                 isOptional = true;
             }
@@ -5126,7 +5410,7 @@
         // process current dependency values
         depList.forEach(function (depName) {
             var isOptional = false;
-            if (depName.charAt(0) === '?') {
+            if (depName.charAt(0) === '?') { // TODO: more DRY
                 depName = depName.substring(1);
                 isOptional = true;
             }
@@ -5177,8637 +5461,8408 @@
 
 
 /***/ }),
-/* 49 */
+/* 52 */
 /***/ (function(module, exports, __webpack_require__) {
 
+/*
+USAGE:
+  import { default as ParsableModelMixin, ParsableModelInterface } from './ParsableModelMixin'
+in class:
+  applyProps: ParsableModelInterface['applyProps']
+  applyManualStandardProps: ParsableModelInterface['applyManualStandardProps']
+  applyMiscProps: ParsableModelInterface['applyMiscProps']
+  isStandardProp: ParsableModelInterface['isStandardProp']
+  static defineStandardProps = ParsableModelMixin.defineStandardProps
+  static copyVerbatimStandardProps = ParsableModelMixin.copyVerbatimStandardProps
+after class:
+  ParsableModelMixin.mixInto(TheClass)
+*/
 Object.defineProperty(exports, "__esModule", { value: true });
-var moment = __webpack_require__(0);
+var tslib_1 = __webpack_require__(2);
 var util_1 = __webpack_require__(4);
-var SingleEventDef_1 = __webpack_require__(13);
-var RecurringEventDef_1 = __webpack_require__(210);
-exports.default = {
-    parse: function (eventInput, source) {
-        if (util_1.isTimeString(eventInput.start) || moment.isDuration(eventInput.start) ||
-            util_1.isTimeString(eventInput.end) || moment.isDuration(eventInput.end)) {
-            return RecurringEventDef_1.default.parse(eventInput, source);
+var Mixin_1 = __webpack_require__(15);
+var ParsableModelMixin = /** @class */ (function (_super) {
+    tslib_1.__extends(ParsableModelMixin, _super);
+    function ParsableModelMixin() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ParsableModelMixin.defineStandardProps = function (propDefs) {
+        var proto = this.prototype;
+        if (!proto.hasOwnProperty('standardPropMap')) {
+            proto.standardPropMap = Object.create(proto.standardPropMap);
         }
-        else {
-            return SingleEventDef_1.default.parse(eventInput, source);
+        util_1.copyOwnProps(propDefs, proto.standardPropMap);
+    };
+    ParsableModelMixin.copyVerbatimStandardProps = function (src, dest) {
+        var map = this.prototype.standardPropMap;
+        var propName;
+        for (propName in map) {
+            if (src[propName] != null && // in the src object?
+                map[propName] === true // false means "copy verbatim"
+            ) {
+                dest[propName] = src[propName];
+            }
         }
-    }
-};
-
-
-/***/ }),
-/* 50 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var util_1 = __webpack_require__(4);
-var EventDateProfile_1 = __webpack_require__(17);
-var EventDefDateMutation = /** @class */ (function () {
-    function EventDefDateMutation() {
-        this.clearEnd = false;
-        this.forceTimed = false;
-        this.forceAllDay = false;
-    }
-    EventDefDateMutation.createFromDiff = function (dateProfile0, dateProfile1, largeUnit) {
-        var clearEnd = dateProfile0.end && !dateProfile1.end;
-        var forceTimed = dateProfile0.isAllDay() && !dateProfile1.isAllDay();
-        var forceAllDay = !dateProfile0.isAllDay() && dateProfile1.isAllDay();
-        var dateDelta;
-        var endDiff;
-        var endDelta;
-        var mutation;
-        // subtracts the dates in the appropriate way, returning a duration
-        function subtractDates(date1, date0) {
-            if (largeUnit) {
-                return util_1.diffByUnit(date1, date0, largeUnit); // poorly named
-            }
-            else if (dateProfile1.isAllDay()) {
-                return util_1.diffDay(date1, date0); // poorly named
-            }
-            else {
-                return util_1.diffDayTime(date1, date0); // poorly named
-            }
-        }
-        dateDelta = subtractDates(dateProfile1.start, dateProfile0.start);
-        if (dateProfile1.end) {
-            // use unzonedRanges because dateProfile0.end might be null
-            endDiff = subtractDates(dateProfile1.unzonedRange.getEnd(), dateProfile0.unzonedRange.getEnd());
-            endDelta = endDiff.subtract(dateDelta);
-        }
-        mutation = new EventDefDateMutation();
-        mutation.clearEnd = clearEnd;
-        mutation.forceTimed = forceTimed;
-        mutation.forceAllDay = forceAllDay;
-        mutation.setDateDelta(dateDelta);
-        mutation.setEndDelta(endDelta);
-        return mutation;
     };
     /*
-    returns an undo function.
+    Returns true/false for success.
+    Meant to be only called ONCE, at object creation.
     */
-    EventDefDateMutation.prototype.buildNewDateProfile = function (eventDateProfile, calendar) {
-        var start = eventDateProfile.start.clone();
-        var end = null;
-        var shouldRezone = false;
-        if (eventDateProfile.end && !this.clearEnd) {
-            end = eventDateProfile.end.clone();
-        }
-        else if (this.endDelta && !end) {
-            end = calendar.getDefaultEventEnd(eventDateProfile.isAllDay(), start);
-        }
-        if (this.forceTimed) {
-            shouldRezone = true;
-            if (!start.hasTime()) {
-                start.time(0);
-            }
-            if (end && !end.hasTime()) {
-                end.time(0);
-            }
-        }
-        else if (this.forceAllDay) {
-            if (start.hasTime()) {
-                start.stripTime();
-            }
-            if (end && end.hasTime()) {
-                end.stripTime();
+    ParsableModelMixin.prototype.applyProps = function (rawProps) {
+        var standardPropMap = this.standardPropMap;
+        var manualProps = {};
+        var miscProps = {};
+        var propName;
+        for (propName in rawProps) {
+            if (standardPropMap[propName] === true) { // copy verbatim
+                this[propName] = rawProps[propName];
             }
-        }
-        if (this.dateDelta) {
-            shouldRezone = true;
-            start.add(this.dateDelta);
-            if (end) {
-                end.add(this.dateDelta);
+            else if (standardPropMap[propName] === false) {
+                manualProps[propName] = rawProps[propName];
             }
-        }
-        // do this before adding startDelta to start, so we can work off of start
-        if (this.endDelta) {
-            shouldRezone = true;
-            end.add(this.endDelta);
-        }
-        if (this.startDelta) {
-            shouldRezone = true;
-            start.add(this.startDelta);
-        }
-        if (shouldRezone) {
-            start = calendar.applyTimezone(start);
-            if (end) {
-                end = calendar.applyTimezone(end);
+            else {
+                miscProps[propName] = rawProps[propName];
             }
         }
-        // TODO: okay to access calendar option?
-        if (!end && calendar.opt('forceEventDuration')) {
-            end = calendar.getDefaultEventEnd(eventDateProfile.isAllDay(), start);
-        }
-        return new EventDateProfile_1.default(start, end, calendar);
-    };
-    EventDefDateMutation.prototype.setDateDelta = function (dateDelta) {
-        if (dateDelta && dateDelta.valueOf()) {
-            this.dateDelta = dateDelta;
-        }
-        else {
-            this.dateDelta = null;
-        }
+        this.applyMiscProps(miscProps);
+        return this.applyManualStandardProps(manualProps);
     };
-    EventDefDateMutation.prototype.setStartDelta = function (startDelta) {
-        if (startDelta && startDelta.valueOf()) {
-            this.startDelta = startDelta;
-        }
-        else {
-            this.startDelta = null;
-        }
+    /*
+    If subclasses override, they must call this supermethod and return the boolean response.
+    Meant to be only called ONCE, at object creation.
+    */
+    ParsableModelMixin.prototype.applyManualStandardProps = function (rawProps) {
+        return true;
     };
-    EventDefDateMutation.prototype.setEndDelta = function (endDelta) {
-        if (endDelta && endDelta.valueOf()) {
-            this.endDelta = endDelta;
-        }
-        else {
-            this.endDelta = null;
-        }
+    /*
+    Can be called even after initial object creation.
+    */
+    ParsableModelMixin.prototype.applyMiscProps = function (rawProps) {
+        // subclasses can implement
     };
-    EventDefDateMutation.prototype.isEmpty = function () {
-        return !this.clearEnd && !this.forceTimed && !this.forceAllDay &&
-            !this.dateDelta && !this.startDelta && !this.endDelta;
+    /*
+    TODO: why is this a method when defineStandardProps is static
+    */
+    ParsableModelMixin.prototype.isStandardProp = function (propName) {
+        return propName in this.standardPropMap;
     };
-    return EventDefDateMutation;
-}());
-exports.default = EventDefDateMutation;
+    return ParsableModelMixin;
+}(Mixin_1.default));
+exports.default = ParsableModelMixin;
+ParsableModelMixin.prototype.standardPropMap = {}; // will be cloned by defineStandardProps
 
 
 /***/ }),
-/* 51 */
-/***/ (function(module, exports, __webpack_require__) {
+/* 53 */
+/***/ (function(module, exports) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var StandardTheme_1 = __webpack_require__(213);
-var JqueryUiTheme_1 = __webpack_require__(214);
-var themeClassHash = {};
-function defineThemeSystem(themeName, themeClass) {
-    themeClassHash[themeName] = themeClass;
-}
-exports.defineThemeSystem = defineThemeSystem;
-function getThemeSystemClass(themeSetting) {
-    if (!themeSetting) {
-        return StandardTheme_1.default;
-    }
-    else if (themeSetting === true) {
-        return JqueryUiTheme_1.default;
-    }
-    else {
-        return themeClassHash[themeSetting];
+var EventInstance = /** @class */ (function () {
+    function EventInstance(def, dateProfile) {
+        this.def = def;
+        this.dateProfile = dateProfile;
     }
-}
-exports.getThemeSystemClass = getThemeSystemClass;
+    EventInstance.prototype.toLegacy = function () {
+        var dateProfile = this.dateProfile;
+        var obj = this.def.toLegacy();
+        obj.start = dateProfile.start.clone();
+        obj.end = dateProfile.end ? dateProfile.end.clone() : null;
+        return obj;
+    };
+    return EventInstance;
+}());
+exports.default = EventInstance;
 
 
 /***/ }),
-/* 52 */
+/* 54 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var Promise_1 = __webpack_require__(20);
-var EventSource_1 = __webpack_require__(6);
-var SingleEventDef_1 = __webpack_require__(13);
-var ArrayEventSource = /** @class */ (function (_super) {
-    tslib_1.__extends(ArrayEventSource, _super);
-    function ArrayEventSource(calendar) {
-        var _this = _super.call(this, calendar) || this;
-        _this.eventDefs = []; // for if setRawEventDefs is never called
-        return _this;
+var moment = __webpack_require__(0);
+var EventDef_1 = __webpack_require__(37);
+var EventInstance_1 = __webpack_require__(53);
+var EventDateProfile_1 = __webpack_require__(16);
+var RecurringEventDef = /** @class */ (function (_super) {
+    tslib_1.__extends(RecurringEventDef, _super);
+    function RecurringEventDef() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    ArrayEventSource.parse = function (rawInput, calendar) {
-        var rawProps;
-        // normalize raw input
-        if ($.isArray(rawInput.events)) {
-            rawProps = rawInput;
+    RecurringEventDef.prototype.isAllDay = function () {
+        return !this.startTime && !this.endTime;
+    };
+    RecurringEventDef.prototype.buildInstances = function (unzonedRange) {
+        var calendar = this.source.calendar;
+        var unzonedDate = unzonedRange.getStart();
+        var unzonedEnd = unzonedRange.getEnd();
+        var zonedDayStart;
+        var instanceStart;
+        var instanceEnd;
+        var instances = [];
+        while (unzonedDate.isBefore(unzonedEnd)) {
+            // if everyday, or this particular day-of-week
+            if (!this.dowHash || this.dowHash[unzonedDate.day()]) {
+                zonedDayStart = calendar.applyTimezone(unzonedDate);
+                instanceStart = zonedDayStart.clone();
+                instanceEnd = null;
+                if (this.startTime) {
+                    instanceStart.time(this.startTime);
+                }
+                else {
+                    instanceStart.stripTime();
+                }
+                if (this.endTime) {
+                    instanceEnd = zonedDayStart.clone().time(this.endTime);
+                }
+                instances.push(new EventInstance_1.default(this, // definition
+                new EventDateProfile_1.default(instanceStart, instanceEnd, calendar)));
+            }
+            unzonedDate.add(1, 'days');
         }
-        else if ($.isArray(rawInput)) {
-            rawProps = { events: rawInput };
+        return instances;
+    };
+    RecurringEventDef.prototype.setDow = function (dowNumbers) {
+        if (!this.dowHash) {
+            this.dowHash = {};
         }
-        if (rawProps) {
-            return EventSource_1.default.parse.call(this, rawProps, calendar);
+        for (var i = 0; i < dowNumbers.length; i++) {
+            this.dowHash[dowNumbers[i]] = true;
         }
-        return false;
-    };
-    ArrayEventSource.prototype.setRawEventDefs = function (rawEventDefs) {
-        this.rawEventDefs = rawEventDefs;
-        this.eventDefs = this.parseEventDefs(rawEventDefs);
     };
-    ArrayEventSource.prototype.fetch = function (start, end, timezone) {
-        var eventDefs = this.eventDefs;
-        var i;
-        if (this.currentTimezone != null &&
-            this.currentTimezone !== timezone) {
-            for (i = 0; i < eventDefs.length; i++) {
-                if (eventDefs[i] instanceof SingleEventDef_1.default) {
-                    eventDefs[i].rezone();
-                }
-            }
+    RecurringEventDef.prototype.clone = function () {
+        var def = _super.prototype.clone.call(this);
+        if (def.startTime) {
+            def.startTime = moment.duration(this.startTime);
         }
-        this.currentTimezone = timezone;
-        return Promise_1.default.resolve(eventDefs);
-    };
-    ArrayEventSource.prototype.addEventDef = function (eventDef) {
-        this.eventDefs.push(eventDef);
-    };
-    /*
-    eventDefId already normalized to a string
-    */
-    ArrayEventSource.prototype.removeEventDefsById = function (eventDefId) {
-        return util_1.removeMatching(this.eventDefs, function (eventDef) {
-            return eventDef.id === eventDefId;
-        });
-    };
-    ArrayEventSource.prototype.removeAllEventDefs = function () {
-        this.eventDefs = [];
-    };
-    ArrayEventSource.prototype.getPrimitive = function () {
-        return this.rawEventDefs;
-    };
-    ArrayEventSource.prototype.applyManualStandardProps = function (rawProps) {
-        var superSuccess = _super.prototype.applyManualStandardProps.call(this, rawProps);
-        this.setRawEventDefs(rawProps.events);
-        return superSuccess;
+        if (def.endTime) {
+            def.endTime = moment.duration(this.endTime);
+        }
+        if (this.dowHash) {
+            def.dowHash = $.extend({}, this.dowHash);
+        }
+        return def;
     };
-    return ArrayEventSource;
-}(EventSource_1.default));
-exports.default = ArrayEventSource;
-ArrayEventSource.defineStandardProps({
-    events: false // don't automatically transfer
+    return RecurringEventDef;
+}(EventDef_1.default));
+exports.default = RecurringEventDef;
+/*
+HACK to work with TypeScript mixins
+NOTE: if super-method fails, should still attempt to apply
+*/
+RecurringEventDef.prototype.applyProps = function (rawProps) {
+    var superSuccess = EventDef_1.default.prototype.applyProps.call(this, rawProps);
+    if (rawProps.start) {
+        this.startTime = moment.duration(rawProps.start);
+    }
+    if (rawProps.end) {
+        this.endTime = moment.duration(rawProps.end);
+    }
+    if (rawProps.dow) {
+        this.setDow(rawProps.dow);
+    }
+    return superSuccess;
+};
+// Parsing
+// ---------------------------------------------------------------------------------------------------------------------
+RecurringEventDef.defineStandardProps({
+    start: false,
+    end: false,
+    dow: false
 });
 
 
 /***/ }),
-/* 53 */
+/* 55 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
+var moment = __webpack_require__(0);
 var util_1 = __webpack_require__(4);
-/*
-A cache for the left/right/top/bottom/width/height values for one or more elements.
-Works with both offset (from topleft document) and position (from offsetParent).
-
-options:
-- els
-- isHorizontal
-- isVertical
-*/
-var CoordCache = /** @class */ (function () {
-    function CoordCache(options) {
-        this.isHorizontal = false; // whether to query for left/right/width
-        this.isVertical = false; // whether to query for top/bottom/height
-        this.els = $(options.els);
-        this.isHorizontal = options.isHorizontal;
-        this.isVertical = options.isVertical;
-        this.forcedOffsetParentEl = options.offsetParent ? $(options.offsetParent) : null;
+var UnzonedRange_1 = __webpack_require__(5);
+var DateProfileGenerator = /** @class */ (function () {
+    function DateProfileGenerator(_view) {
+        this._view = _view;
     }
-    // Queries the els for coordinates and stores them.
-    // Call this method before using and of the get* methods below.
-    CoordCache.prototype.build = function () {
-        var offsetParentEl = this.forcedOffsetParentEl;
-        if (!offsetParentEl && this.els.length > 0) {
-            offsetParentEl = this.els.eq(0).offsetParent();
-        }
-        this.origin = offsetParentEl ?
-            offsetParentEl.offset() :
-            null;
-        this.boundingRect = this.queryBoundingRect();
-        if (this.isHorizontal) {
-            this.buildElHorizontals();
-        }
-        if (this.isVertical) {
-            this.buildElVerticals();
-        }
+    DateProfileGenerator.prototype.opt = function (name) {
+        return this._view.opt(name);
     };
-    // Destroys all internal data about coordinates, freeing memory
-    CoordCache.prototype.clear = function () {
-        this.origin = null;
-        this.boundingRect = null;
-        this.lefts = null;
-        this.rights = null;
-        this.tops = null;
-        this.bottoms = null;
+    DateProfileGenerator.prototype.trimHiddenDays = function (unzonedRange) {
+        return this._view.trimHiddenDays(unzonedRange);
     };
-    // When called, if coord caches aren't built, builds them
-    CoordCache.prototype.ensureBuilt = function () {
-        if (!this.origin) {
-            this.build();
-        }
+    DateProfileGenerator.prototype.msToUtcMoment = function (ms, forceAllDay) {
+        return this._view.calendar.msToUtcMoment(ms, forceAllDay);
     };
-    // Populates the left/right internal coordinate arrays
-    CoordCache.prototype.buildElHorizontals = function () {
-        var lefts = [];
-        var rights = [];
-        this.els.each(function (i, node) {
-            var el = $(node);
-            var left = el.offset().left;
-            var width = el.outerWidth();
-            lefts.push(left);
-            rights.push(left + width);
-        });
-        this.lefts = lefts;
-        this.rights = rights;
+    /* Date Range Computation
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Builds a structure with info about what the dates/ranges will be for the "prev" view.
+    DateProfileGenerator.prototype.buildPrev = function (currentDateProfile) {
+        var prevDate = currentDateProfile.date.clone()
+            .startOf(currentDateProfile.currentRangeUnit)
+            .subtract(currentDateProfile.dateIncrement);
+        return this.build(prevDate, -1);
     };
-    // Populates the top/bottom internal coordinate arrays
-    CoordCache.prototype.buildElVerticals = function () {
-        var tops = [];
-        var bottoms = [];
-        this.els.each(function (i, node) {
-            var el = $(node);
-            var top = el.offset().top;
-            var height = el.outerHeight();
-            tops.push(top);
-            bottoms.push(top + height);
-        });
-        this.tops = tops;
-        this.bottoms = bottoms;
+    // Builds a structure with info about what the dates/ranges will be for the "next" view.
+    DateProfileGenerator.prototype.buildNext = function (currentDateProfile) {
+        var nextDate = currentDateProfile.date.clone()
+            .startOf(currentDateProfile.currentRangeUnit)
+            .add(currentDateProfile.dateIncrement);
+        return this.build(nextDate, 1);
     };
-    // Given a left offset (from document left), returns the index of the el that it horizontally intersects.
-    // If no intersection is made, returns undefined.
-    CoordCache.prototype.getHorizontalIndex = function (leftOffset) {
-        this.ensureBuilt();
-        var lefts = this.lefts;
-        var rights = this.rights;
-        var len = lefts.length;
-        var i;
-        for (i = 0; i < len; i++) {
-            if (leftOffset >= lefts[i] && leftOffset < rights[i]) {
-                return i;
-            }
+    // Builds a structure holding dates/ranges for rendering around the given date.
+    // Optional direction param indicates whether the date is being incremented/decremented
+    // from its previous value. decremented = -1, incremented = 1 (default).
+    DateProfileGenerator.prototype.build = function (date, direction, forceToValid) {
+        if (forceToValid === void 0) { forceToValid = false; }
+        var isDateAllDay = !date.hasTime();
+        var validUnzonedRange;
+        var minTime = null;
+        var maxTime = null;
+        var currentInfo;
+        var isRangeAllDay;
+        var renderUnzonedRange;
+        var activeUnzonedRange;
+        var isValid;
+        validUnzonedRange = this.buildValidRange();
+        validUnzonedRange = this.trimHiddenDays(validUnzonedRange);
+        if (forceToValid) {
+            date = this.msToUtcMoment(validUnzonedRange.constrainDate(date), // returns MS
+            isDateAllDay);
         }
-    };
-    // Given a top offset (from document top), returns the index of the el that it vertically intersects.
-    // If no intersection is made, returns undefined.
-    CoordCache.prototype.getVerticalIndex = function (topOffset) {
-        this.ensureBuilt();
-        var tops = this.tops;
-        var bottoms = this.bottoms;
-        var len = tops.length;
-        var i;
-        for (i = 0; i < len; i++) {
-            if (topOffset >= tops[i] && topOffset < bottoms[i]) {
-                return i;
-            }
+        currentInfo = this.buildCurrentRangeInfo(date, direction);
+        isRangeAllDay = /^(year|month|week|day)$/.test(currentInfo.unit);
+        renderUnzonedRange = this.buildRenderRange(this.trimHiddenDays(currentInfo.unzonedRange), currentInfo.unit, isRangeAllDay);
+        renderUnzonedRange = this.trimHiddenDays(renderUnzonedRange);
+        activeUnzonedRange = renderUnzonedRange.clone();
+        if (!this.opt('showNonCurrentDates')) {
+            activeUnzonedRange = activeUnzonedRange.intersect(currentInfo.unzonedRange);
         }
+        minTime = moment.duration(this.opt('minTime'));
+        maxTime = moment.duration(this.opt('maxTime'));
+        activeUnzonedRange = this.adjustActiveRange(activeUnzonedRange, minTime, maxTime);
+        activeUnzonedRange = activeUnzonedRange.intersect(validUnzonedRange); // might return null
+        if (activeUnzonedRange) {
+            date = this.msToUtcMoment(activeUnzonedRange.constrainDate(date), // returns MS
+            isDateAllDay);
+        }
+        // it's invalid if the originally requested date is not contained,
+        // or if the range is completely outside of the valid range.
+        isValid = currentInfo.unzonedRange.intersectsWith(validUnzonedRange);
+        return {
+            // constraint for where prev/next operations can go and where events can be dragged/resized to.
+            // an object with optional start and end properties.
+            validUnzonedRange: validUnzonedRange,
+            // range the view is formally responsible for.
+            // for example, a month view might have 1st-31st, excluding padded dates
+            currentUnzonedRange: currentInfo.unzonedRange,
+            // name of largest unit being displayed, like "month" or "week"
+            currentRangeUnit: currentInfo.unit,
+            isRangeAllDay: isRangeAllDay,
+            // dates that display events and accept drag-n-drop
+            // will be `null` if no dates accept events
+            activeUnzonedRange: activeUnzonedRange,
+            // date range with a rendered skeleton
+            // includes not-active days that need some sort of DOM
+            renderUnzonedRange: renderUnzonedRange,
+            // Duration object that denotes the first visible time of any given day
+            minTime: minTime,
+            // Duration object that denotes the exclusive visible end time of any given day
+            maxTime: maxTime,
+            isValid: isValid,
+            date: date,
+            // how far the current date will move for a prev/next operation
+            dateIncrement: this.buildDateIncrement(currentInfo.duration)
+            // pass a fallback (might be null) ^
+        };
     };
-    // Gets the left offset (from document left) of the element at the given index
-    CoordCache.prototype.getLeftOffset = function (leftIndex) {
-        this.ensureBuilt();
-        return this.lefts[leftIndex];
-    };
-    // Gets the left position (from offsetParent left) of the element at the given index
-    CoordCache.prototype.getLeftPosition = function (leftIndex) {
-        this.ensureBuilt();
-        return this.lefts[leftIndex] - this.origin.left;
-    };
-    // Gets the right offset (from document left) of the element at the given index.
-    // This value is NOT relative to the document's right edge, like the CSS concept of "right" would be.
-    CoordCache.prototype.getRightOffset = function (leftIndex) {
-        this.ensureBuilt();
-        return this.rights[leftIndex];
-    };
-    // Gets the right position (from offsetParent left) of the element at the given index.
-    // This value is NOT relative to the offsetParent's right edge, like the CSS concept of "right" would be.
-    CoordCache.prototype.getRightPosition = function (leftIndex) {
-        this.ensureBuilt();
-        return this.rights[leftIndex] - this.origin.left;
-    };
-    // Gets the width of the element at the given index
-    CoordCache.prototype.getWidth = function (leftIndex) {
-        this.ensureBuilt();
-        return this.rights[leftIndex] - this.lefts[leftIndex];
-    };
-    // Gets the top offset (from document top) of the element at the given index
-    CoordCache.prototype.getTopOffset = function (topIndex) {
-        this.ensureBuilt();
-        return this.tops[topIndex];
-    };
-    // Gets the top position (from offsetParent top) of the element at the given position
-    CoordCache.prototype.getTopPosition = function (topIndex) {
-        this.ensureBuilt();
-        return this.tops[topIndex] - this.origin.top;
+    // Builds an object with optional start/end properties.
+    // Indicates the minimum/maximum dates to display.
+    // not responsible for trimming hidden days.
+    DateProfileGenerator.prototype.buildValidRange = function () {
+        return this._view.getUnzonedRangeOption('validRange', this._view.calendar.getNow()) ||
+            new UnzonedRange_1.default(); // completely open-ended
     };
-    // Gets the bottom offset (from the document top) of the element at the given index.
-    // This value is NOT relative to the offsetParent's bottom edge, like the CSS concept of "bottom" would be.
-    CoordCache.prototype.getBottomOffset = function (topIndex) {
-        this.ensureBuilt();
-        return this.bottoms[topIndex];
+    // Builds a structure with info about the "current" range, the range that is
+    // highlighted as being the current month for example.
+    // See build() for a description of `direction`.
+    // Guaranteed to have `range` and `unit` properties. `duration` is optional.
+    // TODO: accept a MS-time instead of a moment `date`?
+    DateProfileGenerator.prototype.buildCurrentRangeInfo = function (date, direction) {
+        var viewSpec = this._view.viewSpec;
+        var duration = null;
+        var unit = null;
+        var unzonedRange = null;
+        var dayCount;
+        if (viewSpec.duration) {
+            duration = viewSpec.duration;
+            unit = viewSpec.durationUnit;
+            unzonedRange = this.buildRangeFromDuration(date, direction, duration, unit);
+        }
+        else if ((dayCount = this.opt('dayCount'))) {
+            unit = 'day';
+            unzonedRange = this.buildRangeFromDayCount(date, direction, dayCount);
+        }
+        else if ((unzonedRange = this.buildCustomVisibleRange(date))) {
+            unit = util_1.computeGreatestUnit(unzonedRange.getStart(), unzonedRange.getEnd());
+        }
+        else {
+            duration = this.getFallbackDuration();
+            unit = util_1.computeGreatestUnit(duration);
+            unzonedRange = this.buildRangeFromDuration(date, direction, duration, unit);
+        }
+        return { duration: duration, unit: unit, unzonedRange: unzonedRange };
     };
-    // Gets the bottom position (from the offsetParent top) of the element at the given index.
-    // This value is NOT relative to the offsetParent's bottom edge, like the CSS concept of "bottom" would be.
-    CoordCache.prototype.getBottomPosition = function (topIndex) {
-        this.ensureBuilt();
-        return this.bottoms[topIndex] - this.origin.top;
+    DateProfileGenerator.prototype.getFallbackDuration = function () {
+        return moment.duration({ days: 1 });
     };
-    // Gets the height of the element at the given index
-    CoordCache.prototype.getHeight = function (topIndex) {
-        this.ensureBuilt();
-        return this.bottoms[topIndex] - this.tops[topIndex];
+    // Returns a new activeUnzonedRange to have time values (un-ambiguate)
+    // minTime or maxTime causes the range to expand.
+    DateProfileGenerator.prototype.adjustActiveRange = function (unzonedRange, minTime, maxTime) {
+        var start = unzonedRange.getStart();
+        var end = unzonedRange.getEnd();
+        if (this._view.usesMinMaxTime) {
+            if (minTime < 0) {
+                start.time(0).add(minTime);
+            }
+            if (maxTime > 24 * 60 * 60 * 1000) { // beyond 24 hours?
+                end.time(maxTime - (24 * 60 * 60 * 1000));
+            }
+        }
+        return new UnzonedRange_1.default(start, end);
     };
-    // Bounding Rect
-    // TODO: decouple this from CoordCache
-    // Compute and return what the elements' bounding rectangle is, from the user's perspective.
-    // Right now, only returns a rectangle if constrained by an overflow:scroll element.
-    // Returns null if there are no elements
-    CoordCache.prototype.queryBoundingRect = function () {
-        var scrollParentEl;
-        if (this.els.length > 0) {
-            scrollParentEl = util_1.getScrollParent(this.els.eq(0));
-            if (!scrollParentEl.is(document)) {
-                return util_1.getClientRect(scrollParentEl);
+    // Builds the "current" range when it is specified as an explicit duration.
+    // `unit` is the already-computed computeGreatestUnit value of duration.
+    // TODO: accept a MS-time instead of a moment `date`?
+    DateProfileGenerator.prototype.buildRangeFromDuration = function (date, direction, duration, unit) {
+        var alignment = this.opt('dateAlignment');
+        var dateIncrementInput;
+        var dateIncrementDuration;
+        var start;
+        var end;
+        var res;
+        // compute what the alignment should be
+        if (!alignment) {
+            dateIncrementInput = this.opt('dateIncrement');
+            if (dateIncrementInput) {
+                dateIncrementDuration = moment.duration(dateIncrementInput);
+                // use the smaller of the two units
+                if (dateIncrementDuration < duration) {
+                    alignment = util_1.computeDurationGreatestUnit(dateIncrementDuration, dateIncrementInput);
+                }
+                else {
+                    alignment = unit;
+                }
+            }
+            else {
+                alignment = unit;
             }
         }
-        return null;
+        // if the view displays a single day or smaller
+        if (duration.as('days') <= 1) {
+            if (this._view.isHiddenDay(start)) {
+                start = this._view.skipHiddenDays(start, direction);
+                start.startOf('day');
+            }
+        }
+        function computeRes() {
+            start = date.clone().startOf(alignment);
+            end = start.clone().add(duration);
+            res = new UnzonedRange_1.default(start, end);
+        }
+        computeRes();
+        // if range is completely enveloped by hidden days, go past the hidden days
+        if (!this.trimHiddenDays(res)) {
+            date = this._view.skipHiddenDays(date, direction);
+            computeRes();
+        }
+        return res;
     };
-    CoordCache.prototype.isPointInBounds = function (leftOffset, topOffset) {
-        return this.isLeftInBounds(leftOffset) && this.isTopInBounds(topOffset);
+    // Builds the "current" range when a dayCount is specified.
+    // TODO: accept a MS-time instead of a moment `date`?
+    DateProfileGenerator.prototype.buildRangeFromDayCount = function (date, direction, dayCount) {
+        var customAlignment = this.opt('dateAlignment');
+        var runningCount = 0;
+        var start;
+        var end;
+        if (customAlignment || direction !== -1) {
+            start = date.clone();
+            if (customAlignment) {
+                start.startOf(customAlignment);
+            }
+            start.startOf('day');
+            start = this._view.skipHiddenDays(start);
+            end = start.clone();
+            do {
+                end.add(1, 'day');
+                if (!this._view.isHiddenDay(end)) {
+                    runningCount++;
+                }
+            } while (runningCount < dayCount);
+        }
+        else {
+            end = date.clone().startOf('day').add(1, 'day');
+            end = this._view.skipHiddenDays(end, -1, true);
+            start = end.clone();
+            do {
+                start.add(-1, 'day');
+                if (!this._view.isHiddenDay(start)) {
+                    runningCount++;
+                }
+            } while (runningCount < dayCount);
+        }
+        return new UnzonedRange_1.default(start, end);
     };
-    CoordCache.prototype.isLeftInBounds = function (leftOffset) {
-        return !this.boundingRect || (leftOffset >= this.boundingRect.left && leftOffset < this.boundingRect.right);
+    // Builds a normalized range object for the "visible" range,
+    // which is a way to define the currentUnzonedRange and activeUnzonedRange at the same time.
+    // TODO: accept a MS-time instead of a moment `date`?
+    DateProfileGenerator.prototype.buildCustomVisibleRange = function (date) {
+        var visibleUnzonedRange = this._view.getUnzonedRangeOption('visibleRange', this._view.calendar.applyTimezone(date) // correct zone. also generates new obj that avoids mutations
+        );
+        if (visibleUnzonedRange && (visibleUnzonedRange.startMs == null || visibleUnzonedRange.endMs == null)) {
+            return null;
+        }
+        return visibleUnzonedRange;
     };
-    CoordCache.prototype.isTopInBounds = function (topOffset) {
-        return !this.boundingRect || (topOffset >= this.boundingRect.top && topOffset < this.boundingRect.bottom);
+    // Computes the range that will represent the element/cells for *rendering*,
+    // but which may have voided days/times.
+    // not responsible for trimming hidden days.
+    DateProfileGenerator.prototype.buildRenderRange = function (currentUnzonedRange, currentRangeUnit, isRangeAllDay) {
+        return currentUnzonedRange.clone();
     };
-    return CoordCache;
+    // Compute the duration value that should be added/substracted to the current date
+    // when a prev/next operation happens.
+    DateProfileGenerator.prototype.buildDateIncrement = function (fallback) {
+        var dateIncrementInput = this.opt('dateIncrement');
+        var customAlignment;
+        if (dateIncrementInput) {
+            return moment.duration(dateIncrementInput);
+        }
+        else if ((customAlignment = this.opt('dateAlignment'))) {
+            return moment.duration(1, customAlignment);
+        }
+        else if (fallback) {
+            return fallback;
+        }
+        else {
+            return moment.duration({ days: 1 });
+        }
+    };
+    return DateProfileGenerator;
 }());
-exports.default = CoordCache;
+exports.default = DateProfileGenerator;
 
 
 /***/ }),
-/* 54 */
+/* 56 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var ListenerMixin_1 = __webpack_require__(7);
-var GlobalEmitter_1 = __webpack_require__(21);
-/* Tracks a drag's mouse movement, firing various handlers
-----------------------------------------------------------------------------------------------------------------------*/
-// TODO: use Emitter
-var DragListener = /** @class */ (function () {
-    function DragListener(options) {
-        this.isInteracting = false;
-        this.isDistanceSurpassed = false;
-        this.isDelayEnded = false;
-        this.isDragging = false;
-        this.isTouch = false;
-        this.isGeneric = false; // initiated by 'dragstart' (jqui)
-        this.shouldCancelTouchScroll = true;
-        this.scrollAlwaysKills = false;
-        this.isAutoScroll = false;
-        // defaults
-        this.scrollSensitivity = 30; // pixels from edge for scrolling to start
-        this.scrollSpeed = 200; // pixels per second, at maximum speed
-        this.scrollIntervalMs = 50; // millisecond wait between scroll increment
-        this.options = options || {};
+var Promise_1 = __webpack_require__(21);
+var EventSource_1 = __webpack_require__(6);
+var SingleEventDef_1 = __webpack_require__(9);
+var ArrayEventSource = /** @class */ (function (_super) {
+    tslib_1.__extends(ArrayEventSource, _super);
+    function ArrayEventSource(calendar) {
+        var _this = _super.call(this, calendar) || this;
+        _this.eventDefs = []; // for if setRawEventDefs is never called
+        return _this;
     }
-    // Interaction (high-level)
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.startInteraction = function (ev, extraOptions) {
-        if (extraOptions === void 0) { extraOptions = {}; }
-        if (ev.type === 'mousedown') {
-            if (GlobalEmitter_1.default.get().shouldIgnoreMouse()) {
-                return;
-            }
-            else if (!util_1.isPrimaryMouseButton(ev)) {
-                return;
-            }
-            else {
-                ev.preventDefault(); // prevents native selection in most browsers
-            }
+    ArrayEventSource.parse = function (rawInput, calendar) {
+        var rawProps;
+        // normalize raw input
+        if ($.isArray(rawInput.events)) { // extended form
+            rawProps = rawInput;
         }
-        if (!this.isInteracting) {
-            // process options
-            this.delay = util_1.firstDefined(extraOptions.delay, this.options.delay, 0);
-            this.minDistance = util_1.firstDefined(extraOptions.distance, this.options.distance, 0);
-            this.subjectEl = this.options.subjectEl;
-            util_1.preventSelection($('body'));
-            this.isInteracting = true;
-            this.isTouch = util_1.getEvIsTouch(ev);
-            this.isGeneric = ev.type === 'dragstart';
-            this.isDelayEnded = false;
-            this.isDistanceSurpassed = false;
-            this.originX = util_1.getEvX(ev);
-            this.originY = util_1.getEvY(ev);
-            this.scrollEl = util_1.getScrollParent($(ev.target));
-            this.bindHandlers();
-            this.initAutoScroll();
-            this.handleInteractionStart(ev);
-            this.startDelay(ev);
-            if (!this.minDistance) {
-                this.handleDistanceSurpassed(ev);
-            }
+        else if ($.isArray(rawInput)) { // short form
+            rawProps = { events: rawInput };
+        }
+        if (rawProps) {
+            return EventSource_1.default.parse.call(this, rawProps, calendar);
         }
+        return false;
     };
-    DragListener.prototype.handleInteractionStart = function (ev) {
-        this.trigger('interactionStart', ev);
+    ArrayEventSource.prototype.setRawEventDefs = function (rawEventDefs) {
+        this.rawEventDefs = rawEventDefs;
+        this.eventDefs = this.parseEventDefs(rawEventDefs);
     };
-    DragListener.prototype.endInteraction = function (ev, isCancelled) {
-        if (this.isInteracting) {
-            this.endDrag(ev);
-            if (this.delayTimeoutId) {
-                clearTimeout(this.delayTimeoutId);
-                this.delayTimeoutId = null;
+    ArrayEventSource.prototype.fetch = function (start, end, timezone) {
+        var eventDefs = this.eventDefs;
+        var i;
+        if (this.currentTimezone != null &&
+            this.currentTimezone !== timezone) {
+            for (i = 0; i < eventDefs.length; i++) {
+                if (eventDefs[i] instanceof SingleEventDef_1.default) {
+                    eventDefs[i].rezone();
+                }
             }
-            this.destroyAutoScroll();
-            this.unbindHandlers();
-            this.isInteracting = false;
-            this.handleInteractionEnd(ev, isCancelled);
-            util_1.allowSelection($('body'));
         }
+        this.currentTimezone = timezone;
+        return Promise_1.default.resolve(eventDefs);
     };
-    DragListener.prototype.handleInteractionEnd = function (ev, isCancelled) {
-        this.trigger('interactionEnd', ev, isCancelled || false);
+    ArrayEventSource.prototype.addEventDef = function (eventDef) {
+        this.eventDefs.push(eventDef);
     };
-    // Binding To DOM
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.bindHandlers = function () {
-        // some browsers (Safari in iOS 10) don't allow preventDefault on touch events that are bound after touchstart,
-        // so listen to the GlobalEmitter singleton, which is always bound, instead of the document directly.
-        var globalEmitter = GlobalEmitter_1.default.get();
-        if (this.isGeneric) {
-            this.listenTo($(document), {
-                drag: this.handleMove,
-                dragstop: this.endInteraction
-            });
-        }
-        else if (this.isTouch) {
-            this.listenTo(globalEmitter, {
-                touchmove: this.handleTouchMove,
-                touchend: this.endInteraction,
-                scroll: this.handleTouchScroll
-            });
-        }
-        else {
-            this.listenTo(globalEmitter, {
-                mousemove: this.handleMouseMove,
-                mouseup: this.endInteraction
-            });
-        }
-        this.listenTo(globalEmitter, {
-            selectstart: util_1.preventDefault,
-            contextmenu: util_1.preventDefault // long taps would open menu on Chrome dev tools
+    /*
+    eventDefId already normalized to a string
+    */
+    ArrayEventSource.prototype.removeEventDefsById = function (eventDefId) {
+        return util_1.removeMatching(this.eventDefs, function (eventDef) {
+            return eventDef.id === eventDefId;
         });
     };
-    DragListener.prototype.unbindHandlers = function () {
-        this.stopListeningTo(GlobalEmitter_1.default.get());
-        this.stopListeningTo($(document)); // for isGeneric
-    };
-    // Drag (high-level)
-    // -----------------------------------------------------------------------------------------------------------------
-    // extraOptions ignored if drag already started
-    DragListener.prototype.startDrag = function (ev, extraOptions) {
-        this.startInteraction(ev, extraOptions); // ensure interaction began
-        if (!this.isDragging) {
-            this.isDragging = true;
-            this.handleDragStart(ev);
-        }
-    };
-    DragListener.prototype.handleDragStart = function (ev) {
-        this.trigger('dragStart', ev);
+    ArrayEventSource.prototype.removeAllEventDefs = function () {
+        this.eventDefs = [];
     };
-    DragListener.prototype.handleMove = function (ev) {
-        var dx = util_1.getEvX(ev) - this.originX;
-        var dy = util_1.getEvY(ev) - this.originY;
-        var minDistance = this.minDistance;
-        var distanceSq; // current distance from the origin, squared
-        if (!this.isDistanceSurpassed) {
-            distanceSq = dx * dx + dy * dy;
-            if (distanceSq >= minDistance * minDistance) {
-                this.handleDistanceSurpassed(ev);
-            }
-        }
-        if (this.isDragging) {
-            this.handleDrag(dx, dy, ev);
-        }
+    ArrayEventSource.prototype.getPrimitive = function () {
+        return this.rawEventDefs;
     };
-    // Called while the mouse is being moved and when we know a legitimate drag is taking place
-    DragListener.prototype.handleDrag = function (dx, dy, ev) {
-        this.trigger('drag', dx, dy, ev);
-        this.updateAutoScroll(ev); // will possibly cause scrolling
+    ArrayEventSource.prototype.applyManualStandardProps = function (rawProps) {
+        var superSuccess = _super.prototype.applyManualStandardProps.call(this, rawProps);
+        this.setRawEventDefs(rawProps.events);
+        return superSuccess;
     };
-    DragListener.prototype.endDrag = function (ev) {
-        if (this.isDragging) {
-            this.isDragging = false;
-            this.handleDragEnd(ev);
+    return ArrayEventSource;
+}(EventSource_1.default));
+exports.default = ArrayEventSource;
+ArrayEventSource.defineStandardProps({
+    events: false // don't automatically transfer
+});
+
+
+/***/ }),
+/* 57 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var StandardTheme_1 = __webpack_require__(221);
+var JqueryUiTheme_1 = __webpack_require__(222);
+var themeClassHash = {};
+function defineThemeSystem(themeName, themeClass) {
+    themeClassHash[themeName] = themeClass;
+}
+exports.defineThemeSystem = defineThemeSystem;
+function getThemeSystemClass(themeSetting) {
+    if (!themeSetting) {
+        return StandardTheme_1.default;
+    }
+    else if (themeSetting === true) {
+        return JqueryUiTheme_1.default;
+    }
+    else {
+        return themeClassHash[themeSetting];
+    }
+}
+exports.getThemeSystemClass = getThemeSystemClass;
+
+
+/***/ }),
+/* 58 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+/*
+A cache for the left/right/top/bottom/width/height values for one or more elements.
+Works with both offset (from topleft document) and position (from offsetParent).
+
+options:
+- els
+- isHorizontal
+- isVertical
+*/
+var CoordCache = /** @class */ (function () {
+    function CoordCache(options) {
+        this.isHorizontal = false; // whether to query for left/right/width
+        this.isVertical = false; // whether to query for top/bottom/height
+        this.els = $(options.els);
+        this.isHorizontal = options.isHorizontal;
+        this.isVertical = options.isVertical;
+        this.forcedOffsetParentEl = options.offsetParent ? $(options.offsetParent) : null;
+    }
+    // Queries the els for coordinates and stores them.
+    // Call this method before using and of the get* methods below.
+    CoordCache.prototype.build = function () {
+        var offsetParentEl = this.forcedOffsetParentEl;
+        if (!offsetParentEl && this.els.length > 0) {
+            offsetParentEl = this.els.eq(0).offsetParent();
         }
-    };
-    DragListener.prototype.handleDragEnd = function (ev) {
-        this.trigger('dragEnd', ev);
-    };
-    // Delay
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.startDelay = function (initialEv) {
-        var _this = this;
-        if (this.delay) {
-            this.delayTimeoutId = setTimeout(function () {
-                _this.handleDelayEnd(initialEv);
-            }, this.delay);
+        this.origin = offsetParentEl ?
+            offsetParentEl.offset() :
+            null;
+        this.boundingRect = this.queryBoundingRect();
+        if (this.isHorizontal) {
+            this.buildElHorizontals();
         }
-        else {
-            this.handleDelayEnd(initialEv);
+        if (this.isVertical) {
+            this.buildElVerticals();
         }
     };
-    DragListener.prototype.handleDelayEnd = function (initialEv) {
-        this.isDelayEnded = true;
-        if (this.isDistanceSurpassed) {
-            this.startDrag(initialEv);
-        }
+    // Destroys all internal data about coordinates, freeing memory
+    CoordCache.prototype.clear = function () {
+        this.origin = null;
+        this.boundingRect = null;
+        this.lefts = null;
+        this.rights = null;
+        this.tops = null;
+        this.bottoms = null;
     };
-    // Distance
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.handleDistanceSurpassed = function (ev) {
-        this.isDistanceSurpassed = true;
-        if (this.isDelayEnded) {
-            this.startDrag(ev);
+    // When called, if coord caches aren't built, builds them
+    CoordCache.prototype.ensureBuilt = function () {
+        if (!this.origin) {
+            this.build();
         }
     };
-    // Mouse / Touch
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.handleTouchMove = function (ev) {
-        // prevent inertia and touchmove-scrolling while dragging
-        if (this.isDragging && this.shouldCancelTouchScroll) {
-            ev.preventDefault();
-        }
-        this.handleMove(ev);
+    // Populates the left/right internal coordinate arrays
+    CoordCache.prototype.buildElHorizontals = function () {
+        var lefts = [];
+        var rights = [];
+        this.els.each(function (i, node) {
+            var el = $(node);
+            var left = el.offset().left;
+            var width = el.outerWidth();
+            lefts.push(left);
+            rights.push(left + width);
+        });
+        this.lefts = lefts;
+        this.rights = rights;
     };
-    DragListener.prototype.handleMouseMove = function (ev) {
-        this.handleMove(ev);
+    // Populates the top/bottom internal coordinate arrays
+    CoordCache.prototype.buildElVerticals = function () {
+        var tops = [];
+        var bottoms = [];
+        this.els.each(function (i, node) {
+            var el = $(node);
+            var top = el.offset().top;
+            var height = el.outerHeight();
+            tops.push(top);
+            bottoms.push(top + height);
+        });
+        this.tops = tops;
+        this.bottoms = bottoms;
     };
-    // Scrolling (unrelated to auto-scroll)
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.handleTouchScroll = function (ev) {
-        // if the drag is being initiated by touch, but a scroll happens before
-        // the drag-initiating delay is over, cancel the drag
-        if (!this.isDragging || this.scrollAlwaysKills) {
-            this.endInteraction(ev, true); // isCancelled=true
+    // Given a left offset (from document left), returns the index of the el that it horizontally intersects.
+    // If no intersection is made, returns undefined.
+    CoordCache.prototype.getHorizontalIndex = function (leftOffset) {
+        this.ensureBuilt();
+        var lefts = this.lefts;
+        var rights = this.rights;
+        var len = lefts.length;
+        var i;
+        for (i = 0; i < len; i++) {
+            if (leftOffset >= lefts[i] && leftOffset < rights[i]) {
+                return i;
+            }
         }
     };
-    // Utils
-    // -----------------------------------------------------------------------------------------------------------------
-    // Triggers a callback. Calls a function in the option hash of the same name.
-    // Arguments beyond the first `name` are forwarded on.
-    DragListener.prototype.trigger = function (name) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        if (this.options[name]) {
-            this.options[name].apply(this, args);
-        }
-        // makes _methods callable by event name. TODO: kill this
-        if (this['_' + name]) {
-            this['_' + name].apply(this, args);
+    // Given a top offset (from document top), returns the index of the el that it vertically intersects.
+    // If no intersection is made, returns undefined.
+    CoordCache.prototype.getVerticalIndex = function (topOffset) {
+        this.ensureBuilt();
+        var tops = this.tops;
+        var bottoms = this.bottoms;
+        var len = tops.length;
+        var i;
+        for (i = 0; i < len; i++) {
+            if (topOffset >= tops[i] && topOffset < bottoms[i]) {
+                return i;
+            }
         }
     };
-    // Auto-scroll
-    // -----------------------------------------------------------------------------------------------------------------
-    DragListener.prototype.initAutoScroll = function () {
-        var scrollEl = this.scrollEl;
-        this.isAutoScroll =
-            this.options.scroll &&
-                scrollEl &&
-                !scrollEl.is(window) &&
-                !scrollEl.is(document);
-        if (this.isAutoScroll) {
-            // debounce makes sure rapid calls don't happen
-            this.listenTo(scrollEl, 'scroll', util_1.debounce(this.handleDebouncedScroll, 100));
-        }
+    // Gets the left offset (from document left) of the element at the given index
+    CoordCache.prototype.getLeftOffset = function (leftIndex) {
+        this.ensureBuilt();
+        return this.lefts[leftIndex];
     };
-    DragListener.prototype.destroyAutoScroll = function () {
-        this.endAutoScroll(); // kill any animation loop
-        // remove the scroll handler if there is a scrollEl
-        if (this.isAutoScroll) {
-            this.stopListeningTo(this.scrollEl, 'scroll'); // will probably get removed by unbindHandlers too :(
-        }
+    // Gets the left position (from offsetParent left) of the element at the given index
+    CoordCache.prototype.getLeftPosition = function (leftIndex) {
+        this.ensureBuilt();
+        return this.lefts[leftIndex] - this.origin.left;
     };
-    // Computes and stores the bounding rectangle of scrollEl
-    DragListener.prototype.computeScrollBounds = function () {
-        if (this.isAutoScroll) {
-            this.scrollBounds = util_1.getOuterRect(this.scrollEl);
-            // TODO: use getClientRect in future. but prevents auto scrolling when on top of scrollbars
-        }
+    // Gets the right offset (from document left) of the element at the given index.
+    // This value is NOT relative to the document's right edge, like the CSS concept of "right" would be.
+    CoordCache.prototype.getRightOffset = function (leftIndex) {
+        this.ensureBuilt();
+        return this.rights[leftIndex];
     };
-    // Called when the dragging is in progress and scrolling should be updated
-    DragListener.prototype.updateAutoScroll = function (ev) {
-        var sensitivity = this.scrollSensitivity;
-        var bounds = this.scrollBounds;
-        var topCloseness;
-        var bottomCloseness;
-        var leftCloseness;
-        var rightCloseness;
-        var topVel = 0;
-        var leftVel = 0;
-        if (bounds) {
-            // compute closeness to edges. valid range is from 0.0 - 1.0
-            topCloseness = (sensitivity - (util_1.getEvY(ev) - bounds.top)) / sensitivity;
-            bottomCloseness = (sensitivity - (bounds.bottom - util_1.getEvY(ev))) / sensitivity;
-            leftCloseness = (sensitivity - (util_1.getEvX(ev) - bounds.left)) / sensitivity;
-            rightCloseness = (sensitivity - (bounds.right - util_1.getEvX(ev))) / sensitivity;
-            // translate vertical closeness into velocity.
-            // mouse must be completely in bounds for velocity to happen.
-            if (topCloseness >= 0 && topCloseness <= 1) {
-                topVel = topCloseness * this.scrollSpeed * -1; // negative. for scrolling up
-            }
-            else if (bottomCloseness >= 0 && bottomCloseness <= 1) {
-                topVel = bottomCloseness * this.scrollSpeed;
-            }
-            // translate horizontal closeness into velocity
-            if (leftCloseness >= 0 && leftCloseness <= 1) {
-                leftVel = leftCloseness * this.scrollSpeed * -1; // negative. for scrolling left
-            }
-            else if (rightCloseness >= 0 && rightCloseness <= 1) {
-                leftVel = rightCloseness * this.scrollSpeed;
-            }
-        }
-        this.setScrollVel(topVel, leftVel);
+    // Gets the right position (from offsetParent left) of the element at the given index.
+    // This value is NOT relative to the offsetParent's right edge, like the CSS concept of "right" would be.
+    CoordCache.prototype.getRightPosition = function (leftIndex) {
+        this.ensureBuilt();
+        return this.rights[leftIndex] - this.origin.left;
     };
-    // Sets the speed-of-scrolling for the scrollEl
-    DragListener.prototype.setScrollVel = function (topVel, leftVel) {
-        this.scrollTopVel = topVel;
-        this.scrollLeftVel = leftVel;
-        this.constrainScrollVel(); // massages into realistic values
-        // if there is non-zero velocity, and an animation loop hasn't already started, then START
-        if ((this.scrollTopVel || this.scrollLeftVel) && !this.scrollIntervalId) {
-            this.scrollIntervalId = setInterval(util_1.proxy(this, 'scrollIntervalFunc'), // scope to `this`
-            this.scrollIntervalMs);
-        }
+    // Gets the width of the element at the given index
+    CoordCache.prototype.getWidth = function (leftIndex) {
+        this.ensureBuilt();
+        return this.rights[leftIndex] - this.lefts[leftIndex];
     };
-    // Forces scrollTopVel and scrollLeftVel to be zero if scrolling has already gone all the way
-    DragListener.prototype.constrainScrollVel = function () {
-        var el = this.scrollEl;
-        if (this.scrollTopVel < 0) {
-            if (el.scrollTop() <= 0) {
-                this.scrollTopVel = 0;
-            }
-        }
-        else if (this.scrollTopVel > 0) {
-            if (el.scrollTop() + el[0].clientHeight >= el[0].scrollHeight) {
-                this.scrollTopVel = 0;
-            }
-        }
-        if (this.scrollLeftVel < 0) {
-            if (el.scrollLeft() <= 0) {
-                this.scrollLeftVel = 0;
-            }
-        }
-        else if (this.scrollLeftVel > 0) {
-            if (el.scrollLeft() + el[0].clientWidth >= el[0].scrollWidth) {
-                this.scrollLeftVel = 0;
-            }
-        }
+    // Gets the top offset (from document top) of the element at the given index
+    CoordCache.prototype.getTopOffset = function (topIndex) {
+        this.ensureBuilt();
+        return this.tops[topIndex];
     };
-    // This function gets called during every iteration of the scrolling animation loop
-    DragListener.prototype.scrollIntervalFunc = function () {
-        var el = this.scrollEl;
-        var frac = this.scrollIntervalMs / 1000; // considering animation frequency, what the vel should be mult'd by
-        // change the value of scrollEl's scroll
-        if (this.scrollTopVel) {
-            el.scrollTop(el.scrollTop() + this.scrollTopVel * frac);
-        }
-        if (this.scrollLeftVel) {
-            el.scrollLeft(el.scrollLeft() + this.scrollLeftVel * frac);
-        }
-        this.constrainScrollVel(); // since the scroll values changed, recompute the velocities
-        // if scrolled all the way, which causes the vels to be zero, stop the animation loop
-        if (!this.scrollTopVel && !this.scrollLeftVel) {
-            this.endAutoScroll();
-        }
+    // Gets the top position (from offsetParent top) of the element at the given position
+    CoordCache.prototype.getTopPosition = function (topIndex) {
+        this.ensureBuilt();
+        return this.tops[topIndex] - this.origin.top;
     };
-    // Kills any existing scrolling animation loop
-    DragListener.prototype.endAutoScroll = function () {
-        if (this.scrollIntervalId) {
-            clearInterval(this.scrollIntervalId);
-            this.scrollIntervalId = null;
-            this.handleScrollEnd();
-        }
+    // Gets the bottom offset (from the document top) of the element at the given index.
+    // This value is NOT relative to the offsetParent's bottom edge, like the CSS concept of "bottom" would be.
+    CoordCache.prototype.getBottomOffset = function (topIndex) {
+        this.ensureBuilt();
+        return this.bottoms[topIndex];
     };
-    // Get called when the scrollEl is scrolled (NOTE: this is delayed via debounce)
-    DragListener.prototype.handleDebouncedScroll = function () {
-        // recompute all coordinates, but *only* if this is *not* part of our scrolling animation
-        if (!this.scrollIntervalId) {
-            this.handleScrollEnd();
+    // Gets the bottom position (from the offsetParent top) of the element at the given index.
+    // This value is NOT relative to the offsetParent's bottom edge, like the CSS concept of "bottom" would be.
+    CoordCache.prototype.getBottomPosition = function (topIndex) {
+        this.ensureBuilt();
+        return this.bottoms[topIndex] - this.origin.top;
+    };
+    // Gets the height of the element at the given index
+    CoordCache.prototype.getHeight = function (topIndex) {
+        this.ensureBuilt();
+        return this.bottoms[topIndex] - this.tops[topIndex];
+    };
+    // Bounding Rect
+    // TODO: decouple this from CoordCache
+    // Compute and return what the elements' bounding rectangle is, from the user's perspective.
+    // Right now, only returns a rectangle if constrained by an overflow:scroll element.
+    // Returns null if there are no elements
+    CoordCache.prototype.queryBoundingRect = function () {
+        var scrollParentEl;
+        if (this.els.length > 0) {
+            scrollParentEl = util_1.getScrollParent(this.els.eq(0));
+            if (!scrollParentEl.is(document) &&
+                !scrollParentEl.is('html,body') // don't consider these bounding rects. solves issue 3615
+            ) {
+                return util_1.getClientRect(scrollParentEl);
+            }
         }
+        return null;
     };
-    DragListener.prototype.handleScrollEnd = function () {
-        // Called when scrolling has stopped, whether through auto scroll, or the user scrolling
+    CoordCache.prototype.isPointInBounds = function (leftOffset, topOffset) {
+        return this.isLeftInBounds(leftOffset) && this.isTopInBounds(topOffset);
     };
-    return DragListener;
-}());
-exports.default = DragListener;
-ListenerMixin_1.default.mixInto(DragListener);
+    CoordCache.prototype.isLeftInBounds = function (leftOffset) {
+        return !this.boundingRect || (leftOffset >= this.boundingRect.left && leftOffset < this.boundingRect.right);
+    };
+    CoordCache.prototype.isTopInBounds = function (topOffset) {
+        return !this.boundingRect || (topOffset >= this.boundingRect.top && topOffset < this.boundingRect.bottom);
+    };
+    return CoordCache;
+}());
+exports.default = CoordCache;
 
 
 /***/ }),
-/* 55 */
+/* 59 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var Mixin_1 = __webpack_require__(14);
-/*
-A set of rendering and date-related methods for a visual component comprised of one or more rows of day columns.
-Prerequisite: the object being mixed into needs to be a *Grid*
-*/
-var DayTableMixin = /** @class */ (function (_super) {
-    tslib_1.__extends(DayTableMixin, _super);
-    function DayTableMixin() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var ListenerMixin_1 = __webpack_require__(7);
+var GlobalEmitter_1 = __webpack_require__(23);
+/* Tracks a drag's mouse movement, firing various handlers
+----------------------------------------------------------------------------------------------------------------------*/
+// TODO: use Emitter
+var DragListener = /** @class */ (function () {
+    function DragListener(options) {
+        this.isInteracting = false;
+        this.isDistanceSurpassed = false;
+        this.isDelayEnded = false;
+        this.isDragging = false;
+        this.isTouch = false;
+        this.isGeneric = false; // initiated by 'dragstart' (jqui)
+        this.shouldCancelTouchScroll = true;
+        this.scrollAlwaysKills = false;
+        this.isAutoScroll = false;
+        // defaults
+        this.scrollSensitivity = 30; // pixels from edge for scrolling to start
+        this.scrollSpeed = 200; // pixels per second, at maximum speed
+        this.scrollIntervalMs = 50; // millisecond wait between scroll increment
+        this.options = options || {};
     }
-    // Populates internal variables used for date calculation and rendering
-    DayTableMixin.prototype.updateDayTable = function () {
-        var t = this;
-        var view = t.view;
-        var calendar = view.calendar;
-        var date = calendar.msToUtcMoment(t.dateProfile.renderUnzonedRange.startMs, true);
-        var end = calendar.msToUtcMoment(t.dateProfile.renderUnzonedRange.endMs, true);
-        var dayIndex = -1;
-        var dayIndices = [];
-        var dayDates = [];
-        var daysPerRow;
-        var firstDay;
-        var rowCnt;
-        while (date.isBefore(end)) {
-            if (view.isHiddenDay(date)) {
-                dayIndices.push(dayIndex + 0.5); // mark that it's between indices
+    // Interaction (high-level)
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.startInteraction = function (ev, extraOptions) {
+        if (extraOptions === void 0) { extraOptions = {}; }
+        if (ev.type === 'mousedown') {
+            if (GlobalEmitter_1.default.get().shouldIgnoreMouse()) {
+                return;
+            }
+            else if (!util_1.isPrimaryMouseButton(ev)) {
+                return;
             }
             else {
-                dayIndex++;
-                dayIndices.push(dayIndex);
-                dayDates.push(date.clone());
+                ev.preventDefault(); // prevents native selection in most browsers
             }
-            date.add(1, 'days');
         }
-        if (this.breakOnWeeks) {
-            // count columns until the day-of-week repeats
-            firstDay = dayDates[0].day();
-            for (daysPerRow = 1; daysPerRow < dayDates.length; daysPerRow++) {
-                if (dayDates[daysPerRow].day() === firstDay) {
-                    break;
-                }
+        if (!this.isInteracting) {
+            // process options
+            this.delay = util_1.firstDefined(extraOptions.delay, this.options.delay, 0);
+            this.minDistance = util_1.firstDefined(extraOptions.distance, this.options.distance, 0);
+            this.subjectEl = this.options.subjectEl;
+            util_1.preventSelection($('body'));
+            this.isInteracting = true;
+            this.isTouch = util_1.getEvIsTouch(ev);
+            this.isGeneric = ev.type === 'dragstart';
+            this.isDelayEnded = false;
+            this.isDistanceSurpassed = false;
+            this.originX = util_1.getEvX(ev);
+            this.originY = util_1.getEvY(ev);
+            this.scrollEl = util_1.getScrollParent($(ev.target));
+            this.bindHandlers();
+            this.initAutoScroll();
+            this.handleInteractionStart(ev);
+            this.startDelay(ev);
+            if (!this.minDistance) {
+                this.handleDistanceSurpassed(ev);
             }
-            rowCnt = Math.ceil(dayDates.length / daysPerRow);
-        }
-        else {
-            rowCnt = 1;
-            daysPerRow = dayDates.length;
         }
-        this.dayDates = dayDates;
-        this.dayIndices = dayIndices;
-        this.daysPerRow = daysPerRow;
-        this.rowCnt = rowCnt;
-        this.updateDayTableCols();
-    };
-    // Computes and assigned the colCnt property and updates any options that may be computed from it
-    DayTableMixin.prototype.updateDayTableCols = function () {
-        this.colCnt = this.computeColCnt();
-        this.colHeadFormat =
-            this.opt('columnHeaderFormat') ||
-                this.opt('columnFormat') || // deprecated
-                this.computeColHeadFormat();
-    };
-    // Determines how many columns there should be in the table
-    DayTableMixin.prototype.computeColCnt = function () {
-        return this.daysPerRow;
     };
-    // Computes the ambiguously-timed moment for the given cell
-    DayTableMixin.prototype.getCellDate = function (row, col) {
-        return this.dayDates[this.getCellDayIndex(row, col)].clone();
+    DragListener.prototype.handleInteractionStart = function (ev) {
+        this.trigger('interactionStart', ev);
     };
-    // Computes the ambiguously-timed date range for the given cell
-    DayTableMixin.prototype.getCellRange = function (row, col) {
-        var start = this.getCellDate(row, col);
-        var end = start.clone().add(1, 'days');
-        return { start: start, end: end };
+    DragListener.prototype.endInteraction = function (ev, isCancelled) {
+        if (this.isInteracting) {
+            this.endDrag(ev);
+            if (this.delayTimeoutId) {
+                clearTimeout(this.delayTimeoutId);
+                this.delayTimeoutId = null;
+            }
+            this.destroyAutoScroll();
+            this.unbindHandlers();
+            this.isInteracting = false;
+            this.handleInteractionEnd(ev, isCancelled);
+            util_1.allowSelection($('body'));
+        }
     };
-    // Returns the number of day cells, chronologically, from the first of the grid (0-based)
-    DayTableMixin.prototype.getCellDayIndex = function (row, col) {
-        return row * this.daysPerRow + this.getColDayIndex(col);
+    DragListener.prototype.handleInteractionEnd = function (ev, isCancelled) {
+        this.trigger('interactionEnd', ev, isCancelled || false);
     };
-    // Returns the numner of day cells, chronologically, from the first cell in *any given row*
-    DayTableMixin.prototype.getColDayIndex = function (col) {
-        if (this.isRTL) {
-            return this.colCnt - 1 - col;
+    // Binding To DOM
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.bindHandlers = function () {
+        // some browsers (Safari in iOS 10) don't allow preventDefault on touch events that are bound after touchstart,
+        // so listen to the GlobalEmitter singleton, which is always bound, instead of the document directly.
+        var globalEmitter = GlobalEmitter_1.default.get();
+        if (this.isGeneric) {
+            this.listenTo($(document), {
+                drag: this.handleMove,
+                dragstop: this.endInteraction
+            });
+        }
+        else if (this.isTouch) {
+            this.listenTo(globalEmitter, {
+                touchmove: this.handleTouchMove,
+                touchend: this.endInteraction,
+                scroll: this.handleTouchScroll
+            });
         }
         else {
-            return col;
+            this.listenTo(globalEmitter, {
+                mousemove: this.handleMouseMove,
+                mouseup: this.endInteraction
+            });
         }
+        this.listenTo(globalEmitter, {
+            selectstart: util_1.preventDefault,
+            contextmenu: util_1.preventDefault // long taps would open menu on Chrome dev tools
+        });
     };
-    // Given a date, returns its chronolocial cell-index from the first cell of the grid.
-    // If the date lies between cells (because of hiddenDays), returns a floating-point value between offsets.
-    // If before the first offset, returns a negative number.
-    // If after the last offset, returns an offset past the last cell offset.
-    // Only works for *start* dates of cells. Will not work for exclusive end dates for cells.
-    DayTableMixin.prototype.getDateDayIndex = function (date) {
-        var dayIndices = this.dayIndices;
-        var dayOffset = date.diff(this.dayDates[0], 'days');
-        if (dayOffset < 0) {
-            return dayIndices[0] - 1;
+    DragListener.prototype.unbindHandlers = function () {
+        this.stopListeningTo(GlobalEmitter_1.default.get());
+        this.stopListeningTo($(document)); // for isGeneric
+    };
+    // Drag (high-level)
+    // -----------------------------------------------------------------------------------------------------------------
+    // extraOptions ignored if drag already started
+    DragListener.prototype.startDrag = function (ev, extraOptions) {
+        this.startInteraction(ev, extraOptions); // ensure interaction began
+        if (!this.isDragging) {
+            this.isDragging = true;
+            this.handleDragStart(ev);
         }
-        else if (dayOffset >= dayIndices.length) {
-            return dayIndices[dayIndices.length - 1] + 1;
+    };
+    DragListener.prototype.handleDragStart = function (ev) {
+        this.trigger('dragStart', ev);
+    };
+    DragListener.prototype.handleMove = function (ev) {
+        var dx = util_1.getEvX(ev) - this.originX;
+        var dy = util_1.getEvY(ev) - this.originY;
+        var minDistance = this.minDistance;
+        var distanceSq; // current distance from the origin, squared
+        if (!this.isDistanceSurpassed) {
+            distanceSq = dx * dx + dy * dy;
+            if (distanceSq >= minDistance * minDistance) { // use pythagorean theorem
+                this.handleDistanceSurpassed(ev);
+            }
         }
-        else {
-            return dayIndices[dayOffset];
+        if (this.isDragging) {
+            this.handleDrag(dx, dy, ev);
         }
     };
-    /* Options
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Computes a default column header formatting string if `colFormat` is not explicitly defined
-    DayTableMixin.prototype.computeColHeadFormat = function () {
-        // if more than one week row, or if there are a lot of columns with not much space,
-        // put just the day numbers will be in each cell
-        if (this.rowCnt > 1 || this.colCnt > 10) {
-            return 'ddd'; // "Sat"
+    // Called while the mouse is being moved and when we know a legitimate drag is taking place
+    DragListener.prototype.handleDrag = function (dx, dy, ev) {
+        this.trigger('drag', dx, dy, ev);
+        this.updateAutoScroll(ev); // will possibly cause scrolling
+    };
+    DragListener.prototype.endDrag = function (ev) {
+        if (this.isDragging) {
+            this.isDragging = false;
+            this.handleDragEnd(ev);
         }
-        else if (this.colCnt > 1) {
-            return this.opt('dayOfMonthFormat'); // "Sat 12/10"
+    };
+    DragListener.prototype.handleDragEnd = function (ev) {
+        this.trigger('dragEnd', ev);
+    };
+    // Delay
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.startDelay = function (initialEv) {
+        var _this = this;
+        if (this.delay) {
+            this.delayTimeoutId = setTimeout(function () {
+                _this.handleDelayEnd(initialEv);
+            }, this.delay);
         }
         else {
-            return 'dddd'; // "Saturday"
+            this.handleDelayEnd(initialEv);
         }
     };
-    /* Slicing
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Slices up a date range into a segment for every week-row it intersects with
-    DayTableMixin.prototype.sliceRangeByRow = function (unzonedRange) {
-        var daysPerRow = this.daysPerRow;
-        var normalRange = this.view.computeDayRange(unzonedRange); // make whole-day range, considering nextDayThreshold
-        var rangeFirst = this.getDateDayIndex(normalRange.start); // inclusive first index
-        var rangeLast = this.getDateDayIndex(normalRange.end.clone().subtract(1, 'days')); // inclusive last index
-        var segs = [];
-        var row;
-        var rowFirst;
-        var rowLast; // inclusive day-index range for current row
-        var segFirst;
-        var segLast; // inclusive day-index range for segment
-        for (row = 0; row < this.rowCnt; row++) {
-            rowFirst = row * daysPerRow;
-            rowLast = rowFirst + daysPerRow - 1;
-            // intersect segment's offset range with the row's
-            segFirst = Math.max(rangeFirst, rowFirst);
-            segLast = Math.min(rangeLast, rowLast);
-            // deal with in-between indices
-            segFirst = Math.ceil(segFirst); // in-between starts round to next cell
-            segLast = Math.floor(segLast); // in-between ends round to prev cell
-            if (segFirst <= segLast) {
-                segs.push({
-                    row: row,
-                    // normalize to start of row
-                    firstRowDayIndex: segFirst - rowFirst,
-                    lastRowDayIndex: segLast - rowFirst,
-                    // must be matching integers to be the segment's start/end
-                    isStart: segFirst === rangeFirst,
-                    isEnd: segLast === rangeLast
-                });
-            }
+    DragListener.prototype.handleDelayEnd = function (initialEv) {
+        this.isDelayEnded = true;
+        if (this.isDistanceSurpassed) {
+            this.startDrag(initialEv);
         }
-        return segs;
     };
-    // Slices up a date range into a segment for every day-cell it intersects with.
-    // TODO: make more DRY with sliceRangeByRow somehow.
-    DayTableMixin.prototype.sliceRangeByDay = function (unzonedRange) {
-        var daysPerRow = this.daysPerRow;
-        var normalRange = this.view.computeDayRange(unzonedRange); // make whole-day range, considering nextDayThreshold
-        var rangeFirst = this.getDateDayIndex(normalRange.start); // inclusive first index
-        var rangeLast = this.getDateDayIndex(normalRange.end.clone().subtract(1, 'days')); // inclusive last index
-        var segs = [];
-        var row;
-        var rowFirst;
-        var rowLast; // inclusive day-index range for current row
-        var i;
-        var segFirst;
-        var segLast; // inclusive day-index range for segment
-        for (row = 0; row < this.rowCnt; row++) {
-            rowFirst = row * daysPerRow;
-            rowLast = rowFirst + daysPerRow - 1;
-            for (i = rowFirst; i <= rowLast; i++) {
-                // intersect segment's offset range with the row's
-                segFirst = Math.max(rangeFirst, i);
-                segLast = Math.min(rangeLast, i);
-                // deal with in-between indices
-                segFirst = Math.ceil(segFirst); // in-between starts round to next cell
-                segLast = Math.floor(segLast); // in-between ends round to prev cell
-                if (segFirst <= segLast) {
-                    segs.push({
-                        row: row,
-                        // normalize to start of row
-                        firstRowDayIndex: segFirst - rowFirst,
-                        lastRowDayIndex: segLast - rowFirst,
-                        // must be matching integers to be the segment's start/end
-                        isStart: segFirst === rangeFirst,
-                        isEnd: segLast === rangeLast
-                    });
-                }
-            }
+    // Distance
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.handleDistanceSurpassed = function (ev) {
+        this.isDistanceSurpassed = true;
+        if (this.isDelayEnded) {
+            this.startDrag(ev);
         }
-        return segs;
-    };
-    /* Header Rendering
-    ------------------------------------------------------------------------------------------------------------------*/
-    DayTableMixin.prototype.renderHeadHtml = function () {
-        var theme = this.view.calendar.theme;
-        return '' +
-            '<div class="fc-row ' + theme.getClass('headerRow') + '">' +
-            '<table class="' + theme.getClass('tableGrid') + '">' +
-            '<thead>' +
-            this.renderHeadTrHtml() +
-            '</thead>' +
-            '</table>' +
-            '</div>';
     };
-    DayTableMixin.prototype.renderHeadIntroHtml = function () {
-        return this.renderIntroHtml(); // fall back to generic
+    // Mouse / Touch
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.handleTouchMove = function (ev) {
+        // prevent inertia and touchmove-scrolling while dragging
+        if (this.isDragging && this.shouldCancelTouchScroll) {
+            ev.preventDefault();
+        }
+        this.handleMove(ev);
     };
-    DayTableMixin.prototype.renderHeadTrHtml = function () {
-        return '' +
-            '<tr>' +
-            (this.isRTL ? '' : this.renderHeadIntroHtml()) +
-            this.renderHeadDateCellsHtml() +
-            (this.isRTL ? this.renderHeadIntroHtml() : '') +
-            '</tr>';
+    DragListener.prototype.handleMouseMove = function (ev) {
+        this.handleMove(ev);
     };
-    DayTableMixin.prototype.renderHeadDateCellsHtml = function () {
-        var htmls = [];
-        var col;
-        var date;
-        for (col = 0; col < this.colCnt; col++) {
-            date = this.getCellDate(0, col);
-            htmls.push(this.renderHeadDateCellHtml(date));
+    // Scrolling (unrelated to auto-scroll)
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.handleTouchScroll = function (ev) {
+        // if the drag is being initiated by touch, but a scroll happens before
+        // the drag-initiating delay is over, cancel the drag
+        if (!this.isDragging || this.scrollAlwaysKills) {
+            this.endInteraction(ev, true); // isCancelled=true
         }
-        return htmls.join('');
     };
-    // TODO: when internalApiVersion, accept an object for HTML attributes
-    // (colspan should be no different)
-    DayTableMixin.prototype.renderHeadDateCellHtml = function (date, colspan, otherAttrs) {
-        var t = this;
-        var view = t.view;
-        var isDateValid = t.dateProfile.activeUnzonedRange.containsDate(date); // TODO: called too frequently. cache somehow.
-        var classNames = [
-            'fc-day-header',
-            view.calendar.theme.getClass('widgetHeader')
-        ];
-        var innerHtml;
-        if (typeof t.opt('columnHeaderHtml') === 'function') {
-            innerHtml = t.opt('columnHeaderHtml')(date);
-        }
-        else if (typeof t.opt('columnHeaderText') === 'function') {
-            innerHtml = util_1.htmlEscape(t.opt('columnHeaderText')(date));
+    // Utils
+    // -----------------------------------------------------------------------------------------------------------------
+    // Triggers a callback. Calls a function in the option hash of the same name.
+    // Arguments beyond the first `name` are forwarded on.
+    DragListener.prototype.trigger = function (name) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
         }
-        else {
-            innerHtml = util_1.htmlEscape(date.format(t.colHeadFormat));
+        if (this.options[name]) {
+            this.options[name].apply(this, args);
         }
-        // if only one row of days, the classNames on the header can represent the specific days beneath
-        if (t.rowCnt === 1) {
-            classNames = classNames.concat(
-            // includes the day-of-week class
-            // noThemeHighlight=true (don't highlight the header)
-            t.getDayClasses(date, true));
+        // makes _methods callable by event name. TODO: kill this
+        if (this['_' + name]) {
+            this['_' + name].apply(this, args);
         }
-        else {
-            classNames.push('fc-' + util_1.dayIDs[date.day()]); // only add the day-of-week class
+    };
+    // Auto-scroll
+    // -----------------------------------------------------------------------------------------------------------------
+    DragListener.prototype.initAutoScroll = function () {
+        var scrollEl = this.scrollEl;
+        this.isAutoScroll =
+            this.options.scroll &&
+                scrollEl &&
+                !scrollEl.is(window) &&
+                !scrollEl.is(document);
+        if (this.isAutoScroll) {
+            // debounce makes sure rapid calls don't happen
+            this.listenTo(scrollEl, 'scroll', util_1.debounce(this.handleDebouncedScroll, 100));
         }
-        return '' +
-            '<th class="' + classNames.join(' ') + '"' +
-            ((isDateValid && t.rowCnt) === 1 ?
-                ' data-date="' + date.format('YYYY-MM-DD') + '"' :
-                '') +
-            (colspan > 1 ?
-                ' colspan="' + colspan + '"' :
-                '') +
-            (otherAttrs ?
-                ' ' + otherAttrs :
-                '') +
-            '>' +
-            (isDateValid ?
-                // don't make a link if the heading could represent multiple days, or if there's only one day (forceOff)
-                view.buildGotoAnchorHtml({ date: date, forceOff: t.rowCnt > 1 || t.colCnt === 1 }, innerHtml) :
-                // if not valid, display text, but no link
-                innerHtml) +
-            '</th>';
     };
-    /* Background Rendering
-    ------------------------------------------------------------------------------------------------------------------*/
-    DayTableMixin.prototype.renderBgTrHtml = function (row) {
-        return '' +
-            '<tr>' +
-            (this.isRTL ? '' : this.renderBgIntroHtml(row)) +
-            this.renderBgCellsHtml(row) +
-            (this.isRTL ? this.renderBgIntroHtml(row) : '') +
-            '</tr>';
+    DragListener.prototype.destroyAutoScroll = function () {
+        this.endAutoScroll(); // kill any animation loop
+        // remove the scroll handler if there is a scrollEl
+        if (this.isAutoScroll) {
+            this.stopListeningTo(this.scrollEl, 'scroll'); // will probably get removed by unbindHandlers too :(
+        }
     };
-    DayTableMixin.prototype.renderBgIntroHtml = function (row) {
-        return this.renderIntroHtml(); // fall back to generic
+    // Computes and stores the bounding rectangle of scrollEl
+    DragListener.prototype.computeScrollBounds = function () {
+        if (this.isAutoScroll) {
+            this.scrollBounds = util_1.getOuterRect(this.scrollEl);
+            // TODO: use getClientRect in future. but prevents auto scrolling when on top of scrollbars
+        }
     };
-    DayTableMixin.prototype.renderBgCellsHtml = function (row) {
-        var htmls = [];
-        var col;
-        var date;
-        for (col = 0; col < this.colCnt; col++) {
-            date = this.getCellDate(row, col);
-            htmls.push(this.renderBgCellHtml(date));
+    // Called when the dragging is in progress and scrolling should be updated
+    DragListener.prototype.updateAutoScroll = function (ev) {
+        var sensitivity = this.scrollSensitivity;
+        var bounds = this.scrollBounds;
+        var topCloseness;
+        var bottomCloseness;
+        var leftCloseness;
+        var rightCloseness;
+        var topVel = 0;
+        var leftVel = 0;
+        if (bounds) { // only scroll if scrollEl exists
+            // compute closeness to edges. valid range is from 0.0 - 1.0
+            topCloseness = (sensitivity - (util_1.getEvY(ev) - bounds.top)) / sensitivity;
+            bottomCloseness = (sensitivity - (bounds.bottom - util_1.getEvY(ev))) / sensitivity;
+            leftCloseness = (sensitivity - (util_1.getEvX(ev) - bounds.left)) / sensitivity;
+            rightCloseness = (sensitivity - (bounds.right - util_1.getEvX(ev))) / sensitivity;
+            // translate vertical closeness into velocity.
+            // mouse must be completely in bounds for velocity to happen.
+            if (topCloseness >= 0 && topCloseness <= 1) {
+                topVel = topCloseness * this.scrollSpeed * -1; // negative. for scrolling up
+            }
+            else if (bottomCloseness >= 0 && bottomCloseness <= 1) {
+                topVel = bottomCloseness * this.scrollSpeed;
+            }
+            // translate horizontal closeness into velocity
+            if (leftCloseness >= 0 && leftCloseness <= 1) {
+                leftVel = leftCloseness * this.scrollSpeed * -1; // negative. for scrolling left
+            }
+            else if (rightCloseness >= 0 && rightCloseness <= 1) {
+                leftVel = rightCloseness * this.scrollSpeed;
+            }
         }
-        return htmls.join('');
+        this.setScrollVel(topVel, leftVel);
     };
-    DayTableMixin.prototype.renderBgCellHtml = function (date, otherAttrs) {
-        var t = this;
-        var view = t.view;
-        var isDateValid = t.dateProfile.activeUnzonedRange.containsDate(date); // TODO: called too frequently. cache somehow.
-        var classes = t.getDayClasses(date);
-        classes.unshift('fc-day', view.calendar.theme.getClass('widgetContent'));
-        return '<td class="' + classes.join(' ') + '"' +
-            (isDateValid ?
-                ' data-date="' + date.format('YYYY-MM-DD') + '"' : // if date has a time, won't format it
-                '') +
-            (otherAttrs ?
-                ' ' + otherAttrs :
-                '') +
-            '></td>';
-    };
-    /* Generic
-    ------------------------------------------------------------------------------------------------------------------*/
-    DayTableMixin.prototype.renderIntroHtml = function () {
-        // Generates the default HTML intro for any row. User classes should override
+    // Sets the speed-of-scrolling for the scrollEl
+    DragListener.prototype.setScrollVel = function (topVel, leftVel) {
+        this.scrollTopVel = topVel;
+        this.scrollLeftVel = leftVel;
+        this.constrainScrollVel(); // massages into realistic values
+        // if there is non-zero velocity, and an animation loop hasn't already started, then START
+        if ((this.scrollTopVel || this.scrollLeftVel) && !this.scrollIntervalId) {
+            this.scrollIntervalId = setInterval(util_1.proxy(this, 'scrollIntervalFunc'), // scope to `this`
+            this.scrollIntervalMs);
+        }
     };
-    // TODO: a generic method for dealing with <tr>, RTL, intro
-    // when increment internalApiVersion
-    // wrapTr (scheduler)
-    /* Utils
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Applies the generic "intro" and "outro" HTML to the given cells.
-    // Intro means the leftmost cell when the calendar is LTR and the rightmost cell when RTL. Vice-versa for outro.
-    DayTableMixin.prototype.bookendCells = function (trEl) {
-        var introHtml = this.renderIntroHtml();
-        if (introHtml) {
-            if (this.isRTL) {
-                trEl.append(introHtml);
+    // Forces scrollTopVel and scrollLeftVel to be zero if scrolling has already gone all the way
+    DragListener.prototype.constrainScrollVel = function () {
+        var el = this.scrollEl;
+        if (this.scrollTopVel < 0) { // scrolling up?
+            if (el.scrollTop() <= 0) { // already scrolled all the way up?
+                this.scrollTopVel = 0;
             }
-            else {
-                trEl.prepend(introHtml);
+        }
+        else if (this.scrollTopVel > 0) { // scrolling down?
+            if (el.scrollTop() + el[0].clientHeight >= el[0].scrollHeight) { // already scrolled all the way down?
+                this.scrollTopVel = 0;
+            }
+        }
+        if (this.scrollLeftVel < 0) { // scrolling left?
+            if (el.scrollLeft() <= 0) { // already scrolled all the left?
+                this.scrollLeftVel = 0;
+            }
+        }
+        else if (this.scrollLeftVel > 0) { // scrolling right?
+            if (el.scrollLeft() + el[0].clientWidth >= el[0].scrollWidth) { // already scrolled all the way right?
+                this.scrollLeftVel = 0;
             }
         }
     };
-    return DayTableMixin;
-}(Mixin_1.default));
-exports.default = DayTableMixin;
-
-
-/***/ }),
-/* 56 */
-/***/ (function(module, exports) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var BusinessHourRenderer = /** @class */ (function () {
-    /*
-    component implements:
-      - eventRangesToEventFootprints
-      - eventFootprintsToSegs
-    */
-    function BusinessHourRenderer(component, fillRenderer) {
-        this.component = component;
-        this.fillRenderer = fillRenderer;
-    }
-    BusinessHourRenderer.prototype.render = function (businessHourGenerator) {
-        var component = this.component;
-        var unzonedRange = component._getDateProfile().activeUnzonedRange;
-        var eventInstanceGroup = businessHourGenerator.buildEventInstanceGroup(component.hasAllDayBusinessHours, unzonedRange);
-        var eventFootprints = eventInstanceGroup ?
-            component.eventRangesToEventFootprints(eventInstanceGroup.sliceRenderRanges(unzonedRange)) :
-            [];
-        this.renderEventFootprints(eventFootprints);
-    };
-    BusinessHourRenderer.prototype.renderEventFootprints = function (eventFootprints) {
-        var segs = this.component.eventFootprintsToSegs(eventFootprints);
-        this.renderSegs(segs);
-        this.segs = segs;
+    // This function gets called during every iteration of the scrolling animation loop
+    DragListener.prototype.scrollIntervalFunc = function () {
+        var el = this.scrollEl;
+        var frac = this.scrollIntervalMs / 1000; // considering animation frequency, what the vel should be mult'd by
+        // change the value of scrollEl's scroll
+        if (this.scrollTopVel) {
+            el.scrollTop(el.scrollTop() + this.scrollTopVel * frac);
+        }
+        if (this.scrollLeftVel) {
+            el.scrollLeft(el.scrollLeft() + this.scrollLeftVel * frac);
+        }
+        this.constrainScrollVel(); // since the scroll values changed, recompute the velocities
+        // if scrolled all the way, which causes the vels to be zero, stop the animation loop
+        if (!this.scrollTopVel && !this.scrollLeftVel) {
+            this.endAutoScroll();
+        }
     };
-    BusinessHourRenderer.prototype.renderSegs = function (segs) {
-        if (this.fillRenderer) {
-            this.fillRenderer.renderSegs('businessHours', segs, {
-                getClasses: function (seg) {
-                    return ['fc-nonbusiness', 'fc-bgevent'];
-                }
-            });
+    // Kills any existing scrolling animation loop
+    DragListener.prototype.endAutoScroll = function () {
+        if (this.scrollIntervalId) {
+            clearInterval(this.scrollIntervalId);
+            this.scrollIntervalId = null;
+            this.handleScrollEnd();
         }
     };
-    BusinessHourRenderer.prototype.unrender = function () {
-        if (this.fillRenderer) {
-            this.fillRenderer.unrender('businessHours');
+    // Get called when the scrollEl is scrolled (NOTE: this is delayed via debounce)
+    DragListener.prototype.handleDebouncedScroll = function () {
+        // recompute all coordinates, but *only* if this is *not* part of our scrolling animation
+        if (!this.scrollIntervalId) {
+            this.handleScrollEnd();
         }
-        this.segs = null;
     };
-    BusinessHourRenderer.prototype.getSegs = function () {
-        return this.segs || [];
+    DragListener.prototype.handleScrollEnd = function () {
+        // Called when scrolling has stopped, whether through auto scroll, or the user scrolling
     };
-    return BusinessHourRenderer;
+    return DragListener;
 }());
-exports.default = BusinessHourRenderer;
+exports.default = DragListener;
+ListenerMixin_1.default.mixInto(DragListener);
 
 
 /***/ }),
-/* 57 */
+/* 60 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
+var tslib_1 = __webpack_require__(2);
 var util_1 = __webpack_require__(4);
-var FillRenderer = /** @class */ (function () {
-    function FillRenderer(component) {
-        this.fillSegTag = 'div';
-        this.component = component;
-        this.elsByFill = {};
+var Mixin_1 = __webpack_require__(15);
+/*
+A set of rendering and date-related methods for a visual component comprised of one or more rows of day columns.
+Prerequisite: the object being mixed into needs to be a *Grid*
+*/
+var DayTableMixin = /** @class */ (function (_super) {
+    tslib_1.__extends(DayTableMixin, _super);
+    function DayTableMixin() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    FillRenderer.prototype.renderFootprint = function (type, componentFootprint, props) {
-        this.renderSegs(type, this.component.componentFootprintToSegs(componentFootprint), props);
-    };
-    FillRenderer.prototype.renderSegs = function (type, segs, props) {
-        var els;
-        segs = this.buildSegEls(type, segs, props); // assignes `.el` to each seg. returns successfully rendered segs
-        els = this.attachSegEls(type, segs);
-        if (els) {
-            this.reportEls(type, els);
-        }
-        return segs;
-    };
-    // Unrenders a specific type of fill that is currently rendered on the grid
-    FillRenderer.prototype.unrender = function (type) {
-        var el = this.elsByFill[type];
-        if (el) {
-            el.remove();
-            delete this.elsByFill[type];
-        }
-    };
-    // Renders and assigns an `el` property for each fill segment. Generic enough to work with different types.
-    // Only returns segments that successfully rendered.
-    FillRenderer.prototype.buildSegEls = function (type, segs, props) {
-        var _this = this;
-        var html = '';
-        var renderedSegs = [];
-        var i;
-        if (segs.length) {
-            // build a large concatenation of segment HTML
-            for (i = 0; i < segs.length; i++) {
-                html += this.buildSegHtml(type, segs[i], props);
+    // Populates internal variables used for date calculation and rendering
+    DayTableMixin.prototype.updateDayTable = function () {
+        var t = this;
+        var view = t.view;
+        var calendar = view.calendar;
+        var date = calendar.msToUtcMoment(t.dateProfile.renderUnzonedRange.startMs, true);
+        var end = calendar.msToUtcMoment(t.dateProfile.renderUnzonedRange.endMs, true);
+        var dayIndex = -1;
+        var dayIndices = [];
+        var dayDates = [];
+        var daysPerRow;
+        var firstDay;
+        var rowCnt;
+        while (date.isBefore(end)) { // loop each day from start to end
+            if (view.isHiddenDay(date)) {
+                dayIndices.push(dayIndex + 0.5); // mark that it's between indices
             }
-            // Grab individual elements from the combined HTML string. Use each as the default rendering.
-            // Then, compute the 'el' for each segment.
-            $(html).each(function (i, node) {
-                var seg = segs[i];
-                var el = $(node);
-                // allow custom filter methods per-type
-                if (props.filterEl) {
-                    el = props.filterEl(seg, el);
-                }
-                if (el) {
-                    el = $(el); // allow custom filter to return raw DOM node
-                    // correct element type? (would be bad if a non-TD were inserted into a table for example)
-                    if (el.is(_this.fillSegTag)) {
-                        seg.el = el;
-                        renderedSegs.push(seg);
-                    }
-                }
-            });
+            else {
+                dayIndex++;
+                dayIndices.push(dayIndex);
+                dayDates.push(date.clone());
+            }
+            date.add(1, 'days');
         }
-        return renderedSegs;
-    };
-    // Builds the HTML needed for one fill segment. Generic enough to work with different types.
-    FillRenderer.prototype.buildSegHtml = function (type, seg, props) {
-        // custom hooks per-type
-        var classes = props.getClasses ? props.getClasses(seg) : [];
-        var css = util_1.cssToStr(props.getCss ? props.getCss(seg) : {});
-        return '<' + this.fillSegTag +
-            (classes.length ? ' class="' + classes.join(' ') + '"' : '') +
-            (css ? ' style="' + css + '"' : '') +
-            ' />';
-    };
-    // Should return wrapping DOM structure
-    FillRenderer.prototype.attachSegEls = function (type, segs) {
-        // subclasses must implement
-    };
-    FillRenderer.prototype.reportEls = function (type, nodes) {
-        if (this.elsByFill[type]) {
-            this.elsByFill[type] = this.elsByFill[type].add(nodes);
+        if (this.breakOnWeeks) {
+            // count columns until the day-of-week repeats
+            firstDay = dayDates[0].day();
+            for (daysPerRow = 1; daysPerRow < dayDates.length; daysPerRow++) {
+                if (dayDates[daysPerRow].day() === firstDay) {
+                    break;
+                }
+            }
+            rowCnt = Math.ceil(dayDates.length / daysPerRow);
         }
         else {
-            this.elsByFill[type] = $(nodes);
+            rowCnt = 1;
+            daysPerRow = dayDates.length;
         }
+        this.dayDates = dayDates;
+        this.dayIndices = dayIndices;
+        this.daysPerRow = daysPerRow;
+        this.rowCnt = rowCnt;
+        this.updateDayTableCols();
     };
-    return FillRenderer;
-}());
-exports.default = FillRenderer;
-
-
-/***/ }),
-/* 58 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var SingleEventDef_1 = __webpack_require__(13);
-var EventFootprint_1 = __webpack_require__(36);
-var EventSource_1 = __webpack_require__(6);
-var HelperRenderer = /** @class */ (function () {
-    function HelperRenderer(component, eventRenderer) {
-        this.view = component._getView();
-        this.component = component;
-        this.eventRenderer = eventRenderer;
-    }
-    HelperRenderer.prototype.renderComponentFootprint = function (componentFootprint) {
-        this.renderEventFootprints([
-            this.fabricateEventFootprint(componentFootprint)
-        ]);
-    };
-    HelperRenderer.prototype.renderEventDraggingFootprints = function (eventFootprints, sourceSeg, isTouch) {
-        this.renderEventFootprints(eventFootprints, sourceSeg, 'fc-dragging', isTouch ? null : this.view.opt('dragOpacity'));
-    };
-    HelperRenderer.prototype.renderEventResizingFootprints = function (eventFootprints, sourceSeg, isTouch) {
-        this.renderEventFootprints(eventFootprints, sourceSeg, 'fc-resizing');
+    // Computes and assigned the colCnt property and updates any options that may be computed from it
+    DayTableMixin.prototype.updateDayTableCols = function () {
+        this.colCnt = this.computeColCnt();
+        this.colHeadFormat =
+            this.opt('columnHeaderFormat') ||
+                this.opt('columnFormat') || // deprecated
+                this.computeColHeadFormat();
     };
-    HelperRenderer.prototype.renderEventFootprints = function (eventFootprints, sourceSeg, extraClassNames, opacity) {
-        var segs = this.component.eventFootprintsToSegs(eventFootprints);
-        var classNames = 'fc-helper ' + (extraClassNames || '');
-        var i;
-        // assigns each seg's el and returns a subset of segs that were rendered
-        segs = this.eventRenderer.renderFgSegEls(segs);
-        for (i = 0; i < segs.length; i++) {
-            segs[i].el.addClass(classNames);
-        }
-        if (opacity != null) {
-            for (i = 0; i < segs.length; i++) {
-                segs[i].el.css('opacity', opacity);
-            }
-        }
-        this.helperEls = this.renderSegs(segs, sourceSeg);
+    // Determines how many columns there should be in the table
+    DayTableMixin.prototype.computeColCnt = function () {
+        return this.daysPerRow;
     };
-    /*
-    Must return all mock event elements
-    */
-    HelperRenderer.prototype.renderSegs = function (segs, sourceSeg) {
-        // Subclasses must implement
+    // Computes the ambiguously-timed moment for the given cell
+    DayTableMixin.prototype.getCellDate = function (row, col) {
+        return this.dayDates[this.getCellDayIndex(row, col)].clone();
     };
-    HelperRenderer.prototype.unrender = function () {
-        if (this.helperEls) {
-            this.helperEls.remove();
-            this.helperEls = null;
-        }
+    // Computes the ambiguously-timed date range for the given cell
+    DayTableMixin.prototype.getCellRange = function (row, col) {
+        var start = this.getCellDate(row, col);
+        var end = start.clone().add(1, 'days');
+        return { start: start, end: end };
     };
-    HelperRenderer.prototype.fabricateEventFootprint = function (componentFootprint) {
-        var calendar = this.view.calendar;
-        var eventDateProfile = calendar.footprintToDateProfile(componentFootprint);
-        var dummyEvent = new SingleEventDef_1.default(new EventSource_1.default(calendar));
-        var dummyInstance;
-        dummyEvent.dateProfile = eventDateProfile;
-        dummyInstance = dummyEvent.buildInstance();
-        return new EventFootprint_1.default(componentFootprint, dummyEvent, dummyInstance);
+    // Returns the number of day cells, chronologically, from the first of the grid (0-based)
+    DayTableMixin.prototype.getCellDayIndex = function (row, col) {
+        return row * this.daysPerRow + this.getColDayIndex(col);
     };
-    return HelperRenderer;
-}());
-exports.default = HelperRenderer;
-
-
-/***/ }),
-/* 59 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var GlobalEmitter_1 = __webpack_require__(21);
-var Interaction_1 = __webpack_require__(15);
-var EventPointing = /** @class */ (function (_super) {
-    tslib_1.__extends(EventPointing, _super);
-    function EventPointing() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    /*
-    component must implement:
-      - publiclyTrigger
-    */
-    EventPointing.prototype.bindToEl = function (el) {
-        var component = this.component;
-        component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
-        component.bindSegHandlerToEl(el, 'mouseenter', this.handleMouseover.bind(this));
-        component.bindSegHandlerToEl(el, 'mouseleave', this.handleMouseout.bind(this));
+    // Returns the numner of day cells, chronologically, from the first cell in *any given row*
+    DayTableMixin.prototype.getColDayIndex = function (col) {
+        if (this.isRTL) {
+            return this.colCnt - 1 - col;
+        }
+        else {
+            return col;
+        }
     };
-    EventPointing.prototype.handleClick = function (seg, ev) {
-        var res = this.component.publiclyTrigger('eventClick', {
-            context: seg.el[0],
-            args: [seg.footprint.getEventLegacy(), ev, this.view]
-        });
-        if (res === false) {
-            ev.preventDefault();
+    // Given a date, returns its chronolocial cell-index from the first cell of the grid.
+    // If the date lies between cells (because of hiddenDays), returns a floating-point value between offsets.
+    // If before the first offset, returns a negative number.
+    // If after the last offset, returns an offset past the last cell offset.
+    // Only works for *start* dates of cells. Will not work for exclusive end dates for cells.
+    DayTableMixin.prototype.getDateDayIndex = function (date) {
+        var dayIndices = this.dayIndices;
+        var dayOffset = date.diff(this.dayDates[0], 'days');
+        if (dayOffset < 0) {
+            return dayIndices[0] - 1;
+        }
+        else if (dayOffset >= dayIndices.length) {
+            return dayIndices[dayIndices.length - 1] + 1;
+        }
+        else {
+            return dayIndices[dayOffset];
         }
     };
-    // Updates internal state and triggers handlers for when an event element is moused over
-    EventPointing.prototype.handleMouseover = function (seg, ev) {
-        if (!GlobalEmitter_1.default.get().shouldIgnoreMouse() &&
-            !this.mousedOverSeg) {
-            this.mousedOverSeg = seg;
-            // TODO: move to EventSelecting's responsibility
-            if (this.view.isEventDefResizable(seg.footprint.eventDef)) {
-                seg.el.addClass('fc-allow-mouse-resize');
-            }
-            this.component.publiclyTrigger('eventMouseover', {
-                context: seg.el[0],
-                args: [seg.footprint.getEventLegacy(), ev, this.view]
-            });
+    /* Options
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Computes a default column header formatting string if `colFormat` is not explicitly defined
+    DayTableMixin.prototype.computeColHeadFormat = function () {
+        // if more than one week row, or if there are a lot of columns with not much space,
+        // put just the day numbers will be in each cell
+        if (this.rowCnt > 1 || this.colCnt > 10) {
+            return 'ddd'; // "Sat"
+        }
+        else if (this.colCnt > 1) {
+            return this.opt('dayOfMonthFormat'); // "Sat 12/10"
+        }
+        else {
+            return 'dddd'; // "Saturday"
         }
     };
-    // Updates internal state and triggers handlers for when an event element is moused out.
-    // Can be given no arguments, in which case it will mouseout the segment that was previously moused over.
-    EventPointing.prototype.handleMouseout = function (seg, ev) {
-        if (this.mousedOverSeg) {
-            this.mousedOverSeg = null;
-            // TODO: move to EventSelecting's responsibility
-            if (this.view.isEventDefResizable(seg.footprint.eventDef)) {
-                seg.el.removeClass('fc-allow-mouse-resize');
+    /* Slicing
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Slices up a date range into a segment for every week-row it intersects with
+    DayTableMixin.prototype.sliceRangeByRow = function (unzonedRange) {
+        var daysPerRow = this.daysPerRow;
+        var normalRange = this.view.computeDayRange(unzonedRange); // make whole-day range, considering nextDayThreshold
+        var rangeFirst = this.getDateDayIndex(normalRange.start); // inclusive first index
+        var rangeLast = this.getDateDayIndex(normalRange.end.clone().subtract(1, 'days')); // inclusive last index
+        var segs = [];
+        var row;
+        var rowFirst;
+        var rowLast; // inclusive day-index range for current row
+        var segFirst;
+        var segLast; // inclusive day-index range for segment
+        for (row = 0; row < this.rowCnt; row++) {
+            rowFirst = row * daysPerRow;
+            rowLast = rowFirst + daysPerRow - 1;
+            // intersect segment's offset range with the row's
+            segFirst = Math.max(rangeFirst, rowFirst);
+            segLast = Math.min(rangeLast, rowLast);
+            // deal with in-between indices
+            segFirst = Math.ceil(segFirst); // in-between starts round to next cell
+            segLast = Math.floor(segLast); // in-between ends round to prev cell
+            if (segFirst <= segLast) { // was there any intersection with the current row?
+                segs.push({
+                    row: row,
+                    // normalize to start of row
+                    firstRowDayIndex: segFirst - rowFirst,
+                    lastRowDayIndex: segLast - rowFirst,
+                    // must be matching integers to be the segment's start/end
+                    isStart: segFirst === rangeFirst,
+                    isEnd: segLast === rangeLast
+                });
             }
-            this.component.publiclyTrigger('eventMouseout', {
-                context: seg.el[0],
-                args: [
-                    seg.footprint.getEventLegacy(),
-                    ev || {},
-                    this.view
-                ]
-            });
         }
+        return segs;
     };
-    EventPointing.prototype.end = function () {
-        if (this.mousedOverSeg) {
-            this.handleMouseout(this.mousedOverSeg);
+    // Slices up a date range into a segment for every day-cell it intersects with.
+    // TODO: make more DRY with sliceRangeByRow somehow.
+    DayTableMixin.prototype.sliceRangeByDay = function (unzonedRange) {
+        var daysPerRow = this.daysPerRow;
+        var normalRange = this.view.computeDayRange(unzonedRange); // make whole-day range, considering nextDayThreshold
+        var rangeFirst = this.getDateDayIndex(normalRange.start); // inclusive first index
+        var rangeLast = this.getDateDayIndex(normalRange.end.clone().subtract(1, 'days')); // inclusive last index
+        var segs = [];
+        var row;
+        var rowFirst;
+        var rowLast; // inclusive day-index range for current row
+        var i;
+        var segFirst;
+        var segLast; // inclusive day-index range for segment
+        for (row = 0; row < this.rowCnt; row++) {
+            rowFirst = row * daysPerRow;
+            rowLast = rowFirst + daysPerRow - 1;
+            for (i = rowFirst; i <= rowLast; i++) {
+                // intersect segment's offset range with the row's
+                segFirst = Math.max(rangeFirst, i);
+                segLast = Math.min(rangeLast, i);
+                // deal with in-between indices
+                segFirst = Math.ceil(segFirst); // in-between starts round to next cell
+                segLast = Math.floor(segLast); // in-between ends round to prev cell
+                if (segFirst <= segLast) { // was there any intersection with the current row?
+                    segs.push({
+                        row: row,
+                        // normalize to start of row
+                        firstRowDayIndex: segFirst - rowFirst,
+                        lastRowDayIndex: segLast - rowFirst,
+                        // must be matching integers to be the segment's start/end
+                        isStart: segFirst === rangeFirst,
+                        isEnd: segLast === rangeLast
+                    });
+                }
+            }
         }
+        return segs;
     };
-    return EventPointing;
-}(Interaction_1.default));
-exports.default = EventPointing;
-
-
-/***/ }),
-/* 60 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var Mixin_1 = __webpack_require__(14);
-var DateClicking_1 = __webpack_require__(245);
-var DateSelecting_1 = __webpack_require__(225);
-var EventPointing_1 = __webpack_require__(59);
-var EventDragging_1 = __webpack_require__(224);
-var EventResizing_1 = __webpack_require__(223);
-var ExternalDropping_1 = __webpack_require__(222);
-var StandardInteractionsMixin = /** @class */ (function (_super) {
-    tslib_1.__extends(StandardInteractionsMixin, _super);
-    function StandardInteractionsMixin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return StandardInteractionsMixin;
-}(Mixin_1.default));
-exports.default = StandardInteractionsMixin;
-StandardInteractionsMixin.prototype.dateClickingClass = DateClicking_1.default;
-StandardInteractionsMixin.prototype.dateSelectingClass = DateSelecting_1.default;
-StandardInteractionsMixin.prototype.eventPointingClass = EventPointing_1.default;
-StandardInteractionsMixin.prototype.eventDraggingClass = EventDragging_1.default;
-StandardInteractionsMixin.prototype.eventResizingClass = EventResizing_1.default;
-StandardInteractionsMixin.prototype.externalDroppingClass = ExternalDropping_1.default;
-
-
-/***/ }),
-/* 61 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var CoordCache_1 = __webpack_require__(53);
-var Popover_1 = __webpack_require__(249);
-var UnzonedRange_1 = __webpack_require__(5);
-var ComponentFootprint_1 = __webpack_require__(12);
-var EventFootprint_1 = __webpack_require__(36);
-var BusinessHourRenderer_1 = __webpack_require__(56);
-var StandardInteractionsMixin_1 = __webpack_require__(60);
-var InteractiveDateComponent_1 = __webpack_require__(40);
-var DayTableMixin_1 = __webpack_require__(55);
-var DayGridEventRenderer_1 = __webpack_require__(250);
-var DayGridHelperRenderer_1 = __webpack_require__(251);
-var DayGridFillRenderer_1 = __webpack_require__(252);
-/* A component that renders a grid of whole-days that runs horizontally. There can be multiple rows, one per week.
-----------------------------------------------------------------------------------------------------------------------*/
-var DayGrid = /** @class */ (function (_super) {
-    tslib_1.__extends(DayGrid, _super);
-    function DayGrid(view) {
-        var _this = _super.call(this, view) || this;
-        _this.cellWeekNumbersVisible = false; // display week numbers in day cell?
-        _this.bottomCoordPadding = 0; // hack for extending the hit area for the last row of the coordinate grid
-        // isRigid determines whether the individual rows should ignore the contents and be a constant height.
-        // Relies on the view's colCnt and rowCnt. In the future, this component should probably be self-sufficient.
-        _this.isRigid = false;
-        _this.hasAllDayBusinessHours = true;
-        return _this;
-    }
-    // Slices up the given span (unzoned start/end with other misc data) into an array of segments
-    DayGrid.prototype.componentFootprintToSegs = function (componentFootprint) {
-        var segs = this.sliceRangeByRow(componentFootprint.unzonedRange);
-        var i;
-        var seg;
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            if (this.isRTL) {
-                seg.leftCol = this.daysPerRow - 1 - seg.lastRowDayIndex;
-                seg.rightCol = this.daysPerRow - 1 - seg.firstRowDayIndex;
-            }
-            else {
-                seg.leftCol = seg.firstRowDayIndex;
-                seg.rightCol = seg.lastRowDayIndex;
-            }
-        }
-        return segs;
-    };
-    /* Date Rendering
+    /* Header Rendering
     ------------------------------------------------------------------------------------------------------------------*/
-    DayGrid.prototype.renderDates = function (dateProfile) {
-        this.dateProfile = dateProfile;
-        this.updateDayTable();
-        this.renderGrid();
-    };
-    DayGrid.prototype.unrenderDates = function () {
-        this.removeSegPopover();
-    };
-    // Renders the rows and columns into the component's `this.el`, which should already be assigned.
-    DayGrid.prototype.renderGrid = function () {
-        var view = this.view;
-        var rowCnt = this.rowCnt;
-        var colCnt = this.colCnt;
-        var html = '';
-        var row;
-        var col;
-        if (this.headContainerEl) {
-            this.headContainerEl.html(this.renderHeadHtml());
-        }
-        for (row = 0; row < rowCnt; row++) {
-            html += this.renderDayRowHtml(row, this.isRigid);
-        }
-        this.el.html(html);
-        this.rowEls = this.el.find('.fc-row');
-        this.cellEls = this.el.find('.fc-day, .fc-disabled-day');
-        this.rowCoordCache = new CoordCache_1.default({
-            els: this.rowEls,
-            isVertical: true
-        });
-        this.colCoordCache = new CoordCache_1.default({
-            els: this.cellEls.slice(0, this.colCnt),
-            isHorizontal: true
-        });
-        // trigger dayRender with each cell's element
-        for (row = 0; row < rowCnt; row++) {
-            for (col = 0; col < colCnt; col++) {
-                this.publiclyTrigger('dayRender', {
-                    context: view,
-                    args: [
-                        this.getCellDate(row, col),
-                        this.getCellEl(row, col),
-                        view
-                    ]
-                });
-            }
-        }
-    };
-    // Generates the HTML for a single row, which is a div that wraps a table.
-    // `row` is the row number.
-    DayGrid.prototype.renderDayRowHtml = function (row, isRigid) {
+    DayTableMixin.prototype.renderHeadHtml = function () {
         var theme = this.view.calendar.theme;
-        var classes = ['fc-row', 'fc-week', theme.getClass('dayRow')];
-        if (isRigid) {
-            classes.push('fc-rigid');
-        }
         return '' +
-            '<div class="' + classes.join(' ') + '">' +
-            '<div class="fc-bg">' +
+            '<div class="fc-row ' + theme.getClass('headerRow') + '">' +
             '<table class="' + theme.getClass('tableGrid') + '">' +
-            this.renderBgTrHtml(row) +
-            '</table>' +
-            '</div>' +
-            '<div class="fc-content-skeleton">' +
-            '<table>' +
-            (this.getIsNumbersVisible() ?
-                '<thead>' +
-                    this.renderNumberTrHtml(row) +
-                    '</thead>' :
-                '') +
+            '<thead>' +
+            this.renderHeadTrHtml() +
+            '</thead>' +
             '</table>' +
-            '</div>' +
             '</div>';
     };
-    DayGrid.prototype.getIsNumbersVisible = function () {
-        return this.getIsDayNumbersVisible() || this.cellWeekNumbersVisible;
-    };
-    DayGrid.prototype.getIsDayNumbersVisible = function () {
-        return this.rowCnt > 1;
+    DayTableMixin.prototype.renderHeadIntroHtml = function () {
+        return this.renderIntroHtml(); // fall back to generic
     };
-    /* Grid Number Rendering
-    ------------------------------------------------------------------------------------------------------------------*/
-    DayGrid.prototype.renderNumberTrHtml = function (row) {
+    DayTableMixin.prototype.renderHeadTrHtml = function () {
         return '' +
             '<tr>' +
-            (this.isRTL ? '' : this.renderNumberIntroHtml(row)) +
-            this.renderNumberCellsHtml(row) +
-            (this.isRTL ? this.renderNumberIntroHtml(row) : '') +
+            (this.isRTL ? '' : this.renderHeadIntroHtml()) +
+            this.renderHeadDateCellsHtml() +
+            (this.isRTL ? this.renderHeadIntroHtml() : '') +
             '</tr>';
     };
-    DayGrid.prototype.renderNumberIntroHtml = function (row) {
-        return this.renderIntroHtml();
-    };
-    DayGrid.prototype.renderNumberCellsHtml = function (row) {
+    DayTableMixin.prototype.renderHeadDateCellsHtml = function () {
         var htmls = [];
         var col;
         var date;
         for (col = 0; col < this.colCnt; col++) {
-            date = this.getCellDate(row, col);
-            htmls.push(this.renderNumberCellHtml(date));
+            date = this.getCellDate(0, col);
+            htmls.push(this.renderHeadDateCellHtml(date));
         }
         return htmls.join('');
     };
-    // Generates the HTML for the <td>s of the "number" row in the DayGrid's content skeleton.
-    // The number row will only exist if either day numbers or week numbers are turned on.
-    DayGrid.prototype.renderNumberCellHtml = function (date) {
-        var view = this.view;
-        var html = '';
-        var isDateValid = this.dateProfile.activeUnzonedRange.containsDate(date); // TODO: called too frequently. cache somehow.
-        var isDayNumberVisible = this.getIsDayNumbersVisible() && isDateValid;
-        var classes;
-        var weekCalcFirstDoW;
-        if (!isDayNumberVisible && !this.cellWeekNumbersVisible) {
-            // no numbers in day cell (week number must be along the side)
-            return '<td/>'; //  will create an empty space above events :(
+    // TODO: when internalApiVersion, accept an object for HTML attributes
+    // (colspan should be no different)
+    DayTableMixin.prototype.renderHeadDateCellHtml = function (date, colspan, otherAttrs) {
+        var t = this;
+        var view = t.view;
+        var isDateValid = t.dateProfile.activeUnzonedRange.containsDate(date); // TODO: called too frequently. cache somehow.
+        var classNames = [
+            'fc-day-header',
+            view.calendar.theme.getClass('widgetHeader')
+        ];
+        var innerHtml;
+        if (typeof t.opt('columnHeaderHtml') === 'function') {
+            innerHtml = t.opt('columnHeaderHtml')(date);
         }
-        classes = this.getDayClasses(date);
-        classes.unshift('fc-day-top');
-        if (this.cellWeekNumbersVisible) {
-            // To determine the day of week number change under ISO, we cannot
-            // rely on moment.js methods such as firstDayOfWeek() or weekday(),
-            // because they rely on the locale's dow (possibly overridden by
-            // our firstDay option), which may not be Monday. We cannot change
-            // dow, because that would affect the calendar start day as well.
-            if (date._locale._fullCalendar_weekCalc === 'ISO') {
-                weekCalcFirstDoW = 1; // Monday by ISO 8601 definition
-            }
-            else {
-                weekCalcFirstDoW = date._locale.firstDayOfWeek();
-            }
+        else if (typeof t.opt('columnHeaderText') === 'function') {
+            innerHtml = util_1.htmlEscape(t.opt('columnHeaderText')(date));
         }
-        html += '<td class="' + classes.join(' ') + '"' +
-            (isDateValid ?
-                ' data-date="' + date.format() + '"' :
-                '') +
-            '>';
-        if (this.cellWeekNumbersVisible && (date.day() === weekCalcFirstDoW)) {
-            html += view.buildGotoAnchorHtml({ date: date, type: 'week' }, { 'class': 'fc-week-number' }, date.format('w') // inner HTML
-            );
+        else {
+            innerHtml = util_1.htmlEscape(date.format(t.colHeadFormat));
         }
-        if (isDayNumberVisible) {
-            html += view.buildGotoAnchorHtml(date, { 'class': 'fc-day-number' }, date.format('D') // inner HTML
-            );
+        // if only one row of days, the classNames on the header can represent the specific days beneath
+        if (t.rowCnt === 1) {
+            classNames = classNames.concat(
+            // includes the day-of-week class
+            // noThemeHighlight=true (don't highlight the header)
+            t.getDayClasses(date, true));
         }
-        html += '</td>';
-        return html;
+        else {
+            classNames.push('fc-' + util_1.dayIDs[date.day()]); // only add the day-of-week class
+        }
+        return '' +
+            '<th class="' + classNames.join(' ') + '"' +
+            ((isDateValid && t.rowCnt) === 1 ?
+                ' data-date="' + date.format('YYYY-MM-DD') + '"' :
+                '') +
+            (colspan > 1 ?
+                ' colspan="' + colspan + '"' :
+                '') +
+            (otherAttrs ?
+                ' ' + otherAttrs :
+                '') +
+            '>' +
+            (isDateValid ?
+                // don't make a link if the heading could represent multiple days, or if there's only one day (forceOff)
+                view.buildGotoAnchorHtml({ date: date, forceOff: t.rowCnt > 1 || t.colCnt === 1 }, innerHtml) :
+                // if not valid, display text, but no link
+                innerHtml) +
+            '</th>';
     };
-    /* Hit System
+    /* Background Rendering
     ------------------------------------------------------------------------------------------------------------------*/
-    DayGrid.prototype.prepareHits = function () {
-        this.colCoordCache.build();
-        this.rowCoordCache.build();
-        this.rowCoordCache.bottoms[this.rowCnt - 1] += this.bottomCoordPadding; // hack
-    };
-    DayGrid.prototype.releaseHits = function () {
-        this.colCoordCache.clear();
-        this.rowCoordCache.clear();
+    DayTableMixin.prototype.renderBgTrHtml = function (row) {
+        return '' +
+            '<tr>' +
+            (this.isRTL ? '' : this.renderBgIntroHtml(row)) +
+            this.renderBgCellsHtml(row) +
+            (this.isRTL ? this.renderBgIntroHtml(row) : '') +
+            '</tr>';
     };
-    DayGrid.prototype.queryHit = function (leftOffset, topOffset) {
-        if (this.colCoordCache.isLeftInBounds(leftOffset) && this.rowCoordCache.isTopInBounds(topOffset)) {
-            var col = this.colCoordCache.getHorizontalIndex(leftOffset);
-            var row = this.rowCoordCache.getVerticalIndex(topOffset);
-            if (row != null && col != null) {
-                return this.getCellHit(row, col);
-            }
-        }
+    DayTableMixin.prototype.renderBgIntroHtml = function (row) {
+        return this.renderIntroHtml(); // fall back to generic
     };
-    DayGrid.prototype.getHitFootprint = function (hit) {
-        var range = this.getCellRange(hit.row, hit.col);
-        return new ComponentFootprint_1.default(new UnzonedRange_1.default(range.start, range.end), true // all-day?
-        );
+    DayTableMixin.prototype.renderBgCellsHtml = function (row) {
+        var htmls = [];
+        var col;
+        var date;
+        for (col = 0; col < this.colCnt; col++) {
+            date = this.getCellDate(row, col);
+            htmls.push(this.renderBgCellHtml(date));
+        }
+        return htmls.join('');
     };
-    DayGrid.prototype.getHitEl = function (hit) {
-        return this.getCellEl(hit.row, hit.col);
+    DayTableMixin.prototype.renderBgCellHtml = function (date, otherAttrs) {
+        var t = this;
+        var view = t.view;
+        var isDateValid = t.dateProfile.activeUnzonedRange.containsDate(date); // TODO: called too frequently. cache somehow.
+        var classes = t.getDayClasses(date);
+        classes.unshift('fc-day', view.calendar.theme.getClass('widgetContent'));
+        return '<td class="' + classes.join(' ') + '"' +
+            (isDateValid ?
+                ' data-date="' + date.format('YYYY-MM-DD') + '"' : // if date has a time, won't format it
+                '') +
+            (otherAttrs ?
+                ' ' + otherAttrs :
+                '') +
+            '></td>';
     };
-    /* Cell System
+    /* Generic
     ------------------------------------------------------------------------------------------------------------------*/
-    // FYI: the first column is the leftmost column, regardless of date
-    DayGrid.prototype.getCellHit = function (row, col) {
-        return {
-            row: row,
-            col: col,
-            component: this,
-            left: this.colCoordCache.getLeftOffset(col),
-            right: this.colCoordCache.getRightOffset(col),
-            top: this.rowCoordCache.getTopOffset(row),
-            bottom: this.rowCoordCache.getBottomOffset(row)
-        };
-    };
-    DayGrid.prototype.getCellEl = function (row, col) {
-        return this.cellEls.eq(row * this.colCnt + col);
+    DayTableMixin.prototype.renderIntroHtml = function () {
+        // Generates the default HTML intro for any row. User classes should override
     };
-    /* Event Rendering
+    // TODO: a generic method for dealing with <tr>, RTL, intro
+    // when increment internalApiVersion
+    // wrapTr (scheduler)
+    /* Utils
     ------------------------------------------------------------------------------------------------------------------*/
-    // Unrenders all events currently rendered on the grid
-    DayGrid.prototype.executeEventUnrender = function () {
-        this.removeSegPopover(); // removes the "more.." events popover
-        _super.prototype.executeEventUnrender.call(this);
+    // Applies the generic "intro" and "outro" HTML to the given cells.
+    // Intro means the leftmost cell when the calendar is LTR and the rightmost cell when RTL. Vice-versa for outro.
+    DayTableMixin.prototype.bookendCells = function (trEl) {
+        var introHtml = this.renderIntroHtml();
+        if (introHtml) {
+            if (this.isRTL) {
+                trEl.append(introHtml);
+            }
+            else {
+                trEl.prepend(introHtml);
+            }
+        }
     };
-    // Retrieves all rendered segment objects currently rendered on the grid
-    DayGrid.prototype.getOwnEventSegs = function () {
-        // append the segments from the "more..." popover
-        return _super.prototype.getOwnEventSegs.call(this).concat(this.popoverSegs || []);
+    return DayTableMixin;
+}(Mixin_1.default));
+exports.default = DayTableMixin;
+
+
+/***/ }),
+/* 61 */
+/***/ (function(module, exports) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var BusinessHourRenderer = /** @class */ (function () {
+    /*
+    component implements:
+      - eventRangesToEventFootprints
+      - eventFootprintsToSegs
+    */
+    function BusinessHourRenderer(component, fillRenderer) {
+        this.component = component;
+        this.fillRenderer = fillRenderer;
+    }
+    BusinessHourRenderer.prototype.render = function (businessHourGenerator) {
+        var component = this.component;
+        var unzonedRange = component._getDateProfile().activeUnzonedRange;
+        var eventInstanceGroup = businessHourGenerator.buildEventInstanceGroup(component.hasAllDayBusinessHours, unzonedRange);
+        var eventFootprints = eventInstanceGroup ?
+            component.eventRangesToEventFootprints(eventInstanceGroup.sliceRenderRanges(unzonedRange)) :
+            [];
+        this.renderEventFootprints(eventFootprints);
     };
-    /* Event Drag Visualization
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders a visual indication of an event or external element being dragged.
-    // `eventLocation` has zoned start and end (optional)
-    DayGrid.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
-        var i;
-        for (i = 0; i < eventFootprints.length; i++) {
-            this.renderHighlight(eventFootprints[i].componentFootprint);
+    BusinessHourRenderer.prototype.renderEventFootprints = function (eventFootprints) {
+        var segs = this.component.eventFootprintsToSegs(eventFootprints);
+        this.renderSegs(segs);
+        this.segs = segs;
+    };
+    BusinessHourRenderer.prototype.renderSegs = function (segs) {
+        if (this.fillRenderer) {
+            this.fillRenderer.renderSegs('businessHours', segs, {
+                getClasses: function (seg) {
+                    return ['fc-nonbusiness', 'fc-bgevent'];
+                }
+            });
         }
-        // render drags from OTHER components as helpers
-        if (eventFootprints.length && seg && seg.component !== this) {
-            this.helperRenderer.renderEventDraggingFootprints(eventFootprints, seg, isTouch);
-            return true; // signal helpers rendered
+    };
+    BusinessHourRenderer.prototype.unrender = function () {
+        if (this.fillRenderer) {
+            this.fillRenderer.unrender('businessHours');
         }
+        this.segs = null;
     };
-    // Unrenders any visual indication of a hovering event
-    DayGrid.prototype.unrenderDrag = function () {
-        this.unrenderHighlight();
-        this.helperRenderer.unrender();
+    BusinessHourRenderer.prototype.getSegs = function () {
+        return this.segs || [];
     };
-    /* Event Resize Visualization
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders a visual indication of an event being resized
-    DayGrid.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
-        var i;
-        for (i = 0; i < eventFootprints.length; i++) {
-            this.renderHighlight(eventFootprints[i].componentFootprint);
-        }
-        this.helperRenderer.renderEventResizingFootprints(eventFootprints, seg, isTouch);
+    return BusinessHourRenderer;
+}());
+exports.default = BusinessHourRenderer;
+
+
+/***/ }),
+/* 62 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var FillRenderer = /** @class */ (function () {
+    function FillRenderer(component) {
+        this.fillSegTag = 'div';
+        this.component = component;
+        this.elsByFill = {};
+    }
+    FillRenderer.prototype.renderFootprint = function (type, componentFootprint, props) {
+        this.renderSegs(type, this.component.componentFootprintToSegs(componentFootprint), props);
     };
-    // Unrenders a visual indication of an event being resized
-    DayGrid.prototype.unrenderEventResize = function () {
-        this.unrenderHighlight();
-        this.helperRenderer.unrender();
+    FillRenderer.prototype.renderSegs = function (type, segs, props) {
+        var els;
+        segs = this.buildSegEls(type, segs, props); // assignes `.el` to each seg. returns successfully rendered segs
+        els = this.attachSegEls(type, segs);
+        if (els) {
+            this.reportEls(type, els);
+        }
+        return segs;
     };
-    /* More+ Link Popover
-    ------------------------------------------------------------------------------------------------------------------*/
-    DayGrid.prototype.removeSegPopover = function () {
-        if (this.segPopover) {
-            this.segPopover.hide(); // in handler, will call segPopover's removeElement
+    // Unrenders a specific type of fill that is currently rendered on the grid
+    FillRenderer.prototype.unrender = function (type) {
+        var el = this.elsByFill[type];
+        if (el) {
+            el.remove();
+            delete this.elsByFill[type];
         }
     };
-    // Limits the number of "levels" (vertically stacking layers of events) for each row of the grid.
-    // `levelLimit` can be false (don't limit), a number, or true (should be computed).
-    DayGrid.prototype.limitRows = function (levelLimit) {
-        var rowStructs = this.eventRenderer.rowStructs || [];
-        var row; // row #
-        var rowLevelLimit;
-        for (row = 0; row < rowStructs.length; row++) {
-            this.unlimitRow(row);
-            if (!levelLimit) {
-                rowLevelLimit = false;
-            }
-            else if (typeof levelLimit === 'number') {
-                rowLevelLimit = levelLimit;
-            }
-            else {
-                rowLevelLimit = this.computeRowLevelLimit(row);
-            }
-            if (rowLevelLimit !== false) {
-                this.limitRow(row, rowLevelLimit);
+    // Renders and assigns an `el` property for each fill segment. Generic enough to work with different types.
+    // Only returns segments that successfully rendered.
+    FillRenderer.prototype.buildSegEls = function (type, segs, props) {
+        var _this = this;
+        var html = '';
+        var renderedSegs = [];
+        var i;
+        if (segs.length) {
+            // build a large concatenation of segment HTML
+            for (i = 0; i < segs.length; i++) {
+                html += this.buildSegHtml(type, segs[i], props);
             }
+            // Grab individual elements from the combined HTML string. Use each as the default rendering.
+            // Then, compute the 'el' for each segment.
+            $(html).each(function (i, node) {
+                var seg = segs[i];
+                var el = $(node);
+                // allow custom filter methods per-type
+                if (props.filterEl) {
+                    el = props.filterEl(seg, el);
+                }
+                if (el) { // custom filters did not cancel the render
+                    el = $(el); // allow custom filter to return raw DOM node
+                    // correct element type? (would be bad if a non-TD were inserted into a table for example)
+                    if (el.is(_this.fillSegTag)) {
+                        seg.el = el;
+                        renderedSegs.push(seg);
+                    }
+                }
+            });
         }
+        return renderedSegs;
     };
-    // Computes the number of levels a row will accomodate without going outside its bounds.
-    // Assumes the row is "rigid" (maintains a constant height regardless of what is inside).
-    // `row` is the row number.
-    DayGrid.prototype.computeRowLevelLimit = function (row) {
-        var rowEl = this.rowEls.eq(row); // the containing "fake" row div
-        var rowHeight = rowEl.height(); // TODO: cache somehow?
-        var trEls = this.eventRenderer.rowStructs[row].tbodyEl.children();
-        var i;
-        var trEl;
-        var trHeight;
-        function iterInnerHeights(i, childNode) {
-            trHeight = Math.max(trHeight, $(childNode).outerHeight());
-        }
-        // Reveal one level <tr> at a time and stop when we find one out of bounds
-        for (i = 0; i < trEls.length; i++) {
-            trEl = trEls.eq(i).removeClass('fc-limited'); // reset to original state (reveal)
-            // with rowspans>1 and IE8, trEl.outerHeight() would return the height of the largest cell,
-            // so instead, find the tallest inner content element.
-            trHeight = 0;
-            trEl.find('> td > :first-child').each(iterInnerHeights);
-            if (trEl.position().top + trHeight > rowHeight) {
-                return i;
-            }
-        }
-        return false; // should not limit at all
+    // Builds the HTML needed for one fill segment. Generic enough to work with different types.
+    FillRenderer.prototype.buildSegHtml = function (type, seg, props) {
+        // custom hooks per-type
+        var classes = props.getClasses ? props.getClasses(seg) : [];
+        var css = util_1.cssToStr(props.getCss ? props.getCss(seg) : {});
+        return '<' + this.fillSegTag +
+            (classes.length ? ' class="' + classes.join(' ') + '"' : '') +
+            (css ? ' style="' + css + '"' : '') +
+            '></' + this.fillSegTag + '>';
     };
-    // Limits the given grid row to the maximum number of levels and injects "more" links if necessary.
-    // `row` is the row number.
-    // `levelLimit` is a number for the maximum (inclusive) number of levels allowed.
-    DayGrid.prototype.limitRow = function (row, levelLimit) {
-        var _this = this;
-        var rowStruct = this.eventRenderer.rowStructs[row];
-        var moreNodes = []; // array of "more" <a> links and <td> DOM nodes
-        var col = 0; // col #, left-to-right (not chronologically)
-        var levelSegs; // array of segment objects in the last allowable level, ordered left-to-right
-        var cellMatrix; // a matrix (by level, then column) of all <td> jQuery elements in the row
-        var limitedNodes; // array of temporarily hidden level <tr> and segment <td> DOM nodes
-        var i;
-        var seg;
-        var segsBelow; // array of segment objects below `seg` in the current `col`
-        var totalSegsBelow; // total number of segments below `seg` in any of the columns `seg` occupies
-        var colSegsBelow; // array of segment arrays, below seg, one for each column (offset from segs's first column)
-        var td;
-        var rowspan;
-        var segMoreNodes; // array of "more" <td> cells that will stand-in for the current seg's cell
-        var j;
-        var moreTd;
-        var moreWrap;
-        var moreLink;
-        // Iterates through empty level cells and places "more" links inside if need be
-        var emptyCellsUntil = function (endCol) {
-            while (col < endCol) {
-                segsBelow = _this.getCellSegs(row, col, levelLimit);
-                if (segsBelow.length) {
-                    td = cellMatrix[levelLimit - 1][col];
-                    moreLink = _this.renderMoreLink(row, col, segsBelow);
-                    moreWrap = $('<div/>').append(moreLink);
-                    td.append(moreWrap);
-                    moreNodes.push(moreWrap[0]);
-                }
-                col++;
-            }
-        };
-        if (levelLimit && levelLimit < rowStruct.segLevels.length) {
-            levelSegs = rowStruct.segLevels[levelLimit - 1];
-            cellMatrix = rowStruct.cellMatrix;
-            limitedNodes = rowStruct.tbodyEl.children().slice(levelLimit) // get level <tr> elements past the limit
-                .addClass('fc-limited').get(); // hide elements and get a simple DOM-nodes array
-            // iterate though segments in the last allowable level
-            for (i = 0; i < levelSegs.length; i++) {
-                seg = levelSegs[i];
-                emptyCellsUntil(seg.leftCol); // process empty cells before the segment
-                // determine *all* segments below `seg` that occupy the same columns
-                colSegsBelow = [];
-                totalSegsBelow = 0;
-                while (col <= seg.rightCol) {
-                    segsBelow = this.getCellSegs(row, col, levelLimit);
-                    colSegsBelow.push(segsBelow);
-                    totalSegsBelow += segsBelow.length;
-                    col++;
-                }
-                if (totalSegsBelow) {
-                    td = cellMatrix[levelLimit - 1][seg.leftCol]; // the segment's parent cell
-                    rowspan = td.attr('rowspan') || 1;
-                    segMoreNodes = [];
-                    // make a replacement <td> for each column the segment occupies. will be one for each colspan
-                    for (j = 0; j < colSegsBelow.length; j++) {
-                        moreTd = $('<td class="fc-more-cell"/>').attr('rowspan', rowspan);
-                        segsBelow = colSegsBelow[j];
-                        moreLink = this.renderMoreLink(row, seg.leftCol + j, [seg].concat(segsBelow) // count seg as hidden too
-                        );
-                        moreWrap = $('<div/>').append(moreLink);
-                        moreTd.append(moreWrap);
-                        segMoreNodes.push(moreTd[0]);
-                        moreNodes.push(moreTd[0]);
-                    }
-                    td.addClass('fc-limited').after($(segMoreNodes)); // hide original <td> and inject replacements
-                    limitedNodes.push(td[0]);
-                }
-            }
-            emptyCellsUntil(this.colCnt); // finish off the level
-            rowStruct.moreEls = $(moreNodes); // for easy undoing later
-            rowStruct.limitedEls = $(limitedNodes); // for easy undoing later
-        }
+    // Should return wrapping DOM structure
+    FillRenderer.prototype.attachSegEls = function (type, segs) {
+        // subclasses must implement
     };
-    // Reveals all levels and removes all "more"-related elements for a grid's row.
-    // `row` is a row number.
-    DayGrid.prototype.unlimitRow = function (row) {
-        var rowStruct = this.eventRenderer.rowStructs[row];
-        if (rowStruct.moreEls) {
-            rowStruct.moreEls.remove();
-            rowStruct.moreEls = null;
+    FillRenderer.prototype.reportEls = function (type, nodes) {
+        if (this.elsByFill[type]) {
+            this.elsByFill[type] = this.elsByFill[type].add(nodes);
         }
-        if (rowStruct.limitedEls) {
-            rowStruct.limitedEls.removeClass('fc-limited');
-            rowStruct.limitedEls = null;
+        else {
+            this.elsByFill[type] = $(nodes);
         }
     };
-    // Renders an <a> element that represents hidden event element for a cell.
-    // Responsible for attaching click handler as well.
-    DayGrid.prototype.renderMoreLink = function (row, col, hiddenSegs) {
-        var _this = this;
-        var view = this.view;
-        return $('<a class="fc-more"/>')
-            .text(this.getMoreLinkText(hiddenSegs.length))
-            .on('click', function (ev) {
-            var clickOption = _this.opt('eventLimitClick');
-            var date = _this.getCellDate(row, col);
-            var moreEl = $(ev.currentTarget);
-            var dayEl = _this.getCellEl(row, col);
-            var allSegs = _this.getCellSegs(row, col);
-            // rescope the segments to be within the cell's date
-            var reslicedAllSegs = _this.resliceDaySegs(allSegs, date);
-            var reslicedHiddenSegs = _this.resliceDaySegs(hiddenSegs, date);
-            if (typeof clickOption === 'function') {
-                // the returned value can be an atomic option
-                clickOption = _this.publiclyTrigger('eventLimitClick', {
-                    context: view,
-                    args: [
-                        {
-                            date: date.clone(),
-                            dayEl: dayEl,
-                            moreEl: moreEl,
-                            segs: reslicedAllSegs,
-                            hiddenSegs: reslicedHiddenSegs
-                        },
-                        ev,
-                        view
-                    ]
-                });
-            }
-            if (clickOption === 'popover') {
-                _this.showSegPopover(row, col, moreEl, reslicedAllSegs);
-            }
-            else if (typeof clickOption === 'string') {
-                view.calendar.zoomTo(date, clickOption);
-            }
-        });
+    return FillRenderer;
+}());
+exports.default = FillRenderer;
+
+
+/***/ }),
+/* 63 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var SingleEventDef_1 = __webpack_require__(9);
+var EventFootprint_1 = __webpack_require__(34);
+var EventSource_1 = __webpack_require__(6);
+var HelperRenderer = /** @class */ (function () {
+    function HelperRenderer(component, eventRenderer) {
+        this.view = component._getView();
+        this.component = component;
+        this.eventRenderer = eventRenderer;
+    }
+    HelperRenderer.prototype.renderComponentFootprint = function (componentFootprint) {
+        this.renderEventFootprints([
+            this.fabricateEventFootprint(componentFootprint)
+        ]);
     };
-    // Reveals the popover that displays all events within a cell
-    DayGrid.prototype.showSegPopover = function (row, col, moreLink, segs) {
-        var _this = this;
-        var view = this.view;
-        var moreWrap = moreLink.parent(); // the <div> wrapper around the <a>
-        var topEl; // the element we want to match the top coordinate of
-        var options;
-        if (this.rowCnt === 1) {
-            topEl = view.el; // will cause the popover to cover any sort of header
-        }
-        else {
-            topEl = this.rowEls.eq(row); // will align with top of row
+    HelperRenderer.prototype.renderEventDraggingFootprints = function (eventFootprints, sourceSeg, isTouch) {
+        this.renderEventFootprints(eventFootprints, sourceSeg, 'fc-dragging', isTouch ? null : this.view.opt('dragOpacity'));
+    };
+    HelperRenderer.prototype.renderEventResizingFootprints = function (eventFootprints, sourceSeg, isTouch) {
+        this.renderEventFootprints(eventFootprints, sourceSeg, 'fc-resizing');
+    };
+    HelperRenderer.prototype.renderEventFootprints = function (eventFootprints, sourceSeg, extraClassNames, opacity) {
+        var segs = this.component.eventFootprintsToSegs(eventFootprints);
+        var classNames = 'fc-helper ' + (extraClassNames || '');
+        var i;
+        // assigns each seg's el and returns a subset of segs that were rendered
+        segs = this.eventRenderer.renderFgSegEls(segs);
+        for (i = 0; i < segs.length; i++) {
+            segs[i].el.addClass(classNames);
         }
-        options = {
-            className: 'fc-more-popover ' + view.calendar.theme.getClass('popover'),
-            content: this.renderSegPopoverContent(row, col, segs),
-            parentEl: view.el,
-            top: topEl.offset().top,
-            autoHide: true,
-            viewportConstrain: this.opt('popoverViewportConstrain'),
-            hide: function () {
-                // kill everything when the popover is hidden
-                // notify events to be removed
-                if (_this.popoverSegs) {
-                    _this.triggerBeforeEventSegsDestroyed(_this.popoverSegs);
-                }
-                _this.segPopover.removeElement();
-                _this.segPopover = null;
-                _this.popoverSegs = null;
+        if (opacity != null) {
+            for (i = 0; i < segs.length; i++) {
+                segs[i].el.css('opacity', opacity);
             }
-        };
-        // Determine horizontal coordinate.
-        // We use the moreWrap instead of the <td> to avoid border confusion.
-        if (this.isRTL) {
-            options.right = moreWrap.offset().left + moreWrap.outerWidth() + 1; // +1 to be over cell border
         }
-        else {
-            options.left = moreWrap.offset().left - 1; // -1 to be over cell border
+        this.helperEls = this.renderSegs(segs, sourceSeg);
+    };
+    /*
+    Must return all mock event elements
+    */
+    HelperRenderer.prototype.renderSegs = function (segs, sourceSeg) {
+        // Subclasses must implement
+    };
+    HelperRenderer.prototype.unrender = function () {
+        if (this.helperEls) {
+            this.helperEls.remove();
+            this.helperEls = null;
         }
-        this.segPopover = new Popover_1.default(options);
-        this.segPopover.show();
-        // the popover doesn't live within the grid's container element, and thus won't get the event
-        // delegated-handlers for free. attach event-related handlers to the popover.
-        this.bindAllSegHandlersToEl(this.segPopover.el);
-        this.triggerAfterEventSegsRendered(segs);
     };
-    // Builds the inner DOM contents of the segment popover
-    DayGrid.prototype.renderSegPopoverContent = function (row, col, segs) {
-        var view = this.view;
-        var theme = view.calendar.theme;
-        var title = this.getCellDate(row, col).format(this.opt('dayPopoverFormat'));
-        var content = $('<div class="fc-header ' + theme.getClass('popoverHeader') + '">' +
-            '<span class="fc-close ' + theme.getIconClass('close') + '"></span>' +
-            '<span class="fc-title">' +
-            util_1.htmlEscape(title) +
-            '</span>' +
-            '<div class="fc-clear"/>' +
-            '</div>' +
-            '<div class="fc-body ' + theme.getClass('popoverContent') + '">' +
-            '<div class="fc-event-container"></div>' +
-            '</div>');
-        var segContainer = content.find('.fc-event-container');
-        var i;
-        // render each seg's `el` and only return the visible segs
-        segs = this.eventRenderer.renderFgSegEls(segs, true); // disableResizing=true
-        this.popoverSegs = segs;
-        for (i = 0; i < segs.length; i++) {
-            // because segments in the popover are not part of a grid coordinate system, provide a hint to any
-            // grids that want to do drag-n-drop about which cell it came from
-            this.hitsNeeded();
-            segs[i].hit = this.getCellHit(row, col);
-            this.hitsNotNeeded();
-            segContainer.append(segs[i].el);
+    HelperRenderer.prototype.fabricateEventFootprint = function (componentFootprint) {
+        var calendar = this.view.calendar;
+        var eventDateProfile = calendar.footprintToDateProfile(componentFootprint);
+        var dummyEvent = new SingleEventDef_1.default(new EventSource_1.default(calendar));
+        var dummyInstance;
+        dummyEvent.dateProfile = eventDateProfile;
+        dummyInstance = dummyEvent.buildInstance();
+        return new EventFootprint_1.default(componentFootprint, dummyEvent, dummyInstance);
+    };
+    return HelperRenderer;
+}());
+exports.default = HelperRenderer;
+
+
+/***/ }),
+/* 64 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var GlobalEmitter_1 = __webpack_require__(23);
+var Interaction_1 = __webpack_require__(14);
+var EventPointing = /** @class */ (function (_super) {
+    tslib_1.__extends(EventPointing, _super);
+    function EventPointing() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    /*
+    component must implement:
+      - publiclyTrigger
+    */
+    EventPointing.prototype.bindToEl = function (el) {
+        var component = this.component;
+        component.bindSegHandlerToEl(el, 'click', this.handleClick.bind(this));
+        component.bindSegHandlerToEl(el, 'mouseenter', this.handleMouseover.bind(this));
+        component.bindSegHandlerToEl(el, 'mouseleave', this.handleMouseout.bind(this));
+    };
+    EventPointing.prototype.handleClick = function (seg, ev) {
+        var res = this.component.publiclyTrigger('eventClick', {
+            context: seg.el[0],
+            args: [seg.footprint.getEventLegacy(), ev, this.view]
+        });
+        if (res === false) {
+            ev.preventDefault();
         }
-        return content;
     };
-    // Given the events within an array of segment objects, reslice them to be in a single day
-    DayGrid.prototype.resliceDaySegs = function (segs, dayDate) {
-        var dayStart = dayDate.clone();
-        var dayEnd = dayStart.clone().add(1, 'days');
-        var dayRange = new UnzonedRange_1.default(dayStart, dayEnd);
-        var newSegs = [];
-        var i;
-        var seg;
-        var slicedRange;
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            slicedRange = seg.footprint.componentFootprint.unzonedRange.intersect(dayRange);
-            if (slicedRange) {
-                newSegs.push($.extend({}, seg, {
-                    footprint: new EventFootprint_1.default(new ComponentFootprint_1.default(slicedRange, seg.footprint.componentFootprint.isAllDay), seg.footprint.eventDef, seg.footprint.eventInstance),
-                    isStart: seg.isStart && slicedRange.isStart,
-                    isEnd: seg.isEnd && slicedRange.isEnd
-                }));
+    // Updates internal state and triggers handlers for when an event element is moused over
+    EventPointing.prototype.handleMouseover = function (seg, ev) {
+        if (!GlobalEmitter_1.default.get().shouldIgnoreMouse() &&
+            !this.mousedOverSeg) {
+            this.mousedOverSeg = seg;
+            // TODO: move to EventSelecting's responsibility
+            if (this.view.isEventDefResizable(seg.footprint.eventDef)) {
+                seg.el.addClass('fc-allow-mouse-resize');
             }
+            this.component.publiclyTrigger('eventMouseover', {
+                context: seg.el[0],
+                args: [seg.footprint.getEventLegacy(), ev, this.view]
+            });
         }
-        // force an order because eventsToSegs doesn't guarantee one
-        // TODO: research if still needed
-        this.eventRenderer.sortEventSegs(newSegs);
-        return newSegs;
     };
-    // Generates the text that should be inside a "more" link, given the number of events it represents
-    DayGrid.prototype.getMoreLinkText = function (num) {
-        var opt = this.opt('eventLimitText');
-        if (typeof opt === 'function') {
-            return opt(num);
-        }
-        else {
-            return '+' + num + ' ' + opt;
+    // Updates internal state and triggers handlers for when an event element is moused out.
+    // Can be given no arguments, in which case it will mouseout the segment that was previously moused over.
+    EventPointing.prototype.handleMouseout = function (seg, ev) {
+        if (this.mousedOverSeg) {
+            this.mousedOverSeg = null;
+            // TODO: move to EventSelecting's responsibility
+            if (this.view.isEventDefResizable(seg.footprint.eventDef)) {
+                seg.el.removeClass('fc-allow-mouse-resize');
+            }
+            this.component.publiclyTrigger('eventMouseout', {
+                context: seg.el[0],
+                args: [
+                    seg.footprint.getEventLegacy(),
+                    ev || {},
+                    this.view
+                ]
+            });
         }
     };
-    // Returns segments within a given cell.
-    // If `startLevel` is specified, returns only events including and below that level. Otherwise returns all segs.
-    DayGrid.prototype.getCellSegs = function (row, col, startLevel) {
-        var segMatrix = this.eventRenderer.rowStructs[row].segMatrix;
-        var level = startLevel || 0;
-        var segs = [];
-        var seg;
-        while (level < segMatrix.length) {
-            seg = segMatrix[level][col];
-            if (seg) {
-                segs.push(seg);
-            }
-            level++;
+    EventPointing.prototype.end = function () {
+        if (this.mousedOverSeg) {
+            this.handleMouseout(this.mousedOverSeg);
         }
-        return segs;
     };
-    return DayGrid;
-}(InteractiveDateComponent_1.default));
-exports.default = DayGrid;
-DayGrid.prototype.eventRendererClass = DayGridEventRenderer_1.default;
-DayGrid.prototype.businessHourRendererClass = BusinessHourRenderer_1.default;
-DayGrid.prototype.helperRendererClass = DayGridHelperRenderer_1.default;
-DayGrid.prototype.fillRendererClass = DayGridFillRenderer_1.default;
-StandardInteractionsMixin_1.default.mixInto(DayGrid);
-DayTableMixin_1.default.mixInto(DayGrid);
+    return EventPointing;
+}(Interaction_1.default));
+exports.default = EventPointing;
 
 
 /***/ }),
-/* 62 */
+/* 65 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var Mixin_1 = __webpack_require__(15);
+var DateClicking_1 = __webpack_require__(237);
+var DateSelecting_1 = __webpack_require__(236);
+var EventPointing_1 = __webpack_require__(64);
+var EventDragging_1 = __webpack_require__(235);
+var EventResizing_1 = __webpack_require__(234);
+var ExternalDropping_1 = __webpack_require__(233);
+var StandardInteractionsMixin = /** @class */ (function (_super) {
+    tslib_1.__extends(StandardInteractionsMixin, _super);
+    function StandardInteractionsMixin() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return StandardInteractionsMixin;
+}(Mixin_1.default));
+exports.default = StandardInteractionsMixin;
+StandardInteractionsMixin.prototype.dateClickingClass = DateClicking_1.default;
+StandardInteractionsMixin.prototype.dateSelectingClass = DateSelecting_1.default;
+StandardInteractionsMixin.prototype.eventPointingClass = EventPointing_1.default;
+StandardInteractionsMixin.prototype.eventDraggingClass = EventDragging_1.default;
+StandardInteractionsMixin.prototype.eventResizingClass = EventResizing_1.default;
+StandardInteractionsMixin.prototype.externalDroppingClass = ExternalDropping_1.default;
+
+
+/***/ }),
+/* 66 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var Scroller_1 = __webpack_require__(39);
-var View_1 = __webpack_require__(41);
-var BasicViewDateProfileGenerator_1 = __webpack_require__(228);
-var DayGrid_1 = __webpack_require__(61);
-/* An abstract class for the "basic" views, as well as month view. Renders one or more rows of day cells.
+var CoordCache_1 = __webpack_require__(58);
+var Popover_1 = __webpack_require__(227);
+var UnzonedRange_1 = __webpack_require__(5);
+var ComponentFootprint_1 = __webpack_require__(12);
+var EventFootprint_1 = __webpack_require__(34);
+var BusinessHourRenderer_1 = __webpack_require__(61);
+var StandardInteractionsMixin_1 = __webpack_require__(65);
+var InteractiveDateComponent_1 = __webpack_require__(42);
+var DayTableMixin_1 = __webpack_require__(60);
+var DayGridEventRenderer_1 = __webpack_require__(243);
+var DayGridHelperRenderer_1 = __webpack_require__(244);
+var DayGridFillRenderer_1 = __webpack_require__(245);
+/* A component that renders a grid of whole-days that runs horizontally. There can be multiple rows, one per week.
 ----------------------------------------------------------------------------------------------------------------------*/
-// It is a manager for a DayGrid subcomponent, which does most of the heavy lifting.
-// It is responsible for managing width/height.
-var BasicView = /** @class */ (function (_super) {
-    tslib_1.__extends(BasicView, _super);
-    function BasicView(calendar, viewSpec) {
-        var _this = _super.call(this, calendar, viewSpec) || this;
-        _this.dayGrid = _this.instantiateDayGrid();
-        _this.dayGrid.isRigid = _this.hasRigidRows();
-        if (_this.opt('weekNumbers')) {
-            if (_this.opt('weekNumbersWithinDays')) {
-                _this.dayGrid.cellWeekNumbersVisible = true;
-                _this.dayGrid.colWeekNumbersVisible = false;
+var DayGrid = /** @class */ (function (_super) {
+    tslib_1.__extends(DayGrid, _super);
+    function DayGrid(view) {
+        var _this = _super.call(this, view) || this;
+        _this.cellWeekNumbersVisible = false; // display week numbers in day cell?
+        _this.bottomCoordPadding = 0; // hack for extending the hit area for the last row of the coordinate grid
+        // isRigid determines whether the individual rows should ignore the contents and be a constant height.
+        // Relies on the view's colCnt and rowCnt. In the future, this component should probably be self-sufficient.
+        _this.isRigid = false;
+        _this.hasAllDayBusinessHours = true;
+        return _this;
+    }
+    // Slices up the given span (unzoned start/end with other misc data) into an array of segments
+    DayGrid.prototype.componentFootprintToSegs = function (componentFootprint) {
+        var segs = this.sliceRangeByRow(componentFootprint.unzonedRange);
+        var i;
+        var seg;
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            if (this.isRTL) {
+                seg.leftCol = this.daysPerRow - 1 - seg.lastRowDayIndex;
+                seg.rightCol = this.daysPerRow - 1 - seg.firstRowDayIndex;
             }
             else {
-                _this.dayGrid.cellWeekNumbersVisible = false;
-                _this.dayGrid.colWeekNumbersVisible = true;
+                seg.leftCol = seg.firstRowDayIndex;
+                seg.rightCol = seg.lastRowDayIndex;
             }
         }
-        _this.addChild(_this.dayGrid);
-        _this.scroller = new Scroller_1.default({
-            overflowX: 'hidden',
-            overflowY: 'auto'
-        });
-        return _this;
-    }
-    // Generates the DayGrid object this view needs. Draws from this.dayGridClass
-    BasicView.prototype.instantiateDayGrid = function () {
-        // generate a subclass on the fly with BasicView-specific behavior
-        // TODO: cache this subclass
-        var subclass = makeDayGridSubclass(this.dayGridClass);
-        return new subclass(this);
-    };
-    BasicView.prototype.executeDateRender = function (dateProfile) {
-        this.dayGrid.breakOnWeeks = /year|month|week/.test(dateProfile.currentRangeUnit);
-        _super.prototype.executeDateRender.call(this, dateProfile);
+        return segs;
     };
-    BasicView.prototype.renderSkeleton = function () {
-        var dayGridContainerEl;
-        var dayGridEl;
-        this.el.addClass('fc-basic-view').html(this.renderSkeletonHtml());
-        this.scroller.render();
-        dayGridContainerEl = this.scroller.el.addClass('fc-day-grid-container');
-        dayGridEl = $('<div class="fc-day-grid" />').appendTo(dayGridContainerEl);
-        this.el.find('.fc-body > tr > td').append(dayGridContainerEl);
-        this.dayGrid.headContainerEl = this.el.find('.fc-head-container');
-        this.dayGrid.setElement(dayGridEl);
+    /* Date Rendering
+    ------------------------------------------------------------------------------------------------------------------*/
+    DayGrid.prototype.renderDates = function (dateProfile) {
+        this.dateProfile = dateProfile;
+        this.updateDayTable();
+        this.renderGrid();
     };
-    BasicView.prototype.unrenderSkeleton = function () {
-        this.dayGrid.removeElement();
-        this.scroller.destroy();
+    DayGrid.prototype.unrenderDates = function () {
+        this.removeSegPopover();
     };
-    // Builds the HTML skeleton for the view.
-    // The day-grid component will render inside of a container defined by this HTML.
-    BasicView.prototype.renderSkeletonHtml = function () {
-        var theme = this.calendar.theme;
+    // Renders the rows and columns into the component's `this.el`, which should already be assigned.
+    DayGrid.prototype.renderGrid = function () {
+        var view = this.view;
+        var rowCnt = this.rowCnt;
+        var colCnt = this.colCnt;
+        var html = '';
+        var row;
+        var col;
+        if (this.headContainerEl) {
+            this.headContainerEl.html(this.renderHeadHtml());
+        }
+        for (row = 0; row < rowCnt; row++) {
+            html += this.renderDayRowHtml(row, this.isRigid);
+        }
+        this.el.html(html);
+        this.rowEls = this.el.find('.fc-row');
+        this.cellEls = this.el.find('.fc-day, .fc-disabled-day');
+        this.rowCoordCache = new CoordCache_1.default({
+            els: this.rowEls,
+            isVertical: true
+        });
+        this.colCoordCache = new CoordCache_1.default({
+            els: this.cellEls.slice(0, this.colCnt),
+            isHorizontal: true
+        });
+        // trigger dayRender with each cell's element
+        for (row = 0; row < rowCnt; row++) {
+            for (col = 0; col < colCnt; col++) {
+                this.publiclyTrigger('dayRender', {
+                    context: view,
+                    args: [
+                        this.getCellDate(row, col),
+                        this.getCellEl(row, col),
+                        view
+                    ]
+                });
+            }
+        }
+    };
+    // Generates the HTML for a single row, which is a div that wraps a table.
+    // `row` is the row number.
+    DayGrid.prototype.renderDayRowHtml = function (row, isRigid) {
+        var theme = this.view.calendar.theme;
+        var classes = ['fc-row', 'fc-week', theme.getClass('dayRow')];
+        if (isRigid) {
+            classes.push('fc-rigid');
+        }
         return '' +
+            '<div class="' + classes.join(' ') + '">' +
+            '<div class="fc-bg">' +
             '<table class="' + theme.getClass('tableGrid') + '">' +
-            (this.opt('columnHeader') ?
-                '<thead class="fc-head">' +
-                    '<tr>' +
-                    '<td class="fc-head-container ' + theme.getClass('widgetHeader') + '">&nbsp;</td>' +
-                    '</tr>' +
+            this.renderBgTrHtml(row) +
+            '</table>' +
+            '</div>' +
+            '<div class="fc-content-skeleton">' +
+            '<table>' +
+            (this.getIsNumbersVisible() ?
+                '<thead>' +
+                    this.renderNumberTrHtml(row) +
                     '</thead>' :
                 '') +
-            '<tbody class="fc-body">' +
-            '<tr>' +
-            '<td class="' + theme.getClass('widgetContent') + '"></td>' +
-            '</tr>' +
-            '</tbody>' +
-            '</table>';
+            '</table>' +
+            '</div>' +
+            '</div>';
     };
-    // Generates an HTML attribute string for setting the width of the week number column, if it is known
-    BasicView.prototype.weekNumberStyleAttr = function () {
-        if (this.weekNumberWidth != null) {
-            return 'style="width:' + this.weekNumberWidth + 'px"';
-        }
-        return '';
+    DayGrid.prototype.getIsNumbersVisible = function () {
+        return this.getIsDayNumbersVisible() || this.cellWeekNumbersVisible;
     };
-    // Determines whether each row should have a constant height
-    BasicView.prototype.hasRigidRows = function () {
-        var eventLimit = this.opt('eventLimit');
-        return eventLimit && typeof eventLimit !== 'number';
+    DayGrid.prototype.getIsDayNumbersVisible = function () {
+        return this.rowCnt > 1;
     };
-    /* Dimensions
+    /* Grid Number Rendering
     ------------------------------------------------------------------------------------------------------------------*/
-    // Refreshes the horizontal dimensions of the view
-    BasicView.prototype.updateSize = function (totalHeight, isAuto, isResize) {
-        var eventLimit = this.opt('eventLimit');
-        var headRowEl = this.dayGrid.headContainerEl.find('.fc-row');
-        var scrollerHeight;
-        var scrollbarWidths;
-        // hack to give the view some height prior to dayGrid's columns being rendered
-        // TODO: separate setting height from scroller VS dayGrid.
-        if (!this.dayGrid.rowEls) {
-            if (!isAuto) {
-                scrollerHeight = this.computeScrollerHeight(totalHeight);
-                this.scroller.setHeight(scrollerHeight);
-            }
-            return;
+    DayGrid.prototype.renderNumberTrHtml = function (row) {
+        return '' +
+            '<tr>' +
+            (this.isRTL ? '' : this.renderNumberIntroHtml(row)) +
+            this.renderNumberCellsHtml(row) +
+            (this.isRTL ? this.renderNumberIntroHtml(row) : '') +
+            '</tr>';
+    };
+    DayGrid.prototype.renderNumberIntroHtml = function (row) {
+        return this.renderIntroHtml();
+    };
+    DayGrid.prototype.renderNumberCellsHtml = function (row) {
+        var htmls = [];
+        var col;
+        var date;
+        for (col = 0; col < this.colCnt; col++) {
+            date = this.getCellDate(row, col);
+            htmls.push(this.renderNumberCellHtml(date));
         }
-        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
-        if (this.dayGrid.colWeekNumbersVisible) {
-            // Make sure all week number cells running down the side have the same width.
-            // Record the width for cells created later.
-            this.weekNumberWidth = util_1.matchCellWidths(this.el.find('.fc-week-number'));
+        return htmls.join('');
+    };
+    // Generates the HTML for the <td>s of the "number" row in the DayGrid's content skeleton.
+    // The number row will only exist if either day numbers or week numbers are turned on.
+    DayGrid.prototype.renderNumberCellHtml = function (date) {
+        var view = this.view;
+        var html = '';
+        var isDateValid = this.dateProfile.activeUnzonedRange.containsDate(date); // TODO: called too frequently. cache somehow.
+        var isDayNumberVisible = this.getIsDayNumbersVisible() && isDateValid;
+        var classes;
+        var weekCalcFirstDoW;
+        if (!isDayNumberVisible && !this.cellWeekNumbersVisible) {
+            // no numbers in day cell (week number must be along the side)
+            return '<td></td>'; //  will create an empty space above events :(
         }
-        // reset all heights to be natural
-        this.scroller.clear();
-        util_1.uncompensateScroll(headRowEl);
-        this.dayGrid.removeSegPopover(); // kill the "more" popover if displayed
-        // is the event limit a constant level number?
-        if (eventLimit && typeof eventLimit === 'number') {
-            this.dayGrid.limitRows(eventLimit); // limit the levels first so the height can redistribute after
+        classes = this.getDayClasses(date);
+        classes.unshift('fc-day-top');
+        if (this.cellWeekNumbersVisible) {
+            // To determine the day of week number change under ISO, we cannot
+            // rely on moment.js methods such as firstDayOfWeek() or weekday(),
+            // because they rely on the locale's dow (possibly overridden by
+            // our firstDay option), which may not be Monday. We cannot change
+            // dow, because that would affect the calendar start day as well.
+            if (date._locale._fullCalendar_weekCalc === 'ISO') {
+                weekCalcFirstDoW = 1; // Monday by ISO 8601 definition
+            }
+            else {
+                weekCalcFirstDoW = date._locale.firstDayOfWeek();
+            }
         }
-        // distribute the height to the rows
-        // (totalHeight is a "recommended" value if isAuto)
-        scrollerHeight = this.computeScrollerHeight(totalHeight);
-        this.setGridHeight(scrollerHeight, isAuto);
-        // is the event limit dynamically calculated?
-        if (eventLimit && typeof eventLimit !== 'number') {
-            this.dayGrid.limitRows(eventLimit); // limit the levels after the grid's row heights have been set
+        html += '<td class="' + classes.join(' ') + '"' +
+            (isDateValid ?
+                ' data-date="' + date.format() + '"' :
+                '') +
+            '>';
+        if (this.cellWeekNumbersVisible && (date.day() === weekCalcFirstDoW)) {
+            html += view.buildGotoAnchorHtml({ date: date, type: 'week' }, { 'class': 'fc-week-number' }, date.format('w') // inner HTML
+            );
         }
-        if (!isAuto) {
-            this.scroller.setHeight(scrollerHeight);
-            scrollbarWidths = this.scroller.getScrollbarWidths();
-            if (scrollbarWidths.left || scrollbarWidths.right) {
-                util_1.compensateScroll(headRowEl, scrollbarWidths);
-                // doing the scrollbar compensation might have created text overflow which created more height. redo
-                scrollerHeight = this.computeScrollerHeight(totalHeight);
-                this.scroller.setHeight(scrollerHeight);
-            }
-            // guarantees the same scrollbar widths
-            this.scroller.lockOverflow(scrollbarWidths);
+        if (isDayNumberVisible) {
+            html += view.buildGotoAnchorHtml(date, { 'class': 'fc-day-number' }, date.format('D') // inner HTML
+            );
         }
+        html += '</td>';
+        return html;
     };
-    // given a desired total height of the view, returns what the height of the scroller should be
-    BasicView.prototype.computeScrollerHeight = function (totalHeight) {
-        return totalHeight -
-            util_1.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
+    /* Hit System
+    ------------------------------------------------------------------------------------------------------------------*/
+    DayGrid.prototype.prepareHits = function () {
+        this.colCoordCache.build();
+        this.rowCoordCache.build();
+        this.rowCoordCache.bottoms[this.rowCnt - 1] += this.bottomCoordPadding; // hack
     };
-    // Sets the height of just the DayGrid component in this view
-    BasicView.prototype.setGridHeight = function (height, isAuto) {
-        if (isAuto) {
-            util_1.undistributeHeight(this.dayGrid.rowEls); // let the rows be their natural height with no expanding
-        }
-        else {
-            util_1.distributeHeight(this.dayGrid.rowEls, height, true); // true = compensate for height-hogging rows
+    DayGrid.prototype.releaseHits = function () {
+        this.colCoordCache.clear();
+        this.rowCoordCache.clear();
+    };
+    DayGrid.prototype.queryHit = function (leftOffset, topOffset) {
+        if (this.colCoordCache.isLeftInBounds(leftOffset) && this.rowCoordCache.isTopInBounds(topOffset)) {
+            var col = this.colCoordCache.getHorizontalIndex(leftOffset);
+            var row = this.rowCoordCache.getVerticalIndex(topOffset);
+            if (row != null && col != null) {
+                return this.getCellHit(row, col);
+            }
         }
     };
-    /* Scroll
+    DayGrid.prototype.getHitFootprint = function (hit) {
+        var range = this.getCellRange(hit.row, hit.col);
+        return new ComponentFootprint_1.default(new UnzonedRange_1.default(range.start, range.end), true // all-day?
+        );
+    };
+    DayGrid.prototype.getHitEl = function (hit) {
+        return this.getCellEl(hit.row, hit.col);
+    };
+    /* Cell System
     ------------------------------------------------------------------------------------------------------------------*/
-    BasicView.prototype.computeInitialDateScroll = function () {
-        return { top: 0 };
+    // FYI: the first column is the leftmost column, regardless of date
+    DayGrid.prototype.getCellHit = function (row, col) {
+        return {
+            row: row,
+            col: col,
+            component: this,
+            left: this.colCoordCache.getLeftOffset(col),
+            right: this.colCoordCache.getRightOffset(col),
+            top: this.rowCoordCache.getTopOffset(row),
+            bottom: this.rowCoordCache.getBottomOffset(row)
+        };
     };
-    BasicView.prototype.queryDateScroll = function () {
-        return { top: this.scroller.getScrollTop() };
+    DayGrid.prototype.getCellEl = function (row, col) {
+        return this.cellEls.eq(row * this.colCnt + col);
     };
-    BasicView.prototype.applyDateScroll = function (scroll) {
-        if (scroll.top !== undefined) {
-            this.scroller.setScrollTop(scroll.top);
-        }
+    /* Event Rendering
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Unrenders all events currently rendered on the grid
+    DayGrid.prototype.executeEventUnrender = function () {
+        this.removeSegPopover(); // removes the "more.." events popover
+        _super.prototype.executeEventUnrender.call(this);
     };
-    return BasicView;
-}(View_1.default));
-exports.default = BasicView;
-BasicView.prototype.dateProfileGeneratorClass = BasicViewDateProfileGenerator_1.default;
-BasicView.prototype.dayGridClass = DayGrid_1.default;
-// customize the rendering behavior of BasicView's dayGrid
-function makeDayGridSubclass(SuperClass) {
-    return /** @class */ (function (_super) {
-        tslib_1.__extends(SubClass, _super);
-        function SubClass() {
-            var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this.colWeekNumbersVisible = false; // display week numbers along the side?
-            return _this;
-        }
-        // Generates the HTML that will go before the day-of week header cells
-        SubClass.prototype.renderHeadIntroHtml = function () {
-            var view = this.view;
-            if (this.colWeekNumbersVisible) {
-                return '' +
-                    '<th class="fc-week-number ' + view.calendar.theme.getClass('widgetHeader') + '" ' + view.weekNumberStyleAttr() + '>' +
-                    '<span>' + // needed for matchCellWidths
-                    util_1.htmlEscape(this.opt('weekNumberTitle')) +
-                    '</span>' +
-                    '</th>';
-            }
-            return '';
-        };
-        // Generates the HTML that will go before content-skeleton cells that display the day/week numbers
-        SubClass.prototype.renderNumberIntroHtml = function (row) {
-            var view = this.view;
-            var weekStart = this.getCellDate(row, 0);
-            if (this.colWeekNumbersVisible) {
-                return '' +
-                    '<td class="fc-week-number" ' + view.weekNumberStyleAttr() + '>' +
-                    view.buildGotoAnchorHtml(// aside from link, important for matchCellWidths
-                    { date: weekStart, type: 'week', forceOff: this.colCnt === 1 }, weekStart.format('w') // inner HTML
-                    ) +
-                    '</td>';
-            }
-            return '';
-        };
-        // Generates the HTML that goes before the day bg cells for each day-row
-        SubClass.prototype.renderBgIntroHtml = function () {
-            var view = this.view;
-            if (this.colWeekNumbersVisible) {
-                return '<td class="fc-week-number ' + view.calendar.theme.getClass('widgetContent') + '" ' +
-                    view.weekNumberStyleAttr() + '></td>';
-            }
-            return '';
-        };
-        // Generates the HTML that goes before every other type of row generated by DayGrid.
-        // Affects helper-skeleton and highlight-skeleton rows.
-        SubClass.prototype.renderIntroHtml = function () {
-            var view = this.view;
-            if (this.colWeekNumbersVisible) {
-                return '<td class="fc-week-number" ' + view.weekNumberStyleAttr() + '></td>';
-            }
-            return '';
-        };
-        SubClass.prototype.getIsNumbersVisible = function () {
-            return DayGrid_1.default.prototype.getIsNumbersVisible.apply(this, arguments) || this.colWeekNumbersVisible;
-        };
-        return SubClass;
-    }(SuperClass));
-}
-
-
-/***/ }),
-/* 63 */,
-/* 64 */,
-/* 65 */,
-/* 66 */,
-/* 67 */,
-/* 68 */,
-/* 69 */,
-/* 70 */,
-/* 71 */,
-/* 72 */,
-/* 73 */,
-/* 74 */,
-/* 75 */,
-/* 76 */,
-/* 77 */,
-/* 78 */,
-/* 79 */,
-/* 80 */,
-/* 81 */,
-/* 82 */,
-/* 83 */,
-/* 84 */,
-/* 85 */,
-/* 86 */,
-/* 87 */,
-/* 88 */,
-/* 89 */,
-/* 90 */,
-/* 91 */,
-/* 92 */,
-/* 93 */,
-/* 94 */,
-/* 95 */,
-/* 96 */,
-/* 97 */,
-/* 98 */,
-/* 99 */,
-/* 100 */,
-/* 101 */,
-/* 102 */,
-/* 103 */,
-/* 104 */,
-/* 105 */,
-/* 106 */,
-/* 107 */,
-/* 108 */,
-/* 109 */,
-/* 110 */,
-/* 111 */,
-/* 112 */,
-/* 113 */,
-/* 114 */,
-/* 115 */,
-/* 116 */,
-/* 117 */,
-/* 118 */,
-/* 119 */,
-/* 120 */,
-/* 121 */,
-/* 122 */,
-/* 123 */,
-/* 124 */,
-/* 125 */,
-/* 126 */,
-/* 127 */,
-/* 128 */,
-/* 129 */,
-/* 130 */,
-/* 131 */,
-/* 132 */,
-/* 133 */,
-/* 134 */,
-/* 135 */,
-/* 136 */,
-/* 137 */,
-/* 138 */,
-/* 139 */,
-/* 140 */,
-/* 141 */,
-/* 142 */,
-/* 143 */,
-/* 144 */,
-/* 145 */,
-/* 146 */,
-/* 147 */,
-/* 148 */,
-/* 149 */,
-/* 150 */,
-/* 151 */,
-/* 152 */,
-/* 153 */,
-/* 154 */,
-/* 155 */,
-/* 156 */,
-/* 157 */,
-/* 158 */,
-/* 159 */,
-/* 160 */,
-/* 161 */,
-/* 162 */,
-/* 163 */,
-/* 164 */,
-/* 165 */,
-/* 166 */,
-/* 167 */,
-/* 168 */,
-/* 169 */,
-/* 170 */,
-/* 171 */,
-/* 172 */,
-/* 173 */,
-/* 174 */,
-/* 175 */,
-/* 176 */,
-/* 177 */,
-/* 178 */,
-/* 179 */,
-/* 180 */,
-/* 181 */,
-/* 182 */,
-/* 183 */,
-/* 184 */,
-/* 185 */,
-/* 186 */,
-/* 187 */,
-/* 188 */,
-/* 189 */,
-/* 190 */,
-/* 191 */,
-/* 192 */,
-/* 193 */,
-/* 194 */,
-/* 195 */,
-/* 196 */,
-/* 197 */,
-/* 198 */,
-/* 199 */,
-/* 200 */,
-/* 201 */,
-/* 202 */,
-/* 203 */,
-/* 204 */,
-/* 205 */,
-/* 206 */,
-/* 207 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var UnzonedRange_1 = __webpack_require__(5);
-var ComponentFootprint_1 = __webpack_require__(12);
-var EventDefParser_1 = __webpack_require__(49);
-var EventSource_1 = __webpack_require__(6);
-var util_1 = __webpack_require__(35);
-var Constraints = /** @class */ (function () {
-    function Constraints(eventManager, _calendar) {
-        this.eventManager = eventManager;
-        this._calendar = _calendar;
-    }
-    Constraints.prototype.opt = function (name) {
-        return this._calendar.opt(name);
-    };
-    /*
-    determines if eventInstanceGroup is allowed,
-    in relation to other EVENTS and business hours.
-    */
-    Constraints.prototype.isEventInstanceGroupAllowed = function (eventInstanceGroup) {
-        var eventDef = eventInstanceGroup.getEventDef();
-        var eventFootprints = this.eventRangesToEventFootprints(eventInstanceGroup.getAllEventRanges());
-        var i;
-        var peerEventInstances = this.getPeerEventInstances(eventDef);
-        var peerEventRanges = peerEventInstances.map(util_1.eventInstanceToEventRange);
-        var peerEventFootprints = this.eventRangesToEventFootprints(peerEventRanges);
-        var constraintVal = eventDef.getConstraint();
-        var overlapVal = eventDef.getOverlap();
-        var eventAllowFunc = this.opt('eventAllow');
-        for (i = 0; i < eventFootprints.length; i++) {
-            if (!this.isFootprintAllowed(eventFootprints[i].componentFootprint, peerEventFootprints, constraintVal, overlapVal, eventFootprints[i].eventInstance)) {
-                return false;
-            }
-        }
-        if (eventAllowFunc) {
-            for (i = 0; i < eventFootprints.length; i++) {
-                if (eventAllowFunc(eventFootprints[i].componentFootprint.toLegacy(this._calendar), eventFootprints[i].getEventLegacy()) === false) {
-                    return false;
-                }
-            }
-        }
-        return true;
-    };
-    Constraints.prototype.getPeerEventInstances = function (eventDef) {
-        return this.eventManager.getEventInstancesWithoutId(eventDef.id);
-    };
-    Constraints.prototype.isSelectionFootprintAllowed = function (componentFootprint) {
-        var peerEventInstances = this.eventManager.getEventInstances();
-        var peerEventRanges = peerEventInstances.map(util_1.eventInstanceToEventRange);
-        var peerEventFootprints = this.eventRangesToEventFootprints(peerEventRanges);
-        var selectAllowFunc;
-        if (this.isFootprintAllowed(componentFootprint, peerEventFootprints, this.opt('selectConstraint'), this.opt('selectOverlap'))) {
-            selectAllowFunc = this.opt('selectAllow');
-            if (selectAllowFunc) {
-                return selectAllowFunc(componentFootprint.toLegacy(this._calendar)) !== false;
-            }
-            else {
-                return true;
-            }
-        }
-        return false;
-    };
-    Constraints.prototype.isFootprintAllowed = function (componentFootprint, peerEventFootprints, constraintVal, overlapVal, subjectEventInstance // optional
-    ) {
-        var constraintFootprints; // ComponentFootprint[]
-        var overlapEventFootprints; // EventFootprint[]
-        if (constraintVal != null) {
-            constraintFootprints = this.constraintValToFootprints(constraintVal, componentFootprint.isAllDay);
-            if (!this.isFootprintWithinConstraints(componentFootprint, constraintFootprints)) {
-                return false;
-            }
-        }
-        overlapEventFootprints = this.collectOverlapEventFootprints(peerEventFootprints, componentFootprint);
-        if (overlapVal === false) {
-            if (overlapEventFootprints.length) {
-                return false;
-            }
-        }
-        else if (typeof overlapVal === 'function') {
-            if (!isOverlapsAllowedByFunc(overlapEventFootprints, overlapVal, subjectEventInstance)) {
-                return false;
-            }
-        }
-        if (subjectEventInstance) {
-            if (!isOverlapEventInstancesAllowed(overlapEventFootprints, subjectEventInstance)) {
-                return false;
-            }
-        }
-        return true;
-    };
-    // Constraint
-    // ------------------------------------------------------------------------------------------------
-    Constraints.prototype.isFootprintWithinConstraints = function (componentFootprint, constraintFootprints) {
-        var i;
-        for (i = 0; i < constraintFootprints.length; i++) {
-            if (this.footprintContainsFootprint(constraintFootprints[i], componentFootprint)) {
-                return true;
-            }
-        }
-        return false;
-    };
-    Constraints.prototype.constraintValToFootprints = function (constraintVal, isAllDay) {
-        var eventInstances;
-        if (constraintVal === 'businessHours') {
-            return this.buildCurrentBusinessFootprints(isAllDay);
-        }
-        else if (typeof constraintVal === 'object') {
-            eventInstances = this.parseEventDefToInstances(constraintVal); // handles recurring events
-            if (!eventInstances) {
-                return this.parseFootprints(constraintVal);
-            }
-            else {
-                return this.eventInstancesToFootprints(eventInstances);
-            }
-        }
-        else if (constraintVal != null) {
-            eventInstances = this.eventManager.getEventInstancesWithId(constraintVal);
-            return this.eventInstancesToFootprints(eventInstances);
-        }
-    };
-    // returns ComponentFootprint[]
-    // uses current view's range
-    Constraints.prototype.buildCurrentBusinessFootprints = function (isAllDay) {
-        var view = this._calendar.view;
-        var businessHourGenerator = view.get('businessHourGenerator');
-        var unzonedRange = view.dateProfile.activeUnzonedRange;
-        var eventInstanceGroup = businessHourGenerator.buildEventInstanceGroup(isAllDay, unzonedRange);
-        if (eventInstanceGroup) {
-            return this.eventInstancesToFootprints(eventInstanceGroup.eventInstances);
-        }
-        else {
-            return [];
-        }
-    };
-    // conversion util
-    Constraints.prototype.eventInstancesToFootprints = function (eventInstances) {
-        var eventRanges = eventInstances.map(util_1.eventInstanceToEventRange);
-        var eventFootprints = this.eventRangesToEventFootprints(eventRanges);
-        return eventFootprints.map(util_1.eventFootprintToComponentFootprint);
-    };
-    // Overlap
-    // ------------------------------------------------------------------------------------------------
-    Constraints.prototype.collectOverlapEventFootprints = function (peerEventFootprints, targetFootprint) {
-        var overlapEventFootprints = [];
-        var i;
-        for (i = 0; i < peerEventFootprints.length; i++) {
-            if (this.footprintsIntersect(targetFootprint, peerEventFootprints[i].componentFootprint)) {
-                overlapEventFootprints.push(peerEventFootprints[i]);
-            }
-        }
-        return overlapEventFootprints;
-    };
-    // Conversion: eventDefs -> eventInstances -> eventRanges -> eventFootprints -> componentFootprints
-    // ------------------------------------------------------------------------------------------------
-    // NOTE: this might seem like repetitive code with the Grid class, however, this code is related to
-    // constraints whereas the Grid code is related to rendering. Each approach might want to convert
-    // eventRanges -> eventFootprints in a different way. Regardless, there are opportunities to make
-    // this more DRY.
-    /*
-    Returns false on invalid input.
-    */
-    Constraints.prototype.parseEventDefToInstances = function (eventInput) {
-        var eventManager = this.eventManager;
-        var eventDef = EventDefParser_1.default.parse(eventInput, new EventSource_1.default(this._calendar));
-        if (!eventDef) {
-            return false;
-        }
-        return eventDef.buildInstances(eventManager.currentPeriod.unzonedRange);
-    };
-    Constraints.prototype.eventRangesToEventFootprints = function (eventRanges) {
-        var i;
-        var eventFootprints = [];
-        for (i = 0; i < eventRanges.length; i++) {
-            eventFootprints.push.apply(// footprints
-            eventFootprints, this.eventRangeToEventFootprints(eventRanges[i]));
-        }
-        return eventFootprints;
-    };
-    Constraints.prototype.eventRangeToEventFootprints = function (eventRange) {
-        return [util_1.eventRangeToEventFootprint(eventRange)];
-    };
-    /*
-    Parses footprints directly.
-    Very similar to EventDateProfile::parse :(
-    */
-    Constraints.prototype.parseFootprints = function (rawInput) {
-        var start;
-        var end;
-        if (rawInput.start) {
-            start = this._calendar.moment(rawInput.start);
-            if (!start.isValid()) {
-                start = null;
-            }
-        }
-        if (rawInput.end) {
-            end = this._calendar.moment(rawInput.end);
-            if (!end.isValid()) {
-                end = null;
-            }
-        }
-        return [
-            new ComponentFootprint_1.default(new UnzonedRange_1.default(start, end), (start && !start.hasTime()) || (end && !end.hasTime()) // isAllDay
-            )
-        ];
-    };
-    // Footprint Utils
-    // ----------------------------------------------------------------------------------------
-    Constraints.prototype.footprintContainsFootprint = function (outerFootprint, innerFootprint) {
-        return outerFootprint.unzonedRange.containsRange(innerFootprint.unzonedRange);
-    };
-    Constraints.prototype.footprintsIntersect = function (footprint0, footprint1) {
-        return footprint0.unzonedRange.intersectsWith(footprint1.unzonedRange);
-    };
-    return Constraints;
-}());
-exports.default = Constraints;
-// optional subjectEventInstance
-function isOverlapsAllowedByFunc(overlapEventFootprints, overlapFunc, subjectEventInstance) {
-    var i;
-    for (i = 0; i < overlapEventFootprints.length; i++) {
-        if (!overlapFunc(overlapEventFootprints[i].eventInstance.toLegacy(), subjectEventInstance ? subjectEventInstance.toLegacy() : null)) {
-            return false;
-        }
-    }
-    return true;
-}
-function isOverlapEventInstancesAllowed(overlapEventFootprints, subjectEventInstance) {
-    var subjectLegacyInstance = subjectEventInstance.toLegacy();
-    var i;
-    var overlapEventInstance;
-    var overlapEventDef;
-    var overlapVal;
-    for (i = 0; i < overlapEventFootprints.length; i++) {
-        overlapEventInstance = overlapEventFootprints[i].eventInstance;
-        overlapEventDef = overlapEventInstance.def;
-        // don't need to pass in calendar, because don't want to consider global eventOverlap property,
-        // because we already considered that earlier in the process.
-        overlapVal = overlapEventDef.getOverlap();
-        if (overlapVal === false) {
-            return false;
-        }
-        else if (typeof overlapVal === 'function') {
-            if (!overlapVal(overlapEventInstance.toLegacy(), subjectLegacyInstance)) {
-                return false;
-            }
-        }
-    }
-    return true;
-}
-
-
-/***/ }),
-/* 208 */
-/***/ (function(module, exports, __webpack_require__) {
-
-/*
-USAGE:
-  import { default as ParsableModelMixin, ParsableModelInterface } from './ParsableModelMixin'
-in class:
-  applyProps: ParsableModelInterface['applyProps']
-  applyManualStandardProps: ParsableModelInterface['applyManualStandardProps']
-  applyMiscProps: ParsableModelInterface['applyMiscProps']
-  isStandardProp: ParsableModelInterface['isStandardProp']
-  static defineStandardProps = ParsableModelMixin.defineStandardProps
-  static copyVerbatimStandardProps = ParsableModelMixin.copyVerbatimStandardProps
-after class:
-  ParsableModelMixin.mixInto(TheClass)
-*/
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var util_1 = __webpack_require__(4);
-var Mixin_1 = __webpack_require__(14);
-var ParsableModelMixin = /** @class */ (function (_super) {
-    tslib_1.__extends(ParsableModelMixin, _super);
-    function ParsableModelMixin() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ParsableModelMixin.defineStandardProps = function (propDefs) {
-        var proto = this.prototype;
-        if (!proto.hasOwnProperty('standardPropMap')) {
-            proto.standardPropMap = Object.create(proto.standardPropMap);
-        }
-        util_1.copyOwnProps(propDefs, proto.standardPropMap);
-    };
-    ParsableModelMixin.copyVerbatimStandardProps = function (src, dest) {
-        var map = this.prototype.standardPropMap;
-        var propName;
-        for (propName in map) {
-            if (src[propName] != null && // in the src object?
-                map[propName] === true // false means "copy verbatim"
-            ) {
-                dest[propName] = src[propName];
-            }
-        }
-    };
-    /*
-    Returns true/false for success.
-    Meant to be only called ONCE, at object creation.
-    */
-    ParsableModelMixin.prototype.applyProps = function (rawProps) {
-        var standardPropMap = this.standardPropMap;
-        var manualProps = {};
-        var miscProps = {};
-        var propName;
-        for (propName in rawProps) {
-            if (standardPropMap[propName] === true) {
-                this[propName] = rawProps[propName];
-            }
-            else if (standardPropMap[propName] === false) {
-                manualProps[propName] = rawProps[propName];
-            }
-            else {
-                miscProps[propName] = rawProps[propName];
-            }
-        }
-        this.applyMiscProps(miscProps);
-        return this.applyManualStandardProps(manualProps);
-    };
-    /*
-    If subclasses override, they must call this supermethod and return the boolean response.
-    Meant to be only called ONCE, at object creation.
-    */
-    ParsableModelMixin.prototype.applyManualStandardProps = function (rawProps) {
-        return true;
-    };
-    /*
-    Can be called even after initial object creation.
-    */
-    ParsableModelMixin.prototype.applyMiscProps = function (rawProps) {
-        // subclasses can implement
-    };
-    /*
-    TODO: why is this a method when defineStandardProps is static
-    */
-    ParsableModelMixin.prototype.isStandardProp = function (propName) {
-        return propName in this.standardPropMap;
-    };
-    return ParsableModelMixin;
-}(Mixin_1.default));
-exports.default = ParsableModelMixin;
-ParsableModelMixin.prototype.standardPropMap = {}; // will be cloned by defineStandardProps
-
-
-/***/ }),
-/* 209 */
-/***/ (function(module, exports) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var EventInstance = /** @class */ (function () {
-    function EventInstance(def, dateProfile) {
-        this.def = def;
-        this.dateProfile = dateProfile;
-    }
-    EventInstance.prototype.toLegacy = function () {
-        var dateProfile = this.dateProfile;
-        var obj = this.def.toLegacy();
-        obj.start = dateProfile.start.clone();
-        obj.end = dateProfile.end ? dateProfile.end.clone() : null;
-        return obj;
-    };
-    return EventInstance;
-}());
-exports.default = EventInstance;
-
-
-/***/ }),
-/* 210 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var moment = __webpack_require__(0);
-var EventDef_1 = __webpack_require__(34);
-var EventInstance_1 = __webpack_require__(209);
-var EventDateProfile_1 = __webpack_require__(17);
-var RecurringEventDef = /** @class */ (function (_super) {
-    tslib_1.__extends(RecurringEventDef, _super);
-    function RecurringEventDef() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    RecurringEventDef.prototype.isAllDay = function () {
-        return !this.startTime && !this.endTime;
-    };
-    RecurringEventDef.prototype.buildInstances = function (unzonedRange) {
-        var calendar = this.source.calendar;
-        var unzonedDate = unzonedRange.getStart();
-        var unzonedEnd = unzonedRange.getEnd();
-        var zonedDayStart;
-        var instanceStart;
-        var instanceEnd;
-        var instances = [];
-        while (unzonedDate.isBefore(unzonedEnd)) {
-            // if everyday, or this particular day-of-week
-            if (!this.dowHash || this.dowHash[unzonedDate.day()]) {
-                zonedDayStart = calendar.applyTimezone(unzonedDate);
-                instanceStart = zonedDayStart.clone();
-                instanceEnd = null;
-                if (this.startTime) {
-                    instanceStart.time(this.startTime);
-                }
-                else {
-                    instanceStart.stripTime();
-                }
-                if (this.endTime) {
-                    instanceEnd = zonedDayStart.clone().time(this.endTime);
-                }
-                instances.push(new EventInstance_1.default(this, // definition
-                new EventDateProfile_1.default(instanceStart, instanceEnd, calendar)));
-            }
-            unzonedDate.add(1, 'days');
-        }
-        return instances;
-    };
-    RecurringEventDef.prototype.setDow = function (dowNumbers) {
-        if (!this.dowHash) {
-            this.dowHash = {};
-        }
-        for (var i = 0; i < dowNumbers.length; i++) {
-            this.dowHash[dowNumbers[i]] = true;
-        }
-    };
-    RecurringEventDef.prototype.clone = function () {
-        var def = _super.prototype.clone.call(this);
-        if (def.startTime) {
-            def.startTime = moment.duration(this.startTime);
-        }
-        if (def.endTime) {
-            def.endTime = moment.duration(this.endTime);
-        }
-        if (this.dowHash) {
-            def.dowHash = $.extend({}, this.dowHash);
-        }
-        return def;
-    };
-    return RecurringEventDef;
-}(EventDef_1.default));
-exports.default = RecurringEventDef;
-/*
-HACK to work with TypeScript mixins
-NOTE: if super-method fails, should still attempt to apply
-*/
-RecurringEventDef.prototype.applyProps = function (rawProps) {
-    var superSuccess = EventDef_1.default.prototype.applyProps.call(this, rawProps);
-    if (rawProps.start) {
-        this.startTime = moment.duration(rawProps.start);
-    }
-    if (rawProps.end) {
-        this.endTime = moment.duration(rawProps.end);
-    }
-    if (rawProps.dow) {
-        this.setDow(rawProps.dow);
-    }
-    return superSuccess;
-};
-// Parsing
-// ---------------------------------------------------------------------------------------------------------------------
-RecurringEventDef.defineStandardProps({
-    start: false,
-    end: false,
-    dow: false
-});
-
-
-/***/ }),
-/* 211 */
-/***/ (function(module, exports) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var EventRange = /** @class */ (function () {
-    function EventRange(unzonedRange, eventDef, eventInstance) {
-        this.unzonedRange = unzonedRange;
-        this.eventDef = eventDef;
-        if (eventInstance) {
-            this.eventInstance = eventInstance;
-        }
-    }
-    return EventRange;
-}());
-exports.default = EventRange;
-
-
-/***/ }),
-/* 212 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(35);
-var EventInstanceGroup_1 = __webpack_require__(18);
-var RecurringEventDef_1 = __webpack_require__(210);
-var EventSource_1 = __webpack_require__(6);
-var BUSINESS_HOUR_EVENT_DEFAULTS = {
-    start: '09:00',
-    end: '17:00',
-    dow: [1, 2, 3, 4, 5],
-    rendering: 'inverse-background'
-    // classNames are defined in businessHoursSegClasses
-};
-var BusinessHourGenerator = /** @class */ (function () {
-    function BusinessHourGenerator(rawComplexDef, calendar) {
-        this.rawComplexDef = rawComplexDef;
-        this.calendar = calendar;
-    }
-    BusinessHourGenerator.prototype.buildEventInstanceGroup = function (isAllDay, unzonedRange) {
-        var eventDefs = this.buildEventDefs(isAllDay);
-        var eventInstanceGroup;
-        if (eventDefs.length) {
-            eventInstanceGroup = new EventInstanceGroup_1.default(util_1.eventDefsToEventInstances(eventDefs, unzonedRange));
-            // so that inverse-background rendering can happen even when no eventRanges in view
-            eventInstanceGroup.explicitEventDef = eventDefs[0];
-            return eventInstanceGroup;
-        }
-    };
-    BusinessHourGenerator.prototype.buildEventDefs = function (isAllDay) {
-        var rawComplexDef = this.rawComplexDef;
-        var rawDefs = [];
-        var requireDow = false;
-        var i;
-        var defs = [];
-        if (rawComplexDef === true) {
-            rawDefs = [{}]; // will get BUSINESS_HOUR_EVENT_DEFAULTS verbatim
-        }
-        else if ($.isPlainObject(rawComplexDef)) {
-            rawDefs = [rawComplexDef];
-        }
-        else if ($.isArray(rawComplexDef)) {
-            rawDefs = rawComplexDef;
-            requireDow = true; // every sub-definition NEEDS a day-of-week
-        }
-        for (i = 0; i < rawDefs.length; i++) {
-            if (!requireDow || rawDefs[i].dow) {
-                defs.push(this.buildEventDef(isAllDay, rawDefs[i]));
-            }
-        }
-        return defs;
-    };
-    BusinessHourGenerator.prototype.buildEventDef = function (isAllDay, rawDef) {
-        var fullRawDef = $.extend({}, BUSINESS_HOUR_EVENT_DEFAULTS, rawDef);
-        if (isAllDay) {
-            fullRawDef.start = null;
-            fullRawDef.end = null;
-        }
-        return RecurringEventDef_1.default.parse(fullRawDef, new EventSource_1.default(this.calendar) // dummy source
-        );
-    };
-    return BusinessHourGenerator;
-}());
-exports.default = BusinessHourGenerator;
-
-
-/***/ }),
-/* 213 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var Theme_1 = __webpack_require__(19);
-var StandardTheme = /** @class */ (function (_super) {
-    tslib_1.__extends(StandardTheme, _super);
-    function StandardTheme() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return StandardTheme;
-}(Theme_1.default));
-exports.default = StandardTheme;
-StandardTheme.prototype.classes = {
-    widget: 'fc-unthemed',
-    widgetHeader: 'fc-widget-header',
-    widgetContent: 'fc-widget-content',
-    buttonGroup: 'fc-button-group',
-    button: 'fc-button',
-    cornerLeft: 'fc-corner-left',
-    cornerRight: 'fc-corner-right',
-    stateDefault: 'fc-state-default',
-    stateActive: 'fc-state-active',
-    stateDisabled: 'fc-state-disabled',
-    stateHover: 'fc-state-hover',
-    stateDown: 'fc-state-down',
-    popoverHeader: 'fc-widget-header',
-    popoverContent: 'fc-widget-content',
-    // day grid
-    headerRow: 'fc-widget-header',
-    dayRow: 'fc-widget-content',
-    // list view
-    listView: 'fc-widget-content'
-};
-StandardTheme.prototype.baseIconClass = 'fc-icon';
-StandardTheme.prototype.iconClasses = {
-    close: 'fc-icon-x',
-    prev: 'fc-icon-left-single-arrow',
-    next: 'fc-icon-right-single-arrow',
-    prevYear: 'fc-icon-left-double-arrow',
-    nextYear: 'fc-icon-right-double-arrow'
-};
-StandardTheme.prototype.iconOverrideOption = 'buttonIcons';
-StandardTheme.prototype.iconOverrideCustomButtonOption = 'icon';
-StandardTheme.prototype.iconOverridePrefix = 'fc-icon-';
-
-
-/***/ }),
-/* 214 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var Theme_1 = __webpack_require__(19);
-var JqueryUiTheme = /** @class */ (function (_super) {
-    tslib_1.__extends(JqueryUiTheme, _super);
-    function JqueryUiTheme() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return JqueryUiTheme;
-}(Theme_1.default));
-exports.default = JqueryUiTheme;
-JqueryUiTheme.prototype.classes = {
-    widget: 'ui-widget',
-    widgetHeader: 'ui-widget-header',
-    widgetContent: 'ui-widget-content',
-    buttonGroup: 'fc-button-group',
-    button: 'ui-button',
-    cornerLeft: 'ui-corner-left',
-    cornerRight: 'ui-corner-right',
-    stateDefault: 'ui-state-default',
-    stateActive: 'ui-state-active',
-    stateDisabled: 'ui-state-disabled',
-    stateHover: 'ui-state-hover',
-    stateDown: 'ui-state-down',
-    today: 'ui-state-highlight',
-    popoverHeader: 'ui-widget-header',
-    popoverContent: 'ui-widget-content',
-    // day grid
-    headerRow: 'ui-widget-header',
-    dayRow: 'ui-widget-content',
-    // list view
-    listView: 'ui-widget-content'
-};
-JqueryUiTheme.prototype.baseIconClass = 'ui-icon';
-JqueryUiTheme.prototype.iconClasses = {
-    close: 'ui-icon-closethick',
-    prev: 'ui-icon-circle-triangle-w',
-    next: 'ui-icon-circle-triangle-e',
-    prevYear: 'ui-icon-seek-prev',
-    nextYear: 'ui-icon-seek-next'
-};
-JqueryUiTheme.prototype.iconOverrideOption = 'themeButtonIcons';
-JqueryUiTheme.prototype.iconOverrideCustomButtonOption = 'themeIcon';
-JqueryUiTheme.prototype.iconOverridePrefix = 'ui-icon-';
-
-
-/***/ }),
-/* 215 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var Promise_1 = __webpack_require__(20);
-var EventSource_1 = __webpack_require__(6);
-var FuncEventSource = /** @class */ (function (_super) {
-    tslib_1.__extends(FuncEventSource, _super);
-    function FuncEventSource() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FuncEventSource.parse = function (rawInput, calendar) {
-        var rawProps;
-        // normalize raw input
-        if ($.isFunction(rawInput.events)) {
-            rawProps = rawInput;
-        }
-        else if ($.isFunction(rawInput)) {
-            rawProps = { events: rawInput };
-        }
-        if (rawProps) {
-            return EventSource_1.default.parse.call(this, rawProps, calendar);
-        }
-        return false;
-    };
-    FuncEventSource.prototype.fetch = function (start, end, timezone) {
-        var _this = this;
-        this.calendar.pushLoading();
-        return Promise_1.default.construct(function (onResolve) {
-            _this.func.call(_this.calendar, start.clone(), end.clone(), timezone, function (rawEventDefs) {
-                _this.calendar.popLoading();
-                onResolve(_this.parseEventDefs(rawEventDefs));
-            });
-        });
-    };
-    FuncEventSource.prototype.getPrimitive = function () {
-        return this.func;
-    };
-    FuncEventSource.prototype.applyManualStandardProps = function (rawProps) {
-        var superSuccess = _super.prototype.applyManualStandardProps.call(this, rawProps);
-        this.func = rawProps.events;
-        return superSuccess;
-    };
-    return FuncEventSource;
-}(EventSource_1.default));
-exports.default = FuncEventSource;
-FuncEventSource.defineStandardProps({
-    events: false // don't automatically transfer
-});
-
-
-/***/ }),
-/* 216 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var Promise_1 = __webpack_require__(20);
-var EventSource_1 = __webpack_require__(6);
-var JsonFeedEventSource = /** @class */ (function (_super) {
-    tslib_1.__extends(JsonFeedEventSource, _super);
-    function JsonFeedEventSource() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    JsonFeedEventSource.parse = function (rawInput, calendar) {
-        var rawProps;
-        // normalize raw input
-        if (typeof rawInput.url === 'string') {
-            rawProps = rawInput;
-        }
-        else if (typeof rawInput === 'string') {
-            rawProps = { url: rawInput };
-        }
-        if (rawProps) {
-            return EventSource_1.default.parse.call(this, rawProps, calendar);
-        }
-        return false;
-    };
-    JsonFeedEventSource.prototype.fetch = function (start, end, timezone) {
-        var _this = this;
-        var ajaxSettings = this.ajaxSettings;
-        var onSuccess = ajaxSettings.success;
-        var onError = ajaxSettings.error;
-        var requestParams = this.buildRequestParams(start, end, timezone);
-        // todo: eventually handle the promise's then,
-        // don't intercept success/error
-        // tho will be a breaking API change
-        this.calendar.pushLoading();
-        return Promise_1.default.construct(function (onResolve, onReject) {
-            $.ajax($.extend({}, // destination
-            JsonFeedEventSource.AJAX_DEFAULTS, ajaxSettings, {
-                url: _this.url,
-                data: requestParams,
-                success: function (rawEventDefs, status, xhr) {
-                    var callbackRes;
-                    _this.calendar.popLoading();
-                    if (rawEventDefs) {
-                        callbackRes = util_1.applyAll(onSuccess, _this, [rawEventDefs, status, xhr]); // redirect `this`
-                        if ($.isArray(callbackRes)) {
-                            rawEventDefs = callbackRes;
-                        }
-                        onResolve(_this.parseEventDefs(rawEventDefs));
-                    }
-                    else {
-                        onReject();
-                    }
-                },
-                error: function (xhr, statusText, errorThrown) {
-                    _this.calendar.popLoading();
-                    util_1.applyAll(onError, _this, [xhr, statusText, errorThrown]); // redirect `this`
-                    onReject();
-                }
-            }));
-        });
-    };
-    JsonFeedEventSource.prototype.buildRequestParams = function (start, end, timezone) {
-        var calendar = this.calendar;
-        var ajaxSettings = this.ajaxSettings;
-        var startParam;
-        var endParam;
-        var timezoneParam;
-        var customRequestParams;
-        var params = {};
-        startParam = this.startParam;
-        if (startParam == null) {
-            startParam = calendar.opt('startParam');
-        }
-        endParam = this.endParam;
-        if (endParam == null) {
-            endParam = calendar.opt('endParam');
-        }
-        timezoneParam = this.timezoneParam;
-        if (timezoneParam == null) {
-            timezoneParam = calendar.opt('timezoneParam');
-        }
-        // retrieve any outbound GET/POST $.ajax data from the options
-        if ($.isFunction(ajaxSettings.data)) {
-            // supplied as a function that returns a key/value object
-            customRequestParams = ajaxSettings.data();
-        }
-        else {
-            // probably supplied as a straight key/value object
-            customRequestParams = ajaxSettings.data || {};
-        }
-        $.extend(params, customRequestParams);
-        params[startParam] = start.format();
-        params[endParam] = end.format();
-        if (timezone && timezone !== 'local') {
-            params[timezoneParam] = timezone;
-        }
-        return params;
-    };
-    JsonFeedEventSource.prototype.getPrimitive = function () {
-        return this.url;
-    };
-    JsonFeedEventSource.prototype.applyMiscProps = function (rawProps) {
-        this.ajaxSettings = rawProps;
-    };
-    JsonFeedEventSource.AJAX_DEFAULTS = {
-        dataType: 'json',
-        cache: false
-    };
-    return JsonFeedEventSource;
-}(EventSource_1.default));
-exports.default = JsonFeedEventSource;
-JsonFeedEventSource.defineStandardProps({
-    // automatically transfer (true)...
-    url: true,
-    startParam: true,
-    endParam: true,
-    timezoneParam: true
-});
-
-
-/***/ }),
-/* 217 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var EmitterMixin_1 = __webpack_require__(11);
-var TaskQueue = /** @class */ (function () {
-    function TaskQueue() {
-        this.q = [];
-        this.isPaused = false;
-        this.isRunning = false;
-    }
-    TaskQueue.prototype.queue = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        this.q.push.apply(this.q, args); // append
-        this.tryStart();
-    };
-    TaskQueue.prototype.pause = function () {
-        this.isPaused = true;
-    };
-    TaskQueue.prototype.resume = function () {
-        this.isPaused = false;
-        this.tryStart();
-    };
-    TaskQueue.prototype.getIsIdle = function () {
-        return !this.isRunning && !this.isPaused;
-    };
-    TaskQueue.prototype.tryStart = function () {
-        if (!this.isRunning && this.canRunNext()) {
-            this.isRunning = true;
-            this.trigger('start');
-            this.runRemaining();
-        }
-    };
-    TaskQueue.prototype.canRunNext = function () {
-        return !this.isPaused && this.q.length;
-    };
-    TaskQueue.prototype.runRemaining = function () {
-        var _this = this;
-        var task;
-        var res;
-        do {
-            task = this.q.shift(); // always freshly reference q. might have been reassigned.
-            res = this.runTask(task);
-            if (res && res.then) {
-                res.then(function () {
-                    if (_this.canRunNext()) {
-                        _this.runRemaining();
-                    }
-                });
-                return; // prevent marking as stopped
-            }
-        } while (this.canRunNext());
-        this.trigger('stop'); // not really a 'stop' ... more of a 'drained'
-        this.isRunning = false;
-        // if 'stop' handler added more tasks.... TODO: write test for this
-        this.tryStart();
-    };
-    TaskQueue.prototype.runTask = function (task) {
-        return task(); // task *is* the function, but subclasses can change the format of a task
-    };
-    return TaskQueue;
-}());
-exports.default = TaskQueue;
-EmitterMixin_1.default.mixInto(TaskQueue);
-
-
-/***/ }),
-/* 218 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var TaskQueue_1 = __webpack_require__(217);
-var RenderQueue = /** @class */ (function (_super) {
-    tslib_1.__extends(RenderQueue, _super);
-    function RenderQueue(waitsByNamespace) {
-        var _this = _super.call(this) || this;
-        _this.waitsByNamespace = waitsByNamespace || {};
-        return _this;
-    }
-    RenderQueue.prototype.queue = function (taskFunc, namespace, type) {
-        var task = {
-            func: taskFunc,
-            namespace: namespace,
-            type: type
-        };
-        var waitMs;
-        if (namespace) {
-            waitMs = this.waitsByNamespace[namespace];
-        }
-        if (this.waitNamespace) {
-            if (namespace === this.waitNamespace && waitMs != null) {
-                this.delayWait(waitMs);
-            }
-            else {
-                this.clearWait();
-                this.tryStart();
-            }
-        }
-        if (this.compoundTask(task)) {
-            if (!this.waitNamespace && waitMs != null) {
-                this.startWait(namespace, waitMs);
-            }
-            else {
-                this.tryStart();
-            }
-        }
-    };
-    RenderQueue.prototype.startWait = function (namespace, waitMs) {
-        this.waitNamespace = namespace;
-        this.spawnWait(waitMs);
-    };
-    RenderQueue.prototype.delayWait = function (waitMs) {
-        clearTimeout(this.waitId);
-        this.spawnWait(waitMs);
-    };
-    RenderQueue.prototype.spawnWait = function (waitMs) {
-        var _this = this;
-        this.waitId = setTimeout(function () {
-            _this.waitNamespace = null;
-            _this.tryStart();
-        }, waitMs);
-    };
-    RenderQueue.prototype.clearWait = function () {
-        if (this.waitNamespace) {
-            clearTimeout(this.waitId);
-            this.waitId = null;
-            this.waitNamespace = null;
-        }
-    };
-    RenderQueue.prototype.canRunNext = function () {
-        if (!_super.prototype.canRunNext.call(this)) {
-            return false;
-        }
-        // waiting for a certain namespace to stop receiving tasks?
-        if (this.waitNamespace) {
-            var q = this.q;
-            // if there was a different namespace task in the meantime,
-            // that forces all previously-waiting tasks to suddenly execute.
-            // TODO: find a way to do this in constant time.
-            for (var i = 0; i < q.length; i++) {
-                if (q[i].namespace !== this.waitNamespace) {
-                    return true; // allow execution
-                }
-            }
-            return false;
-        }
-        return true;
-    };
-    RenderQueue.prototype.runTask = function (task) {
-        task.func();
-    };
-    RenderQueue.prototype.compoundTask = function (newTask) {
-        var q = this.q;
-        var shouldAppend = true;
-        var i;
-        var task;
-        if (newTask.namespace && newTask.type === 'destroy') {
-            // remove all init/add/remove ops with same namespace, regardless of order
-            for (i = q.length - 1; i >= 0; i--) {
-                task = q[i];
-                switch (task.type) {
-                    case 'init':
-                        shouldAppend = false;
-                    // the latest destroy is cancelled out by not doing the init
-                    /* falls through */
-                    case 'add':
-                    /* falls through */
-                    case 'remove':
-                        q.splice(i, 1); // remove task
-                }
-            }
-        }
-        if (shouldAppend) {
-            q.push(newTask);
-        }
-        return shouldAppend;
-    };
-    return RenderQueue;
-}(TaskQueue_1.default));
-exports.default = RenderQueue;
-
-
-/***/ }),
-/* 219 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var moment = __webpack_require__(0);
-var util_1 = __webpack_require__(4);
-var moment_ext_1 = __webpack_require__(10);
-var date_formatting_1 = __webpack_require__(47);
-var Component_1 = __webpack_require__(237);
-var util_2 = __webpack_require__(35);
-var DateComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(DateComponent, _super);
-    function DateComponent(_view, _options) {
-        var _this = _super.call(this) || this;
-        _this.isRTL = false; // frequently accessed options
-        _this.hitsNeededDepth = 0; // necessary because multiple callers might need the same hits
-        _this.hasAllDayBusinessHours = false; // TODO: unify with largeUnit and isTimeScale?
-        _this.isDatesRendered = false;
-        // hack to set options prior to the this.opt calls
-        if (_view) {
-            _this['view'] = _view;
-        }
-        if (_options) {
-            _this['options'] = _options;
-        }
-        _this.uid = String(DateComponent.guid++);
-        _this.childrenByUid = {};
-        _this.nextDayThreshold = moment.duration(_this.opt('nextDayThreshold'));
-        _this.isRTL = _this.opt('isRTL');
-        if (_this.fillRendererClass) {
-            _this.fillRenderer = new _this.fillRendererClass(_this);
-        }
-        if (_this.eventRendererClass) {
-            _this.eventRenderer = new _this.eventRendererClass(_this, _this.fillRenderer);
-        }
-        if (_this.helperRendererClass && _this.eventRenderer) {
-            _this.helperRenderer = new _this.helperRendererClass(_this, _this.eventRenderer);
-        }
-        if (_this.businessHourRendererClass && _this.fillRenderer) {
-            _this.businessHourRenderer = new _this.businessHourRendererClass(_this, _this.fillRenderer);
-        }
-        return _this;
-    }
-    DateComponent.prototype.addChild = function (child) {
-        if (!this.childrenByUid[child.uid]) {
-            this.childrenByUid[child.uid] = child;
-            return true;
-        }
-        return false;
-    };
-    DateComponent.prototype.removeChild = function (child) {
-        if (this.childrenByUid[child.uid]) {
-            delete this.childrenByUid[child.uid];
-            return true;
-        }
-        return false;
-    };
-    // TODO: only do if isInDom?
-    // TODO: make part of Component, along with children/batch-render system?
-    DateComponent.prototype.updateSize = function (totalHeight, isAuto, isResize) {
-        this.callChildren('updateSize', arguments);
-    };
-    // Options
-    // -----------------------------------------------------------------------------------------------------------------
-    DateComponent.prototype.opt = function (name) {
-        return this._getView().opt(name); // default implementation
+    // Retrieves all rendered segment objects currently rendered on the grid
+    DayGrid.prototype.getOwnEventSegs = function () {
+        // append the segments from the "more..." popover
+        return _super.prototype.getOwnEventSegs.call(this).concat(this.popoverSegs || []);
     };
-    DateComponent.prototype.publiclyTrigger = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
+    /* Event Drag Visualization
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders a visual indication of an event or external element being dragged.
+    // `eventLocation` has zoned start and end (optional)
+    DayGrid.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
+        var i;
+        for (i = 0; i < eventFootprints.length; i++) {
+            this.renderHighlight(eventFootprints[i].componentFootprint);
         }
-        var calendar = this._getCalendar();
-        return calendar.publiclyTrigger.apply(calendar, args);
-    };
-    DateComponent.prototype.hasPublicHandlers = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
+        // render drags from OTHER components as helpers
+        if (eventFootprints.length && seg && seg.component !== this) {
+            this.helperRenderer.renderEventDraggingFootprints(eventFootprints, seg, isTouch);
+            return true; // signal helpers rendered
         }
-        var calendar = this._getCalendar();
-        return calendar.hasPublicHandlers.apply(calendar, args);
-    };
-    // Date
-    // -----------------------------------------------------------------------------------------------------------------
-    DateComponent.prototype.executeDateRender = function (dateProfile) {
-        this.dateProfile = dateProfile; // for rendering
-        this.renderDates(dateProfile);
-        this.isDatesRendered = true;
-        this.callChildren('executeDateRender', arguments);
-    };
-    DateComponent.prototype.executeDateUnrender = function () {
-        this.callChildren('executeDateUnrender', arguments);
-        this.dateProfile = null;
-        this.unrenderDates();
-        this.isDatesRendered = false;
-    };
-    // date-cell content only
-    DateComponent.prototype.renderDates = function (dateProfile) {
-        // subclasses should implement
-    };
-    // date-cell content only
-    DateComponent.prototype.unrenderDates = function () {
-        // subclasses should override
-    };
-    // Now-Indicator
-    // -----------------------------------------------------------------------------------------------------------------
-    // Returns a string unit, like 'second' or 'minute' that defined how often the current time indicator
-    // should be refreshed. If something falsy is returned, no time indicator is rendered at all.
-    DateComponent.prototype.getNowIndicatorUnit = function () {
-        // subclasses should implement
-    };
-    // Renders a current time indicator at the given datetime
-    DateComponent.prototype.renderNowIndicator = function (date) {
-        this.callChildren('renderNowIndicator', arguments);
     };
-    // Undoes the rendering actions from renderNowIndicator
-    DateComponent.prototype.unrenderNowIndicator = function () {
-        this.callChildren('unrenderNowIndicator', arguments);
+    // Unrenders any visual indication of a hovering event
+    DayGrid.prototype.unrenderDrag = function () {
+        this.unrenderHighlight();
+        this.helperRenderer.unrender();
     };
-    // Business Hours
-    // ---------------------------------------------------------------------------------------------------------------
-    DateComponent.prototype.renderBusinessHours = function (businessHourGenerator) {
-        if (this.businessHourRenderer) {
-            this.businessHourRenderer.render(businessHourGenerator);
+    /* Event Resize Visualization
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders a visual indication of an event being resized
+    DayGrid.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
+        var i;
+        for (i = 0; i < eventFootprints.length; i++) {
+            this.renderHighlight(eventFootprints[i].componentFootprint);
         }
-        this.callChildren('renderBusinessHours', arguments);
+        this.helperRenderer.renderEventResizingFootprints(eventFootprints, seg, isTouch);
     };
-    // Unrenders previously-rendered business-hours
-    DateComponent.prototype.unrenderBusinessHours = function () {
-        this.callChildren('unrenderBusinessHours', arguments);
-        if (this.businessHourRenderer) {
-            this.businessHourRenderer.unrender();
-        }
+    // Unrenders a visual indication of an event being resized
+    DayGrid.prototype.unrenderEventResize = function () {
+        this.unrenderHighlight();
+        this.helperRenderer.unrender();
     };
-    // Event Displaying
-    // -----------------------------------------------------------------------------------------------------------------
-    DateComponent.prototype.executeEventRender = function (eventsPayload) {
-        if (this.eventRenderer) {
-            this.eventRenderer.rangeUpdated(); // poorly named now
-            this.eventRenderer.render(eventsPayload);
+    /* More+ Link Popover
+    ------------------------------------------------------------------------------------------------------------------*/
+    DayGrid.prototype.removeSegPopover = function () {
+        if (this.segPopover) {
+            this.segPopover.hide(); // in handler, will call segPopover's removeElement
         }
-        else if (this['renderEvents']) {
-            this['renderEvents'](convertEventsPayloadToLegacyArray(eventsPayload));
+    };
+    // Limits the number of "levels" (vertically stacking layers of events) for each row of the grid.
+    // `levelLimit` can be false (don't limit), a number, or true (should be computed).
+    DayGrid.prototype.limitRows = function (levelLimit) {
+        var rowStructs = this.eventRenderer.rowStructs || [];
+        var row; // row #
+        var rowLevelLimit;
+        for (row = 0; row < rowStructs.length; row++) {
+            this.unlimitRow(row);
+            if (!levelLimit) {
+                rowLevelLimit = false;
+            }
+            else if (typeof levelLimit === 'number') {
+                rowLevelLimit = levelLimit;
+            }
+            else {
+                rowLevelLimit = this.computeRowLevelLimit(row);
+            }
+            if (rowLevelLimit !== false) {
+                this.limitRow(row, rowLevelLimit);
+            }
         }
-        this.callChildren('executeEventRender', arguments);
     };
-    DateComponent.prototype.executeEventUnrender = function () {
-        this.callChildren('executeEventUnrender', arguments);
-        if (this.eventRenderer) {
-            this.eventRenderer.unrender();
+    // Computes the number of levels a row will accomodate without going outside its bounds.
+    // Assumes the row is "rigid" (maintains a constant height regardless of what is inside).
+    // `row` is the row number.
+    DayGrid.prototype.computeRowLevelLimit = function (row) {
+        var rowEl = this.rowEls.eq(row); // the containing "fake" row div
+        var rowHeight = rowEl.height(); // TODO: cache somehow?
+        var trEls = this.eventRenderer.rowStructs[row].tbodyEl.children();
+        var i;
+        var trEl;
+        var trHeight;
+        function iterInnerHeights(i, childNode) {
+            trHeight = Math.max(trHeight, $(childNode).outerHeight());
         }
-        else if (this['destroyEvents']) {
-            this['destroyEvents']();
+        // Reveal one level <tr> at a time and stop when we find one out of bounds
+        for (i = 0; i < trEls.length; i++) {
+            trEl = trEls.eq(i).removeClass('fc-limited'); // reset to original state (reveal)
+            // with rowspans>1 and IE8, trEl.outerHeight() would return the height of the largest cell,
+            // so instead, find the tallest inner content element.
+            trHeight = 0;
+            trEl.find('> td > :first-child').each(iterInnerHeights);
+            if (trEl.position().top + trHeight > rowHeight) {
+                return i;
+            }
         }
+        return false; // should not limit at all
     };
-    DateComponent.prototype.getBusinessHourSegs = function () {
-        var segs = this.getOwnBusinessHourSegs();
-        this.iterChildren(function (child) {
-            segs.push.apply(segs, child.getBusinessHourSegs());
-        });
-        return segs;
-    };
-    DateComponent.prototype.getOwnBusinessHourSegs = function () {
-        if (this.businessHourRenderer) {
-            return this.businessHourRenderer.getSegs();
+    // Limits the given grid row to the maximum number of levels and injects "more" links if necessary.
+    // `row` is the row number.
+    // `levelLimit` is a number for the maximum (inclusive) number of levels allowed.
+    DayGrid.prototype.limitRow = function (row, levelLimit) {
+        var _this = this;
+        var rowStruct = this.eventRenderer.rowStructs[row];
+        var moreNodes = []; // array of "more" <a> links and <td> DOM nodes
+        var col = 0; // col #, left-to-right (not chronologically)
+        var levelSegs; // array of segment objects in the last allowable level, ordered left-to-right
+        var cellMatrix; // a matrix (by level, then column) of all <td> jQuery elements in the row
+        var limitedNodes; // array of temporarily hidden level <tr> and segment <td> DOM nodes
+        var i;
+        var seg;
+        var segsBelow; // array of segment objects below `seg` in the current `col`
+        var totalSegsBelow; // total number of segments below `seg` in any of the columns `seg` occupies
+        var colSegsBelow; // array of segment arrays, below seg, one for each column (offset from segs's first column)
+        var td;
+        var rowspan;
+        var segMoreNodes; // array of "more" <td> cells that will stand-in for the current seg's cell
+        var j;
+        var moreTd;
+        var moreWrap;
+        var moreLink;
+        // Iterates through empty level cells and places "more" links inside if need be
+        var emptyCellsUntil = function (endCol) {
+            while (col < endCol) {
+                segsBelow = _this.getCellSegs(row, col, levelLimit);
+                if (segsBelow.length) {
+                    td = cellMatrix[levelLimit - 1][col];
+                    moreLink = _this.renderMoreLink(row, col, segsBelow);
+                    moreWrap = $('<div>').append(moreLink);
+                    td.append(moreWrap);
+                    moreNodes.push(moreWrap[0]);
+                }
+                col++;
+            }
+        };
+        if (levelLimit && levelLimit < rowStruct.segLevels.length) { // is it actually over the limit?
+            levelSegs = rowStruct.segLevels[levelLimit - 1];
+            cellMatrix = rowStruct.cellMatrix;
+            limitedNodes = rowStruct.tbodyEl.children().slice(levelLimit) // get level <tr> elements past the limit
+                .addClass('fc-limited').get(); // hide elements and get a simple DOM-nodes array
+            // iterate though segments in the last allowable level
+            for (i = 0; i < levelSegs.length; i++) {
+                seg = levelSegs[i];
+                emptyCellsUntil(seg.leftCol); // process empty cells before the segment
+                // determine *all* segments below `seg` that occupy the same columns
+                colSegsBelow = [];
+                totalSegsBelow = 0;
+                while (col <= seg.rightCol) {
+                    segsBelow = this.getCellSegs(row, col, levelLimit);
+                    colSegsBelow.push(segsBelow);
+                    totalSegsBelow += segsBelow.length;
+                    col++;
+                }
+                if (totalSegsBelow) { // do we need to replace this segment with one or many "more" links?
+                    td = cellMatrix[levelLimit - 1][seg.leftCol]; // the segment's parent cell
+                    rowspan = td.attr('rowspan') || 1;
+                    segMoreNodes = [];
+                    // make a replacement <td> for each column the segment occupies. will be one for each colspan
+                    for (j = 0; j < colSegsBelow.length; j++) {
+                        moreTd = $('<td class="fc-more-cell">').attr('rowspan', rowspan);
+                        segsBelow = colSegsBelow[j];
+                        moreLink = this.renderMoreLink(row, seg.leftCol + j, [seg].concat(segsBelow) // count seg as hidden too
+                        );
+                        moreWrap = $('<div>').append(moreLink);
+                        moreTd.append(moreWrap);
+                        segMoreNodes.push(moreTd[0]);
+                        moreNodes.push(moreTd[0]);
+                    }
+                    td.addClass('fc-limited').after($(segMoreNodes)); // hide original <td> and inject replacements
+                    limitedNodes.push(td[0]);
+                }
+            }
+            emptyCellsUntil(this.colCnt); // finish off the level
+            rowStruct.moreEls = $(moreNodes); // for easy undoing later
+            rowStruct.limitedEls = $(limitedNodes); // for easy undoing later
         }
-        return [];
-    };
-    DateComponent.prototype.getEventSegs = function () {
-        var segs = this.getOwnEventSegs();
-        this.iterChildren(function (child) {
-            segs.push.apply(segs, child.getEventSegs());
-        });
-        return segs;
     };
-    DateComponent.prototype.getOwnEventSegs = function () {
-        if (this.eventRenderer) {
-            return this.eventRenderer.getSegs();
+    // Reveals all levels and removes all "more"-related elements for a grid's row.
+    // `row` is a row number.
+    DayGrid.prototype.unlimitRow = function (row) {
+        var rowStruct = this.eventRenderer.rowStructs[row];
+        if (rowStruct.moreEls) {
+            rowStruct.moreEls.remove();
+            rowStruct.moreEls = null;
         }
-        return [];
-    };
-    // Event Rendering Triggering
-    // -----------------------------------------------------------------------------------------------------------------
-    DateComponent.prototype.triggerAfterEventsRendered = function () {
-        this.triggerAfterEventSegsRendered(this.getEventSegs());
-        this.publiclyTrigger('eventAfterAllRender', {
-            context: this,
-            args: [this]
-        });
-    };
-    DateComponent.prototype.triggerAfterEventSegsRendered = function (segs) {
-        var _this = this;
-        // an optimization, because getEventLegacy is expensive
-        if (this.hasPublicHandlers('eventAfterRender')) {
-            segs.forEach(function (seg) {
-                var legacy;
-                if (seg.el) {
-                    legacy = seg.footprint.getEventLegacy();
-                    _this.publiclyTrigger('eventAfterRender', {
-                        context: legacy,
-                        args: [legacy, seg.el, _this]
-                    });
-                }
-            });
+        if (rowStruct.limitedEls) {
+            rowStruct.limitedEls.removeClass('fc-limited');
+            rowStruct.limitedEls = null;
         }
     };
-    DateComponent.prototype.triggerBeforeEventsDestroyed = function () {
-        this.triggerBeforeEventSegsDestroyed(this.getEventSegs());
-    };
-    DateComponent.prototype.triggerBeforeEventSegsDestroyed = function (segs) {
+    // Renders an <a> element that represents hidden event element for a cell.
+    // Responsible for attaching click handler as well.
+    DayGrid.prototype.renderMoreLink = function (row, col, hiddenSegs) {
         var _this = this;
-        if (this.hasPublicHandlers('eventDestroy')) {
-            segs.forEach(function (seg) {
-                var legacy;
-                if (seg.el) {
-                    legacy = seg.footprint.getEventLegacy();
-                    _this.publiclyTrigger('eventDestroy', {
-                        context: legacy,
-                        args: [legacy, seg.el, _this]
-                    });
-                }
-            });
-        }
-    };
-    // Event Rendering Utils
-    // -----------------------------------------------------------------------------------------------------------------
-    // Hides all rendered event segments linked to the given event
-    // RECURSIVE with subcomponents
-    DateComponent.prototype.showEventsWithId = function (eventDefId) {
-        this.getEventSegs().forEach(function (seg) {
-            if (seg.footprint.eventDef.id === eventDefId &&
-                seg.el // necessary?
-            ) {
-                seg.el.css('visibility', '');
+        var view = this.view;
+        return $('<a class="fc-more">')
+            .text(this.getMoreLinkText(hiddenSegs.length))
+            .on('click', function (ev) {
+            var clickOption = _this.opt('eventLimitClick');
+            var date = _this.getCellDate(row, col);
+            var moreEl = $(ev.currentTarget);
+            var dayEl = _this.getCellEl(row, col);
+            var allSegs = _this.getCellSegs(row, col);
+            // rescope the segments to be within the cell's date
+            var reslicedAllSegs = _this.resliceDaySegs(allSegs, date);
+            var reslicedHiddenSegs = _this.resliceDaySegs(hiddenSegs, date);
+            if (typeof clickOption === 'function') {
+                // the returned value can be an atomic option
+                clickOption = _this.publiclyTrigger('eventLimitClick', {
+                    context: view,
+                    args: [
+                        {
+                            date: date.clone(),
+                            dayEl: dayEl,
+                            moreEl: moreEl,
+                            segs: reslicedAllSegs,
+                            hiddenSegs: reslicedHiddenSegs
+                        },
+                        ev,
+                        view
+                    ]
+                });
             }
-        });
-        this.callChildren('showEventsWithId', arguments);
-    };
-    // Shows all rendered event segments linked to the given event
-    // RECURSIVE with subcomponents
-    DateComponent.prototype.hideEventsWithId = function (eventDefId) {
-        this.getEventSegs().forEach(function (seg) {
-            if (seg.footprint.eventDef.id === eventDefId &&
-                seg.el // necessary?
-            ) {
-                seg.el.css('visibility', 'hidden');
+            if (clickOption === 'popover') {
+                _this.showSegPopover(row, col, moreEl, reslicedAllSegs);
             }
-        });
-        this.callChildren('hideEventsWithId', arguments);
-    };
-    // Drag-n-Drop Rendering (for both events and external elements)
-    // ---------------------------------------------------------------------------------------------------------------
-    // Renders a visual indication of a event or external-element drag over the given drop zone.
-    // If an external-element, seg will be `null`.
-    // Must return elements used for any mock events.
-    DateComponent.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
-        var renderedHelper = false;
-        this.iterChildren(function (child) {
-            if (child.renderDrag(eventFootprints, seg, isTouch)) {
-                renderedHelper = true;
+            else if (typeof clickOption === 'string') { // a view name
+                view.calendar.zoomTo(date, clickOption);
             }
         });
-        return renderedHelper;
-    };
-    // Unrenders a visual indication of an event or external-element being dragged.
-    DateComponent.prototype.unrenderDrag = function () {
-        this.callChildren('unrenderDrag', arguments);
-    };
-    // Event Resizing
-    // ---------------------------------------------------------------------------------------------------------------
-    // Renders a visual indication of an event being resized.
-    DateComponent.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
-        this.callChildren('renderEventResize', arguments);
-    };
-    // Unrenders a visual indication of an event being resized.
-    DateComponent.prototype.unrenderEventResize = function () {
-        this.callChildren('unrenderEventResize', arguments);
-    };
-    // Selection
-    // ---------------------------------------------------------------------------------------------------------------
-    // Renders a visual indication of the selection
-    // TODO: rename to `renderSelection` after legacy is gone
-    DateComponent.prototype.renderSelectionFootprint = function (componentFootprint) {
-        this.renderHighlight(componentFootprint);
-        this.callChildren('renderSelectionFootprint', arguments);
-    };
-    // Unrenders a visual indication of selection
-    DateComponent.prototype.unrenderSelection = function () {
-        this.unrenderHighlight();
-        this.callChildren('unrenderSelection', arguments);
     };
-    // Highlight
-    // ---------------------------------------------------------------------------------------------------------------
-    // Renders an emphasis on the given date range. Given a span (unzoned start/end and other misc data)
-    DateComponent.prototype.renderHighlight = function (componentFootprint) {
-        if (this.fillRenderer) {
-            this.fillRenderer.renderFootprint('highlight', componentFootprint, {
-                getClasses: function () {
-                    return ['fc-highlight'];
-                }
-            });
+    // Reveals the popover that displays all events within a cell
+    DayGrid.prototype.showSegPopover = function (row, col, moreLink, segs) {
+        var _this = this;
+        var view = this.view;
+        var moreWrap = moreLink.parent(); // the <div> wrapper around the <a>
+        var topEl; // the element we want to match the top coordinate of
+        var options;
+        if (this.rowCnt === 1) {
+            topEl = view.el; // will cause the popover to cover any sort of header
         }
-        this.callChildren('renderHighlight', arguments);
-    };
-    // Unrenders the emphasis on a date range
-    DateComponent.prototype.unrenderHighlight = function () {
-        if (this.fillRenderer) {
-            this.fillRenderer.unrender('highlight');
+        else {
+            topEl = this.rowEls.eq(row); // will align with top of row
         }
-        this.callChildren('unrenderHighlight', arguments);
-    };
-    // Hit Areas
-    // ---------------------------------------------------------------------------------------------------------------
-    // just because all DateComponents support this interface
-    // doesn't mean they need to have their own internal coord system. they can defer to sub-components.
-    DateComponent.prototype.hitsNeeded = function () {
-        if (!(this.hitsNeededDepth++)) {
-            this.prepareHits();
+        options = {
+            className: 'fc-more-popover ' + view.calendar.theme.getClass('popover'),
+            content: this.renderSegPopoverContent(row, col, segs),
+            parentEl: view.el,
+            top: topEl.offset().top,
+            autoHide: true,
+            viewportConstrain: this.opt('popoverViewportConstrain'),
+            hide: function () {
+                // kill everything when the popover is hidden
+                // notify events to be removed
+                if (_this.popoverSegs) {
+                    _this.triggerBeforeEventSegsDestroyed(_this.popoverSegs);
+                }
+                _this.segPopover.removeElement();
+                _this.segPopover = null;
+                _this.popoverSegs = null;
+            }
+        };
+        // Determine horizontal coordinate.
+        // We use the moreWrap instead of the <td> to avoid border confusion.
+        if (this.isRTL) {
+            options.right = moreWrap.offset().left + moreWrap.outerWidth() + 1; // +1 to be over cell border
         }
-        this.callChildren('hitsNeeded', arguments);
+        else {
+            options.left = moreWrap.offset().left - 1; // -1 to be over cell border
+        }
+        this.segPopover = new Popover_1.default(options);
+        this.segPopover.show();
+        // the popover doesn't live within the grid's container element, and thus won't get the event
+        // delegated-handlers for free. attach event-related handlers to the popover.
+        this.bindAllSegHandlersToEl(this.segPopover.el);
+        this.triggerAfterEventSegsRendered(segs);
     };
-    DateComponent.prototype.hitsNotNeeded = function () {
-        if (this.hitsNeededDepth && !(--this.hitsNeededDepth)) {
-            this.releaseHits();
+    // Builds the inner DOM contents of the segment popover
+    DayGrid.prototype.renderSegPopoverContent = function (row, col, segs) {
+        var view = this.view;
+        var theme = view.calendar.theme;
+        var title = this.getCellDate(row, col).format(this.opt('dayPopoverFormat'));
+        var content = $('<div class="fc-header ' + theme.getClass('popoverHeader') + '">' +
+            '<span class="fc-close ' + theme.getIconClass('close') + '"></span>' +
+            '<span class="fc-title">' +
+            util_1.htmlEscape(title) +
+            '</span>' +
+            '<div class="fc-clear"></div>' +
+            '</div>' +
+            '<div class="fc-body ' + theme.getClass('popoverContent') + '">' +
+            '<div class="fc-event-container"></div>' +
+            '</div>');
+        var segContainer = content.find('.fc-event-container');
+        var i;
+        // render each seg's `el` and only return the visible segs
+        segs = this.eventRenderer.renderFgSegEls(segs, true); // disableResizing=true
+        this.popoverSegs = segs;
+        for (i = 0; i < segs.length; i++) {
+            // because segments in the popover are not part of a grid coordinate system, provide a hint to any
+            // grids that want to do drag-n-drop about which cell it came from
+            this.hitsNeeded();
+            segs[i].hit = this.getCellHit(row, col);
+            this.hitsNotNeeded();
+            segContainer.append(segs[i].el);
         }
-        this.callChildren('hitsNotNeeded', arguments);
-    };
-    DateComponent.prototype.prepareHits = function () {
-        // subclasses can implement
-    };
-    DateComponent.prototype.releaseHits = function () {
-        // subclasses can implement
+        return content;
     };
-    // Given coordinates from the topleft of the document, return data about the date-related area underneath.
-    // Can return an object with arbitrary properties (although top/right/left/bottom are encouraged).
-    // Must have a `grid` property, a reference to this current grid. TODO: avoid this
-    // The returned object will be processed by getHitFootprint and getHitEl.
-    DateComponent.prototype.queryHit = function (leftOffset, topOffset) {
-        var childrenByUid = this.childrenByUid;
-        var uid;
-        var hit;
-        for (uid in childrenByUid) {
-            hit = childrenByUid[uid].queryHit(leftOffset, topOffset);
-            if (hit) {
-                break;
+    // Given the events within an array of segment objects, reslice them to be in a single day
+    DayGrid.prototype.resliceDaySegs = function (segs, dayDate) {
+        var dayStart = dayDate.clone();
+        var dayEnd = dayStart.clone().add(1, 'days');
+        var dayRange = new UnzonedRange_1.default(dayStart, dayEnd);
+        var newSegs = [];
+        var i;
+        var seg;
+        var slicedRange;
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            slicedRange = seg.footprint.componentFootprint.unzonedRange.intersect(dayRange);
+            if (slicedRange) {
+                newSegs.push($.extend({}, seg, {
+                    footprint: new EventFootprint_1.default(new ComponentFootprint_1.default(slicedRange, seg.footprint.componentFootprint.isAllDay), seg.footprint.eventDef, seg.footprint.eventInstance),
+                    isStart: seg.isStart && slicedRange.isStart,
+                    isEnd: seg.isEnd && slicedRange.isEnd
+                }));
             }
         }
-        return hit;
+        // force an order because eventsToSegs doesn't guarantee one
+        // TODO: research if still needed
+        this.eventRenderer.sortEventSegs(newSegs);
+        return newSegs;
     };
-    DateComponent.prototype.getSafeHitFootprint = function (hit) {
-        var footprint = this.getHitFootprint(hit);
-        if (!this.dateProfile.activeUnzonedRange.containsRange(footprint.unzonedRange)) {
-            return null;
+    // Generates the text that should be inside a "more" link, given the number of events it represents
+    DayGrid.prototype.getMoreLinkText = function (num) {
+        var opt = this.opt('eventLimitText');
+        if (typeof opt === 'function') {
+            return opt(num);
         }
-        return footprint;
-    };
-    DateComponent.prototype.getHitFootprint = function (hit) {
-        // what about being abstract!?
-    };
-    // Given position-level information about a date-related area within the grid,
-    // should return a jQuery element that best represents it. passed to dayClick callback.
-    DateComponent.prototype.getHitEl = function (hit) {
-        // what about being abstract!?
-    };
-    /* Converting eventRange -> eventFootprint
-    ------------------------------------------------------------------------------------------------------------------*/
-    DateComponent.prototype.eventRangesToEventFootprints = function (eventRanges) {
-        var eventFootprints = [];
-        var i;
-        for (i = 0; i < eventRanges.length; i++) {
-            eventFootprints.push.apply(// append
-            eventFootprints, this.eventRangeToEventFootprints(eventRanges[i]));
+        else {
+            return '+' + num + ' ' + opt;
         }
-        return eventFootprints;
     };
-    DateComponent.prototype.eventRangeToEventFootprints = function (eventRange) {
-        return [util_2.eventRangeToEventFootprint(eventRange)];
-    };
-    /* Converting componentFootprint/eventFootprint -> segs
-    ------------------------------------------------------------------------------------------------------------------*/
-    DateComponent.prototype.eventFootprintsToSegs = function (eventFootprints) {
+    // Returns segments within a given cell.
+    // If `startLevel` is specified, returns only events including and below that level. Otherwise returns all segs.
+    DayGrid.prototype.getCellSegs = function (row, col, startLevel) {
+        var segMatrix = this.eventRenderer.rowStructs[row].segMatrix;
+        var level = startLevel || 0;
         var segs = [];
-        var i;
-        for (i = 0; i < eventFootprints.length; i++) {
-            segs.push.apply(segs, this.eventFootprintToSegs(eventFootprints[i]));
+        var seg;
+        while (level < segMatrix.length) {
+            seg = segMatrix[level][col];
+            if (seg) {
+                segs.push(seg);
+            }
+            level++;
         }
         return segs;
     };
-    // Given an event's span (unzoned start/end and other misc data), and the event itself,
-    // slices into segments and attaches event-derived properties to them.
-    // eventSpan - { start, end, isStart, isEnd, otherthings... }
-    DateComponent.prototype.eventFootprintToSegs = function (eventFootprint) {
-        var unzonedRange = eventFootprint.componentFootprint.unzonedRange;
-        var segs;
-        var i;
-        var seg;
-        segs = this.componentFootprintToSegs(eventFootprint.componentFootprint);
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            if (!unzonedRange.isStart) {
-                seg.isStart = false;
+    return DayGrid;
+}(InteractiveDateComponent_1.default));
+exports.default = DayGrid;
+DayGrid.prototype.eventRendererClass = DayGridEventRenderer_1.default;
+DayGrid.prototype.businessHourRendererClass = BusinessHourRenderer_1.default;
+DayGrid.prototype.helperRendererClass = DayGridHelperRenderer_1.default;
+DayGrid.prototype.fillRendererClass = DayGridFillRenderer_1.default;
+StandardInteractionsMixin_1.default.mixInto(DayGrid);
+DayTableMixin_1.default.mixInto(DayGrid);
+
+
+/***/ }),
+/* 67 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var Scroller_1 = __webpack_require__(41);
+var View_1 = __webpack_require__(43);
+var BasicViewDateProfileGenerator_1 = __webpack_require__(68);
+var DayGrid_1 = __webpack_require__(66);
+/* An abstract class for the "basic" views, as well as month view. Renders one or more rows of day cells.
+----------------------------------------------------------------------------------------------------------------------*/
+// It is a manager for a DayGrid subcomponent, which does most of the heavy lifting.
+// It is responsible for managing width/height.
+var BasicView = /** @class */ (function (_super) {
+    tslib_1.__extends(BasicView, _super);
+    function BasicView(calendar, viewSpec) {
+        var _this = _super.call(this, calendar, viewSpec) || this;
+        _this.dayGrid = _this.instantiateDayGrid();
+        _this.dayGrid.isRigid = _this.hasRigidRows();
+        if (_this.opt('weekNumbers')) {
+            if (_this.opt('weekNumbersWithinDays')) {
+                _this.dayGrid.cellWeekNumbersVisible = true;
+                _this.dayGrid.colWeekNumbersVisible = false;
             }
-            if (!unzonedRange.isEnd) {
-                seg.isEnd = false;
+            else {
+                _this.dayGrid.cellWeekNumbersVisible = false;
+                _this.dayGrid.colWeekNumbersVisible = true;
             }
-            seg.footprint = eventFootprint;
-            // TODO: rename to seg.eventFootprint
         }
-        return segs;
+        _this.addChild(_this.dayGrid);
+        _this.scroller = new Scroller_1.default({
+            overflowX: 'hidden',
+            overflowY: 'auto'
+        });
+        return _this;
+    }
+    // Generates the DayGrid object this view needs. Draws from this.dayGridClass
+    BasicView.prototype.instantiateDayGrid = function () {
+        // generate a subclass on the fly with BasicView-specific behavior
+        // TODO: cache this subclass
+        var subclass = makeDayGridSubclass(this.dayGridClass);
+        return new subclass(this);
     };
-    DateComponent.prototype.componentFootprintToSegs = function (componentFootprint) {
-        return [];
+    BasicView.prototype.executeDateRender = function (dateProfile) {
+        this.dayGrid.breakOnWeeks = /year|month|week/.test(dateProfile.currentRangeUnit);
+        _super.prototype.executeDateRender.call(this, dateProfile);
     };
-    // Utils
-    // ---------------------------------------------------------------------------------------------------------------
-    DateComponent.prototype.callChildren = function (methodName, args) {
-        this.iterChildren(function (child) {
-            child[methodName].apply(child, args);
-        });
+    BasicView.prototype.renderSkeleton = function () {
+        var dayGridContainerEl;
+        var dayGridEl;
+        this.el.addClass('fc-basic-view').html(this.renderSkeletonHtml());
+        this.scroller.render();
+        dayGridContainerEl = this.scroller.el.addClass('fc-day-grid-container');
+        dayGridEl = $('<div class="fc-day-grid">').appendTo(dayGridContainerEl);
+        this.el.find('.fc-body > tr > td').append(dayGridContainerEl);
+        this.dayGrid.headContainerEl = this.el.find('.fc-head-container');
+        this.dayGrid.setElement(dayGridEl);
     };
-    DateComponent.prototype.iterChildren = function (func) {
-        var childrenByUid = this.childrenByUid;
-        var uid;
-        for (uid in childrenByUid) {
-            func(childrenByUid[uid]);
-        }
+    BasicView.prototype.unrenderSkeleton = function () {
+        this.dayGrid.removeElement();
+        this.scroller.destroy();
     };
-    DateComponent.prototype._getCalendar = function () {
-        var t = this;
-        return t.calendar || t.view.calendar;
+    // Builds the HTML skeleton for the view.
+    // The day-grid component will render inside of a container defined by this HTML.
+    BasicView.prototype.renderSkeletonHtml = function () {
+        var theme = this.calendar.theme;
+        return '' +
+            '<table class="' + theme.getClass('tableGrid') + '">' +
+            (this.opt('columnHeader') ?
+                '<thead class="fc-head">' +
+                    '<tr>' +
+                    '<td class="fc-head-container ' + theme.getClass('widgetHeader') + '">&nbsp;</td>' +
+                    '</tr>' +
+                    '</thead>' :
+                '') +
+            '<tbody class="fc-body">' +
+            '<tr>' +
+            '<td class="' + theme.getClass('widgetContent') + '"></td>' +
+            '</tr>' +
+            '</tbody>' +
+            '</table>';
     };
-    DateComponent.prototype._getView = function () {
-        return this.view;
+    // Generates an HTML attribute string for setting the width of the week number column, if it is known
+    BasicView.prototype.weekNumberStyleAttr = function () {
+        if (this.weekNumberWidth != null) {
+            return 'style="width:' + this.weekNumberWidth + 'px"';
+        }
+        return '';
     };
-    DateComponent.prototype._getDateProfile = function () {
-        return this._getView().get('dateProfile');
+    // Determines whether each row should have a constant height
+    BasicView.prototype.hasRigidRows = function () {
+        var eventLimit = this.opt('eventLimit');
+        return eventLimit && typeof eventLimit !== 'number';
     };
-    // Generates HTML for an anchor to another view into the calendar.
-    // Will either generate an <a> tag or a non-clickable <span> tag, depending on enabled settings.
-    // `gotoOptions` can either be a moment input, or an object with the form:
-    // { date, type, forceOff }
-    // `type` is a view-type like "day" or "week". default value is "day".
-    // `attrs` and `innerHtml` are use to generate the rest of the HTML tag.
-    DateComponent.prototype.buildGotoAnchorHtml = function (gotoOptions, attrs, innerHtml) {
-        var date;
-        var type;
-        var forceOff;
-        var finalOptions;
-        if ($.isPlainObject(gotoOptions)) {
-            date = gotoOptions.date;
-            type = gotoOptions.type;
-            forceOff = gotoOptions.forceOff;
+    /* Dimensions
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Refreshes the horizontal dimensions of the view
+    BasicView.prototype.updateSize = function (totalHeight, isAuto, isResize) {
+        var eventLimit = this.opt('eventLimit');
+        var headRowEl = this.dayGrid.headContainerEl.find('.fc-row');
+        var scrollerHeight;
+        var scrollbarWidths;
+        // hack to give the view some height prior to dayGrid's columns being rendered
+        // TODO: separate setting height from scroller VS dayGrid.
+        if (!this.dayGrid.rowEls) {
+            if (!isAuto) {
+                scrollerHeight = this.computeScrollerHeight(totalHeight);
+                this.scroller.setHeight(scrollerHeight);
+            }
+            return;
         }
-        else {
-            date = gotoOptions; // a single moment input
+        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
+        if (this.dayGrid.colWeekNumbersVisible) {
+            // Make sure all week number cells running down the side have the same width.
+            // Record the width for cells created later.
+            this.weekNumberWidth = util_1.matchCellWidths(this.el.find('.fc-week-number'));
         }
-        date = moment_ext_1.default(date); // if a string, parse it
-        finalOptions = {
-            date: date.format('YYYY-MM-DD'),
-            type: type || 'day'
-        };
-        if (typeof attrs === 'string') {
-            innerHtml = attrs;
-            attrs = null;
+        // reset all heights to be natural
+        this.scroller.clear();
+        util_1.uncompensateScroll(headRowEl);
+        this.dayGrid.removeSegPopover(); // kill the "more" popover if displayed
+        // is the event limit a constant level number?
+        if (eventLimit && typeof eventLimit === 'number') {
+            this.dayGrid.limitRows(eventLimit); // limit the levels first so the height can redistribute after
         }
-        attrs = attrs ? ' ' + util_1.attrsToStr(attrs) : ''; // will have a leading space
-        innerHtml = innerHtml || '';
-        if (!forceOff && this.opt('navLinks')) {
-            return '<a' + attrs +
-                ' data-goto="' + util_1.htmlEscape(JSON.stringify(finalOptions)) + '">' +
-                innerHtml +
-                '</a>';
+        // distribute the height to the rows
+        // (totalHeight is a "recommended" value if isAuto)
+        scrollerHeight = this.computeScrollerHeight(totalHeight);
+        this.setGridHeight(scrollerHeight, isAuto);
+        // is the event limit dynamically calculated?
+        if (eventLimit && typeof eventLimit !== 'number') {
+            this.dayGrid.limitRows(eventLimit); // limit the levels after the grid's row heights have been set
         }
-        else {
-            return '<span' + attrs + '>' +
-                innerHtml +
-                '</span>';
+        if (!isAuto) { // should we force dimensions of the scroll container?
+            this.scroller.setHeight(scrollerHeight);
+            scrollbarWidths = this.scroller.getScrollbarWidths();
+            if (scrollbarWidths.left || scrollbarWidths.right) { // using scrollbars?
+                util_1.compensateScroll(headRowEl, scrollbarWidths);
+                // doing the scrollbar compensation might have created text overflow which created more height. redo
+                scrollerHeight = this.computeScrollerHeight(totalHeight);
+                this.scroller.setHeight(scrollerHeight);
+            }
+            // guarantees the same scrollbar widths
+            this.scroller.lockOverflow(scrollbarWidths);
         }
     };
-    DateComponent.prototype.getAllDayHtml = function () {
-        return this.opt('allDayHtml') || util_1.htmlEscape(this.opt('allDayText'));
+    // given a desired total height of the view, returns what the height of the scroller should be
+    BasicView.prototype.computeScrollerHeight = function (totalHeight) {
+        return totalHeight -
+            util_1.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
     };
-    // Computes HTML classNames for a single-day element
-    DateComponent.prototype.getDayClasses = function (date, noThemeHighlight) {
-        var view = this._getView();
-        var classes = [];
-        var today;
-        if (!this.dateProfile.activeUnzonedRange.containsDate(date)) {
-            classes.push('fc-disabled-day'); // TODO: jQuery UI theme?
+    // Sets the height of just the DayGrid component in this view
+    BasicView.prototype.setGridHeight = function (height, isAuto) {
+        if (isAuto) {
+            util_1.undistributeHeight(this.dayGrid.rowEls); // let the rows be their natural height with no expanding
         }
         else {
-            classes.push('fc-' + util_1.dayIDs[date.day()]);
-            if (view.isDateInOtherMonth(date, this.dateProfile)) {
-                classes.push('fc-other-month');
-            }
-            today = view.calendar.getNow();
-            if (date.isSame(today, 'day')) {
-                classes.push('fc-today');
-                if (noThemeHighlight !== true) {
-                    classes.push(view.calendar.theme.getClass('today'));
-                }
-            }
-            else if (date < today) {
-                classes.push('fc-past');
-            }
-            else {
-                classes.push('fc-future');
-            }
+            util_1.distributeHeight(this.dayGrid.rowEls, height, true); // true = compensate for height-hogging rows
         }
-        return classes;
     };
-    // Utility for formatting a range. Accepts a range object, formatting string, and optional separator.
-    // Displays all-day ranges naturally, with an inclusive end. Takes the current isRTL into account.
-    // The timezones of the dates within `range` will be respected.
-    DateComponent.prototype.formatRange = function (range, isAllDay, formatStr, separator) {
-        var end = range.end;
-        if (isAllDay) {
-            end = end.clone().subtract(1); // convert to inclusive. last ms of previous day
-        }
-        return date_formatting_1.formatRange(range.start, end, formatStr, separator, this.isRTL);
+    /* Scroll
+    ------------------------------------------------------------------------------------------------------------------*/
+    BasicView.prototype.computeInitialDateScroll = function () {
+        return { top: 0 };
     };
-    // Compute the number of the give units in the "current" range.
-    // Will return a floating-point number. Won't round.
-    DateComponent.prototype.currentRangeAs = function (unit) {
-        return this._getDateProfile().currentUnzonedRange.as(unit);
+    BasicView.prototype.queryDateScroll = function () {
+        return { top: this.scroller.getScrollTop() };
     };
-    // Returns the date range of the full days the given range visually appears to occupy.
-    // Returns a plain object with start/end, NOT an UnzonedRange!
-    DateComponent.prototype.computeDayRange = function (unzonedRange) {
-        var calendar = this._getCalendar();
-        var startDay = calendar.msToUtcMoment(unzonedRange.startMs, true); // the beginning of the day the range starts
-        var end = calendar.msToUtcMoment(unzonedRange.endMs);
-        var endTimeMS = +end.time(); // # of milliseconds into `endDay`
-        var endDay = end.clone().stripTime(); // the beginning of the day the range exclusively ends
-        // If the end time is actually inclusively part of the next day and is equal to or
-        // beyond the next day threshold, adjust the end to be the exclusive end of `endDay`.
-        // Otherwise, leaving it as inclusive will cause it to exclude `endDay`.
-        if (endTimeMS && endTimeMS >= this.nextDayThreshold) {
-            endDay.add(1, 'days');
-        }
-        // If end is within `startDay` but not past nextDayThreshold, assign the default duration of one day.
-        if (endDay <= startDay) {
-            endDay = startDay.clone().add(1, 'days');
+    BasicView.prototype.applyDateScroll = function (scroll) {
+        if (scroll.top !== undefined) {
+            this.scroller.setScrollTop(scroll.top);
         }
-        return { start: startDay, end: endDay };
-    };
-    // Does the given range visually appear to occupy more than one day?
-    DateComponent.prototype.isMultiDayRange = function (unzonedRange) {
-        var dayRange = this.computeDayRange(unzonedRange);
-        return dayRange.end.diff(dayRange.start, 'days') > 1;
     };
-    DateComponent.guid = 0; // TODO: better system for this?
-    return DateComponent;
-}(Component_1.default));
-exports.default = DateComponent;
-// legacy
-function convertEventsPayloadToLegacyArray(eventsPayload) {
-    var eventDefId;
-    var eventInstances;
-    var legacyEvents = [];
-    var i;
-    for (eventDefId in eventsPayload) {
-        eventInstances = eventsPayload[eventDefId].eventInstances;
-        for (i = 0; i < eventInstances.length; i++) {
-            legacyEvents.push(eventInstances[i].toLegacy());
+    return BasicView;
+}(View_1.default));
+exports.default = BasicView;
+BasicView.prototype.dateProfileGeneratorClass = BasicViewDateProfileGenerator_1.default;
+BasicView.prototype.dayGridClass = DayGrid_1.default;
+// customize the rendering behavior of BasicView's dayGrid
+function makeDayGridSubclass(SuperClass) {
+    return /** @class */ (function (_super) {
+        tslib_1.__extends(SubClass, _super);
+        function SubClass() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.colWeekNumbersVisible = false; // display week numbers along the side?
+            return _this;
         }
-    }
-    return legacyEvents;
+        // Generates the HTML that will go before the day-of week header cells
+        SubClass.prototype.renderHeadIntroHtml = function () {
+            var view = this.view;
+            if (this.colWeekNumbersVisible) {
+                return '' +
+                    '<th class="fc-week-number ' + view.calendar.theme.getClass('widgetHeader') + '" ' + view.weekNumberStyleAttr() + '>' +
+                    '<span>' + // needed for matchCellWidths
+                    util_1.htmlEscape(this.opt('weekNumberTitle')) +
+                    '</span>' +
+                    '</th>';
+            }
+            return '';
+        };
+        // Generates the HTML that will go before content-skeleton cells that display the day/week numbers
+        SubClass.prototype.renderNumberIntroHtml = function (row) {
+            var view = this.view;
+            var weekStart = this.getCellDate(row, 0);
+            if (this.colWeekNumbersVisible) {
+                return '' +
+                    '<td class="fc-week-number" ' + view.weekNumberStyleAttr() + '>' +
+                    view.buildGotoAnchorHtml(// aside from link, important for matchCellWidths
+                    { date: weekStart, type: 'week', forceOff: this.colCnt === 1 }, weekStart.format('w') // inner HTML
+                    ) +
+                    '</td>';
+            }
+            return '';
+        };
+        // Generates the HTML that goes before the day bg cells for each day-row
+        SubClass.prototype.renderBgIntroHtml = function () {
+            var view = this.view;
+            if (this.colWeekNumbersVisible) {
+                return '<td class="fc-week-number ' + view.calendar.theme.getClass('widgetContent') + '" ' +
+                    view.weekNumberStyleAttr() + '></td>';
+            }
+            return '';
+        };
+        // Generates the HTML that goes before every other type of row generated by DayGrid.
+        // Affects helper-skeleton and highlight-skeleton rows.
+        SubClass.prototype.renderIntroHtml = function () {
+            var view = this.view;
+            if (this.colWeekNumbersVisible) {
+                return '<td class="fc-week-number" ' + view.weekNumberStyleAttr() + '></td>';
+            }
+            return '';
+        };
+        SubClass.prototype.getIsNumbersVisible = function () {
+            return DayGrid_1.default.prototype.getIsNumbersVisible.apply(this, arguments) || this.colWeekNumbersVisible;
+        };
+        return SubClass;
+    }(SuperClass));
 }
 
 
 /***/ }),
-/* 220 */
+/* 68 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var UnzonedRange_1 = __webpack_require__(5);
+var DateProfileGenerator_1 = __webpack_require__(55);
+var BasicViewDateProfileGenerator = /** @class */ (function (_super) {
+    tslib_1.__extends(BasicViewDateProfileGenerator, _super);
+    function BasicViewDateProfileGenerator() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // Computes the date range that will be rendered.
+    BasicViewDateProfileGenerator.prototype.buildRenderRange = function (currentUnzonedRange, currentRangeUnit, isRangeAllDay) {
+        var renderUnzonedRange = _super.prototype.buildRenderRange.call(this, currentUnzonedRange, currentRangeUnit, isRangeAllDay); // an UnzonedRange
+        var start = this.msToUtcMoment(renderUnzonedRange.startMs, isRangeAllDay);
+        var end = this.msToUtcMoment(renderUnzonedRange.endMs, isRangeAllDay);
+        // year and month views should be aligned with weeks. this is already done for week
+        if (/^(year|month)$/.test(currentRangeUnit)) {
+            start.startOf('week');
+            // make end-of-week if not already
+            if (end.weekday()) {
+                end.add(1, 'week').startOf('week'); // exclusively move backwards
+            }
+        }
+        return new UnzonedRange_1.default(start, end);
+    };
+    return BasicViewDateProfileGenerator;
+}(DateProfileGenerator_1.default));
+exports.default = BasicViewDateProfileGenerator;
+
+
+/***/ }),
+/* 69 */,
+/* 70 */,
+/* 71 */,
+/* 72 */,
+/* 73 */,
+/* 74 */,
+/* 75 */,
+/* 76 */,
+/* 77 */,
+/* 78 */,
+/* 79 */,
+/* 80 */,
+/* 81 */,
+/* 82 */,
+/* 83 */,
+/* 84 */,
+/* 85 */,
+/* 86 */,
+/* 87 */,
+/* 88 */,
+/* 89 */,
+/* 90 */,
+/* 91 */,
+/* 92 */,
+/* 93 */,
+/* 94 */,
+/* 95 */,
+/* 96 */,
+/* 97 */,
+/* 98 */,
+/* 99 */,
+/* 100 */,
+/* 101 */,
+/* 102 */,
+/* 103 */,
+/* 104 */,
+/* 105 */,
+/* 106 */,
+/* 107 */,
+/* 108 */,
+/* 109 */,
+/* 110 */,
+/* 111 */,
+/* 112 */,
+/* 113 */,
+/* 114 */,
+/* 115 */,
+/* 116 */,
+/* 117 */,
+/* 118 */,
+/* 119 */,
+/* 120 */,
+/* 121 */,
+/* 122 */,
+/* 123 */,
+/* 124 */,
+/* 125 */,
+/* 126 */,
+/* 127 */,
+/* 128 */,
+/* 129 */,
+/* 130 */,
+/* 131 */,
+/* 132 */,
+/* 133 */,
+/* 134 */,
+/* 135 */,
+/* 136 */,
+/* 137 */,
+/* 138 */,
+/* 139 */,
+/* 140 */,
+/* 141 */,
+/* 142 */,
+/* 143 */,
+/* 144 */,
+/* 145 */,
+/* 146 */,
+/* 147 */,
+/* 148 */,
+/* 149 */,
+/* 150 */,
+/* 151 */,
+/* 152 */,
+/* 153 */,
+/* 154 */,
+/* 155 */,
+/* 156 */,
+/* 157 */,
+/* 158 */,
+/* 159 */,
+/* 160 */,
+/* 161 */,
+/* 162 */,
+/* 163 */,
+/* 164 */,
+/* 165 */,
+/* 166 */,
+/* 167 */,
+/* 168 */,
+/* 169 */,
+/* 170 */,
+/* 171 */,
+/* 172 */,
+/* 173 */,
+/* 174 */,
+/* 175 */,
+/* 176 */,
+/* 177 */,
+/* 178 */,
+/* 179 */,
+/* 180 */,
+/* 181 */,
+/* 182 */,
+/* 183 */,
+/* 184 */,
+/* 185 */,
+/* 186 */,
+/* 187 */,
+/* 188 */,
+/* 189 */,
+/* 190 */,
+/* 191 */,
+/* 192 */,
+/* 193 */,
+/* 194 */,
+/* 195 */,
+/* 196 */,
+/* 197 */,
+/* 198 */,
+/* 199 */,
+/* 200 */,
+/* 201 */,
+/* 202 */,
+/* 203 */,
+/* 204 */,
+/* 205 */,
+/* 206 */,
+/* 207 */,
+/* 208 */,
+/* 209 */,
+/* 210 */,
+/* 211 */,
+/* 212 */,
+/* 213 */,
+/* 214 */,
+/* 215 */,
+/* 216 */,
+/* 217 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
-var moment = __webpack_require__(0);
-var util_1 = __webpack_require__(4);
-var options_1 = __webpack_require__(32);
-var Iterator_1 = __webpack_require__(238);
-var GlobalEmitter_1 = __webpack_require__(21);
-var EmitterMixin_1 = __webpack_require__(11);
-var ListenerMixin_1 = __webpack_require__(7);
-var Toolbar_1 = __webpack_require__(239);
-var OptionsManager_1 = __webpack_require__(240);
-var ViewSpecManager_1 = __webpack_require__(241);
-var Constraints_1 = __webpack_require__(207);
-var locale_1 = __webpack_require__(31);
-var moment_ext_1 = __webpack_require__(10);
 var UnzonedRange_1 = __webpack_require__(5);
 var ComponentFootprint_1 = __webpack_require__(12);
-var EventDateProfile_1 = __webpack_require__(17);
-var EventManager_1 = __webpack_require__(242);
-var BusinessHourGenerator_1 = __webpack_require__(212);
-var EventSourceParser_1 = __webpack_require__(38);
-var EventDefParser_1 = __webpack_require__(49);
-var SingleEventDef_1 = __webpack_require__(13);
-var EventDefMutation_1 = __webpack_require__(37);
+var EventDefParser_1 = __webpack_require__(36);
 var EventSource_1 = __webpack_require__(6);
-var ThemeRegistry_1 = __webpack_require__(51);
-var Calendar = /** @class */ (function () {
-    function Calendar(el, overrides) {
-        this.loadingLevel = 0; // number of simultaneous loading tasks
-        this.ignoreUpdateViewSize = 0;
-        this.freezeContentHeightDepth = 0;
-        // declare the current calendar instance relies on GlobalEmitter. needed for garbage collection.
-        // unneeded() is called in destroy.
-        GlobalEmitter_1.default.needed();
-        this.el = el;
-        this.viewsByType = {};
-        this.optionsManager = new OptionsManager_1.default(this, overrides);
-        this.viewSpecManager = new ViewSpecManager_1.default(this.optionsManager, this);
-        this.initMomentInternals(); // needs to happen after options hash initialized
-        this.initCurrentDate();
-        this.initEventManager();
-        this.constraints = new Constraints_1.default(this.eventManager, this);
-        this.constructed();
+var util_1 = __webpack_require__(19);
+var Constraints = /** @class */ (function () {
+    function Constraints(eventManager, _calendar) {
+        this.eventManager = eventManager;
+        this._calendar = _calendar;
     }
-    Calendar.prototype.constructed = function () {
-        // useful for monkeypatching. used?
-    };
-    Calendar.prototype.getView = function () {
-        return this.view;
+    Constraints.prototype.opt = function (name) {
+        return this._calendar.opt(name);
     };
-    Calendar.prototype.publiclyTrigger = function (name, triggerInfo) {
-        var optHandler = this.opt(name);
-        var context;
-        var args;
-        if ($.isPlainObject(triggerInfo)) {
-            context = triggerInfo.context;
-            args = triggerInfo.args;
-        }
-        else if ($.isArray(triggerInfo)) {
-            args = triggerInfo;
-        }
-        if (context == null) {
-            context = this.el[0]; // fallback context
-        }
-        if (!args) {
-            args = [];
+    /*
+    determines if eventInstanceGroup is allowed,
+    in relation to other EVENTS and business hours.
+    */
+    Constraints.prototype.isEventInstanceGroupAllowed = function (eventInstanceGroup) {
+        var eventDef = eventInstanceGroup.getEventDef();
+        var eventFootprints = this.eventRangesToEventFootprints(eventInstanceGroup.getAllEventRanges());
+        var i;
+        var peerEventInstances = this.getPeerEventInstances(eventDef);
+        var peerEventRanges = peerEventInstances.map(util_1.eventInstanceToEventRange);
+        var peerEventFootprints = this.eventRangesToEventFootprints(peerEventRanges);
+        var constraintVal = eventDef.getConstraint();
+        var overlapVal = eventDef.getOverlap();
+        var eventAllowFunc = this.opt('eventAllow');
+        for (i = 0; i < eventFootprints.length; i++) {
+            if (!this.isFootprintAllowed(eventFootprints[i].componentFootprint, peerEventFootprints, constraintVal, overlapVal, eventFootprints[i].eventInstance)) {
+                return false;
+            }
         }
-        this.triggerWith(name, context, args); // Emitter's method
-        if (optHandler) {
-            return optHandler.apply(context, args);
+        if (eventAllowFunc) {
+            for (i = 0; i < eventFootprints.length; i++) {
+                if (eventAllowFunc(eventFootprints[i].componentFootprint.toLegacy(this._calendar), eventFootprints[i].getEventLegacy()) === false) {
+                    return false;
+                }
+            }
         }
+        return true;
     };
-    Calendar.prototype.hasPublicHandlers = function (name) {
-        return this.hasHandlers(name) ||
-            this.opt(name); // handler specified in options
+    Constraints.prototype.getPeerEventInstances = function (eventDef) {
+        return this.eventManager.getEventInstancesWithoutId(eventDef.id);
     };
-    // Options Public API
-    // -----------------------------------------------------------------------------------------------------------------
-    // public getter/setter
-    Calendar.prototype.option = function (name, value) {
-        var newOptionHash;
-        if (typeof name === 'string') {
-            if (value === undefined) {
-                return this.optionsManager.get(name);
+    Constraints.prototype.isSelectionFootprintAllowed = function (componentFootprint) {
+        var peerEventInstances = this.eventManager.getEventInstances();
+        var peerEventRanges = peerEventInstances.map(util_1.eventInstanceToEventRange);
+        var peerEventFootprints = this.eventRangesToEventFootprints(peerEventRanges);
+        var selectAllowFunc;
+        if (this.isFootprintAllowed(componentFootprint, peerEventFootprints, this.opt('selectConstraint'), this.opt('selectOverlap'))) {
+            selectAllowFunc = this.opt('selectAllow');
+            if (selectAllowFunc) {
+                return selectAllowFunc(componentFootprint.toLegacy(this._calendar)) !== false;
             }
             else {
-                newOptionHash = {};
-                newOptionHash[name] = value;
-                this.optionsManager.add(newOptionHash);
+                return true;
             }
         }
-        else if (typeof name === 'object') {
-            this.optionsManager.add(name);
+        return false;
+    };
+    Constraints.prototype.isFootprintAllowed = function (componentFootprint, peerEventFootprints, constraintVal, overlapVal, subjectEventInstance // optional
+    ) {
+        var constraintFootprints; // ComponentFootprint[]
+        var overlapEventFootprints; // EventFootprint[]
+        if (constraintVal != null) {
+            constraintFootprints = this.constraintValToFootprints(constraintVal, componentFootprint.isAllDay);
+            if (!this.isFootprintWithinConstraints(componentFootprint, constraintFootprints)) {
+                return false;
+            }
+        }
+        overlapEventFootprints = this.collectOverlapEventFootprints(peerEventFootprints, componentFootprint);
+        if (overlapVal === false) {
+            if (overlapEventFootprints.length) {
+                return false;
+            }
+        }
+        else if (typeof overlapVal === 'function') {
+            if (!isOverlapsAllowedByFunc(overlapEventFootprints, overlapVal, subjectEventInstance)) {
+                return false;
+            }
+        }
+        if (subjectEventInstance) {
+            if (!isOverlapEventInstancesAllowed(overlapEventFootprints, subjectEventInstance)) {
+                return false;
+            }
         }
+        return true;
     };
-    // private getter
-    Calendar.prototype.opt = function (name) {
-        return this.optionsManager.get(name);
-    };
-    // View
-    // -----------------------------------------------------------------------------------------------------------------
-    // Given a view name for a custom view or a standard view, creates a ready-to-go View object
-    Calendar.prototype.instantiateView = function (viewType) {
-        var spec = this.viewSpecManager.getViewSpec(viewType);
-        if (!spec) {
-            throw new Error("View type \"" + viewType + "\" is not valid");
+    // Constraint
+    // ------------------------------------------------------------------------------------------------
+    Constraints.prototype.isFootprintWithinConstraints = function (componentFootprint, constraintFootprints) {
+        var i;
+        for (i = 0; i < constraintFootprints.length; i++) {
+            if (this.footprintContainsFootprint(constraintFootprints[i], componentFootprint)) {
+                return true;
+            }
         }
-        return new spec['class'](this, spec);
-    };
-    // Returns a boolean about whether the view is okay to instantiate at some point
-    Calendar.prototype.isValidViewType = function (viewType) {
-        return Boolean(this.viewSpecManager.getViewSpec(viewType));
+        return false;
     };
-    Calendar.prototype.changeView = function (viewName, dateOrRange) {
-        if (dateOrRange) {
-            if (dateOrRange.start && dateOrRange.end) {
-                this.optionsManager.recordOverrides({
-                    visibleRange: dateOrRange
-                });
+    Constraints.prototype.constraintValToFootprints = function (constraintVal, isAllDay) {
+        var eventInstances;
+        if (constraintVal === 'businessHours') {
+            return this.buildCurrentBusinessFootprints(isAllDay);
+        }
+        else if (typeof constraintVal === 'object') {
+            eventInstances = this.parseEventDefToInstances(constraintVal); // handles recurring events
+            if (!eventInstances) { // invalid input. fallback to parsing footprint directly
+                return this.parseFootprints(constraintVal);
             }
             else {
-                this.currentDate = this.moment(dateOrRange).stripZone(); // just like gotoDate
+                return this.eventInstancesToFootprints(eventInstances);
             }
         }
-        this.renderView(viewName);
-    };
-    // Forces navigation to a view for the given date.
-    // `viewType` can be a specific view name or a generic one like "week" or "day".
-    Calendar.prototype.zoomTo = function (newDate, viewType) {
-        var spec;
-        viewType = viewType || 'day'; // day is default zoom
-        spec = this.viewSpecManager.getViewSpec(viewType) ||
-            this.viewSpecManager.getUnitViewSpec(viewType);
-        this.currentDate = newDate.clone();
-        this.renderView(spec ? spec.type : null);
+        else if (constraintVal != null) { // an ID
+            eventInstances = this.eventManager.getEventInstancesWithId(constraintVal);
+            return this.eventInstancesToFootprints(eventInstances);
+        }
     };
-    // Current Date
-    // -----------------------------------------------------------------------------------------------------------------
-    Calendar.prototype.initCurrentDate = function () {
-        var defaultDateInput = this.opt('defaultDate');
-        // compute the initial ambig-timezone date
-        if (defaultDateInput != null) {
-            this.currentDate = this.moment(defaultDateInput).stripZone();
+    // returns ComponentFootprint[]
+    // uses current view's range
+    Constraints.prototype.buildCurrentBusinessFootprints = function (isAllDay) {
+        var view = this._calendar.view;
+        var businessHourGenerator = view.get('businessHourGenerator');
+        var unzonedRange = view.dateProfile.activeUnzonedRange;
+        var eventInstanceGroup = businessHourGenerator.buildEventInstanceGroup(isAllDay, unzonedRange);
+        if (eventInstanceGroup) {
+            return this.eventInstancesToFootprints(eventInstanceGroup.eventInstances);
         }
         else {
-            this.currentDate = this.getNow(); // getNow already returns unzoned
+            return [];
         }
     };
-    Calendar.prototype.prev = function () {
-        var view = this.view;
-        var prevInfo = view.dateProfileGenerator.buildPrev(view.get('dateProfile'));
-        if (prevInfo.isValid) {
-            this.currentDate = prevInfo.date;
-            this.renderView();
-        }
+    // conversion util
+    Constraints.prototype.eventInstancesToFootprints = function (eventInstances) {
+        var eventRanges = eventInstances.map(util_1.eventInstanceToEventRange);
+        var eventFootprints = this.eventRangesToEventFootprints(eventRanges);
+        return eventFootprints.map(util_1.eventFootprintToComponentFootprint);
     };
-    Calendar.prototype.next = function () {
-        var view = this.view;
-        var nextInfo = view.dateProfileGenerator.buildNext(view.get('dateProfile'));
-        if (nextInfo.isValid) {
-            this.currentDate = nextInfo.date;
-            this.renderView();
+    // Overlap
+    // ------------------------------------------------------------------------------------------------
+    Constraints.prototype.collectOverlapEventFootprints = function (peerEventFootprints, targetFootprint) {
+        var overlapEventFootprints = [];
+        var i;
+        for (i = 0; i < peerEventFootprints.length; i++) {
+            if (this.footprintsIntersect(targetFootprint, peerEventFootprints[i].componentFootprint)) {
+                overlapEventFootprints.push(peerEventFootprints[i]);
+            }
         }
+        return overlapEventFootprints;
     };
-    Calendar.prototype.prevYear = function () {
-        this.currentDate.add(-1, 'years');
-        this.renderView();
+    // Conversion: eventDefs -> eventInstances -> eventRanges -> eventFootprints -> componentFootprints
+    // ------------------------------------------------------------------------------------------------
+    // NOTE: this might seem like repetitive code with the Grid class, however, this code is related to
+    // constraints whereas the Grid code is related to rendering. Each approach might want to convert
+    // eventRanges -> eventFootprints in a different way. Regardless, there are opportunities to make
+    // this more DRY.
+    /*
+    Returns false on invalid input.
+    */
+    Constraints.prototype.parseEventDefToInstances = function (eventInput) {
+        var eventManager = this.eventManager;
+        var eventDef = EventDefParser_1.default.parse(eventInput, new EventSource_1.default(this._calendar));
+        if (!eventDef) { // invalid
+            return false;
+        }
+        return eventDef.buildInstances(eventManager.currentPeriod.unzonedRange);
     };
-    Calendar.prototype.nextYear = function () {
-        this.currentDate.add(1, 'years');
-        this.renderView();
+    Constraints.prototype.eventRangesToEventFootprints = function (eventRanges) {
+        var i;
+        var eventFootprints = [];
+        for (i = 0; i < eventRanges.length; i++) {
+            eventFootprints.push.apply(// footprints
+            eventFootprints, this.eventRangeToEventFootprints(eventRanges[i]));
+        }
+        return eventFootprints;
     };
-    Calendar.prototype.today = function () {
-        this.currentDate = this.getNow(); // should deny like prev/next?
-        this.renderView();
+    Constraints.prototype.eventRangeToEventFootprints = function (eventRange) {
+        return [util_1.eventRangeToEventFootprint(eventRange)];
     };
-    Calendar.prototype.gotoDate = function (zonedDateInput) {
-        this.currentDate = this.moment(zonedDateInput).stripZone();
-        this.renderView();
+    /*
+    Parses footprints directly.
+    Very similar to EventDateProfile::parse :(
+    */
+    Constraints.prototype.parseFootprints = function (rawInput) {
+        var start;
+        var end;
+        if (rawInput.start) {
+            start = this._calendar.moment(rawInput.start);
+            if (!start.isValid()) {
+                start = null;
+            }
+        }
+        if (rawInput.end) {
+            end = this._calendar.moment(rawInput.end);
+            if (!end.isValid()) {
+                end = null;
+            }
+        }
+        return [
+            new ComponentFootprint_1.default(new UnzonedRange_1.default(start, end), (start && !start.hasTime()) || (end && !end.hasTime()) // isAllDay
+            )
+        ];
     };
-    Calendar.prototype.incrementDate = function (delta) {
-        this.currentDate.add(moment.duration(delta));
-        this.renderView();
+    // Footprint Utils
+    // ----------------------------------------------------------------------------------------
+    Constraints.prototype.footprintContainsFootprint = function (outerFootprint, innerFootprint) {
+        return outerFootprint.unzonedRange.containsRange(innerFootprint.unzonedRange);
     };
-    // for external API
-    Calendar.prototype.getDate = function () {
-        return this.applyTimezone(this.currentDate); // infuse the calendar's timezone
+    Constraints.prototype.footprintsIntersect = function (footprint0, footprint1) {
+        return footprint0.unzonedRange.intersectsWith(footprint1.unzonedRange);
     };
-    // Loading Triggering
-    // -----------------------------------------------------------------------------------------------------------------
-    // Should be called when any type of async data fetching begins
-    Calendar.prototype.pushLoading = function () {
-        if (!(this.loadingLevel++)) {
-            this.publiclyTrigger('loading', [true, this.view]);
+    return Constraints;
+}());
+exports.default = Constraints;
+// optional subjectEventInstance
+function isOverlapsAllowedByFunc(overlapEventFootprints, overlapFunc, subjectEventInstance) {
+    var i;
+    for (i = 0; i < overlapEventFootprints.length; i++) {
+        if (!overlapFunc(overlapEventFootprints[i].eventInstance.toLegacy(), subjectEventInstance ? subjectEventInstance.toLegacy() : null)) {
+            return false;
+        }
+    }
+    return true;
+}
+function isOverlapEventInstancesAllowed(overlapEventFootprints, subjectEventInstance) {
+    var subjectLegacyInstance = subjectEventInstance.toLegacy();
+    var i;
+    var overlapEventInstance;
+    var overlapEventDef;
+    var overlapVal;
+    for (i = 0; i < overlapEventFootprints.length; i++) {
+        overlapEventInstance = overlapEventFootprints[i].eventInstance;
+        overlapEventDef = overlapEventInstance.def;
+        // don't need to pass in calendar, because don't want to consider global eventOverlap property,
+        // because we already considered that earlier in the process.
+        overlapVal = overlapEventDef.getOverlap();
+        if (overlapVal === false) {
+            return false;
+        }
+        else if (typeof overlapVal === 'function') {
+            if (!overlapVal(overlapEventInstance.toLegacy(), subjectLegacyInstance)) {
+                return false;
+            }
+        }
+    }
+    return true;
+}
+
+
+/***/ }),
+/* 218 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(19);
+var EventInstanceGroup_1 = __webpack_require__(20);
+var RecurringEventDef_1 = __webpack_require__(54);
+var EventSource_1 = __webpack_require__(6);
+var BUSINESS_HOUR_EVENT_DEFAULTS = {
+    start: '09:00',
+    end: '17:00',
+    dow: [1, 2, 3, 4, 5],
+    rendering: 'inverse-background'
+    // classNames are defined in businessHoursSegClasses
+};
+var BusinessHourGenerator = /** @class */ (function () {
+    function BusinessHourGenerator(rawComplexDef, calendar) {
+        this.rawComplexDef = rawComplexDef;
+        this.calendar = calendar;
+    }
+    BusinessHourGenerator.prototype.buildEventInstanceGroup = function (isAllDay, unzonedRange) {
+        var eventDefs = this.buildEventDefs(isAllDay);
+        var eventInstanceGroup;
+        if (eventDefs.length) {
+            eventInstanceGroup = new EventInstanceGroup_1.default(util_1.eventDefsToEventInstances(eventDefs, unzonedRange));
+            // so that inverse-background rendering can happen even when no eventRanges in view
+            eventInstanceGroup.explicitEventDef = eventDefs[0];
+            return eventInstanceGroup;
         }
     };
-    // Should be called when any type of async data fetching completes
-    Calendar.prototype.popLoading = function () {
-        if (!(--this.loadingLevel)) {
-            this.publiclyTrigger('loading', [false, this.view]);
+    BusinessHourGenerator.prototype.buildEventDefs = function (isAllDay) {
+        var rawComplexDef = this.rawComplexDef;
+        var rawDefs = [];
+        var requireDow = false;
+        var i;
+        var defs = [];
+        if (rawComplexDef === true) {
+            rawDefs = [{}]; // will get BUSINESS_HOUR_EVENT_DEFAULTS verbatim
         }
-    };
-    // High-level Rendering
-    // -----------------------------------------------------------------------------------
-    Calendar.prototype.render = function () {
-        if (!this.contentEl) {
-            this.initialRender();
+        else if ($.isPlainObject(rawComplexDef)) {
+            rawDefs = [rawComplexDef];
         }
-        else if (this.elementVisible()) {
-            // mainly for the public API
-            this.calcSize();
-            this.updateViewSize();
+        else if ($.isArray(rawComplexDef)) {
+            rawDefs = rawComplexDef;
+            requireDow = true; // every sub-definition NEEDS a day-of-week
         }
-    };
-    Calendar.prototype.initialRender = function () {
-        var _this = this;
-        var el = this.el;
-        el.addClass('fc');
-        // event delegation for nav links
-        el.on('click.fc', 'a[data-goto]', function (ev) {
-            var anchorEl = $(ev.currentTarget);
-            var gotoOptions = anchorEl.data('goto'); // will automatically parse JSON
-            var date = _this.moment(gotoOptions.date);
-            var viewType = gotoOptions.type;
-            // property like "navLinkDayClick". might be a string or a function
-            var customAction = _this.view.opt('navLink' + util_1.capitaliseFirstLetter(viewType) + 'Click');
-            if (typeof customAction === 'function') {
-                customAction(date, ev);
-            }
-            else {
-                if (typeof customAction === 'string') {
-                    viewType = customAction;
-                }
-                _this.zoomTo(date, viewType);
-            }
-        });
-        // called immediately, and upon option change
-        this.optionsManager.watch('settingTheme', ['?theme', '?themeSystem'], function (opts) {
-            var themeClass = ThemeRegistry_1.getThemeSystemClass(opts.themeSystem || opts.theme);
-            var theme = new themeClass(_this.optionsManager);
-            var widgetClass = theme.getClass('widget');
-            _this.theme = theme;
-            if (widgetClass) {
-                el.addClass(widgetClass);
-            }
-        }, function () {
-            var widgetClass = _this.theme.getClass('widget');
-            _this.theme = null;
-            if (widgetClass) {
-                el.removeClass(widgetClass);
-            }
-        });
-        this.optionsManager.watch('settingBusinessHourGenerator', ['?businessHours'], function (deps) {
-            _this.businessHourGenerator = new BusinessHourGenerator_1.default(deps.businessHours, _this);
-            if (_this.view) {
-                _this.view.set('businessHourGenerator', _this.businessHourGenerator);
+        for (i = 0; i < rawDefs.length; i++) {
+            if (!requireDow || rawDefs[i].dow) {
+                defs.push(this.buildEventDef(isAllDay, rawDefs[i]));
             }
-        }, function () {
-            _this.businessHourGenerator = null;
-        });
-        // called immediately, and upon option change.
-        // HACK: locale often affects isRTL, so we explicitly listen to that too.
-        this.optionsManager.watch('applyingDirClasses', ['?isRTL', '?locale'], function (opts) {
-            el.toggleClass('fc-ltr', !opts.isRTL);
-            el.toggleClass('fc-rtl', opts.isRTL);
-        });
-        this.contentEl = $("<div class='fc-view-container'/>").prependTo(el);
-        this.initToolbars();
-        this.renderHeader();
-        this.renderFooter();
-        this.renderView(this.opt('defaultView'));
-        if (this.opt('handleWindowResize')) {
-            $(window).resize(this.windowResizeProxy = util_1.debounce(// prevents rapid calls
-            this.windowResize.bind(this), this.opt('windowResizeDelay')));
         }
+        return defs;
     };
-    Calendar.prototype.destroy = function () {
-        if (this.view) {
-            this.clearView();
-        }
-        this.toolbarsManager.proxyCall('removeElement');
-        this.contentEl.remove();
-        this.el.removeClass('fc fc-ltr fc-rtl');
-        // removes theme-related root className
-        this.optionsManager.unwatch('settingTheme');
-        this.optionsManager.unwatch('settingBusinessHourGenerator');
-        this.el.off('.fc'); // unbind nav link handlers
-        if (this.windowResizeProxy) {
-            $(window).unbind('resize', this.windowResizeProxy);
-            this.windowResizeProxy = null;
+    BusinessHourGenerator.prototype.buildEventDef = function (isAllDay, rawDef) {
+        var fullRawDef = $.extend({}, BUSINESS_HOUR_EVENT_DEFAULTS, rawDef);
+        if (isAllDay) {
+            fullRawDef.start = null;
+            fullRawDef.end = null;
         }
-        GlobalEmitter_1.default.unneeded();
+        return RecurringEventDef_1.default.parse(fullRawDef, new EventSource_1.default(this.calendar) // dummy source
+        );
     };
-    Calendar.prototype.elementVisible = function () {
-        return this.el.is(':visible');
+    return BusinessHourGenerator;
+}());
+exports.default = BusinessHourGenerator;
+
+
+/***/ }),
+/* 219 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var Promise_1 = __webpack_require__(21);
+var EmitterMixin_1 = __webpack_require__(13);
+var UnzonedRange_1 = __webpack_require__(5);
+var EventInstanceGroup_1 = __webpack_require__(20);
+var EventPeriod = /** @class */ (function () {
+    function EventPeriod(start, end, timezone) {
+        this.pendingCnt = 0;
+        this.freezeDepth = 0;
+        this.stuntedReleaseCnt = 0;
+        this.releaseCnt = 0;
+        this.start = start;
+        this.end = end;
+        this.timezone = timezone;
+        this.unzonedRange = new UnzonedRange_1.default(start.clone().stripZone(), end.clone().stripZone());
+        this.requestsByUid = {};
+        this.eventDefsByUid = {};
+        this.eventDefsById = {};
+        this.eventInstanceGroupsById = {};
+    }
+    EventPeriod.prototype.isWithinRange = function (start, end) {
+        // TODO: use a range util function?
+        return !start.isBefore(this.start) && !end.isAfter(this.end);
     };
-    // Render Queue
+    // Requesting and Purging
     // -----------------------------------------------------------------------------------------------------------------
-    Calendar.prototype.bindViewHandlers = function (view) {
+    EventPeriod.prototype.requestSources = function (sources) {
+        this.freeze();
+        for (var i = 0; i < sources.length; i++) {
+            this.requestSource(sources[i]);
+        }
+        this.thaw();
+    };
+    EventPeriod.prototype.requestSource = function (source) {
         var _this = this;
-        view.watch('titleForCalendar', ['title'], function (deps) {
-            if (view === _this.view) {
-                _this.setToolbarsTitle(deps.title);
+        var request = { source: source, status: 'pending', eventDefs: null };
+        this.requestsByUid[source.uid] = request;
+        this.pendingCnt += 1;
+        source.fetch(this.start, this.end, this.timezone).then(function (eventDefs) {
+            if (request.status !== 'cancelled') {
+                request.status = 'completed';
+                request.eventDefs = eventDefs;
+                _this.addEventDefs(eventDefs);
+                _this.pendingCnt--;
+                _this.tryRelease();
             }
-        });
-        view.watch('dateProfileForCalendar', ['dateProfile'], function (deps) {
-            if (view === _this.view) {
-                _this.currentDate = deps.dateProfile.date; // might have been constrained by view dates
-                _this.updateToolbarButtons(deps.dateProfile);
+        }, function () {
+            if (request.status !== 'cancelled') {
+                request.status = 'failed';
+                _this.pendingCnt--;
+                _this.tryRelease();
             }
         });
     };
-    Calendar.prototype.unbindViewHandlers = function (view) {
-        view.unwatch('titleForCalendar');
-        view.unwatch('dateProfileForCalendar');
-    };
-    // View Rendering
-    // -----------------------------------------------------------------------------------
-    // Renders a view because of a date change, view-type change, or for the first time.
-    // If not given a viewType, keep the current view but render different dates.
-    // Accepts an optional scroll state to restore to.
-    Calendar.prototype.renderView = function (viewType) {
-        var oldView = this.view;
-        var newView;
-        this.freezeContentHeight();
-        if (oldView && viewType && oldView.type !== viewType) {
-            this.clearView();
-        }
-        // if viewType changed, or the view was never created, create a fresh view
-        if (!this.view && viewType) {
-            newView = this.view =
-                this.viewsByType[viewType] ||
-                    (this.viewsByType[viewType] = this.instantiateView(viewType));
-            this.bindViewHandlers(newView);
-            newView.startBatchRender(); // so that setElement+setDate rendering are joined
-            newView.setElement($("<div class='fc-view fc-" + viewType + "-view' />").appendTo(this.contentEl));
-            this.toolbarsManager.proxyCall('activateButton', viewType);
-        }
-        if (this.view) {
-            // prevent unnecessary change firing
-            if (this.view.get('businessHourGenerator') !== this.businessHourGenerator) {
-                this.view.set('businessHourGenerator', this.businessHourGenerator);
+    EventPeriod.prototype.purgeSource = function (source) {
+        var request = this.requestsByUid[source.uid];
+        if (request) {
+            delete this.requestsByUid[source.uid];
+            if (request.status === 'pending') {
+                request.status = 'cancelled';
+                this.pendingCnt--;
+                this.tryRelease();
             }
-            this.view.setDate(this.currentDate);
-            if (newView) {
-                newView.stopBatchRender();
+            else if (request.status === 'completed') {
+                request.eventDefs.forEach(this.removeEventDef.bind(this));
             }
         }
-        this.thawContentHeight();
-    };
-    // Unrenders the current view and reflects this change in the Header.
-    // Unregsiters the `view`, but does not remove from viewByType hash.
-    Calendar.prototype.clearView = function () {
-        var currentView = this.view;
-        this.toolbarsManager.proxyCall('deactivateButton', currentView.type);
-        this.unbindViewHandlers(currentView);
-        currentView.removeElement();
-        currentView.unsetDate(); // so bindViewHandlers doesn't fire with old values next time
-        this.view = null;
-    };
-    // Destroys the view, including the view object. Then, re-instantiates it and renders it.
-    // Maintains the same scroll state.
-    // TODO: maintain any other user-manipulated state.
-    Calendar.prototype.reinitView = function () {
-        var oldView = this.view;
-        var scroll = oldView.queryScroll(); // wouldn't be so complicated if Calendar owned the scroll
-        this.freezeContentHeight();
-        this.clearView();
-        this.calcSize();
-        this.renderView(oldView.type); // needs the type to freshly render
-        this.view.applyScroll(scroll);
-        this.thawContentHeight();
-    };
-    // Resizing
-    // -----------------------------------------------------------------------------------
-    Calendar.prototype.getSuggestedViewHeight = function () {
-        if (this.suggestedViewHeight == null) {
-            this.calcSize();
-        }
-        return this.suggestedViewHeight;
-    };
-    Calendar.prototype.isHeightAuto = function () {
-        return this.opt('contentHeight') === 'auto' || this.opt('height') === 'auto';
     };
-    Calendar.prototype.updateViewSize = function (isResize) {
-        if (isResize === void 0) { isResize = false; }
-        var view = this.view;
-        var scroll;
-        if (!this.ignoreUpdateViewSize && view) {
-            if (isResize) {
-                this.calcSize();
-                scroll = view.queryScroll();
+    EventPeriod.prototype.purgeAllSources = function () {
+        var requestsByUid = this.requestsByUid;
+        var uid;
+        var request;
+        var completedCnt = 0;
+        for (uid in requestsByUid) {
+            request = requestsByUid[uid];
+            if (request.status === 'pending') {
+                request.status = 'cancelled';
             }
-            this.ignoreUpdateViewSize++;
-            view.updateSize(this.getSuggestedViewHeight(), this.isHeightAuto(), isResize);
-            this.ignoreUpdateViewSize--;
-            if (isResize) {
-                view.applyScroll(scroll);
+            else if (request.status === 'completed') {
+                completedCnt++;
             }
-            return true; // signal success
         }
-    };
-    Calendar.prototype.calcSize = function () {
-        if (this.elementVisible()) {
-            this._calcSize();
+        this.requestsByUid = {};
+        this.pendingCnt = 0;
+        if (completedCnt) {
+            this.removeAllEventDefs(); // might release
         }
     };
-    Calendar.prototype._calcSize = function () {
-        var contentHeightInput = this.opt('contentHeight');
-        var heightInput = this.opt('height');
-        if (typeof contentHeightInput === 'number') {
-            this.suggestedViewHeight = contentHeightInput;
+    // Event Definitions
+    // -----------------------------------------------------------------------------------------------------------------
+    EventPeriod.prototype.getEventDefByUid = function (eventDefUid) {
+        return this.eventDefsByUid[eventDefUid];
+    };
+    EventPeriod.prototype.getEventDefsById = function (eventDefId) {
+        var a = this.eventDefsById[eventDefId];
+        if (a) {
+            return a.slice(); // clone
         }
-        else if (typeof contentHeightInput === 'function') {
-            this.suggestedViewHeight = contentHeightInput();
+        return [];
+    };
+    EventPeriod.prototype.addEventDefs = function (eventDefs) {
+        for (var i = 0; i < eventDefs.length; i++) {
+            this.addEventDef(eventDefs[i]);
         }
-        else if (typeof heightInput === 'number') {
-            this.suggestedViewHeight = heightInput - this.queryToolbarsHeight();
+    };
+    EventPeriod.prototype.addEventDef = function (eventDef) {
+        var eventDefsById = this.eventDefsById;
+        var eventDefId = eventDef.id;
+        var eventDefs = eventDefsById[eventDefId] || (eventDefsById[eventDefId] = []);
+        var eventInstances = eventDef.buildInstances(this.unzonedRange);
+        var i;
+        eventDefs.push(eventDef);
+        this.eventDefsByUid[eventDef.uid] = eventDef;
+        for (i = 0; i < eventInstances.length; i++) {
+            this.addEventInstance(eventInstances[i], eventDefId);
         }
-        else if (typeof heightInput === 'function') {
-            this.suggestedViewHeight = heightInput() - this.queryToolbarsHeight();
+    };
+    EventPeriod.prototype.removeEventDefsById = function (eventDefId) {
+        var _this = this;
+        this.getEventDefsById(eventDefId).forEach(function (eventDef) {
+            _this.removeEventDef(eventDef);
+        });
+    };
+    EventPeriod.prototype.removeAllEventDefs = function () {
+        var isEmpty = $.isEmptyObject(this.eventDefsByUid);
+        this.eventDefsByUid = {};
+        this.eventDefsById = {};
+        this.eventInstanceGroupsById = {};
+        if (!isEmpty) {
+            this.tryRelease();
         }
-        else if (heightInput === 'parent') {
-            this.suggestedViewHeight = this.el.parent().height() - this.queryToolbarsHeight();
+    };
+    EventPeriod.prototype.removeEventDef = function (eventDef) {
+        var eventDefsById = this.eventDefsById;
+        var eventDefs = eventDefsById[eventDef.id];
+        delete this.eventDefsByUid[eventDef.uid];
+        if (eventDefs) {
+            util_1.removeExact(eventDefs, eventDef);
+            if (!eventDefs.length) {
+                delete eventDefsById[eventDef.id];
+            }
+            this.removeEventInstancesForDef(eventDef);
         }
-        else {
-            this.suggestedViewHeight = Math.round(this.contentEl.width() /
-                Math.max(this.opt('aspectRatio'), .5));
+    };
+    // Event Instances
+    // -----------------------------------------------------------------------------------------------------------------
+    EventPeriod.prototype.getEventInstances = function () {
+        var eventInstanceGroupsById = this.eventInstanceGroupsById;
+        var eventInstances = [];
+        var id;
+        for (id in eventInstanceGroupsById) {
+            eventInstances.push.apply(eventInstances, // append
+            eventInstanceGroupsById[id].eventInstances);
         }
+        return eventInstances;
     };
-    Calendar.prototype.windowResize = function (ev) {
-        if (
-        // the purpose: so we don't process jqui "resize" events that have bubbled up
-        // cast to any because .target, which is Element, can't be compared to window for some reason.
-        ev.target === window &&
-            this.view &&
-            this.view.isDatesRendered) {
-            if (this.updateViewSize(true)) {
-                this.publiclyTrigger('windowResize', [this.view]);
-            }
+    EventPeriod.prototype.getEventInstancesWithId = function (eventDefId) {
+        var eventInstanceGroup = this.eventInstanceGroupsById[eventDefId];
+        if (eventInstanceGroup) {
+            return eventInstanceGroup.eventInstances.slice(); // clone
         }
+        return [];
     };
-    /* Height "Freezing"
-    -----------------------------------------------------------------------------*/
-    Calendar.prototype.freezeContentHeight = function () {
-        if (!(this.freezeContentHeightDepth++)) {
-            this.forceFreezeContentHeight();
+    EventPeriod.prototype.getEventInstancesWithoutId = function (eventDefId) {
+        var eventInstanceGroupsById = this.eventInstanceGroupsById;
+        var matchingInstances = [];
+        var id;
+        for (id in eventInstanceGroupsById) {
+            if (id !== eventDefId) {
+                matchingInstances.push.apply(matchingInstances, // append
+                eventInstanceGroupsById[id].eventInstances);
+            }
         }
+        return matchingInstances;
     };
-    Calendar.prototype.forceFreezeContentHeight = function () {
-        this.contentEl.css({
-            width: '100%',
-            height: this.contentEl.height(),
-            overflow: 'hidden'
-        });
+    EventPeriod.prototype.addEventInstance = function (eventInstance, eventDefId) {
+        var eventInstanceGroupsById = this.eventInstanceGroupsById;
+        var eventInstanceGroup = eventInstanceGroupsById[eventDefId] ||
+            (eventInstanceGroupsById[eventDefId] = new EventInstanceGroup_1.default());
+        eventInstanceGroup.eventInstances.push(eventInstance);
+        this.tryRelease();
     };
-    Calendar.prototype.thawContentHeight = function () {
-        this.freezeContentHeightDepth--;
-        // always bring back to natural height
-        this.contentEl.css({
-            width: '',
-            height: '',
-            overflow: ''
-        });
-        // but if there are future thaws, re-freeze
-        if (this.freezeContentHeightDepth) {
-            this.forceFreezeContentHeight();
+    EventPeriod.prototype.removeEventInstancesForDef = function (eventDef) {
+        var eventInstanceGroupsById = this.eventInstanceGroupsById;
+        var eventInstanceGroup = eventInstanceGroupsById[eventDef.id];
+        var removeCnt;
+        if (eventInstanceGroup) {
+            removeCnt = util_1.removeMatching(eventInstanceGroup.eventInstances, function (currentEventInstance) {
+                return currentEventInstance.def === eventDef;
+            });
+            if (!eventInstanceGroup.eventInstances.length) {
+                delete eventInstanceGroupsById[eventDef.id];
+            }
+            if (removeCnt) {
+                this.tryRelease();
+            }
         }
     };
-    // Toolbar
+    // Releasing and Freezing
     // -----------------------------------------------------------------------------------------------------------------
-    Calendar.prototype.initToolbars = function () {
-        this.header = new Toolbar_1.default(this, this.computeHeaderOptions());
-        this.footer = new Toolbar_1.default(this, this.computeFooterOptions());
-        this.toolbarsManager = new Iterator_1.default([this.header, this.footer]);
-    };
-    Calendar.prototype.computeHeaderOptions = function () {
-        return {
-            extraClasses: 'fc-header-toolbar',
-            layout: this.opt('header')
-        };
+    EventPeriod.prototype.tryRelease = function () {
+        if (!this.pendingCnt) {
+            if (!this.freezeDepth) {
+                this.release();
+            }
+            else {
+                this.stuntedReleaseCnt++;
+            }
+        }
     };
-    Calendar.prototype.computeFooterOptions = function () {
-        return {
-            extraClasses: 'fc-footer-toolbar',
-            layout: this.opt('footer')
-        };
+    EventPeriod.prototype.release = function () {
+        this.releaseCnt++;
+        this.trigger('release', this.eventInstanceGroupsById);
     };
-    // can be called repeatedly and Header will rerender
-    Calendar.prototype.renderHeader = function () {
-        var header = this.header;
-        header.setToolbarOptions(this.computeHeaderOptions());
-        header.render();
-        if (header.el) {
-            this.el.prepend(header.el);
+    EventPeriod.prototype.whenReleased = function () {
+        var _this = this;
+        if (this.releaseCnt) {
+            return Promise_1.default.resolve(this.eventInstanceGroupsById);
         }
-    };
-    // can be called repeatedly and Footer will rerender
-    Calendar.prototype.renderFooter = function () {
-        var footer = this.footer;
-        footer.setToolbarOptions(this.computeFooterOptions());
-        footer.render();
-        if (footer.el) {
-            this.el.append(footer.el);
+        else {
+            return Promise_1.default.construct(function (onResolve) {
+                _this.one('release', onResolve);
+            });
         }
     };
-    Calendar.prototype.setToolbarsTitle = function (title) {
-        this.toolbarsManager.proxyCall('updateTitle', title);
+    EventPeriod.prototype.freeze = function () {
+        if (!(this.freezeDepth++)) {
+            this.stuntedReleaseCnt = 0;
+        }
     };
-    Calendar.prototype.updateToolbarButtons = function (dateProfile) {
-        var now = this.getNow();
-        var view = this.view;
-        var todayInfo = view.dateProfileGenerator.build(now);
-        var prevInfo = view.dateProfileGenerator.buildPrev(view.get('dateProfile'));
-        var nextInfo = view.dateProfileGenerator.buildNext(view.get('dateProfile'));
-        this.toolbarsManager.proxyCall((todayInfo.isValid && !dateProfile.currentUnzonedRange.containsDate(now)) ?
-            'enableButton' :
-            'disableButton', 'today');
-        this.toolbarsManager.proxyCall(prevInfo.isValid ?
-            'enableButton' :
-            'disableButton', 'prev');
-        this.toolbarsManager.proxyCall(nextInfo.isValid ?
-            'enableButton' :
-            'disableButton', 'next');
+    EventPeriod.prototype.thaw = function () {
+        if (!(--this.freezeDepth) && this.stuntedReleaseCnt && !this.pendingCnt) {
+            this.release();
+        }
     };
-    Calendar.prototype.queryToolbarsHeight = function () {
-        return this.toolbarsManager.items.reduce(function (accumulator, toolbar) {
-            var toolbarHeight = toolbar.el ? toolbar.el.outerHeight(true) : 0; // includes margin
-            return accumulator + toolbarHeight;
-        }, 0);
+    return EventPeriod;
+}());
+exports.default = EventPeriod;
+EmitterMixin_1.default.mixInto(EventPeriod);
+
+
+/***/ }),
+/* 220 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var EventPeriod_1 = __webpack_require__(219);
+var ArrayEventSource_1 = __webpack_require__(56);
+var EventSource_1 = __webpack_require__(6);
+var EventSourceParser_1 = __webpack_require__(38);
+var SingleEventDef_1 = __webpack_require__(9);
+var EventInstanceGroup_1 = __webpack_require__(20);
+var EmitterMixin_1 = __webpack_require__(13);
+var ListenerMixin_1 = __webpack_require__(7);
+var EventManager = /** @class */ (function () {
+    function EventManager(calendar) {
+        this.calendar = calendar;
+        this.stickySource = new ArrayEventSource_1.default(calendar);
+        this.otherSources = [];
+    }
+    EventManager.prototype.requestEvents = function (start, end, timezone, force) {
+        if (force ||
+            !this.currentPeriod ||
+            !this.currentPeriod.isWithinRange(start, end) ||
+            timezone !== this.currentPeriod.timezone) {
+            this.setPeriod(// will change this.currentPeriod
+            new EventPeriod_1.default(start, end, timezone));
+        }
+        return this.currentPeriod.whenReleased();
     };
-    // Selection
+    // Source Adding/Removing
     // -----------------------------------------------------------------------------------------------------------------
-    // this public method receives start/end dates in any format, with any timezone
-    Calendar.prototype.select = function (zonedStartInput, zonedEndInput) {
-        this.view.select(this.buildSelectFootprint.apply(this, arguments));
+    EventManager.prototype.addSource = function (eventSource) {
+        this.otherSources.push(eventSource);
+        if (this.currentPeriod) {
+            this.currentPeriod.requestSource(eventSource); // might release
+        }
     };
-    Calendar.prototype.unselect = function () {
-        if (this.view) {
-            this.view.unselect();
+    EventManager.prototype.removeSource = function (doomedSource) {
+        util_1.removeExact(this.otherSources, doomedSource);
+        if (this.currentPeriod) {
+            this.currentPeriod.purgeSource(doomedSource); // might release
         }
     };
-    // Given arguments to the select method in the API, returns a span (unzoned start/end and other info)
-    Calendar.prototype.buildSelectFootprint = function (zonedStartInput, zonedEndInput) {
-        var start = this.moment(zonedStartInput).stripZone();
-        var end;
-        if (zonedEndInput) {
-            end = this.moment(zonedEndInput).stripZone();
+    EventManager.prototype.removeAllSources = function () {
+        this.otherSources = [];
+        if (this.currentPeriod) {
+            this.currentPeriod.purgeAllSources(); // might release
         }
-        else if (start.hasTime()) {
-            end = start.clone().add(this.defaultTimedEventDuration);
+    };
+    // Source Refetching
+    // -----------------------------------------------------------------------------------------------------------------
+    EventManager.prototype.refetchSource = function (eventSource) {
+        var currentPeriod = this.currentPeriod;
+        if (currentPeriod) {
+            currentPeriod.freeze();
+            currentPeriod.purgeSource(eventSource);
+            currentPeriod.requestSource(eventSource);
+            currentPeriod.thaw();
         }
-        else {
-            end = start.clone().add(this.defaultAllDayEventDuration);
+    };
+    EventManager.prototype.refetchAllSources = function () {
+        var currentPeriod = this.currentPeriod;
+        if (currentPeriod) {
+            currentPeriod.freeze();
+            currentPeriod.purgeAllSources();
+            currentPeriod.requestSources(this.getSources());
+            currentPeriod.thaw();
         }
-        return new ComponentFootprint_1.default(new UnzonedRange_1.default(start, end), !start.hasTime());
     };
-    // Date Utils
+    // Source Querying
     // -----------------------------------------------------------------------------------------------------------------
-    Calendar.prototype.initMomentInternals = function () {
-        var _this = this;
-        this.defaultAllDayEventDuration = moment.duration(this.opt('defaultAllDayEventDuration'));
-        this.defaultTimedEventDuration = moment.duration(this.opt('defaultTimedEventDuration'));
-        // Called immediately, and when any of the options change.
-        // Happens before any internal objects rebuild or rerender, because this is very core.
-        this.optionsManager.watch('buildingMomentLocale', [
-            '?locale', '?monthNames', '?monthNamesShort', '?dayNames', '?dayNamesShort',
-            '?firstDay', '?weekNumberCalculation'
-        ], function (opts) {
-            var weekNumberCalculation = opts.weekNumberCalculation;
-            var firstDay = opts.firstDay;
-            var _week;
-            // normalize
-            if (weekNumberCalculation === 'iso') {
-                weekNumberCalculation = 'ISO'; // normalize
-            }
-            var localeData = Object.create(// make a cheap copy
-            locale_1.getMomentLocaleData(opts.locale) // will fall back to en
-            );
-            if (opts.monthNames) {
-                localeData._months = opts.monthNames;
-            }
-            if (opts.monthNamesShort) {
-                localeData._monthsShort = opts.monthNamesShort;
-            }
-            if (opts.dayNames) {
-                localeData._weekdays = opts.dayNames;
-            }
-            if (opts.dayNamesShort) {
-                localeData._weekdaysShort = opts.dayNamesShort;
-            }
-            if (firstDay == null && weekNumberCalculation === 'ISO') {
-                firstDay = 1;
-            }
-            if (firstDay != null) {
-                _week = Object.create(localeData._week); // _week: { dow: # }
-                _week.dow = firstDay;
-                localeData._week = _week;
-            }
-            if (weekNumberCalculation === 'ISO' ||
-                weekNumberCalculation === 'local' ||
-                typeof weekNumberCalculation === 'function') {
-                localeData._fullCalendar_weekCalc = weekNumberCalculation; // moment-ext will know what to do with it
-            }
-            _this.localeData = localeData;
-            // If the internal current date object already exists, move to new locale.
-            // We do NOT need to do this technique for event dates, because this happens when converting to "segments".
-            if (_this.currentDate) {
-                _this.localizeMoment(_this.currentDate); // sets to localeData
-            }
-        });
+    EventManager.prototype.getSources = function () {
+        return [this.stickySource].concat(this.otherSources);
     };
-    // Builds a moment using the settings of the current calendar: timezone and locale.
-    // Accepts anything the vanilla moment() constructor accepts.
-    Calendar.prototype.moment = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var mom;
-        if (this.opt('timezone') === 'local') {
-            mom = moment_ext_1.default.apply(null, args);
-            // Force the moment to be local, because momentExt doesn't guarantee it.
-            if (mom.hasTime()) {
-                mom.local();
-            }
+    // like querySources, but accepts multple match criteria (like multiple IDs)
+    EventManager.prototype.multiQuerySources = function (matchInputs) {
+        // coerce into an array
+        if (!matchInputs) {
+            matchInputs = [];
         }
-        else if (this.opt('timezone') === 'UTC') {
-            mom = moment_ext_1.default.utc.apply(null, args); // process as UTC
+        else if (!$.isArray(matchInputs)) {
+            matchInputs = [matchInputs];
         }
-        else {
-            mom = moment_ext_1.default.parseZone.apply(null, args); // let the input decide the zone
+        var matchingSources = [];
+        var i;
+        // resolve raw inputs to real event source objects
+        for (i = 0; i < matchInputs.length; i++) {
+            matchingSources.push.apply(// append
+            matchingSources, this.querySources(matchInputs[i]));
         }
-        this.localizeMoment(mom); // TODO
-        return mom;
+        return matchingSources;
     };
-    Calendar.prototype.msToMoment = function (ms, forceAllDay) {
-        var mom = moment_ext_1.default.utc(ms); // TODO: optimize by using Date.UTC
-        if (forceAllDay) {
-            mom.stripTime();
+    // matchInput can either by a real event source object, an ID, or the function/URL for the source.
+    // returns an array of matching source objects.
+    EventManager.prototype.querySources = function (matchInput) {
+        var sources = this.otherSources;
+        var i;
+        var source;
+        // given a proper event source object
+        for (i = 0; i < sources.length; i++) {
+            source = sources[i];
+            if (source === matchInput) {
+                return [source];
+            }
         }
-        else {
-            mom = this.applyTimezone(mom); // may or may not apply locale
+        // an ID match
+        source = this.getSourceById(EventSource_1.default.normalizeId(matchInput));
+        if (source) {
+            return [source];
+        }
+        // parse as an event source
+        matchInput = EventSourceParser_1.default.parse(matchInput, this.calendar);
+        if (matchInput) {
+            return $.grep(sources, function (source) {
+                return isSourcesEquivalent(matchInput, source);
+            });
         }
-        this.localizeMoment(mom);
-        return mom;
     };
-    Calendar.prototype.msToUtcMoment = function (ms, forceAllDay) {
-        var mom = moment_ext_1.default.utc(ms); // TODO: optimize by using Date.UTC
-        if (forceAllDay) {
-            mom.stripTime();
+    /*
+    ID assumed to already be normalized
+    */
+    EventManager.prototype.getSourceById = function (id) {
+        return $.grep(this.otherSources, function (source) {
+            return source.id && source.id === id;
+        })[0];
+    };
+    // Event-Period
+    // -----------------------------------------------------------------------------------------------------------------
+    EventManager.prototype.setPeriod = function (eventPeriod) {
+        if (this.currentPeriod) {
+            this.unbindPeriod(this.currentPeriod);
+            this.currentPeriod = null;
         }
-        this.localizeMoment(mom);
-        return mom;
+        this.currentPeriod = eventPeriod;
+        this.bindPeriod(eventPeriod);
+        eventPeriod.requestSources(this.getSources());
     };
-    // Updates the given moment's locale settings to the current calendar locale settings.
-    Calendar.prototype.localizeMoment = function (mom) {
-        mom._locale = this.localeData;
+    EventManager.prototype.bindPeriod = function (eventPeriod) {
+        this.listenTo(eventPeriod, 'release', function (eventsPayload) {
+            this.trigger('release', eventsPayload);
+        });
     };
-    // Returns a boolean about whether or not the calendar knows how to calculate
-    // the timezone offset of arbitrary dates in the current timezone.
-    Calendar.prototype.getIsAmbigTimezone = function () {
-        return this.opt('timezone') !== 'local' && this.opt('timezone') !== 'UTC';
+    EventManager.prototype.unbindPeriod = function (eventPeriod) {
+        this.stopListeningTo(eventPeriod);
     };
-    // Returns a copy of the given date in the current timezone. Has no effect on dates without times.
-    Calendar.prototype.applyTimezone = function (date) {
-        if (!date.hasTime()) {
-            return date.clone();
+    // Event Getting/Adding/Removing
+    // -----------------------------------------------------------------------------------------------------------------
+    EventManager.prototype.getEventDefByUid = function (uid) {
+        if (this.currentPeriod) {
+            return this.currentPeriod.getEventDefByUid(uid);
         }
-        var zonedDate = this.moment(date.toArray());
-        var timeAdjust = date.time().asMilliseconds() - zonedDate.time().asMilliseconds();
-        var adjustedZonedDate;
-        // Safari sometimes has problems with this coersion when near DST. Adjust if necessary. (bug #2396)
-        if (timeAdjust) {
-            adjustedZonedDate = zonedDate.clone().add(timeAdjust); // add milliseconds
-            if (date.time().asMilliseconds() - adjustedZonedDate.time().asMilliseconds() === 0) {
-                zonedDate = adjustedZonedDate;
-            }
+    };
+    EventManager.prototype.addEventDef = function (eventDef, isSticky) {
+        if (isSticky) {
+            this.stickySource.addEventDef(eventDef);
+        }
+        if (this.currentPeriod) {
+            this.currentPeriod.addEventDef(eventDef); // might release
+        }
+    };
+    EventManager.prototype.removeEventDefsById = function (eventId) {
+        this.getSources().forEach(function (eventSource) {
+            eventSource.removeEventDefsById(eventId);
+        });
+        if (this.currentPeriod) {
+            this.currentPeriod.removeEventDefsById(eventId); // might release
+        }
+    };
+    EventManager.prototype.removeAllEventDefs = function () {
+        this.getSources().forEach(function (eventSource) {
+            eventSource.removeAllEventDefs();
+        });
+        if (this.currentPeriod) {
+            this.currentPeriod.removeAllEventDefs();
         }
-        return zonedDate;
     };
+    // Event Mutating
+    // -----------------------------------------------------------------------------------------------------------------
     /*
-    Assumes the footprint is non-open-ended.
+    Returns an undo function.
     */
-    Calendar.prototype.footprintToDateProfile = function (componentFootprint, ignoreEnd) {
-        if (ignoreEnd === void 0) { ignoreEnd = false; }
-        var start = moment_ext_1.default.utc(componentFootprint.unzonedRange.startMs);
-        var end;
-        if (!ignoreEnd) {
-            end = moment_ext_1.default.utc(componentFootprint.unzonedRange.endMs);
-        }
-        if (componentFootprint.isAllDay) {
-            start.stripTime();
-            if (end) {
-                end.stripTime();
-            }
+    EventManager.prototype.mutateEventsWithId = function (eventDefId, eventDefMutation) {
+        var currentPeriod = this.currentPeriod;
+        var eventDefs;
+        var undoFuncs = [];
+        if (currentPeriod) {
+            currentPeriod.freeze();
+            eventDefs = currentPeriod.getEventDefsById(eventDefId);
+            eventDefs.forEach(function (eventDef) {
+                // add/remove esp because id might change
+                currentPeriod.removeEventDef(eventDef);
+                undoFuncs.push(eventDefMutation.mutateSingle(eventDef));
+                currentPeriod.addEventDef(eventDef);
+            });
+            currentPeriod.thaw();
+            return function () {
+                currentPeriod.freeze();
+                for (var i = 0; i < eventDefs.length; i++) {
+                    currentPeriod.removeEventDef(eventDefs[i]);
+                    undoFuncs[i]();
+                    currentPeriod.addEventDef(eventDefs[i]);
+                }
+                currentPeriod.thaw();
+            };
         }
-        else {
-            start = this.applyTimezone(start);
-            if (end) {
-                end = this.applyTimezone(end);
+        return function () { };
+    };
+    /*
+    copies and then mutates
+    */
+    EventManager.prototype.buildMutatedEventInstanceGroup = function (eventDefId, eventDefMutation) {
+        var eventDefs = this.getEventDefsById(eventDefId);
+        var i;
+        var defCopy;
+        var allInstances = [];
+        for (i = 0; i < eventDefs.length; i++) {
+            defCopy = eventDefs[i].clone();
+            if (defCopy instanceof SingleEventDef_1.default) {
+                eventDefMutation.mutateSingle(defCopy);
+                allInstances.push.apply(allInstances, // append
+                defCopy.buildInstances());
             }
         }
-        return new EventDateProfile_1.default(start, end, this);
+        return new EventInstanceGroup_1.default(allInstances);
     };
-    // Returns a moment for the current date, as defined by the client's computer or from the `now` option.
-    // Will return an moment with an ambiguous timezone.
-    Calendar.prototype.getNow = function () {
-        var now = this.opt('now');
-        if (typeof now === 'function') {
-            now = now();
+    // Freezing
+    // -----------------------------------------------------------------------------------------------------------------
+    EventManager.prototype.freeze = function () {
+        if (this.currentPeriod) {
+            this.currentPeriod.freeze();
         }
-        return this.moment(now).stripZone();
-    };
-    // Produces a human-readable string for the given duration.
-    // Side-effect: changes the locale of the given duration.
-    Calendar.prototype.humanizeDuration = function (duration) {
-        return duration.locale(this.opt('locale')).humanize();
     };
-    // will return `null` if invalid range
-    Calendar.prototype.parseUnzonedRange = function (rangeInput) {
-        var start = null;
-        var end = null;
-        if (rangeInput.start) {
-            start = this.moment(rangeInput.start).stripZone();
-        }
-        if (rangeInput.end) {
-            end = this.moment(rangeInput.end).stripZone();
-        }
-        if (!start && !end) {
-            return null;
-        }
-        if (start && end && end.isBefore(start)) {
-            return null;
+    EventManager.prototype.thaw = function () {
+        if (this.currentPeriod) {
+            this.currentPeriod.thaw();
         }
-        return new UnzonedRange_1.default(start, end);
     };
-    // Event-Date Utilities
-    // -----------------------------------------------------------------------------------------------------------------
-    Calendar.prototype.initEventManager = function () {
-        var _this = this;
-        var eventManager = new EventManager_1.default(this);
-        var rawSources = this.opt('eventSources') || [];
-        var singleRawSource = this.opt('events');
-        this.eventManager = eventManager;
-        if (singleRawSource) {
-            rawSources.unshift(singleRawSource);
-        }
-        eventManager.on('release', function (eventsPayload) {
-            _this.trigger('eventsReset', eventsPayload);
-        });
-        eventManager.freeze();
-        rawSources.forEach(function (rawSource) {
-            var source = EventSourceParser_1.default.parse(rawSource, _this);
-            if (source) {
-                eventManager.addSource(source);
-            }
-        });
-        eventManager.thaw();
+    // methods that simply forward to EventPeriod
+    EventManager.prototype.getEventDefsById = function (eventDefId) {
+        return this.currentPeriod.getEventDefsById(eventDefId);
     };
-    Calendar.prototype.requestEvents = function (start, end) {
-        return this.eventManager.requestEvents(start, end, this.opt('timezone'), !this.opt('lazyFetching'));
+    EventManager.prototype.getEventInstances = function () {
+        return this.currentPeriod.getEventInstances();
     };
-    // Get an event's normalized end date. If not present, calculate it from the defaults.
-    Calendar.prototype.getEventEnd = function (event) {
-        if (event.end) {
-            return event.end.clone();
-        }
-        else {
-            return this.getDefaultEventEnd(event.allDay, event.start);
-        }
+    EventManager.prototype.getEventInstancesWithId = function (eventDefId) {
+        return this.currentPeriod.getEventInstancesWithId(eventDefId);
     };
-    // Given an event's allDay status and start date, return what its fallback end date should be.
-    // TODO: rename to computeDefaultEventEnd
-    Calendar.prototype.getDefaultEventEnd = function (allDay, zonedStart) {
-        var end = zonedStart.clone();
-        if (allDay) {
-            end.stripTime().add(this.defaultAllDayEventDuration);
+    EventManager.prototype.getEventInstancesWithoutId = function (eventDefId) {
+        return this.currentPeriod.getEventInstancesWithoutId(eventDefId);
+    };
+    return EventManager;
+}());
+exports.default = EventManager;
+EmitterMixin_1.default.mixInto(EventManager);
+ListenerMixin_1.default.mixInto(EventManager);
+function isSourcesEquivalent(source0, source1) {
+    return source0.getPrimitive() === source1.getPrimitive();
+}
+
+
+/***/ }),
+/* 221 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var Theme_1 = __webpack_require__(22);
+var StandardTheme = /** @class */ (function (_super) {
+    tslib_1.__extends(StandardTheme, _super);
+    function StandardTheme() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return StandardTheme;
+}(Theme_1.default));
+exports.default = StandardTheme;
+StandardTheme.prototype.classes = {
+    widget: 'fc-unthemed',
+    widgetHeader: 'fc-widget-header',
+    widgetContent: 'fc-widget-content',
+    buttonGroup: 'fc-button-group',
+    button: 'fc-button',
+    cornerLeft: 'fc-corner-left',
+    cornerRight: 'fc-corner-right',
+    stateDefault: 'fc-state-default',
+    stateActive: 'fc-state-active',
+    stateDisabled: 'fc-state-disabled',
+    stateHover: 'fc-state-hover',
+    stateDown: 'fc-state-down',
+    popoverHeader: 'fc-widget-header',
+    popoverContent: 'fc-widget-content',
+    // day grid
+    headerRow: 'fc-widget-header',
+    dayRow: 'fc-widget-content',
+    // list view
+    listView: 'fc-widget-content'
+};
+StandardTheme.prototype.baseIconClass = 'fc-icon';
+StandardTheme.prototype.iconClasses = {
+    close: 'fc-icon-x',
+    prev: 'fc-icon-left-single-arrow',
+    next: 'fc-icon-right-single-arrow',
+    prevYear: 'fc-icon-left-double-arrow',
+    nextYear: 'fc-icon-right-double-arrow'
+};
+StandardTheme.prototype.iconOverrideOption = 'buttonIcons';
+StandardTheme.prototype.iconOverrideCustomButtonOption = 'icon';
+StandardTheme.prototype.iconOverridePrefix = 'fc-icon-';
+
+
+/***/ }),
+/* 222 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var Theme_1 = __webpack_require__(22);
+var JqueryUiTheme = /** @class */ (function (_super) {
+    tslib_1.__extends(JqueryUiTheme, _super);
+    function JqueryUiTheme() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return JqueryUiTheme;
+}(Theme_1.default));
+exports.default = JqueryUiTheme;
+JqueryUiTheme.prototype.classes = {
+    widget: 'ui-widget',
+    widgetHeader: 'ui-widget-header',
+    widgetContent: 'ui-widget-content',
+    buttonGroup: 'fc-button-group',
+    button: 'ui-button',
+    cornerLeft: 'ui-corner-left',
+    cornerRight: 'ui-corner-right',
+    stateDefault: 'ui-state-default',
+    stateActive: 'ui-state-active',
+    stateDisabled: 'ui-state-disabled',
+    stateHover: 'ui-state-hover',
+    stateDown: 'ui-state-down',
+    today: 'ui-state-highlight',
+    popoverHeader: 'ui-widget-header',
+    popoverContent: 'ui-widget-content',
+    // day grid
+    headerRow: 'ui-widget-header',
+    dayRow: 'ui-widget-content',
+    // list view
+    listView: 'ui-widget-content'
+};
+JqueryUiTheme.prototype.baseIconClass = 'ui-icon';
+JqueryUiTheme.prototype.iconClasses = {
+    close: 'ui-icon-closethick',
+    prev: 'ui-icon-circle-triangle-w',
+    next: 'ui-icon-circle-triangle-e',
+    prevYear: 'ui-icon-seek-prev',
+    nextYear: 'ui-icon-seek-next'
+};
+JqueryUiTheme.prototype.iconOverrideOption = 'themeButtonIcons';
+JqueryUiTheme.prototype.iconOverrideCustomButtonOption = 'themeIcon';
+JqueryUiTheme.prototype.iconOverridePrefix = 'ui-icon-';
+
+
+/***/ }),
+/* 223 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var Promise_1 = __webpack_require__(21);
+var EventSource_1 = __webpack_require__(6);
+var FuncEventSource = /** @class */ (function (_super) {
+    tslib_1.__extends(FuncEventSource, _super);
+    function FuncEventSource() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FuncEventSource.parse = function (rawInput, calendar) {
+        var rawProps;
+        // normalize raw input
+        if ($.isFunction(rawInput.events)) { // extended form
+            rawProps = rawInput;
         }
-        else {
-            end.add(this.defaultTimedEventDuration);
+        else if ($.isFunction(rawInput)) { // short form
+            rawProps = { events: rawInput };
         }
-        if (this.getIsAmbigTimezone()) {
-            end.stripZone(); // we don't know what the tzo should be
+        if (rawProps) {
+            return EventSource_1.default.parse.call(this, rawProps, calendar);
         }
-        return end;
+        return false;
     };
-    // Public Events API
-    // -----------------------------------------------------------------------------------------------------------------
-    Calendar.prototype.rerenderEvents = function () {
-        this.view.flash('displayingEvents');
+    FuncEventSource.prototype.fetch = function (start, end, timezone) {
+        var _this = this;
+        this.calendar.pushLoading();
+        return Promise_1.default.construct(function (onResolve) {
+            _this.func.call(_this.calendar, start.clone(), end.clone(), timezone, function (rawEventDefs) {
+                _this.calendar.popLoading();
+                onResolve(_this.parseEventDefs(rawEventDefs));
+            });
+        });
     };
-    Calendar.prototype.refetchEvents = function () {
-        this.eventManager.refetchAllSources();
+    FuncEventSource.prototype.getPrimitive = function () {
+        return this.func;
     };
-    Calendar.prototype.renderEvents = function (eventInputs, isSticky) {
-        this.eventManager.freeze();
-        for (var i = 0; i < eventInputs.length; i++) {
-            this.renderEvent(eventInputs[i], isSticky);
-        }
-        this.eventManager.thaw();
+    FuncEventSource.prototype.applyManualStandardProps = function (rawProps) {
+        var superSuccess = _super.prototype.applyManualStandardProps.call(this, rawProps);
+        this.func = rawProps.events;
+        return superSuccess;
     };
-    Calendar.prototype.renderEvent = function (eventInput, isSticky) {
-        if (isSticky === void 0) { isSticky = false; }
-        var eventManager = this.eventManager;
-        var eventDef = EventDefParser_1.default.parse(eventInput, eventInput.source || eventManager.stickySource);
-        if (eventDef) {
-            eventManager.addEventDef(eventDef, isSticky);
+    return FuncEventSource;
+}(EventSource_1.default));
+exports.default = FuncEventSource;
+FuncEventSource.defineStandardProps({
+    events: false // don't automatically transfer
+});
+
+
+/***/ }),
+/* 224 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var Promise_1 = __webpack_require__(21);
+var EventSource_1 = __webpack_require__(6);
+var JsonFeedEventSource = /** @class */ (function (_super) {
+    tslib_1.__extends(JsonFeedEventSource, _super);
+    function JsonFeedEventSource() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    JsonFeedEventSource.parse = function (rawInput, calendar) {
+        var rawProps;
+        // normalize raw input
+        if (typeof rawInput.url === 'string') { // extended form
+            rawProps = rawInput;
         }
-    };
-    // legacyQuery operates on legacy event instance objects
-    Calendar.prototype.removeEvents = function (legacyQuery) {
-        var eventManager = this.eventManager;
-        var legacyInstances = [];
-        var idMap = {};
-        var eventDef;
-        var i;
-        if (legacyQuery == null) {
-            eventManager.removeAllEventDefs(); // persist=true
+        else if (typeof rawInput === 'string') { // short form
+            rawProps = { url: rawInput };
         }
-        else {
-            eventManager.getEventInstances().forEach(function (eventInstance) {
-                legacyInstances.push(eventInstance.toLegacy());
-            });
-            legacyInstances = filterLegacyEventInstances(legacyInstances, legacyQuery);
-            // compute unique IDs
-            for (i = 0; i < legacyInstances.length; i++) {
-                eventDef = this.eventManager.getEventDefByUid(legacyInstances[i]._id);
-                idMap[eventDef.id] = true;
-            }
-            eventManager.freeze();
-            for (i in idMap) {
-                eventManager.removeEventDefsById(i); // persist=true
-            }
-            eventManager.thaw();
+        if (rawProps) {
+            return EventSource_1.default.parse.call(this, rawProps, calendar);
         }
+        return false;
     };
-    // legacyQuery operates on legacy event instance objects
-    Calendar.prototype.clientEvents = function (legacyQuery) {
-        var legacyEventInstances = [];
-        this.eventManager.getEventInstances().forEach(function (eventInstance) {
-            legacyEventInstances.push(eventInstance.toLegacy());
+    JsonFeedEventSource.prototype.fetch = function (start, end, timezone) {
+        var _this = this;
+        var ajaxSettings = this.ajaxSettings;
+        var onSuccess = ajaxSettings.success;
+        var onError = ajaxSettings.error;
+        var requestParams = this.buildRequestParams(start, end, timezone);
+        // todo: eventually handle the promise's then,
+        // don't intercept success/error
+        // tho will be a breaking API change
+        this.calendar.pushLoading();
+        return Promise_1.default.construct(function (onResolve, onReject) {
+            $.ajax($.extend({}, // destination
+            JsonFeedEventSource.AJAX_DEFAULTS, ajaxSettings, {
+                url: _this.url,
+                data: requestParams,
+                success: function (rawEventDefs, status, xhr) {
+                    var callbackRes;
+                    _this.calendar.popLoading();
+                    if (rawEventDefs) {
+                        callbackRes = util_1.applyAll(onSuccess, _this, [rawEventDefs, status, xhr]); // redirect `this`
+                        if ($.isArray(callbackRes)) {
+                            rawEventDefs = callbackRes;
+                        }
+                        onResolve(_this.parseEventDefs(rawEventDefs));
+                    }
+                    else {
+                        onReject();
+                    }
+                },
+                error: function (xhr, statusText, errorThrown) {
+                    _this.calendar.popLoading();
+                    util_1.applyAll(onError, _this, [xhr, statusText, errorThrown]); // redirect `this`
+                    onReject();
+                }
+            }));
         });
-        return filterLegacyEventInstances(legacyEventInstances, legacyQuery);
     };
-    Calendar.prototype.updateEvents = function (eventPropsArray) {
-        this.eventManager.freeze();
-        for (var i = 0; i < eventPropsArray.length; i++) {
-            this.updateEvent(eventPropsArray[i]);
+    JsonFeedEventSource.prototype.buildRequestParams = function (start, end, timezone) {
+        var calendar = this.calendar;
+        var ajaxSettings = this.ajaxSettings;
+        var startParam;
+        var endParam;
+        var timezoneParam;
+        var customRequestParams;
+        var params = {};
+        startParam = this.startParam;
+        if (startParam == null) {
+            startParam = calendar.opt('startParam');
         }
-        this.eventManager.thaw();
-    };
-    Calendar.prototype.updateEvent = function (eventProps) {
-        var eventDef = this.eventManager.getEventDefByUid(eventProps._id);
-        var eventInstance;
-        var eventDefMutation;
-        if (eventDef instanceof SingleEventDef_1.default) {
-            eventInstance = eventDef.buildInstance();
-            eventDefMutation = EventDefMutation_1.default.createFromRawProps(eventInstance, eventProps, // raw props
-            null // largeUnit -- who uses it?
-            );
-            this.eventManager.mutateEventsWithId(eventDef.id, eventDefMutation); // will release
+        endParam = this.endParam;
+        if (endParam == null) {
+            endParam = calendar.opt('endParam');
         }
-    };
-    // Public Event Sources API
-    // ------------------------------------------------------------------------------------
-    Calendar.prototype.getEventSources = function () {
-        return this.eventManager.otherSources.slice(); // clone
-    };
-    Calendar.prototype.getEventSourceById = function (id) {
-        return this.eventManager.getSourceById(EventSource_1.default.normalizeId(id));
-    };
-    Calendar.prototype.addEventSource = function (sourceInput) {
-        var source = EventSourceParser_1.default.parse(sourceInput, this);
-        if (source) {
-            this.eventManager.addSource(source);
+        timezoneParam = this.timezoneParam;
+        if (timezoneParam == null) {
+            timezoneParam = calendar.opt('timezoneParam');
         }
-    };
-    Calendar.prototype.removeEventSources = function (sourceMultiQuery) {
-        var eventManager = this.eventManager;
-        var sources;
-        var i;
-        if (sourceMultiQuery == null) {
-            this.eventManager.removeAllSources();
+        // retrieve any outbound GET/POST $.ajax data from the options
+        if ($.isFunction(ajaxSettings.data)) {
+            // supplied as a function that returns a key/value object
+            customRequestParams = ajaxSettings.data();
         }
         else {
-            sources = eventManager.multiQuerySources(sourceMultiQuery);
-            eventManager.freeze();
-            for (i = 0; i < sources.length; i++) {
-                eventManager.removeSource(sources[i]);
-            }
-            eventManager.thaw();
+            // probably supplied as a straight key/value object
+            customRequestParams = ajaxSettings.data || {};
         }
-    };
-    Calendar.prototype.removeEventSource = function (sourceQuery) {
-        var eventManager = this.eventManager;
-        var sources = eventManager.querySources(sourceQuery);
-        var i;
-        eventManager.freeze();
-        for (i = 0; i < sources.length; i++) {
-            eventManager.removeSource(sources[i]);
+        $.extend(params, customRequestParams);
+        params[startParam] = start.format();
+        params[endParam] = end.format();
+        if (timezone && timezone !== 'local') {
+            params[timezoneParam] = timezone;
         }
-        eventManager.thaw();
+        return params;
     };
-    Calendar.prototype.refetchEventSources = function (sourceMultiQuery) {
-        var eventManager = this.eventManager;
-        var sources = eventManager.multiQuerySources(sourceMultiQuery);
-        var i;
-        eventManager.freeze();
-        for (i = 0; i < sources.length; i++) {
-            eventManager.refetchSource(sources[i]);
+    JsonFeedEventSource.prototype.getPrimitive = function () {
+        return this.url;
+    };
+    JsonFeedEventSource.prototype.applyMiscProps = function (rawProps) {
+        this.ajaxSettings = rawProps;
+    };
+    JsonFeedEventSource.AJAX_DEFAULTS = {
+        dataType: 'json',
+        cache: false
+    };
+    return JsonFeedEventSource;
+}(EventSource_1.default));
+exports.default = JsonFeedEventSource;
+JsonFeedEventSource.defineStandardProps({
+    // automatically transfer (true)...
+    url: true,
+    startParam: true,
+    endParam: true,
+    timezoneParam: true
+});
+
+
+/***/ }),
+/* 225 */
+/***/ (function(module, exports) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var Iterator = /** @class */ (function () {
+    function Iterator(items) {
+        this.items = items || [];
+    }
+    /* Calls a method on every item passing the arguments through */
+    Iterator.prototype.proxyCall = function (methodName) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
         }
-        eventManager.thaw();
+        var results = [];
+        this.items.forEach(function (item) {
+            results.push(item[methodName].apply(item, args));
+        });
+        return results;
     };
-    // not for internal use. use options module directly instead.
-    Calendar.defaults = options_1.globalDefaults;
-    Calendar.englishDefaults = options_1.englishDefaults;
-    Calendar.rtlDefaults = options_1.rtlDefaults;
-    return Calendar;
+    return Iterator;
 }());
-exports.default = Calendar;
-EmitterMixin_1.default.mixInto(Calendar);
-ListenerMixin_1.default.mixInto(Calendar);
-function filterLegacyEventInstances(legacyEventInstances, legacyQuery) {
-    if (legacyQuery == null) {
-        return legacyEventInstances;
-    }
-    else if ($.isFunction(legacyQuery)) {
-        return legacyEventInstances.filter(legacyQuery);
-    }
-    else {
-        legacyQuery += ''; // normalize to string
-        return legacyEventInstances.filter(function (legacyEventInstance) {
-            // soft comparison because id not be normalized to string
-            // tslint:disable-next-line
-            return legacyEventInstance.id == legacyQuery ||
-                legacyEventInstance._id === legacyQuery; // can specify internal id, but must exactly match
-        });
-    }
-}
+exports.default = Iterator;
 
 
 /***/ }),
-/* 221 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var moment = __webpack_require__(0);
+var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var UnzonedRange_1 = __webpack_require__(5);
-var DateProfileGenerator = /** @class */ (function () {
-    function DateProfileGenerator(_view) {
-        this._view = _view;
+var ListenerMixin_1 = __webpack_require__(7);
+/* Creates a clone of an element and lets it track the mouse as it moves
+----------------------------------------------------------------------------------------------------------------------*/
+var MouseFollower = /** @class */ (function () {
+    function MouseFollower(sourceEl, options) {
+        this.isFollowing = false;
+        this.isHidden = false;
+        this.isAnimating = false; // doing the revert animation?
+        this.options = options = options || {};
+        this.sourceEl = sourceEl;
+        this.parentEl = options.parentEl ? $(options.parentEl) : sourceEl.parent(); // default to sourceEl's parent
     }
-    DateProfileGenerator.prototype.opt = function (name) {
-        return this._view.opt(name);
-    };
-    DateProfileGenerator.prototype.trimHiddenDays = function (unzonedRange) {
-        return this._view.trimHiddenDays(unzonedRange);
-    };
-    DateProfileGenerator.prototype.msToUtcMoment = function (ms, forceAllDay) {
-        return this._view.calendar.msToUtcMoment(ms, forceAllDay);
-    };
-    /* Date Range Computation
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Builds a structure with info about what the dates/ranges will be for the "prev" view.
-    DateProfileGenerator.prototype.buildPrev = function (currentDateProfile) {
-        var prevDate = currentDateProfile.date.clone()
-            .startOf(currentDateProfile.currentRangeUnit)
-            .subtract(currentDateProfile.dateIncrement);
-        return this.build(prevDate, -1);
-    };
-    // Builds a structure with info about what the dates/ranges will be for the "next" view.
-    DateProfileGenerator.prototype.buildNext = function (currentDateProfile) {
-        var nextDate = currentDateProfile.date.clone()
-            .startOf(currentDateProfile.currentRangeUnit)
-            .add(currentDateProfile.dateIncrement);
-        return this.build(nextDate, 1);
-    };
-    // Builds a structure holding dates/ranges for rendering around the given date.
-    // Optional direction param indicates whether the date is being incremented/decremented
-    // from its previous value. decremented = -1, incremented = 1 (default).
-    DateProfileGenerator.prototype.build = function (date, direction, forceToValid) {
-        if (forceToValid === void 0) { forceToValid = false; }
-        var isDateAllDay = !date.hasTime();
-        var validUnzonedRange;
-        var minTime = null;
-        var maxTime = null;
-        var currentInfo;
-        var isRangeAllDay;
-        var renderUnzonedRange;
-        var activeUnzonedRange;
-        var isValid;
-        validUnzonedRange = this.buildValidRange();
-        validUnzonedRange = this.trimHiddenDays(validUnzonedRange);
-        if (forceToValid) {
-            date = this.msToUtcMoment(validUnzonedRange.constrainDate(date), // returns MS
-            isDateAllDay);
-        }
-        currentInfo = this.buildCurrentRangeInfo(date, direction);
-        isRangeAllDay = /^(year|month|week|day)$/.test(currentInfo.unit);
-        renderUnzonedRange = this.buildRenderRange(this.trimHiddenDays(currentInfo.unzonedRange), currentInfo.unit, isRangeAllDay);
-        renderUnzonedRange = this.trimHiddenDays(renderUnzonedRange);
-        activeUnzonedRange = renderUnzonedRange.clone();
-        if (!this.opt('showNonCurrentDates')) {
-            activeUnzonedRange = activeUnzonedRange.intersect(currentInfo.unzonedRange);
-        }
-        minTime = moment.duration(this.opt('minTime'));
-        maxTime = moment.duration(this.opt('maxTime'));
-        activeUnzonedRange = this.adjustActiveRange(activeUnzonedRange, minTime, maxTime);
-        activeUnzonedRange = activeUnzonedRange.intersect(validUnzonedRange); // might return null
-        if (activeUnzonedRange) {
-            date = this.msToUtcMoment(activeUnzonedRange.constrainDate(date), // returns MS
-            isDateAllDay);
+    // Causes the element to start following the mouse
+    MouseFollower.prototype.start = function (ev) {
+        if (!this.isFollowing) {
+            this.isFollowing = true;
+            this.y0 = util_1.getEvY(ev);
+            this.x0 = util_1.getEvX(ev);
+            this.topDelta = 0;
+            this.leftDelta = 0;
+            if (!this.isHidden) {
+                this.updatePosition();
+            }
+            if (util_1.getEvIsTouch(ev)) {
+                this.listenTo($(document), 'touchmove', this.handleMove);
+            }
+            else {
+                this.listenTo($(document), 'mousemove', this.handleMove);
+            }
         }
-        // it's invalid if the originally requested date is not contained,
-        // or if the range is completely outside of the valid range.
-        isValid = currentInfo.unzonedRange.intersectsWith(validUnzonedRange);
-        return {
-            // constraint for where prev/next operations can go and where events can be dragged/resized to.
-            // an object with optional start and end properties.
-            validUnzonedRange: validUnzonedRange,
-            // range the view is formally responsible for.
-            // for example, a month view might have 1st-31st, excluding padded dates
-            currentUnzonedRange: currentInfo.unzonedRange,
-            // name of largest unit being displayed, like "month" or "week"
-            currentRangeUnit: currentInfo.unit,
-            isRangeAllDay: isRangeAllDay,
-            // dates that display events and accept drag-n-drop
-            // will be `null` if no dates accept events
-            activeUnzonedRange: activeUnzonedRange,
-            // date range with a rendered skeleton
-            // includes not-active days that need some sort of DOM
-            renderUnzonedRange: renderUnzonedRange,
-            // Duration object that denotes the first visible time of any given day
-            minTime: minTime,
-            // Duration object that denotes the exclusive visible end time of any given day
-            maxTime: maxTime,
-            isValid: isValid,
-            date: date,
-            // how far the current date will move for a prev/next operation
-            dateIncrement: this.buildDateIncrement(currentInfo.duration)
-            // pass a fallback (might be null) ^
-        };
-    };
-    // Builds an object with optional start/end properties.
-    // Indicates the minimum/maximum dates to display.
-    // not responsible for trimming hidden days.
-    DateProfileGenerator.prototype.buildValidRange = function () {
-        return this._view.getUnzonedRangeOption('validRange', this._view.calendar.getNow()) ||
-            new UnzonedRange_1.default(); // completely open-ended
     };
-    // Builds a structure with info about the "current" range, the range that is
-    // highlighted as being the current month for example.
-    // See build() for a description of `direction`.
-    // Guaranteed to have `range` and `unit` properties. `duration` is optional.
-    // TODO: accept a MS-time instead of a moment `date`?
-    DateProfileGenerator.prototype.buildCurrentRangeInfo = function (date, direction) {
-        var viewSpec = this._view.viewSpec;
-        var duration = null;
-        var unit = null;
-        var unzonedRange = null;
-        var dayCount;
-        if (viewSpec.duration) {
-            duration = viewSpec.duration;
-            unit = viewSpec.durationUnit;
-            unzonedRange = this.buildRangeFromDuration(date, direction, duration, unit);
+    // Causes the element to stop following the mouse. If shouldRevert is true, will animate back to original position.
+    // `callback` gets invoked when the animation is complete. If no animation, it is invoked immediately.
+    MouseFollower.prototype.stop = function (shouldRevert, callback) {
+        var _this = this;
+        var revertDuration = this.options.revertDuration;
+        var complete = function () {
+            _this.isAnimating = false;
+            _this.removeElement();
+            _this.top0 = _this.left0 = null; // reset state for future updatePosition calls
+            if (callback) {
+                callback();
+            }
+        };
+        if (this.isFollowing && !this.isAnimating) { // disallow more than one stop animation at a time
+            this.isFollowing = false;
+            this.stopListeningTo($(document));
+            if (shouldRevert && revertDuration && !this.isHidden) { // do a revert animation?
+                this.isAnimating = true;
+                this.el.animate({
+                    top: this.top0,
+                    left: this.left0
+                }, {
+                    duration: revertDuration,
+                    complete: complete
+                });
+            }
+            else {
+                complete();
+            }
         }
-        else if ((dayCount = this.opt('dayCount'))) {
-            unit = 'day';
-            unzonedRange = this.buildRangeFromDayCount(date, direction, dayCount);
+    };
+    // Gets the tracking element. Create it if necessary
+    MouseFollower.prototype.getEl = function () {
+        var el = this.el;
+        if (!el) {
+            el = this.el = this.sourceEl.clone()
+                .addClass(this.options.additionalClass || '')
+                .css({
+                position: 'absolute',
+                visibility: '',
+                display: this.isHidden ? 'none' : '',
+                margin: 0,
+                right: 'auto',
+                bottom: 'auto',
+                width: this.sourceEl.width(),
+                height: this.sourceEl.height(),
+                opacity: this.options.opacity || '',
+                zIndex: this.options.zIndex
+            });
+            // we don't want long taps or any mouse interaction causing selection/menus.
+            // would use preventSelection(), but that prevents selectstart, causing problems.
+            el.addClass('fc-unselectable');
+            el.appendTo(this.parentEl);
         }
-        else if ((unzonedRange = this.buildCustomVisibleRange(date))) {
-            unit = util_1.computeGreatestUnit(unzonedRange.getStart(), unzonedRange.getEnd());
+        return el;
+    };
+    // Removes the tracking element if it has already been created
+    MouseFollower.prototype.removeElement = function () {
+        if (this.el) {
+            this.el.remove();
+            this.el = null;
         }
-        else {
-            duration = this.getFallbackDuration();
-            unit = util_1.computeGreatestUnit(duration);
-            unzonedRange = this.buildRangeFromDuration(date, direction, duration, unit);
+    };
+    // Update the CSS position of the tracking element
+    MouseFollower.prototype.updatePosition = function () {
+        var sourceOffset;
+        var origin;
+        this.getEl(); // ensure this.el
+        // make sure origin info was computed
+        if (this.top0 == null) {
+            sourceOffset = this.sourceEl.offset();
+            origin = this.el.offsetParent().offset();
+            this.top0 = sourceOffset.top - origin.top;
+            this.left0 = sourceOffset.left - origin.left;
         }
-        return { duration: duration, unit: unit, unzonedRange: unzonedRange };
+        this.el.css({
+            top: this.top0 + this.topDelta,
+            left: this.left0 + this.leftDelta
+        });
     };
-    DateProfileGenerator.prototype.getFallbackDuration = function () {
-        return moment.duration({ days: 1 });
+    // Gets called when the user moves the mouse
+    MouseFollower.prototype.handleMove = function (ev) {
+        this.topDelta = util_1.getEvY(ev) - this.y0;
+        this.leftDelta = util_1.getEvX(ev) - this.x0;
+        if (!this.isHidden) {
+            this.updatePosition();
+        }
     };
-    // Returns a new activeUnzonedRange to have time values (un-ambiguate)
-    // minTime or maxTime causes the range to expand.
-    DateProfileGenerator.prototype.adjustActiveRange = function (unzonedRange, minTime, maxTime) {
-        var start = unzonedRange.getStart();
-        var end = unzonedRange.getEnd();
-        if (this._view.usesMinMaxTime) {
-            if (minTime < 0) {
-                start.time(0).add(minTime);
-            }
-            if (maxTime > 24 * 60 * 60 * 1000) {
-                end.time(maxTime - (24 * 60 * 60 * 1000));
+    // Temporarily makes the tracking element invisible. Can be called before following starts
+    MouseFollower.prototype.hide = function () {
+        if (!this.isHidden) {
+            this.isHidden = true;
+            if (this.el) {
+                this.el.hide();
             }
         }
-        return new UnzonedRange_1.default(start, end);
     };
-    // Builds the "current" range when it is specified as an explicit duration.
-    // `unit` is the already-computed computeGreatestUnit value of duration.
-    // TODO: accept a MS-time instead of a moment `date`?
-    DateProfileGenerator.prototype.buildRangeFromDuration = function (date, direction, duration, unit) {
-        var alignment = this.opt('dateAlignment');
-        var dateIncrementInput;
-        var dateIncrementDuration;
-        var start;
-        var end;
-        var res;
-        // compute what the alignment should be
-        if (!alignment) {
-            dateIncrementInput = this.opt('dateIncrement');
-            if (dateIncrementInput) {
-                dateIncrementDuration = moment.duration(dateIncrementInput);
-                // use the smaller of the two units
-                if (dateIncrementDuration < duration) {
-                    alignment = util_1.computeDurationGreatestUnit(dateIncrementDuration, dateIncrementInput);
-                }
-                else {
-                    alignment = unit;
-                }
-            }
-            else {
-                alignment = unit;
-            }
+    // Show the tracking element after it has been temporarily hidden
+    MouseFollower.prototype.show = function () {
+        if (this.isHidden) {
+            this.isHidden = false;
+            this.updatePosition();
+            this.getEl().show();
         }
-        // if the view displays a single day or smaller
-        if (duration.as('days') <= 1) {
-            if (this._view.isHiddenDay(start)) {
-                start = this._view.skipHiddenDays(start, direction);
-                start.startOf('day');
+    };
+    return MouseFollower;
+}());
+exports.default = MouseFollower;
+ListenerMixin_1.default.mixInto(MouseFollower);
+
+
+/***/ }),
+/* 227 */
+/***/ (function(module, exports, __webpack_require__) {
+
+/* A rectangular panel that is absolutely positioned over other content
+------------------------------------------------------------------------------------------------------------------------
+Options:
+  - className (string)
+  - content (HTML string or jQuery element set)
+  - parentEl
+  - top
+  - left
+  - right (the x coord of where the right edge should be. not a "CSS" right)
+  - autoHide (boolean)
+  - show (callback)
+  - hide (callback)
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var ListenerMixin_1 = __webpack_require__(7);
+var Popover = /** @class */ (function () {
+    function Popover(options) {
+        this.isHidden = true;
+        this.margin = 10; // the space required between the popover and the edges of the scroll container
+        this.options = options || {};
+    }
+    // Shows the popover on the specified position. Renders it if not already
+    Popover.prototype.show = function () {
+        if (this.isHidden) {
+            if (!this.el) {
+                this.render();
             }
+            this.el.show();
+            this.position();
+            this.isHidden = false;
+            this.trigger('show');
         }
-        function computeRes() {
-            start = date.clone().startOf(alignment);
-            end = start.clone().add(duration);
-            res = new UnzonedRange_1.default(start, end);
-        }
-        computeRes();
-        // if range is completely enveloped by hidden days, go past the hidden days
-        if (!this.trimHiddenDays(res)) {
-            date = this._view.skipHiddenDays(date, direction);
-            computeRes();
+    };
+    // Hides the popover, through CSS, but does not remove it from the DOM
+    Popover.prototype.hide = function () {
+        if (!this.isHidden) {
+            this.el.hide();
+            this.isHidden = true;
+            this.trigger('hide');
         }
-        return res;
     };
-    // Builds the "current" range when a dayCount is specified.
-    // TODO: accept a MS-time instead of a moment `date`?
-    DateProfileGenerator.prototype.buildRangeFromDayCount = function (date, direction, dayCount) {
-        var customAlignment = this.opt('dateAlignment');
-        var runningCount = 0;
-        var start = date.clone();
-        var end;
-        if (customAlignment) {
-            start.startOf(customAlignment);
+    // Creates `this.el` and renders content inside of it
+    Popover.prototype.render = function () {
+        var _this = this;
+        var options = this.options;
+        this.el = $('<div class="fc-popover">')
+            .addClass(options.className || '')
+            .css({
+            // position initially to the top left to avoid creating scrollbars
+            top: 0,
+            left: 0
+        })
+            .append(options.content)
+            .appendTo(options.parentEl);
+        // when a click happens on anything inside with a 'fc-close' className, hide the popover
+        this.el.on('click', '.fc-close', function () {
+            _this.hide();
+        });
+        if (options.autoHide) {
+            this.listenTo($(document), 'mousedown', this.documentMousedown);
         }
-        start.startOf('day');
-        start = this._view.skipHiddenDays(start, direction);
-        end = start.clone();
-        do {
-            end.add(1, 'day');
-            if (!this._view.isHiddenDay(end)) {
-                runningCount++;
-            }
-        } while (runningCount < dayCount);
-        return new UnzonedRange_1.default(start, end);
     };
-    // Builds a normalized range object for the "visible" range,
-    // which is a way to define the currentUnzonedRange and activeUnzonedRange at the same time.
-    // TODO: accept a MS-time instead of a moment `date`?
-    DateProfileGenerator.prototype.buildCustomVisibleRange = function (date) {
-        var visibleUnzonedRange = this._view.getUnzonedRangeOption('visibleRange', this._view.calendar.applyTimezone(date) // correct zone. also generates new obj that avoids mutations
-        );
-        if (visibleUnzonedRange && (visibleUnzonedRange.startMs == null || visibleUnzonedRange.endMs == null)) {
-            return null;
+    // Triggered when the user clicks *anywhere* in the document, for the autoHide feature
+    Popover.prototype.documentMousedown = function (ev) {
+        // only hide the popover if the click happened outside the popover
+        if (this.el && !$(ev.target).closest(this.el).length) {
+            this.hide();
         }
-        return visibleUnzonedRange;
     };
-    // Computes the range that will represent the element/cells for *rendering*,
-    // but which may have voided days/times.
-    // not responsible for trimming hidden days.
-    DateProfileGenerator.prototype.buildRenderRange = function (currentUnzonedRange, currentRangeUnit, isRangeAllDay) {
-        return currentUnzonedRange.clone();
+    // Hides and unregisters any handlers
+    Popover.prototype.removeElement = function () {
+        this.hide();
+        if (this.el) {
+            this.el.remove();
+            this.el = null;
+        }
+        this.stopListeningTo($(document), 'mousedown');
     };
-    // Compute the duration value that should be added/substracted to the current date
-    // when a prev/next operation happens.
-    DateProfileGenerator.prototype.buildDateIncrement = function (fallback) {
-        var dateIncrementInput = this.opt('dateIncrement');
-        var customAlignment;
-        if (dateIncrementInput) {
-            return moment.duration(dateIncrementInput);
+    // Positions the popover optimally, using the top/left/right options
+    Popover.prototype.position = function () {
+        var options = this.options;
+        var origin = this.el.offsetParent().offset();
+        var width = this.el.outerWidth();
+        var height = this.el.outerHeight();
+        var windowEl = $(window);
+        var viewportEl = util_1.getScrollParent(this.el);
+        var viewportTop;
+        var viewportLeft;
+        var viewportOffset;
+        var top; // the "position" (not "offset") values for the popover
+        var left; //
+        // compute top and left
+        top = options.top || 0;
+        if (options.left !== undefined) {
+            left = options.left;
         }
-        else if ((customAlignment = this.opt('dateAlignment'))) {
-            return moment.duration(1, customAlignment);
+        else if (options.right !== undefined) {
+            left = options.right - width; // derive the left value from the right value
         }
-        else if (fallback) {
-            return fallback;
+        else {
+            left = 0;
+        }
+        if (viewportEl.is(window) || viewportEl.is(document)) { // normalize getScrollParent's result
+            viewportEl = windowEl;
+            viewportTop = 0; // the window is always at the top left
+            viewportLeft = 0; // (and .offset() won't work if called here)
         }
         else {
-            return moment.duration({ days: 1 });
+            viewportOffset = viewportEl.offset();
+            viewportTop = viewportOffset.top;
+            viewportLeft = viewportOffset.left;
+        }
+        // if the window is scrolled, it causes the visible area to be further down
+        viewportTop += windowEl.scrollTop();
+        viewportLeft += windowEl.scrollLeft();
+        // constrain to the view port. if constrained by two edges, give precedence to top/left
+        if (options.viewportConstrain !== false) {
+            top = Math.min(top, viewportTop + viewportEl.outerHeight() - height - this.margin);
+            top = Math.max(top, viewportTop + this.margin);
+            left = Math.min(left, viewportLeft + viewportEl.outerWidth() - width - this.margin);
+            left = Math.max(left, viewportLeft + this.margin);
+        }
+        this.el.css({
+            top: top - origin.top,
+            left: left - origin.left
+        });
+    };
+    // Triggers a callback. Calls a function in the option hash of the same name.
+    // Arguments beyond the first `name` are forwarded on.
+    // TODO: better code reuse for this. Repeat code
+    Popover.prototype.trigger = function (name) {
+        if (this.options[name]) {
+            this.options[name].apply(this, Array.prototype.slice.call(arguments, 1));
         }
     };
-    return DateProfileGenerator;
+    return Popover;
 }());
-exports.default = DateProfileGenerator;
+exports.default = Popover;
+ListenerMixin_1.default.mixInto(Popover);
 
 
 /***/ }),
-/* 222 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var moment = __webpack_require__(0);
-var exportHooks = __webpack_require__(16);
-var util_1 = __webpack_require__(4);
-var moment_ext_1 = __webpack_require__(10);
-var ListenerMixin_1 = __webpack_require__(7);
-var HitDragListener_1 = __webpack_require__(23);
-var SingleEventDef_1 = __webpack_require__(13);
-var EventInstanceGroup_1 = __webpack_require__(18);
-var EventSource_1 = __webpack_require__(6);
-var Interaction_1 = __webpack_require__(15);
-var ExternalDropping = /** @class */ (function (_super) {
-    tslib_1.__extends(ExternalDropping, _super);
-    function ExternalDropping() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.isDragging = false; // jqui-dragging an external element? boolean
-        return _this;
+var EmitterMixin_1 = __webpack_require__(13);
+var TaskQueue = /** @class */ (function () {
+    function TaskQueue() {
+        this.q = [];
+        this.isPaused = false;
+        this.isRunning = false;
     }
-    /*
-    component impements:
-      - eventRangesToEventFootprints
-      - isEventInstanceGroupAllowed
-      - isExternalInstanceGroupAllowed
-      - renderDrag
-      - unrenderDrag
-    */
-    ExternalDropping.prototype.end = function () {
-        if (this.dragListener) {
-            this.dragListener.endInteraction();
+    TaskQueue.prototype.queue = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
         }
+        this.q.push.apply(this.q, args); // append
+        this.tryStart();
     };
-    ExternalDropping.prototype.bindToDocument = function () {
-        this.listenTo($(document), {
-            dragstart: this.handleDragStart,
-            sortstart: this.handleDragStart // jqui
-        });
+    TaskQueue.prototype.pause = function () {
+        this.isPaused = true;
     };
-    ExternalDropping.prototype.unbindFromDocument = function () {
-        this.stopListeningTo($(document));
+    TaskQueue.prototype.resume = function () {
+        this.isPaused = false;
+        this.tryStart();
     };
-    // Called when a jQuery UI drag is initiated anywhere in the DOM
-    ExternalDropping.prototype.handleDragStart = function (ev, ui) {
-        var el;
-        var accept;
-        if (this.opt('droppable')) {
-            el = $((ui ? ui.item : null) || ev.target);
-            // Test that the dragged element passes the dropAccept selector or filter function.
-            // FYI, the default is "*" (matches all)
-            accept = this.opt('dropAccept');
-            if ($.isFunction(accept) ? accept.call(el[0], el) : el.is(accept)) {
-                if (!this.isDragging) {
-                    this.listenToExternalDrag(el, ev, ui);
-                }
-            }
+    TaskQueue.prototype.getIsIdle = function () {
+        return !this.isRunning && !this.isPaused;
+    };
+    TaskQueue.prototype.tryStart = function () {
+        if (!this.isRunning && this.canRunNext()) {
+            this.isRunning = true;
+            this.trigger('start');
+            this.runRemaining();
         }
     };
-    // Called when a jQuery UI drag starts and it needs to be monitored for dropping
-    ExternalDropping.prototype.listenToExternalDrag = function (el, ev, ui) {
+    TaskQueue.prototype.canRunNext = function () {
+        return !this.isPaused && this.q.length;
+    };
+    TaskQueue.prototype.runRemaining = function () {
         var _this = this;
-        var component = this.component;
-        var view = this.view;
-        var meta = getDraggedElMeta(el); // extra data about event drop, including possible event to create
-        var singleEventDef; // a null value signals an unsuccessful drag
-        // listener that tracks mouse movement over date-associated pixel regions
-        var dragListener = this.dragListener = new HitDragListener_1.default(component, {
-            interactionStart: function () {
-                _this.isDragging = true;
-            },
-            hitOver: function (hit) {
-                var isAllowed = true;
-                var hitFootprint = hit.component.getSafeHitFootprint(hit); // hit might not belong to this grid
-                var mutatedEventInstanceGroup;
-                if (hitFootprint) {
-                    singleEventDef = _this.computeExternalDrop(hitFootprint, meta);
-                    if (singleEventDef) {
-                        mutatedEventInstanceGroup = new EventInstanceGroup_1.default(singleEventDef.buildInstances());
-                        isAllowed = meta.eventProps ? // isEvent?
-                            component.isEventInstanceGroupAllowed(mutatedEventInstanceGroup) :
-                            component.isExternalInstanceGroupAllowed(mutatedEventInstanceGroup);
-                    }
-                    else {
-                        isAllowed = false;
+        var task;
+        var res;
+        do {
+            task = this.q.shift(); // always freshly reference q. might have been reassigned.
+            res = this.runTask(task);
+            if (res && res.then) {
+                res.then(function () {
+                    if (_this.canRunNext()) {
+                        _this.runRemaining();
                     }
-                }
-                else {
-                    isAllowed = false;
-                }
-                if (!isAllowed) {
-                    singleEventDef = null;
-                    util_1.disableCursor();
-                }
-                if (singleEventDef) {
-                    component.renderDrag(// called without a seg parameter
-                    component.eventRangesToEventFootprints(mutatedEventInstanceGroup.sliceRenderRanges(component.dateProfile.renderUnzonedRange, view.calendar)));
-                }
-            },
-            hitOut: function () {
-                singleEventDef = null; // signal unsuccessful
-            },
-            hitDone: function () {
-                util_1.enableCursor();
-                component.unrenderDrag();
-            },
-            interactionEnd: function (ev) {
-                if (singleEventDef) {
-                    view.reportExternalDrop(singleEventDef, Boolean(meta.eventProps), // isEvent
-                    Boolean(meta.stick), // isSticky
-                    el, ev, ui);
-                }
-                _this.isDragging = false;
-                _this.dragListener = null;
+                });
+                return; // prevent marking as stopped
             }
-        });
-        dragListener.startDrag(ev); // start listening immediately
+        } while (this.canRunNext());
+        this.trigger('stop'); // not really a 'stop' ... more of a 'drained'
+        this.isRunning = false;
+        // if 'stop' handler added more tasks.... TODO: write test for this
+        this.tryStart();
     };
-    // Given a hit to be dropped upon, and misc data associated with the jqui drag (guaranteed to be a plain object),
-    // returns the zoned start/end dates for the event that would result from the hypothetical drop. end might be null.
-    // Returning a null value signals an invalid drop hit.
-    // DOES NOT consider overlap/constraint.
-    // Assumes both footprints are non-open-ended.
-    ExternalDropping.prototype.computeExternalDrop = function (componentFootprint, meta) {
-        var calendar = this.view.calendar;
-        var start = moment_ext_1.default.utc(componentFootprint.unzonedRange.startMs).stripZone();
-        var end;
-        var eventDef;
-        if (componentFootprint.isAllDay) {
-            // if dropped on an all-day span, and element's metadata specified a time, set it
-            if (meta.startTime) {
-                start.time(meta.startTime);
+    TaskQueue.prototype.runTask = function (task) {
+        return task(); // task *is* the function, but subclasses can change the format of a task
+    };
+    return TaskQueue;
+}());
+exports.default = TaskQueue;
+EmitterMixin_1.default.mixInto(TaskQueue);
+
+
+/***/ }),
+/* 229 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var TaskQueue_1 = __webpack_require__(228);
+var RenderQueue = /** @class */ (function (_super) {
+    tslib_1.__extends(RenderQueue, _super);
+    function RenderQueue(waitsByNamespace) {
+        var _this = _super.call(this) || this;
+        _this.waitsByNamespace = waitsByNamespace || {};
+        return _this;
+    }
+    RenderQueue.prototype.queue = function (taskFunc, namespace, type) {
+        var task = {
+            func: taskFunc,
+            namespace: namespace,
+            type: type
+        };
+        var waitMs;
+        if (namespace) {
+            waitMs = this.waitsByNamespace[namespace];
+        }
+        if (this.waitNamespace) {
+            if (namespace === this.waitNamespace && waitMs != null) {
+                this.delayWait(waitMs);
             }
             else {
-                start.stripTime();
+                this.clearWait();
+                this.tryStart();
             }
         }
-        if (meta.duration) {
-            end = start.clone().add(meta.duration);
+        if (this.compoundTask(task)) { // appended to queue?
+            if (!this.waitNamespace && waitMs != null) {
+                this.startWait(namespace, waitMs);
+            }
+            else {
+                this.tryStart();
+            }
         }
-        start = calendar.applyTimezone(start);
-        if (end) {
-            end = calendar.applyTimezone(end);
+    };
+    RenderQueue.prototype.startWait = function (namespace, waitMs) {
+        this.waitNamespace = namespace;
+        this.spawnWait(waitMs);
+    };
+    RenderQueue.prototype.delayWait = function (waitMs) {
+        clearTimeout(this.waitId);
+        this.spawnWait(waitMs);
+    };
+    RenderQueue.prototype.spawnWait = function (waitMs) {
+        var _this = this;
+        this.waitId = setTimeout(function () {
+            _this.waitNamespace = null;
+            _this.tryStart();
+        }, waitMs);
+    };
+    RenderQueue.prototype.clearWait = function () {
+        if (this.waitNamespace) {
+            clearTimeout(this.waitId);
+            this.waitId = null;
+            this.waitNamespace = null;
+        }
+    };
+    RenderQueue.prototype.canRunNext = function () {
+        if (!_super.prototype.canRunNext.call(this)) {
+            return false;
+        }
+        // waiting for a certain namespace to stop receiving tasks?
+        if (this.waitNamespace) {
+            var q = this.q;
+            // if there was a different namespace task in the meantime,
+            // that forces all previously-waiting tasks to suddenly execute.
+            // TODO: find a way to do this in constant time.
+            for (var i = 0; i < q.length; i++) {
+                if (q[i].namespace !== this.waitNamespace) {
+                    return true; // allow execution
+                }
+            }
+            return false;
         }
-        eventDef = SingleEventDef_1.default.parse($.extend({}, meta.eventProps, {
-            start: start,
-            end: end
-        }), new EventSource_1.default(calendar));
-        return eventDef;
+        return true;
     };
-    return ExternalDropping;
-}(Interaction_1.default));
-exports.default = ExternalDropping;
-ListenerMixin_1.default.mixInto(ExternalDropping);
-/* External-Dragging-Element Data
-----------------------------------------------------------------------------------------------------------------------*/
-// Require all HTML5 data-* attributes used by FullCalendar to have this prefix.
-// A value of '' will query attributes like data-event. A value of 'fc' will query attributes like data-fc-event.
-exportHooks.dataAttrPrefix = '';
-// Given a jQuery element that might represent a dragged FullCalendar event, returns an intermediate data structure
-// to be used for Event Object creation.
-// A defined `.eventProps`, even when empty, indicates that an event should be created.
-function getDraggedElMeta(el) {
-    var prefix = exportHooks.dataAttrPrefix;
-    var eventProps; // properties for creating the event, not related to date/time
-    var startTime; // a Duration
-    var duration;
-    var stick;
-    if (prefix) {
-        prefix += '-';
-    }
-    eventProps = el.data(prefix + 'event') || null;
-    if (eventProps) {
-        if (typeof eventProps === 'object') {
-            eventProps = $.extend({}, eventProps); // make a copy
+    RenderQueue.prototype.runTask = function (task) {
+        task.func();
+    };
+    RenderQueue.prototype.compoundTask = function (newTask) {
+        var q = this.q;
+        var shouldAppend = true;
+        var i;
+        var task;
+        if (newTask.namespace && newTask.type === 'destroy') {
+            // remove all init/add/remove ops with same namespace, regardless of order
+            for (i = q.length - 1; i >= 0; i--) {
+                task = q[i];
+                if (task.namespace === newTask.namespace) {
+                    switch (task.type) {
+                        case 'init':
+                            shouldAppend = false;
+                        // the latest destroy is cancelled out by not doing the init
+                        /* falls through */
+                        case 'add':
+                        /* falls through */
+                        case 'remove':
+                            q.splice(i, 1); // remove task
+                    }
+                }
+            }
         }
-        else {
-            eventProps = {};
+        if (shouldAppend) {
+            q.push(newTask);
         }
-        // pluck special-cased date/time properties
-        startTime = eventProps.start;
-        if (startTime == null) {
-            startTime = eventProps.time;
-        } // accept 'time' as well
-        duration = eventProps.duration;
-        stick = eventProps.stick;
-        delete eventProps.start;
-        delete eventProps.time;
-        delete eventProps.duration;
-        delete eventProps.stick;
-    }
-    // fallback to standalone attribute values for each of the date/time properties
-    if (startTime == null) {
-        startTime = el.data(prefix + 'start');
-    }
-    if (startTime == null) {
-        startTime = el.data(prefix + 'time');
-    } // accept 'time' as well
-    if (duration == null) {
-        duration = el.data(prefix + 'duration');
-    }
-    if (stick == null) {
-        stick = el.data(prefix + 'stick');
+        return shouldAppend;
+    };
+    return RenderQueue;
+}(TaskQueue_1.default));
+exports.default = RenderQueue;
+
+
+/***/ }),
+/* 230 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var Model_1 = __webpack_require__(51);
+var Component = /** @class */ (function (_super) {
+    tslib_1.__extends(Component, _super);
+    function Component() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    // massage into correct data types
-    startTime = startTime != null ? moment.duration(startTime) : null;
-    duration = duration != null ? moment.duration(duration) : null;
-    stick = Boolean(stick);
-    return { eventProps: eventProps, startTime: startTime, duration: duration, stick: stick };
-}
+    Component.prototype.setElement = function (el) {
+        this.el = el;
+        this.bindGlobalHandlers();
+        this.renderSkeleton();
+        this.set('isInDom', true);
+    };
+    Component.prototype.removeElement = function () {
+        this.unset('isInDom');
+        this.unrenderSkeleton();
+        this.unbindGlobalHandlers();
+        this.el.remove();
+        // NOTE: don't null-out this.el in case the View was destroyed within an API callback.
+        // We don't null-out the View's other jQuery element references upon destroy,
+        //  so we shouldn't kill this.el either.
+    };
+    Component.prototype.bindGlobalHandlers = function () {
+        // subclasses can override
+    };
+    Component.prototype.unbindGlobalHandlers = function () {
+        // subclasses can override
+    };
+    /*
+    NOTE: Can't have a `render` method. Read the deprecation notice in View::executeDateRender
+    */
+    // Renders the basic structure of the view before any content is rendered
+    Component.prototype.renderSkeleton = function () {
+        // subclasses should implement
+    };
+    // Unrenders the basic structure of the view
+    Component.prototype.unrenderSkeleton = function () {
+        // subclasses should implement
+    };
+    return Component;
+}(Model_1.default));
+exports.default = Component;
 
 
 /***/ }),
-/* 223 */
+/* 231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
+var moment = __webpack_require__(0);
 var util_1 = __webpack_require__(4);
-var EventDefMutation_1 = __webpack_require__(37);
-var EventDefDateMutation_1 = __webpack_require__(50);
-var HitDragListener_1 = __webpack_require__(23);
-var Interaction_1 = __webpack_require__(15);
-var EventResizing = /** @class */ (function (_super) {
-    tslib_1.__extends(EventResizing, _super);
-    /*
-    component impements:
-      - bindSegHandlerToEl
-      - publiclyTrigger
-      - diffDates
-      - eventRangesToEventFootprints
-      - isEventInstanceGroupAllowed
-      - getSafeHitFootprint
-    */
-    function EventResizing(component, eventPointing) {
-        var _this = _super.call(this, component) || this;
-        _this.isResizing = false;
-        _this.eventPointing = eventPointing;
+var moment_ext_1 = __webpack_require__(11);
+var date_formatting_1 = __webpack_require__(49);
+var Component_1 = __webpack_require__(230);
+var util_2 = __webpack_require__(19);
+var DateComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(DateComponent, _super);
+    function DateComponent(_view, _options) {
+        var _this = _super.call(this) || this;
+        _this.isRTL = false; // frequently accessed options
+        _this.hitsNeededDepth = 0; // necessary because multiple callers might need the same hits
+        _this.hasAllDayBusinessHours = false; // TODO: unify with largeUnit and isTimeScale?
+        _this.isDatesRendered = false;
+        // hack to set options prior to the this.opt calls
+        if (_view) {
+            _this['view'] = _view;
+        }
+        if (_options) {
+            _this['options'] = _options;
+        }
+        _this.uid = String(DateComponent.guid++);
+        _this.childrenByUid = {};
+        _this.nextDayThreshold = moment.duration(_this.opt('nextDayThreshold'));
+        _this.isRTL = _this.opt('isRTL');
+        if (_this.fillRendererClass) {
+            _this.fillRenderer = new _this.fillRendererClass(_this);
+        }
+        if (_this.eventRendererClass) { // fillRenderer is optional -----v
+            _this.eventRenderer = new _this.eventRendererClass(_this, _this.fillRenderer);
+        }
+        if (_this.helperRendererClass && _this.eventRenderer) {
+            _this.helperRenderer = new _this.helperRendererClass(_this, _this.eventRenderer);
+        }
+        if (_this.businessHourRendererClass && _this.fillRenderer) {
+            _this.businessHourRenderer = new _this.businessHourRendererClass(_this, _this.fillRenderer);
+        }
         return _this;
     }
-    EventResizing.prototype.end = function () {
-        if (this.dragListener) {
-            this.dragListener.endInteraction();
+    DateComponent.prototype.addChild = function (child) {
+        if (!this.childrenByUid[child.uid]) {
+            this.childrenByUid[child.uid] = child;
+            return true;
+        }
+        return false;
+    };
+    DateComponent.prototype.removeChild = function (child) {
+        if (this.childrenByUid[child.uid]) {
+            delete this.childrenByUid[child.uid];
+            return true;
+        }
+        return false;
+    };
+    // TODO: only do if isInDom?
+    // TODO: make part of Component, along with children/batch-render system?
+    DateComponent.prototype.updateSize = function (totalHeight, isAuto, isResize) {
+        this.callChildren('updateSize', arguments);
+    };
+    // Options
+    // -----------------------------------------------------------------------------------------------------------------
+    DateComponent.prototype.opt = function (name) {
+        return this._getView().opt(name); // default implementation
+    };
+    DateComponent.prototype.publiclyTrigger = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var calendar = this._getCalendar();
+        return calendar.publiclyTrigger.apply(calendar, args);
+    };
+    DateComponent.prototype.hasPublicHandlers = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var calendar = this._getCalendar();
+        return calendar.hasPublicHandlers.apply(calendar, args);
+    };
+    // Date
+    // -----------------------------------------------------------------------------------------------------------------
+    DateComponent.prototype.executeDateRender = function (dateProfile) {
+        this.dateProfile = dateProfile; // for rendering
+        this.renderDates(dateProfile);
+        this.isDatesRendered = true;
+        this.callChildren('executeDateRender', arguments);
+    };
+    DateComponent.prototype.executeDateUnrender = function () {
+        this.callChildren('executeDateUnrender', arguments);
+        this.dateProfile = null;
+        this.unrenderDates();
+        this.isDatesRendered = false;
+    };
+    // date-cell content only
+    DateComponent.prototype.renderDates = function (dateProfile) {
+        // subclasses should implement
+    };
+    // date-cell content only
+    DateComponent.prototype.unrenderDates = function () {
+        // subclasses should override
+    };
+    // Now-Indicator
+    // -----------------------------------------------------------------------------------------------------------------
+    // Returns a string unit, like 'second' or 'minute' that defined how often the current time indicator
+    // should be refreshed. If something falsy is returned, no time indicator is rendered at all.
+    DateComponent.prototype.getNowIndicatorUnit = function () {
+        // subclasses should implement
+    };
+    // Renders a current time indicator at the given datetime
+    DateComponent.prototype.renderNowIndicator = function (date) {
+        this.callChildren('renderNowIndicator', arguments);
+    };
+    // Undoes the rendering actions from renderNowIndicator
+    DateComponent.prototype.unrenderNowIndicator = function () {
+        this.callChildren('unrenderNowIndicator', arguments);
+    };
+    // Business Hours
+    // ---------------------------------------------------------------------------------------------------------------
+    DateComponent.prototype.renderBusinessHours = function (businessHourGenerator) {
+        if (this.businessHourRenderer) {
+            this.businessHourRenderer.render(businessHourGenerator);
         }
+        this.callChildren('renderBusinessHours', arguments);
     };
-    EventResizing.prototype.bindToEl = function (el) {
-        var component = this.component;
-        component.bindSegHandlerToEl(el, 'mousedown', this.handleMouseDown.bind(this));
-        component.bindSegHandlerToEl(el, 'touchstart', this.handleTouchStart.bind(this));
+    // Unrenders previously-rendered business-hours
+    DateComponent.prototype.unrenderBusinessHours = function () {
+        this.callChildren('unrenderBusinessHours', arguments);
+        if (this.businessHourRenderer) {
+            this.businessHourRenderer.unrender();
+        }
     };
-    EventResizing.prototype.handleMouseDown = function (seg, ev) {
-        if (this.component.canStartResize(seg, ev)) {
-            this.buildDragListener(seg, $(ev.target).is('.fc-start-resizer'))
-                .startInteraction(ev, { distance: 5 });
+    // Event Displaying
+    // -----------------------------------------------------------------------------------------------------------------
+    DateComponent.prototype.executeEventRender = function (eventsPayload) {
+        if (this.eventRenderer) {
+            this.eventRenderer.rangeUpdated(); // poorly named now
+            this.eventRenderer.render(eventsPayload);
+        }
+        else if (this['renderEvents']) { // legacy
+            this['renderEvents'](convertEventsPayloadToLegacyArray(eventsPayload));
         }
+        this.callChildren('executeEventRender', arguments);
     };
-    EventResizing.prototype.handleTouchStart = function (seg, ev) {
-        if (this.component.canStartResize(seg, ev)) {
-            this.buildDragListener(seg, $(ev.target).is('.fc-start-resizer'))
-                .startInteraction(ev);
+    DateComponent.prototype.executeEventUnrender = function () {
+        this.callChildren('executeEventUnrender', arguments);
+        if (this.eventRenderer) {
+            this.eventRenderer.unrender();
+        }
+        else if (this['destroyEvents']) { // legacy
+            this['destroyEvents']();
         }
     };
-    // Creates a listener that tracks the user as they resize an event segment.
-    // Generic enough to work with any type of Grid.
-    EventResizing.prototype.buildDragListener = function (seg, isStart) {
+    DateComponent.prototype.getBusinessHourSegs = function () {
+        var segs = this.getOwnBusinessHourSegs();
+        this.iterChildren(function (child) {
+            segs.push.apply(segs, child.getBusinessHourSegs());
+        });
+        return segs;
+    };
+    DateComponent.prototype.getOwnBusinessHourSegs = function () {
+        if (this.businessHourRenderer) {
+            return this.businessHourRenderer.getSegs();
+        }
+        return [];
+    };
+    DateComponent.prototype.getEventSegs = function () {
+        var segs = this.getOwnEventSegs();
+        this.iterChildren(function (child) {
+            segs.push.apply(segs, child.getEventSegs());
+        });
+        return segs;
+    };
+    DateComponent.prototype.getOwnEventSegs = function () {
+        if (this.eventRenderer) {
+            return this.eventRenderer.getSegs();
+        }
+        return [];
+    };
+    // Event Rendering Triggering
+    // -----------------------------------------------------------------------------------------------------------------
+    DateComponent.prototype.triggerAfterEventsRendered = function () {
+        this.triggerAfterEventSegsRendered(this.getEventSegs());
+        this.publiclyTrigger('eventAfterAllRender', {
+            context: this,
+            args: [this]
+        });
+    };
+    DateComponent.prototype.triggerAfterEventSegsRendered = function (segs) {
         var _this = this;
-        var component = this.component;
-        var view = this.view;
-        var calendar = view.calendar;
-        var eventManager = calendar.eventManager;
-        var el = seg.el;
-        var eventDef = seg.footprint.eventDef;
-        var eventInstance = seg.footprint.eventInstance;
-        var isDragging;
-        var resizeMutation; // zoned event date properties. falsy if invalid resize
-        // Tracks mouse movement over the *grid's* coordinate map
-        var dragListener = this.dragListener = new HitDragListener_1.default(component, {
-            scroll: this.opt('dragScroll'),
-            subjectEl: el,
-            interactionStart: function () {
-                isDragging = false;
-            },
-            dragStart: function (ev) {
-                isDragging = true;
-                // ensure a mouseout on the manipulated event has been reported
-                _this.eventPointing.handleMouseout(seg, ev);
-                _this.segResizeStart(seg, ev);
-            },
-            hitOver: function (hit, isOrig, origHit) {
-                var isAllowed = true;
-                var origHitFootprint = component.getSafeHitFootprint(origHit);
-                var hitFootprint = component.getSafeHitFootprint(hit);
-                var mutatedEventInstanceGroup;
-                if (origHitFootprint && hitFootprint) {
-                    resizeMutation = isStart ?
-                        _this.computeEventStartResizeMutation(origHitFootprint, hitFootprint, seg.footprint) :
-                        _this.computeEventEndResizeMutation(origHitFootprint, hitFootprint, seg.footprint);
-                    if (resizeMutation) {
-                        mutatedEventInstanceGroup = eventManager.buildMutatedEventInstanceGroup(eventDef.id, resizeMutation);
-                        isAllowed = component.isEventInstanceGroupAllowed(mutatedEventInstanceGroup);
-                    }
-                    else {
-                        isAllowed = false;
-                    }
-                }
-                else {
-                    isAllowed = false;
-                }
-                if (!isAllowed) {
-                    resizeMutation = null;
-                    util_1.disableCursor();
-                }
-                else if (resizeMutation.isEmpty()) {
-                    // no change. (FYI, event dates might have zones)
-                    resizeMutation = null;
-                }
-                if (resizeMutation) {
-                    view.hideEventsWithId(seg.footprint.eventDef.id);
-                    view.renderEventResize(component.eventRangesToEventFootprints(mutatedEventInstanceGroup.sliceRenderRanges(component.dateProfile.renderUnzonedRange, calendar)), seg);
+        // an optimization, because getEventLegacy is expensive
+        if (this.hasPublicHandlers('eventAfterRender')) {
+            segs.forEach(function (seg) {
+                var legacy;
+                if (seg.el) { // necessary?
+                    legacy = seg.footprint.getEventLegacy();
+                    _this.publiclyTrigger('eventAfterRender', {
+                        context: legacy,
+                        args: [legacy, seg.el, _this]
+                    });
                 }
-            },
-            hitOut: function () {
-                resizeMutation = null;
-            },
-            hitDone: function () {
-                view.unrenderEventResize(seg);
-                view.showEventsWithId(seg.footprint.eventDef.id);
-                util_1.enableCursor();
-            },
-            interactionEnd: function (ev) {
-                if (isDragging) {
-                    _this.segResizeStop(seg, ev);
+            });
+        }
+    };
+    DateComponent.prototype.triggerBeforeEventsDestroyed = function () {
+        this.triggerBeforeEventSegsDestroyed(this.getEventSegs());
+    };
+    DateComponent.prototype.triggerBeforeEventSegsDestroyed = function (segs) {
+        var _this = this;
+        if (this.hasPublicHandlers('eventDestroy')) {
+            segs.forEach(function (seg) {
+                var legacy;
+                if (seg.el) { // necessary?
+                    legacy = seg.footprint.getEventLegacy();
+                    _this.publiclyTrigger('eventDestroy', {
+                        context: legacy,
+                        args: [legacy, seg.el, _this]
+                    });
                 }
-                if (resizeMutation) {
-                    // no need to re-show original, will rerender all anyways. esp important if eventRenderWait
-                    view.reportEventResize(eventInstance, resizeMutation, el, ev);
+            });
+        }
+    };
+    // Event Rendering Utils
+    // -----------------------------------------------------------------------------------------------------------------
+    // Hides all rendered event segments linked to the given event
+    // RECURSIVE with subcomponents
+    DateComponent.prototype.showEventsWithId = function (eventDefId) {
+        this.getEventSegs().forEach(function (seg) {
+            if (seg.footprint.eventDef.id === eventDefId &&
+                seg.el // necessary?
+            ) {
+                seg.el.css('visibility', '');
+            }
+        });
+        this.callChildren('showEventsWithId', arguments);
+    };
+    // Shows all rendered event segments linked to the given event
+    // RECURSIVE with subcomponents
+    DateComponent.prototype.hideEventsWithId = function (eventDefId) {
+        this.getEventSegs().forEach(function (seg) {
+            if (seg.footprint.eventDef.id === eventDefId &&
+                seg.el // necessary?
+            ) {
+                seg.el.css('visibility', 'hidden');
+            }
+        });
+        this.callChildren('hideEventsWithId', arguments);
+    };
+    // Drag-n-Drop Rendering (for both events and external elements)
+    // ---------------------------------------------------------------------------------------------------------------
+    // Renders a visual indication of a event or external-element drag over the given drop zone.
+    // If an external-element, seg will be `null`.
+    // Must return elements used for any mock events.
+    DateComponent.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
+        var renderedHelper = false;
+        this.iterChildren(function (child) {
+            if (child.renderDrag(eventFootprints, seg, isTouch)) {
+                renderedHelper = true;
+            }
+        });
+        return renderedHelper;
+    };
+    // Unrenders a visual indication of an event or external-element being dragged.
+    DateComponent.prototype.unrenderDrag = function () {
+        this.callChildren('unrenderDrag', arguments);
+    };
+    // Event Resizing
+    // ---------------------------------------------------------------------------------------------------------------
+    // Renders a visual indication of an event being resized.
+    DateComponent.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
+        this.callChildren('renderEventResize', arguments);
+    };
+    // Unrenders a visual indication of an event being resized.
+    DateComponent.prototype.unrenderEventResize = function () {
+        this.callChildren('unrenderEventResize', arguments);
+    };
+    // Selection
+    // ---------------------------------------------------------------------------------------------------------------
+    // Renders a visual indication of the selection
+    // TODO: rename to `renderSelection` after legacy is gone
+    DateComponent.prototype.renderSelectionFootprint = function (componentFootprint) {
+        this.renderHighlight(componentFootprint);
+        this.callChildren('renderSelectionFootprint', arguments);
+    };
+    // Unrenders a visual indication of selection
+    DateComponent.prototype.unrenderSelection = function () {
+        this.unrenderHighlight();
+        this.callChildren('unrenderSelection', arguments);
+    };
+    // Highlight
+    // ---------------------------------------------------------------------------------------------------------------
+    // Renders an emphasis on the given date range. Given a span (unzoned start/end and other misc data)
+    DateComponent.prototype.renderHighlight = function (componentFootprint) {
+        if (this.fillRenderer) {
+            this.fillRenderer.renderFootprint('highlight', componentFootprint, {
+                getClasses: function () {
+                    return ['fc-highlight'];
                 }
-                _this.dragListener = null;
-            }
-        });
-        return dragListener;
+            });
+        }
+        this.callChildren('renderHighlight', arguments);
     };
-    // Called before event segment resizing starts
-    EventResizing.prototype.segResizeStart = function (seg, ev) {
-        this.isResizing = true;
-        this.component.publiclyTrigger('eventResizeStart', {
-            context: seg.el[0],
-            args: [
-                seg.footprint.getEventLegacy(),
-                ev,
-                {},
-                this.view
-            ]
-        });
+    // Unrenders the emphasis on a date range
+    DateComponent.prototype.unrenderHighlight = function () {
+        if (this.fillRenderer) {
+            this.fillRenderer.unrender('highlight');
+        }
+        this.callChildren('unrenderHighlight', arguments);
     };
-    // Called after event segment resizing stops
-    EventResizing.prototype.segResizeStop = function (seg, ev) {
-        this.isResizing = false;
-        this.component.publiclyTrigger('eventResizeStop', {
-            context: seg.el[0],
-            args: [
-                seg.footprint.getEventLegacy(),
-                ev,
-                {},
-                this.view
-            ]
-        });
+    // Hit Areas
+    // ---------------------------------------------------------------------------------------------------------------
+    // just because all DateComponents support this interface
+    // doesn't mean they need to have their own internal coord system. they can defer to sub-components.
+    DateComponent.prototype.hitsNeeded = function () {
+        if (!(this.hitsNeededDepth++)) {
+            this.prepareHits();
+        }
+        this.callChildren('hitsNeeded', arguments);
     };
-    // Returns new date-information for an event segment being resized from its start
-    EventResizing.prototype.computeEventStartResizeMutation = function (startFootprint, endFootprint, origEventFootprint) {
-        var origRange = origEventFootprint.componentFootprint.unzonedRange;
-        var startDelta = this.component.diffDates(endFootprint.unzonedRange.getStart(), startFootprint.unzonedRange.getStart());
-        var dateMutation;
-        var eventDefMutation;
-        if (origRange.getStart().add(startDelta) < origRange.getEnd()) {
-            dateMutation = new EventDefDateMutation_1.default();
-            dateMutation.setStartDelta(startDelta);
-            eventDefMutation = new EventDefMutation_1.default();
-            eventDefMutation.setDateMutation(dateMutation);
-            return eventDefMutation;
+    DateComponent.prototype.hitsNotNeeded = function () {
+        if (this.hitsNeededDepth && !(--this.hitsNeededDepth)) {
+            this.releaseHits();
         }
-        return false;
+        this.callChildren('hitsNotNeeded', arguments);
     };
-    // Returns new date-information for an event segment being resized from its end
-    EventResizing.prototype.computeEventEndResizeMutation = function (startFootprint, endFootprint, origEventFootprint) {
-        var origRange = origEventFootprint.componentFootprint.unzonedRange;
-        var endDelta = this.component.diffDates(endFootprint.unzonedRange.getEnd(), startFootprint.unzonedRange.getEnd());
-        var dateMutation;
-        var eventDefMutation;
-        if (origRange.getEnd().add(endDelta) > origRange.getStart()) {
-            dateMutation = new EventDefDateMutation_1.default();
-            dateMutation.setEndDelta(endDelta);
-            eventDefMutation = new EventDefMutation_1.default();
-            eventDefMutation.setDateMutation(dateMutation);
-            return eventDefMutation;
+    DateComponent.prototype.prepareHits = function () {
+        // subclasses can implement
+    };
+    DateComponent.prototype.releaseHits = function () {
+        // subclasses can implement
+    };
+    // Given coordinates from the topleft of the document, return data about the date-related area underneath.
+    // Can return an object with arbitrary properties (although top/right/left/bottom are encouraged).
+    // Must have a `grid` property, a reference to this current grid. TODO: avoid this
+    // The returned object will be processed by getHitFootprint and getHitEl.
+    DateComponent.prototype.queryHit = function (leftOffset, topOffset) {
+        var childrenByUid = this.childrenByUid;
+        var uid;
+        var hit;
+        for (uid in childrenByUid) {
+            hit = childrenByUid[uid].queryHit(leftOffset, topOffset);
+            if (hit) {
+                break;
+            }
         }
-        return false;
+        return hit;
     };
-    return EventResizing;
-}(Interaction_1.default));
-exports.default = EventResizing;
-
-
-/***/ }),
-/* 224 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var util_1 = __webpack_require__(4);
-var EventDefMutation_1 = __webpack_require__(37);
-var EventDefDateMutation_1 = __webpack_require__(50);
-var DragListener_1 = __webpack_require__(54);
-var HitDragListener_1 = __webpack_require__(23);
-var MouseFollower_1 = __webpack_require__(244);
-var Interaction_1 = __webpack_require__(15);
-var EventDragging = /** @class */ (function (_super) {
-    tslib_1.__extends(EventDragging, _super);
-    /*
-    component implements:
-      - bindSegHandlerToEl
-      - publiclyTrigger
-      - diffDates
-      - eventRangesToEventFootprints
-      - isEventInstanceGroupAllowed
-    */
-    function EventDragging(component, eventPointing) {
-        var _this = _super.call(this, component) || this;
-        _this.isDragging = false;
-        _this.eventPointing = eventPointing;
-        return _this;
-    }
-    EventDragging.prototype.end = function () {
-        if (this.dragListener) {
-            this.dragListener.endInteraction();
+    DateComponent.prototype.getSafeHitFootprint = function (hit) {
+        var footprint = this.getHitFootprint(hit);
+        if (!this.dateProfile.activeUnzonedRange.containsRange(footprint.unzonedRange)) {
+            return null;
         }
+        return footprint;
     };
-    EventDragging.prototype.getSelectionDelay = function () {
-        var delay = this.opt('eventLongPressDelay');
-        if (delay == null) {
-            delay = this.opt('longPressDelay'); // fallback
+    DateComponent.prototype.getHitFootprint = function (hit) {
+        // what about being abstract!?
+    };
+    // Given position-level information about a date-related area within the grid,
+    // should return a jQuery element that best represents it. passed to dayClick callback.
+    DateComponent.prototype.getHitEl = function (hit) {
+        // what about being abstract!?
+    };
+    /* Converting eventRange -> eventFootprint
+    ------------------------------------------------------------------------------------------------------------------*/
+    DateComponent.prototype.eventRangesToEventFootprints = function (eventRanges) {
+        var eventFootprints = [];
+        var i;
+        for (i = 0; i < eventRanges.length; i++) {
+            eventFootprints.push.apply(// append
+            eventFootprints, this.eventRangeToEventFootprints(eventRanges[i]));
         }
-        return delay;
+        return eventFootprints;
     };
-    EventDragging.prototype.bindToEl = function (el) {
-        var component = this.component;
-        component.bindSegHandlerToEl(el, 'mousedown', this.handleMousedown.bind(this));
-        component.bindSegHandlerToEl(el, 'touchstart', this.handleTouchStart.bind(this));
+    DateComponent.prototype.eventRangeToEventFootprints = function (eventRange) {
+        return [util_2.eventRangeToEventFootprint(eventRange)];
     };
-    EventDragging.prototype.handleMousedown = function (seg, ev) {
-        if (!this.component.shouldIgnoreMouse() &&
-            this.component.canStartDrag(seg, ev)) {
-            this.buildDragListener(seg).startInteraction(ev, { distance: 5 });
+    /* Converting componentFootprint/eventFootprint -> segs
+    ------------------------------------------------------------------------------------------------------------------*/
+    DateComponent.prototype.eventFootprintsToSegs = function (eventFootprints) {
+        var segs = [];
+        var i;
+        for (i = 0; i < eventFootprints.length; i++) {
+            segs.push.apply(segs, this.eventFootprintToSegs(eventFootprints[i]));
         }
+        return segs;
     };
-    EventDragging.prototype.handleTouchStart = function (seg, ev) {
-        var component = this.component;
-        var settings = {
-            delay: this.view.isEventDefSelected(seg.footprint.eventDef) ? // already selected?
-                0 : this.getSelectionDelay()
+    // Given an event's span (unzoned start/end and other misc data), and the event itself,
+    // slices into segments and attaches event-derived properties to them.
+    // eventSpan - { start, end, isStart, isEnd, otherthings... }
+    DateComponent.prototype.eventFootprintToSegs = function (eventFootprint) {
+        var unzonedRange = eventFootprint.componentFootprint.unzonedRange;
+        var segs;
+        var i;
+        var seg;
+        segs = this.componentFootprintToSegs(eventFootprint.componentFootprint);
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            if (!unzonedRange.isStart) {
+                seg.isStart = false;
+            }
+            if (!unzonedRange.isEnd) {
+                seg.isEnd = false;
+            }
+            seg.footprint = eventFootprint;
+            // TODO: rename to seg.eventFootprint
+        }
+        return segs;
+    };
+    DateComponent.prototype.componentFootprintToSegs = function (componentFootprint) {
+        return [];
+    };
+    // Utils
+    // ---------------------------------------------------------------------------------------------------------------
+    DateComponent.prototype.callChildren = function (methodName, args) {
+        this.iterChildren(function (child) {
+            child[methodName].apply(child, args);
+        });
+    };
+    DateComponent.prototype.iterChildren = function (func) {
+        var childrenByUid = this.childrenByUid;
+        var uid;
+        for (uid in childrenByUid) {
+            func(childrenByUid[uid]);
+        }
+    };
+    DateComponent.prototype._getCalendar = function () {
+        var t = this;
+        return t.calendar || t.view.calendar;
+    };
+    DateComponent.prototype._getView = function () {
+        return this.view;
+    };
+    DateComponent.prototype._getDateProfile = function () {
+        return this._getView().get('dateProfile');
+    };
+    // Generates HTML for an anchor to another view into the calendar.
+    // Will either generate an <a> tag or a non-clickable <span> tag, depending on enabled settings.
+    // `gotoOptions` can either be a moment input, or an object with the form:
+    // { date, type, forceOff }
+    // `type` is a view-type like "day" or "week". default value is "day".
+    // `attrs` and `innerHtml` are use to generate the rest of the HTML tag.
+    DateComponent.prototype.buildGotoAnchorHtml = function (gotoOptions, attrs, innerHtml) {
+        var date;
+        var type;
+        var forceOff;
+        var finalOptions;
+        if ($.isPlainObject(gotoOptions)) {
+            date = gotoOptions.date;
+            type = gotoOptions.type;
+            forceOff = gotoOptions.forceOff;
+        }
+        else {
+            date = gotoOptions; // a single moment input
+        }
+        date = moment_ext_1.default(date); // if a string, parse it
+        finalOptions = {
+            date: date.format('YYYY-MM-DD'),
+            type: type || 'day'
         };
-        if (component.canStartDrag(seg, ev)) {
-            this.buildDragListener(seg).startInteraction(ev, settings);
+        if (typeof attrs === 'string') {
+            innerHtml = attrs;
+            attrs = null;
+        }
+        attrs = attrs ? ' ' + util_1.attrsToStr(attrs) : ''; // will have a leading space
+        innerHtml = innerHtml || '';
+        if (!forceOff && this.opt('navLinks')) {
+            return '<a' + attrs +
+                ' data-goto="' + util_1.htmlEscape(JSON.stringify(finalOptions)) + '">' +
+                innerHtml +
+                '</a>';
         }
-        else if (component.canStartSelection(seg, ev)) {
-            this.buildSelectListener(seg).startInteraction(ev, settings);
+        else {
+            return '<span' + attrs + '>' +
+                innerHtml +
+                '</span>';
         }
     };
-    // seg isn't draggable, but let's use a generic DragListener
-    // simply for the delay, so it can be selected.
-    // Has side effect of setting/unsetting `dragListener`
-    EventDragging.prototype.buildSelectListener = function (seg) {
-        var _this = this;
-        var view = this.view;
-        var eventDef = seg.footprint.eventDef;
-        var eventInstance = seg.footprint.eventInstance; // null for inverse-background events
-        if (this.dragListener) {
-            return this.dragListener;
-        }
-        var dragListener = this.dragListener = new DragListener_1.default({
-            dragStart: function (ev) {
-                if (dragListener.isTouch &&
-                    !view.isEventDefSelected(eventDef) &&
-                    eventInstance) {
-                    // if not previously selected, will fire after a delay. then, select the event
-                    view.selectEventInstance(eventInstance);
-                }
-            },
-            interactionEnd: function (ev) {
-                _this.dragListener = null;
-            }
-        });
-        return dragListener;
+    DateComponent.prototype.getAllDayHtml = function () {
+        return this.opt('allDayHtml') || util_1.htmlEscape(this.opt('allDayText'));
     };
-    // Builds a listener that will track user-dragging on an event segment.
-    // Generic enough to work with any type of Grid.
-    // Has side effect of setting/unsetting `dragListener`
-    EventDragging.prototype.buildDragListener = function (seg) {
-        var _this = this;
-        var component = this.component;
-        var view = this.view;
-        var calendar = view.calendar;
-        var eventManager = calendar.eventManager;
-        var el = seg.el;
-        var eventDef = seg.footprint.eventDef;
-        var eventInstance = seg.footprint.eventInstance; // null for inverse-background events
-        var isDragging;
-        var mouseFollower; // A clone of the original element that will move with the mouse
-        var eventDefMutation;
-        if (this.dragListener) {
-            return this.dragListener;
+    // Computes HTML classNames for a single-day element
+    DateComponent.prototype.getDayClasses = function (date, noThemeHighlight) {
+        var view = this._getView();
+        var classes = [];
+        var today;
+        if (!this.dateProfile.activeUnzonedRange.containsDate(date)) {
+            classes.push('fc-disabled-day'); // TODO: jQuery UI theme?
         }
-        // Tracks mouse movement over the *view's* coordinate map. Allows dragging and dropping between subcomponents
-        // of the view.
-        var dragListener = this.dragListener = new HitDragListener_1.default(view, {
-            scroll: this.opt('dragScroll'),
-            subjectEl: el,
-            subjectCenter: true,
-            interactionStart: function (ev) {
-                seg.component = component; // for renderDrag
-                isDragging = false;
-                mouseFollower = new MouseFollower_1.default(seg.el, {
-                    additionalClass: 'fc-dragging',
-                    parentEl: view.el,
-                    opacity: dragListener.isTouch ? null : _this.opt('dragOpacity'),
-                    revertDuration: _this.opt('dragRevertDuration'),
-                    zIndex: 2 // one above the .fc-view
-                });
-                mouseFollower.hide(); // don't show until we know this is a real drag
-                mouseFollower.start(ev);
-            },
-            dragStart: function (ev) {
-                if (dragListener.isTouch &&
-                    !view.isEventDefSelected(eventDef) &&
-                    eventInstance) {
-                    // if not previously selected, will fire after a delay. then, select the event
-                    view.selectEventInstance(eventInstance);
-                }
-                isDragging = true;
-                // ensure a mouseout on the manipulated event has been reported
-                _this.eventPointing.handleMouseout(seg, ev);
-                _this.segDragStart(seg, ev);
-                view.hideEventsWithId(seg.footprint.eventDef.id);
-            },
-            hitOver: function (hit, isOrig, origHit) {
-                var isAllowed = true;
-                var origFootprint;
-                var footprint;
-                var mutatedEventInstanceGroup;
-                // starting hit could be forced (DayGrid.limit)
-                if (seg.hit) {
-                    origHit = seg.hit;
-                }
-                // hit might not belong to this grid, so query origin grid
-                origFootprint = origHit.component.getSafeHitFootprint(origHit);
-                footprint = hit.component.getSafeHitFootprint(hit);
-                if (origFootprint && footprint) {
-                    eventDefMutation = _this.computeEventDropMutation(origFootprint, footprint, eventDef);
-                    if (eventDefMutation) {
-                        mutatedEventInstanceGroup = eventManager.buildMutatedEventInstanceGroup(eventDef.id, eventDefMutation);
-                        isAllowed = component.isEventInstanceGroupAllowed(mutatedEventInstanceGroup);
-                    }
-                    else {
-                        isAllowed = false;
-                    }
-                }
-                else {
-                    isAllowed = false;
-                }
-                if (!isAllowed) {
-                    eventDefMutation = null;
-                    util_1.disableCursor();
-                }
-                // if a valid drop location, have the subclass render a visual indication
-                if (eventDefMutation &&
-                    view.renderDrag(// truthy if rendered something
-                    component.eventRangesToEventFootprints(mutatedEventInstanceGroup.sliceRenderRanges(component.dateProfile.renderUnzonedRange, calendar)), seg, dragListener.isTouch)) {
-                    mouseFollower.hide(); // if the subclass is already using a mock event "helper", hide our own
-                }
-                else {
-                    mouseFollower.show(); // otherwise, have the helper follow the mouse (no snapping)
-                }
-                if (isOrig) {
-                    // needs to have moved hits to be a valid drop
-                    eventDefMutation = null;
+        else {
+            classes.push('fc-' + util_1.dayIDs[date.day()]);
+            if (view.isDateInOtherMonth(date, this.dateProfile)) { // TODO: use DateComponent subclass somehow
+                classes.push('fc-other-month');
+            }
+            today = view.calendar.getNow();
+            if (date.isSame(today, 'day')) {
+                classes.push('fc-today');
+                if (noThemeHighlight !== true) {
+                    classes.push(view.calendar.theme.getClass('today'));
                 }
-            },
-            hitOut: function () {
-                view.unrenderDrag(seg); // unrender whatever was done in renderDrag
-                mouseFollower.show(); // show in case we are moving out of all hits
-                eventDefMutation = null;
-            },
-            hitDone: function () {
-                util_1.enableCursor();
-            },
-            interactionEnd: function (ev) {
-                delete seg.component; // prevent side effects
-                // do revert animation if hasn't changed. calls a callback when finished (whether animation or not)
-                mouseFollower.stop(!eventDefMutation, function () {
-                    if (isDragging) {
-                        view.unrenderDrag(seg);
-                        _this.segDragStop(seg, ev);
-                    }
-                    view.showEventsWithId(seg.footprint.eventDef.id);
-                    if (eventDefMutation) {
-                        // no need to re-show original, will rerender all anyways. esp important if eventRenderWait
-                        view.reportEventDrop(eventInstance, eventDefMutation, el, ev);
-                    }
-                });
-                _this.dragListener = null;
             }
-        });
-        return dragListener;
-    };
-    // Called before event segment dragging starts
-    EventDragging.prototype.segDragStart = function (seg, ev) {
-        this.isDragging = true;
-        this.component.publiclyTrigger('eventDragStart', {
-            context: seg.el[0],
-            args: [
-                seg.footprint.getEventLegacy(),
-                ev,
-                {},
-                this.view
-            ]
-        });
-    };
-    // Called after event segment dragging stops
-    EventDragging.prototype.segDragStop = function (seg, ev) {
-        this.isDragging = false;
-        this.component.publiclyTrigger('eventDragStop', {
-            context: seg.el[0],
-            args: [
-                seg.footprint.getEventLegacy(),
-                ev,
-                {},
-                this.view
-            ]
-        });
-    };
-    // DOES NOT consider overlap/constraint
-    EventDragging.prototype.computeEventDropMutation = function (startFootprint, endFootprint, eventDef) {
-        var eventDefMutation = new EventDefMutation_1.default();
-        eventDefMutation.setDateMutation(this.computeEventDateMutation(startFootprint, endFootprint));
-        return eventDefMutation;
-    };
-    EventDragging.prototype.computeEventDateMutation = function (startFootprint, endFootprint) {
-        var date0 = startFootprint.unzonedRange.getStart();
-        var date1 = endFootprint.unzonedRange.getStart();
-        var clearEnd = false;
-        var forceTimed = false;
-        var forceAllDay = false;
-        var dateDelta;
-        var dateMutation;
-        if (startFootprint.isAllDay !== endFootprint.isAllDay) {
-            clearEnd = true;
-            if (endFootprint.isAllDay) {
-                forceAllDay = true;
-                date0.stripTime();
+            else if (date < today) {
+                classes.push('fc-past');
             }
             else {
-                forceTimed = true;
+                classes.push('fc-future');
             }
         }
-        dateDelta = this.component.diffDates(date1, date0);
-        dateMutation = new EventDefDateMutation_1.default();
-        dateMutation.clearEnd = clearEnd;
-        dateMutation.forceTimed = forceTimed;
-        dateMutation.forceAllDay = forceAllDay;
-        dateMutation.setDateDelta(dateDelta);
-        return dateMutation;
+        return classes;
+    };
+    // Utility for formatting a range. Accepts a range object, formatting string, and optional separator.
+    // Displays all-day ranges naturally, with an inclusive end. Takes the current isRTL into account.
+    // The timezones of the dates within `range` will be respected.
+    DateComponent.prototype.formatRange = function (range, isAllDay, formatStr, separator) {
+        var end = range.end;
+        if (isAllDay) {
+            end = end.clone().subtract(1); // convert to inclusive. last ms of previous day
+        }
+        return date_formatting_1.formatRange(range.start, end, formatStr, separator, this.isRTL);
+    };
+    // Compute the number of the give units in the "current" range.
+    // Will return a floating-point number. Won't round.
+    DateComponent.prototype.currentRangeAs = function (unit) {
+        return this._getDateProfile().currentUnzonedRange.as(unit);
+    };
+    // Returns the date range of the full days the given range visually appears to occupy.
+    // Returns a plain object with start/end, NOT an UnzonedRange!
+    DateComponent.prototype.computeDayRange = function (unzonedRange) {
+        var calendar = this._getCalendar();
+        var startDay = calendar.msToUtcMoment(unzonedRange.startMs, true); // the beginning of the day the range starts
+        var end = calendar.msToUtcMoment(unzonedRange.endMs);
+        var endTimeMS = +end.time(); // # of milliseconds into `endDay`
+        var endDay = end.clone().stripTime(); // the beginning of the day the range exclusively ends
+        // If the end time is actually inclusively part of the next day and is equal to or
+        // beyond the next day threshold, adjust the end to be the exclusive end of `endDay`.
+        // Otherwise, leaving it as inclusive will cause it to exclude `endDay`.
+        if (endTimeMS && endTimeMS >= this.nextDayThreshold) {
+            endDay.add(1, 'days');
+        }
+        // If end is within `startDay` but not past nextDayThreshold, assign the default duration of one day.
+        if (endDay <= startDay) {
+            endDay = startDay.clone().add(1, 'days');
+        }
+        return { start: startDay, end: endDay };
     };
-    return EventDragging;
-}(Interaction_1.default));
-exports.default = EventDragging;
+    // Does the given range visually appear to occupy more than one day?
+    DateComponent.prototype.isMultiDayRange = function (unzonedRange) {
+        var dayRange = this.computeDayRange(unzonedRange);
+        return dayRange.end.diff(dayRange.start, 'days') > 1;
+    };
+    DateComponent.guid = 0; // TODO: better system for this?
+    return DateComponent;
+}(Component_1.default));
+exports.default = DateComponent;
+// legacy
+function convertEventsPayloadToLegacyArray(eventsPayload) {
+    var eventDefId;
+    var eventInstances;
+    var legacyEvents = [];
+    var i;
+    for (eventDefId in eventsPayload) {
+        eventInstances = eventsPayload[eventDefId].eventInstances;
+        for (i = 0; i < eventInstances.length; i++) {
+            legacyEvents.push(eventInstances[i].toLegacy());
+        }
+    }
+    return legacyEvents;
+}
 
 
 /***/ }),
-/* 225 */
+/* 232 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var moment = __webpack_require__(0);
 var util_1 = __webpack_require__(4);
-var HitDragListener_1 = __webpack_require__(23);
-var ComponentFootprint_1 = __webpack_require__(12);
+var options_1 = __webpack_require__(33);
+var Iterator_1 = __webpack_require__(225);
+var GlobalEmitter_1 = __webpack_require__(23);
+var EmitterMixin_1 = __webpack_require__(13);
+var ListenerMixin_1 = __webpack_require__(7);
+var Toolbar_1 = __webpack_require__(257);
+var OptionsManager_1 = __webpack_require__(258);
+var ViewSpecManager_1 = __webpack_require__(259);
+var Constraints_1 = __webpack_require__(217);
+var locale_1 = __webpack_require__(32);
+var moment_ext_1 = __webpack_require__(11);
 var UnzonedRange_1 = __webpack_require__(5);
-var Interaction_1 = __webpack_require__(15);
-var DateSelecting = /** @class */ (function (_super) {
-    tslib_1.__extends(DateSelecting, _super);
-    /*
-    component must implement:
-      - bindDateHandlerToEl
-      - getSafeHitFootprint
-      - renderHighlight
-      - unrenderHighlight
-    */
-    function DateSelecting(component) {
-        var _this = _super.call(this, component) || this;
-        _this.dragListener = _this.buildDragListener();
-        return _this;
+var ComponentFootprint_1 = __webpack_require__(12);
+var EventDateProfile_1 = __webpack_require__(16);
+var EventManager_1 = __webpack_require__(220);
+var BusinessHourGenerator_1 = __webpack_require__(218);
+var EventSourceParser_1 = __webpack_require__(38);
+var EventDefParser_1 = __webpack_require__(36);
+var SingleEventDef_1 = __webpack_require__(9);
+var EventDefMutation_1 = __webpack_require__(39);
+var EventSource_1 = __webpack_require__(6);
+var ThemeRegistry_1 = __webpack_require__(57);
+var Calendar = /** @class */ (function () {
+    function Calendar(el, overrides) {
+        this.loadingLevel = 0; // number of simultaneous loading tasks
+        this.ignoreUpdateViewSize = 0;
+        this.freezeContentHeightDepth = 0;
+        // declare the current calendar instance relies on GlobalEmitter. needed for garbage collection.
+        // unneeded() is called in destroy.
+        GlobalEmitter_1.default.needed();
+        this.el = el;
+        this.viewsByType = {};
+        this.optionsManager = new OptionsManager_1.default(this, overrides);
+        this.viewSpecManager = new ViewSpecManager_1.default(this.optionsManager, this);
+        this.initMomentInternals(); // needs to happen after options hash initialized
+        this.initCurrentDate();
+        this.initEventManager();
+        this.constraints = new Constraints_1.default(this.eventManager, this);
+        this.constructed();
     }
-    DateSelecting.prototype.end = function () {
-        this.dragListener.endInteraction();
+    Calendar.prototype.constructed = function () {
+        // useful for monkeypatching. used?
     };
-    DateSelecting.prototype.getDelay = function () {
-        var delay = this.opt('selectLongPressDelay');
-        if (delay == null) {
-            delay = this.opt('longPressDelay'); // fallback
+    Calendar.prototype.getView = function () {
+        return this.view;
+    };
+    Calendar.prototype.publiclyTrigger = function (name, triggerInfo) {
+        var optHandler = this.opt(name);
+        var context;
+        var args;
+        if ($.isPlainObject(triggerInfo)) {
+            context = triggerInfo.context;
+            args = triggerInfo.args;
+        }
+        else if ($.isArray(triggerInfo)) {
+            args = triggerInfo;
+        }
+        if (context == null) {
+            context = this.el[0]; // fallback context
+        }
+        if (!args) {
+            args = [];
+        }
+        this.triggerWith(name, context, args); // Emitter's method
+        if (optHandler) {
+            return optHandler.apply(context, args);
         }
-        return delay;
     };
-    DateSelecting.prototype.bindToEl = function (el) {
-        var _this = this;
-        var component = this.component;
-        var dragListener = this.dragListener;
-        component.bindDateHandlerToEl(el, 'mousedown', function (ev) {
-            if (_this.opt('selectable') && !component.shouldIgnoreMouse()) {
-                dragListener.startInteraction(ev, {
-                    distance: _this.opt('selectMinDistance')
-                });
+    Calendar.prototype.hasPublicHandlers = function (name) {
+        return this.hasHandlers(name) ||
+            this.opt(name); // handler specified in options
+    };
+    // Options Public API
+    // -----------------------------------------------------------------------------------------------------------------
+    // public getter/setter
+    Calendar.prototype.option = function (name, value) {
+        var newOptionHash;
+        if (typeof name === 'string') {
+            if (value === undefined) { // getter
+                return this.optionsManager.get(name);
             }
-        });
-        component.bindDateHandlerToEl(el, 'touchstart', function (ev) {
-            if (_this.opt('selectable') && !component.shouldIgnoreTouch()) {
-                dragListener.startInteraction(ev, {
-                    delay: _this.getDelay()
-                });
+            else { // setter for individual option
+                newOptionHash = {};
+                newOptionHash[name] = value;
+                this.optionsManager.add(newOptionHash);
             }
-        });
-        util_1.preventSelection(el);
+        }
+        else if (typeof name === 'object') { // compound setter with object input
+            this.optionsManager.add(name);
+        }
     };
-    // Creates a listener that tracks the user's drag across day elements, for day selecting.
-    DateSelecting.prototype.buildDragListener = function () {
-        var _this = this;
-        var component = this.component;
-        var selectionFootprint; // null if invalid selection
-        var dragListener = new HitDragListener_1.default(component, {
-            scroll: this.opt('dragScroll'),
-            interactionStart: function () {
-                selectionFootprint = null;
-            },
-            dragStart: function (ev) {
-                _this.view.unselect(ev); // since we could be rendering a new selection, we want to clear any old one
-            },
-            hitOver: function (hit, isOrig, origHit) {
-                var origHitFootprint;
-                var hitFootprint;
-                if (origHit) {
-                    origHitFootprint = component.getSafeHitFootprint(origHit);
-                    hitFootprint = component.getSafeHitFootprint(hit);
-                    if (origHitFootprint && hitFootprint) {
-                        selectionFootprint = _this.computeSelection(origHitFootprint, hitFootprint);
-                    }
-                    else {
-                        selectionFootprint = null;
-                    }
-                    if (selectionFootprint) {
-                        component.renderSelectionFootprint(selectionFootprint);
-                    }
-                    else if (selectionFootprint === false) {
-                        util_1.disableCursor();
-                    }
-                }
-            },
-            hitOut: function () {
-                selectionFootprint = null;
-                component.unrenderSelection();
-            },
-            hitDone: function () {
-                util_1.enableCursor();
-            },
-            interactionEnd: function (ev, isCancelled) {
-                if (!isCancelled && selectionFootprint) {
-                    // the selection will already have been rendered. just report it
-                    _this.view.reportSelection(selectionFootprint, ev);
-                }
+    // private getter
+    Calendar.prototype.opt = function (name) {
+        return this.optionsManager.get(name);
+    };
+    // View
+    // -----------------------------------------------------------------------------------------------------------------
+    // Given a view name for a custom view or a standard view, creates a ready-to-go View object
+    Calendar.prototype.instantiateView = function (viewType) {
+        var spec = this.viewSpecManager.getViewSpec(viewType);
+        if (!spec) {
+            throw new Error("View type \"" + viewType + "\" is not valid");
+        }
+        return new spec['class'](this, spec);
+    };
+    // Returns a boolean about whether the view is okay to instantiate at some point
+    Calendar.prototype.isValidViewType = function (viewType) {
+        return Boolean(this.viewSpecManager.getViewSpec(viewType));
+    };
+    Calendar.prototype.changeView = function (viewName, dateOrRange) {
+        if (dateOrRange) {
+            if (dateOrRange.start && dateOrRange.end) { // a range
+                this.optionsManager.recordOverrides({
+                    visibleRange: dateOrRange
+                });
             }
-        });
-        return dragListener;
+            else { // a date
+                this.currentDate = this.moment(dateOrRange).stripZone(); // just like gotoDate
+            }
+        }
+        this.renderView(viewName);
     };
-    // Given the first and last date-spans of a selection, returns another date-span object.
-    // Subclasses can override and provide additional data in the span object. Will be passed to renderSelectionFootprint().
-    // Will return false if the selection is invalid and this should be indicated to the user.
-    // Will return null/undefined if a selection invalid but no error should be reported.
-    DateSelecting.prototype.computeSelection = function (footprint0, footprint1) {
-        var wholeFootprint = this.computeSelectionFootprint(footprint0, footprint1);
-        if (wholeFootprint && !this.isSelectionFootprintAllowed(wholeFootprint)) {
-            return false;
+    // Forces navigation to a view for the given date.
+    // `viewType` can be a specific view name or a generic one like "week" or "day".
+    Calendar.prototype.zoomTo = function (newDate, viewType) {
+        var spec;
+        viewType = viewType || 'day'; // day is default zoom
+        spec = this.viewSpecManager.getViewSpec(viewType) ||
+            this.viewSpecManager.getUnitViewSpec(viewType);
+        this.currentDate = newDate.clone();
+        this.renderView(spec ? spec.type : null);
+    };
+    // Current Date
+    // -----------------------------------------------------------------------------------------------------------------
+    Calendar.prototype.initCurrentDate = function () {
+        var defaultDateInput = this.opt('defaultDate');
+        // compute the initial ambig-timezone date
+        if (defaultDateInput != null) {
+            this.currentDate = this.moment(defaultDateInput).stripZone();
+        }
+        else {
+            this.currentDate = this.getNow(); // getNow already returns unzoned
+        }
+    };
+    Calendar.prototype.prev = function () {
+        var view = this.view;
+        var prevInfo = view.dateProfileGenerator.buildPrev(view.get('dateProfile'));
+        if (prevInfo.isValid) {
+            this.currentDate = prevInfo.date;
+            this.renderView();
+        }
+    };
+    Calendar.prototype.next = function () {
+        var view = this.view;
+        var nextInfo = view.dateProfileGenerator.buildNext(view.get('dateProfile'));
+        if (nextInfo.isValid) {
+            this.currentDate = nextInfo.date;
+            this.renderView();
         }
-        return wholeFootprint;
     };
-    // Given two spans, must return the combination of the two.
-    // TODO: do this separation of concerns (combining VS validation) for event dnd/resize too.
-    // Assumes both footprints are non-open-ended.
-    DateSelecting.prototype.computeSelectionFootprint = function (footprint0, footprint1) {
-        var ms = [
-            footprint0.unzonedRange.startMs,
-            footprint0.unzonedRange.endMs,
-            footprint1.unzonedRange.startMs,
-            footprint1.unzonedRange.endMs
-        ];
-        ms.sort(util_1.compareNumbers);
-        return new ComponentFootprint_1.default(new UnzonedRange_1.default(ms[0], ms[3]), footprint0.isAllDay);
+    Calendar.prototype.prevYear = function () {
+        this.currentDate.add(-1, 'years');
+        this.renderView();
     };
-    DateSelecting.prototype.isSelectionFootprintAllowed = function (componentFootprint) {
-        return this.component.dateProfile.validUnzonedRange.containsRange(componentFootprint.unzonedRange) &&
-            this.view.calendar.constraints.isSelectionFootprintAllowed(componentFootprint);
+    Calendar.prototype.nextYear = function () {
+        this.currentDate.add(1, 'years');
+        this.renderView();
     };
-    return DateSelecting;
-}(Interaction_1.default));
-exports.default = DateSelecting;
-
-
-/***/ }),
-/* 226 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var moment = __webpack_require__(0);
-var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var Scroller_1 = __webpack_require__(39);
-var View_1 = __webpack_require__(41);
-var TimeGrid_1 = __webpack_require__(227);
-var DayGrid_1 = __webpack_require__(61);
-var AGENDA_ALL_DAY_EVENT_LIMIT = 5;
-var agendaTimeGridMethods;
-var agendaDayGridMethods;
-/* An abstract class for all agenda-related views. Displays one more columns with time slots running vertically.
-----------------------------------------------------------------------------------------------------------------------*/
-// Is a manager for the TimeGrid subcomponent and possibly the DayGrid subcomponent (if allDaySlot is on).
-// Responsible for managing width/height.
-var AgendaView = /** @class */ (function (_super) {
-    tslib_1.__extends(AgendaView, _super);
-    function AgendaView(calendar, viewSpec) {
-        var _this = _super.call(this, calendar, viewSpec) || this;
-        _this.usesMinMaxTime = true; // indicates that minTime/maxTime affects rendering
-        _this.timeGrid = _this.instantiateTimeGrid();
-        _this.addChild(_this.timeGrid);
-        if (_this.opt('allDaySlot')) {
-            _this.dayGrid = _this.instantiateDayGrid(); // the all-day subcomponent of this view
-            _this.addChild(_this.dayGrid);
-        }
-        _this.scroller = new Scroller_1.default({
-            overflowX: 'hidden',
-            overflowY: 'auto'
-        });
-        return _this;
-    }
-    // Instantiates the TimeGrid object this view needs. Draws from this.timeGridClass
-    AgendaView.prototype.instantiateTimeGrid = function () {
-        var timeGrid = new this.timeGridClass(this);
-        util_1.copyOwnProps(agendaTimeGridMethods, timeGrid);
-        return timeGrid;
+    Calendar.prototype.today = function () {
+        this.currentDate = this.getNow(); // should deny like prev/next?
+        this.renderView();
     };
-    // Instantiates the DayGrid object this view might need. Draws from this.dayGridClass
-    AgendaView.prototype.instantiateDayGrid = function () {
-        var dayGrid = new this.dayGridClass(this);
-        util_1.copyOwnProps(agendaDayGridMethods, dayGrid);
-        return dayGrid;
+    Calendar.prototype.gotoDate = function (zonedDateInput) {
+        this.currentDate = this.moment(zonedDateInput).stripZone();
+        this.renderView();
     };
-    /* Rendering
-    ------------------------------------------------------------------------------------------------------------------*/
-    AgendaView.prototype.renderSkeleton = function () {
-        var timeGridWrapEl;
-        var timeGridEl;
-        this.el.addClass('fc-agenda-view').html(this.renderSkeletonHtml());
-        this.scroller.render();
-        timeGridWrapEl = this.scroller.el.addClass('fc-time-grid-container');
-        timeGridEl = $('<div class="fc-time-grid" />').appendTo(timeGridWrapEl);
-        this.el.find('.fc-body > tr > td').append(timeGridWrapEl);
-        this.timeGrid.headContainerEl = this.el.find('.fc-head-container');
-        this.timeGrid.setElement(timeGridEl);
-        if (this.dayGrid) {
-            this.dayGrid.setElement(this.el.find('.fc-day-grid'));
-            // have the day-grid extend it's coordinate area over the <hr> dividing the two grids
-            this.dayGrid.bottomCoordPadding = this.dayGrid.el.next('hr').outerHeight();
-        }
+    Calendar.prototype.incrementDate = function (delta) {
+        this.currentDate.add(moment.duration(delta));
+        this.renderView();
     };
-    AgendaView.prototype.unrenderSkeleton = function () {
-        this.timeGrid.removeElement();
-        if (this.dayGrid) {
-            this.dayGrid.removeElement();
-        }
-        this.scroller.destroy();
+    // for external API
+    Calendar.prototype.getDate = function () {
+        return this.applyTimezone(this.currentDate); // infuse the calendar's timezone
     };
-    // Builds the HTML skeleton for the view.
-    // The day-grid and time-grid components will render inside containers defined by this HTML.
-    AgendaView.prototype.renderSkeletonHtml = function () {
-        var theme = this.calendar.theme;
-        return '' +
-            '<table class="' + theme.getClass('tableGrid') + '">' +
-            (this.opt('columnHeader') ?
-                '<thead class="fc-head">' +
-                    '<tr>' +
-                    '<td class="fc-head-container ' + theme.getClass('widgetHeader') + '">&nbsp;</td>' +
-                    '</tr>' +
-                    '</thead>' :
-                '') +
-            '<tbody class="fc-body">' +
-            '<tr>' +
-            '<td class="' + theme.getClass('widgetContent') + '">' +
-            (this.dayGrid ?
-                '<div class="fc-day-grid"/>' +
-                    '<hr class="fc-divider ' + theme.getClass('widgetHeader') + '"/>' :
-                '') +
-            '</td>' +
-            '</tr>' +
-            '</tbody>' +
-            '</table>';
+    // Loading Triggering
+    // -----------------------------------------------------------------------------------------------------------------
+    // Should be called when any type of async data fetching begins
+    Calendar.prototype.pushLoading = function () {
+        if (!(this.loadingLevel++)) {
+            this.publiclyTrigger('loading', [true, this.view]);
+        }
     };
-    // Generates an HTML attribute string for setting the width of the axis, if it is known
-    AgendaView.prototype.axisStyleAttr = function () {
-        if (this.axisWidth != null) {
-            return 'style="width:' + this.axisWidth + 'px"';
+    // Should be called when any type of async data fetching completes
+    Calendar.prototype.popLoading = function () {
+        if (!(--this.loadingLevel)) {
+            this.publiclyTrigger('loading', [false, this.view]);
         }
-        return '';
     };
-    /* Now Indicator
-    ------------------------------------------------------------------------------------------------------------------*/
-    AgendaView.prototype.getNowIndicatorUnit = function () {
-        return this.timeGrid.getNowIndicatorUnit();
+    // High-level Rendering
+    // -----------------------------------------------------------------------------------
+    Calendar.prototype.render = function () {
+        if (!this.contentEl) {
+            this.initialRender();
+        }
+        else if (this.elementVisible()) {
+            // mainly for the public API
+            this.calcSize();
+            this.updateViewSize();
+        }
     };
-    /* Dimensions
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Adjusts the vertical dimensions of the view to the specified values
-    AgendaView.prototype.updateSize = function (totalHeight, isAuto, isResize) {
-        var eventLimit;
-        var scrollerHeight;
-        var scrollbarWidths;
-        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
-        // make all axis cells line up, and record the width so newly created axis cells will have it
-        this.axisWidth = util_1.matchCellWidths(this.el.find('.fc-axis'));
-        // hack to give the view some height prior to timeGrid's columns being rendered
-        // TODO: separate setting height from scroller VS timeGrid.
-        if (!this.timeGrid.colEls) {
-            if (!isAuto) {
-                scrollerHeight = this.computeScrollerHeight(totalHeight);
-                this.scroller.setHeight(scrollerHeight);
+    Calendar.prototype.initialRender = function () {
+        var _this = this;
+        var el = this.el;
+        el.addClass('fc');
+        // event delegation for nav links
+        el.on('click.fc', 'a[data-goto]', function (ev) {
+            var anchorEl = $(ev.currentTarget);
+            var gotoOptions = anchorEl.data('goto'); // will automatically parse JSON
+            var date = _this.moment(gotoOptions.date);
+            var viewType = gotoOptions.type;
+            // property like "navLinkDayClick". might be a string or a function
+            var customAction = _this.view.opt('navLink' + util_1.capitaliseFirstLetter(viewType) + 'Click');
+            if (typeof customAction === 'function') {
+                customAction(date, ev);
             }
-            return;
+            else {
+                if (typeof customAction === 'string') {
+                    viewType = customAction;
+                }
+                _this.zoomTo(date, viewType);
+            }
+        });
+        // called immediately, and upon option change
+        this.optionsManager.watch('settingTheme', ['?theme', '?themeSystem'], function (opts) {
+            var themeClass = ThemeRegistry_1.getThemeSystemClass(opts.themeSystem || opts.theme);
+            var theme = new themeClass(_this.optionsManager);
+            var widgetClass = theme.getClass('widget');
+            _this.theme = theme;
+            if (widgetClass) {
+                el.addClass(widgetClass);
+            }
+        }, function () {
+            var widgetClass = _this.theme.getClass('widget');
+            _this.theme = null;
+            if (widgetClass) {
+                el.removeClass(widgetClass);
+            }
+        });
+        this.optionsManager.watch('settingBusinessHourGenerator', ['?businessHours'], function (deps) {
+            _this.businessHourGenerator = new BusinessHourGenerator_1.default(deps.businessHours, _this);
+            if (_this.view) {
+                _this.view.set('businessHourGenerator', _this.businessHourGenerator);
+            }
+        }, function () {
+            _this.businessHourGenerator = null;
+        });
+        // called immediately, and upon option change.
+        // HACK: locale often affects isRTL, so we explicitly listen to that too.
+        this.optionsManager.watch('applyingDirClasses', ['?isRTL', '?locale'], function (opts) {
+            el.toggleClass('fc-ltr', !opts.isRTL);
+            el.toggleClass('fc-rtl', opts.isRTL);
+        });
+        this.contentEl = $("<div class='fc-view-container'>").prependTo(el);
+        this.initToolbars();
+        this.renderHeader();
+        this.renderFooter();
+        this.renderView(this.opt('defaultView'));
+        if (this.opt('handleWindowResize')) {
+            $(window).resize(this.windowResizeProxy = util_1.debounce(// prevents rapid calls
+            this.windowResize.bind(this), this.opt('windowResizeDelay')));
         }
-        // set of fake row elements that must compensate when scroller has scrollbars
-        var noScrollRowEls = this.el.find('.fc-row:not(.fc-scroller *)');
-        // reset all dimensions back to the original state
-        this.timeGrid.bottomRuleEl.hide(); // .show() will be called later if this <hr> is necessary
-        this.scroller.clear(); // sets height to 'auto' and clears overflow
-        util_1.uncompensateScroll(noScrollRowEls);
-        // limit number of events in the all-day area
-        if (this.dayGrid) {
-            this.dayGrid.removeSegPopover(); // kill the "more" popover if displayed
-            eventLimit = this.opt('eventLimit');
-            if (eventLimit && typeof eventLimit !== 'number') {
-                eventLimit = AGENDA_ALL_DAY_EVENT_LIMIT; // make sure "auto" goes to a real number
+    };
+    Calendar.prototype.destroy = function () {
+        if (this.view) {
+            this.clearView();
+        }
+        this.toolbarsManager.proxyCall('removeElement');
+        this.contentEl.remove();
+        this.el.removeClass('fc fc-ltr fc-rtl');
+        // removes theme-related root className
+        this.optionsManager.unwatch('settingTheme');
+        this.optionsManager.unwatch('settingBusinessHourGenerator');
+        this.el.off('.fc'); // unbind nav link handlers
+        if (this.windowResizeProxy) {
+            $(window).unbind('resize', this.windowResizeProxy);
+            this.windowResizeProxy = null;
+        }
+        GlobalEmitter_1.default.unneeded();
+    };
+    Calendar.prototype.elementVisible = function () {
+        return this.el.is(':visible');
+    };
+    // Render Queue
+    // -----------------------------------------------------------------------------------------------------------------
+    Calendar.prototype.bindViewHandlers = function (view) {
+        var _this = this;
+        view.watch('titleForCalendar', ['title'], function (deps) {
+            if (view === _this.view) { // hack
+                _this.setToolbarsTitle(deps.title);
             }
-            if (eventLimit) {
-                this.dayGrid.limitRows(eventLimit);
+        });
+        view.watch('dateProfileForCalendar', ['dateProfile'], function (deps) {
+            if (view === _this.view) { // hack
+                _this.currentDate = deps.dateProfile.date; // might have been constrained by view dates
+                _this.updateToolbarButtons(deps.dateProfile);
             }
+        });
+    };
+    Calendar.prototype.unbindViewHandlers = function (view) {
+        view.unwatch('titleForCalendar');
+        view.unwatch('dateProfileForCalendar');
+    };
+    // View Rendering
+    // -----------------------------------------------------------------------------------
+    // Renders a view because of a date change, view-type change, or for the first time.
+    // If not given a viewType, keep the current view but render different dates.
+    // Accepts an optional scroll state to restore to.
+    Calendar.prototype.renderView = function (viewType) {
+        var oldView = this.view;
+        var newView;
+        this.freezeContentHeight();
+        if (oldView && viewType && oldView.type !== viewType) {
+            this.clearView();
         }
-        if (!isAuto) {
-            scrollerHeight = this.computeScrollerHeight(totalHeight);
-            this.scroller.setHeight(scrollerHeight);
-            scrollbarWidths = this.scroller.getScrollbarWidths();
-            if (scrollbarWidths.left || scrollbarWidths.right) {
-                // make the all-day and header rows lines up
-                util_1.compensateScroll(noScrollRowEls, scrollbarWidths);
-                // the scrollbar compensation might have changed text flow, which might affect height, so recalculate
-                // and reapply the desired height to the scroller.
-                scrollerHeight = this.computeScrollerHeight(totalHeight);
-                this.scroller.setHeight(scrollerHeight);
+        // if viewType changed, or the view was never created, create a fresh view
+        if (!this.view && viewType) {
+            newView = this.view =
+                this.viewsByType[viewType] ||
+                    (this.viewsByType[viewType] = this.instantiateView(viewType));
+            this.bindViewHandlers(newView);
+            newView.startBatchRender(); // so that setElement+setDate rendering are joined
+            newView.setElement($("<div class='fc-view fc-" + viewType + "-view'>").appendTo(this.contentEl));
+            this.toolbarsManager.proxyCall('activateButton', viewType);
+        }
+        if (this.view) {
+            // prevent unnecessary change firing
+            if (this.view.get('businessHourGenerator') !== this.businessHourGenerator) {
+                this.view.set('businessHourGenerator', this.businessHourGenerator);
             }
-            // guarantees the same scrollbar widths
-            this.scroller.lockOverflow(scrollbarWidths);
-            // if there's any space below the slats, show the horizontal rule.
-            // this won't cause any new overflow, because lockOverflow already called.
-            if (this.timeGrid.getTotalSlatHeight() < scrollerHeight) {
-                this.timeGrid.bottomRuleEl.show();
+            this.view.setDate(this.currentDate);
+            if (newView) {
+                newView.stopBatchRender();
             }
         }
+        this.thawContentHeight();
     };
-    // given a desired total height of the view, returns what the height of the scroller should be
-    AgendaView.prototype.computeScrollerHeight = function (totalHeight) {
-        return totalHeight -
-            util_1.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
+    // Unrenders the current view and reflects this change in the Header.
+    // Unregsiters the `view`, but does not remove from viewByType hash.
+    Calendar.prototype.clearView = function () {
+        var currentView = this.view;
+        this.toolbarsManager.proxyCall('deactivateButton', currentView.type);
+        this.unbindViewHandlers(currentView);
+        currentView.removeElement();
+        currentView.unsetDate(); // so bindViewHandlers doesn't fire with old values next time
+        this.view = null;
     };
-    /* Scroll
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Computes the initial pre-configured scroll state prior to allowing the user to change it
-    AgendaView.prototype.computeInitialDateScroll = function () {
-        var scrollTime = moment.duration(this.opt('scrollTime'));
-        var top = this.timeGrid.computeTimeTop(scrollTime);
-        // zoom can give weird floating-point values. rather scroll a little bit further
-        top = Math.ceil(top);
-        if (top) {
-            top++; // to overcome top border that slots beyond the first have. looks better
+    // Destroys the view, including the view object. Then, re-instantiates it and renders it.
+    // Maintains the same scroll state.
+    // TODO: maintain any other user-manipulated state.
+    Calendar.prototype.reinitView = function () {
+        var oldView = this.view;
+        var scroll = oldView.queryScroll(); // wouldn't be so complicated if Calendar owned the scroll
+        this.freezeContentHeight();
+        this.clearView();
+        this.calcSize();
+        this.renderView(oldView.type); // needs the type to freshly render
+        this.view.applyScroll(scroll);
+        this.thawContentHeight();
+    };
+    // Resizing
+    // -----------------------------------------------------------------------------------
+    Calendar.prototype.getSuggestedViewHeight = function () {
+        if (this.suggestedViewHeight == null) {
+            this.calcSize();
         }
-        return { top: top };
+        return this.suggestedViewHeight;
     };
-    AgendaView.prototype.queryDateScroll = function () {
-        return { top: this.scroller.getScrollTop() };
+    Calendar.prototype.isHeightAuto = function () {
+        return this.opt('contentHeight') === 'auto' || this.opt('height') === 'auto';
     };
-    AgendaView.prototype.applyDateScroll = function (scroll) {
-        if (scroll.top !== undefined) {
-            this.scroller.setScrollTop(scroll.top);
+    Calendar.prototype.updateViewSize = function (isResize) {
+        if (isResize === void 0) { isResize = false; }
+        var view = this.view;
+        var scroll;
+        if (!this.ignoreUpdateViewSize && view) {
+            if (isResize) {
+                this.calcSize();
+                scroll = view.queryScroll();
+            }
+            this.ignoreUpdateViewSize++;
+            view.updateSize(this.getSuggestedViewHeight(), this.isHeightAuto(), isResize);
+            this.ignoreUpdateViewSize--;
+            if (isResize) {
+                view.applyScroll(scroll);
+            }
+            return true; // signal success
         }
     };
-    /* Hit Areas
-    ------------------------------------------------------------------------------------------------------------------*/
-    // forward all hit-related method calls to the grids (dayGrid might not be defined)
-    AgendaView.prototype.getHitFootprint = function (hit) {
-        // TODO: hit.component is set as a hack to identify where the hit came from
-        return hit.component.getHitFootprint(hit);
+    Calendar.prototype.calcSize = function () {
+        if (this.elementVisible()) {
+            this._calcSize();
+        }
     };
-    AgendaView.prototype.getHitEl = function (hit) {
-        // TODO: hit.component is set as a hack to identify where the hit came from
-        return hit.component.getHitEl(hit);
+    Calendar.prototype._calcSize = function () {
+        var contentHeightInput = this.opt('contentHeight');
+        var heightInput = this.opt('height');
+        if (typeof contentHeightInput === 'number') { // exists and not 'auto'
+            this.suggestedViewHeight = contentHeightInput;
+        }
+        else if (typeof contentHeightInput === 'function') { // exists and is a function
+            this.suggestedViewHeight = contentHeightInput();
+        }
+        else if (typeof heightInput === 'number') { // exists and not 'auto'
+            this.suggestedViewHeight = heightInput - this.queryToolbarsHeight();
+        }
+        else if (typeof heightInput === 'function') { // exists and is a function
+            this.suggestedViewHeight = heightInput() - this.queryToolbarsHeight();
+        }
+        else if (heightInput === 'parent') { // set to height of parent element
+            this.suggestedViewHeight = this.el.parent().height() - this.queryToolbarsHeight();
+        }
+        else {
+            this.suggestedViewHeight = Math.round(this.contentEl.width() /
+                Math.max(this.opt('aspectRatio'), .5));
+        }
     };
-    /* Event Rendering
-    ------------------------------------------------------------------------------------------------------------------*/
-    AgendaView.prototype.executeEventRender = function (eventsPayload) {
-        var dayEventsPayload = {};
-        var timedEventsPayload = {};
-        var id;
-        var eventInstanceGroup;
-        // separate the events into all-day and timed
-        for (id in eventsPayload) {
-            eventInstanceGroup = eventsPayload[id];
-            if (eventInstanceGroup.getEventDef().isAllDay()) {
-                dayEventsPayload[id] = eventInstanceGroup;
-            }
-            else {
-                timedEventsPayload[id] = eventInstanceGroup;
+    Calendar.prototype.windowResize = function (ev) {
+        if (
+        // the purpose: so we don't process jqui "resize" events that have bubbled up
+        // cast to any because .target, which is Element, can't be compared to window for some reason.
+        ev.target === window &&
+            this.view &&
+            this.view.isDatesRendered) {
+            if (this.updateViewSize(true)) { // isResize=true, returns true on success
+                this.publiclyTrigger('windowResize', [this.view]);
             }
         }
-        this.timeGrid.executeEventRender(timedEventsPayload);
-        if (this.dayGrid) {
-            this.dayGrid.executeEventRender(dayEventsPayload);
+    };
+    /* Height "Freezing"
+    -----------------------------------------------------------------------------*/
+    Calendar.prototype.freezeContentHeight = function () {
+        if (!(this.freezeContentHeightDepth++)) {
+            this.forceFreezeContentHeight();
         }
     };
-    /* Dragging/Resizing Routing
-    ------------------------------------------------------------------------------------------------------------------*/
-    // A returned value of `true` signals that a mock "helper" event has been rendered.
-    AgendaView.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
-        var groups = groupEventFootprintsByAllDay(eventFootprints);
-        var renderedHelper = false;
-        renderedHelper = this.timeGrid.renderDrag(groups.timed, seg, isTouch);
-        if (this.dayGrid) {
-            renderedHelper = this.dayGrid.renderDrag(groups.allDay, seg, isTouch) || renderedHelper;
+    Calendar.prototype.forceFreezeContentHeight = function () {
+        this.contentEl.css({
+            width: '100%',
+            height: this.contentEl.height(),
+            overflow: 'hidden'
+        });
+    };
+    Calendar.prototype.thawContentHeight = function () {
+        this.freezeContentHeightDepth--;
+        // always bring back to natural height
+        this.contentEl.css({
+            width: '',
+            height: '',
+            overflow: ''
+        });
+        // but if there are future thaws, re-freeze
+        if (this.freezeContentHeightDepth) {
+            this.forceFreezeContentHeight();
         }
-        return renderedHelper;
     };
-    AgendaView.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
-        var groups = groupEventFootprintsByAllDay(eventFootprints);
-        this.timeGrid.renderEventResize(groups.timed, seg, isTouch);
-        if (this.dayGrid) {
-            this.dayGrid.renderEventResize(groups.allDay, seg, isTouch);
+    // Toolbar
+    // -----------------------------------------------------------------------------------------------------------------
+    Calendar.prototype.initToolbars = function () {
+        this.header = new Toolbar_1.default(this, this.computeHeaderOptions());
+        this.footer = new Toolbar_1.default(this, this.computeFooterOptions());
+        this.toolbarsManager = new Iterator_1.default([this.header, this.footer]);
+    };
+    Calendar.prototype.computeHeaderOptions = function () {
+        return {
+            extraClasses: 'fc-header-toolbar',
+            layout: this.opt('header')
+        };
+    };
+    Calendar.prototype.computeFooterOptions = function () {
+        return {
+            extraClasses: 'fc-footer-toolbar',
+            layout: this.opt('footer')
+        };
+    };
+    // can be called repeatedly and Header will rerender
+    Calendar.prototype.renderHeader = function () {
+        var header = this.header;
+        header.setToolbarOptions(this.computeHeaderOptions());
+        header.render();
+        if (header.el) {
+            this.el.prepend(header.el);
         }
     };
-    /* Selection
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders a visual indication of a selection
-    AgendaView.prototype.renderSelectionFootprint = function (componentFootprint) {
-        if (!componentFootprint.isAllDay) {
-            this.timeGrid.renderSelectionFootprint(componentFootprint);
-        }
-        else if (this.dayGrid) {
-            this.dayGrid.renderSelectionFootprint(componentFootprint);
+    // can be called repeatedly and Footer will rerender
+    Calendar.prototype.renderFooter = function () {
+        var footer = this.footer;
+        footer.setToolbarOptions(this.computeFooterOptions());
+        footer.render();
+        if (footer.el) {
+            this.el.append(footer.el);
         }
     };
-    return AgendaView;
-}(View_1.default));
-exports.default = AgendaView;
-AgendaView.prototype.timeGridClass = TimeGrid_1.default;
-AgendaView.prototype.dayGridClass = DayGrid_1.default;
-// Will customize the rendering behavior of the AgendaView's timeGrid
-agendaTimeGridMethods = {
-    // Generates the HTML that will go before the day-of week header cells
-    renderHeadIntroHtml: function () {
+    Calendar.prototype.setToolbarsTitle = function (title) {
+        this.toolbarsManager.proxyCall('updateTitle', title);
+    };
+    Calendar.prototype.updateToolbarButtons = function (dateProfile) {
+        var now = this.getNow();
         var view = this.view;
-        var calendar = view.calendar;
-        var weekStart = calendar.msToUtcMoment(this.dateProfile.renderUnzonedRange.startMs, true);
-        var weekText;
-        if (this.opt('weekNumbers')) {
-            weekText = weekStart.format(this.opt('smallWeekFormat'));
-            return '' +
-                '<th class="fc-axis fc-week-number ' + calendar.theme.getClass('widgetHeader') + '" ' + view.axisStyleAttr() + '>' +
-                view.buildGotoAnchorHtml(// aside from link, important for matchCellWidths
-                { date: weekStart, type: 'week', forceOff: this.colCnt > 1 }, util_1.htmlEscape(weekText) // inner HTML
-                ) +
-                '</th>';
+        var todayInfo = view.dateProfileGenerator.build(now);
+        var prevInfo = view.dateProfileGenerator.buildPrev(view.get('dateProfile'));
+        var nextInfo = view.dateProfileGenerator.buildNext(view.get('dateProfile'));
+        this.toolbarsManager.proxyCall((todayInfo.isValid && !dateProfile.currentUnzonedRange.containsDate(now)) ?
+            'enableButton' :
+            'disableButton', 'today');
+        this.toolbarsManager.proxyCall(prevInfo.isValid ?
+            'enableButton' :
+            'disableButton', 'prev');
+        this.toolbarsManager.proxyCall(nextInfo.isValid ?
+            'enableButton' :
+            'disableButton', 'next');
+    };
+    Calendar.prototype.queryToolbarsHeight = function () {
+        return this.toolbarsManager.items.reduce(function (accumulator, toolbar) {
+            var toolbarHeight = toolbar.el ? toolbar.el.outerHeight(true) : 0; // includes margin
+            return accumulator + toolbarHeight;
+        }, 0);
+    };
+    // Selection
+    // -----------------------------------------------------------------------------------------------------------------
+    // this public method receives start/end dates in any format, with any timezone
+    Calendar.prototype.select = function (zonedStartInput, zonedEndInput) {
+        this.view.select(this.buildSelectFootprint.apply(this, arguments));
+    };
+    Calendar.prototype.unselect = function () {
+        if (this.view) {
+            this.view.unselect();
         }
-        else {
-            return '<th class="fc-axis ' + calendar.theme.getClass('widgetHeader') + '" ' + view.axisStyleAttr() + '></th>';
+    };
+    // Given arguments to the select method in the API, returns a span (unzoned start/end and other info)
+    Calendar.prototype.buildSelectFootprint = function (zonedStartInput, zonedEndInput) {
+        var start = this.moment(zonedStartInput).stripZone();
+        var end;
+        if (zonedEndInput) {
+            end = this.moment(zonedEndInput).stripZone();
         }
-    },
-    // Generates the HTML that goes before the bg of the TimeGrid slot area. Long vertical column.
-    renderBgIntroHtml: function () {
-        var view = this.view;
-        return '<td class="fc-axis ' + view.calendar.theme.getClass('widgetContent') + '" ' + view.axisStyleAttr() + '></td>';
-    },
-    // Generates the HTML that goes before all other types of cells.
-    // Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
-    renderIntroHtml: function () {
-        var view = this.view;
-        return '<td class="fc-axis" ' + view.axisStyleAttr() + '></td>';
-    }
-};
-// Will customize the rendering behavior of the AgendaView's dayGrid
-agendaDayGridMethods = {
-    // Generates the HTML that goes before the all-day cells
-    renderBgIntroHtml: function () {
-        var view = this.view;
-        return '' +
-            '<td class="fc-axis ' + view.calendar.theme.getClass('widgetContent') + '" ' + view.axisStyleAttr() + '>' +
-            '<span>' + // needed for matchCellWidths
-            view.getAllDayHtml() +
-            '</span>' +
-            '</td>';
-    },
-    // Generates the HTML that goes before all other types of cells.
-    // Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
-    renderIntroHtml: function () {
-        var view = this.view;
-        return '<td class="fc-axis" ' + view.axisStyleAttr() + '></td>';
-    }
-};
-function groupEventFootprintsByAllDay(eventFootprints) {
-    var allDay = [];
-    var timed = [];
-    var i;
-    for (i = 0; i < eventFootprints.length; i++) {
-        if (eventFootprints[i].componentFootprint.isAllDay) {
-            allDay.push(eventFootprints[i]);
+        else if (start.hasTime()) {
+            end = start.clone().add(this.defaultTimedEventDuration);
         }
         else {
-            timed.push(eventFootprints[i]);
+            end = start.clone().add(this.defaultAllDayEventDuration);
         }
-    }
-    return { allDay: allDay, timed: timed };
-}
-
-
-/***/ }),
-/* 227 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var moment = __webpack_require__(0);
-var util_1 = __webpack_require__(4);
-var InteractiveDateComponent_1 = __webpack_require__(40);
-var BusinessHourRenderer_1 = __webpack_require__(56);
-var StandardInteractionsMixin_1 = __webpack_require__(60);
-var DayTableMixin_1 = __webpack_require__(55);
-var CoordCache_1 = __webpack_require__(53);
-var UnzonedRange_1 = __webpack_require__(5);
-var ComponentFootprint_1 = __webpack_require__(12);
-var TimeGridEventRenderer_1 = __webpack_require__(246);
-var TimeGridHelperRenderer_1 = __webpack_require__(247);
-var TimeGridFillRenderer_1 = __webpack_require__(248);
-/* A component that renders one or more columns of vertical time slots
-----------------------------------------------------------------------------------------------------------------------*/
-// We mixin DayTable, even though there is only a single row of days
-// potential nice values for the slot-duration and interval-duration
-// from largest to smallest
-var AGENDA_STOCK_SUB_DURATIONS = [
-    { hours: 1 },
-    { minutes: 30 },
-    { minutes: 15 },
-    { seconds: 30 },
-    { seconds: 15 }
-];
-var TimeGrid = /** @class */ (function (_super) {
-    tslib_1.__extends(TimeGrid, _super);
-    function TimeGrid(view) {
-        var _this = _super.call(this, view) || this;
-        _this.processOptions();
-        return _this;
-    }
-    // Slices up the given span (unzoned start/end with other misc data) into an array of segments
-    TimeGrid.prototype.componentFootprintToSegs = function (componentFootprint) {
-        var segs = this.sliceRangeByTimes(componentFootprint.unzonedRange);
-        var i;
-        for (i = 0; i < segs.length; i++) {
-            if (this.isRTL) {
-                segs[i].col = this.daysPerRow - 1 - segs[i].dayIndex;
+        return new ComponentFootprint_1.default(new UnzonedRange_1.default(start, end), !start.hasTime());
+    };
+    // Date Utils
+    // -----------------------------------------------------------------------------------------------------------------
+    Calendar.prototype.initMomentInternals = function () {
+        var _this = this;
+        this.defaultAllDayEventDuration = moment.duration(this.opt('defaultAllDayEventDuration'));
+        this.defaultTimedEventDuration = moment.duration(this.opt('defaultTimedEventDuration'));
+        // Called immediately, and when any of the options change.
+        // Happens before any internal objects rebuild or rerender, because this is very core.
+        this.optionsManager.watch('buildingMomentLocale', [
+            '?locale', '?monthNames', '?monthNamesShort', '?dayNames', '?dayNamesShort',
+            '?firstDay', '?weekNumberCalculation'
+        ], function (opts) {
+            var weekNumberCalculation = opts.weekNumberCalculation;
+            var firstDay = opts.firstDay;
+            var _week;
+            // normalize
+            if (weekNumberCalculation === 'iso') {
+                weekNumberCalculation = 'ISO'; // normalize
             }
-            else {
-                segs[i].col = segs[i].dayIndex;
+            var localeData = Object.create(// make a cheap copy
+            locale_1.getMomentLocaleData(opts.locale) // will fall back to en
+            );
+            if (opts.monthNames) {
+                localeData._months = opts.monthNames;
             }
-        }
-        return segs;
-    };
-    /* Date Handling
-    ------------------------------------------------------------------------------------------------------------------*/
-    TimeGrid.prototype.sliceRangeByTimes = function (unzonedRange) {
-        var segs = [];
-        var segRange;
-        var dayIndex;
-        for (dayIndex = 0; dayIndex < this.daysPerRow; dayIndex++) {
-            segRange = unzonedRange.intersect(this.dayRanges[dayIndex]);
-            if (segRange) {
-                segs.push({
-                    startMs: segRange.startMs,
-                    endMs: segRange.endMs,
-                    isStart: segRange.isStart,
-                    isEnd: segRange.isEnd,
-                    dayIndex: dayIndex
-                });
+            if (opts.monthNamesShort) {
+                localeData._monthsShort = opts.monthNamesShort;
             }
-        }
-        return segs;
-    };
-    /* Options
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Parses various options into properties of this object
-    TimeGrid.prototype.processOptions = function () {
-        var slotDuration = this.opt('slotDuration');
-        var snapDuration = this.opt('snapDuration');
-        var input;
-        slotDuration = moment.duration(slotDuration);
-        snapDuration = snapDuration ? moment.duration(snapDuration) : slotDuration;
-        this.slotDuration = slotDuration;
-        this.snapDuration = snapDuration;
-        this.snapsPerSlot = slotDuration / snapDuration; // TODO: ensure an integer multiple?
-        // might be an array value (for TimelineView).
-        // if so, getting the most granular entry (the last one probably).
-        input = this.opt('slotLabelFormat');
-        if ($.isArray(input)) {
-            input = input[input.length - 1];
-        }
-        this.labelFormat = input ||
-            this.opt('smallTimeFormat'); // the computed default
-        input = this.opt('slotLabelInterval');
-        this.labelInterval = input ?
-            moment.duration(input) :
-            this.computeLabelInterval(slotDuration);
+            if (opts.dayNames) {
+                localeData._weekdays = opts.dayNames;
+            }
+            if (opts.dayNamesShort) {
+                localeData._weekdaysShort = opts.dayNamesShort;
+            }
+            if (firstDay == null && weekNumberCalculation === 'ISO') {
+                firstDay = 1;
+            }
+            if (firstDay != null) {
+                _week = Object.create(localeData._week); // _week: { dow: # }
+                _week.dow = firstDay;
+                localeData._week = _week;
+            }
+            if ( // whitelist certain kinds of input
+            weekNumberCalculation === 'ISO' ||
+                weekNumberCalculation === 'local' ||
+                typeof weekNumberCalculation === 'function') {
+                localeData._fullCalendar_weekCalc = weekNumberCalculation; // moment-ext will know what to do with it
+            }
+            _this.localeData = localeData;
+            // If the internal current date object already exists, move to new locale.
+            // We do NOT need to do this technique for event dates, because this happens when converting to "segments".
+            if (_this.currentDate) {
+                _this.localizeMoment(_this.currentDate); // sets to localeData
+            }
+        });
     };
-    // Computes an automatic value for slotLabelInterval
-    TimeGrid.prototype.computeLabelInterval = function (slotDuration) {
-        var i;
-        var labelInterval;
-        var slotsPerLabel;
-        // find the smallest stock label interval that results in more than one slots-per-label
-        for (i = AGENDA_STOCK_SUB_DURATIONS.length - 1; i >= 0; i--) {
-            labelInterval = moment.duration(AGENDA_STOCK_SUB_DURATIONS[i]);
-            slotsPerLabel = util_1.divideDurationByDuration(labelInterval, slotDuration);
-            if (util_1.isInt(slotsPerLabel) && slotsPerLabel > 1) {
-                return labelInterval;
+    // Builds a moment using the settings of the current calendar: timezone and locale.
+    // Accepts anything the vanilla moment() constructor accepts.
+    Calendar.prototype.moment = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var mom;
+        if (this.opt('timezone') === 'local') {
+            mom = moment_ext_1.default.apply(null, args);
+            // Force the moment to be local, because momentExt doesn't guarantee it.
+            if (mom.hasTime()) { // don't give ambiguously-timed moments a local zone
+                mom.local();
             }
         }
-        return moment.duration(slotDuration); // fall back. clone
+        else if (this.opt('timezone') === 'UTC') {
+            mom = moment_ext_1.default.utc.apply(null, args); // process as UTC
+        }
+        else {
+            mom = moment_ext_1.default.parseZone.apply(null, args); // let the input decide the zone
+        }
+        this.localizeMoment(mom); // TODO
+        return mom;
     };
-    /* Date Rendering
-    ------------------------------------------------------------------------------------------------------------------*/
-    TimeGrid.prototype.renderDates = function (dateProfile) {
-        this.dateProfile = dateProfile;
-        this.updateDayTable();
-        this.renderSlats();
-        this.renderColumns();
+    Calendar.prototype.msToMoment = function (ms, forceAllDay) {
+        var mom = moment_ext_1.default.utc(ms); // TODO: optimize by using Date.UTC
+        if (forceAllDay) {
+            mom.stripTime();
+        }
+        else {
+            mom = this.applyTimezone(mom); // may or may not apply locale
+        }
+        this.localizeMoment(mom);
+        return mom;
     };
-    TimeGrid.prototype.unrenderDates = function () {
-        // this.unrenderSlats(); // don't need this because repeated .html() calls clear
-        this.unrenderColumns();
+    Calendar.prototype.msToUtcMoment = function (ms, forceAllDay) {
+        var mom = moment_ext_1.default.utc(ms); // TODO: optimize by using Date.UTC
+        if (forceAllDay) {
+            mom.stripTime();
+        }
+        this.localizeMoment(mom);
+        return mom;
     };
-    TimeGrid.prototype.renderSkeleton = function () {
-        var theme = this.view.calendar.theme;
-        this.el.html('<div class="fc-bg"></div>' +
-            '<div class="fc-slats"></div>' +
-            '<hr class="fc-divider ' + theme.getClass('widgetHeader') + '" style="display:none" />');
-        this.bottomRuleEl = this.el.find('hr');
+    // Updates the given moment's locale settings to the current calendar locale settings.
+    Calendar.prototype.localizeMoment = function (mom) {
+        mom._locale = this.localeData;
     };
-    TimeGrid.prototype.renderSlats = function () {
-        var theme = this.view.calendar.theme;
-        this.slatContainerEl = this.el.find('> .fc-slats')
-            .html(// avoids needing ::unrenderSlats()
-        '<table class="' + theme.getClass('tableGrid') + '">' +
-            this.renderSlatRowHtml() +
-            '</table>');
-        this.slatEls = this.slatContainerEl.find('tr');
-        this.slatCoordCache = new CoordCache_1.default({
-            els: this.slatEls,
-            isVertical: true
-        });
+    // Returns a boolean about whether or not the calendar knows how to calculate
+    // the timezone offset of arbitrary dates in the current timezone.
+    Calendar.prototype.getIsAmbigTimezone = function () {
+        return this.opt('timezone') !== 'local' && this.opt('timezone') !== 'UTC';
     };
-    // Generates the HTML for the horizontal "slats" that run width-wise. Has a time axis on a side. Depends on RTL.
-    TimeGrid.prototype.renderSlatRowHtml = function () {
-        var view = this.view;
-        var calendar = view.calendar;
-        var theme = calendar.theme;
-        var isRTL = this.isRTL;
-        var dateProfile = this.dateProfile;
-        var html = '';
-        var slotTime = moment.duration(+dateProfile.minTime); // wish there was .clone() for durations
-        var slotIterator = moment.duration(0);
-        var slotDate; // will be on the view's first day, but we only care about its time
-        var isLabeled;
-        var axisHtml;
-        // Calculate the time for each slot
-        while (slotTime < dateProfile.maxTime) {
-            slotDate = calendar.msToUtcMoment(dateProfile.renderUnzonedRange.startMs).time(slotTime);
-            isLabeled = util_1.isInt(util_1.divideDurationByDuration(slotIterator, this.labelInterval));
-            axisHtml =
-                '<td class="fc-axis fc-time ' + theme.getClass('widgetContent') + '" ' + view.axisStyleAttr() + '>' +
-                    (isLabeled ?
-                        '<span>' + // for matchCellWidths
-                            util_1.htmlEscape(slotDate.format(this.labelFormat)) +
-                            '</span>' :
-                        '') +
-                    '</td>';
-            html +=
-                '<tr data-time="' + slotDate.format('HH:mm:ss') + '"' +
-                    (isLabeled ? '' : ' class="fc-minor"') +
-                    '>' +
-                    (!isRTL ? axisHtml : '') +
-                    '<td class="' + theme.getClass('widgetContent') + '"/>' +
-                    (isRTL ? axisHtml : '') +
-                    '</tr>';
-            slotTime.add(this.slotDuration);
-            slotIterator.add(this.slotDuration);
+    // Returns a copy of the given date in the current timezone. Has no effect on dates without times.
+    Calendar.prototype.applyTimezone = function (date) {
+        if (!date.hasTime()) {
+            return date.clone();
         }
-        return html;
-    };
-    TimeGrid.prototype.renderColumns = function () {
-        var dateProfile = this.dateProfile;
-        var theme = this.view.calendar.theme;
-        this.dayRanges = this.dayDates.map(function (dayDate) {
-            return new UnzonedRange_1.default(dayDate.clone().add(dateProfile.minTime), dayDate.clone().add(dateProfile.maxTime));
-        });
-        if (this.headContainerEl) {
-            this.headContainerEl.html(this.renderHeadHtml());
+        var zonedDate = this.moment(date.toArray());
+        var timeAdjust = date.time().asMilliseconds() - zonedDate.time().asMilliseconds();
+        var adjustedZonedDate;
+        // Safari sometimes has problems with this coersion when near DST. Adjust if necessary. (bug #2396)
+        if (timeAdjust) { // is the time result different than expected?
+            adjustedZonedDate = zonedDate.clone().add(timeAdjust); // add milliseconds
+            if (date.time().asMilliseconds() - adjustedZonedDate.time().asMilliseconds() === 0) { // does it match perfectly now?
+                zonedDate = adjustedZonedDate;
+            }
         }
-        this.el.find('> .fc-bg').html('<table class="' + theme.getClass('tableGrid') + '">' +
-            this.renderBgTrHtml(0) + // row=0
-            '</table>');
-        this.colEls = this.el.find('.fc-day, .fc-disabled-day');
-        this.colCoordCache = new CoordCache_1.default({
-            els: this.colEls,
-            isHorizontal: true
-        });
-        this.renderContentSkeleton();
-    };
-    TimeGrid.prototype.unrenderColumns = function () {
-        this.unrenderContentSkeleton();
+        return zonedDate;
     };
-    /* Content Skeleton
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders the DOM that the view's content will live in
-    TimeGrid.prototype.renderContentSkeleton = function () {
-        var cellHtml = '';
-        var i;
-        var skeletonEl;
-        for (i = 0; i < this.colCnt; i++) {
-            cellHtml +=
-                '<td>' +
-                    '<div class="fc-content-col">' +
-                    '<div class="fc-event-container fc-helper-container"></div>' +
-                    '<div class="fc-event-container"></div>' +
-                    '<div class="fc-highlight-container"></div>' +
-                    '<div class="fc-bgevent-container"></div>' +
-                    '<div class="fc-business-container"></div>' +
-                    '</div>' +
-                    '</td>';
+    /*
+    Assumes the footprint is non-open-ended.
+    */
+    Calendar.prototype.footprintToDateProfile = function (componentFootprint, ignoreEnd) {
+        if (ignoreEnd === void 0) { ignoreEnd = false; }
+        var start = moment_ext_1.default.utc(componentFootprint.unzonedRange.startMs);
+        var end;
+        if (!ignoreEnd) {
+            end = moment_ext_1.default.utc(componentFootprint.unzonedRange.endMs);
         }
-        skeletonEl = this.contentSkeletonEl = $('<div class="fc-content-skeleton">' +
-            '<table>' +
-            '<tr>' + cellHtml + '</tr>' +
-            '</table>' +
-            '</div>');
-        this.colContainerEls = skeletonEl.find('.fc-content-col');
-        this.helperContainerEls = skeletonEl.find('.fc-helper-container');
-        this.fgContainerEls = skeletonEl.find('.fc-event-container:not(.fc-helper-container)');
-        this.bgContainerEls = skeletonEl.find('.fc-bgevent-container');
-        this.highlightContainerEls = skeletonEl.find('.fc-highlight-container');
-        this.businessContainerEls = skeletonEl.find('.fc-business-container');
-        this.bookendCells(skeletonEl.find('tr')); // TODO: do this on string level
-        this.el.append(skeletonEl);
-    };
-    TimeGrid.prototype.unrenderContentSkeleton = function () {
-        if (this.contentSkeletonEl) {
-            this.contentSkeletonEl.remove();
-            this.contentSkeletonEl = null;
-            this.colContainerEls = null;
-            this.helperContainerEls = null;
-            this.fgContainerEls = null;
-            this.bgContainerEls = null;
-            this.highlightContainerEls = null;
-            this.businessContainerEls = null;
+        if (componentFootprint.isAllDay) {
+            start.stripTime();
+            if (end) {
+                end.stripTime();
+            }
         }
-    };
-    // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's col
-    TimeGrid.prototype.groupSegsByCol = function (segs) {
-        var segsByCol = [];
-        var i;
-        for (i = 0; i < this.colCnt; i++) {
-            segsByCol.push([]);
+        else {
+            start = this.applyTimezone(start);
+            if (end) {
+                end = this.applyTimezone(end);
+            }
         }
-        for (i = 0; i < segs.length; i++) {
-            segsByCol[segs[i].col].push(segs[i]);
+        this.localizeMoment(start);
+        if (end) {
+            this.localizeMoment(end);
         }
-        return segsByCol;
+        return new EventDateProfile_1.default(start, end, this);
     };
-    // Given segments grouped by column, insert the segments' elements into a parallel array of container
-    // elements, each living within a column.
-    TimeGrid.prototype.attachSegsByCol = function (segsByCol, containerEls) {
-        var col;
-        var segs;
-        var i;
-        for (col = 0; col < this.colCnt; col++) {
-            segs = segsByCol[col];
-            for (i = 0; i < segs.length; i++) {
-                containerEls.eq(col).append(segs[i].el);
-            }
+    // Returns a moment for the current date, as defined by the client's computer or from the `now` option.
+    // Will return an moment with an ambiguous timezone.
+    Calendar.prototype.getNow = function () {
+        var now = this.opt('now');
+        if (typeof now === 'function') {
+            now = now();
         }
+        return this.moment(now).stripZone();
     };
-    /* Now Indicator
-    ------------------------------------------------------------------------------------------------------------------*/
-    TimeGrid.prototype.getNowIndicatorUnit = function () {
-        return 'minute'; // will refresh on the minute
+    // Produces a human-readable string for the given duration.
+    // Side-effect: changes the locale of the given duration.
+    Calendar.prototype.humanizeDuration = function (duration) {
+        return duration.locale(this.opt('locale')).humanize();
     };
-    TimeGrid.prototype.renderNowIndicator = function (date) {
-        // HACK: if date columns not ready for some reason (scheduler)
-        if (!this.colContainerEls) {
-            return;
+    // will return `null` if invalid range
+    Calendar.prototype.parseUnzonedRange = function (rangeInput) {
+        var start = null;
+        var end = null;
+        if (rangeInput.start) {
+            start = this.moment(rangeInput.start).stripZone();
         }
-        // seg system might be overkill, but it handles scenario where line needs to be rendered
-        //  more than once because of columns with the same date (resources columns for example)
-        var segs = this.componentFootprintToSegs(new ComponentFootprint_1.default(new UnzonedRange_1.default(date, date.valueOf() + 1), // protect against null range
-        false // all-day
-        ));
-        var top = this.computeDateTop(date, date);
-        var nodes = [];
-        var i;
-        // render lines within the columns
-        for (i = 0; i < segs.length; i++) {
-            nodes.push($('<div class="fc-now-indicator fc-now-indicator-line"></div>')
-                .css('top', top)
-                .appendTo(this.colContainerEls.eq(segs[i].col))[0]);
+        if (rangeInput.end) {
+            end = this.moment(rangeInput.end).stripZone();
         }
-        // render an arrow over the axis
-        if (segs.length > 0) {
-            nodes.push($('<div class="fc-now-indicator fc-now-indicator-arrow"></div>')
-                .css('top', top)
-                .appendTo(this.el.find('.fc-content-skeleton'))[0]);
+        if (!start && !end) {
+            return null;
         }
-        this.nowIndicatorEls = $(nodes);
+        if (start && end && end.isBefore(start)) {
+            return null;
+        }
+        return new UnzonedRange_1.default(start, end);
     };
-    TimeGrid.prototype.unrenderNowIndicator = function () {
-        if (this.nowIndicatorEls) {
-            this.nowIndicatorEls.remove();
-            this.nowIndicatorEls = null;
+    // Event-Date Utilities
+    // -----------------------------------------------------------------------------------------------------------------
+    Calendar.prototype.initEventManager = function () {
+        var _this = this;
+        var eventManager = new EventManager_1.default(this);
+        var rawSources = this.opt('eventSources') || [];
+        var singleRawSource = this.opt('events');
+        this.eventManager = eventManager;
+        if (singleRawSource) {
+            rawSources.unshift(singleRawSource);
         }
+        eventManager.on('release', function (eventsPayload) {
+            _this.trigger('eventsReset', eventsPayload);
+        });
+        eventManager.freeze();
+        rawSources.forEach(function (rawSource) {
+            var source = EventSourceParser_1.default.parse(rawSource, _this);
+            if (source) {
+                eventManager.addSource(source);
+            }
+        });
+        eventManager.thaw();
     };
-    /* Coordinates
-    ------------------------------------------------------------------------------------------------------------------*/
-    TimeGrid.prototype.updateSize = function (totalHeight, isAuto, isResize) {
-        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
-        this.slatCoordCache.build();
-        if (isResize) {
-            this.updateSegVerticals([].concat(this.eventRenderer.getSegs(), this.businessSegs || []));
+    Calendar.prototype.requestEvents = function (start, end) {
+        return this.eventManager.requestEvents(start, end, this.opt('timezone'), !this.opt('lazyFetching'));
+    };
+    // Get an event's normalized end date. If not present, calculate it from the defaults.
+    Calendar.prototype.getEventEnd = function (event) {
+        if (event.end) {
+            return event.end.clone();
+        }
+        else {
+            return this.getDefaultEventEnd(event.allDay, event.start);
         }
     };
-    TimeGrid.prototype.getTotalSlatHeight = function () {
-        return this.slatContainerEl.outerHeight();
+    // Given an event's allDay status and start date, return what its fallback end date should be.
+    // TODO: rename to computeDefaultEventEnd
+    Calendar.prototype.getDefaultEventEnd = function (allDay, zonedStart) {
+        var end = zonedStart.clone();
+        if (allDay) {
+            end.stripTime().add(this.defaultAllDayEventDuration);
+        }
+        else {
+            end.add(this.defaultTimedEventDuration);
+        }
+        if (this.getIsAmbigTimezone()) {
+            end.stripZone(); // we don't know what the tzo should be
+        }
+        return end;
     };
-    // Computes the top coordinate, relative to the bounds of the grid, of the given date.
-    // `ms` can be a millisecond UTC time OR a UTC moment.
-    // A `startOfDayDate` must be given for avoiding ambiguity over how to treat midnight.
-    TimeGrid.prototype.computeDateTop = function (ms, startOfDayDate) {
-        return this.computeTimeTop(moment.duration(ms - startOfDayDate.clone().stripTime()));
+    // Public Events API
+    // -----------------------------------------------------------------------------------------------------------------
+    Calendar.prototype.rerenderEvents = function () {
+        this.view.flash('displayingEvents');
     };
-    // Computes the top coordinate, relative to the bounds of the grid, of the given time (a Duration).
-    TimeGrid.prototype.computeTimeTop = function (time) {
-        var len = this.slatEls.length;
-        var dateProfile = this.dateProfile;
-        var slatCoverage = (time - dateProfile.minTime) / this.slotDuration; // floating-point value of # of slots covered
-        var slatIndex;
-        var slatRemainder;
-        // compute a floating-point number for how many slats should be progressed through.
-        // from 0 to number of slats (inclusive)
-        // constrained because minTime/maxTime might be customized.
-        slatCoverage = Math.max(0, slatCoverage);
-        slatCoverage = Math.min(len, slatCoverage);
-        // an integer index of the furthest whole slat
-        // from 0 to number slats (*exclusive*, so len-1)
-        slatIndex = Math.floor(slatCoverage);
-        slatIndex = Math.min(slatIndex, len - 1);
-        // how much further through the slatIndex slat (from 0.0-1.0) must be covered in addition.
-        // could be 1.0 if slatCoverage is covering *all* the slots
-        slatRemainder = slatCoverage - slatIndex;
-        return this.slatCoordCache.getTopPosition(slatIndex) +
-            this.slatCoordCache.getHeight(slatIndex) * slatRemainder;
+    Calendar.prototype.refetchEvents = function () {
+        this.eventManager.refetchAllSources();
     };
-    // Refreshes the CSS top/bottom coordinates for each segment element.
-    // Works when called after initial render, after a window resize/zoom for example.
-    TimeGrid.prototype.updateSegVerticals = function (segs) {
-        this.computeSegVerticals(segs);
-        this.assignSegVerticals(segs);
+    Calendar.prototype.renderEvents = function (eventInputs, isSticky) {
+        this.eventManager.freeze();
+        for (var i = 0; i < eventInputs.length; i++) {
+            this.renderEvent(eventInputs[i], isSticky);
+        }
+        this.eventManager.thaw();
     };
-    // For each segment in an array, computes and assigns its top and bottom properties
-    TimeGrid.prototype.computeSegVerticals = function (segs) {
-        var eventMinHeight = this.opt('agendaEventMinHeight');
-        var i;
-        var seg;
-        var dayDate;
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            dayDate = this.dayDates[seg.dayIndex];
-            seg.top = this.computeDateTop(seg.startMs, dayDate);
-            seg.bottom = Math.max(seg.top + eventMinHeight, this.computeDateTop(seg.endMs, dayDate));
+    Calendar.prototype.renderEvent = function (eventInput, isSticky) {
+        if (isSticky === void 0) { isSticky = false; }
+        var eventManager = this.eventManager;
+        var eventDef = EventDefParser_1.default.parse(eventInput, eventInput.source || eventManager.stickySource);
+        if (eventDef) {
+            eventManager.addEventDef(eventDef, isSticky);
         }
     };
-    // Given segments that already have their top/bottom properties computed, applies those values to
-    // the segments' elements.
-    TimeGrid.prototype.assignSegVerticals = function (segs) {
+    // legacyQuery operates on legacy event instance objects
+    Calendar.prototype.removeEvents = function (legacyQuery) {
+        var eventManager = this.eventManager;
+        var legacyInstances = [];
+        var idMap = {};
+        var eventDef;
         var i;
-        var seg;
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            seg.el.css(this.generateSegVerticalCss(seg));
+        if (legacyQuery == null) { // shortcut for removing all
+            eventManager.removeAllEventDefs(); // persist=true
+        }
+        else {
+            eventManager.getEventInstances().forEach(function (eventInstance) {
+                legacyInstances.push(eventInstance.toLegacy());
+            });
+            legacyInstances = filterLegacyEventInstances(legacyInstances, legacyQuery);
+            // compute unique IDs
+            for (i = 0; i < legacyInstances.length; i++) {
+                eventDef = this.eventManager.getEventDefByUid(legacyInstances[i]._id);
+                idMap[eventDef.id] = true;
+            }
+            eventManager.freeze();
+            for (i in idMap) { // reuse `i` as an "id"
+                eventManager.removeEventDefsById(i); // persist=true
+            }
+            eventManager.thaw();
         }
     };
-    // Generates an object with CSS properties for the top/bottom coordinates of a segment element
-    TimeGrid.prototype.generateSegVerticalCss = function (seg) {
-        return {
-            top: seg.top,
-            bottom: -seg.bottom // flipped because needs to be space beyond bottom edge of event container
-        };
-    };
-    /* Hit System
-    ------------------------------------------------------------------------------------------------------------------*/
-    TimeGrid.prototype.prepareHits = function () {
-        this.colCoordCache.build();
-        this.slatCoordCache.build();
-    };
-    TimeGrid.prototype.releaseHits = function () {
-        this.colCoordCache.clear();
-        // NOTE: don't clear slatCoordCache because we rely on it for computeTimeTop
+    // legacyQuery operates on legacy event instance objects
+    Calendar.prototype.clientEvents = function (legacyQuery) {
+        var legacyEventInstances = [];
+        this.eventManager.getEventInstances().forEach(function (eventInstance) {
+            legacyEventInstances.push(eventInstance.toLegacy());
+        });
+        return filterLegacyEventInstances(legacyEventInstances, legacyQuery);
     };
-    TimeGrid.prototype.queryHit = function (leftOffset, topOffset) {
-        var snapsPerSlot = this.snapsPerSlot;
-        var colCoordCache = this.colCoordCache;
-        var slatCoordCache = this.slatCoordCache;
-        if (colCoordCache.isLeftInBounds(leftOffset) && slatCoordCache.isTopInBounds(topOffset)) {
-            var colIndex = colCoordCache.getHorizontalIndex(leftOffset);
-            var slatIndex = slatCoordCache.getVerticalIndex(topOffset);
-            if (colIndex != null && slatIndex != null) {
-                var slatTop = slatCoordCache.getTopOffset(slatIndex);
-                var slatHeight = slatCoordCache.getHeight(slatIndex);
-                var partial = (topOffset - slatTop) / slatHeight; // floating point number between 0 and 1
-                var localSnapIndex = Math.floor(partial * snapsPerSlot); // the snap # relative to start of slat
-                var snapIndex = slatIndex * snapsPerSlot + localSnapIndex;
-                var snapTop = slatTop + (localSnapIndex / snapsPerSlot) * slatHeight;
-                var snapBottom = slatTop + ((localSnapIndex + 1) / snapsPerSlot) * slatHeight;
-                return {
-                    col: colIndex,
-                    snap: snapIndex,
-                    component: this,
-                    left: colCoordCache.getLeftOffset(colIndex),
-                    right: colCoordCache.getRightOffset(colIndex),
-                    top: snapTop,
-                    bottom: snapBottom
-                };
-            }
+    Calendar.prototype.updateEvents = function (eventPropsArray) {
+        this.eventManager.freeze();
+        for (var i = 0; i < eventPropsArray.length; i++) {
+            this.updateEvent(eventPropsArray[i]);
         }
+        this.eventManager.thaw();
     };
-    TimeGrid.prototype.getHitFootprint = function (hit) {
-        var start = this.getCellDate(0, hit.col); // row=0
-        var time = this.computeSnapTime(hit.snap); // pass in the snap-index
-        var end;
-        start.time(time);
-        end = start.clone().add(this.snapDuration);
-        return new ComponentFootprint_1.default(new UnzonedRange_1.default(start, end), false // all-day?
-        );
+    Calendar.prototype.updateEvent = function (eventProps) {
+        var eventDef = this.eventManager.getEventDefByUid(eventProps._id);
+        var eventInstance;
+        var eventDefMutation;
+        if (eventDef instanceof SingleEventDef_1.default) {
+            eventInstance = eventDef.buildInstance();
+            eventDefMutation = EventDefMutation_1.default.createFromRawProps(eventInstance, eventProps, // raw props
+            null // largeUnit -- who uses it?
+            );
+            this.eventManager.mutateEventsWithId(eventDef.id, eventDefMutation); // will release
+        }
     };
-    // Given a row number of the grid, representing a "snap", returns a time (Duration) from its start-of-day
-    TimeGrid.prototype.computeSnapTime = function (snapIndex) {
-        return moment.duration(this.dateProfile.minTime + this.snapDuration * snapIndex);
+    // Public Event Sources API
+    // ------------------------------------------------------------------------------------
+    Calendar.prototype.getEventSources = function () {
+        return this.eventManager.otherSources.slice(); // clone
     };
-    TimeGrid.prototype.getHitEl = function (hit) {
-        return this.colEls.eq(hit.col);
+    Calendar.prototype.getEventSourceById = function (id) {
+        return this.eventManager.getSourceById(EventSource_1.default.normalizeId(id));
     };
-    /* Event Drag Visualization
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders a visual indication of an event being dragged over the specified date(s).
-    // A returned value of `true` signals that a mock "helper" event has been rendered.
-    TimeGrid.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
+    Calendar.prototype.addEventSource = function (sourceInput) {
+        var source = EventSourceParser_1.default.parse(sourceInput, this);
+        if (source) {
+            this.eventManager.addSource(source);
+        }
+    };
+    Calendar.prototype.removeEventSources = function (sourceMultiQuery) {
+        var eventManager = this.eventManager;
+        var sources;
         var i;
-        if (seg) {
-            if (eventFootprints.length) {
-                this.helperRenderer.renderEventDraggingFootprints(eventFootprints, seg, isTouch);
-                // signal that a helper has been rendered
-                return true;
-            }
+        if (sourceMultiQuery == null) {
+            this.eventManager.removeAllSources();
         }
         else {
-            for (i = 0; i < eventFootprints.length; i++) {
-                this.renderHighlight(eventFootprints[i].componentFootprint);
+            sources = eventManager.multiQuerySources(sourceMultiQuery);
+            eventManager.freeze();
+            for (i = 0; i < sources.length; i++) {
+                eventManager.removeSource(sources[i]);
             }
+            eventManager.thaw();
         }
     };
-    // Unrenders any visual indication of an event being dragged
-    TimeGrid.prototype.unrenderDrag = function () {
-        this.unrenderHighlight();
-        this.helperRenderer.unrender();
-    };
-    /* Event Resize Visualization
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders a visual indication of an event being resized
-    TimeGrid.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
-        this.helperRenderer.renderEventResizingFootprints(eventFootprints, seg, isTouch);
-    };
-    // Unrenders any visual indication of an event being resized
-    TimeGrid.prototype.unrenderEventResize = function () {
-        this.helperRenderer.unrender();
-    };
-    /* Selection
-    ------------------------------------------------------------------------------------------------------------------*/
-    // Renders a visual indication of a selection. Overrides the default, which was to simply render a highlight.
-    TimeGrid.prototype.renderSelectionFootprint = function (componentFootprint) {
-        if (this.opt('selectHelper')) {
-            this.helperRenderer.renderComponentFootprint(componentFootprint);
-        }
-        else {
-            this.renderHighlight(componentFootprint);
+    Calendar.prototype.removeEventSource = function (sourceQuery) {
+        var eventManager = this.eventManager;
+        var sources = eventManager.querySources(sourceQuery);
+        var i;
+        eventManager.freeze();
+        for (i = 0; i < sources.length; i++) {
+            eventManager.removeSource(sources[i]);
         }
+        eventManager.thaw();
     };
-    // Unrenders any visual indication of a selection
-    TimeGrid.prototype.unrenderSelection = function () {
-        this.helperRenderer.unrender();
-        this.unrenderHighlight();
+    Calendar.prototype.refetchEventSources = function (sourceMultiQuery) {
+        var eventManager = this.eventManager;
+        var sources = eventManager.multiQuerySources(sourceMultiQuery);
+        var i;
+        eventManager.freeze();
+        for (i = 0; i < sources.length; i++) {
+            eventManager.refetchSource(sources[i]);
+        }
+        eventManager.thaw();
     };
-    return TimeGrid;
-}(InteractiveDateComponent_1.default));
-exports.default = TimeGrid;
-TimeGrid.prototype.eventRendererClass = TimeGridEventRenderer_1.default;
-TimeGrid.prototype.businessHourRendererClass = BusinessHourRenderer_1.default;
-TimeGrid.prototype.helperRendererClass = TimeGridHelperRenderer_1.default;
-TimeGrid.prototype.fillRendererClass = TimeGridFillRenderer_1.default;
-StandardInteractionsMixin_1.default.mixInto(TimeGrid);
-DayTableMixin_1.default.mixInto(TimeGrid);
+    // not for internal use. use options module directly instead.
+    Calendar.defaults = options_1.globalDefaults;
+    Calendar.englishDefaults = options_1.englishDefaults;
+    Calendar.rtlDefaults = options_1.rtlDefaults;
+    return Calendar;
+}());
+exports.default = Calendar;
+EmitterMixin_1.default.mixInto(Calendar);
+ListenerMixin_1.default.mixInto(Calendar);
+function filterLegacyEventInstances(legacyEventInstances, legacyQuery) {
+    if (legacyQuery == null) {
+        return legacyEventInstances;
+    }
+    else if ($.isFunction(legacyQuery)) {
+        return legacyEventInstances.filter(legacyQuery);
+    }
+    else { // an event ID
+        legacyQuery += ''; // normalize to string
+        return legacyEventInstances.filter(function (legacyEventInstance) {
+            // soft comparison because id not be normalized to string
+            // tslint:disable-next-line
+            return legacyEventInstance.id == legacyQuery ||
+                legacyEventInstance._id === legacyQuery; // can specify internal id, but must exactly match
+        });
+    }
+}
 
 
 /***/ }),
-/* 228 */
+/* 233 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var UnzonedRange_1 = __webpack_require__(5);
-var DateProfileGenerator_1 = __webpack_require__(221);
-var BasicViewDateProfileGenerator = /** @class */ (function (_super) {
-    tslib_1.__extends(BasicViewDateProfileGenerator, _super);
-    function BasicViewDateProfileGenerator() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var $ = __webpack_require__(3);
+var moment = __webpack_require__(0);
+var exportHooks = __webpack_require__(18);
+var util_1 = __webpack_require__(4);
+var moment_ext_1 = __webpack_require__(11);
+var ListenerMixin_1 = __webpack_require__(7);
+var HitDragListener_1 = __webpack_require__(17);
+var SingleEventDef_1 = __webpack_require__(9);
+var EventInstanceGroup_1 = __webpack_require__(20);
+var EventSource_1 = __webpack_require__(6);
+var Interaction_1 = __webpack_require__(14);
+var ExternalDropping = /** @class */ (function (_super) {
+    tslib_1.__extends(ExternalDropping, _super);
+    function ExternalDropping() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.isDragging = false; // jqui-dragging an external element? boolean
+        return _this;
     }
-    // Computes the date range that will be rendered.
-    BasicViewDateProfileGenerator.prototype.buildRenderRange = function (currentUnzonedRange, currentRangeUnit, isRangeAllDay) {
-        var renderUnzonedRange = _super.prototype.buildRenderRange.call(this, currentUnzonedRange, currentRangeUnit, isRangeAllDay); // an UnzonedRange
-        var start = this.msToUtcMoment(renderUnzonedRange.startMs, isRangeAllDay);
-        var end = this.msToUtcMoment(renderUnzonedRange.endMs, isRangeAllDay);
-        // year and month views should be aligned with weeks. this is already done for week
-        if (/^(year|month)$/.test(currentRangeUnit)) {
-            start.startOf('week');
-            // make end-of-week if not already
-            if (end.weekday()) {
-                end.add(1, 'week').startOf('week'); // exclusively move backwards
+    /*
+    component impements:
+      - eventRangesToEventFootprints
+      - isEventInstanceGroupAllowed
+      - isExternalInstanceGroupAllowed
+      - renderDrag
+      - unrenderDrag
+    */
+    ExternalDropping.prototype.end = function () {
+        if (this.dragListener) {
+            this.dragListener.endInteraction();
+        }
+    };
+    ExternalDropping.prototype.bindToDocument = function () {
+        this.listenTo($(document), {
+            dragstart: this.handleDragStart,
+            sortstart: this.handleDragStart // jqui
+        });
+    };
+    ExternalDropping.prototype.unbindFromDocument = function () {
+        this.stopListeningTo($(document));
+    };
+    // Called when a jQuery UI drag is initiated anywhere in the DOM
+    ExternalDropping.prototype.handleDragStart = function (ev, ui) {
+        var el;
+        var accept;
+        if (this.opt('droppable')) { // only listen if this setting is on
+            el = $((ui ? ui.item : null) || ev.target);
+            // Test that the dragged element passes the dropAccept selector or filter function.
+            // FYI, the default is "*" (matches all)
+            accept = this.opt('dropAccept');
+            if ($.isFunction(accept) ? accept.call(el[0], el) : el.is(accept)) {
+                if (!this.isDragging) { // prevent double-listening if fired twice
+                    this.listenToExternalDrag(el, ev, ui);
+                }
+            }
+        }
+    };
+    // Called when a jQuery UI drag starts and it needs to be monitored for dropping
+    ExternalDropping.prototype.listenToExternalDrag = function (el, ev, ui) {
+        var _this = this;
+        var component = this.component;
+        var view = this.view;
+        var meta = getDraggedElMeta(el); // extra data about event drop, including possible event to create
+        var singleEventDef; // a null value signals an unsuccessful drag
+        // listener that tracks mouse movement over date-associated pixel regions
+        var dragListener = this.dragListener = new HitDragListener_1.default(component, {
+            interactionStart: function () {
+                _this.isDragging = true;
+            },
+            hitOver: function (hit) {
+                var isAllowed = true;
+                var hitFootprint = hit.component.getSafeHitFootprint(hit); // hit might not belong to this grid
+                var mutatedEventInstanceGroup;
+                if (hitFootprint) {
+                    singleEventDef = _this.computeExternalDrop(hitFootprint, meta);
+                    if (singleEventDef) {
+                        mutatedEventInstanceGroup = new EventInstanceGroup_1.default(singleEventDef.buildInstances());
+                        isAllowed = meta.eventProps ? // isEvent?
+                            component.isEventInstanceGroupAllowed(mutatedEventInstanceGroup) :
+                            component.isExternalInstanceGroupAllowed(mutatedEventInstanceGroup);
+                    }
+                    else {
+                        isAllowed = false;
+                    }
+                }
+                else {
+                    isAllowed = false;
+                }
+                if (!isAllowed) {
+                    singleEventDef = null;
+                    util_1.disableCursor();
+                }
+                if (singleEventDef) {
+                    component.renderDrag(// called without a seg parameter
+                    component.eventRangesToEventFootprints(mutatedEventInstanceGroup.sliceRenderRanges(component.dateProfile.renderUnzonedRange, view.calendar)));
+                }
+            },
+            hitOut: function () {
+                singleEventDef = null; // signal unsuccessful
+            },
+            hitDone: function () {
+                util_1.enableCursor();
+                component.unrenderDrag();
+            },
+            interactionEnd: function (ev) {
+                if (singleEventDef) { // element was dropped on a valid hit
+                    view.reportExternalDrop(singleEventDef, Boolean(meta.eventProps), // isEvent
+                    Boolean(meta.stick), // isSticky
+                    el, ev, ui);
+                }
+                _this.isDragging = false;
+                _this.dragListener = null;
+            }
+        });
+        dragListener.startDrag(ev); // start listening immediately
+    };
+    // Given a hit to be dropped upon, and misc data associated with the jqui drag (guaranteed to be a plain object),
+    // returns the zoned start/end dates for the event that would result from the hypothetical drop. end might be null.
+    // Returning a null value signals an invalid drop hit.
+    // DOES NOT consider overlap/constraint.
+    // Assumes both footprints are non-open-ended.
+    ExternalDropping.prototype.computeExternalDrop = function (componentFootprint, meta) {
+        var calendar = this.view.calendar;
+        var start = moment_ext_1.default.utc(componentFootprint.unzonedRange.startMs).stripZone();
+        var end;
+        var eventDef;
+        if (componentFootprint.isAllDay) {
+            // if dropped on an all-day span, and element's metadata specified a time, set it
+            if (meta.startTime) {
+                start.time(meta.startTime);
+            }
+            else {
+                start.stripTime();
             }
         }
-        return new UnzonedRange_1.default(start, end);
+        if (meta.duration) {
+            end = start.clone().add(meta.duration);
+        }
+        start = calendar.applyTimezone(start);
+        if (end) {
+            end = calendar.applyTimezone(end);
+        }
+        eventDef = SingleEventDef_1.default.parse($.extend({}, meta.eventProps, {
+            start: start,
+            end: end
+        }), new EventSource_1.default(calendar));
+        return eventDef;
     };
-    return BasicViewDateProfileGenerator;
-}(DateProfileGenerator_1.default));
-exports.default = BasicViewDateProfileGenerator;
+    return ExternalDropping;
+}(Interaction_1.default));
+exports.default = ExternalDropping;
+ListenerMixin_1.default.mixInto(ExternalDropping);
+/* External-Dragging-Element Data
+----------------------------------------------------------------------------------------------------------------------*/
+// Require all HTML5 data-* attributes used by FullCalendar to have this prefix.
+// A value of '' will query attributes like data-event. A value of 'fc' will query attributes like data-fc-event.
+exportHooks.dataAttrPrefix = '';
+// Given a jQuery element that might represent a dragged FullCalendar event, returns an intermediate data structure
+// to be used for Event Object creation.
+// A defined `.eventProps`, even when empty, indicates that an event should be created.
+function getDraggedElMeta(el) {
+    var prefix = exportHooks.dataAttrPrefix;
+    var eventProps; // properties for creating the event, not related to date/time
+    var startTime; // a Duration
+    var duration;
+    var stick;
+    if (prefix) {
+        prefix += '-';
+    }
+    eventProps = el.data(prefix + 'event') || null;
+    if (eventProps) {
+        if (typeof eventProps === 'object') {
+            eventProps = $.extend({}, eventProps); // make a copy
+        }
+        else { // something like 1 or true. still signal event creation
+            eventProps = {};
+        }
+        // pluck special-cased date/time properties
+        startTime = eventProps.start;
+        if (startTime == null) {
+            startTime = eventProps.time;
+        } // accept 'time' as well
+        duration = eventProps.duration;
+        stick = eventProps.stick;
+        delete eventProps.start;
+        delete eventProps.time;
+        delete eventProps.duration;
+        delete eventProps.stick;
+    }
+    // fallback to standalone attribute values for each of the date/time properties
+    if (startTime == null) {
+        startTime = el.data(prefix + 'start');
+    }
+    if (startTime == null) {
+        startTime = el.data(prefix + 'time');
+    } // accept 'time' as well
+    if (duration == null) {
+        duration = el.data(prefix + 'duration');
+    }
+    if (stick == null) {
+        stick = el.data(prefix + 'stick');
+    }
+    // massage into correct data types
+    startTime = startTime != null ? moment.duration(startTime) : null;
+    duration = duration != null ? moment.duration(duration) : null;
+    stick = Boolean(stick);
+    return { eventProps: eventProps, startTime: startTime, duration: duration, stick: stick };
+}
 
 
 /***/ }),
-/* 229 */
+/* 234 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var moment = __webpack_require__(0);
+var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var BasicView_1 = __webpack_require__(62);
-var MonthViewDateProfileGenerator_1 = __webpack_require__(253);
-/* A month view with day cells running in rows (one-per-week) and columns
-----------------------------------------------------------------------------------------------------------------------*/
-var MonthView = /** @class */ (function (_super) {
-    tslib_1.__extends(MonthView, _super);
-    function MonthView() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var EventDefMutation_1 = __webpack_require__(39);
+var EventDefDateMutation_1 = __webpack_require__(40);
+var HitDragListener_1 = __webpack_require__(17);
+var Interaction_1 = __webpack_require__(14);
+var EventResizing = /** @class */ (function (_super) {
+    tslib_1.__extends(EventResizing, _super);
+    /*
+    component impements:
+      - bindSegHandlerToEl
+      - publiclyTrigger
+      - diffDates
+      - eventRangesToEventFootprints
+      - isEventInstanceGroupAllowed
+      - getSafeHitFootprint
+    */
+    function EventResizing(component, eventPointing) {
+        var _this = _super.call(this, component) || this;
+        _this.isResizing = false;
+        _this.eventPointing = eventPointing;
+        return _this;
     }
-    // Overrides the default BasicView behavior to have special multi-week auto-height logic
-    MonthView.prototype.setGridHeight = function (height, isAuto) {
-        // if auto, make the height of each row the height that it would be if there were 6 weeks
-        if (isAuto) {
-            height *= this.dayGrid.rowCnt / 6;
+    EventResizing.prototype.end = function () {
+        if (this.dragListener) {
+            this.dragListener.endInteraction();
+        }
+    };
+    EventResizing.prototype.bindToEl = function (el) {
+        var component = this.component;
+        component.bindSegHandlerToEl(el, 'mousedown', this.handleMouseDown.bind(this));
+        component.bindSegHandlerToEl(el, 'touchstart', this.handleTouchStart.bind(this));
+    };
+    EventResizing.prototype.handleMouseDown = function (seg, ev) {
+        if (this.component.canStartResize(seg, ev)) {
+            this.buildDragListener(seg, $(ev.target).is('.fc-start-resizer'))
+                .startInteraction(ev, { distance: 5 });
+        }
+    };
+    EventResizing.prototype.handleTouchStart = function (seg, ev) {
+        if (this.component.canStartResize(seg, ev)) {
+            this.buildDragListener(seg, $(ev.target).is('.fc-start-resizer'))
+                .startInteraction(ev);
+        }
+    };
+    // Creates a listener that tracks the user as they resize an event segment.
+    // Generic enough to work with any type of Grid.
+    EventResizing.prototype.buildDragListener = function (seg, isStart) {
+        var _this = this;
+        var component = this.component;
+        var view = this.view;
+        var calendar = view.calendar;
+        var eventManager = calendar.eventManager;
+        var el = seg.el;
+        var eventDef = seg.footprint.eventDef;
+        var eventInstance = seg.footprint.eventInstance;
+        var isDragging;
+        var resizeMutation; // zoned event date properties. falsy if invalid resize
+        // Tracks mouse movement over the *grid's* coordinate map
+        var dragListener = this.dragListener = new HitDragListener_1.default(component, {
+            scroll: this.opt('dragScroll'),
+            subjectEl: el,
+            interactionStart: function () {
+                isDragging = false;
+            },
+            dragStart: function (ev) {
+                isDragging = true;
+                // ensure a mouseout on the manipulated event has been reported
+                _this.eventPointing.handleMouseout(seg, ev);
+                _this.segResizeStart(seg, ev);
+            },
+            hitOver: function (hit, isOrig, origHit) {
+                var isAllowed = true;
+                var origHitFootprint = component.getSafeHitFootprint(origHit);
+                var hitFootprint = component.getSafeHitFootprint(hit);
+                var mutatedEventInstanceGroup;
+                if (origHitFootprint && hitFootprint) {
+                    resizeMutation = isStart ?
+                        _this.computeEventStartResizeMutation(origHitFootprint, hitFootprint, seg.footprint) :
+                        _this.computeEventEndResizeMutation(origHitFootprint, hitFootprint, seg.footprint);
+                    if (resizeMutation) {
+                        mutatedEventInstanceGroup = eventManager.buildMutatedEventInstanceGroup(eventDef.id, resizeMutation);
+                        isAllowed = component.isEventInstanceGroupAllowed(mutatedEventInstanceGroup);
+                    }
+                    else {
+                        isAllowed = false;
+                    }
+                }
+                else {
+                    isAllowed = false;
+                }
+                if (!isAllowed) {
+                    resizeMutation = null;
+                    util_1.disableCursor();
+                }
+                else if (resizeMutation.isEmpty()) {
+                    // no change. (FYI, event dates might have zones)
+                    resizeMutation = null;
+                }
+                if (resizeMutation) {
+                    view.hideEventsWithId(seg.footprint.eventDef.id);
+                    view.renderEventResize(component.eventRangesToEventFootprints(mutatedEventInstanceGroup.sliceRenderRanges(component.dateProfile.renderUnzonedRange, calendar)), seg);
+                }
+            },
+            hitOut: function () {
+                resizeMutation = null;
+            },
+            hitDone: function () {
+                view.unrenderEventResize(seg);
+                view.showEventsWithId(seg.footprint.eventDef.id);
+                util_1.enableCursor();
+            },
+            interactionEnd: function (ev) {
+                if (isDragging) {
+                    _this.segResizeStop(seg, ev);
+                }
+                if (resizeMutation) { // valid date to resize to?
+                    // no need to re-show original, will rerender all anyways. esp important if eventRenderWait
+                    view.reportEventResize(eventInstance, resizeMutation, el, ev);
+                }
+                _this.dragListener = null;
+            }
+        });
+        return dragListener;
+    };
+    // Called before event segment resizing starts
+    EventResizing.prototype.segResizeStart = function (seg, ev) {
+        this.isResizing = true;
+        this.component.publiclyTrigger('eventResizeStart', {
+            context: seg.el[0],
+            args: [
+                seg.footprint.getEventLegacy(),
+                ev,
+                {},
+                this.view
+            ]
+        });
+    };
+    // Called after event segment resizing stops
+    EventResizing.prototype.segResizeStop = function (seg, ev) {
+        this.isResizing = false;
+        this.component.publiclyTrigger('eventResizeStop', {
+            context: seg.el[0],
+            args: [
+                seg.footprint.getEventLegacy(),
+                ev,
+                {},
+                this.view
+            ]
+        });
+    };
+    // Returns new date-information for an event segment being resized from its start
+    EventResizing.prototype.computeEventStartResizeMutation = function (startFootprint, endFootprint, origEventFootprint) {
+        var origRange = origEventFootprint.componentFootprint.unzonedRange;
+        var startDelta = this.component.diffDates(endFootprint.unzonedRange.getStart(), startFootprint.unzonedRange.getStart());
+        var dateMutation;
+        var eventDefMutation;
+        if (origRange.getStart().add(startDelta) < origRange.getEnd()) {
+            dateMutation = new EventDefDateMutation_1.default();
+            dateMutation.setStartDelta(startDelta);
+            eventDefMutation = new EventDefMutation_1.default();
+            eventDefMutation.setDateMutation(dateMutation);
+            return eventDefMutation;
+        }
+        return false;
+    };
+    // Returns new date-information for an event segment being resized from its end
+    EventResizing.prototype.computeEventEndResizeMutation = function (startFootprint, endFootprint, origEventFootprint) {
+        var origRange = origEventFootprint.componentFootprint.unzonedRange;
+        var endDelta = this.component.diffDates(endFootprint.unzonedRange.getEnd(), startFootprint.unzonedRange.getEnd());
+        var dateMutation;
+        var eventDefMutation;
+        if (origRange.getEnd().add(endDelta) > origRange.getStart()) {
+            dateMutation = new EventDefDateMutation_1.default();
+            dateMutation.setEndDelta(endDelta);
+            eventDefMutation = new EventDefMutation_1.default();
+            eventDefMutation.setDateMutation(dateMutation);
+            return eventDefMutation;
         }
-        util_1.distributeHeight(this.dayGrid.rowEls, height, !isAuto); // if auto, don't compensate for height-hogging rows
-    };
-    MonthView.prototype.isDateInOtherMonth = function (date, dateProfile) {
-        return date.month() !== moment.utc(dateProfile.currentUnzonedRange.startMs).month(); // TODO: optimize
+        return false;
     };
-    return MonthView;
-}(BasicView_1.default));
-exports.default = MonthView;
-MonthView.prototype.dateProfileGeneratorClass = MonthViewDateProfileGenerator_1.default;
+    return EventResizing;
+}(Interaction_1.default));
+exports.default = EventResizing;
 
 
 /***/ }),
-/* 230 */
+/* 235 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var UnzonedRange_1 = __webpack_require__(5);
-var View_1 = __webpack_require__(41);
-var Scroller_1 = __webpack_require__(39);
-var ListEventRenderer_1 = __webpack_require__(254);
-var ListEventPointing_1 = __webpack_require__(255);
-/*
-Responsible for the scroller, and forwarding event-related actions into the "grid".
-*/
-var ListView = /** @class */ (function (_super) {
-    tslib_1.__extends(ListView, _super);
-    function ListView(calendar, viewSpec) {
-        var _this = _super.call(this, calendar, viewSpec) || this;
-        _this.segSelector = '.fc-list-item'; // which elements accept event actions
-        _this.scroller = new Scroller_1.default({
-            overflowX: 'hidden',
-            overflowY: 'auto'
-        });
+var EventDefMutation_1 = __webpack_require__(39);
+var EventDefDateMutation_1 = __webpack_require__(40);
+var DragListener_1 = __webpack_require__(59);
+var HitDragListener_1 = __webpack_require__(17);
+var MouseFollower_1 = __webpack_require__(226);
+var Interaction_1 = __webpack_require__(14);
+var EventDragging = /** @class */ (function (_super) {
+    tslib_1.__extends(EventDragging, _super);
+    /*
+    component implements:
+      - bindSegHandlerToEl
+      - publiclyTrigger
+      - diffDates
+      - eventRangesToEventFootprints
+      - isEventInstanceGroupAllowed
+    */
+    function EventDragging(component, eventPointing) {
+        var _this = _super.call(this, component) || this;
+        _this.isDragging = false;
+        _this.eventPointing = eventPointing;
         return _this;
     }
-    ListView.prototype.renderSkeleton = function () {
-        this.el.addClass('fc-list-view ' +
-            this.calendar.theme.getClass('listView'));
-        this.scroller.render();
-        this.scroller.el.appendTo(this.el);
-        this.contentEl = this.scroller.scrollEl; // shortcut
-    };
-    ListView.prototype.unrenderSkeleton = function () {
-        this.scroller.destroy(); // will remove the Grid too
+    EventDragging.prototype.end = function () {
+        if (this.dragListener) {
+            this.dragListener.endInteraction();
+        }
     };
-    ListView.prototype.updateSize = function (totalHeight, isAuto, isResize) {
-        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
-        this.scroller.clear(); // sets height to 'auto' and clears overflow
-        if (!isAuto) {
-            this.scroller.setHeight(this.computeScrollerHeight(totalHeight));
+    EventDragging.prototype.getSelectionDelay = function () {
+        var delay = this.opt('eventLongPressDelay');
+        if (delay == null) {
+            delay = this.opt('longPressDelay'); // fallback
         }
+        return delay;
     };
-    ListView.prototype.computeScrollerHeight = function (totalHeight) {
-        return totalHeight -
-            util_1.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
+    EventDragging.prototype.bindToEl = function (el) {
+        var component = this.component;
+        component.bindSegHandlerToEl(el, 'mousedown', this.handleMousedown.bind(this));
+        component.bindSegHandlerToEl(el, 'touchstart', this.handleTouchStart.bind(this));
     };
-    ListView.prototype.renderDates = function (dateProfile) {
-        var calendar = this.calendar;
-        var dayStart = calendar.msToUtcMoment(dateProfile.renderUnzonedRange.startMs, true);
-        var viewEnd = calendar.msToUtcMoment(dateProfile.renderUnzonedRange.endMs, true);
-        var dayDates = [];
-        var dayRanges = [];
-        while (dayStart < viewEnd) {
-            dayDates.push(dayStart.clone());
-            dayRanges.push(new UnzonedRange_1.default(dayStart, dayStart.clone().add(1, 'day')));
-            dayStart.add(1, 'day');
+    EventDragging.prototype.handleMousedown = function (seg, ev) {
+        if (!this.component.shouldIgnoreMouse() &&
+            this.component.canStartDrag(seg, ev)) {
+            this.buildDragListener(seg).startInteraction(ev, { distance: 5 });
         }
-        this.dayDates = dayDates;
-        this.dayRanges = dayRanges;
-        // all real rendering happens in EventRenderer
     };
-    // slices by day
-    ListView.prototype.componentFootprintToSegs = function (footprint) {
-        var dayRanges = this.dayRanges;
-        var dayIndex;
-        var segRange;
-        var seg;
-        var segs = [];
-        for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex++) {
-            segRange = footprint.unzonedRange.intersect(dayRanges[dayIndex]);
-            if (segRange) {
-                seg = {
-                    startMs: segRange.startMs,
-                    endMs: segRange.endMs,
-                    isStart: segRange.isStart,
-                    isEnd: segRange.isEnd,
-                    dayIndex: dayIndex
-                };
-                segs.push(seg);
-                // detect when footprint won't go fully into the next day,
-                // and mutate the latest seg to the be the end.
-                if (!seg.isEnd && !footprint.isAllDay &&
-                    dayIndex + 1 < dayRanges.length &&
-                    footprint.unzonedRange.endMs < dayRanges[dayIndex + 1].startMs + this.nextDayThreshold) {
-                    seg.endMs = footprint.unzonedRange.endMs;
-                    seg.isEnd = true;
-                    break;
-                }
-            }
+    EventDragging.prototype.handleTouchStart = function (seg, ev) {
+        var component = this.component;
+        var settings = {
+            delay: this.view.isEventDefSelected(seg.footprint.eventDef) ? // already selected?
+                0 : this.getSelectionDelay()
+        };
+        if (component.canStartDrag(seg, ev)) {
+            this.buildDragListener(seg).startInteraction(ev, settings);
+        }
+        else if (component.canStartSelection(seg, ev)) {
+            this.buildSelectListener(seg).startInteraction(ev, settings);
         }
-        return segs;
-    };
-    ListView.prototype.renderEmptyMessage = function () {
-        this.contentEl.html('<div class="fc-list-empty-wrap2">' + // TODO: try less wraps
-            '<div class="fc-list-empty-wrap1">' +
-            '<div class="fc-list-empty">' +
-            util_1.htmlEscape(this.opt('noEventsMessage')) +
-            '</div>' +
-            '</div>' +
-            '</div>');
     };
-    // render the event segments in the view
-    ListView.prototype.renderSegList = function (allSegs) {
-        var segsByDay = this.groupSegsByDay(allSegs); // sparse array
-        var dayIndex;
-        var daySegs;
-        var i;
-        var tableEl = $('<table class="fc-list-table ' + this.calendar.theme.getClass('tableList') + '"><tbody/></table>');
-        var tbodyEl = tableEl.find('tbody');
-        for (dayIndex = 0; dayIndex < segsByDay.length; dayIndex++) {
-            daySegs = segsByDay[dayIndex];
-            if (daySegs) {
-                // append a day header
-                tbodyEl.append(this.dayHeaderHtml(this.dayDates[dayIndex]));
-                this.eventRenderer.sortEventSegs(daySegs);
-                for (i = 0; i < daySegs.length; i++) {
-                    tbodyEl.append(daySegs[i].el); // append event row
+    // seg isn't draggable, but let's use a generic DragListener
+    // simply for the delay, so it can be selected.
+    // Has side effect of setting/unsetting `dragListener`
+    EventDragging.prototype.buildSelectListener = function (seg) {
+        var _this = this;
+        var view = this.view;
+        var eventDef = seg.footprint.eventDef;
+        var eventInstance = seg.footprint.eventInstance; // null for inverse-background events
+        if (this.dragListener) {
+            return this.dragListener;
+        }
+        var dragListener = this.dragListener = new DragListener_1.default({
+            dragStart: function (ev) {
+                if (dragListener.isTouch &&
+                    !view.isEventDefSelected(eventDef) &&
+                    eventInstance) {
+                    // if not previously selected, will fire after a delay. then, select the event
+                    view.selectEventInstance(eventInstance);
                 }
+            },
+            interactionEnd: function (ev) {
+                _this.dragListener = null;
             }
-        }
-        this.contentEl.empty().append(tableEl);
+        });
+        return dragListener;
     };
-    // Returns a sparse array of arrays, segs grouped by their dayIndex
-    ListView.prototype.groupSegsByDay = function (segs) {
-        var segsByDay = []; // sparse array
-        var i;
-        var seg;
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
-                .push(seg);
+    // Builds a listener that will track user-dragging on an event segment.
+    // Generic enough to work with any type of Grid.
+    // Has side effect of setting/unsetting `dragListener`
+    EventDragging.prototype.buildDragListener = function (seg) {
+        var _this = this;
+        var component = this.component;
+        var view = this.view;
+        var calendar = view.calendar;
+        var eventManager = calendar.eventManager;
+        var el = seg.el;
+        var eventDef = seg.footprint.eventDef;
+        var eventInstance = seg.footprint.eventInstance; // null for inverse-background events
+        var isDragging;
+        var mouseFollower; // A clone of the original element that will move with the mouse
+        var eventDefMutation;
+        if (this.dragListener) {
+            return this.dragListener;
         }
-        return segsByDay;
-    };
-    // generates the HTML for the day headers that live amongst the event rows
-    ListView.prototype.dayHeaderHtml = function (dayDate) {
-        var mainFormat = this.opt('listDayFormat');
-        var altFormat = this.opt('listDayAltFormat');
-        return '<tr class="fc-list-heading" data-date="' + dayDate.format('YYYY-MM-DD') + '">' +
-            '<td class="' + (this.calendar.theme.getClass('tableListHeading') ||
-            this.calendar.theme.getClass('widgetHeader')) + '" colspan="3">' +
-            (mainFormat ?
-                this.buildGotoAnchorHtml(dayDate, { 'class': 'fc-list-heading-main' }, util_1.htmlEscape(dayDate.format(mainFormat)) // inner HTML
-                ) :
-                '') +
-            (altFormat ?
-                this.buildGotoAnchorHtml(dayDate, { 'class': 'fc-list-heading-alt' }, util_1.htmlEscape(dayDate.format(altFormat)) // inner HTML
-                ) :
-                '') +
-            '</td>' +
-            '</tr>';
-    };
-    return ListView;
-}(View_1.default));
-exports.default = ListView;
-ListView.prototype.eventRendererClass = ListEventRenderer_1.default;
-ListView.prototype.eventPointingClass = ListEventPointing_1.default;
-
-
-/***/ }),
-/* 231 */,
-/* 232 */,
-/* 233 */,
-/* 234 */,
-/* 235 */,
-/* 236 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var $ = __webpack_require__(3);
-var exportHooks = __webpack_require__(16);
-var util_1 = __webpack_require__(4);
-var Calendar_1 = __webpack_require__(220);
-// for intentional side-effects
-__webpack_require__(10);
-__webpack_require__(47);
-__webpack_require__(256);
-__webpack_require__(257);
-__webpack_require__(260);
-__webpack_require__(261);
-__webpack_require__(262);
-__webpack_require__(263);
-$.fullCalendar = exportHooks;
-$.fn.fullCalendar = function (options) {
-    var args = Array.prototype.slice.call(arguments, 1); // for a possible method call
-    var res = this; // what this function will return (this jQuery object by default)
-    this.each(function (i, _element) {
-        var element = $(_element);
-        var calendar = element.data('fullCalendar'); // get the existing calendar object (if any)
-        var singleRes; // the returned value of this single method call
-        // a method call
-        if (typeof options === 'string') {
-            if (options === 'getCalendar') {
-                if (!i) {
-                    res = calendar;
+        // Tracks mouse movement over the *view's* coordinate map. Allows dragging and dropping between subcomponents
+        // of the view.
+        var dragListener = this.dragListener = new HitDragListener_1.default(view, {
+            scroll: this.opt('dragScroll'),
+            subjectEl: el,
+            subjectCenter: true,
+            interactionStart: function (ev) {
+                seg.component = component; // for renderDrag
+                isDragging = false;
+                mouseFollower = new MouseFollower_1.default(seg.el, {
+                    additionalClass: 'fc-dragging',
+                    parentEl: view.el,
+                    opacity: dragListener.isTouch ? null : _this.opt('dragOpacity'),
+                    revertDuration: _this.opt('dragRevertDuration'),
+                    zIndex: 2 // one above the .fc-view
+                });
+                mouseFollower.hide(); // don't show until we know this is a real drag
+                mouseFollower.start(ev);
+            },
+            dragStart: function (ev) {
+                if (dragListener.isTouch &&
+                    !view.isEventDefSelected(eventDef) &&
+                    eventInstance) {
+                    // if not previously selected, will fire after a delay. then, select the event
+                    view.selectEventInstance(eventInstance);
                 }
-            }
-            else if (options === 'destroy') {
-                if (calendar) {
-                    calendar.destroy();
-                    element.removeData('fullCalendar');
+                isDragging = true;
+                // ensure a mouseout on the manipulated event has been reported
+                _this.eventPointing.handleMouseout(seg, ev);
+                _this.segDragStart(seg, ev);
+                view.hideEventsWithId(seg.footprint.eventDef.id);
+            },
+            hitOver: function (hit, isOrig, origHit) {
+                var isAllowed = true;
+                var origFootprint;
+                var footprint;
+                var mutatedEventInstanceGroup;
+                // starting hit could be forced (DayGrid.limit)
+                if (seg.hit) {
+                    origHit = seg.hit;
                 }
-            }
-            else if (!calendar) {
-                util_1.warn('Attempting to call a FullCalendar method on an element with no calendar.');
-            }
-            else if ($.isFunction(calendar[options])) {
-                singleRes = calendar[options].apply(calendar, args);
-                if (!i) {
-                    res = singleRes; // record the first method call result
+                // hit might not belong to this grid, so query origin grid
+                origFootprint = origHit.component.getSafeHitFootprint(origHit);
+                footprint = hit.component.getSafeHitFootprint(hit);
+                if (origFootprint && footprint) {
+                    eventDefMutation = _this.computeEventDropMutation(origFootprint, footprint, eventDef);
+                    if (eventDefMutation) {
+                        mutatedEventInstanceGroup = eventManager.buildMutatedEventInstanceGroup(eventDef.id, eventDefMutation);
+                        isAllowed = component.isEventInstanceGroupAllowed(mutatedEventInstanceGroup);
+                    }
+                    else {
+                        isAllowed = false;
+                    }
                 }
-                if (options === 'destroy') {
-                    element.removeData('fullCalendar');
+                else {
+                    isAllowed = false;
                 }
+                if (!isAllowed) {
+                    eventDefMutation = null;
+                    util_1.disableCursor();
+                }
+                // if a valid drop location, have the subclass render a visual indication
+                if (eventDefMutation &&
+                    view.renderDrag(// truthy if rendered something
+                    component.eventRangesToEventFootprints(mutatedEventInstanceGroup.sliceRenderRanges(component.dateProfile.renderUnzonedRange, calendar)), seg, dragListener.isTouch)) {
+                    mouseFollower.hide(); // if the subclass is already using a mock event "helper", hide our own
+                }
+                else {
+                    mouseFollower.show(); // otherwise, have the helper follow the mouse (no snapping)
+                }
+                if (isOrig) {
+                    // needs to have moved hits to be a valid drop
+                    eventDefMutation = null;
+                }
+            },
+            hitOut: function () {
+                view.unrenderDrag(seg); // unrender whatever was done in renderDrag
+                mouseFollower.show(); // show in case we are moving out of all hits
+                eventDefMutation = null;
+            },
+            hitDone: function () {
+                util_1.enableCursor();
+            },
+            interactionEnd: function (ev) {
+                delete seg.component; // prevent side effects
+                // do revert animation if hasn't changed. calls a callback when finished (whether animation or not)
+                mouseFollower.stop(!eventDefMutation, function () {
+                    if (isDragging) {
+                        view.unrenderDrag(seg);
+                        _this.segDragStop(seg, ev);
+                    }
+                    view.showEventsWithId(seg.footprint.eventDef.id);
+                    if (eventDefMutation) {
+                        // no need to re-show original, will rerender all anyways. esp important if eventRenderWait
+                        view.reportEventDrop(eventInstance, eventDefMutation, el, ev);
+                    }
+                });
+                _this.dragListener = null;
             }
-            else {
-                util_1.warn("'" + options + "' is an unknown FullCalendar method.");
-            }
-        }
-        else if (!calendar) {
-            calendar = new Calendar_1.default(element, options);
-            element.data('fullCalendar', calendar);
-            calendar.render();
-        }
-    });
-    return res;
-};
-module.exports = exportHooks;
-
-
-/***/ }),
-/* 237 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var Model_1 = __webpack_require__(48);
-var Component = /** @class */ (function (_super) {
-    tslib_1.__extends(Component, _super);
-    function Component() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Component.prototype.setElement = function (el) {
-        this.el = el;
-        this.bindGlobalHandlers();
-        this.renderSkeleton();
-        this.set('isInDom', true);
-    };
-    Component.prototype.removeElement = function () {
-        this.unset('isInDom');
-        this.unrenderSkeleton();
-        this.unbindGlobalHandlers();
-        this.el.remove();
-        // NOTE: don't null-out this.el in case the View was destroyed within an API callback.
-        // We don't null-out the View's other jQuery element references upon destroy,
-        //  so we shouldn't kill this.el either.
-    };
-    Component.prototype.bindGlobalHandlers = function () {
-        // subclasses can override
+        });
+        return dragListener;
     };
-    Component.prototype.unbindGlobalHandlers = function () {
-        // subclasses can override
+    // Called before event segment dragging starts
+    EventDragging.prototype.segDragStart = function (seg, ev) {
+        this.isDragging = true;
+        this.component.publiclyTrigger('eventDragStart', {
+            context: seg.el[0],
+            args: [
+                seg.footprint.getEventLegacy(),
+                ev,
+                {},
+                this.view
+            ]
+        });
     };
-    /*
-    NOTE: Can't have a `render` method. Read the deprecation notice in View::executeDateRender
-    */
-    // Renders the basic structure of the view before any content is rendered
-    Component.prototype.renderSkeleton = function () {
-        // subclasses should implement
+    // Called after event segment dragging stops
+    EventDragging.prototype.segDragStop = function (seg, ev) {
+        this.isDragging = false;
+        this.component.publiclyTrigger('eventDragStop', {
+            context: seg.el[0],
+            args: [
+                seg.footprint.getEventLegacy(),
+                ev,
+                {},
+                this.view
+            ]
+        });
     };
-    // Unrenders the basic structure of the view
-    Component.prototype.unrenderSkeleton = function () {
-        // subclasses should implement
+    // DOES NOT consider overlap/constraint
+    EventDragging.prototype.computeEventDropMutation = function (startFootprint, endFootprint, eventDef) {
+        var eventDefMutation = new EventDefMutation_1.default();
+        eventDefMutation.setDateMutation(this.computeEventDateMutation(startFootprint, endFootprint));
+        return eventDefMutation;
     };
-    return Component;
-}(Model_1.default));
-exports.default = Component;
-
-
-/***/ }),
-/* 238 */
-/***/ (function(module, exports) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var Iterator = /** @class */ (function () {
-    function Iterator(items) {
-        this.items = items || [];
-    }
-    /* Calls a method on every item passing the arguments through */
-    Iterator.prototype.proxyCall = function (methodName) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
+    EventDragging.prototype.computeEventDateMutation = function (startFootprint, endFootprint) {
+        var date0 = startFootprint.unzonedRange.getStart();
+        var date1 = endFootprint.unzonedRange.getStart();
+        var clearEnd = false;
+        var forceTimed = false;
+        var forceAllDay = false;
+        var dateDelta;
+        var dateMutation;
+        if (startFootprint.isAllDay !== endFootprint.isAllDay) {
+            clearEnd = true;
+            if (endFootprint.isAllDay) {
+                forceAllDay = true;
+                date0.stripTime();
+            }
+            else {
+                forceTimed = true;
+            }
         }
-        var results = [];
-        this.items.forEach(function (item) {
-            results.push(item[methodName].apply(item, args));
-        });
-        return results;
+        dateDelta = this.component.diffDates(date1, date0);
+        dateMutation = new EventDefDateMutation_1.default();
+        dateMutation.clearEnd = clearEnd;
+        dateMutation.forceTimed = forceTimed;
+        dateMutation.forceAllDay = forceAllDay;
+        dateMutation.setDateDelta(dateDelta);
+        return dateMutation;
     };
-    return Iterator;
-}());
-exports.default = Iterator;
+    return EventDragging;
+}(Interaction_1.default));
+exports.default = EventDragging;
 
 
 /***/ }),
-/* 239 */
+/* 236 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-/* Toolbar with buttons and title
-----------------------------------------------------------------------------------------------------------------------*/
-var Toolbar = /** @class */ (function () {
-    function Toolbar(calendar, toolbarOptions) {
-        this.el = null; // mirrors local `el`
-        this.viewsWithButtons = [];
-        this.calendar = calendar;
-        this.toolbarOptions = toolbarOptions;
+var tslib_1 = __webpack_require__(2);
+var util_1 = __webpack_require__(4);
+var HitDragListener_1 = __webpack_require__(17);
+var ComponentFootprint_1 = __webpack_require__(12);
+var UnzonedRange_1 = __webpack_require__(5);
+var Interaction_1 = __webpack_require__(14);
+var DateSelecting = /** @class */ (function (_super) {
+    tslib_1.__extends(DateSelecting, _super);
+    /*
+    component must implement:
+      - bindDateHandlerToEl
+      - getSafeHitFootprint
+      - renderHighlight
+      - unrenderHighlight
+    */
+    function DateSelecting(component) {
+        var _this = _super.call(this, component) || this;
+        _this.dragListener = _this.buildDragListener();
+        return _this;
     }
-    // method to update toolbar-specific options, not calendar-wide options
-    Toolbar.prototype.setToolbarOptions = function (newToolbarOptions) {
-        this.toolbarOptions = newToolbarOptions;
+    DateSelecting.prototype.end = function () {
+        this.dragListener.endInteraction();
     };
-    // can be called repeatedly and will rerender
-    Toolbar.prototype.render = function () {
-        var sections = this.toolbarOptions.layout;
-        var el = this.el;
-        if (sections) {
-            if (!el) {
-                el = this.el = $("<div class='fc-toolbar " + this.toolbarOptions.extraClasses + "'/>");
-            }
-            else {
-                el.empty();
-            }
-            el.append(this.renderSection('left'))
-                .append(this.renderSection('right'))
-                .append(this.renderSection('center'))
-                .append('<div class="fc-clear"/>');
-        }
-        else {
-            this.removeElement();
+    DateSelecting.prototype.getDelay = function () {
+        var delay = this.opt('selectLongPressDelay');
+        if (delay == null) {
+            delay = this.opt('longPressDelay'); // fallback
         }
+        return delay;
     };
-    Toolbar.prototype.removeElement = function () {
-        if (this.el) {
-            this.el.remove();
-            this.el = null;
-        }
+    DateSelecting.prototype.bindToEl = function (el) {
+        var _this = this;
+        var component = this.component;
+        var dragListener = this.dragListener;
+        component.bindDateHandlerToEl(el, 'mousedown', function (ev) {
+            if (_this.opt('selectable') && !component.shouldIgnoreMouse()) {
+                dragListener.startInteraction(ev, {
+                    distance: _this.opt('selectMinDistance')
+                });
+            }
+        });
+        component.bindDateHandlerToEl(el, 'touchstart', function (ev) {
+            if (_this.opt('selectable') && !component.shouldIgnoreTouch()) {
+                dragListener.startInteraction(ev, {
+                    delay: _this.getDelay()
+                });
+            }
+        });
+        util_1.preventSelection(el);
     };
-    Toolbar.prototype.renderSection = function (position) {
+    // Creates a listener that tracks the user's drag across day elements, for day selecting.
+    DateSelecting.prototype.buildDragListener = function () {
         var _this = this;
-        var calendar = this.calendar;
-        var theme = calendar.theme;
-        var optionsManager = calendar.optionsManager;
-        var viewSpecManager = calendar.viewSpecManager;
-        var sectionEl = $('<div class="fc-' + position + '"/>');
-        var buttonStr = this.toolbarOptions.layout[position];
-        var calendarCustomButtons = optionsManager.get('customButtons') || {};
-        var calendarButtonTextOverrides = optionsManager.overrides.buttonText || {};
-        var calendarButtonText = optionsManager.get('buttonText') || {};
-        if (buttonStr) {
-            $.each(buttonStr.split(' '), function (i, buttonGroupStr) {
-                var groupChildren = $();
-                var isOnlyButtons = true;
-                var groupEl;
-                $.each(buttonGroupStr.split(','), function (j, buttonName) {
-                    var customButtonProps;
-                    var viewSpec;
-                    var buttonClick;
-                    var buttonIcon; // only one of these will be set
-                    var buttonText; // "
-                    var buttonInnerHtml;
-                    var buttonClasses;
-                    var buttonEl;
-                    var buttonAriaAttr;
-                    if (buttonName === 'title') {
-                        groupChildren = groupChildren.add($('<h2>&nbsp;</h2>')); // we always want it to take up height
-                        isOnlyButtons = false;
+        var component = this.component;
+        var selectionFootprint; // null if invalid selection
+        var dragListener = new HitDragListener_1.default(component, {
+            scroll: this.opt('dragScroll'),
+            interactionStart: function () {
+                selectionFootprint = null;
+            },
+            dragStart: function (ev) {
+                _this.view.unselect(ev); // since we could be rendering a new selection, we want to clear any old one
+            },
+            hitOver: function (hit, isOrig, origHit) {
+                var origHitFootprint;
+                var hitFootprint;
+                if (origHit) { // click needs to have started on a hit
+                    origHitFootprint = component.getSafeHitFootprint(origHit);
+                    hitFootprint = component.getSafeHitFootprint(hit);
+                    if (origHitFootprint && hitFootprint) {
+                        selectionFootprint = _this.computeSelection(origHitFootprint, hitFootprint);
                     }
                     else {
-                        if ((customButtonProps = calendarCustomButtons[buttonName])) {
-                            buttonClick = function (ev) {
-                                if (customButtonProps.click) {
-                                    customButtonProps.click.call(buttonEl[0], ev);
-                                }
-                            };
-                            (buttonIcon = theme.getCustomButtonIconClass(customButtonProps)) ||
-                                (buttonIcon = theme.getIconClass(buttonName)) ||
-                                (buttonText = customButtonProps.text);
-                        }
-                        else if ((viewSpec = viewSpecManager.getViewSpec(buttonName))) {
-                            _this.viewsWithButtons.push(buttonName);
-                            buttonClick = function () {
-                                calendar.changeView(buttonName);
-                            };
-                            (buttonText = viewSpec.buttonTextOverride) ||
-                                (buttonIcon = theme.getIconClass(buttonName)) ||
-                                (buttonText = viewSpec.buttonTextDefault);
-                        }
-                        else if (calendar[buttonName]) {
-                            buttonClick = function () {
-                                calendar[buttonName]();
-                            };
-                            (buttonText = calendarButtonTextOverrides[buttonName]) ||
-                                (buttonIcon = theme.getIconClass(buttonName)) ||
-                                (buttonText = calendarButtonText[buttonName]);
-                            //            ^ everything else is considered default
-                        }
-                        if (buttonClick) {
-                            buttonClasses = [
-                                'fc-' + buttonName + '-button',
-                                theme.getClass('button'),
-                                theme.getClass('stateDefault')
-                            ];
-                            if (buttonText) {
-                                buttonInnerHtml = util_1.htmlEscape(buttonText);
-                                buttonAriaAttr = '';
-                            }
-                            else if (buttonIcon) {
-                                buttonInnerHtml = "<span class='" + buttonIcon + "'></span>";
-                                buttonAriaAttr = ' aria-label="' + buttonName + '"';
-                            }
-                            buttonEl = $(// type="button" so that it doesn't submit a form
-                            '<button type="button" class="' + buttonClasses.join(' ') + '"' +
-                                buttonAriaAttr +
-                                '>' + buttonInnerHtml + '</button>')
-                                .click(function (ev) {
-                                // don't process clicks for disabled buttons
-                                if (!buttonEl.hasClass(theme.getClass('stateDisabled'))) {
-                                    buttonClick(ev);
-                                    // after the click action, if the button becomes the "active" tab, or disabled,
-                                    // it should never have a hover class, so remove it now.
-                                    if (buttonEl.hasClass(theme.getClass('stateActive')) ||
-                                        buttonEl.hasClass(theme.getClass('stateDisabled'))) {
-                                        buttonEl.removeClass(theme.getClass('stateHover'));
-                                    }
-                                }
-                            })
-                                .mousedown(function () {
-                                // the *down* effect (mouse pressed in).
-                                // only on buttons that are not the "active" tab, or disabled
-                                buttonEl
-                                    .not('.' + theme.getClass('stateActive'))
-                                    .not('.' + theme.getClass('stateDisabled'))
-                                    .addClass(theme.getClass('stateDown'));
-                            })
-                                .mouseup(function () {
-                                // undo the *down* effect
-                                buttonEl.removeClass(theme.getClass('stateDown'));
-                            })
-                                .hover(function () {
-                                // the *hover* effect.
-                                // only on buttons that are not the "active" tab, or disabled
-                                buttonEl
-                                    .not('.' + theme.getClass('stateActive'))
-                                    .not('.' + theme.getClass('stateDisabled'))
-                                    .addClass(theme.getClass('stateHover'));
-                            }, function () {
-                                // undo the *hover* effect
-                                buttonEl
-                                    .removeClass(theme.getClass('stateHover'))
-                                    .removeClass(theme.getClass('stateDown')); // if mouseleave happens before mouseup
-                            });
-                            groupChildren = groupChildren.add(buttonEl);
-                        }
+                        selectionFootprint = null;
                     }
-                });
-                if (isOnlyButtons) {
-                    groupChildren
-                        .first().addClass(theme.getClass('cornerLeft')).end()
-                        .last().addClass(theme.getClass('cornerRight')).end();
-                }
-                if (groupChildren.length > 1) {
-                    groupEl = $('<div/>');
-                    if (isOnlyButtons) {
-                        groupEl.addClass(theme.getClass('buttonGroup'));
+                    if (selectionFootprint) {
+                        component.renderSelectionFootprint(selectionFootprint);
+                    }
+                    else if (selectionFootprint === false) {
+                        util_1.disableCursor();
                     }
-                    groupEl.append(groupChildren);
-                    sectionEl.append(groupEl);
                 }
-                else {
-                    sectionEl.append(groupChildren); // 1 or 0 children
+            },
+            hitOut: function () {
+                selectionFootprint = null;
+                component.unrenderSelection();
+            },
+            hitDone: function () {
+                util_1.enableCursor();
+            },
+            interactionEnd: function (ev, isCancelled) {
+                if (!isCancelled && selectionFootprint) {
+                    // the selection will already have been rendered. just report it
+                    _this.view.reportSelection(selectionFootprint, ev);
                 }
-            });
-        }
-        return sectionEl;
+            }
+        });
+        return dragListener;
     };
-    Toolbar.prototype.updateTitle = function (text) {
-        if (this.el) {
-            this.el.find('h2').text(text);
+    // Given the first and last date-spans of a selection, returns another date-span object.
+    // Subclasses can override and provide additional data in the span object. Will be passed to renderSelectionFootprint().
+    // Will return false if the selection is invalid and this should be indicated to the user.
+    // Will return null/undefined if a selection invalid but no error should be reported.
+    DateSelecting.prototype.computeSelection = function (footprint0, footprint1) {
+        var wholeFootprint = this.computeSelectionFootprint(footprint0, footprint1);
+        if (wholeFootprint && !this.isSelectionFootprintAllowed(wholeFootprint)) {
+            return false;
         }
+        return wholeFootprint;
     };
-    Toolbar.prototype.activateButton = function (buttonName) {
-        if (this.el) {
-            this.el.find('.fc-' + buttonName + '-button')
-                .addClass(this.calendar.theme.getClass('stateActive'));
-        }
+    // Given two spans, must return the combination of the two.
+    // TODO: do this separation of concerns (combining VS validation) for event dnd/resize too.
+    // Assumes both footprints are non-open-ended.
+    DateSelecting.prototype.computeSelectionFootprint = function (footprint0, footprint1) {
+        var ms = [
+            footprint0.unzonedRange.startMs,
+            footprint0.unzonedRange.endMs,
+            footprint1.unzonedRange.startMs,
+            footprint1.unzonedRange.endMs
+        ];
+        ms.sort(util_1.compareNumbers);
+        return new ComponentFootprint_1.default(new UnzonedRange_1.default(ms[0], ms[3]), footprint0.isAllDay);
     };
-    Toolbar.prototype.deactivateButton = function (buttonName) {
-        if (this.el) {
-            this.el.find('.fc-' + buttonName + '-button')
-                .removeClass(this.calendar.theme.getClass('stateActive'));
-        }
+    DateSelecting.prototype.isSelectionFootprintAllowed = function (componentFootprint) {
+        return this.component.dateProfile.validUnzonedRange.containsRange(componentFootprint.unzonedRange) &&
+            this.view.calendar.constraints.isSelectionFootprintAllowed(componentFootprint);
     };
-    Toolbar.prototype.disableButton = function (buttonName) {
-        if (this.el) {
-            this.el.find('.fc-' + buttonName + '-button')
-                .prop('disabled', true)
-                .addClass(this.calendar.theme.getClass('stateDisabled'));
-        }
+    return DateSelecting;
+}(Interaction_1.default));
+exports.default = DateSelecting;
+
+
+/***/ }),
+/* 237 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var HitDragListener_1 = __webpack_require__(17);
+var Interaction_1 = __webpack_require__(14);
+var DateClicking = /** @class */ (function (_super) {
+    tslib_1.__extends(DateClicking, _super);
+    /*
+    component must implement:
+      - bindDateHandlerToEl
+      - getSafeHitFootprint
+      - getHitEl
+    */
+    function DateClicking(component) {
+        var _this = _super.call(this, component) || this;
+        _this.dragListener = _this.buildDragListener();
+        return _this;
+    }
+    DateClicking.prototype.end = function () {
+        this.dragListener.endInteraction();
     };
-    Toolbar.prototype.enableButton = function (buttonName) {
-        if (this.el) {
-            this.el.find('.fc-' + buttonName + '-button')
-                .prop('disabled', false)
-                .removeClass(this.calendar.theme.getClass('stateDisabled'));
-        }
+    DateClicking.prototype.bindToEl = function (el) {
+        var component = this.component;
+        var dragListener = this.dragListener;
+        component.bindDateHandlerToEl(el, 'mousedown', function (ev) {
+            if (!component.shouldIgnoreMouse()) {
+                dragListener.startInteraction(ev);
+            }
+        });
+        component.bindDateHandlerToEl(el, 'touchstart', function (ev) {
+            if (!component.shouldIgnoreTouch()) {
+                dragListener.startInteraction(ev);
+            }
+        });
     };
-    Toolbar.prototype.getViewsWithButtons = function () {
-        return this.viewsWithButtons;
+    // Creates a listener that tracks the user's drag across day elements, for day clicking.
+    DateClicking.prototype.buildDragListener = function () {
+        var _this = this;
+        var component = this.component;
+        var dayClickHit; // null if invalid dayClick
+        var dragListener = new HitDragListener_1.default(component, {
+            scroll: this.opt('dragScroll'),
+            interactionStart: function () {
+                dayClickHit = dragListener.origHit;
+            },
+            hitOver: function (hit, isOrig, origHit) {
+                // if user dragged to another cell at any point, it can no longer be a dayClick
+                if (!isOrig) {
+                    dayClickHit = null;
+                }
+            },
+            hitOut: function () {
+                dayClickHit = null;
+            },
+            interactionEnd: function (ev, isCancelled) {
+                var componentFootprint;
+                if (!isCancelled && dayClickHit) {
+                    componentFootprint = component.getSafeHitFootprint(dayClickHit);
+                    if (componentFootprint) {
+                        _this.view.triggerDayClick(componentFootprint, component.getHitEl(dayClickHit), ev);
+                    }
+                }
+            }
+        });
+        // because dragListener won't be called with any time delay, "dragging" will begin immediately,
+        // which will kill any touchmoving/scrolling. Prevent this.
+        dragListener.shouldCancelTouchScroll = false;
+        dragListener.scrollAlwaysKills = true;
+        return dragListener;
     };
-    return Toolbar;
-}());
-exports.default = Toolbar;
+    return DateClicking;
+}(Interaction_1.default));
+exports.default = DateClicking;
 
 
 /***/ }),
-/* 240 */
+/* 238 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
+var moment = __webpack_require__(0);
 var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var options_1 = __webpack_require__(32);
-var locale_1 = __webpack_require__(31);
-var Model_1 = __webpack_require__(48);
-var OptionsManager = /** @class */ (function (_super) {
-    tslib_1.__extends(OptionsManager, _super);
-    function OptionsManager(_calendar, overrides) {
-        var _this = _super.call(this) || this;
-        _this._calendar = _calendar;
-        _this.overrides = $.extend({}, overrides); // make a copy
-        _this.dynamicOverrides = {};
-        _this.compute();
+var Scroller_1 = __webpack_require__(41);
+var View_1 = __webpack_require__(43);
+var TimeGrid_1 = __webpack_require__(239);
+var DayGrid_1 = __webpack_require__(66);
+var AGENDA_ALL_DAY_EVENT_LIMIT = 5;
+var agendaTimeGridMethods;
+var agendaDayGridMethods;
+/* An abstract class for all agenda-related views. Displays one more columns with time slots running vertically.
+----------------------------------------------------------------------------------------------------------------------*/
+// Is a manager for the TimeGrid subcomponent and possibly the DayGrid subcomponent (if allDaySlot is on).
+// Responsible for managing width/height.
+var AgendaView = /** @class */ (function (_super) {
+    tslib_1.__extends(AgendaView, _super);
+    function AgendaView(calendar, viewSpec) {
+        var _this = _super.call(this, calendar, viewSpec) || this;
+        _this.usesMinMaxTime = true; // indicates that minTime/maxTime affects rendering
+        _this.timeGrid = _this.instantiateTimeGrid();
+        _this.addChild(_this.timeGrid);
+        if (_this.opt('allDaySlot')) { // should we display the "all-day" area?
+            _this.dayGrid = _this.instantiateDayGrid(); // the all-day subcomponent of this view
+            _this.addChild(_this.dayGrid);
+        }
+        _this.scroller = new Scroller_1.default({
+            overflowX: 'hidden',
+            overflowY: 'auto'
+        });
         return _this;
     }
-    OptionsManager.prototype.add = function (newOptionHash) {
-        var optionCnt = 0;
-        var optionName;
-        this.recordOverrides(newOptionHash); // will trigger this model's watchers
-        for (optionName in newOptionHash) {
-            optionCnt++;
+    // Instantiates the TimeGrid object this view needs. Draws from this.timeGridClass
+    AgendaView.prototype.instantiateTimeGrid = function () {
+        var timeGrid = new this.timeGridClass(this);
+        util_1.copyOwnProps(agendaTimeGridMethods, timeGrid);
+        return timeGrid;
+    };
+    // Instantiates the DayGrid object this view might need. Draws from this.dayGridClass
+    AgendaView.prototype.instantiateDayGrid = function () {
+        var dayGrid = new this.dayGridClass(this);
+        util_1.copyOwnProps(agendaDayGridMethods, dayGrid);
+        return dayGrid;
+    };
+    /* Rendering
+    ------------------------------------------------------------------------------------------------------------------*/
+    AgendaView.prototype.renderSkeleton = function () {
+        var timeGridWrapEl;
+        var timeGridEl;
+        this.el.addClass('fc-agenda-view').html(this.renderSkeletonHtml());
+        this.scroller.render();
+        timeGridWrapEl = this.scroller.el.addClass('fc-time-grid-container');
+        timeGridEl = $('<div class="fc-time-grid">').appendTo(timeGridWrapEl);
+        this.el.find('.fc-body > tr > td').append(timeGridWrapEl);
+        this.timeGrid.headContainerEl = this.el.find('.fc-head-container');
+        this.timeGrid.setElement(timeGridEl);
+        if (this.dayGrid) {
+            this.dayGrid.setElement(this.el.find('.fc-day-grid'));
+            // have the day-grid extend it's coordinate area over the <hr> dividing the two grids
+            this.dayGrid.bottomCoordPadding = this.dayGrid.el.next('hr').outerHeight();
         }
-        // special-case handling of single option change.
-        // if only one option change, `optionName` will be its name.
-        if (optionCnt === 1) {
-            if (optionName === 'height' || optionName === 'contentHeight' || optionName === 'aspectRatio') {
-                this._calendar.updateViewSize(true); // isResize=true
-                return;
+    };
+    AgendaView.prototype.unrenderSkeleton = function () {
+        this.timeGrid.removeElement();
+        if (this.dayGrid) {
+            this.dayGrid.removeElement();
+        }
+        this.scroller.destroy();
+    };
+    // Builds the HTML skeleton for the view.
+    // The day-grid and time-grid components will render inside containers defined by this HTML.
+    AgendaView.prototype.renderSkeletonHtml = function () {
+        var theme = this.calendar.theme;
+        return '' +
+            '<table class="' + theme.getClass('tableGrid') + '">' +
+            (this.opt('columnHeader') ?
+                '<thead class="fc-head">' +
+                    '<tr>' +
+                    '<td class="fc-head-container ' + theme.getClass('widgetHeader') + '">&nbsp;</td>' +
+                    '</tr>' +
+                    '</thead>' :
+                '') +
+            '<tbody class="fc-body">' +
+            '<tr>' +
+            '<td class="' + theme.getClass('widgetContent') + '">' +
+            (this.dayGrid ?
+                '<div class="fc-day-grid"></div>' +
+                    '<hr class="fc-divider ' + theme.getClass('widgetHeader') + '"></hr>' :
+                '') +
+            '</td>' +
+            '</tr>' +
+            '</tbody>' +
+            '</table>';
+    };
+    // Generates an HTML attribute string for setting the width of the axis, if it is known
+    AgendaView.prototype.axisStyleAttr = function () {
+        if (this.axisWidth != null) {
+            return 'style="width:' + this.axisWidth + 'px"';
+        }
+        return '';
+    };
+    /* Now Indicator
+    ------------------------------------------------------------------------------------------------------------------*/
+    AgendaView.prototype.getNowIndicatorUnit = function () {
+        return this.timeGrid.getNowIndicatorUnit();
+    };
+    /* Dimensions
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Adjusts the vertical dimensions of the view to the specified values
+    AgendaView.prototype.updateSize = function (totalHeight, isAuto, isResize) {
+        var eventLimit;
+        var scrollerHeight;
+        var scrollbarWidths;
+        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
+        // make all axis cells line up, and record the width so newly created axis cells will have it
+        this.axisWidth = util_1.matchCellWidths(this.el.find('.fc-axis'));
+        // hack to give the view some height prior to timeGrid's columns being rendered
+        // TODO: separate setting height from scroller VS timeGrid.
+        if (!this.timeGrid.colEls) {
+            if (!isAuto) {
+                scrollerHeight = this.computeScrollerHeight(totalHeight);
+                this.scroller.setHeight(scrollerHeight);
             }
-            else if (optionName === 'defaultDate') {
-                return; // can't change date this way. use gotoDate instead
+            return;
+        }
+        // set of fake row elements that must compensate when scroller has scrollbars
+        var noScrollRowEls = this.el.find('.fc-row:not(.fc-scroller *)');
+        // reset all dimensions back to the original state
+        this.timeGrid.bottomRuleEl.hide(); // .show() will be called later if this <hr> is necessary
+        this.scroller.clear(); // sets height to 'auto' and clears overflow
+        util_1.uncompensateScroll(noScrollRowEls);
+        // limit number of events in the all-day area
+        if (this.dayGrid) {
+            this.dayGrid.removeSegPopover(); // kill the "more" popover if displayed
+            eventLimit = this.opt('eventLimit');
+            if (eventLimit && typeof eventLimit !== 'number') {
+                eventLimit = AGENDA_ALL_DAY_EVENT_LIMIT; // make sure "auto" goes to a real number
             }
-            else if (optionName === 'businessHours') {
-                return; // this model already reacts to this
+            if (eventLimit) {
+                this.dayGrid.limitRows(eventLimit);
             }
-            else if (/^(event|select)(Overlap|Constraint|Allow)$/.test(optionName)) {
-                return; // doesn't affect rendering. only interactions.
+        }
+        if (!isAuto) { // should we force dimensions of the scroll container?
+            scrollerHeight = this.computeScrollerHeight(totalHeight);
+            this.scroller.setHeight(scrollerHeight);
+            scrollbarWidths = this.scroller.getScrollbarWidths();
+            if (scrollbarWidths.left || scrollbarWidths.right) { // using scrollbars?
+                // make the all-day and header rows lines up
+                util_1.compensateScroll(noScrollRowEls, scrollbarWidths);
+                // the scrollbar compensation might have changed text flow, which might affect height, so recalculate
+                // and reapply the desired height to the scroller.
+                scrollerHeight = this.computeScrollerHeight(totalHeight);
+                this.scroller.setHeight(scrollerHeight);
             }
-            else if (optionName === 'timezone') {
-                this._calendar.view.flash('initialEvents');
-                return;
+            // guarantees the same scrollbar widths
+            this.scroller.lockOverflow(scrollbarWidths);
+            // if there's any space below the slats, show the horizontal rule.
+            // this won't cause any new overflow, because lockOverflow already called.
+            if (this.timeGrid.getTotalSlatHeight() < scrollerHeight) {
+                this.timeGrid.bottomRuleEl.show();
             }
         }
-        // catch-all. rerender the header and footer and rebuild/rerender the current view
-        this._calendar.renderHeader();
-        this._calendar.renderFooter();
-        // even non-current views will be affected by this option change. do before rerender
-        // TODO: detangle
-        this._calendar.viewsByType = {};
-        this._calendar.reinitView();
     };
-    // Computes the flattened options hash for the calendar and assigns to `this.options`.
-    // Assumes this.overrides and this.dynamicOverrides have already been initialized.
-    OptionsManager.prototype.compute = function () {
-        var locale;
-        var localeDefaults;
-        var isRTL;
-        var dirDefaults;
-        var rawOptions;
-        locale = util_1.firstDefined(// explicit locale option given?
-        this.dynamicOverrides.locale, this.overrides.locale);
-        localeDefaults = locale_1.localeOptionHash[locale];
-        if (!localeDefaults) {
-            locale = options_1.globalDefaults.locale;
-            localeDefaults = locale_1.localeOptionHash[locale] || {};
-        }
-        isRTL = util_1.firstDefined(// based on options computed so far, is direction RTL?
-        this.dynamicOverrides.isRTL, this.overrides.isRTL, localeDefaults.isRTL, options_1.globalDefaults.isRTL);
-        dirDefaults = isRTL ? options_1.rtlDefaults : {};
-        this.dirDefaults = dirDefaults;
-        this.localeDefaults = localeDefaults;
-        rawOptions = options_1.mergeOptions([
-            options_1.globalDefaults,
-            dirDefaults,
-            localeDefaults,
-            this.overrides,
-            this.dynamicOverrides
-        ]);
-        locale_1.populateInstanceComputableOptions(rawOptions); // fill in gaps with computed options
-        this.reset(rawOptions);
+    // given a desired total height of the view, returns what the height of the scroller should be
+    AgendaView.prototype.computeScrollerHeight = function (totalHeight) {
+        return totalHeight -
+            util_1.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
     };
-    // stores the new options internally, but does not rerender anything.
-    OptionsManager.prototype.recordOverrides = function (newOptionHash) {
-        var optionName;
-        for (optionName in newOptionHash) {
-            this.dynamicOverrides[optionName] = newOptionHash[optionName];
+    /* Scroll
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Computes the initial pre-configured scroll state prior to allowing the user to change it
+    AgendaView.prototype.computeInitialDateScroll = function () {
+        var scrollTime = moment.duration(this.opt('scrollTime'));
+        var top = this.timeGrid.computeTimeTop(scrollTime);
+        // zoom can give weird floating-point values. rather scroll a little bit further
+        top = Math.ceil(top);
+        if (top) {
+            top++; // to overcome top border that slots beyond the first have. looks better
         }
-        this._calendar.viewSpecManager.clearCache(); // the dynamic override invalidates the options in this cache, so just clear it
-        this.compute(); // this.options needs to be recomputed after the dynamic override
-    };
-    return OptionsManager;
-}(Model_1.default));
-exports.default = OptionsManager;
-
-
-/***/ }),
-/* 241 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var moment = __webpack_require__(0);
-var $ = __webpack_require__(3);
-var ViewRegistry_1 = __webpack_require__(22);
-var util_1 = __webpack_require__(4);
-var options_1 = __webpack_require__(32);
-var locale_1 = __webpack_require__(31);
-var ViewSpecManager = /** @class */ (function () {
-    function ViewSpecManager(optionsManager, _calendar) {
-        this.optionsManager = optionsManager;
-        this._calendar = _calendar;
-        this.clearCache();
-    }
-    ViewSpecManager.prototype.clearCache = function () {
-        this.viewSpecCache = {};
+        return { top: top };
     };
-    // Gets information about how to create a view. Will use a cache.
-    ViewSpecManager.prototype.getViewSpec = function (viewType) {
-        var cache = this.viewSpecCache;
-        return cache[viewType] || (cache[viewType] = this.buildViewSpec(viewType));
+    AgendaView.prototype.queryDateScroll = function () {
+        return { top: this.scroller.getScrollTop() };
     };
-    // Given a duration singular unit, like "week" or "day", finds a matching view spec.
-    // Preference is given to views that have corresponding buttons.
-    ViewSpecManager.prototype.getUnitViewSpec = function (unit) {
-        var viewTypes;
-        var i;
-        var spec;
-        if ($.inArray(unit, util_1.unitsDesc) !== -1) {
-            // put views that have buttons first. there will be duplicates, but oh well
-            viewTypes = this._calendar.header.getViewsWithButtons(); // TODO: include footer as well?
-            $.each(ViewRegistry_1.viewHash, function (viewType) {
-                viewTypes.push(viewType);
-            });
-            for (i = 0; i < viewTypes.length; i++) {
-                spec = this.getViewSpec(viewTypes[i]);
-                if (spec) {
-                    if (spec.singleUnit === unit) {
-                        return spec;
-                    }
-                }
-            }
+    AgendaView.prototype.applyDateScroll = function (scroll) {
+        if (scroll.top !== undefined) {
+            this.scroller.setScrollTop(scroll.top);
         }
     };
-    // Builds an object with information on how to create a given view
-    ViewSpecManager.prototype.buildViewSpec = function (requestedViewType) {
-        var viewOverrides = this.optionsManager.overrides.views || {};
-        var specChain = []; // for the view. lowest to highest priority
-        var defaultsChain = []; // for the view. lowest to highest priority
-        var overridesChain = []; // for the view. lowest to highest priority
-        var viewType = requestedViewType;
-        var spec; // for the view
-        var overrides; // for the view
-        var durationInput;
-        var duration;
-        var unit;
-        // iterate from the specific view definition to a more general one until we hit an actual View class
-        while (viewType) {
-            spec = ViewRegistry_1.viewHash[viewType];
-            overrides = viewOverrides[viewType];
-            viewType = null; // clear. might repopulate for another iteration
-            if (typeof spec === 'function') {
-                spec = { 'class': spec };
-            }
-            if (spec) {
-                specChain.unshift(spec);
-                defaultsChain.unshift(spec.defaults || {});
-                durationInput = durationInput || spec.duration;
-                viewType = viewType || spec.type;
+    /* Hit Areas
+    ------------------------------------------------------------------------------------------------------------------*/
+    // forward all hit-related method calls to the grids (dayGrid might not be defined)
+    AgendaView.prototype.getHitFootprint = function (hit) {
+        // TODO: hit.component is set as a hack to identify where the hit came from
+        return hit.component.getHitFootprint(hit);
+    };
+    AgendaView.prototype.getHitEl = function (hit) {
+        // TODO: hit.component is set as a hack to identify where the hit came from
+        return hit.component.getHitEl(hit);
+    };
+    /* Event Rendering
+    ------------------------------------------------------------------------------------------------------------------*/
+    AgendaView.prototype.executeEventRender = function (eventsPayload) {
+        var dayEventsPayload = {};
+        var timedEventsPayload = {};
+        var id;
+        var eventInstanceGroup;
+        // separate the events into all-day and timed
+        for (id in eventsPayload) {
+            eventInstanceGroup = eventsPayload[id];
+            if (eventInstanceGroup.getEventDef().isAllDay()) {
+                dayEventsPayload[id] = eventInstanceGroup;
             }
-            if (overrides) {
-                overridesChain.unshift(overrides); // view-specific option hashes have options at zero-level
-                durationInput = durationInput || overrides.duration;
-                viewType = viewType || overrides.type;
+            else {
+                timedEventsPayload[id] = eventInstanceGroup;
             }
         }
-        spec = util_1.mergeProps(specChain);
-        spec.type = requestedViewType;
-        if (!spec['class']) {
-            return false;
+        this.timeGrid.executeEventRender(timedEventsPayload);
+        if (this.dayGrid) {
+            this.dayGrid.executeEventRender(dayEventsPayload);
         }
-        // fall back to top-level `duration` option
-        durationInput = durationInput ||
-            this.optionsManager.dynamicOverrides.duration ||
-            this.optionsManager.overrides.duration;
-        if (durationInput) {
-            duration = moment.duration(durationInput);
-            if (duration.valueOf()) {
-                unit = util_1.computeDurationGreatestUnit(duration, durationInput);
-                spec.duration = duration;
-                spec.durationUnit = unit;
-                // view is a single-unit duration, like "week" or "day"
-                // incorporate options for this. lowest priority
-                if (duration.as(unit) === 1) {
-                    spec.singleUnit = unit;
-                    overridesChain.unshift(viewOverrides[unit] || {});
-                }
-            }
+    };
+    /* Dragging/Resizing Routing
+    ------------------------------------------------------------------------------------------------------------------*/
+    // A returned value of `true` signals that a mock "helper" event has been rendered.
+    AgendaView.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
+        var groups = groupEventFootprintsByAllDay(eventFootprints);
+        var renderedHelper = false;
+        renderedHelper = this.timeGrid.renderDrag(groups.timed, seg, isTouch);
+        if (this.dayGrid) {
+            renderedHelper = this.dayGrid.renderDrag(groups.allDay, seg, isTouch) || renderedHelper;
         }
-        spec.defaults = options_1.mergeOptions(defaultsChain);
-        spec.overrides = options_1.mergeOptions(overridesChain);
-        this.buildViewSpecOptions(spec);
-        this.buildViewSpecButtonText(spec, requestedViewType);
-        return spec;
+        return renderedHelper;
     };
-    // Builds and assigns a view spec's options object from its already-assigned defaults and overrides
-    ViewSpecManager.prototype.buildViewSpecOptions = function (spec) {
-        var optionsManager = this.optionsManager;
-        spec.options = options_1.mergeOptions([
-            options_1.globalDefaults,
-            spec.defaults,
-            optionsManager.dirDefaults,
-            optionsManager.localeDefaults,
-            optionsManager.overrides,
-            spec.overrides,
-            optionsManager.dynamicOverrides // dynamically set via setter. highest precedence
-        ]);
-        locale_1.populateInstanceComputableOptions(spec.options);
+    AgendaView.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
+        var groups = groupEventFootprintsByAllDay(eventFootprints);
+        this.timeGrid.renderEventResize(groups.timed, seg, isTouch);
+        if (this.dayGrid) {
+            this.dayGrid.renderEventResize(groups.allDay, seg, isTouch);
+        }
     };
-    // Computes and assigns a view spec's buttonText-related options
-    ViewSpecManager.prototype.buildViewSpecButtonText = function (spec, requestedViewType) {
-        var optionsManager = this.optionsManager;
-        // given an options object with a possible `buttonText` hash, lookup the buttonText for the
-        // requested view, falling back to a generic unit entry like "week" or "day"
-        function queryButtonText(options) {
-            var buttonText = options.buttonText || {};
-            return buttonText[requestedViewType] ||
-                // view can decide to look up a certain key
-                (spec.buttonTextKey ? buttonText[spec.buttonTextKey] : null) ||
-                // a key like "month"
-                (spec.singleUnit ? buttonText[spec.singleUnit] : null);
+    /* Selection
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders a visual indication of a selection
+    AgendaView.prototype.renderSelectionFootprint = function (componentFootprint) {
+        if (!componentFootprint.isAllDay) {
+            this.timeGrid.renderSelectionFootprint(componentFootprint);
+        }
+        else if (this.dayGrid) {
+            this.dayGrid.renderSelectionFootprint(componentFootprint);
         }
-        // highest to lowest priority
-        spec.buttonTextOverride =
-            queryButtonText(optionsManager.dynamicOverrides) ||
-                queryButtonText(optionsManager.overrides) || // constructor-specified buttonText lookup hash takes precedence
-                spec.overrides.buttonText; // `buttonText` for view-specific options is a string
-        // highest to lowest priority. mirrors buildViewSpecOptions
-        spec.buttonTextDefault =
-            queryButtonText(optionsManager.localeDefaults) ||
-                queryButtonText(optionsManager.dirDefaults) ||
-                spec.defaults.buttonText || // a single string. from ViewSubclass.defaults
-                queryButtonText(options_1.globalDefaults) ||
-                (spec.duration ? this._calendar.humanizeDuration(spec.duration) : null) || // like "3 days"
-                requestedViewType; // fall back to given view name
     };
-    return ViewSpecManager;
-}());
-exports.default = ViewSpecManager;
+    return AgendaView;
+}(View_1.default));
+exports.default = AgendaView;
+AgendaView.prototype.timeGridClass = TimeGrid_1.default;
+AgendaView.prototype.dayGridClass = DayGrid_1.default;
+// Will customize the rendering behavior of the AgendaView's timeGrid
+agendaTimeGridMethods = {
+    // Generates the HTML that will go before the day-of week header cells
+    renderHeadIntroHtml: function () {
+        var view = this.view;
+        var calendar = view.calendar;
+        var weekStart = calendar.msToUtcMoment(this.dateProfile.renderUnzonedRange.startMs, true);
+        var weekText;
+        if (this.opt('weekNumbers')) {
+            weekText = weekStart.format(this.opt('smallWeekFormat'));
+            return '' +
+                '<th class="fc-axis fc-week-number ' + calendar.theme.getClass('widgetHeader') + '" ' + view.axisStyleAttr() + '>' +
+                view.buildGotoAnchorHtml(// aside from link, important for matchCellWidths
+                { date: weekStart, type: 'week', forceOff: this.colCnt > 1 }, util_1.htmlEscape(weekText) // inner HTML
+                ) +
+                '</th>';
+        }
+        else {
+            return '<th class="fc-axis ' + calendar.theme.getClass('widgetHeader') + '" ' + view.axisStyleAttr() + '></th>';
+        }
+    },
+    // Generates the HTML that goes before the bg of the TimeGrid slot area. Long vertical column.
+    renderBgIntroHtml: function () {
+        var view = this.view;
+        return '<td class="fc-axis ' + view.calendar.theme.getClass('widgetContent') + '" ' + view.axisStyleAttr() + '></td>';
+    },
+    // Generates the HTML that goes before all other types of cells.
+    // Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
+    renderIntroHtml: function () {
+        var view = this.view;
+        return '<td class="fc-axis" ' + view.axisStyleAttr() + '></td>';
+    }
+};
+// Will customize the rendering behavior of the AgendaView's dayGrid
+agendaDayGridMethods = {
+    // Generates the HTML that goes before the all-day cells
+    renderBgIntroHtml: function () {
+        var view = this.view;
+        return '' +
+            '<td class="fc-axis ' + view.calendar.theme.getClass('widgetContent') + '" ' + view.axisStyleAttr() + '>' +
+            '<span>' + // needed for matchCellWidths
+            view.getAllDayHtml() +
+            '</span>' +
+            '</td>';
+    },
+    // Generates the HTML that goes before all other types of cells.
+    // Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
+    renderIntroHtml: function () {
+        var view = this.view;
+        return '<td class="fc-axis" ' + view.axisStyleAttr() + '></td>';
+    }
+};
+function groupEventFootprintsByAllDay(eventFootprints) {
+    var allDay = [];
+    var timed = [];
+    var i;
+    for (i = 0; i < eventFootprints.length; i++) {
+        if (eventFootprints[i].componentFootprint.isAllDay) {
+            allDay.push(eventFootprints[i]);
+        }
+        else {
+            timed.push(eventFootprints[i]);
+        }
+    }
+    return { allDay: allDay, timed: timed };
+}
 
 
 /***/ }),
-/* 242 */
+/* 239 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
+var moment = __webpack_require__(0);
 var util_1 = __webpack_require__(4);
-var EventPeriod_1 = __webpack_require__(243);
-var ArrayEventSource_1 = __webpack_require__(52);
-var EventSource_1 = __webpack_require__(6);
-var EventSourceParser_1 = __webpack_require__(38);
-var SingleEventDef_1 = __webpack_require__(13);
-var EventInstanceGroup_1 = __webpack_require__(18);
-var EmitterMixin_1 = __webpack_require__(11);
-var ListenerMixin_1 = __webpack_require__(7);
-var EventManager = /** @class */ (function () {
-    function EventManager(calendar) {
-        this.calendar = calendar;
-        this.stickySource = new ArrayEventSource_1.default(calendar);
-        this.otherSources = [];
+var InteractiveDateComponent_1 = __webpack_require__(42);
+var BusinessHourRenderer_1 = __webpack_require__(61);
+var StandardInteractionsMixin_1 = __webpack_require__(65);
+var DayTableMixin_1 = __webpack_require__(60);
+var CoordCache_1 = __webpack_require__(58);
+var UnzonedRange_1 = __webpack_require__(5);
+var ComponentFootprint_1 = __webpack_require__(12);
+var TimeGridEventRenderer_1 = __webpack_require__(240);
+var TimeGridHelperRenderer_1 = __webpack_require__(241);
+var TimeGridFillRenderer_1 = __webpack_require__(242);
+/* A component that renders one or more columns of vertical time slots
+----------------------------------------------------------------------------------------------------------------------*/
+// We mixin DayTable, even though there is only a single row of days
+// potential nice values for the slot-duration and interval-duration
+// from largest to smallest
+var AGENDA_STOCK_SUB_DURATIONS = [
+    { hours: 1 },
+    { minutes: 30 },
+    { minutes: 15 },
+    { seconds: 30 },
+    { seconds: 15 }
+];
+var TimeGrid = /** @class */ (function (_super) {
+    tslib_1.__extends(TimeGrid, _super);
+    function TimeGrid(view) {
+        var _this = _super.call(this, view) || this;
+        _this.processOptions();
+        return _this;
     }
-    EventManager.prototype.requestEvents = function (start, end, timezone, force) {
-        if (force ||
-            !this.currentPeriod ||
-            !this.currentPeriod.isWithinRange(start, end) ||
-            timezone !== this.currentPeriod.timezone) {
-            this.setPeriod(// will change this.currentPeriod
-            new EventPeriod_1.default(start, end, timezone));
-        }
-        return this.currentPeriod.whenReleased();
-    };
-    // Source Adding/Removing
-    // -----------------------------------------------------------------------------------------------------------------
-    EventManager.prototype.addSource = function (eventSource) {
-        this.otherSources.push(eventSource);
-        if (this.currentPeriod) {
-            this.currentPeriod.requestSource(eventSource); // might release
-        }
-    };
-    EventManager.prototype.removeSource = function (doomedSource) {
-        util_1.removeExact(this.otherSources, doomedSource);
-        if (this.currentPeriod) {
-            this.currentPeriod.purgeSource(doomedSource); // might release
-        }
-    };
-    EventManager.prototype.removeAllSources = function () {
-        this.otherSources = [];
-        if (this.currentPeriod) {
-            this.currentPeriod.purgeAllSources(); // might release
-        }
-    };
-    // Source Refetching
-    // -----------------------------------------------------------------------------------------------------------------
-    EventManager.prototype.refetchSource = function (eventSource) {
-        var currentPeriod = this.currentPeriod;
-        if (currentPeriod) {
-            currentPeriod.freeze();
-            currentPeriod.purgeSource(eventSource);
-            currentPeriod.requestSource(eventSource);
-            currentPeriod.thaw();
+    // Slices up the given span (unzoned start/end with other misc data) into an array of segments
+    TimeGrid.prototype.componentFootprintToSegs = function (componentFootprint) {
+        var segs = this.sliceRangeByTimes(componentFootprint.unzonedRange);
+        var i;
+        for (i = 0; i < segs.length; i++) {
+            if (this.isRTL) {
+                segs[i].col = this.daysPerRow - 1 - segs[i].dayIndex;
+            }
+            else {
+                segs[i].col = segs[i].dayIndex;
+            }
         }
+        return segs;
     };
-    EventManager.prototype.refetchAllSources = function () {
-        var currentPeriod = this.currentPeriod;
-        if (currentPeriod) {
-            currentPeriod.freeze();
-            currentPeriod.purgeAllSources();
-            currentPeriod.requestSources(this.getSources());
-            currentPeriod.thaw();
+    /* Date Handling
+    ------------------------------------------------------------------------------------------------------------------*/
+    TimeGrid.prototype.sliceRangeByTimes = function (unzonedRange) {
+        var segs = [];
+        var segRange;
+        var dayIndex;
+        for (dayIndex = 0; dayIndex < this.daysPerRow; dayIndex++) {
+            segRange = unzonedRange.intersect(this.dayRanges[dayIndex]);
+            if (segRange) {
+                segs.push({
+                    startMs: segRange.startMs,
+                    endMs: segRange.endMs,
+                    isStart: segRange.isStart,
+                    isEnd: segRange.isEnd,
+                    dayIndex: dayIndex
+                });
+            }
         }
+        return segs;
     };
-    // Source Querying
-    // -----------------------------------------------------------------------------------------------------------------
-    EventManager.prototype.getSources = function () {
-        return [this.stickySource].concat(this.otherSources);
-    };
-    // like querySources, but accepts multple match criteria (like multiple IDs)
-    EventManager.prototype.multiQuerySources = function (matchInputs) {
-        // coerce into an array
-        if (!matchInputs) {
-            matchInputs = [];
-        }
-        else if (!$.isArray(matchInputs)) {
-            matchInputs = [matchInputs];
-        }
-        var matchingSources = [];
-        var i;
-        // resolve raw inputs to real event source objects
-        for (i = 0; i < matchInputs.length; i++) {
-            matchingSources.push.apply(// append
-            matchingSources, this.querySources(matchInputs[i]));
+    /* Options
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Parses various options into properties of this object
+    TimeGrid.prototype.processOptions = function () {
+        var slotDuration = this.opt('slotDuration');
+        var snapDuration = this.opt('snapDuration');
+        var input;
+        slotDuration = moment.duration(slotDuration);
+        snapDuration = snapDuration ? moment.duration(snapDuration) : slotDuration;
+        this.slotDuration = slotDuration;
+        this.snapDuration = snapDuration;
+        this.snapsPerSlot = slotDuration / snapDuration; // TODO: ensure an integer multiple?
+        // might be an array value (for TimelineView).
+        // if so, getting the most granular entry (the last one probably).
+        input = this.opt('slotLabelFormat');
+        if ($.isArray(input)) {
+            input = input[input.length - 1];
         }
-        return matchingSources;
+        this.labelFormat = input ||
+            this.opt('smallTimeFormat'); // the computed default
+        input = this.opt('slotLabelInterval');
+        this.labelInterval = input ?
+            moment.duration(input) :
+            this.computeLabelInterval(slotDuration);
     };
-    // matchInput can either by a real event source object, an ID, or the function/URL for the source.
-    // returns an array of matching source objects.
-    EventManager.prototype.querySources = function (matchInput) {
-        var sources = this.otherSources;
-        var i;
-        var source;
-        // given a proper event source object
-        for (i = 0; i < sources.length; i++) {
-            source = sources[i];
-            if (source === matchInput) {
-                return [source];
+    // Computes an automatic value for slotLabelInterval
+    TimeGrid.prototype.computeLabelInterval = function (slotDuration) {
+        var i;
+        var labelInterval;
+        var slotsPerLabel;
+        // find the smallest stock label interval that results in more than one slots-per-label
+        for (i = AGENDA_STOCK_SUB_DURATIONS.length - 1; i >= 0; i--) {
+            labelInterval = moment.duration(AGENDA_STOCK_SUB_DURATIONS[i]);
+            slotsPerLabel = util_1.divideDurationByDuration(labelInterval, slotDuration);
+            if (util_1.isInt(slotsPerLabel) && slotsPerLabel > 1) {
+                return labelInterval;
             }
         }
-        // an ID match
-        source = this.getSourceById(EventSource_1.default.normalizeId(matchInput));
-        if (source) {
-            return [source];
-        }
-        // parse as an event source
-        matchInput = EventSourceParser_1.default.parse(matchInput, this.calendar);
-        if (matchInput) {
-            return $.grep(sources, function (source) {
-                return isSourcesEquivalent(matchInput, source);
-            });
-        }
+        return moment.duration(slotDuration); // fall back. clone
     };
-    /*
-    ID assumed to already be normalized
-    */
-    EventManager.prototype.getSourceById = function (id) {
-        return $.grep(this.otherSources, function (source) {
-            return source.id && source.id === id;
-        })[0];
+    /* Date Rendering
+    ------------------------------------------------------------------------------------------------------------------*/
+    TimeGrid.prototype.renderDates = function (dateProfile) {
+        this.dateProfile = dateProfile;
+        this.updateDayTable();
+        this.renderSlats();
+        this.renderColumns();
     };
-    // Event-Period
-    // -----------------------------------------------------------------------------------------------------------------
-    EventManager.prototype.setPeriod = function (eventPeriod) {
-        if (this.currentPeriod) {
-            this.unbindPeriod(this.currentPeriod);
-            this.currentPeriod = null;
-        }
-        this.currentPeriod = eventPeriod;
-        this.bindPeriod(eventPeriod);
-        eventPeriod.requestSources(this.getSources());
+    TimeGrid.prototype.unrenderDates = function () {
+        // this.unrenderSlats(); // don't need this because repeated .html() calls clear
+        this.unrenderColumns();
     };
-    EventManager.prototype.bindPeriod = function (eventPeriod) {
-        this.listenTo(eventPeriod, 'release', function (eventsPayload) {
-            this.trigger('release', eventsPayload);
-        });
+    TimeGrid.prototype.renderSkeleton = function () {
+        var theme = this.view.calendar.theme;
+        this.el.html('<div class="fc-bg"></div>' +
+            '<div class="fc-slats"></div>' +
+            '<hr class="fc-divider ' + theme.getClass('widgetHeader') + '" style="display:none"></hr>');
+        this.bottomRuleEl = this.el.find('hr');
     };
-    EventManager.prototype.unbindPeriod = function (eventPeriod) {
-        this.stopListeningTo(eventPeriod);
+    TimeGrid.prototype.renderSlats = function () {
+        var theme = this.view.calendar.theme;
+        this.slatContainerEl = this.el.find('> .fc-slats')
+            .html(// avoids needing ::unrenderSlats()
+        '<table class="' + theme.getClass('tableGrid') + '">' +
+            this.renderSlatRowHtml() +
+            '</table>');
+        this.slatEls = this.slatContainerEl.find('tr');
+        this.slatCoordCache = new CoordCache_1.default({
+            els: this.slatEls,
+            isVertical: true
+        });
     };
-    // Event Getting/Adding/Removing
-    // -----------------------------------------------------------------------------------------------------------------
-    EventManager.prototype.getEventDefByUid = function (uid) {
-        if (this.currentPeriod) {
-            return this.currentPeriod.getEventDefByUid(uid);
+    // Generates the HTML for the horizontal "slats" that run width-wise. Has a time axis on a side. Depends on RTL.
+    TimeGrid.prototype.renderSlatRowHtml = function () {
+        var view = this.view;
+        var calendar = view.calendar;
+        var theme = calendar.theme;
+        var isRTL = this.isRTL;
+        var dateProfile = this.dateProfile;
+        var html = '';
+        var slotTime = moment.duration(+dateProfile.minTime); // wish there was .clone() for durations
+        var slotIterator = moment.duration(0);
+        var slotDate; // will be on the view's first day, but we only care about its time
+        var isLabeled;
+        var axisHtml;
+        // Calculate the time for each slot
+        while (slotTime < dateProfile.maxTime) {
+            slotDate = calendar.msToUtcMoment(dateProfile.renderUnzonedRange.startMs).time(slotTime);
+            isLabeled = util_1.isInt(util_1.divideDurationByDuration(slotIterator, this.labelInterval));
+            axisHtml =
+                '<td class="fc-axis fc-time ' + theme.getClass('widgetContent') + '" ' + view.axisStyleAttr() + '>' +
+                    (isLabeled ?
+                        '<span>' + // for matchCellWidths
+                            util_1.htmlEscape(slotDate.format(this.labelFormat)) +
+                            '</span>' :
+                        '') +
+                    '</td>';
+            html +=
+                '<tr data-time="' + slotDate.format('HH:mm:ss') + '"' +
+                    (isLabeled ? '' : ' class="fc-minor"') +
+                    '>' +
+                    (!isRTL ? axisHtml : '') +
+                    '<td class="' + theme.getClass('widgetContent') + '"></td>' +
+                    (isRTL ? axisHtml : '') +
+                    '</tr>';
+            slotTime.add(this.slotDuration);
+            slotIterator.add(this.slotDuration);
         }
+        return html;
     };
-    EventManager.prototype.addEventDef = function (eventDef, isSticky) {
-        if (isSticky) {
-            this.stickySource.addEventDef(eventDef);
+    TimeGrid.prototype.renderColumns = function () {
+        var dateProfile = this.dateProfile;
+        var theme = this.view.calendar.theme;
+        this.dayRanges = this.dayDates.map(function (dayDate) {
+            return new UnzonedRange_1.default(dayDate.clone().add(dateProfile.minTime), dayDate.clone().add(dateProfile.maxTime));
+        });
+        if (this.headContainerEl) {
+            this.headContainerEl.html(this.renderHeadHtml());
         }
-        if (this.currentPeriod) {
-            this.currentPeriod.addEventDef(eventDef); // might release
+        this.el.find('> .fc-bg').html('<table class="' + theme.getClass('tableGrid') + '">' +
+            this.renderBgTrHtml(0) + // row=0
+            '</table>');
+        this.colEls = this.el.find('.fc-day, .fc-disabled-day');
+        this.colCoordCache = new CoordCache_1.default({
+            els: this.colEls,
+            isHorizontal: true
+        });
+        this.renderContentSkeleton();
+    };
+    TimeGrid.prototype.unrenderColumns = function () {
+        this.unrenderContentSkeleton();
+    };
+    /* Content Skeleton
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders the DOM that the view's content will live in
+    TimeGrid.prototype.renderContentSkeleton = function () {
+        var cellHtml = '';
+        var i;
+        var skeletonEl;
+        for (i = 0; i < this.colCnt; i++) {
+            cellHtml +=
+                '<td>' +
+                    '<div class="fc-content-col">' +
+                    '<div class="fc-event-container fc-helper-container"></div>' +
+                    '<div class="fc-event-container"></div>' +
+                    '<div class="fc-highlight-container"></div>' +
+                    '<div class="fc-bgevent-container"></div>' +
+                    '<div class="fc-business-container"></div>' +
+                    '</div>' +
+                    '</td>';
         }
+        skeletonEl = this.contentSkeletonEl = $('<div class="fc-content-skeleton">' +
+            '<table>' +
+            '<tr>' + cellHtml + '</tr>' +
+            '</table>' +
+            '</div>');
+        this.colContainerEls = skeletonEl.find('.fc-content-col');
+        this.helperContainerEls = skeletonEl.find('.fc-helper-container');
+        this.fgContainerEls = skeletonEl.find('.fc-event-container:not(.fc-helper-container)');
+        this.bgContainerEls = skeletonEl.find('.fc-bgevent-container');
+        this.highlightContainerEls = skeletonEl.find('.fc-highlight-container');
+        this.businessContainerEls = skeletonEl.find('.fc-business-container');
+        this.bookendCells(skeletonEl.find('tr')); // TODO: do this on string level
+        this.el.append(skeletonEl);
     };
-    EventManager.prototype.removeEventDefsById = function (eventId) {
-        this.getSources().forEach(function (eventSource) {
-            eventSource.removeEventDefsById(eventId);
-        });
-        if (this.currentPeriod) {
-            this.currentPeriod.removeEventDefsById(eventId); // might release
+    TimeGrid.prototype.unrenderContentSkeleton = function () {
+        if (this.contentSkeletonEl) { // defensive :(
+            this.contentSkeletonEl.remove();
+            this.contentSkeletonEl = null;
+            this.colContainerEls = null;
+            this.helperContainerEls = null;
+            this.fgContainerEls = null;
+            this.bgContainerEls = null;
+            this.highlightContainerEls = null;
+            this.businessContainerEls = null;
         }
     };
-    EventManager.prototype.removeAllEventDefs = function () {
-        this.getSources().forEach(function (eventSource) {
-            eventSource.removeAllEventDefs();
-        });
-        if (this.currentPeriod) {
-            this.currentPeriod.removeAllEventDefs();
+    // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's col
+    TimeGrid.prototype.groupSegsByCol = function (segs) {
+        var segsByCol = [];
+        var i;
+        for (i = 0; i < this.colCnt; i++) {
+            segsByCol.push([]);
+        }
+        for (i = 0; i < segs.length; i++) {
+            segsByCol[segs[i].col].push(segs[i]);
         }
+        return segsByCol;
     };
-    // Event Mutating
-    // -----------------------------------------------------------------------------------------------------------------
-    /*
-    Returns an undo function.
-    */
-    EventManager.prototype.mutateEventsWithId = function (eventDefId, eventDefMutation) {
-        var currentPeriod = this.currentPeriod;
-        var eventDefs;
-        var undoFuncs = [];
-        if (currentPeriod) {
-            currentPeriod.freeze();
-            eventDefs = currentPeriod.getEventDefsById(eventDefId);
-            eventDefs.forEach(function (eventDef) {
-                // add/remove esp because id might change
-                currentPeriod.removeEventDef(eventDef);
-                undoFuncs.push(eventDefMutation.mutateSingle(eventDef));
-                currentPeriod.addEventDef(eventDef);
-            });
-            currentPeriod.thaw();
-            return function () {
-                currentPeriod.freeze();
-                for (var i = 0; i < eventDefs.length; i++) {
-                    currentPeriod.removeEventDef(eventDefs[i]);
-                    undoFuncs[i]();
-                    currentPeriod.addEventDef(eventDefs[i]);
-                }
-                currentPeriod.thaw();
-            };
+    // Given segments grouped by column, insert the segments' elements into a parallel array of container
+    // elements, each living within a column.
+    TimeGrid.prototype.attachSegsByCol = function (segsByCol, containerEls) {
+        var col;
+        var segs;
+        var i;
+        for (col = 0; col < this.colCnt; col++) { // iterate each column grouping
+            segs = segsByCol[col];
+            for (i = 0; i < segs.length; i++) {
+                containerEls.eq(col).append(segs[i].el);
+            }
         }
-        return function () { };
     };
-    /*
-    copies and then mutates
-    */
-    EventManager.prototype.buildMutatedEventInstanceGroup = function (eventDefId, eventDefMutation) {
-        var eventDefs = this.getEventDefsById(eventDefId);
+    /* Now Indicator
+    ------------------------------------------------------------------------------------------------------------------*/
+    TimeGrid.prototype.getNowIndicatorUnit = function () {
+        return 'minute'; // will refresh on the minute
+    };
+    TimeGrid.prototype.renderNowIndicator = function (date) {
+        // HACK: if date columns not ready for some reason (scheduler)
+        if (!this.colContainerEls) {
+            return;
+        }
+        // seg system might be overkill, but it handles scenario where line needs to be rendered
+        //  more than once because of columns with the same date (resources columns for example)
+        var segs = this.componentFootprintToSegs(new ComponentFootprint_1.default(new UnzonedRange_1.default(date, date.valueOf() + 1), // protect against null range
+        false // all-day
+        ));
+        var top = this.computeDateTop(date, date);
+        var nodes = [];
         var i;
-        var defCopy;
-        var allInstances = [];
-        for (i = 0; i < eventDefs.length; i++) {
-            defCopy = eventDefs[i].clone();
-            if (defCopy instanceof SingleEventDef_1.default) {
-                eventDefMutation.mutateSingle(defCopy);
-                allInstances.push.apply(allInstances, // append
-                defCopy.buildInstances());
-            }
+        // render lines within the columns
+        for (i = 0; i < segs.length; i++) {
+            nodes.push($('<div class="fc-now-indicator fc-now-indicator-line"></div>')
+                .css('top', top)
+                .appendTo(this.colContainerEls.eq(segs[i].col))[0]);
         }
-        return new EventInstanceGroup_1.default(allInstances);
+        // render an arrow over the axis
+        if (segs.length > 0) { // is the current time in view?
+            nodes.push($('<div class="fc-now-indicator fc-now-indicator-arrow"></div>')
+                .css('top', top)
+                .appendTo(this.el.find('.fc-content-skeleton'))[0]);
+        }
+        this.nowIndicatorEls = $(nodes);
     };
-    // Freezing
-    // -----------------------------------------------------------------------------------------------------------------
-    EventManager.prototype.freeze = function () {
-        if (this.currentPeriod) {
-            this.currentPeriod.freeze();
+    TimeGrid.prototype.unrenderNowIndicator = function () {
+        if (this.nowIndicatorEls) {
+            this.nowIndicatorEls.remove();
+            this.nowIndicatorEls = null;
         }
     };
-    EventManager.prototype.thaw = function () {
-        if (this.currentPeriod) {
-            this.currentPeriod.thaw();
+    /* Coordinates
+    ------------------------------------------------------------------------------------------------------------------*/
+    TimeGrid.prototype.updateSize = function (totalHeight, isAuto, isResize) {
+        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
+        this.slatCoordCache.build();
+        if (isResize) {
+            this.updateSegVerticals([].concat(this.eventRenderer.getSegs(), this.businessSegs || []));
         }
     };
-    // methods that simply forward to EventPeriod
-    EventManager.prototype.getEventDefsById = function (eventDefId) {
-        return this.currentPeriod.getEventDefsById(eventDefId);
+    TimeGrid.prototype.getTotalSlatHeight = function () {
+        return this.slatContainerEl.outerHeight();
     };
-    EventManager.prototype.getEventInstances = function () {
-        return this.currentPeriod.getEventInstances();
+    // Computes the top coordinate, relative to the bounds of the grid, of the given date.
+    // `ms` can be a millisecond UTC time OR a UTC moment.
+    // A `startOfDayDate` must be given for avoiding ambiguity over how to treat midnight.
+    TimeGrid.prototype.computeDateTop = function (ms, startOfDayDate) {
+        return this.computeTimeTop(moment.duration(ms - startOfDayDate.clone().stripTime()));
     };
-    EventManager.prototype.getEventInstancesWithId = function (eventDefId) {
-        return this.currentPeriod.getEventInstancesWithId(eventDefId);
+    // Computes the top coordinate, relative to the bounds of the grid, of the given time (a Duration).
+    TimeGrid.prototype.computeTimeTop = function (time) {
+        var len = this.slatEls.length;
+        var dateProfile = this.dateProfile;
+        var slatCoverage = (time - dateProfile.minTime) / this.slotDuration; // floating-point value of # of slots covered
+        var slatIndex;
+        var slatRemainder;
+        // compute a floating-point number for how many slats should be progressed through.
+        // from 0 to number of slats (inclusive)
+        // constrained because minTime/maxTime might be customized.
+        slatCoverage = Math.max(0, slatCoverage);
+        slatCoverage = Math.min(len, slatCoverage);
+        // an integer index of the furthest whole slat
+        // from 0 to number slats (*exclusive*, so len-1)
+        slatIndex = Math.floor(slatCoverage);
+        slatIndex = Math.min(slatIndex, len - 1);
+        // how much further through the slatIndex slat (from 0.0-1.0) must be covered in addition.
+        // could be 1.0 if slatCoverage is covering *all* the slots
+        slatRemainder = slatCoverage - slatIndex;
+        return this.slatCoordCache.getTopPosition(slatIndex) +
+            this.slatCoordCache.getHeight(slatIndex) * slatRemainder;
     };
-    EventManager.prototype.getEventInstancesWithoutId = function (eventDefId) {
-        return this.currentPeriod.getEventInstancesWithoutId(eventDefId);
+    // Refreshes the CSS top/bottom coordinates for each segment element.
+    // Works when called after initial render, after a window resize/zoom for example.
+    TimeGrid.prototype.updateSegVerticals = function (segs) {
+        this.computeSegVerticals(segs);
+        this.assignSegVerticals(segs);
     };
-    return EventManager;
-}());
-exports.default = EventManager;
-EmitterMixin_1.default.mixInto(EventManager);
-ListenerMixin_1.default.mixInto(EventManager);
-function isSourcesEquivalent(source0, source1) {
-    return source0.getPrimitive() === source1.getPrimitive();
-}
-
-
-/***/ }),
-/* 243 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var Promise_1 = __webpack_require__(20);
-var EmitterMixin_1 = __webpack_require__(11);
-var UnzonedRange_1 = __webpack_require__(5);
-var EventInstanceGroup_1 = __webpack_require__(18);
-var EventPeriod = /** @class */ (function () {
-    function EventPeriod(start, end, timezone) {
-        this.pendingCnt = 0;
-        this.freezeDepth = 0;
-        this.stuntedReleaseCnt = 0;
-        this.releaseCnt = 0;
-        this.start = start;
-        this.end = end;
-        this.timezone = timezone;
-        this.unzonedRange = new UnzonedRange_1.default(start.clone().stripZone(), end.clone().stripZone());
-        this.requestsByUid = {};
-        this.eventDefsByUid = {};
-        this.eventDefsById = {};
-        this.eventInstanceGroupsById = {};
-    }
-    EventPeriod.prototype.isWithinRange = function (start, end) {
-        // TODO: use a range util function?
-        return !start.isBefore(this.start) && !end.isAfter(this.end);
+    // For each segment in an array, computes and assigns its top and bottom properties
+    TimeGrid.prototype.computeSegVerticals = function (segs) {
+        var eventMinHeight = this.opt('agendaEventMinHeight');
+        var i;
+        var seg;
+        var dayDate;
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            dayDate = this.dayDates[seg.dayIndex];
+            seg.top = this.computeDateTop(seg.startMs, dayDate);
+            seg.bottom = Math.max(seg.top + eventMinHeight, this.computeDateTop(seg.endMs, dayDate));
+        }
     };
-    // Requesting and Purging
-    // -----------------------------------------------------------------------------------------------------------------
-    EventPeriod.prototype.requestSources = function (sources) {
-        this.freeze();
-        for (var i = 0; i < sources.length; i++) {
-            this.requestSource(sources[i]);
+    // Given segments that already have their top/bottom properties computed, applies those values to
+    // the segments' elements.
+    TimeGrid.prototype.assignSegVerticals = function (segs) {
+        var i;
+        var seg;
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            seg.el.css(this.generateSegVerticalCss(seg));
         }
-        this.thaw();
     };
-    EventPeriod.prototype.requestSource = function (source) {
-        var _this = this;
-        var request = { source: source, status: 'pending', eventDefs: null };
-        this.requestsByUid[source.uid] = request;
-        this.pendingCnt += 1;
-        source.fetch(this.start, this.end, this.timezone).then(function (eventDefs) {
-            if (request.status !== 'cancelled') {
-                request.status = 'completed';
-                request.eventDefs = eventDefs;
-                _this.addEventDefs(eventDefs);
-                _this.pendingCnt--;
-                _this.tryRelease();
-            }
-        }, function () {
-            if (request.status !== 'cancelled') {
-                request.status = 'failed';
-                _this.pendingCnt--;
-                _this.tryRelease();
-            }
-        });
+    // Generates an object with CSS properties for the top/bottom coordinates of a segment element
+    TimeGrid.prototype.generateSegVerticalCss = function (seg) {
+        return {
+            top: seg.top,
+            bottom: -seg.bottom // flipped because needs to be space beyond bottom edge of event container
+        };
     };
-    EventPeriod.prototype.purgeSource = function (source) {
-        var request = this.requestsByUid[source.uid];
-        if (request) {
-            delete this.requestsByUid[source.uid];
-            if (request.status === 'pending') {
-                request.status = 'cancelled';
-                this.pendingCnt--;
-                this.tryRelease();
-            }
-            else if (request.status === 'completed') {
-                request.eventDefs.forEach(this.removeEventDef.bind(this));
+    /* Hit System
+    ------------------------------------------------------------------------------------------------------------------*/
+    TimeGrid.prototype.prepareHits = function () {
+        this.colCoordCache.build();
+        this.slatCoordCache.build();
+    };
+    TimeGrid.prototype.releaseHits = function () {
+        this.colCoordCache.clear();
+        // NOTE: don't clear slatCoordCache because we rely on it for computeTimeTop
+    };
+    TimeGrid.prototype.queryHit = function (leftOffset, topOffset) {
+        var snapsPerSlot = this.snapsPerSlot;
+        var colCoordCache = this.colCoordCache;
+        var slatCoordCache = this.slatCoordCache;
+        if (colCoordCache.isLeftInBounds(leftOffset) && slatCoordCache.isTopInBounds(topOffset)) {
+            var colIndex = colCoordCache.getHorizontalIndex(leftOffset);
+            var slatIndex = slatCoordCache.getVerticalIndex(topOffset);
+            if (colIndex != null && slatIndex != null) {
+                var slatTop = slatCoordCache.getTopOffset(slatIndex);
+                var slatHeight = slatCoordCache.getHeight(slatIndex);
+                var partial = (topOffset - slatTop) / slatHeight; // floating point number between 0 and 1
+                var localSnapIndex = Math.floor(partial * snapsPerSlot); // the snap # relative to start of slat
+                var snapIndex = slatIndex * snapsPerSlot + localSnapIndex;
+                var snapTop = slatTop + (localSnapIndex / snapsPerSlot) * slatHeight;
+                var snapBottom = slatTop + ((localSnapIndex + 1) / snapsPerSlot) * slatHeight;
+                return {
+                    col: colIndex,
+                    snap: snapIndex,
+                    component: this,
+                    left: colCoordCache.getLeftOffset(colIndex),
+                    right: colCoordCache.getRightOffset(colIndex),
+                    top: snapTop,
+                    bottom: snapBottom
+                };
             }
         }
     };
-    EventPeriod.prototype.purgeAllSources = function () {
-        var requestsByUid = this.requestsByUid;
-        var uid;
-        var request;
-        var completedCnt = 0;
-        for (uid in requestsByUid) {
-            request = requestsByUid[uid];
-            if (request.status === 'pending') {
-                request.status = 'cancelled';
-            }
-            else if (request.status === 'completed') {
-                completedCnt++;
+    TimeGrid.prototype.getHitFootprint = function (hit) {
+        var start = this.getCellDate(0, hit.col); // row=0
+        var time = this.computeSnapTime(hit.snap); // pass in the snap-index
+        var end;
+        start.time(time);
+        end = start.clone().add(this.snapDuration);
+        return new ComponentFootprint_1.default(new UnzonedRange_1.default(start, end), false // all-day?
+        );
+    };
+    // Given a row number of the grid, representing a "snap", returns a time (Duration) from its start-of-day
+    TimeGrid.prototype.computeSnapTime = function (snapIndex) {
+        return moment.duration(this.dateProfile.minTime + this.snapDuration * snapIndex);
+    };
+    TimeGrid.prototype.getHitEl = function (hit) {
+        return this.colEls.eq(hit.col);
+    };
+    /* Event Drag Visualization
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders a visual indication of an event being dragged over the specified date(s).
+    // A returned value of `true` signals that a mock "helper" event has been rendered.
+    TimeGrid.prototype.renderDrag = function (eventFootprints, seg, isTouch) {
+        var i;
+        if (seg) { // if there is event information for this drag, render a helper event
+            if (eventFootprints.length) {
+                this.helperRenderer.renderEventDraggingFootprints(eventFootprints, seg, isTouch);
+                // signal that a helper has been rendered
+                return true;
             }
         }
-        this.requestsByUid = {};
-        this.pendingCnt = 0;
-        if (completedCnt) {
-            this.removeAllEventDefs(); // might release
+        else { // otherwise, just render a highlight
+            for (i = 0; i < eventFootprints.length; i++) {
+                this.renderHighlight(eventFootprints[i].componentFootprint);
+            }
         }
     };
-    // Event Definitions
-    // -----------------------------------------------------------------------------------------------------------------
-    EventPeriod.prototype.getEventDefByUid = function (eventDefUid) {
-        return this.eventDefsByUid[eventDefUid];
+    // Unrenders any visual indication of an event being dragged
+    TimeGrid.prototype.unrenderDrag = function () {
+        this.unrenderHighlight();
+        this.helperRenderer.unrender();
     };
-    EventPeriod.prototype.getEventDefsById = function (eventDefId) {
-        var a = this.eventDefsById[eventDefId];
-        if (a) {
-            return a.slice(); // clone
-        }
-        return [];
+    /* Event Resize Visualization
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders a visual indication of an event being resized
+    TimeGrid.prototype.renderEventResize = function (eventFootprints, seg, isTouch) {
+        this.helperRenderer.renderEventResizingFootprints(eventFootprints, seg, isTouch);
     };
-    EventPeriod.prototype.addEventDefs = function (eventDefs) {
-        for (var i = 0; i < eventDefs.length; i++) {
-            this.addEventDef(eventDefs[i]);
-        }
+    // Unrenders any visual indication of an event being resized
+    TimeGrid.prototype.unrenderEventResize = function () {
+        this.helperRenderer.unrender();
     };
-    EventPeriod.prototype.addEventDef = function (eventDef) {
-        var eventDefsById = this.eventDefsById;
-        var eventDefId = eventDef.id;
-        var eventDefs = eventDefsById[eventDefId] || (eventDefsById[eventDefId] = []);
-        var eventInstances = eventDef.buildInstances(this.unzonedRange);
-        var i;
-        eventDefs.push(eventDef);
-        this.eventDefsByUid[eventDef.uid] = eventDef;
-        for (i = 0; i < eventInstances.length; i++) {
-            this.addEventInstance(eventInstances[i], eventDefId);
+    /* Selection
+    ------------------------------------------------------------------------------------------------------------------*/
+    // Renders a visual indication of a selection. Overrides the default, which was to simply render a highlight.
+    TimeGrid.prototype.renderSelectionFootprint = function (componentFootprint) {
+        if (this.opt('selectHelper')) { // this setting signals that a mock helper event should be rendered
+            this.helperRenderer.renderComponentFootprint(componentFootprint);
+        }
+        else {
+            this.renderHighlight(componentFootprint);
         }
     };
-    EventPeriod.prototype.removeEventDefsById = function (eventDefId) {
-        var _this = this;
-        this.getEventDefsById(eventDefId).forEach(function (eventDef) {
-            _this.removeEventDef(eventDef);
-        });
+    // Unrenders any visual indication of a selection
+    TimeGrid.prototype.unrenderSelection = function () {
+        this.helperRenderer.unrender();
+        this.unrenderHighlight();
     };
-    EventPeriod.prototype.removeAllEventDefs = function () {
-        var isEmpty = $.isEmptyObject(this.eventDefsByUid);
-        this.eventDefsByUid = {};
-        this.eventDefsById = {};
-        this.eventInstanceGroupsById = {};
-        if (!isEmpty) {
-            this.tryRelease();
-        }
+    return TimeGrid;
+}(InteractiveDateComponent_1.default));
+exports.default = TimeGrid;
+TimeGrid.prototype.eventRendererClass = TimeGridEventRenderer_1.default;
+TimeGrid.prototype.businessHourRendererClass = BusinessHourRenderer_1.default;
+TimeGrid.prototype.helperRendererClass = TimeGridHelperRenderer_1.default;
+TimeGrid.prototype.fillRendererClass = TimeGridFillRenderer_1.default;
+StandardInteractionsMixin_1.default.mixInto(TimeGrid);
+DayTableMixin_1.default.mixInto(TimeGrid);
+
+
+/***/ }),
+/* 240 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var util_1 = __webpack_require__(4);
+var EventRenderer_1 = __webpack_require__(44);
+/*
+Only handles foreground segs.
+Does not own rendering. Use for low-level util methods by TimeGrid.
+*/
+var TimeGridEventRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(TimeGridEventRenderer, _super);
+    function TimeGridEventRenderer(timeGrid, fillRenderer) {
+        var _this = _super.call(this, timeGrid, fillRenderer) || this;
+        _this.timeGrid = timeGrid;
+        return _this;
+    }
+    TimeGridEventRenderer.prototype.renderFgSegs = function (segs) {
+        this.renderFgSegsIntoContainers(segs, this.timeGrid.fgContainerEls);
     };
-    EventPeriod.prototype.removeEventDef = function (eventDef) {
-        var eventDefsById = this.eventDefsById;
-        var eventDefs = eventDefsById[eventDef.id];
-        delete this.eventDefsByUid[eventDef.uid];
-        if (eventDefs) {
-            util_1.removeExact(eventDefs, eventDef);
-            if (!eventDefs.length) {
-                delete eventDefsById[eventDef.id];
-            }
-            this.removeEventInstancesForDef(eventDef);
+    // Given an array of foreground segments, render a DOM element for each, computes position,
+    // and attaches to the column inner-container elements.
+    TimeGridEventRenderer.prototype.renderFgSegsIntoContainers = function (segs, containerEls) {
+        var segsByCol;
+        var col;
+        segsByCol = this.timeGrid.groupSegsByCol(segs);
+        for (col = 0; col < this.timeGrid.colCnt; col++) {
+            this.updateFgSegCoords(segsByCol[col]);
         }
+        this.timeGrid.attachSegsByCol(segsByCol, containerEls);
     };
-    // Event Instances
-    // -----------------------------------------------------------------------------------------------------------------
-    EventPeriod.prototype.getEventInstances = function () {
-        var eventInstanceGroupsById = this.eventInstanceGroupsById;
-        var eventInstances = [];
-        var id;
-        for (id in eventInstanceGroupsById) {
-            eventInstances.push.apply(eventInstances, // append
-            eventInstanceGroupsById[id].eventInstances);
+    TimeGridEventRenderer.prototype.unrenderFgSegs = function () {
+        if (this.fgSegs) { // hack
+            this.fgSegs.forEach(function (seg) {
+                seg.el.remove();
+            });
         }
-        return eventInstances;
     };
-    EventPeriod.prototype.getEventInstancesWithId = function (eventDefId) {
-        var eventInstanceGroup = this.eventInstanceGroupsById[eventDefId];
-        if (eventInstanceGroup) {
-            return eventInstanceGroup.eventInstances.slice(); // clone
-        }
-        return [];
+    // Computes a default event time formatting string if `timeFormat` is not explicitly defined
+    TimeGridEventRenderer.prototype.computeEventTimeFormat = function () {
+        return this.opt('noMeridiemTimeFormat'); // like "6:30" (no AM/PM)
     };
-    EventPeriod.prototype.getEventInstancesWithoutId = function (eventDefId) {
-        var eventInstanceGroupsById = this.eventInstanceGroupsById;
-        var matchingInstances = [];
-        var id;
-        for (id in eventInstanceGroupsById) {
-            if (id !== eventDefId) {
-                matchingInstances.push.apply(matchingInstances, // append
-                eventInstanceGroupsById[id].eventInstances);
+    // Computes a default `displayEventEnd` value if one is not expliclty defined
+    TimeGridEventRenderer.prototype.computeDisplayEventEnd = function () {
+        return true;
+    };
+    // Renders the HTML for a single event segment's default rendering
+    TimeGridEventRenderer.prototype.fgSegHtml = function (seg, disableResizing) {
+        var view = this.view;
+        var calendar = view.calendar;
+        var componentFootprint = seg.footprint.componentFootprint;
+        var isAllDay = componentFootprint.isAllDay;
+        var eventDef = seg.footprint.eventDef;
+        var isDraggable = view.isEventDefDraggable(eventDef);
+        var isResizableFromStart = !disableResizing && seg.isStart && view.isEventDefResizableFromStart(eventDef);
+        var isResizableFromEnd = !disableResizing && seg.isEnd && view.isEventDefResizableFromEnd(eventDef);
+        var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd);
+        var skinCss = util_1.cssToStr(this.getSkinCss(eventDef));
+        var timeText;
+        var fullTimeText; // more verbose time text. for the print stylesheet
+        var startTimeText; // just the start time text
+        classes.unshift('fc-time-grid-event', 'fc-v-event');
+        // if the event appears to span more than one day...
+        if (view.isMultiDayRange(componentFootprint.unzonedRange)) {
+            // Don't display time text on segments that run entirely through a day.
+            // That would appear as midnight-midnight and would look dumb.
+            // Otherwise, display the time text for the *segment's* times (like 6pm-midnight or midnight-10am)
+            if (seg.isStart || seg.isEnd) {
+                var zonedStart = calendar.msToMoment(seg.startMs);
+                var zonedEnd = calendar.msToMoment(seg.endMs);
+                timeText = this._getTimeText(zonedStart, zonedEnd, isAllDay);
+                fullTimeText = this._getTimeText(zonedStart, zonedEnd, isAllDay, 'LT');
+                startTimeText = this._getTimeText(zonedStart, zonedEnd, isAllDay, null, false); // displayEnd=false
             }
         }
-        return matchingInstances;
+        else {
+            // Display the normal time text for the *event's* times
+            timeText = this.getTimeText(seg.footprint);
+            fullTimeText = this.getTimeText(seg.footprint, 'LT');
+            startTimeText = this.getTimeText(seg.footprint, null, false); // displayEnd=false
+        }
+        return '<a class="' + classes.join(' ') + '"' +
+            (eventDef.url ?
+                ' href="' + util_1.htmlEscape(eventDef.url) + '"' :
+                '') +
+            (skinCss ?
+                ' style="' + skinCss + '"' :
+                '') +
+            '>' +
+            '<div class="fc-content">' +
+            (timeText ?
+                '<div class="fc-time"' +
+                    ' data-start="' + util_1.htmlEscape(startTimeText) + '"' +
+                    ' data-full="' + util_1.htmlEscape(fullTimeText) + '"' +
+                    '>' +
+                    '<span>' + util_1.htmlEscape(timeText) + '</span>' +
+                    '</div>' :
+                '') +
+            (eventDef.title ?
+                '<div class="fc-title">' +
+                    util_1.htmlEscape(eventDef.title) +
+                    '</div>' :
+                '') +
+            '</div>' +
+            '<div class="fc-bg"></div>' +
+            /* TODO: write CSS for this
+            (isResizableFromStart ?
+              '<div class="fc-resizer fc-start-resizer"></div>' :
+              ''
+              ) +
+            */
+            (isResizableFromEnd ?
+                '<div class="fc-resizer fc-end-resizer"></div>' :
+                '') +
+            '</a>';
     };
-    EventPeriod.prototype.addEventInstance = function (eventInstance, eventDefId) {
-        var eventInstanceGroupsById = this.eventInstanceGroupsById;
-        var eventInstanceGroup = eventInstanceGroupsById[eventDefId] ||
-            (eventInstanceGroupsById[eventDefId] = new EventInstanceGroup_1.default());
-        eventInstanceGroup.eventInstances.push(eventInstance);
-        this.tryRelease();
+    // Given segments that are assumed to all live in the *same column*,
+    // compute their verical/horizontal coordinates and assign to their elements.
+    TimeGridEventRenderer.prototype.updateFgSegCoords = function (segs) {
+        this.timeGrid.computeSegVerticals(segs); // horizontals relies on this
+        this.computeFgSegHorizontals(segs); // compute horizontal coordinates, z-index's, and reorder the array
+        this.timeGrid.assignSegVerticals(segs);
+        this.assignFgSegHorizontals(segs);
     };
-    EventPeriod.prototype.removeEventInstancesForDef = function (eventDef) {
-        var eventInstanceGroupsById = this.eventInstanceGroupsById;
-        var eventInstanceGroup = eventInstanceGroupsById[eventDef.id];
-        var removeCnt;
-        if (eventInstanceGroup) {
-            removeCnt = util_1.removeMatching(eventInstanceGroup.eventInstances, function (currentEventInstance) {
-                return currentEventInstance.def === eventDef;
-            });
-            if (!eventInstanceGroup.eventInstances.length) {
-                delete eventInstanceGroupsById[eventDef.id];
+    // Given an array of segments that are all in the same column, sets the backwardCoord and forwardCoord on each.
+    // NOTE: Also reorders the given array by date!
+    TimeGridEventRenderer.prototype.computeFgSegHorizontals = function (segs) {
+        var levels;
+        var level0;
+        var i;
+        this.sortEventSegs(segs); // order by certain criteria
+        levels = buildSlotSegLevels(segs);
+        computeForwardSlotSegs(levels);
+        if ((level0 = levels[0])) {
+            for (i = 0; i < level0.length; i++) {
+                computeSlotSegPressures(level0[i]);
             }
-            if (removeCnt) {
-                this.tryRelease();
+            for (i = 0; i < level0.length; i++) {
+                this.computeFgSegForwardBack(level0[i], 0, 0);
             }
         }
     };
-    // Releasing and Freezing
-    // -----------------------------------------------------------------------------------------------------------------
-    EventPeriod.prototype.tryRelease = function () {
-        if (!this.pendingCnt) {
-            if (!this.freezeDepth) {
-                this.release();
+    // Calculate seg.forwardCoord and seg.backwardCoord for the segment, where both values range
+    // from 0 to 1. If the calendar is left-to-right, the seg.backwardCoord maps to "left" and
+    // seg.forwardCoord maps to "right" (via percentage). Vice-versa if the calendar is right-to-left.
+    //
+    // The segment might be part of a "series", which means consecutive segments with the same pressure
+    // who's width is unknown until an edge has been hit. `seriesBackwardPressure` is the number of
+    // segments behind this one in the current series, and `seriesBackwardCoord` is the starting
+    // coordinate of the first segment in the series.
+    TimeGridEventRenderer.prototype.computeFgSegForwardBack = function (seg, seriesBackwardPressure, seriesBackwardCoord) {
+        var forwardSegs = seg.forwardSegs;
+        var i;
+        if (seg.forwardCoord === undefined) { // not already computed
+            if (!forwardSegs.length) {
+                // if there are no forward segments, this segment should butt up against the edge
+                seg.forwardCoord = 1;
             }
             else {
-                this.stuntedReleaseCnt++;
+                // sort highest pressure first
+                this.sortForwardSegs(forwardSegs);
+                // this segment's forwardCoord will be calculated from the backwardCoord of the
+                // highest-pressure forward segment.
+                this.computeFgSegForwardBack(forwardSegs[0], seriesBackwardPressure + 1, seriesBackwardCoord);
+                seg.forwardCoord = forwardSegs[0].backwardCoord;
+            }
+            // calculate the backwardCoord from the forwardCoord. consider the series
+            seg.backwardCoord = seg.forwardCoord -
+                (seg.forwardCoord - seriesBackwardCoord) / // available width for series
+                    (seriesBackwardPressure + 1); // # of segments in the series
+            // use this segment's coordinates to computed the coordinates of the less-pressurized
+            // forward segments
+            for (i = 0; i < forwardSegs.length; i++) {
+                this.computeFgSegForwardBack(forwardSegs[i], 0, seg.forwardCoord);
             }
         }
     };
-    EventPeriod.prototype.release = function () {
-        this.releaseCnt++;
-        this.trigger('release', this.eventInstanceGroupsById);
+    TimeGridEventRenderer.prototype.sortForwardSegs = function (forwardSegs) {
+        forwardSegs.sort(util_1.proxy(this, 'compareForwardSegs'));
     };
-    EventPeriod.prototype.whenReleased = function () {
-        var _this = this;
-        if (this.releaseCnt) {
-            return Promise_1.default.resolve(this.eventInstanceGroupsById);
+    // A cmp function for determining which forward segment to rely on more when computing coordinates.
+    TimeGridEventRenderer.prototype.compareForwardSegs = function (seg1, seg2) {
+        // put higher-pressure first
+        return seg2.forwardPressure - seg1.forwardPressure ||
+            // put segments that are closer to initial edge first (and favor ones with no coords yet)
+            (seg1.backwardCoord || 0) - (seg2.backwardCoord || 0) ||
+            // do normal sorting...
+            this.compareEventSegs(seg1, seg2);
+    };
+    // Given foreground event segments that have already had their position coordinates computed,
+    // assigns position-related CSS values to their elements.
+    TimeGridEventRenderer.prototype.assignFgSegHorizontals = function (segs) {
+        var i;
+        var seg;
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            seg.el.css(this.generateFgSegHorizontalCss(seg));
+            // if the event is short that the title will be cut off,
+            // attach a className that condenses the title into the time area.
+            if (seg.footprint.eventDef.title && seg.bottom - seg.top < 30) {
+                seg.el.addClass('fc-short'); // TODO: "condensed" is a better name
+            }
+        }
+    };
+    // Generates an object with CSS properties/values that should be applied to an event segment element.
+    // Contains important positioning-related properties that should be applied to any event element, customized or not.
+    TimeGridEventRenderer.prototype.generateFgSegHorizontalCss = function (seg) {
+        var shouldOverlap = this.opt('slotEventOverlap');
+        var backwardCoord = seg.backwardCoord; // the left side if LTR. the right side if RTL. floating-point
+        var forwardCoord = seg.forwardCoord; // the right side if LTR. the left side if RTL. floating-point
+        var props = this.timeGrid.generateSegVerticalCss(seg); // get top/bottom first
+        var isRTL = this.timeGrid.isRTL;
+        var left; // amount of space from left edge, a fraction of the total width
+        var right; // amount of space from right edge, a fraction of the total width
+        if (shouldOverlap) {
+            // double the width, but don't go beyond the maximum forward coordinate (1.0)
+            forwardCoord = Math.min(1, backwardCoord + (forwardCoord - backwardCoord) * 2);
+        }
+        if (isRTL) {
+            left = 1 - forwardCoord;
+            right = backwardCoord;
         }
         else {
-            return Promise_1.default.construct(function (onResolve) {
-                _this.one('release', onResolve);
-            });
+            left = backwardCoord;
+            right = 1 - forwardCoord;
         }
-    };
-    EventPeriod.prototype.freeze = function () {
-        if (!(this.freezeDepth++)) {
-            this.stuntedReleaseCnt = 0;
+        props.zIndex = seg.level + 1; // convert from 0-base to 1-based
+        props.left = left * 100 + '%';
+        props.right = right * 100 + '%';
+        if (shouldOverlap && seg.forwardPressure) {
+            // add padding to the edge so that forward stacked events don't cover the resizer's icon
+            props[isRTL ? 'marginLeft' : 'marginRight'] = 10 * 2; // 10 is a guesstimate of the icon's width
         }
+        return props;
     };
-    EventPeriod.prototype.thaw = function () {
-        if (!(--this.freezeDepth) && this.stuntedReleaseCnt && !this.pendingCnt) {
-            this.release();
+    return TimeGridEventRenderer;
+}(EventRenderer_1.default));
+exports.default = TimeGridEventRenderer;
+// Builds an array of segments "levels". The first level will be the leftmost tier of segments if the calendar is
+// left-to-right, or the rightmost if the calendar is right-to-left. Assumes the segments are already ordered by date.
+function buildSlotSegLevels(segs) {
+    var levels = [];
+    var i;
+    var seg;
+    var j;
+    for (i = 0; i < segs.length; i++) {
+        seg = segs[i];
+        // go through all the levels and stop on the first level where there are no collisions
+        for (j = 0; j < levels.length; j++) {
+            if (!computeSlotSegCollisions(seg, levels[j]).length) {
+                break;
+            }
         }
-    };
-    return EventPeriod;
-}());
-exports.default = EventPeriod;
-EmitterMixin_1.default.mixInto(EventPeriod);
+        seg.level = j;
+        (levels[j] || (levels[j] = [])).push(seg);
+    }
+    return levels;
+}
+// For every segment, figure out the other segments that are in subsequent
+// levels that also occupy the same vertical space. Accumulate in seg.forwardSegs
+function computeForwardSlotSegs(levels) {
+    var i;
+    var level;
+    var j;
+    var seg;
+    var k;
+    for (i = 0; i < levels.length; i++) {
+        level = levels[i];
+        for (j = 0; j < level.length; j++) {
+            seg = level[j];
+            seg.forwardSegs = [];
+            for (k = i + 1; k < levels.length; k++) {
+                computeSlotSegCollisions(seg, levels[k], seg.forwardSegs);
+            }
+        }
+    }
+}
+// Figure out which path forward (via seg.forwardSegs) results in the longest path until
+// the furthest edge is reached. The number of segments in this path will be seg.forwardPressure
+function computeSlotSegPressures(seg) {
+    var forwardSegs = seg.forwardSegs;
+    var forwardPressure = 0;
+    var i;
+    var forwardSeg;
+    if (seg.forwardPressure === undefined) { // not already computed
+        for (i = 0; i < forwardSegs.length; i++) {
+            forwardSeg = forwardSegs[i];
+            // figure out the child's maximum forward path
+            computeSlotSegPressures(forwardSeg);
+            // either use the existing maximum, or use the child's forward pressure
+            // plus one (for the forwardSeg itself)
+            forwardPressure = Math.max(forwardPressure, 1 + forwardSeg.forwardPressure);
+        }
+        seg.forwardPressure = forwardPressure;
+    }
+}
+// Find all the segments in `otherSegs` that vertically collide with `seg`.
+// Append into an optionally-supplied `results` array and return.
+function computeSlotSegCollisions(seg, otherSegs, results) {
+    if (results === void 0) { results = []; }
+    for (var i = 0; i < otherSegs.length; i++) {
+        if (isSlotSegCollision(seg, otherSegs[i])) {
+            results.push(otherSegs[i]);
+        }
+    }
+    return results;
+}
+// Do these segments occupy the same vertical space?
+function isSlotSegCollision(seg1, seg2) {
+    return seg1.bottom > seg2.top && seg1.top < seg2.bottom;
+}
 
 
 /***/ }),
-/* 244 */
+/* 241 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var ListenerMixin_1 = __webpack_require__(7);
-/* Creates a clone of an element and lets it track the mouse as it moves
-----------------------------------------------------------------------------------------------------------------------*/
-var MouseFollower = /** @class */ (function () {
-    function MouseFollower(sourceEl, options) {
-        this.isFollowing = false;
-        this.isHidden = false;
-        this.isAnimating = false; // doing the revert animation?
-        this.options = options = options || {};
-        this.sourceEl = sourceEl;
-        this.parentEl = options.parentEl ? $(options.parentEl) : sourceEl.parent(); // default to sourceEl's parent
+var HelperRenderer_1 = __webpack_require__(63);
+var TimeGridHelperRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(TimeGridHelperRenderer, _super);
+    function TimeGridHelperRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    // Causes the element to start following the mouse
-    MouseFollower.prototype.start = function (ev) {
-        if (!this.isFollowing) {
-            this.isFollowing = true;
-            this.y0 = util_1.getEvY(ev);
-            this.x0 = util_1.getEvX(ev);
-            this.topDelta = 0;
-            this.leftDelta = 0;
-            if (!this.isHidden) {
-                this.updatePosition();
-            }
-            if (util_1.getEvIsTouch(ev)) {
-                this.listenTo($(document), 'touchmove', this.handleMove);
-            }
-            else {
-                this.listenTo($(document), 'mousemove', this.handleMove);
-            }
-        }
-    };
-    // Causes the element to stop following the mouse. If shouldRevert is true, will animate back to original position.
-    // `callback` gets invoked when the animation is complete. If no animation, it is invoked immediately.
-    MouseFollower.prototype.stop = function (shouldRevert, callback) {
-        var _this = this;
-        var revertDuration = this.options.revertDuration;
-        var complete = function () {
-            _this.isAnimating = false;
-            _this.removeElement();
-            _this.top0 = _this.left0 = null; // reset state for future updatePosition calls
-            if (callback) {
-                callback();
-            }
-        };
-        if (this.isFollowing && !this.isAnimating) {
-            this.isFollowing = false;
-            this.stopListeningTo($(document));
-            if (shouldRevert && revertDuration && !this.isHidden) {
-                this.isAnimating = true;
-                this.el.animate({
-                    top: this.top0,
-                    left: this.left0
-                }, {
-                    duration: revertDuration,
-                    complete: complete
+    TimeGridHelperRenderer.prototype.renderSegs = function (segs, sourceSeg) {
+        var helperNodes = [];
+        var i;
+        var seg;
+        var sourceEl;
+        // TODO: not good to call eventRenderer this way
+        this.eventRenderer.renderFgSegsIntoContainers(segs, this.component.helperContainerEls);
+        // Try to make the segment that is in the same row as sourceSeg look the same
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            if (sourceSeg && sourceSeg.col === seg.col) {
+                sourceEl = sourceSeg.el;
+                seg.el.css({
+                    left: sourceEl.css('left'),
+                    right: sourceEl.css('right'),
+                    'margin-left': sourceEl.css('margin-left'),
+                    'margin-right': sourceEl.css('margin-right')
                 });
             }
-            else {
-                complete();
-            }
+            helperNodes.push(seg.el[0]);
         }
+        return $(helperNodes); // must return the elements rendered
     };
-    // Gets the tracking element. Create it if necessary
-    MouseFollower.prototype.getEl = function () {
-        var el = this.el;
-        if (!el) {
-            el = this.el = this.sourceEl.clone()
-                .addClass(this.options.additionalClass || '')
-                .css({
-                position: 'absolute',
-                visibility: '',
-                display: this.isHidden ? 'none' : '',
-                margin: 0,
-                right: 'auto',
-                bottom: 'auto',
-                width: this.sourceEl.width(),
-                height: this.sourceEl.height(),
-                opacity: this.options.opacity || '',
-                zIndex: this.options.zIndex
-            });
-            // we don't want long taps or any mouse interaction causing selection/menus.
-            // would use preventSelection(), but that prevents selectstart, causing problems.
-            el.addClass('fc-unselectable');
-            el.appendTo(this.parentEl);
+    return TimeGridHelperRenderer;
+}(HelperRenderer_1.default));
+exports.default = TimeGridHelperRenderer;
+
+
+/***/ }),
+/* 242 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var FillRenderer_1 = __webpack_require__(62);
+var TimeGridFillRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(TimeGridFillRenderer, _super);
+    function TimeGridFillRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TimeGridFillRenderer.prototype.attachSegEls = function (type, segs) {
+        var timeGrid = this.component;
+        var containerEls;
+        // TODO: more efficient lookup
+        if (type === 'bgEvent') {
+            containerEls = timeGrid.bgContainerEls;
         }
-        return el;
-    };
-    // Removes the tracking element if it has already been created
-    MouseFollower.prototype.removeElement = function () {
-        if (this.el) {
-            this.el.remove();
-            this.el = null;
+        else if (type === 'businessHours') {
+            containerEls = timeGrid.businessContainerEls;
         }
-    };
-    // Update the CSS position of the tracking element
-    MouseFollower.prototype.updatePosition = function () {
-        var sourceOffset;
-        var origin;
-        this.getEl(); // ensure this.el
-        // make sure origin info was computed
-        if (this.top0 == null) {
-            sourceOffset = this.sourceEl.offset();
-            origin = this.el.offsetParent().offset();
-            this.top0 = sourceOffset.top - origin.top;
-            this.left0 = sourceOffset.left - origin.left;
+        else if (type === 'highlight') {
+            containerEls = timeGrid.highlightContainerEls;
         }
-        this.el.css({
-            top: this.top0 + this.topDelta,
-            left: this.left0 + this.leftDelta
+        timeGrid.updateSegVerticals(segs);
+        timeGrid.attachSegsByCol(timeGrid.groupSegsByCol(segs), containerEls);
+        return segs.map(function (seg) {
+            return seg.el[0];
         });
     };
-    // Gets called when the user moves the mouse
-    MouseFollower.prototype.handleMove = function (ev) {
-        this.topDelta = util_1.getEvY(ev) - this.y0;
-        this.leftDelta = util_1.getEvX(ev) - this.x0;
-        if (!this.isHidden) {
-            this.updatePosition();
-        }
-    };
-    // Temporarily makes the tracking element invisible. Can be called before following starts
-    MouseFollower.prototype.hide = function () {
-        if (!this.isHidden) {
-            this.isHidden = true;
-            if (this.el) {
-                this.el.hide();
-            }
-        }
-    };
-    // Show the tracking element after it has been temporarily hidden
-    MouseFollower.prototype.show = function () {
-        if (this.isHidden) {
-            this.isHidden = false;
-            this.updatePosition();
-            this.getEl().show();
-        }
-    };
-    return MouseFollower;
-}());
-exports.default = MouseFollower;
-ListenerMixin_1.default.mixInto(MouseFollower);
+    return TimeGridFillRenderer;
+}(FillRenderer_1.default));
+exports.default = TimeGridFillRenderer;
 
 
 /***/ }),
-/* 245 */
+/* 243 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var HitDragListener_1 = __webpack_require__(23);
-var Interaction_1 = __webpack_require__(15);
-var DateClicking = /** @class */ (function (_super) {
-    tslib_1.__extends(DateClicking, _super);
-    /*
-    component must implement:
-      - bindDateHandlerToEl
-      - getSafeHitFootprint
-      - getHitEl
-    */
-    function DateClicking(component) {
-        var _this = _super.call(this, component) || this;
-        _this.dragListener = _this.buildDragListener();
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var EventRenderer_1 = __webpack_require__(44);
+/* Event-rendering methods for the DayGrid class
+----------------------------------------------------------------------------------------------------------------------*/
+var DayGridEventRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(DayGridEventRenderer, _super);
+    function DayGridEventRenderer(dayGrid, fillRenderer) {
+        var _this = _super.call(this, dayGrid, fillRenderer) || this;
+        _this.dayGrid = dayGrid;
         return _this;
     }
-    DateClicking.prototype.end = function () {
-        this.dragListener.endInteraction();
-    };
-    DateClicking.prototype.bindToEl = function (el) {
-        var component = this.component;
-        var dragListener = this.dragListener;
-        component.bindDateHandlerToEl(el, 'mousedown', function (ev) {
-            if (!component.shouldIgnoreMouse()) {
-                dragListener.startInteraction(ev);
-            }
+    DayGridEventRenderer.prototype.renderBgRanges = function (eventRanges) {
+        // don't render timed background events
+        eventRanges = $.grep(eventRanges, function (eventRange) {
+            return eventRange.eventDef.isAllDay();
         });
-        component.bindDateHandlerToEl(el, 'touchstart', function (ev) {
-            if (!component.shouldIgnoreTouch()) {
-                dragListener.startInteraction(ev);
-            }
+        _super.prototype.renderBgRanges.call(this, eventRanges);
+    };
+    // Renders the given foreground event segments onto the grid
+    DayGridEventRenderer.prototype.renderFgSegs = function (segs) {
+        var rowStructs = this.rowStructs = this.renderSegRows(segs);
+        // append to each row's content skeleton
+        this.dayGrid.rowEls.each(function (i, rowNode) {
+            $(rowNode).find('.fc-content-skeleton > table').append(rowStructs[i].tbodyEl);
         });
     };
-    // Creates a listener that tracks the user's drag across day elements, for day clicking.
-    DateClicking.prototype.buildDragListener = function () {
-        var _this = this;
-        var component = this.component;
-        var dayClickHit; // null if invalid dayClick
-        var dragListener = new HitDragListener_1.default(component, {
-            scroll: this.opt('dragScroll'),
-            interactionStart: function () {
-                dayClickHit = dragListener.origHit;
-            },
-            hitOver: function (hit, isOrig, origHit) {
-                // if user dragged to another cell at any point, it can no longer be a dayClick
-                if (!isOrig) {
-                    dayClickHit = null;
+    // Unrenders all currently rendered foreground event segments
+    DayGridEventRenderer.prototype.unrenderFgSegs = function () {
+        var rowStructs = this.rowStructs || [];
+        var rowStruct;
+        while ((rowStruct = rowStructs.pop())) {
+            rowStruct.tbodyEl.remove();
+        }
+        this.rowStructs = null;
+    };
+    // Uses the given events array to generate <tbody> elements that should be appended to each row's content skeleton.
+    // Returns an array of rowStruct objects (see the bottom of `renderSegRow`).
+    // PRECONDITION: each segment shoud already have a rendered and assigned `.el`
+    DayGridEventRenderer.prototype.renderSegRows = function (segs) {
+        var rowStructs = [];
+        var segRows;
+        var row;
+        segRows = this.groupSegRows(segs); // group into nested arrays
+        // iterate each row of segment groupings
+        for (row = 0; row < segRows.length; row++) {
+            rowStructs.push(this.renderSegRow(row, segRows[row]));
+        }
+        return rowStructs;
+    };
+    // Given a row # and an array of segments all in the same row, render a <tbody> element, a skeleton that contains
+    // the segments. Returns object with a bunch of internal data about how the render was calculated.
+    // NOTE: modifies rowSegs
+    DayGridEventRenderer.prototype.renderSegRow = function (row, rowSegs) {
+        var colCnt = this.dayGrid.colCnt;
+        var segLevels = this.buildSegLevels(rowSegs); // group into sub-arrays of levels
+        var levelCnt = Math.max(1, segLevels.length); // ensure at least one level
+        var tbody = $('<tbody>');
+        var segMatrix = []; // lookup for which segments are rendered into which level+col cells
+        var cellMatrix = []; // lookup for all <td> elements of the level+col matrix
+        var loneCellMatrix = []; // lookup for <td> elements that only take up a single column
+        var i;
+        var levelSegs;
+        var col;
+        var tr;
+        var j;
+        var seg;
+        var td;
+        // populates empty cells from the current column (`col`) to `endCol`
+        function emptyCellsUntil(endCol) {
+            while (col < endCol) {
+                // try to grab a cell from the level above and extend its rowspan. otherwise, create a fresh cell
+                td = (loneCellMatrix[i - 1] || [])[col];
+                if (td) {
+                    td.attr('rowspan', parseInt(td.attr('rowspan') || 1, 10) + 1);
                 }
-            },
-            hitOut: function () {
-                dayClickHit = null;
-            },
-            interactionEnd: function (ev, isCancelled) {
-                var componentFootprint;
-                if (!isCancelled && dayClickHit) {
-                    componentFootprint = component.getSafeHitFootprint(dayClickHit);
-                    if (componentFootprint) {
-                        _this.view.triggerDayClick(componentFootprint, component.getHitEl(dayClickHit), ev);
+                else {
+                    td = $('<td>');
+                    tr.append(td);
+                }
+                cellMatrix[i][col] = td;
+                loneCellMatrix[i][col] = td;
+                col++;
+            }
+        }
+        for (i = 0; i < levelCnt; i++) { // iterate through all levels
+            levelSegs = segLevels[i];
+            col = 0;
+            tr = $('<tr>');
+            segMatrix.push([]);
+            cellMatrix.push([]);
+            loneCellMatrix.push([]);
+            // levelCnt might be 1 even though there are no actual levels. protect against this.
+            // this single empty row is useful for styling.
+            if (levelSegs) {
+                for (j = 0; j < levelSegs.length; j++) { // iterate through segments in level
+                    seg = levelSegs[j];
+                    emptyCellsUntil(seg.leftCol);
+                    // create a container that occupies or more columns. append the event element.
+                    td = $('<td class="fc-event-container">').append(seg.el);
+                    if (seg.leftCol !== seg.rightCol) {
+                        td.attr('colspan', seg.rightCol - seg.leftCol + 1);
+                    }
+                    else { // a single-column segment
+                        loneCellMatrix[i][col] = td;
+                    }
+                    while (col <= seg.rightCol) {
+                        cellMatrix[i][col] = td;
+                        segMatrix[i][col] = seg;
+                        col++;
                     }
+                    tr.append(td);
                 }
             }
-        });
-        // because dragListener won't be called with any time delay, "dragging" will begin immediately,
-        // which will kill any touchmoving/scrolling. Prevent this.
-        dragListener.shouldCancelTouchScroll = false;
-        dragListener.scrollAlwaysKills = true;
-        return dragListener;
-    };
-    return DateClicking;
-}(Interaction_1.default));
-exports.default = DateClicking;
-
-
-/***/ }),
-/* 246 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var util_1 = __webpack_require__(4);
-var EventRenderer_1 = __webpack_require__(42);
-/*
-Only handles foreground segs.
-Does not own rendering. Use for low-level util methods by TimeGrid.
-*/
-var TimeGridEventRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(TimeGridEventRenderer, _super);
-    function TimeGridEventRenderer(timeGrid, fillRenderer) {
-        var _this = _super.call(this, timeGrid, fillRenderer) || this;
-        _this.timeGrid = timeGrid;
-        return _this;
-    }
-    TimeGridEventRenderer.prototype.renderFgSegs = function (segs) {
-        this.renderFgSegsIntoContainers(segs, this.timeGrid.fgContainerEls);
+            emptyCellsUntil(colCnt); // finish off the row
+            this.dayGrid.bookendCells(tr);
+            tbody.append(tr);
+        }
+        return {
+            row: row,
+            tbodyEl: tbody,
+            cellMatrix: cellMatrix,
+            segMatrix: segMatrix,
+            segLevels: segLevels,
+            segs: rowSegs
+        };
     };
-    // Given an array of foreground segments, render a DOM element for each, computes position,
-    // and attaches to the column inner-container elements.
-    TimeGridEventRenderer.prototype.renderFgSegsIntoContainers = function (segs, containerEls) {
-        var segsByCol;
-        var col;
-        segsByCol = this.timeGrid.groupSegsByCol(segs);
-        for (col = 0; col < this.timeGrid.colCnt; col++) {
-            this.updateFgSegCoords(segsByCol[col]);
+    // Stacks a flat array of segments, which are all assumed to be in the same row, into subarrays of vertical levels.
+    // NOTE: modifies segs
+    DayGridEventRenderer.prototype.buildSegLevels = function (segs) {
+        var levels = [];
+        var i;
+        var seg;
+        var j;
+        // Give preference to elements with certain criteria, so they have
+        // a chance to be closer to the top.
+        this.sortEventSegs(segs);
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            // loop through levels, starting with the topmost, until the segment doesn't collide with other segments
+            for (j = 0; j < levels.length; j++) {
+                if (!isDaySegCollision(seg, levels[j])) {
+                    break;
+                }
+            }
+            // `j` now holds the desired subrow index
+            seg.level = j;
+            // create new level array if needed and append segment
+            (levels[j] || (levels[j] = [])).push(seg);
         }
-        this.timeGrid.attachSegsByCol(segsByCol, containerEls);
+        // order segments left-to-right. very important if calendar is RTL
+        for (j = 0; j < levels.length; j++) {
+            levels[j].sort(compareDaySegCols);
+        }
+        return levels;
     };
-    TimeGridEventRenderer.prototype.unrenderFgSegs = function () {
-        if (this.fgSegs) {
-            this.fgSegs.forEach(function (seg) {
-                seg.el.remove();
-            });
+    // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's row
+    DayGridEventRenderer.prototype.groupSegRows = function (segs) {
+        var segRows = [];
+        var i;
+        for (i = 0; i < this.dayGrid.rowCnt; i++) {
+            segRows.push([]);
         }
+        for (i = 0; i < segs.length; i++) {
+            segRows[segs[i].row].push(segs[i]);
+        }
+        return segRows;
     };
     // Computes a default event time formatting string if `timeFormat` is not explicitly defined
-    TimeGridEventRenderer.prototype.computeEventTimeFormat = function () {
-        return this.opt('noMeridiemTimeFormat'); // like "6:30" (no AM/PM)
+    DayGridEventRenderer.prototype.computeEventTimeFormat = function () {
+        return this.opt('extraSmallTimeFormat'); // like "6p" or "6:30p"
     };
     // Computes a default `displayEventEnd` value if one is not expliclty defined
-    TimeGridEventRenderer.prototype.computeDisplayEventEnd = function () {
-        return true;
+    DayGridEventRenderer.prototype.computeDisplayEventEnd = function () {
+        return this.dayGrid.colCnt === 1; // we'll likely have space if there's only one day
     };
-    // Renders the HTML for a single event segment's default rendering
-    TimeGridEventRenderer.prototype.fgSegHtml = function (seg, disableResizing) {
+    // Builds the HTML to be used for the default element for an individual segment
+    DayGridEventRenderer.prototype.fgSegHtml = function (seg, disableResizing) {
         var view = this.view;
-        var calendar = view.calendar;
-        var componentFootprint = seg.footprint.componentFootprint;
-        var isAllDay = componentFootprint.isAllDay;
         var eventDef = seg.footprint.eventDef;
+        var isAllDay = seg.footprint.componentFootprint.isAllDay;
         var isDraggable = view.isEventDefDraggable(eventDef);
-        var isResizableFromStart = !disableResizing && seg.isStart && view.isEventDefResizableFromStart(eventDef);
-        var isResizableFromEnd = !disableResizing && seg.isEnd && view.isEventDefResizableFromEnd(eventDef);
+        var isResizableFromStart = !disableResizing && isAllDay &&
+            seg.isStart && view.isEventDefResizableFromStart(eventDef);
+        var isResizableFromEnd = !disableResizing && isAllDay &&
+            seg.isEnd && view.isEventDefResizableFromEnd(eventDef);
         var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd);
         var skinCss = util_1.cssToStr(this.getSkinCss(eventDef));
+        var timeHtml = '';
         var timeText;
-        var fullTimeText; // more verbose time text. for the print stylesheet
-        var startTimeText; // just the start time text
-        classes.unshift('fc-time-grid-event', 'fc-v-event');
-        // if the event appears to span more than one day...
-        if (view.isMultiDayRange(componentFootprint.unzonedRange)) {
-            // Don't display time text on segments that run entirely through a day.
-            // That would appear as midnight-midnight and would look dumb.
-            // Otherwise, display the time text for the *segment's* times (like 6pm-midnight or midnight-10am)
-            if (seg.isStart || seg.isEnd) {
-                var zonedStart = calendar.msToMoment(seg.startMs);
-                var zonedEnd = calendar.msToMoment(seg.endMs);
-                timeText = this._getTimeText(zonedStart, zonedEnd, isAllDay);
-                fullTimeText = this._getTimeText(zonedStart, zonedEnd, isAllDay, 'LT');
-                startTimeText = this._getTimeText(zonedStart, zonedEnd, isAllDay, null, false); // displayEnd=false
-            }
-        }
-        else {
-            // Display the normal time text for the *event's* times
+        var titleHtml;
+        classes.unshift('fc-day-grid-event', 'fc-h-event');
+        // Only display a timed events time if it is the starting segment
+        if (seg.isStart) {
             timeText = this.getTimeText(seg.footprint);
-            fullTimeText = this.getTimeText(seg.footprint, 'LT');
-            startTimeText = this.getTimeText(seg.footprint, null, false); // displayEnd=false
+            if (timeText) {
+                timeHtml = '<span class="fc-time">' + util_1.htmlEscape(timeText) + '</span>';
+            }
         }
+        titleHtml =
+            '<span class="fc-title">' +
+                (util_1.htmlEscape(eventDef.title || '') || '&nbsp;') + // we always want one line of height
+                '</span>';
         return '<a class="' + classes.join(' ') + '"' +
             (eventDef.url ?
                 ' href="' + util_1.htmlEscape(eventDef.url) + '"' :
@@ -13817,450 +13872,461 @@
                 '') +
             '>' +
             '<div class="fc-content">' +
-            (timeText ?
-                '<div class="fc-time"' +
-                    ' data-start="' + util_1.htmlEscape(startTimeText) + '"' +
-                    ' data-full="' + util_1.htmlEscape(fullTimeText) + '"' +
-                    '>' +
-                    '<span>' + util_1.htmlEscape(timeText) + '</span>' +
-                    '</div>' :
-                '') +
-            (eventDef.title ?
-                '<div class="fc-title">' +
-                    util_1.htmlEscape(eventDef.title) +
-                    '</div>' :
-                '') +
+            (this.dayGrid.isRTL ?
+                titleHtml + ' ' + timeHtml : // put a natural space in between
+                timeHtml + ' ' + titleHtml //
+            ) +
             '</div>' +
-            '<div class="fc-bg"/>' +
-            /* TODO: write CSS for this
             (isResizableFromStart ?
-              '<div class="fc-resizer fc-start-resizer" />' :
-              ''
-              ) +
-            */
+                '<div class="fc-resizer fc-start-resizer"></div>' :
+                '') +
             (isResizableFromEnd ?
-                '<div class="fc-resizer fc-end-resizer" />' :
+                '<div class="fc-resizer fc-end-resizer"></div>' :
                 '') +
             '</a>';
     };
-    // Given segments that are assumed to all live in the *same column*,
-    // compute their verical/horizontal coordinates and assign to their elements.
-    TimeGridEventRenderer.prototype.updateFgSegCoords = function (segs) {
-        this.timeGrid.computeSegVerticals(segs); // horizontals relies on this
-        this.computeFgSegHorizontals(segs); // compute horizontal coordinates, z-index's, and reorder the array
-        this.timeGrid.assignSegVerticals(segs);
-        this.assignFgSegHorizontals(segs);
-    };
-    // Given an array of segments that are all in the same column, sets the backwardCoord and forwardCoord on each.
-    // NOTE: Also reorders the given array by date!
-    TimeGridEventRenderer.prototype.computeFgSegHorizontals = function (segs) {
-        var levels;
-        var level0;
-        var i;
-        this.sortEventSegs(segs); // order by certain criteria
-        levels = buildSlotSegLevels(segs);
-        computeForwardSlotSegs(levels);
-        if ((level0 = levels[0])) {
-            for (i = 0; i < level0.length; i++) {
-                computeSlotSegPressures(level0[i]);
-            }
-            for (i = 0; i < level0.length; i++) {
-                this.computeFgSegForwardBack(level0[i], 0, 0);
-            }
+    return DayGridEventRenderer;
+}(EventRenderer_1.default));
+exports.default = DayGridEventRenderer;
+// Computes whether two segments' columns collide. They are assumed to be in the same row.
+function isDaySegCollision(seg, otherSegs) {
+    var i;
+    var otherSeg;
+    for (i = 0; i < otherSegs.length; i++) {
+        otherSeg = otherSegs[i];
+        if (otherSeg.leftCol <= seg.rightCol &&
+            otherSeg.rightCol >= seg.leftCol) {
+            return true;
         }
-    };
-    // Calculate seg.forwardCoord and seg.backwardCoord for the segment, where both values range
-    // from 0 to 1. If the calendar is left-to-right, the seg.backwardCoord maps to "left" and
-    // seg.forwardCoord maps to "right" (via percentage). Vice-versa if the calendar is right-to-left.
-    //
-    // The segment might be part of a "series", which means consecutive segments with the same pressure
-    // who's width is unknown until an edge has been hit. `seriesBackwardPressure` is the number of
-    // segments behind this one in the current series, and `seriesBackwardCoord` is the starting
-    // coordinate of the first segment in the series.
-    TimeGridEventRenderer.prototype.computeFgSegForwardBack = function (seg, seriesBackwardPressure, seriesBackwardCoord) {
-        var forwardSegs = seg.forwardSegs;
-        var i;
-        if (seg.forwardCoord === undefined) {
-            if (!forwardSegs.length) {
-                // if there are no forward segments, this segment should butt up against the edge
-                seg.forwardCoord = 1;
+    }
+    return false;
+}
+// A cmp function for determining the leftmost event
+function compareDaySegCols(a, b) {
+    return a.leftCol - b.leftCol;
+}
+
+
+/***/ }),
+/* 244 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var HelperRenderer_1 = __webpack_require__(63);
+var DayGridHelperRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(DayGridHelperRenderer, _super);
+    function DayGridHelperRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    // Renders a mock "helper" event. `sourceSeg` is the associated internal segment object. It can be null.
+    DayGridHelperRenderer.prototype.renderSegs = function (segs, sourceSeg) {
+        var helperNodes = [];
+        var rowStructs;
+        // TODO: not good to call eventRenderer this way
+        rowStructs = this.eventRenderer.renderSegRows(segs);
+        // inject each new event skeleton into each associated row
+        this.component.rowEls.each(function (row, rowNode) {
+            var rowEl = $(rowNode); // the .fc-row
+            var skeletonEl = $('<div class="fc-helper-skeleton"><table></table></div>'); // will be absolutely positioned
+            var skeletonTopEl;
+            var skeletonTop;
+            // If there is an original segment, match the top position. Otherwise, put it at the row's top level
+            if (sourceSeg && sourceSeg.row === row) {
+                skeletonTop = sourceSeg.el.position().top;
             }
             else {
-                // sort highest pressure first
-                this.sortForwardSegs(forwardSegs);
-                // this segment's forwardCoord will be calculated from the backwardCoord of the
-                // highest-pressure forward segment.
-                this.computeFgSegForwardBack(forwardSegs[0], seriesBackwardPressure + 1, seriesBackwardCoord);
-                seg.forwardCoord = forwardSegs[0].backwardCoord;
-            }
-            // calculate the backwardCoord from the forwardCoord. consider the series
-            seg.backwardCoord = seg.forwardCoord -
-                (seg.forwardCoord - seriesBackwardCoord) / // available width for series
-                    (seriesBackwardPressure + 1); // # of segments in the series
-            // use this segment's coordinates to computed the coordinates of the less-pressurized
-            // forward segments
-            for (i = 0; i < forwardSegs.length; i++) {
-                this.computeFgSegForwardBack(forwardSegs[i], 0, seg.forwardCoord);
+                skeletonTopEl = rowEl.find('.fc-content-skeleton tbody');
+                if (!skeletonTopEl.length) { // when no events
+                    skeletonTopEl = rowEl.find('.fc-content-skeleton table');
+                }
+                skeletonTop = skeletonTopEl.position().top;
             }
-        }
-    };
-    TimeGridEventRenderer.prototype.sortForwardSegs = function (forwardSegs) {
-        forwardSegs.sort(util_1.proxy(this, 'compareForwardSegs'));
-    };
-    // A cmp function for determining which forward segment to rely on more when computing coordinates.
-    TimeGridEventRenderer.prototype.compareForwardSegs = function (seg1, seg2) {
-        // put higher-pressure first
-        return seg2.forwardPressure - seg1.forwardPressure ||
-            // put segments that are closer to initial edge first (and favor ones with no coords yet)
-            (seg1.backwardCoord || 0) - (seg2.backwardCoord || 0) ||
-            // do normal sorting...
-            this.compareEventSegs(seg1, seg2);
+            skeletonEl.css('top', skeletonTop)
+                .find('table')
+                .append(rowStructs[row].tbodyEl);
+            rowEl.append(skeletonEl);
+            helperNodes.push(skeletonEl[0]);
+        });
+        return $(helperNodes); // must return the elements rendered
     };
-    // Given foreground event segments that have already had their position coordinates computed,
-    // assigns position-related CSS values to their elements.
-    TimeGridEventRenderer.prototype.assignFgSegHorizontals = function (segs) {
+    return DayGridHelperRenderer;
+}(HelperRenderer_1.default));
+exports.default = DayGridHelperRenderer;
+
+
+/***/ }),
+/* 245 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var $ = __webpack_require__(3);
+var FillRenderer_1 = __webpack_require__(62);
+var DayGridFillRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(DayGridFillRenderer, _super);
+    function DayGridFillRenderer() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.fillSegTag = 'td'; // override the default tag name
+        return _this;
+    }
+    DayGridFillRenderer.prototype.attachSegEls = function (type, segs) {
+        var nodes = [];
         var i;
         var seg;
+        var skeletonEl;
         for (i = 0; i < segs.length; i++) {
             seg = segs[i];
-            seg.el.css(this.generateFgSegHorizontalCss(seg));
-            // if the height is short, add a className for alternate styling
-            if (seg.bottom - seg.top < 30) {
-                seg.el.addClass('fc-short');
-            }
+            skeletonEl = this.renderFillRow(type, seg);
+            this.component.rowEls.eq(seg.row).append(skeletonEl);
+            nodes.push(skeletonEl[0]);
         }
+        return nodes;
     };
-    // Generates an object with CSS properties/values that should be applied to an event segment element.
-    // Contains important positioning-related properties that should be applied to any event element, customized or not.
-    TimeGridEventRenderer.prototype.generateFgSegHorizontalCss = function (seg) {
-        var shouldOverlap = this.opt('slotEventOverlap');
-        var backwardCoord = seg.backwardCoord; // the left side if LTR. the right side if RTL. floating-point
-        var forwardCoord = seg.forwardCoord; // the right side if LTR. the left side if RTL. floating-point
-        var props = this.timeGrid.generateSegVerticalCss(seg); // get top/bottom first
-        var isRTL = this.timeGrid.isRTL;
-        var left; // amount of space from left edge, a fraction of the total width
-        var right; // amount of space from right edge, a fraction of the total width
-        if (shouldOverlap) {
-            // double the width, but don't go beyond the maximum forward coordinate (1.0)
-            forwardCoord = Math.min(1, backwardCoord + (forwardCoord - backwardCoord) * 2);
-        }
-        if (isRTL) {
-            left = 1 - forwardCoord;
-            right = backwardCoord;
+    // Generates the HTML needed for one row of a fill. Requires the seg's el to be rendered.
+    DayGridFillRenderer.prototype.renderFillRow = function (type, seg) {
+        var colCnt = this.component.colCnt;
+        var startCol = seg.leftCol;
+        var endCol = seg.rightCol + 1;
+        var className;
+        var skeletonEl;
+        var trEl;
+        if (type === 'businessHours') {
+            className = 'bgevent';
         }
         else {
-            left = backwardCoord;
-            right = 1 - forwardCoord;
-        }
-        props.zIndex = seg.level + 1; // convert from 0-base to 1-based
-        props.left = left * 100 + '%';
-        props.right = right * 100 + '%';
-        if (shouldOverlap && seg.forwardPressure) {
-            // add padding to the edge so that forward stacked events don't cover the resizer's icon
-            props[isRTL ? 'marginLeft' : 'marginRight'] = 10 * 2; // 10 is a guesstimate of the icon's width
-        }
-        return props;
-    };
-    return TimeGridEventRenderer;
-}(EventRenderer_1.default));
-exports.default = TimeGridEventRenderer;
-// Builds an array of segments "levels". The first level will be the leftmost tier of segments if the calendar is
-// left-to-right, or the rightmost if the calendar is right-to-left. Assumes the segments are already ordered by date.
-function buildSlotSegLevels(segs) {
-    var levels = [];
-    var i;
-    var seg;
-    var j;
-    for (i = 0; i < segs.length; i++) {
-        seg = segs[i];
-        // go through all the levels and stop on the first level where there are no collisions
-        for (j = 0; j < levels.length; j++) {
-            if (!computeSlotSegCollisions(seg, levels[j]).length) {
-                break;
-            }
-        }
-        seg.level = j;
-        (levels[j] || (levels[j] = [])).push(seg);
-    }
-    return levels;
-}
-// For every segment, figure out the other segments that are in subsequent
-// levels that also occupy the same vertical space. Accumulate in seg.forwardSegs
-function computeForwardSlotSegs(levels) {
-    var i;
-    var level;
-    var j;
-    var seg;
-    var k;
-    for (i = 0; i < levels.length; i++) {
-        level = levels[i];
-        for (j = 0; j < level.length; j++) {
-            seg = level[j];
-            seg.forwardSegs = [];
-            for (k = i + 1; k < levels.length; k++) {
-                computeSlotSegCollisions(seg, levels[k], seg.forwardSegs);
-            }
+            className = type.toLowerCase();
         }
-    }
-}
-// Figure out which path forward (via seg.forwardSegs) results in the longest path until
-// the furthest edge is reached. The number of segments in this path will be seg.forwardPressure
-function computeSlotSegPressures(seg) {
-    var forwardSegs = seg.forwardSegs;
-    var forwardPressure = 0;
-    var i;
-    var forwardSeg;
-    if (seg.forwardPressure === undefined) {
-        for (i = 0; i < forwardSegs.length; i++) {
-            forwardSeg = forwardSegs[i];
-            // figure out the child's maximum forward path
-            computeSlotSegPressures(forwardSeg);
-            // either use the existing maximum, or use the child's forward pressure
-            // plus one (for the forwardSeg itself)
-            forwardPressure = Math.max(forwardPressure, 1 + forwardSeg.forwardPressure);
+        skeletonEl = $('<div class="fc-' + className + '-skeleton">' +
+            '<table><tr></tr></table>' +
+            '</div>');
+        trEl = skeletonEl.find('tr');
+        if (startCol > 0) {
+            trEl.append(
+            // will create (startCol + 1) td's
+            new Array(startCol + 1).join('<td></td>'));
         }
-        seg.forwardPressure = forwardPressure;
-    }
-}
-// Find all the segments in `otherSegs` that vertically collide with `seg`.
-// Append into an optionally-supplied `results` array and return.
-function computeSlotSegCollisions(seg, otherSegs, results) {
-    if (results === void 0) { results = []; }
-    for (var i = 0; i < otherSegs.length; i++) {
-        if (isSlotSegCollision(seg, otherSegs[i])) {
-            results.push(otherSegs[i]);
+        trEl.append(seg.el.attr('colspan', endCol - startCol));
+        if (endCol < colCnt) {
+            trEl.append(
+            // will create (colCnt - endCol) td's
+            new Array(colCnt - endCol + 1).join('<td></td>'));
         }
-    }
-    return results;
-}
-// Do these segments occupy the same vertical space?
-function isSlotSegCollision(seg1, seg2) {
-    return seg1.bottom > seg2.top && seg1.top < seg2.bottom;
-}
+        this.component.bookendCells(trEl);
+        return skeletonEl;
+    };
+    return DayGridFillRenderer;
+}(FillRenderer_1.default));
+exports.default = DayGridFillRenderer;
 
 
 /***/ }),
-/* 247 */
+/* 246 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var HelperRenderer_1 = __webpack_require__(58);
-var TimeGridHelperRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(TimeGridHelperRenderer, _super);
-    function TimeGridHelperRenderer() {
+var moment = __webpack_require__(0);
+var util_1 = __webpack_require__(4);
+var BasicView_1 = __webpack_require__(67);
+var MonthViewDateProfileGenerator_1 = __webpack_require__(247);
+/* A month view with day cells running in rows (one-per-week) and columns
+----------------------------------------------------------------------------------------------------------------------*/
+var MonthView = /** @class */ (function (_super) {
+    tslib_1.__extends(MonthView, _super);
+    function MonthView() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    TimeGridHelperRenderer.prototype.renderSegs = function (segs, sourceSeg) {
-        var helperNodes = [];
-        var i;
-        var seg;
-        var sourceEl;
-        // TODO: not good to call eventRenderer this way
-        this.eventRenderer.renderFgSegsIntoContainers(segs, this.component.helperContainerEls);
-        // Try to make the segment that is in the same row as sourceSeg look the same
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            if (sourceSeg && sourceSeg.col === seg.col) {
-                sourceEl = sourceSeg.el;
-                seg.el.css({
-                    left: sourceEl.css('left'),
-                    right: sourceEl.css('right'),
-                    'margin-left': sourceEl.css('margin-left'),
-                    'margin-right': sourceEl.css('margin-right')
-                });
-            }
-            helperNodes.push(seg.el[0]);
+    // Overrides the default BasicView behavior to have special multi-week auto-height logic
+    MonthView.prototype.setGridHeight = function (height, isAuto) {
+        // if auto, make the height of each row the height that it would be if there were 6 weeks
+        if (isAuto) {
+            height *= this.dayGrid.rowCnt / 6;
         }
-        return $(helperNodes); // must return the elements rendered
+        util_1.distributeHeight(this.dayGrid.rowEls, height, !isAuto); // if auto, don't compensate for height-hogging rows
     };
-    return TimeGridHelperRenderer;
-}(HelperRenderer_1.default));
-exports.default = TimeGridHelperRenderer;
+    MonthView.prototype.isDateInOtherMonth = function (date, dateProfile) {
+        return date.month() !== moment.utc(dateProfile.currentUnzonedRange.startMs).month(); // TODO: optimize
+    };
+    return MonthView;
+}(BasicView_1.default));
+exports.default = MonthView;
+MonthView.prototype.dateProfileGeneratorClass = MonthViewDateProfileGenerator_1.default;
 
 
 /***/ }),
-/* 248 */
+/* 247 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var FillRenderer_1 = __webpack_require__(57);
-var TimeGridFillRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(TimeGridFillRenderer, _super);
-    function TimeGridFillRenderer() {
+var BasicViewDateProfileGenerator_1 = __webpack_require__(68);
+var UnzonedRange_1 = __webpack_require__(5);
+var MonthViewDateProfileGenerator = /** @class */ (function (_super) {
+    tslib_1.__extends(MonthViewDateProfileGenerator, _super);
+    function MonthViewDateProfileGenerator() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    TimeGridFillRenderer.prototype.attachSegEls = function (type, segs) {
-        var timeGrid = this.component;
-        var containerEls;
-        // TODO: more efficient lookup
-        if (type === 'bgEvent') {
-            containerEls = timeGrid.bgContainerEls;
-        }
-        else if (type === 'businessHours') {
-            containerEls = timeGrid.businessContainerEls;
-        }
-        else if (type === 'highlight') {
-            containerEls = timeGrid.highlightContainerEls;
+    // Computes the date range that will be rendered.
+    MonthViewDateProfileGenerator.prototype.buildRenderRange = function (currentUnzonedRange, currentRangeUnit, isRangeAllDay) {
+        var renderUnzonedRange = _super.prototype.buildRenderRange.call(this, currentUnzonedRange, currentRangeUnit, isRangeAllDay);
+        var start = this.msToUtcMoment(renderUnzonedRange.startMs, isRangeAllDay);
+        var end = this.msToUtcMoment(renderUnzonedRange.endMs, isRangeAllDay);
+        var rowCnt;
+        // ensure 6 weeks
+        if (this.opt('fixedWeekCount')) {
+            rowCnt = Math.ceil(// could be partial weeks due to hiddenDays
+            end.diff(start, 'weeks', true) // dontRound=true
+            );
+            end.add(6 - rowCnt, 'weeks');
         }
-        timeGrid.updateSegVerticals(segs);
-        timeGrid.attachSegsByCol(timeGrid.groupSegsByCol(segs), containerEls);
-        return segs.map(function (seg) {
-            return seg.el[0];
-        });
+        return new UnzonedRange_1.default(start, end);
     };
-    return TimeGridFillRenderer;
-}(FillRenderer_1.default));
-exports.default = TimeGridFillRenderer;
+    return MonthViewDateProfileGenerator;
+}(BasicViewDateProfileGenerator_1.default));
+exports.default = MonthViewDateProfileGenerator;
 
 
 /***/ }),
-/* 249 */
+/* 248 */
 /***/ (function(module, exports, __webpack_require__) {
 
-/* A rectangular panel that is absolutely positioned over other content
-------------------------------------------------------------------------------------------------------------------------
-Options:
-  - className (string)
-  - content (HTML string or jQuery element set)
-  - parentEl
-  - top
-  - left
-  - right (the x coord of where the right edge should be. not a "CSS" right)
-  - autoHide (boolean)
-  - show (callback)
-  - hide (callback)
-*/
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
 var util_1 = __webpack_require__(4);
-var ListenerMixin_1 = __webpack_require__(7);
-var Popover = /** @class */ (function () {
-    function Popover(options) {
-        this.isHidden = true;
-        this.margin = 10; // the space required between the popover and the edges of the scroll container
-        this.options = options || {};
+var UnzonedRange_1 = __webpack_require__(5);
+var View_1 = __webpack_require__(43);
+var Scroller_1 = __webpack_require__(41);
+var ListEventRenderer_1 = __webpack_require__(249);
+var ListEventPointing_1 = __webpack_require__(250);
+/*
+Responsible for the scroller, and forwarding event-related actions into the "grid".
+*/
+var ListView = /** @class */ (function (_super) {
+    tslib_1.__extends(ListView, _super);
+    function ListView(calendar, viewSpec) {
+        var _this = _super.call(this, calendar, viewSpec) || this;
+        _this.segSelector = '.fc-list-item'; // which elements accept event actions
+        _this.scroller = new Scroller_1.default({
+            overflowX: 'hidden',
+            overflowY: 'auto'
+        });
+        return _this;
     }
-    // Shows the popover on the specified position. Renders it if not already
-    Popover.prototype.show = function () {
-        if (this.isHidden) {
-            if (!this.el) {
-                this.render();
+    ListView.prototype.renderSkeleton = function () {
+        this.el.addClass('fc-list-view ' +
+            this.calendar.theme.getClass('listView'));
+        this.scroller.render();
+        this.scroller.el.appendTo(this.el);
+        this.contentEl = this.scroller.scrollEl; // shortcut
+    };
+    ListView.prototype.unrenderSkeleton = function () {
+        this.scroller.destroy(); // will remove the Grid too
+    };
+    ListView.prototype.updateSize = function (totalHeight, isAuto, isResize) {
+        _super.prototype.updateSize.call(this, totalHeight, isAuto, isResize);
+        this.scroller.clear(); // sets height to 'auto' and clears overflow
+        if (!isAuto) {
+            this.scroller.setHeight(this.computeScrollerHeight(totalHeight));
+        }
+    };
+    ListView.prototype.computeScrollerHeight = function (totalHeight) {
+        return totalHeight -
+            util_1.subtractInnerElHeight(this.el, this.scroller.el); // everything that's NOT the scroller
+    };
+    ListView.prototype.renderDates = function (dateProfile) {
+        var calendar = this.calendar;
+        var dayStart = calendar.msToUtcMoment(dateProfile.renderUnzonedRange.startMs, true);
+        var viewEnd = calendar.msToUtcMoment(dateProfile.renderUnzonedRange.endMs, true);
+        var dayDates = [];
+        var dayRanges = [];
+        while (dayStart < viewEnd) {
+            dayDates.push(dayStart.clone());
+            dayRanges.push(new UnzonedRange_1.default(dayStart, dayStart.clone().add(1, 'day')));
+            dayStart.add(1, 'day');
+        }
+        this.dayDates = dayDates;
+        this.dayRanges = dayRanges;
+        // all real rendering happens in EventRenderer
+    };
+    // slices by day
+    ListView.prototype.componentFootprintToSegs = function (footprint) {
+        var dayRanges = this.dayRanges;
+        var dayIndex;
+        var segRange;
+        var seg;
+        var segs = [];
+        for (dayIndex = 0; dayIndex < dayRanges.length; dayIndex++) {
+            segRange = footprint.unzonedRange.intersect(dayRanges[dayIndex]);
+            if (segRange) {
+                seg = {
+                    startMs: segRange.startMs,
+                    endMs: segRange.endMs,
+                    isStart: segRange.isStart,
+                    isEnd: segRange.isEnd,
+                    dayIndex: dayIndex
+                };
+                segs.push(seg);
+                // detect when footprint won't go fully into the next day,
+                // and mutate the latest seg to the be the end.
+                if (!seg.isEnd && !footprint.isAllDay &&
+                    dayIndex + 1 < dayRanges.length &&
+                    footprint.unzonedRange.endMs < dayRanges[dayIndex + 1].startMs + this.nextDayThreshold) {
+                    seg.endMs = footprint.unzonedRange.endMs;
+                    seg.isEnd = true;
+                    break;
+                }
             }
-            this.el.show();
-            this.position();
-            this.isHidden = false;
-            this.trigger('show');
         }
+        return segs;
     };
-    // Hides the popover, through CSS, but does not remove it from the DOM
-    Popover.prototype.hide = function () {
-        if (!this.isHidden) {
-            this.el.hide();
-            this.isHidden = true;
-            this.trigger('hide');
+    ListView.prototype.renderEmptyMessage = function () {
+        this.contentEl.html('<div class="fc-list-empty-wrap2">' + // TODO: try less wraps
+            '<div class="fc-list-empty-wrap1">' +
+            '<div class="fc-list-empty">' +
+            util_1.htmlEscape(this.opt('noEventsMessage')) +
+            '</div>' +
+            '</div>' +
+            '</div>');
+    };
+    // render the event segments in the view
+    ListView.prototype.renderSegList = function (allSegs) {
+        var segsByDay = this.groupSegsByDay(allSegs); // sparse array
+        var dayIndex;
+        var daySegs;
+        var i;
+        var tableEl = $('<table class="fc-list-table ' + this.calendar.theme.getClass('tableList') + '"><tbody></tbody></table>');
+        var tbodyEl = tableEl.find('tbody');
+        for (dayIndex = 0; dayIndex < segsByDay.length; dayIndex++) {
+            daySegs = segsByDay[dayIndex];
+            if (daySegs) { // sparse array, so might be undefined
+                // append a day header
+                tbodyEl.append(this.dayHeaderHtml(this.dayDates[dayIndex]));
+                this.eventRenderer.sortEventSegs(daySegs);
+                for (i = 0; i < daySegs.length; i++) {
+                    tbodyEl.append(daySegs[i].el); // append event row
+                }
+            }
         }
+        this.contentEl.empty().append(tableEl);
     };
-    // Creates `this.el` and renders content inside of it
-    Popover.prototype.render = function () {
-        var _this = this;
-        var options = this.options;
-        this.el = $('<div class="fc-popover"/>')
-            .addClass(options.className || '')
-            .css({
-            // position initially to the top left to avoid creating scrollbars
-            top: 0,
-            left: 0
-        })
-            .append(options.content)
-            .appendTo(options.parentEl);
-        // when a click happens on anything inside with a 'fc-close' className, hide the popover
-        this.el.on('click', '.fc-close', function () {
-            _this.hide();
-        });
-        if (options.autoHide) {
-            this.listenTo($(document), 'mousedown', this.documentMousedown);
+    // Returns a sparse array of arrays, segs grouped by their dayIndex
+    ListView.prototype.groupSegsByDay = function (segs) {
+        var segsByDay = []; // sparse array
+        var i;
+        var seg;
+        for (i = 0; i < segs.length; i++) {
+            seg = segs[i];
+            (segsByDay[seg.dayIndex] || (segsByDay[seg.dayIndex] = []))
+                .push(seg);
         }
+        return segsByDay;
     };
-    // Triggered when the user clicks *anywhere* in the document, for the autoHide feature
-    Popover.prototype.documentMousedown = function (ev) {
-        // only hide the popover if the click happened outside the popover
-        if (this.el && !$(ev.target).closest(this.el).length) {
-            this.hide();
+    // generates the HTML for the day headers that live amongst the event rows
+    ListView.prototype.dayHeaderHtml = function (dayDate) {
+        var mainFormat = this.opt('listDayFormat');
+        var altFormat = this.opt('listDayAltFormat');
+        return '<tr class="fc-list-heading" data-date="' + dayDate.format('YYYY-MM-DD') + '">' +
+            '<td class="' + (this.calendar.theme.getClass('tableListHeading') ||
+            this.calendar.theme.getClass('widgetHeader')) + '" colspan="3">' +
+            (mainFormat ?
+                this.buildGotoAnchorHtml(dayDate, { 'class': 'fc-list-heading-main' }, util_1.htmlEscape(dayDate.format(mainFormat)) // inner HTML
+                ) :
+                '') +
+            (altFormat ?
+                this.buildGotoAnchorHtml(dayDate, { 'class': 'fc-list-heading-alt' }, util_1.htmlEscape(dayDate.format(altFormat)) // inner HTML
+                ) :
+                '') +
+            '</td>' +
+            '</tr>';
+    };
+    return ListView;
+}(View_1.default));
+exports.default = ListView;
+ListView.prototype.eventRendererClass = ListEventRenderer_1.default;
+ListView.prototype.eventPointingClass = ListEventPointing_1.default;
+
+
+/***/ }),
+/* 249 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = __webpack_require__(2);
+var util_1 = __webpack_require__(4);
+var EventRenderer_1 = __webpack_require__(44);
+var ListEventRenderer = /** @class */ (function (_super) {
+    tslib_1.__extends(ListEventRenderer, _super);
+    function ListEventRenderer() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ListEventRenderer.prototype.renderFgSegs = function (segs) {
+        if (!segs.length) {
+            this.component.renderEmptyMessage();
         }
-    };
-    // Hides and unregisters any handlers
-    Popover.prototype.removeElement = function () {
-        this.hide();
-        if (this.el) {
-            this.el.remove();
-            this.el = null;
+        else {
+            this.component.renderSegList(segs);
         }
-        this.stopListeningTo($(document), 'mousedown');
     };
-    // Positions the popover optimally, using the top/left/right options
-    Popover.prototype.position = function () {
-        var options = this.options;
-        var origin = this.el.offsetParent().offset();
-        var width = this.el.outerWidth();
-        var height = this.el.outerHeight();
-        var windowEl = $(window);
-        var viewportEl = util_1.getScrollParent(this.el);
-        var viewportTop;
-        var viewportLeft;
-        var viewportOffset;
-        var top; // the "position" (not "offset") values for the popover
-        var left; //
-        // compute top and left
-        top = options.top || 0;
-        if (options.left !== undefined) {
-            left = options.left;
-        }
-        else if (options.right !== undefined) {
-            left = options.right - width; // derive the left value from the right value
-        }
-        else {
-            left = 0;
+    // generates the HTML for a single event row
+    ListEventRenderer.prototype.fgSegHtml = function (seg) {
+        var view = this.view;
+        var calendar = view.calendar;
+        var theme = calendar.theme;
+        var eventFootprint = seg.footprint;
+        var eventDef = eventFootprint.eventDef;
+        var componentFootprint = eventFootprint.componentFootprint;
+        var url = eventDef.url;
+        var classes = ['fc-list-item'].concat(this.getClasses(eventDef));
+        var bgColor = this.getBgColor(eventDef);
+        var timeHtml;
+        if (componentFootprint.isAllDay) {
+            timeHtml = view.getAllDayHtml();
         }
-        if (viewportEl.is(window) || viewportEl.is(document)) {
-            viewportEl = windowEl;
-            viewportTop = 0; // the window is always at the top left
-            viewportLeft = 0; // (and .offset() won't work if called here)
+        else if (view.isMultiDayRange(componentFootprint.unzonedRange)) {
+            if (seg.isStart || seg.isEnd) { // outer segment that probably lasts part of the day
+                timeHtml = util_1.htmlEscape(this._getTimeText(calendar.msToMoment(seg.startMs), calendar.msToMoment(seg.endMs), componentFootprint.isAllDay));
+            }
+            else { // inner segment that lasts the whole day
+                timeHtml = view.getAllDayHtml();
+            }
         }
         else {
-            viewportOffset = viewportEl.offset();
-            viewportTop = viewportOffset.top;
-            viewportLeft = viewportOffset.left;
+            // Display the normal time text for the *event's* times
+            timeHtml = util_1.htmlEscape(this.getTimeText(eventFootprint));
         }
-        // if the window is scrolled, it causes the visible area to be further down
-        viewportTop += windowEl.scrollTop();
-        viewportLeft += windowEl.scrollLeft();
-        // constrain to the view port. if constrained by two edges, give precedence to top/left
-        if (options.viewportConstrain !== false) {
-            top = Math.min(top, viewportTop + viewportEl.outerHeight() - height - this.margin);
-            top = Math.max(top, viewportTop + this.margin);
-            left = Math.min(left, viewportLeft + viewportEl.outerWidth() - width - this.margin);
-            left = Math.max(left, viewportLeft + this.margin);
+        if (url) {
+            classes.push('fc-has-url');
         }
-        this.el.css({
-            top: top - origin.top,
-            left: left - origin.left
-        });
+        return '<tr class="' + classes.join(' ') + '">' +
+            (this.displayEventTime ?
+                '<td class="fc-list-item-time ' + theme.getClass('widgetContent') + '">' +
+                    (timeHtml || '') +
+                    '</td>' :
+                '') +
+            '<td class="fc-list-item-marker ' + theme.getClass('widgetContent') + '">' +
+            '<span class="fc-event-dot"' +
+            (bgColor ?
+                ' style="background-color:' + bgColor + '"' :
+                '') +
+            '></span>' +
+            '</td>' +
+            '<td class="fc-list-item-title ' + theme.getClass('widgetContent') + '">' +
+            '<a' + (url ? ' href="' + util_1.htmlEscape(url) + '"' : '') + '>' +
+            util_1.htmlEscape(eventDef.title || '') +
+            '</a>' +
+            '</td>' +
+            '</tr>';
     };
-    // Triggers a callback. Calls a function in the option hash of the same name.
-    // Arguments beyond the first `name` are forwarded on.
-    // TODO: better code reuse for this. Repeat code
-    Popover.prototype.trigger = function (name) {
-        if (this.options[name]) {
-            this.options[name].apply(this, Array.prototype.slice.call(arguments, 1));
-        }
+    // like "4:00am"
+    ListEventRenderer.prototype.computeEventTimeFormat = function () {
+        return this.opt('mediumTimeFormat');
     };
-    return Popover;
-}());
-exports.default = Popover;
-ListenerMixin_1.default.mixInto(Popover);
+    return ListEventRenderer;
+}(EventRenderer_1.default));
+exports.default = ListEventRenderer;
 
 
 /***/ }),
@@ -14270,530 +14336,602 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
 var $ = __webpack_require__(3);
-var util_1 = __webpack_require__(4);
-var EventRenderer_1 = __webpack_require__(42);
-/* Event-rendering methods for the DayGrid class
-----------------------------------------------------------------------------------------------------------------------*/
-var DayGridEventRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(DayGridEventRenderer, _super);
-    function DayGridEventRenderer(dayGrid, fillRenderer) {
-        var _this = _super.call(this, dayGrid, fillRenderer) || this;
-        _this.dayGrid = dayGrid;
-        return _this;
+var EventPointing_1 = __webpack_require__(64);
+var ListEventPointing = /** @class */ (function (_super) {
+    tslib_1.__extends(ListEventPointing, _super);
+    function ListEventPointing() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
-    DayGridEventRenderer.prototype.renderBgRanges = function (eventRanges) {
-        // don't render timed background events
-        eventRanges = $.grep(eventRanges, function (eventRange) {
-            return eventRange.eventDef.isAllDay();
-        });
-        _super.prototype.renderBgRanges.call(this, eventRanges);
-    };
-    // Renders the given foreground event segments onto the grid
-    DayGridEventRenderer.prototype.renderFgSegs = function (segs) {
-        var rowStructs = this.rowStructs = this.renderSegRows(segs);
-        // append to each row's content skeleton
-        this.dayGrid.rowEls.each(function (i, rowNode) {
-            $(rowNode).find('.fc-content-skeleton > table').append(rowStructs[i].tbodyEl);
-        });
-    };
-    // Unrenders all currently rendered foreground event segments
-    DayGridEventRenderer.prototype.unrenderFgSegs = function () {
-        var rowStructs = this.rowStructs || [];
-        var rowStruct;
-        while ((rowStruct = rowStructs.pop())) {
-            rowStruct.tbodyEl.remove();
-        }
-        this.rowStructs = null;
-    };
-    // Uses the given events array to generate <tbody> elements that should be appended to each row's content skeleton.
-    // Returns an array of rowStruct objects (see the bottom of `renderSegRow`).
-    // PRECONDITION: each segment shoud already have a rendered and assigned `.el`
-    DayGridEventRenderer.prototype.renderSegRows = function (segs) {
-        var rowStructs = [];
-        var segRows;
-        var row;
-        segRows = this.groupSegRows(segs); // group into nested arrays
-        // iterate each row of segment groupings
-        for (row = 0; row < segRows.length; row++) {
-            rowStructs.push(this.renderSegRow(row, segRows[row]));
+    // for events with a url, the whole <tr> should be clickable,
+    // but it's impossible to wrap with an <a> tag. simulate this.
+    ListEventPointing.prototype.handleClick = function (seg, ev) {
+        var url;
+        _super.prototype.handleClick.call(this, seg, ev); // might prevent the default action
+        // not clicking on or within an <a> with an href
+        if (!$(ev.target).closest('a[href]').length) {
+            url = seg.footprint.eventDef.url;
+            if (url && !ev.isDefaultPrevented()) { // jsEvent not cancelled in handler
+                window.location.href = url; // simulate link click
+            }
         }
-        return rowStructs;
     };
-    // Given a row # and an array of segments all in the same row, render a <tbody> element, a skeleton that contains
-    // the segments. Returns object with a bunch of internal data about how the render was calculated.
-    // NOTE: modifies rowSegs
-    DayGridEventRenderer.prototype.renderSegRow = function (row, rowSegs) {
-        var colCnt = this.dayGrid.colCnt;
-        var segLevels = this.buildSegLevels(rowSegs); // group into sub-arrays of levels
-        var levelCnt = Math.max(1, segLevels.length); // ensure at least one level
-        var tbody = $('<tbody/>');
-        var segMatrix = []; // lookup for which segments are rendered into which level+col cells
-        var cellMatrix = []; // lookup for all <td> elements of the level+col matrix
-        var loneCellMatrix = []; // lookup for <td> elements that only take up a single column
-        var i;
-        var levelSegs;
-        var col;
-        var tr;
-        var j;
-        var seg;
-        var td;
-        // populates empty cells from the current column (`col`) to `endCol`
-        function emptyCellsUntil(endCol) {
-            while (col < endCol) {
-                // try to grab a cell from the level above and extend its rowspan. otherwise, create a fresh cell
-                td = (loneCellMatrix[i - 1] || [])[col];
-                if (td) {
-                    td.attr('rowspan', parseInt(td.attr('rowspan') || 1, 10) + 1);
-                }
-                else {
-                    td = $('<td/>');
-                    tr.append(td);
+    return ListEventPointing;
+}(EventPointing_1.default));
+exports.default = ListEventPointing;
+
+
+/***/ }),
+/* 251 */,
+/* 252 */,
+/* 253 */,
+/* 254 */,
+/* 255 */,
+/* 256 */
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__(3);
+var exportHooks = __webpack_require__(18);
+var util_1 = __webpack_require__(4);
+var Calendar_1 = __webpack_require__(232);
+// for intentional side-effects
+__webpack_require__(11);
+__webpack_require__(49);
+__webpack_require__(260);
+__webpack_require__(261);
+__webpack_require__(264);
+__webpack_require__(265);
+__webpack_require__(266);
+__webpack_require__(267);
+$.fullCalendar = exportHooks;
+$.fn.fullCalendar = function (options) {
+    var args = Array.prototype.slice.call(arguments, 1); // for a possible method call
+    var res = this; // what this function will return (this jQuery object by default)
+    this.each(function (i, _element) {
+        var element = $(_element);
+        var calendar = element.data('fullCalendar'); // get the existing calendar object (if any)
+        var singleRes; // the returned value of this single method call
+        // a method call
+        if (typeof options === 'string') {
+            if (options === 'getCalendar') {
+                if (!i) { // first element only
+                    res = calendar;
                 }
-                cellMatrix[i][col] = td;
-                loneCellMatrix[i][col] = td;
-                col++;
             }
-        }
-        for (i = 0; i < levelCnt; i++) {
-            levelSegs = segLevels[i];
-            col = 0;
-            tr = $('<tr/>');
-            segMatrix.push([]);
-            cellMatrix.push([]);
-            loneCellMatrix.push([]);
-            // levelCnt might be 1 even though there are no actual levels. protect against this.
-            // this single empty row is useful for styling.
-            if (levelSegs) {
-                for (j = 0; j < levelSegs.length; j++) {
-                    seg = levelSegs[j];
-                    emptyCellsUntil(seg.leftCol);
-                    // create a container that occupies or more columns. append the event element.
-                    td = $('<td class="fc-event-container"/>').append(seg.el);
-                    if (seg.leftCol !== seg.rightCol) {
-                        td.attr('colspan', seg.rightCol - seg.leftCol + 1);
-                    }
-                    else {
-                        loneCellMatrix[i][col] = td;
-                    }
-                    while (col <= seg.rightCol) {
-                        cellMatrix[i][col] = td;
-                        segMatrix[i][col] = seg;
-                        col++;
-                    }
-                    tr.append(td);
+            else if (options === 'destroy') { // don't warn if no calendar object
+                if (calendar) {
+                    calendar.destroy();
+                    element.removeData('fullCalendar');
                 }
             }
-            emptyCellsUntil(colCnt); // finish off the row
-            this.dayGrid.bookendCells(tr);
-            tbody.append(tr);
-        }
-        return {
-            row: row,
-            tbodyEl: tbody,
-            cellMatrix: cellMatrix,
-            segMatrix: segMatrix,
-            segLevels: segLevels,
-            segs: rowSegs
-        };
-    };
-    // Stacks a flat array of segments, which are all assumed to be in the same row, into subarrays of vertical levels.
-    // NOTE: modifies segs
-    DayGridEventRenderer.prototype.buildSegLevels = function (segs) {
-        var levels = [];
-        var i;
-        var seg;
-        var j;
-        // Give preference to elements with certain criteria, so they have
-        // a chance to be closer to the top.
-        this.sortEventSegs(segs);
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            // loop through levels, starting with the topmost, until the segment doesn't collide with other segments
-            for (j = 0; j < levels.length; j++) {
-                if (!isDaySegCollision(seg, levels[j])) {
-                    break;
+            else if (!calendar) {
+                util_1.warn('Attempting to call a FullCalendar method on an element with no calendar.');
+            }
+            else if ($.isFunction(calendar[options])) {
+                singleRes = calendar[options].apply(calendar, args);
+                if (!i) {
+                    res = singleRes; // record the first method call result
+                }
+                if (options === 'destroy') { // for the destroy method, must remove Calendar object data
+                    element.removeData('fullCalendar');
                 }
             }
-            // `j` now holds the desired subrow index
-            seg.level = j;
-            // create new level array if needed and append segment
-            (levels[j] || (levels[j] = [])).push(seg);
+            else {
+                util_1.warn("'" + options + "' is an unknown FullCalendar method.");
+            }
         }
-        // order segments left-to-right. very important if calendar is RTL
-        for (j = 0; j < levels.length; j++) {
-            levels[j].sort(compareDaySegCols);
+        else if (!calendar) { // don't initialize twice
+            calendar = new Calendar_1.default(element, options);
+            element.data('fullCalendar', calendar);
+            calendar.render();
         }
-        return levels;
+    });
+    return res;
+};
+module.exports = exportHooks;
+
+
+/***/ }),
+/* 257 */
+/***/ (function(module, exports, __webpack_require__) {
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+/* Toolbar with buttons and title
+----------------------------------------------------------------------------------------------------------------------*/
+var Toolbar = /** @class */ (function () {
+    function Toolbar(calendar, toolbarOptions) {
+        this.el = null; // mirrors local `el`
+        this.viewsWithButtons = [];
+        this.calendar = calendar;
+        this.toolbarOptions = toolbarOptions;
+    }
+    // method to update toolbar-specific options, not calendar-wide options
+    Toolbar.prototype.setToolbarOptions = function (newToolbarOptions) {
+        this.toolbarOptions = newToolbarOptions;
     };
-    // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's row
-    DayGridEventRenderer.prototype.groupSegRows = function (segs) {
-        var segRows = [];
-        var i;
-        for (i = 0; i < this.dayGrid.rowCnt; i++) {
-            segRows.push([]);
+    // can be called repeatedly and will rerender
+    Toolbar.prototype.render = function () {
+        var sections = this.toolbarOptions.layout;
+        var el = this.el;
+        if (sections) {
+            if (!el) {
+                el = this.el = $("<div class='fc-toolbar " + this.toolbarOptions.extraClasses + "'>");
+            }
+            else {
+                el.empty();
+            }
+            el.append(this.renderSection('left'))
+                .append(this.renderSection('right'))
+                .append(this.renderSection('center'))
+                .append('<div class="fc-clear"></div>');
         }
-        for (i = 0; i < segs.length; i++) {
-            segRows[segs[i].row].push(segs[i]);
+        else {
+            this.removeElement();
         }
-        return segRows;
-    };
-    // Computes a default event time formatting string if `timeFormat` is not explicitly defined
-    DayGridEventRenderer.prototype.computeEventTimeFormat = function () {
-        return this.opt('extraSmallTimeFormat'); // like "6p" or "6:30p"
     };
-    // Computes a default `displayEventEnd` value if one is not expliclty defined
-    DayGridEventRenderer.prototype.computeDisplayEventEnd = function () {
-        return this.dayGrid.colCnt === 1; // we'll likely have space if there's only one day
+    Toolbar.prototype.removeElement = function () {
+        if (this.el) {
+            this.el.remove();
+            this.el = null;
+        }
     };
-    // Builds the HTML to be used for the default element for an individual segment
-    DayGridEventRenderer.prototype.fgSegHtml = function (seg, disableResizing) {
-        var view = this.view;
-        var eventDef = seg.footprint.eventDef;
-        var isAllDay = seg.footprint.componentFootprint.isAllDay;
-        var isDraggable = view.isEventDefDraggable(eventDef);
-        var isResizableFromStart = !disableResizing && isAllDay &&
-            seg.isStart && view.isEventDefResizableFromStart(eventDef);
-        var isResizableFromEnd = !disableResizing && isAllDay &&
-            seg.isEnd && view.isEventDefResizableFromEnd(eventDef);
-        var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd);
-        var skinCss = util_1.cssToStr(this.getSkinCss(eventDef));
-        var timeHtml = '';
-        var timeText;
-        var titleHtml;
-        classes.unshift('fc-day-grid-event', 'fc-h-event');
-        // Only display a timed events time if it is the starting segment
-        if (seg.isStart) {
-            timeText = this.getTimeText(seg.footprint);
-            if (timeText) {
-                timeHtml = '<span class="fc-time">' + util_1.htmlEscape(timeText) + '</span>';
-            }
+    Toolbar.prototype.renderSection = function (position) {
+        var _this = this;
+        var calendar = this.calendar;
+        var theme = calendar.theme;
+        var optionsManager = calendar.optionsManager;
+        var viewSpecManager = calendar.viewSpecManager;
+        var sectionEl = $('<div class="fc-' + position + '">');
+        var buttonStr = this.toolbarOptions.layout[position];
+        var calendarCustomButtons = optionsManager.get('customButtons') || {};
+        var calendarButtonTextOverrides = optionsManager.overrides.buttonText || {};
+        var calendarButtonText = optionsManager.get('buttonText') || {};
+        if (buttonStr) {
+            $.each(buttonStr.split(' '), function (i, buttonGroupStr) {
+                var groupChildren = $();
+                var isOnlyButtons = true;
+                var groupEl;
+                $.each(buttonGroupStr.split(','), function (j, buttonName) {
+                    var customButtonProps;
+                    var viewSpec;
+                    var buttonClick;
+                    var buttonIcon; // only one of these will be set
+                    var buttonText; // "
+                    var buttonInnerHtml;
+                    var buttonClasses;
+                    var buttonEl;
+                    var buttonAriaAttr;
+                    if (buttonName === 'title') {
+                        groupChildren = groupChildren.add($('<h2>&nbsp;</h2>')); // we always want it to take up height
+                        isOnlyButtons = false;
+                    }
+                    else {
+                        if ((customButtonProps = calendarCustomButtons[buttonName])) {
+                            buttonClick = function (ev) {
+                                if (customButtonProps.click) {
+                                    customButtonProps.click.call(buttonEl[0], ev);
+                                }
+                            };
+                            (buttonIcon = theme.getCustomButtonIconClass(customButtonProps)) ||
+                                (buttonIcon = theme.getIconClass(buttonName)) ||
+                                (buttonText = customButtonProps.text);
+                        }
+                        else if ((viewSpec = viewSpecManager.getViewSpec(buttonName))) {
+                            _this.viewsWithButtons.push(buttonName);
+                            buttonClick = function () {
+                                calendar.changeView(buttonName);
+                            };
+                            (buttonText = viewSpec.buttonTextOverride) ||
+                                (buttonIcon = theme.getIconClass(buttonName)) ||
+                                (buttonText = viewSpec.buttonTextDefault);
+                        }
+                        else if (calendar[buttonName]) { // a calendar method
+                            buttonClick = function () {
+                                calendar[buttonName]();
+                            };
+                            (buttonText = calendarButtonTextOverrides[buttonName]) ||
+                                (buttonIcon = theme.getIconClass(buttonName)) ||
+                                (buttonText = calendarButtonText[buttonName]);
+                            //            ^ everything else is considered default
+                        }
+                        if (buttonClick) {
+                            buttonClasses = [
+                                'fc-' + buttonName + '-button',
+                                theme.getClass('button'),
+                                theme.getClass('stateDefault')
+                            ];
+                            if (buttonText) {
+                                buttonInnerHtml = util_1.htmlEscape(buttonText);
+                                buttonAriaAttr = '';
+                            }
+                            else if (buttonIcon) {
+                                buttonInnerHtml = "<span class='" + buttonIcon + "'></span>";
+                                buttonAriaAttr = ' aria-label="' + buttonName + '"';
+                            }
+                            buttonEl = $(// type="button" so that it doesn't submit a form
+                            '<button type="button" class="' + buttonClasses.join(' ') + '"' +
+                                buttonAriaAttr +
+                                '>' + buttonInnerHtml + '</button>')
+                                .click(function (ev) {
+                                // don't process clicks for disabled buttons
+                                if (!buttonEl.hasClass(theme.getClass('stateDisabled'))) {
+                                    buttonClick(ev);
+                                    // after the click action, if the button becomes the "active" tab, or disabled,
+                                    // it should never have a hover class, so remove it now.
+                                    if (buttonEl.hasClass(theme.getClass('stateActive')) ||
+                                        buttonEl.hasClass(theme.getClass('stateDisabled'))) {
+                                        buttonEl.removeClass(theme.getClass('stateHover'));
+                                    }
+                                }
+                            })
+                                .mousedown(function () {
+                                // the *down* effect (mouse pressed in).
+                                // only on buttons that are not the "active" tab, or disabled
+                                buttonEl
+                                    .not('.' + theme.getClass('stateActive'))
+                                    .not('.' + theme.getClass('stateDisabled'))
+                                    .addClass(theme.getClass('stateDown'));
+                            })
+                                .mouseup(function () {
+                                // undo the *down* effect
+                                buttonEl.removeClass(theme.getClass('stateDown'));
+                            })
+                                .hover(function () {
+                                // the *hover* effect.
+                                // only on buttons that are not the "active" tab, or disabled
+                                buttonEl
+                                    .not('.' + theme.getClass('stateActive'))
+                                    .not('.' + theme.getClass('stateDisabled'))
+                                    .addClass(theme.getClass('stateHover'));
+                            }, function () {
+                                // undo the *hover* effect
+                                buttonEl
+                                    .removeClass(theme.getClass('stateHover'))
+                                    .removeClass(theme.getClass('stateDown')); // if mouseleave happens before mouseup
+                            });
+                            groupChildren = groupChildren.add(buttonEl);
+                        }
+                    }
+                });
+                if (isOnlyButtons) {
+                    groupChildren
+                        .first().addClass(theme.getClass('cornerLeft')).end()
+                        .last().addClass(theme.getClass('cornerRight')).end();
+                }
+                if (groupChildren.length > 1) {
+                    groupEl = $('<div>');
+                    if (isOnlyButtons) {
+                        groupEl.addClass(theme.getClass('buttonGroup'));
+                    }
+                    groupEl.append(groupChildren);
+                    sectionEl.append(groupEl);
+                }
+                else {
+                    sectionEl.append(groupChildren); // 1 or 0 children
+                }
+            });
         }
-        titleHtml =
-            '<span class="fc-title">' +
-                (util_1.htmlEscape(eventDef.title || '') || '&nbsp;') + // we always want one line of height
-                '</span>';
-        return '<a class="' + classes.join(' ') + '"' +
-            (eventDef.url ?
-                ' href="' + util_1.htmlEscape(eventDef.url) + '"' :
-                '') +
-            (skinCss ?
-                ' style="' + skinCss + '"' :
-                '') +
-            '>' +
-            '<div class="fc-content">' +
-            (this.dayGrid.isRTL ?
-                titleHtml + ' ' + timeHtml : // put a natural space in between
-                timeHtml + ' ' + titleHtml //
-            ) +
-            '</div>' +
-            (isResizableFromStart ?
-                '<div class="fc-resizer fc-start-resizer" />' :
-                '') +
-            (isResizableFromEnd ?
-                '<div class="fc-resizer fc-end-resizer" />' :
-                '') +
-            '</a>';
+        return sectionEl;
     };
-    return DayGridEventRenderer;
-}(EventRenderer_1.default));
-exports.default = DayGridEventRenderer;
-// Computes whether two segments' columns collide. They are assumed to be in the same row.
-function isDaySegCollision(seg, otherSegs) {
-    var i;
-    var otherSeg;
-    for (i = 0; i < otherSegs.length; i++) {
-        otherSeg = otherSegs[i];
-        if (otherSeg.leftCol <= seg.rightCol &&
-            otherSeg.rightCol >= seg.leftCol) {
-            return true;
+    Toolbar.prototype.updateTitle = function (text) {
+        if (this.el) {
+            this.el.find('h2').text(text);
         }
-    }
-    return false;
-}
-// A cmp function for determining the leftmost event
-function compareDaySegCols(a, b) {
-    return a.leftCol - b.leftCol;
-}
-
-
-/***/ }),
-/* 251 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var HelperRenderer_1 = __webpack_require__(58);
-var DayGridHelperRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(DayGridHelperRenderer, _super);
-    function DayGridHelperRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    // Renders a mock "helper" event. `sourceSeg` is the associated internal segment object. It can be null.
-    DayGridHelperRenderer.prototype.renderSegs = function (segs, sourceSeg) {
-        var helperNodes = [];
-        var rowStructs;
-        // TODO: not good to call eventRenderer this way
-        rowStructs = this.eventRenderer.renderSegRows(segs);
-        // inject each new event skeleton into each associated row
-        this.component.rowEls.each(function (row, rowNode) {
-            var rowEl = $(rowNode); // the .fc-row
-            var skeletonEl = $('<div class="fc-helper-skeleton"><table/></div>'); // will be absolutely positioned
-            var skeletonTopEl;
-            var skeletonTop;
-            // If there is an original segment, match the top position. Otherwise, put it at the row's top level
-            if (sourceSeg && sourceSeg.row === row) {
-                skeletonTop = sourceSeg.el.position().top;
-            }
-            else {
-                skeletonTopEl = rowEl.find('.fc-content-skeleton tbody');
-                if (!skeletonTopEl.length) {
-                    skeletonTopEl = rowEl.find('.fc-content-skeleton table');
-                }
-                skeletonTop = skeletonTopEl.position().top;
-            }
-            skeletonEl.css('top', skeletonTop)
-                .find('table')
-                .append(rowStructs[row].tbodyEl);
-            rowEl.append(skeletonEl);
-            helperNodes.push(skeletonEl[0]);
-        });
-        return $(helperNodes); // must return the elements rendered
     };
-    return DayGridHelperRenderer;
-}(HelperRenderer_1.default));
-exports.default = DayGridHelperRenderer;
-
-
-/***/ }),
-/* 252 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var FillRenderer_1 = __webpack_require__(57);
-var DayGridFillRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(DayGridFillRenderer, _super);
-    function DayGridFillRenderer() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.fillSegTag = 'td'; // override the default tag name
-        return _this;
-    }
-    DayGridFillRenderer.prototype.attachSegEls = function (type, segs) {
-        var nodes = [];
-        var i;
-        var seg;
-        var skeletonEl;
-        for (i = 0; i < segs.length; i++) {
-            seg = segs[i];
-            skeletonEl = this.renderFillRow(type, seg);
-            this.component.rowEls.eq(seg.row).append(skeletonEl);
-            nodes.push(skeletonEl[0]);
+    Toolbar.prototype.activateButton = function (buttonName) {
+        if (this.el) {
+            this.el.find('.fc-' + buttonName + '-button')
+                .addClass(this.calendar.theme.getClass('stateActive'));
         }
-        return nodes;
     };
-    // Generates the HTML needed for one row of a fill. Requires the seg's el to be rendered.
-    DayGridFillRenderer.prototype.renderFillRow = function (type, seg) {
-        var colCnt = this.component.colCnt;
-        var startCol = seg.leftCol;
-        var endCol = seg.rightCol + 1;
-        var className;
-        var skeletonEl;
-        var trEl;
-        if (type === 'businessHours') {
-            className = 'bgevent';
-        }
-        else {
-            className = type.toLowerCase();
+    Toolbar.prototype.deactivateButton = function (buttonName) {
+        if (this.el) {
+            this.el.find('.fc-' + buttonName + '-button')
+                .removeClass(this.calendar.theme.getClass('stateActive'));
         }
-        skeletonEl = $('<div class="fc-' + className + '-skeleton">' +
-            '<table><tr/></table>' +
-            '</div>');
-        trEl = skeletonEl.find('tr');
-        if (startCol > 0) {
-            trEl.append('<td colspan="' + startCol + '"/>');
+    };
+    Toolbar.prototype.disableButton = function (buttonName) {
+        if (this.el) {
+            this.el.find('.fc-' + buttonName + '-button')
+                .prop('disabled', true)
+                .addClass(this.calendar.theme.getClass('stateDisabled'));
         }
-        trEl.append(seg.el.attr('colspan', endCol - startCol));
-        if (endCol < colCnt) {
-            trEl.append('<td colspan="' + (colCnt - endCol) + '"/>');
+    };
+    Toolbar.prototype.enableButton = function (buttonName) {
+        if (this.el) {
+            this.el.find('.fc-' + buttonName + '-button')
+                .prop('disabled', false)
+                .removeClass(this.calendar.theme.getClass('stateDisabled'));
         }
-        this.component.bookendCells(trEl);
-        return skeletonEl;
     };
-    return DayGridFillRenderer;
-}(FillRenderer_1.default));
-exports.default = DayGridFillRenderer;
+    Toolbar.prototype.getViewsWithButtons = function () {
+        return this.viewsWithButtons;
+    };
+    return Toolbar;
+}());
+exports.default = Toolbar;
 
 
 /***/ }),
-/* 253 */
+/* 258 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var BasicViewDateProfileGenerator_1 = __webpack_require__(228);
-var UnzonedRange_1 = __webpack_require__(5);
-var MonthViewDateProfileGenerator = /** @class */ (function (_super) {
-    tslib_1.__extends(MonthViewDateProfileGenerator, _super);
-    function MonthViewDateProfileGenerator() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var $ = __webpack_require__(3);
+var util_1 = __webpack_require__(4);
+var options_1 = __webpack_require__(33);
+var locale_1 = __webpack_require__(32);
+var Model_1 = __webpack_require__(51);
+var OptionsManager = /** @class */ (function (_super) {
+    tslib_1.__extends(OptionsManager, _super);
+    function OptionsManager(_calendar, overrides) {
+        var _this = _super.call(this) || this;
+        _this._calendar = _calendar;
+        _this.overrides = $.extend({}, overrides); // make a copy
+        _this.dynamicOverrides = {};
+        _this.compute();
+        return _this;
     }
-    // Computes the date range that will be rendered.
-    MonthViewDateProfileGenerator.prototype.buildRenderRange = function (currentUnzonedRange, currentRangeUnit, isRangeAllDay) {
-        var renderUnzonedRange = _super.prototype.buildRenderRange.call(this, currentUnzonedRange, currentRangeUnit, isRangeAllDay);
-        var start = this.msToUtcMoment(renderUnzonedRange.startMs, isRangeAllDay);
-        var end = this.msToUtcMoment(renderUnzonedRange.endMs, isRangeAllDay);
-        var rowCnt;
-        // ensure 6 weeks
-        if (this.opt('fixedWeekCount')) {
-            rowCnt = Math.ceil(// could be partial weeks due to hiddenDays
-            end.diff(start, 'weeks', true) // dontRound=true
-            );
-            end.add(6 - rowCnt, 'weeks');
+    OptionsManager.prototype.add = function (newOptionHash) {
+        var optionCnt = 0;
+        var optionName;
+        this.recordOverrides(newOptionHash); // will trigger this model's watchers
+        for (optionName in newOptionHash) {
+            optionCnt++;
+        }
+        // special-case handling of single option change.
+        // if only one option change, `optionName` will be its name.
+        if (optionCnt === 1) {
+            if (optionName === 'height' || optionName === 'contentHeight' || optionName === 'aspectRatio') {
+                this._calendar.updateViewSize(true); // isResize=true
+                return;
+            }
+            else if (optionName === 'defaultDate') {
+                return; // can't change date this way. use gotoDate instead
+            }
+            else if (optionName === 'businessHours') {
+                return; // this model already reacts to this
+            }
+            else if (/^(event|select)(Overlap|Constraint|Allow)$/.test(optionName)) {
+                return; // doesn't affect rendering. only interactions.
+            }
+            else if (optionName === 'timezone') {
+                this._calendar.view.flash('initialEvents');
+                return;
+            }
+        }
+        // catch-all. rerender the header and footer and rebuild/rerender the current view
+        this._calendar.renderHeader();
+        this._calendar.renderFooter();
+        // even non-current views will be affected by this option change. do before rerender
+        // TODO: detangle
+        this._calendar.viewsByType = {};
+        this._calendar.reinitView();
+    };
+    // Computes the flattened options hash for the calendar and assigns to `this.options`.
+    // Assumes this.overrides and this.dynamicOverrides have already been initialized.
+    OptionsManager.prototype.compute = function () {
+        var locale;
+        var localeDefaults;
+        var isRTL;
+        var dirDefaults;
+        var rawOptions;
+        locale = util_1.firstDefined(// explicit locale option given?
+        this.dynamicOverrides.locale, this.overrides.locale);
+        localeDefaults = locale_1.localeOptionHash[locale];
+        if (!localeDefaults) { // explicit locale option not given or invalid?
+            locale = options_1.globalDefaults.locale;
+            localeDefaults = locale_1.localeOptionHash[locale] || {};
+        }
+        isRTL = util_1.firstDefined(// based on options computed so far, is direction RTL?
+        this.dynamicOverrides.isRTL, this.overrides.isRTL, localeDefaults.isRTL, options_1.globalDefaults.isRTL);
+        dirDefaults = isRTL ? options_1.rtlDefaults : {};
+        this.dirDefaults = dirDefaults;
+        this.localeDefaults = localeDefaults;
+        rawOptions = options_1.mergeOptions([
+            options_1.globalDefaults,
+            dirDefaults,
+            localeDefaults,
+            this.overrides,
+            this.dynamicOverrides
+        ]);
+        locale_1.populateInstanceComputableOptions(rawOptions); // fill in gaps with computed options
+        this.reset(rawOptions);
+    };
+    // stores the new options internally, but does not rerender anything.
+    OptionsManager.prototype.recordOverrides = function (newOptionHash) {
+        var optionName;
+        for (optionName in newOptionHash) {
+            this.dynamicOverrides[optionName] = newOptionHash[optionName];
         }
-        return new UnzonedRange_1.default(start, end);
+        this._calendar.viewSpecManager.clearCache(); // the dynamic override invalidates the options in this cache, so just clear it
+        this.compute(); // this.options needs to be recomputed after the dynamic override
     };
-    return MonthViewDateProfileGenerator;
-}(BasicViewDateProfileGenerator_1.default));
-exports.default = MonthViewDateProfileGenerator;
+    return OptionsManager;
+}(Model_1.default));
+exports.default = OptionsManager;
 
 
 /***/ }),
-/* 254 */
+/* 259 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
+var moment = __webpack_require__(0);
+var $ = __webpack_require__(3);
+var ViewRegistry_1 = __webpack_require__(24);
 var util_1 = __webpack_require__(4);
-var EventRenderer_1 = __webpack_require__(42);
-var ListEventRenderer = /** @class */ (function (_super) {
-    tslib_1.__extends(ListEventRenderer, _super);
-    function ListEventRenderer() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var options_1 = __webpack_require__(33);
+var locale_1 = __webpack_require__(32);
+var ViewSpecManager = /** @class */ (function () {
+    function ViewSpecManager(optionsManager, _calendar) {
+        this.optionsManager = optionsManager;
+        this._calendar = _calendar;
+        this.clearCache();
     }
-    ListEventRenderer.prototype.renderFgSegs = function (segs) {
-        if (!segs.length) {
-            this.component.renderEmptyMessage();
-        }
-        else {
-            this.component.renderSegList(segs);
-        }
+    ViewSpecManager.prototype.clearCache = function () {
+        this.viewSpecCache = {};
     };
-    // generates the HTML for a single event row
-    ListEventRenderer.prototype.fgSegHtml = function (seg) {
-        var view = this.view;
-        var calendar = view.calendar;
-        var theme = calendar.theme;
-        var eventFootprint = seg.footprint;
-        var eventDef = eventFootprint.eventDef;
-        var componentFootprint = eventFootprint.componentFootprint;
-        var url = eventDef.url;
-        var classes = ['fc-list-item'].concat(this.getClasses(eventDef));
-        var bgColor = this.getBgColor(eventDef);
-        var timeHtml;
-        if (componentFootprint.isAllDay) {
-            timeHtml = view.getAllDayHtml();
+    // Gets information about how to create a view. Will use a cache.
+    ViewSpecManager.prototype.getViewSpec = function (viewType) {
+        var cache = this.viewSpecCache;
+        return cache[viewType] || (cache[viewType] = this.buildViewSpec(viewType));
+    };
+    // Given a duration singular unit, like "week" or "day", finds a matching view spec.
+    // Preference is given to views that have corresponding buttons.
+    ViewSpecManager.prototype.getUnitViewSpec = function (unit) {
+        var viewTypes;
+        var i;
+        var spec;
+        if ($.inArray(unit, util_1.unitsDesc) !== -1) {
+            // put views that have buttons first. there will be duplicates, but oh well
+            viewTypes = this._calendar.header.getViewsWithButtons(); // TODO: include footer as well?
+            $.each(ViewRegistry_1.viewHash, function (viewType) {
+                viewTypes.push(viewType);
+            });
+            for (i = 0; i < viewTypes.length; i++) {
+                spec = this.getViewSpec(viewTypes[i]);
+                if (spec) {
+                    if (spec.singleUnit === unit) {
+                        return spec;
+                    }
+                }
+            }
         }
-        else if (view.isMultiDayRange(componentFootprint.unzonedRange)) {
-            if (seg.isStart || seg.isEnd) {
-                timeHtml = util_1.htmlEscape(this._getTimeText(calendar.msToMoment(seg.startMs), calendar.msToMoment(seg.endMs), componentFootprint.isAllDay));
+    };
+    // Builds an object with information on how to create a given view
+    ViewSpecManager.prototype.buildViewSpec = function (requestedViewType) {
+        var viewOverrides = this.optionsManager.overrides.views || {};
+        var specChain = []; // for the view. lowest to highest priority
+        var defaultsChain = []; // for the view. lowest to highest priority
+        var overridesChain = []; // for the view. lowest to highest priority
+        var viewType = requestedViewType;
+        var spec; // for the view
+        var overrides; // for the view
+        var durationInput;
+        var duration;
+        var unit;
+        // iterate from the specific view definition to a more general one until we hit an actual View class
+        while (viewType) {
+            spec = ViewRegistry_1.viewHash[viewType];
+            overrides = viewOverrides[viewType];
+            viewType = null; // clear. might repopulate for another iteration
+            if (typeof spec === 'function') { // TODO: deprecate
+                spec = { 'class': spec };
             }
-            else {
-                timeHtml = view.getAllDayHtml();
+            if (spec) {
+                specChain.unshift(spec);
+                defaultsChain.unshift(spec.defaults || {});
+                durationInput = durationInput || spec.duration;
+                viewType = viewType || spec.type;
+            }
+            if (overrides) {
+                overridesChain.unshift(overrides); // view-specific option hashes have options at zero-level
+                durationInput = durationInput || overrides.duration;
+                viewType = viewType || overrides.type;
             }
         }
-        else {
-            // Display the normal time text for the *event's* times
-            timeHtml = util_1.htmlEscape(this.getTimeText(eventFootprint));
+        spec = util_1.mergeProps(specChain);
+        spec.type = requestedViewType;
+        if (!spec['class']) {
+            return false;
         }
-        if (url) {
-            classes.push('fc-has-url');
+        // fall back to top-level `duration` option
+        durationInput = durationInput ||
+            this.optionsManager.dynamicOverrides.duration ||
+            this.optionsManager.overrides.duration;
+        if (durationInput) {
+            duration = moment.duration(durationInput);
+            if (duration.valueOf()) { // valid?
+                unit = util_1.computeDurationGreatestUnit(duration, durationInput);
+                spec.duration = duration;
+                spec.durationUnit = unit;
+                // view is a single-unit duration, like "week" or "day"
+                // incorporate options for this. lowest priority
+                if (duration.as(unit) === 1) {
+                    spec.singleUnit = unit;
+                    overridesChain.unshift(viewOverrides[unit] || {});
+                }
+            }
         }
-        return '<tr class="' + classes.join(' ') + '">' +
-            (this.displayEventTime ?
-                '<td class="fc-list-item-time ' + theme.getClass('widgetContent') + '">' +
-                    (timeHtml || '') +
-                    '</td>' :
-                '') +
-            '<td class="fc-list-item-marker ' + theme.getClass('widgetContent') + '">' +
-            '<span class="fc-event-dot"' +
-            (bgColor ?
-                ' style="background-color:' + bgColor + '"' :
-                '') +
-            '></span>' +
-            '</td>' +
-            '<td class="fc-list-item-title ' + theme.getClass('widgetContent') + '">' +
-            '<a' + (url ? ' href="' + util_1.htmlEscape(url) + '"' : '') + '>' +
-            util_1.htmlEscape(eventDef.title || '') +
-            '</a>' +
-            '</td>' +
-            '</tr>';
+        spec.defaults = options_1.mergeOptions(defaultsChain);
+        spec.overrides = options_1.mergeOptions(overridesChain);
+        this.buildViewSpecOptions(spec);
+        this.buildViewSpecButtonText(spec, requestedViewType);
+        return spec;
     };
-    // like "4:00am"
-    ListEventRenderer.prototype.computeEventTimeFormat = function () {
-        return this.opt('mediumTimeFormat');
+    // Builds and assigns a view spec's options object from its already-assigned defaults and overrides
+    ViewSpecManager.prototype.buildViewSpecOptions = function (spec) {
+        var optionsManager = this.optionsManager;
+        spec.options = options_1.mergeOptions([
+            options_1.globalDefaults,
+            spec.defaults,
+            optionsManager.dirDefaults,
+            optionsManager.localeDefaults,
+            optionsManager.overrides,
+            spec.overrides,
+            optionsManager.dynamicOverrides // dynamically set via setter. highest precedence
+        ]);
+        locale_1.populateInstanceComputableOptions(spec.options);
     };
-    return ListEventRenderer;
-}(EventRenderer_1.default));
-exports.default = ListEventRenderer;
-
-
-/***/ }),
-/* 255 */
-/***/ (function(module, exports, __webpack_require__) {
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = __webpack_require__(2);
-var $ = __webpack_require__(3);
-var EventPointing_1 = __webpack_require__(59);
-var ListEventPointing = /** @class */ (function (_super) {
-    tslib_1.__extends(ListEventPointing, _super);
-    function ListEventPointing() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    // for events with a url, the whole <tr> should be clickable,
-    // but it's impossible to wrap with an <a> tag. simulate this.
-    ListEventPointing.prototype.handleClick = function (seg, ev) {
-        var url;
-        _super.prototype.handleClick.call(this, seg, ev); // might prevent the default action
-        // not clicking on or within an <a> with an href
-        if (!$(ev.target).closest('a[href]').length) {
-            url = seg.footprint.eventDef.url;
-            if (url && !ev.isDefaultPrevented()) {
-                window.location.href = url; // simulate link click
-            }
+    // Computes and assigns a view spec's buttonText-related options
+    ViewSpecManager.prototype.buildViewSpecButtonText = function (spec, requestedViewType) {
+        var optionsManager = this.optionsManager;
+        // given an options object with a possible `buttonText` hash, lookup the buttonText for the
+        // requested view, falling back to a generic unit entry like "week" or "day"
+        function queryButtonText(options) {
+            var buttonText = options.buttonText || {};
+            return buttonText[requestedViewType] ||
+                // view can decide to look up a certain key
+                (spec.buttonTextKey ? buttonText[spec.buttonTextKey] : null) ||
+                // a key like "month"
+                (spec.singleUnit ? buttonText[spec.singleUnit] : null);
         }
+        // highest to lowest priority
+        spec.buttonTextOverride =
+            queryButtonText(optionsManager.dynamicOverrides) ||
+                queryButtonText(optionsManager.overrides) || // constructor-specified buttonText lookup hash takes precedence
+                spec.overrides.buttonText; // `buttonText` for view-specific options is a string
+        // highest to lowest priority. mirrors buildViewSpecOptions
+        spec.buttonTextDefault =
+            queryButtonText(optionsManager.localeDefaults) ||
+                queryButtonText(optionsManager.dirDefaults) ||
+                spec.defaults.buttonText || // a single string. from ViewSubclass.defaults
+                queryButtonText(options_1.globalDefaults) ||
+                (spec.duration ? this._calendar.humanizeDuration(spec.duration) : null) || // like "3 days"
+                requestedViewType; // fall back to given view name
     };
-    return ListEventPointing;
-}(EventPointing_1.default));
-exports.default = ListEventPointing;
+    return ViewSpecManager;
+}());
+exports.default = ViewSpecManager;
 
 
 /***/ }),
-/* 256 */
+/* 260 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var EventSourceParser_1 = __webpack_require__(38);
-var ArrayEventSource_1 = __webpack_require__(52);
-var FuncEventSource_1 = __webpack_require__(215);
-var JsonFeedEventSource_1 = __webpack_require__(216);
+var ArrayEventSource_1 = __webpack_require__(56);
+var FuncEventSource_1 = __webpack_require__(223);
+var JsonFeedEventSource_1 = __webpack_require__(224);
 EventSourceParser_1.default.registerClass(ArrayEventSource_1.default);
 EventSourceParser_1.default.registerClass(FuncEventSource_1.default);
 EventSourceParser_1.default.registerClass(JsonFeedEventSource_1.default);
 
 
 /***/ }),
-/* 257 */
+/* 261 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var ThemeRegistry_1 = __webpack_require__(51);
-var StandardTheme_1 = __webpack_require__(213);
-var JqueryUiTheme_1 = __webpack_require__(214);
-var Bootstrap3Theme_1 = __webpack_require__(258);
-var Bootstrap4Theme_1 = __webpack_require__(259);
+var ThemeRegistry_1 = __webpack_require__(57);
+var StandardTheme_1 = __webpack_require__(221);
+var JqueryUiTheme_1 = __webpack_require__(222);
+var Bootstrap3Theme_1 = __webpack_require__(262);
+var Bootstrap4Theme_1 = __webpack_require__(263);
 ThemeRegistry_1.defineThemeSystem('standard', StandardTheme_1.default);
 ThemeRegistry_1.defineThemeSystem('jquery-ui', JqueryUiTheme_1.default);
 ThemeRegistry_1.defineThemeSystem('bootstrap3', Bootstrap3Theme_1.default);
@@ -14801,12 +14939,12 @@
 
 
 /***/ }),
-/* 258 */
+/* 262 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var Theme_1 = __webpack_require__(19);
+var Theme_1 = __webpack_require__(22);
 var Bootstrap3Theme = /** @class */ (function (_super) {
     tslib_1.__extends(Bootstrap3Theme, _super);
     function Bootstrap3Theme() {
@@ -14850,12 +14988,12 @@
 
 
 /***/ }),
-/* 259 */
+/* 263 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = __webpack_require__(2);
-var Theme_1 = __webpack_require__(19);
+var Theme_1 = __webpack_require__(22);
 var Bootstrap4Theme = /** @class */ (function (_super) {
     tslib_1.__extends(Bootstrap4Theme, _super);
     function Bootstrap4Theme() {
@@ -14899,13 +15037,13 @@
 
 
 /***/ }),
-/* 260 */
+/* 264 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var ViewRegistry_1 = __webpack_require__(22);
-var BasicView_1 = __webpack_require__(62);
-var MonthView_1 = __webpack_require__(229);
+var ViewRegistry_1 = __webpack_require__(24);
+var BasicView_1 = __webpack_require__(67);
+var MonthView_1 = __webpack_require__(246);
 ViewRegistry_1.defineView('basic', {
     'class': BasicView_1.default
 });
@@ -14927,12 +15065,12 @@
 
 
 /***/ }),
-/* 261 */
+/* 265 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var ViewRegistry_1 = __webpack_require__(22);
-var AgendaView_1 = __webpack_require__(226);
+var ViewRegistry_1 = __webpack_require__(24);
+var AgendaView_1 = __webpack_require__(238);
 ViewRegistry_1.defineView('agenda', {
     'class': AgendaView_1.default,
     defaults: {
@@ -14952,12 +15090,12 @@
 
 
 /***/ }),
-/* 262 */
+/* 266 */
 /***/ (function(module, exports, __webpack_require__) {
 
 Object.defineProperty(exports, "__esModule", { value: true });
-var ViewRegistry_1 = __webpack_require__(22);
-var ListView_1 = __webpack_require__(230);
+var ViewRegistry_1 = __webpack_require__(24);
+var ListView_1 = __webpack_require__(248);
 ViewRegistry_1.defineView('list', {
     'class': ListView_1.default,
     buttonTextKey: 'list',
@@ -14999,7 +15137,7 @@
 
 
 /***/ }),
-/* 263 */
+/* 267 */
 /***/ (function(module, exports) {
 
 Object.defineProperty(exports, "__esModule", { value: true });

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/kolab_addressbook/composer.json -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/kolab_addressbook/composer.json Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/kolab_addressbook/lib/kolab_addressbook_ui.php -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/kolab_addressbook/lib/kolab_addressbook_ui.php Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/kolab_addressbook/lib/rcube_kolab_contacts.php -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/kolab_addressbook/lib/rcube_kolab_contacts.php Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/kolab_notes/composer.json -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/kolab_notes/composer.json Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/kolab_notes/kolab_notes_ui.php -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/kolab_notes/kolab_notes_ui.php Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/libkolab/bin/modcache.sh -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/libkolab/bin/modcache.sh Changed

@@ -23,12 +23,9 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-define('INSTALL_PATH', realpath('.') . '/' );
+define('INSTALL_PATH', __DIR__ . '/../../../');
 ini_set('display_errors', 1);
 
-if (!file_exists(INSTALL_PATH . 'program/include/clisetup.php'))
-    die("Execute this from the Roundcube installation dir!\n\n");
-
 require_once INSTALL_PATH . 'program/include/clisetup.php';
 
 function print_usage()
@@ -58,6 +55,10 @@
 
 $rcmail = rcube::get_instance(rcube::INIT_WITH_DB | rcube::INIT_WITH_PLUGINS);
 
+// Make --host argument optional where the default_host is a simple string
+if (empty($opts['host'])) {
+    $opts['host'] = imap_host();
+}
 
 // connect to database
 $db = $rcmail->get_dbh();
@@ -236,3 +237,23 @@
     return $auth['valid'];
 }
 
+function imap_host()
+{
+    global $rcmail;
+
+    $default_host = $rcmail->config->get('default_host');
+
+    if (is_array($default_host)) {
+        $key = key($default_host);
+        $imap_host = is_numeric($key) ? $default_host[$key] : $key;
+    }
+    else {
+        $imap_host = $default_host;
+    }
+
+    // strip protocol prefix
+    $uri = parse_url($imap_host);
+    if (!empty($uri['host'])) {
+        return $uri['host'];
+    }
+}

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/libkolab/bin/randomcontacts.sh -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/libkolab/bin/randomcontacts.sh Changed

@@ -23,18 +23,15 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-define('INSTALL_PATH', realpath('.') . '/' );
+define('INSTALL_PATH', __DIR__ . '/../../../');
 ini_set('display_errors', 1);
 
-if (!file_exists(INSTALL_PATH . 'program/include/clisetup.php'))
-    die("Execute this from the Roundcube installation dir!\n\n");
-
 require_once INSTALL_PATH . 'program/include/clisetup.php';
 
 function print_usage()
 {
     print "Usage:  randomcontacts.sh [OPTIONS] USERNAME FOLDER\n";
-    print "Create random contact that for then given user in the specified folder.\n";
+    print "Create random contact for a given user in a specified folder.\n";
     print "-n, --num      Number of contacts to be created, defaults to 50\n";
     print "-h, --host     IMAP host name\n";
     print "-p, --password IMAP user password\n";
@@ -56,11 +53,8 @@
 $rcmail->plugins->load_plugins(array('libkolab'));
 ini_set('display_errors', 1);
 
-
 if (empty($opts['host'])) {
-    $opts['host'] = $rcmail->config->get('default_host');
-    if (is_array($opts['host']))  // not unique
-        $opts['host'] = null;
+    $opts['host'] = imap_host();
 }
 
 if (empty($opts['username']) || empty($opts['folder']) || empty($opts['host'])) {
@@ -179,3 +173,24 @@
 
     return rtrim($str);
 }
+
+function imap_host()
+{
+    global $rcmail;
+
+    $default_host = $rcmail->config->get('default_host');
+
+    if (is_array($default_host)) {
+        $key = key($default_host);
+        $imap_host = is_numeric($key) ? $default_host[$key] : $key;
+    }
+    else {
+        $imap_host = $default_host;
+    }
+
+    // strip protocol prefix
+    $uri = parse_url($imap_host);
+    if (!empty($uri['host'])) {
+        return $uri['host'];
+    }
+}

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/libkolab/bin/readcache.sh -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/libkolab/bin/readcache.sh Changed

@@ -22,13 +22,10 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  */
 
-define('INSTALL_PATH', realpath('.') . '/' );
+define('INSTALL_PATH', __DIR__ . '/../../../');
 ini_set('display_errors', 1);
 libxml_use_internal_errors(true);
 
-if (!file_exists(INSTALL_PATH . 'program/include/clisetup.php'))
-    die("Execute this from the Roundcube installation dir!\n\n");
-
 require_once INSTALL_PATH . 'program/include/clisetup.php';
 
 function print_usage()
@@ -51,17 +48,7 @@
 $rcmail = rcube::get_instance(rcube::INIT_WITH_DB | rcube::INIT_WITH_PLUGINS);
 
 if (empty($imap_host)) {
-    $default_host = $rcmail->config->get('default_host');
-    if (is_array($default_host)) {
-        list($k,$v) = each($default_host);
-        $imap_host = is_numeric($k) ? $v : $k;
-    }
-    else {
-        $imap_host = $default_host;
-    }
-
-    // strip protocol prefix
-    $imap_host = preg_replace('!^[a-z]+://!', '', $imap_host);
+    $imap_host = imap_host();
 }
 
 if (empty($folder) || empty($imap_host)) {
@@ -72,8 +59,9 @@
 // connect to database
 $db = $rcmail->get_dbh();
 $db->db_connect('r');
-if (!$db->is_connected() || $db->is_error())
+if (!$db->is_connected() || $db->is_error()) {
     die("No DB connection\n");
+}
 
 
 // resolve folder_id
@@ -118,11 +106,13 @@
 $extra_cols_ = $extra_cols[$folder_data['type']] ?: array();
 $sql_arr = $db->fetch_assoc($db->query("SELECT COUNT(*) as cnt FROM `$cache_table` WHERE `folder_id`=?", intval($folder_id)));
 
-print "CTag  = " . $folder_data['ctag'] . "\n";
-print "Lock  = " . $folder_data['synclock'] . "\n";
-print "Count = " . $sql_arr['cnt'] . "\n";
+print "CTag     = " . $folder_data['ctag'] . "\n";
+print "Lock     = " . $folder_data['synclock'] . "\n";
+print "Changed  = " . $folder_data['changed'] . "\n";
+print "ObjCount = " . $folder_data['objectcount'] . "\n";
+print "Count    = " . $sql_arr['cnt'] . "\n";
 print "----------------------------------------------------------------------------------\n";
-print "<MSG>\t<UUID>\t<CHANGED>\t<DATA>\t<XML>\t";
+print "<MSG>\t<UUID>\t<CHANGED>\t<DATA>\t";
 print join("\t", array_map(function($c) { return '<' . strtoupper($c) . '>'; }, $extra_cols_));
 print "\n----------------------------------------------------------------------------------\n";
 
@@ -131,12 +121,8 @@
     print $sql_arr['msguid'] . "\t" . $sql_arr['uid'] . "\t" . $sql_arr['changed'];
 
     // try to unserialize data block
-    $object = @unserialize(@base64_decode($sql_arr['data']));
-    print "\t" . ($object === false ? 'FAIL!' : ($object['uid'] == $sql_arr['uid'] ? 'OK' : '!!!'));
-
-    // check XML validity
-    $xml = simplexml_load_string($sql_arr['xml']);
-    print "\t" . ($xml === false ? 'FAIL!' : 'OK');
+    $object = json_decode($sql_arr['data']);
+    print "\t" . ($object === false ? 'FAIL!' : 'OK');
 
     // print extra cols
     array_walk($extra_cols_, function($c) use ($sql_arr) {
@@ -148,3 +134,25 @@
 
 print "----------------------------------------------------------------------------------\n";
 echo "Done.\n";
+
+
+function imap_host()
+{
+    global $rcmail;
+
+    $default_host = $rcmail->config->get('default_host');
+
+    if (is_array($default_host)) {
+        $key = key($default_host);
+        $imap_host = is_numeric($key) ? $default_host[$key] : $key;
+    }
+    else {
+        $imap_host = $default_host;
+    }
+
+    // strip protocol prefix
+    $uri = parse_url($imap_host);
+    if (!empty($uri['host'])) {
+        return $uri['host'];
+    }
+}

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/libkolab/composer.json -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/libkolab/composer.json Changed

roundcubemail-plugins-kolab-3.5.4.tar.gz/plugins/libkolab/lib/kolab_storage.php -> roundcubemail-plugins-kolab-3.5.5.tar.gz/plugins/libkolab/lib/kolab_storage.php Changed

roundcubemail-plugins-kolab.dsc Changed

Build Results
RPM Lint

Refresh

Comments for request 2756 0

Request History

vanmeeuwen created request about 4 years ago

Check in 3.5.5

vanmeeuwen accepted review about 4 years ago

vanmeeuwen approved review about 4 years ago

vanmeeuwen accepted request about 4 years ago