| / | elements with colspans.\n SOLUTION: making individual \n ,\n )\n }\n\n _handleScrollerEl(scrollerEl: HTMLElement | null, key: string) {\n let section = getSectionByKey(this.props.sections, key)\n\n if (section) {\n setRef(section.chunk.scrollerElRef, scrollerEl)\n }\n }\n\n // TODO: can do a really simple print-view. dont need to join rows\n handleSizing = () => {\n this.safeSetState({\n shrinkWidth: this.computeShrinkWidth(), // will create each chunk's \n {innerContent}\n \n {hookProps.isStartResizable &&\n }\n {hookProps.isEndResizable &&\n }\n \n )}\n \n )\n }\n}\n\nfunction renderInnerContent(innerProps: EventContentArg) {\n return (\n \n {innerProps.timeText && (\n \n )\n}\n","import { Ref, ComponentChildren, createElement } from '../vdom'\nimport { DateMarker } from '../datelib/marker'\nimport { DateRange } from '../datelib/date-range'\nimport { getDateMeta, DateMeta } from '../component/date-rendering'\nimport { createFormatter } from '../datelib/formatting'\nimport { ContentHook } from './render-hook'\nimport { ViewApi } from '../ViewApi'\nimport { BaseComponent } from '../vdom-util'\nimport { DateProfile } from '../DateProfileGenerator'\nimport { Dictionary } from '../options'\nimport { DateEnv } from '../datelib/env'\n\nconst DAY_NUM_FORMAT = createFormatter({ day: 'numeric' })\n\nexport interface DayCellContentProps {\n date: DateMarker\n dateProfile: DateProfile\n todayRange: DateRange\n showDayNumber?: boolean // defaults to false\n extraHookProps?: Dictionary\n defaultContent?: (hookProps: DayCellContentArg) => ComponentChildren\n children: (\n innerElRef: Ref{innerProps.timeText} \n )}\n \n \n \n {innerProps.event.title || \n {props.event.title} \n )\n}\n","import { ViewContext, ViewContextType } from '../ViewContext'\nimport { DateMarker } from '../datelib/marker'\nimport { RenderHook, RenderHookPropsChildren, MountArg } from './render-hook'\nimport { createElement } from '../vdom'\nimport { DateFormatter } from '../datelib/DateFormatter'\n\nexport interface WeekNumberRootProps {\n date: DateMarker\n defaultFormat: DateFormatter\n children: RenderHookPropsChildren\n}\n\nexport interface WeekNumberContentArg {\n num: number\n text: string\n date: Date\n}\nexport type WeekNumberMountArg = MountArg\n \n {props.title}\n \n \n \n {props.children}\n \n ,\n props.parentEl,\n )\n }\n\n componentDidMount() {\n document.addEventListener('mousedown', this.handleDocumentMouseDown)\n document.addEventListener('keydown', this.handleDocumentKeyDown)\n this.updateSize()\n }\n\n componentWillUnmount() {\n document.removeEventListener('mousedown', this.handleDocumentMouseDown)\n document.removeEventListener('keydown', this.handleDocumentKeyDown)\n }\n\n handleRootEl = (el: HTMLElement | null) => {\n this.rootEl = el\n\n if (this.props.elRef) {\n setRef(this.props.elRef, el)\n }\n }\n\n // Triggered when the user clicks *anywhere* in the document, for the autoHide feature\n handleDocumentMouseDown = (ev) => {\n // only hide the popover if the click happened outside the popover\n const target = getEventTargetViaRoot(ev) as HTMLElement\n if (!this.rootEl.contains(target)) {\n this.handleCloseClick()\n }\n }\n\n handleDocumentKeyDown = (ev) => {\n if (ev.key === 'Escape') {\n this.handleCloseClick()\n }\n }\n\n handleCloseClick = () => {\n let { onClose } = this.props\n if (onClose) {\n onClose()\n }\n }\n\n private updateSize() {\n let { isRtl } = this.context\n let { alignmentEl, alignGridTop } = this.props\n let { rootEl } = this\n\n let alignmentRect = computeClippedClientRect(alignmentEl)\n if (alignmentRect) {\n let popoverDims = rootEl.getBoundingClientRect()\n\n // position relative to viewport\n let popoverTop = alignGridTop\n ? elementClosest(alignmentEl, '.fc-scrollgrid').getBoundingClientRect().top\n : alignmentRect.top\n let popoverLeft = isRtl ? alignmentRect.right - popoverDims.width : alignmentRect.left\n\n // constrain\n popoverTop = Math.max(popoverTop, PADDING_FROM_VIEWPORT)\n popoverLeft = Math.min(popoverLeft, document.documentElement.clientWidth - PADDING_FROM_VIEWPORT - popoverDims.width)\n popoverLeft = Math.max(popoverLeft, PADDING_FROM_VIEWPORT)\n\n let origin = rootEl.offsetParent.getBoundingClientRect()\n applyStyle(rootEl, {\n top: popoverTop - origin.top,\n left: popoverLeft - origin.left,\n })\n }\n }\n}\n","import { DateComponent } from '../component/DateComponent'\nimport { DateRange } from '../datelib/date-range'\nimport { DateMarker } from '../datelib/marker'\nimport { DateProfile } from '../DateProfileGenerator'\nimport { Hit } from '../interactions/hit'\nimport { Dictionary } from '../options'\nimport { createElement, ComponentChildren } from '../vdom'\nimport { DayCellContent } from './DayCellContent'\nimport { DayCellRoot } from './DayCellRoot'\nimport { Popover } from './Popover'\n\nexport interface MorePopoverProps {\n id: string\n startDate: DateMarker\n endDate: DateMarker\n dateProfile: DateProfile\n parentEl: HTMLElement\n alignmentEl: HTMLElement\n alignGridTop?: boolean\n todayRange: DateRange\n extraDateSpan: Dictionary\n children: ComponentChildren\n onClose?: () => void\n}\n\nexport class MorePopover extends DateComponent{innerContent} \n )}\n tag (e.g. , )\n\n // If documentContext (second parameter) is not specified or given as `null` or `undefined`, a new document is used.\n // Inline events will not execute when the HTML is parsed; this includes, for example, sending GET requests for images.\n\n // If keepScripts (last parameter) is `false`, scripts are not executed.\n var output = $($.parseHTML(' ' + html + ' ', null, false));\n\n output.find('*').each(function() { // for all nodes\n var currentNode = this;\n\n $.each(currentNode.attributes, function() { // for all attributes in each node\n var currentAttribute = this;\n\n var attrName = currentAttribute.name;\n var attrValue = currentAttribute.value;\n\n // Remove attribute names that start with \"on\" (e.g. onload, onerror...).\n // Remove attribute values that start with \"javascript:\" pseudo protocol (e.g. `href=\"javascript:alert(1)\"`).\n if (attrName.startsWith('on') || attrValue.startsWith('javascript:') || attrValue.startsWith('data:') || attrValue.startsWith('vbscript:')) {\n $(currentNode).removeAttr(attrName);\n }\n });\n });\n\n return output.html();\n};\n\n// Download `blob` as file with `fileName`.\n// Does not work in IE9.\nexport const downloadBlob = function(blob, fileName) {\n\n if (window.navigator.msSaveBlob) { // requires IE 10+\n // pulls up a save dialog\n window.navigator.msSaveBlob(blob, fileName);\n\n } else { // other browsers\n // downloads directly in Chrome and Safari\n\n // presents a save/open dialog in Firefox\n // Firefox bug: `from` field in save dialog always shows `from:blob:`\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1053327\n\n var url = window.URL.createObjectURL(blob);\n var link = document.createElement('a');\n\n link.href = url;\n link.download = fileName;\n document.body.appendChild(link);\n\n link.click();\n\n document.body.removeChild(link);\n window.URL.revokeObjectURL(url); // mark the url for garbage collection\n }\n};\n\n// Download `dataUri` as file with `fileName`.\n// Does not work in IE9.\nexport const downloadDataUri = function(dataUri, fileName) {\n\n const blob = dataUriToBlob(dataUri);\n downloadBlob(blob, fileName);\n};\n\n// Convert an uri-encoded data component (possibly also base64-encoded) to a blob.\nexport const dataUriToBlob = function(dataUri) {\n\n // first, make sure there are no newlines in the data uri\n dataUri = dataUri.replace(/\\s/g, '');\n dataUri = decodeURIComponent(dataUri);\n\n var firstCommaIndex = dataUri.indexOf(','); // split dataUri as `dataTypeString`,`data`\n\n var dataTypeString = dataUri.slice(0, firstCommaIndex); // e.g. 'data:image/jpeg;base64'\n var mimeString = dataTypeString.split(':')[1].split(';')[0]; // e.g. 'image/jpeg'\n\n var data = dataUri.slice(firstCommaIndex + 1);\n var decodedString;\n if (dataTypeString.indexOf('base64') >= 0) { // data may be encoded in base64\n decodedString = atob(data); // decode data\n } else {\n // convert the decoded string to UTF-8\n decodedString = unescape(encodeURIComponent(data));\n }\n // write the bytes of the string to a typed array\n var ia = new Uint8Array(decodedString.length);\n for (var i = 0; i < decodedString.length; i++) {\n ia[i] = decodedString.charCodeAt(i);\n }\n\n return new Blob([ia], { type: mimeString }); // return the typed array as Blob\n};\n\n// Read an image at `url` and return it as base64-encoded data uri.\n// The mime type of the image is inferred from the `url` file extension.\n// If data uri is provided as `url`, it is returned back unchanged.\n// `callback` is a method with `err` as first argument and `dataUri` as second argument.\n// Works with IE9.\nexport const imageToDataUri = function(url, callback) {\n\n if (!url || url.substr(0, 'data:'.length) === 'data:') {\n // No need to convert to data uri if it is already in data uri.\n\n // This not only convenient but desired. For example,\n // IE throws a security error if data:image/svg+xml is used to render\n // an image to the canvas and an attempt is made to read out data uri.\n // Now if our image is already in data uri, there is no need to render it to the canvas\n // and so we can bypass this error.\n\n // Keep the async nature of the function.\n return setTimeout(function() {\n callback(null, url);\n }, 0);\n }\n\n // chrome, IE10+\n var modernHandler = function(xhr, callback) {\n\n if (xhr.status === 200) {\n\n var reader = new FileReader();\n\n reader.onload = function(evt) {\n var dataUri = evt.target.result;\n callback(null, dataUri);\n };\n\n reader.onerror = function() {\n callback(new Error('Failed to load image ' + url));\n };\n\n reader.readAsDataURL(xhr.response);\n } else {\n callback(new Error('Failed to load image ' + url));\n }\n };\n\n var legacyHandler = function(xhr, callback) {\n\n var Uint8ToString = function(u8a) {\n var CHUNK_SZ = 0x8000;\n var c = [];\n for (var i = 0; i < u8a.length; i += CHUNK_SZ) {\n c.push(String.fromCharCode.apply(null, u8a.subarray(i, i + CHUNK_SZ)));\n }\n return c.join('');\n };\n\n if (xhr.status === 200) {\n\n var bytes = new Uint8Array(xhr.response);\n\n var suffix = (url.split('.').pop()) || 'png';\n var map = {\n 'svg': 'svg+xml'\n };\n var meta = 'data:image/' + (map[suffix] || suffix) + ';base64,';\n var b64encoded = meta + btoa(Uint8ToString(bytes));\n callback(null, b64encoded);\n } else {\n callback(new Error('Failed to load image ' + url));\n }\n };\n\n var xhr = new XMLHttpRequest();\n\n xhr.open('GET', url, true);\n xhr.addEventListener('error', function() {\n callback(new Error('Failed to load image ' + url));\n });\n\n xhr.responseType = window.FileReader ? 'blob' : 'arraybuffer';\n\n xhr.addEventListener('load', function() {\n if (window.FileReader) {\n modernHandler(xhr, callback);\n } else {\n legacyHandler(xhr, callback);\n }\n });\n\n xhr.send();\n};\n\nexport const getElementBBox = function(el) {\n\n var $el = $(el);\n if ($el.length === 0) {\n throw new Error('Element not found');\n }\n\n var element = $el[0];\n var doc = element.ownerDocument;\n var clientBBox = element.getBoundingClientRect();\n\n var strokeWidthX = 0;\n var strokeWidthY = 0;\n\n // Firefox correction\n if (element.ownerSVGElement) {\n\n var vel = V(element);\n var bbox = vel.getBBox({ target: vel.svg() });\n\n // if FF getBoundingClientRect includes stroke-width, getBBox doesn't.\n // To unify this across all browsers we need to adjust the final bBox with `stroke-width` value.\n strokeWidthX = (clientBBox.width - bbox.width);\n strokeWidthY = (clientBBox.height - bbox.height);\n }\n\n return {\n x: clientBBox.left + window.pageXOffset - doc.documentElement.offsetLeft + strokeWidthX / 2,\n y: clientBBox.top + window.pageYOffset - doc.documentElement.offsetTop + strokeWidthY / 2,\n width: clientBBox.width - strokeWidthX,\n height: clientBBox.height - strokeWidthY\n };\n};\n\n\n// Highly inspired by the jquery.sortElements plugin by Padolsey.\n// See http://james.padolsey.com/javascript/sorting-elements-with-jquery/.\nexport const sortElements = function(elements, comparator) {\n\n var $elements = $(elements);\n var placements = $elements.map(function() {\n\n var sortElement = this;\n var parentNode = sortElement.parentNode;\n // Since the element itself will change position, we have\n // to have some way of storing it's original position in\n // the DOM. The easiest way is to have a 'flag' node:\n var nextSibling = parentNode.insertBefore(document.createTextNode(''), sortElement.nextSibling);\n\n return function() {\n\n if (parentNode === this) {\n throw new Error('You can\\'t sort elements if any one is a descendant of another.');\n }\n\n // Insert before flag:\n parentNode.insertBefore(this, nextSibling);\n // Remove flag:\n parentNode.removeChild(nextSibling);\n };\n });\n\n return Array.prototype.sort.call($elements, comparator).each(function(i) {\n placements[i].call(this);\n });\n};\n\n// Sets attributes on the given element and its descendants based on the selector.\n// `attrs` object: { [SELECTOR1]: { attrs1 }, [SELECTOR2]: { attrs2}, ... } e.g. { 'input': { color : 'red' }}\nexport const setAttributesBySelector = function(element, attrs) {\n\n var $element = $(element);\n\n forIn(attrs, function(attrs, selector) {\n var $elements = $element.find(selector).addBack().filter(selector);\n // Make a special case for setting classes.\n // We do not want to overwrite any existing class.\n if (has(attrs, 'class')) {\n $elements.addClass(attrs['class']);\n attrs = omit(attrs, 'class');\n }\n $elements.attr(attrs);\n });\n};\n\n// Return a new object with all four sides (top, right, bottom, left) in it.\n// Value of each side is taken from the given argument (either number or object).\n// Default value for a side is 0.\n// Examples:\n// normalizeSides(5) --> { top: 5, right: 5, bottom: 5, left: 5 }\n// normalizeSides({ horizontal: 5 }) --> { top: 0, right: 5, bottom: 0, left: 5 }\n// normalizeSides({ left: 5 }) --> { top: 0, right: 0, bottom: 0, left: 5 }\n// normalizeSides({ horizontal: 10, left: 5 }) --> { top: 0, right: 10, bottom: 0, left: 5 }\n// normalizeSides({ horizontal: 0, left: 5 }) --> { top: 0, right: 0, bottom: 0, left: 5 }\nexport const normalizeSides = function(box) {\n\n if (Object(box) !== box) { // `box` is not an object\n var val = 0; // `val` left as 0 if `box` cannot be understood as finite number\n if (isFinite(box)) val = +box; // actually also accepts string numbers (e.g. '100')\n\n return { top: val, right: val, bottom: val, left: val };\n }\n\n // `box` is an object\n var top, right, bottom, left;\n top = right = bottom = left = 0;\n\n if (isFinite(box.vertical)) top = bottom = +box.vertical;\n if (isFinite(box.horizontal)) right = left = +box.horizontal;\n\n if (isFinite(box.top)) top = +box.top; // overwrite vertical\n if (isFinite(box.right)) right = +box.right; // overwrite horizontal\n if (isFinite(box.bottom)) bottom = +box.bottom; // overwrite vertical\n if (isFinite(box.left)) left = +box.left; // overwrite horizontal\n\n return { top: top, right: right, bottom: bottom, left: left };\n};\n\nexport const timing = {\n\n linear: function(t) {\n return t;\n },\n\n quad: function(t) {\n return t * t;\n },\n\n cubic: function(t) {\n return t * t * t;\n },\n\n inout: function(t) {\n if (t <= 0) return 0;\n if (t >= 1) return 1;\n var t2 = t * t;\n var t3 = t2 * t;\n return 4 * (t < .5 ? t3 : 3 * (t - t2) + t3 - .75);\n },\n\n exponential: function(t) {\n return Math.pow(2, 10 * (t - 1));\n },\n\n bounce: function(t) {\n for (var a = 0, b = 1; 1; a += b, b /= 2) {\n if (t >= (7 - 4 * a) / 11) {\n var q = (11 - 6 * a - 11 * t) / 4;\n return -q * q + b * b;\n }\n }\n },\n\n reverse: function(f) {\n return function(t) {\n return 1 - f(1 - t);\n };\n },\n\n reflect: function(f) {\n return function(t) {\n return .5 * (t < .5 ? f(2 * t) : (2 - f(2 - 2 * t)));\n };\n },\n\n clamp: function(f, n, x) {\n n = n || 0;\n x = x || 1;\n return function(t) {\n var r = f(t);\n return r < n ? n : r > x ? x : r;\n };\n },\n\n back: function(s) {\n if (!s) s = 1.70158;\n return function(t) {\n return t * t * ((s + 1) * t - s);\n };\n },\n\n elastic: function(x) {\n if (!x) x = 1.5;\n return function(t) {\n return Math.pow(2, 10 * (t - 1)) * Math.cos(20 * Math.PI * x / 3 * t);\n };\n }\n};\n\nexport const interpolate = {\n\n number: function(a, b) {\n var d = b - a;\n return function(t) {\n return a + d * t;\n };\n },\n\n object: function(a, b) {\n var s = Object.keys(a);\n return function(t) {\n var i, p;\n var r = {};\n for (i = s.length - 1; i != -1; i--) {\n p = s[i];\n r[p] = a[p] + (b[p] - a[p]) * t;\n }\n return r;\n };\n },\n\n hexColor: function(a, b) {\n\n var ca = parseInt(a.slice(1), 16);\n var cb = parseInt(b.slice(1), 16);\n var ra = ca & 0x0000ff;\n var rd = (cb & 0x0000ff) - ra;\n var ga = ca & 0x00ff00;\n var gd = (cb & 0x00ff00) - ga;\n var ba = ca & 0xff0000;\n var bd = (cb & 0xff0000) - ba;\n\n return function(t) {\n\n var r = (ra + rd * t) & 0x000000ff;\n var g = (ga + gd * t) & 0x0000ff00;\n var b = (ba + bd * t) & 0x00ff0000;\n\n return '#' + (1 << 24 | r | g | b).toString(16).slice(1);\n };\n },\n\n unit: function(a, b) {\n\n var r = /(-?[0-9]*.[0-9]*)(px|em|cm|mm|in|pt|pc|%)/;\n var ma = r.exec(a);\n var mb = r.exec(b);\n var p = mb[1].indexOf('.');\n var f = p > 0 ? mb[1].length - p - 1 : 0;\n a = +ma[1];\n var d = +mb[1] - a;\n var u = ma[2];\n\n return function(t) {\n return (a + d * t).toFixed(f) + u;\n };\n }\n};\n\n// SVG filters.\n// (values in parentheses are default values)\nexport const filter = {\n\n // `color` ... outline color ('blue')\n // `width`... outline width (1)\n // `opacity` ... outline opacity (1)\n // `margin` ... gap between outline and the element (2)\n outline: function(args) {\n\n var tpl = ' |
|---|