'\n ).appendTo(this),\n $innerDiv = $div.find('div')\n // Append our div, do our calculation and then remove it\n const w1 = $innerDiv.innerWidth()\n $div.css('overflow-y', 'scroll')\n const w2 = $innerDiv.innerWidth()\n $div.remove()\n return w1 - w2\n}\n\n// Simple animation for dimming an element's opacity\n$.fn.dim = function(speed) {\n return this.animate({opacity: 0.4}, speed)\n}\n\n$.fn.undim = function(speed) {\n return this.animate({opacity: 1.0}, speed)\n}\n\n// Helper for deleting objects from the DOM and db.\n// url: URL to pass DELETE message. If none provided,\n// behaves as if the request were a success. Useful for testing.\n// message: Confirmation message\n// cancelled: Function to handle cancel.\n// confirmed: Function to handle confirm, before submit.\n// success: What to do on success. If none provided, fades\n// out the element and removes it from the DOM.\n// error: Error.\n// dialog: If present, do a jquery.ui.dialog instead of a confirm(). If an\n// object, it will be merged into the dialog options.\n$.fn.confirmDelete = function(options) {\n var options = $.extend({}, $.fn.confirmDelete.defaults, options)\n const $object = this\n let $dialog = null\n let result = true\n options.noMessage = options.noMessage || options.no_message\n const onContinue = function() {\n if (!result) {\n if (options.cancelled && $.isFunction(options.cancelled)) {\n options.cancelled.call($object)\n }\n return\n }\n if (!options.confirmed) {\n options.confirmed = function() {\n $object.dim()\n }\n }\n options.confirmed.call($object)\n if (options.url) {\n if (!options.success) {\n options.success = function(data) {\n $object.fadeOut('slow', () => {\n $object.remove()\n })\n }\n }\n const data = options.prepareData ? options.prepareData.call($object, $dialog) : {}\n data.authenticity_token = authenticity_token()\n $.ajaxJSON(\n options.url,\n 'DELETE',\n data,\n data => {\n options.success.call($object, data)\n },\n (data, request, status, error) => {\n if (options.error && $.isFunction(options.error)) {\n options.error.call($object, data, request, status, error)\n } else {\n $.ajaxJSON.unhandledXHRs.push(request)\n }\n }\n )\n } else {\n if (!options.success) {\n options.success = function() {\n $object.fadeOut('slow', () => {\n $object.remove()\n })\n }\n }\n options.success.call($object)\n }\n }\n if (options.message && !options.noMessage && !$.skipConfirmations) {\n if (options.dialog) {\n result = false\n const dialog_options = typeof options.dialog === 'object' ? options.dialog : {}\n const confirmation_class = options.url.includes('assignments') ? 'btn-danger' : 'btn-primary'\n $dialog = $(options.message).dialog(\n $.extend(\n {},\n {\n modal: true,\n close: onContinue,\n buttons: [\n {\n text: I18n.t('#buttons.cancel', 'Cancel'),\n click() {\n $(this).dialog('close')\n } // ; onContinue();\n },\n {\n text: I18n.t('#buttons.delete', 'Delete'),\n class: confirmation_class,\n click() {\n result = true\n $(this).dialog('close')\n }\n }\n ]\n },\n dialog_options\n )\n )\n return\n } else {\n result = confirm(options.message)\n }\n }\n onContinue()\n}\n$.fn.confirmDelete.defaults = {\n get message() {\n return I18n.t('confirms.default_delete_thing', 'Are you sure you want to delete this?')\n }\n}\n\n// Watches the given element's location.href for any changes\n// to the fragment (\"#...\") and calls the provided function\n// when there are any.\n// $(document).fragmentChange(function(event, hash) { alert(hash); });\n$.fn.fragmentChange = function(fn) {\n if (fn && fn !== true) {\n const query = (window.location.search || '').replace(/^\\?/, '').split('&')\n // The URL can hard-code a hash regardless of what's\n // actually shown in the hash by specifying a query\n // parameter, hash=some_hash\n let query_hash = null\n for (var i = 0; i < query.length; i++) {\n const item = query[i]\n if (item && item.indexOf('hash=') === 0) {\n query_hash = '#' + item.substring(5)\n }\n }\n this.bind('document_fragment_change', fn)\n const $doc = this\n let found = false\n // Can only be used on the root document,\n // will not work on an iframe, for example.\n for (var i = 0; i < $._checkFragments.fragmentList.length; i++) {\n const obj = $._checkFragments.fragmentList[i]\n if (obj.doc[0] == $doc[0]) {\n found = true\n }\n }\n if (!found) {\n $._checkFragments.fragmentList.push({\n doc: $doc,\n fragment: ''\n })\n }\n $(window).bind('hashchange', $._checkFragments)\n setTimeout(() => {\n if (query_hash && query_hash.length > 0) {\n $doc.triggerHandler('document_fragment_change', query_hash)\n } else if ($doc && $doc[0] && $doc[0].location && $doc[0].location.hash.length > 0) {\n $doc.triggerHandler('document_fragment_change', $doc[0].location.hash)\n }\n }, 500)\n } else {\n this.triggerHandler('document_fragment_change', this[0].location.hash)\n }\n return this\n}\n$._checkFragments = function() {\n const list = $._checkFragments.fragmentList\n for (let idx = 0; idx < list.length; idx++) {\n const obj = list[idx]\n const $doc = obj.doc\n if ($doc[0].location.hash != obj.fragment) {\n $doc.triggerHandler('document_fragment_change', $doc[0].location.hash)\n obj.fragment = $doc[0].location.hash\n $._checkFragments.fragmentList[idx] = obj\n }\n }\n}\n$._checkFragments.fragmentList = []\n// Triggers a click only if the anchor tag isn't disabled.\n$.fn.clickLink = function() {\n const $obj = this.eq(0)\n if (!$obj.hasClass('disabled_link')) {\n $obj.click()\n }\n}\n\n// jQuery supposedly has this built-in, but I haven't\n// had much success with it.\n$.fn.showIf = function(bool) {\n if ($.isFunction(bool)) {\n return this.each(function(index) {\n $(this).showIf(bool.call(this))\n })\n }\n if (bool) {\n this.show()\n } else {\n this.hide()\n }\n return this\n}\n\n$.fn.disableIf = function(bool) {\n if ($.isFunction(bool)) {\n bool = bool.call(this)\n }\n this.prop('disabled', !!bool)\n return this\n}\n\n$.fn.indicate = function(options) {\n options = options || {}\n let $indicator\n if (options == 'remove') {\n $indicator = this.data('indicator')\n if ($indicator) {\n $indicator.remove()\n }\n return\n }\n $('.indicator_box').remove()\n let offset = this.offset()\n if (options && options.offset) {\n offset = options.offset\n }\n const width = this.width()\n const height = this.height()\n const zIndex = (options.container || this).zIndex()\n $indicator = $(document.createElement('div'))\n $indicator.css({\n width: width + 6,\n height: height + 6,\n top: offset.top - 3,\n left: offset.left - 3,\n zIndex: zIndex + 1,\n position: 'absolute',\n display: 'block',\n '-moz-border-radius': 5,\n opacity: 0.8,\n border: '2px solid #870',\n backgroundColor: '#fd0'\n })\n $indicator.addClass('indicator_box')\n $indicator.mouseover(function() {\n $(this)\n .stop()\n .fadeOut('fast', function() {\n $(this).remove()\n })\n })\n if (this.data('indicator')) {\n this.indicate('remove')\n }\n this.data('indicator', $indicator)\n $('body').append($indicator)\n if (options && options.singleFlash) {\n $indicator\n .hide()\n .fadeIn()\n .animate({opacity: 0.8}, 500)\n .fadeOut('slow', function() {\n $(this).remove()\n })\n } else {\n $indicator\n .hide()\n .fadeIn()\n .animate({opacity: 0.8}, 500)\n .fadeOut('slow')\n .fadeIn('slow')\n .animate({opacity: 0.8}, 2500)\n .fadeOut('slow', function() {\n $(this).remove()\n })\n }\n if (options && options.scroll) {\n $('html,body').scrollToVisible($indicator)\n }\n}\n\n$.fn.hasScrollbar = function() {\n return this.length && this[0].clientHeight < this[0].scrollHeight\n}\n\n$.fn.log = function(msg) {\n console.log('%s: %o', msg, this)\n return this\n}\n\n// this is used if you want to fill the browser window with something inside #content but you want to also leave the footer and header on the page.\n$.fn.fillWindowWithMe = function(options) {\n const opts = $.extend({minHeight: 400}, options),\n $this = $(this),\n $wrapper = $('#wrapper'),\n $main = $('#main'),\n $not_right_side = $('#not_right_side'),\n $window = $(window),\n $toResize = $(this).add(opts.alsoResize)\n\n function fillWindowWithThisElement() {\n $toResize.height(0)\n const spaceLeftForThis =\n $window.height() -\n ($wrapper.offset().top + $wrapper.outerHeight()) +\n ($main.height() - $not_right_side.height()),\n newHeight = Math.max(400, spaceLeftForThis)\n\n $toResize.height(newHeight)\n if ($.isFunction(opts.onResize)) {\n opts.onResize.call($this, newHeight)\n }\n }\n fillWindowWithThisElement()\n $window\n .unbind('resize.fillWindowWithMe')\n .bind('resize.fillWindowWithMe', fillWindowWithThisElement)\n return this\n}\n\n$.fn.autoGrowInput = function(o) {\n o = $.extend(\n {\n maxWidth: 1000,\n minWidth: 0,\n comfortZone: 70\n },\n o\n )\n\n this.filter('input:text').each(function() {\n let minWidth = o.minWidth || $(this).width(),\n val = '',\n input = $(this),\n testSubject = $('
').css({\n position: 'absolute',\n top: -9999,\n left: -9999,\n width: 'auto',\n fontSize: input.css('fontSize'),\n fontFamily: input.css('fontFamily'),\n fontWeight: input.css('fontWeight'),\n letterSpacing: input.css('letterSpacing'),\n whiteSpace: 'nowrap'\n }),\n check = function() {\n setTimeout(() => {\n if (val === (val = input.val())) {\n return\n }\n\n // Enter new content into testSubject\n testSubject.text(val)\n\n // Calculate new width + whether to change\n const testerWidth = testSubject.width(),\n newWidth =\n testerWidth + o.comfortZone >= minWidth ? testerWidth + o.comfortZone : minWidth,\n currentWidth = input.width(),\n isValidWidthChange =\n (newWidth < currentWidth && newWidth >= minWidth) ||\n (newWidth > minWidth && newWidth < o.maxWidth)\n\n // Animate width\n if (isValidWidthChange) {\n input.width(newWidth)\n }\n })\n }\n\n testSubject.insertAfter(input)\n\n $(this).bind('keyup keydown blur update change', check)\n })\n\n return this\n}\n\nexport default $\n","/*\n * Copyright (C) 2018 - present Instructure, Inc.\n *\n * This file is part of Canvas.\n *\n * Canvas is free software: you can redistribute it and/or modify it under\n * the terms of the GNU Affero General Public License as published by the Free\n * Software Foundation, version 3 of the License.\n *\n * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY\n * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR\n * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more\n * details.\n *\n * You should have received a copy of the GNU Affero General Public License along\n * with this program. If not, see
.\n */\n\nconst iframeAllowances = () => {\n const allowances = ENV.LTI_LAUNCH_FRAME_ALLOWANCES || []\n return allowances.join('; ')\n}\n\nexport default iframeAllowances\n","import _toConsumableArray from \"@babel/runtime/helpers/esm/toConsumableArray\";\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\n\n/**\n * Adapted from jQuery UI core\n *\n * http://jqueryui.com\n *\n * Copyright 2014 jQuery Foundation and other contributors\n * Released under the MIT license.\n * http://jquery.org/license\n *\n * http://api.jqueryui.com/category/ui-core/\n **/\nimport { getComputedStyle, findDOMNode, elementMatches } from './';\n\nfunction findFocusable(el, filter, shouldSearchRootNode) {\n var element = findDOMNode(el);\n\n if (!element || typeof element.querySelectorAll !== 'function') {\n return [];\n }\n\n var focusableSelector = 'a[href],frame,iframe,object,input:not([type=hidden]),select,textarea,button,*[tabindex]';\n var matches = Array.from(element.querySelectorAll(focusableSelector));\n\n if (shouldSearchRootNode && elementMatches(element, focusableSelector)) {\n matches = [].concat(_toConsumableArray(matches), [element]);\n }\n\n return matches.filter(function (el) {\n if (typeof filter === 'function') {\n return filter(el) && focusable(el);\n } else {\n return focusable(el);\n }\n });\n}\n\nfunction hidden(element) {\n var cs = getComputedStyle(element);\n return cs.display !== 'inline' && element.offsetWidth <= 0 && element.offsetHeight <= 0 || cs.display === 'none';\n}\n\nfunction positioned(element) {\n var POS = ['fixed', 'absolute'];\n if (POS.includes(element.style.position.toLowerCase())) return true;\n if (POS.includes(getComputedStyle(element).getPropertyValue('position').toLowerCase())) return true;\n return false;\n}\n\nfunction visible(element) {\n /* eslint no-param-reassign:0 */\n while (element) {\n if (element === document.body) break;\n if (hidden(element)) return false;\n if (positioned(element)) break;\n element = element.parentNode;\n }\n\n return true;\n}\n\nfunction focusable(element) {\n return !element.disabled && visible(element);\n}\n\nexport default findFocusable;\nexport {\n/**\n* ---\n* category: utilities/a11y\n* ---\n*\n* Given an element, finds and returns all visible, focusable children.\n* Focusable elements include input, select, textarea, button, and object.\n* Anchor tags are also focusable if they include an href or\n* tabindex attribute (including tabindeces less than zero).\n*\n* @param {ReactComponent|DomNode} el - component or DOM node\n* @param {Function} filter - a function to filter the matching nodes\n* @param {Boolean} shouldSearchRootNode - should the root node be included in the search\n* @returns {Array} array of all tabbable children\n*/\nfindFocusable };","/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nexport default function generator(_ref) {\n var borders = _ref.borders,\n colors = _ref.colors,\n spacing = _ref.spacing,\n typography = _ref.typography;\n return {\n lineHeight: typography.lineHeightFit,\n h1FontSize: typography.fontSizeXXLarge,\n h1FontWeight: typography.fontWeightLight,\n h1FontFamily: typography.fontFamily,\n h2FontSize: typography.fontSizeXLarge,\n h2FontWeight: typography.fontWeightNormal,\n h2FontFamily: typography.fontFamily,\n h3FontSize: typography.fontSizeLarge,\n h3FontWeight: typography.fontWeightBold,\n h3FontFamily: typography.fontFamily,\n h4FontSize: typography.fontSizeMedium,\n h4FontWeight: typography.fontWeightBold,\n h4FontFamily: typography.fontFamily,\n h5FontSize: typography.fontSizeSmall,\n h5FontWeight: typography.fontWeightNormal,\n h5FontFamily: typography.fontFamily,\n primaryInverseColor: colors.textLightest,\n primaryColor: colors.textDarkest,\n secondaryColor: colors.textDark,\n secondaryInverseColor: colors.textLight,\n borderPadding: spacing.xxxSmall,\n borderColor: colors.borderMedium,\n borderWidth: borders.widthSmall,\n borderStyle: borders.style\n };\n}\n\ngenerator.canvas = function (variables) {\n return {\n primaryColor: variables['ic-brand-font-color-dark']\n };\n};\n\ngenerator['instructure'] = function (_ref2) {\n var typography = _ref2.typography;\n return {\n h1FontFamily: typography.fontFamilyHeading,\n h2FontFamily: typography.fontFamilyHeading,\n h3FontWeight: typography.fontWeightBold,\n h3FontSize: '2.125rem',\n h4FontWeight: typography.fontWeightBold,\n h4FontSize: typography.fontSizeLarge,\n h5FontWeight: typography.fontWeightBold,\n h5FontSize: typography.fontSizeMedium\n };\n};","/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { createThemeAdapter } from '@instructure/ui-themeable';\nvar map = {\n fontFamily: ['h1FontFamily', 'h2FontFamily', 'h3FontFamily', 'h4FontFamily', 'h5FontFamily']\n};\nexport var themeAdapter = createThemeAdapter({\n map: map,\n version: '8.0.0'\n});","import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _createSuper from \"@babel/runtime/helpers/esm/createSuper\";\n\nvar _dec, _dec2, _dec3, _class, _class2, _temp;\n\n/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { View } from '@instructure/ui-view';\nimport { themeable, ThemeablePropTypes } from '@instructure/ui-themeable';\nimport { childrenOrValue } from '@instructure/ui-prop-types';\nimport { deprecated, getElementType, passthroughProps } from '@instructure/ui-react-utils';\nimport { testable } from '@instructure/ui-testable';\nvar styles = {\n componentId: 'blnAQ',\n template: function template(theme) {\n return \"\\n\\n.blnAQ_bGBk{line-height:\".concat(theme.lineHeight || 'inherit', \";margin:0}\\n\\ninput.blnAQ_bGBk[type]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:inherit;display:block;height:auto;line-height:inherit;margin:-0.375rem 0 0 0;outline:0;padding:0;text-align:start;width:100%}\\n\\n[dir=ltr] input.blnAQ_bGBk[type]{text-align:left}\\n\\n[dir=rtl] input.blnAQ_bGBk[type]{text-align:right}\\n\\ninput.blnAQ_bGBk[type]:focus{outline:none}\\n\\n.blnAQ_fCtg{font-family:\").concat(theme.h1FontFamily || 'inherit', \";font-size:\").concat(theme.h1FontSize || 'inherit', \";font-weight:\").concat(theme.h1FontWeight || 'inherit', \"}\\n\\n.blnAQ_cVrl{font-family:\").concat(theme.h2FontFamily || 'inherit', \";font-size:\").concat(theme.h2FontSize || 'inherit', \";font-weight:\").concat(theme.h2FontWeight || 'inherit', \"}\\n\\n.blnAQ_dnfM{font-family:\").concat(theme.h3FontFamily || 'inherit', \";font-size:\").concat(theme.h3FontSize || 'inherit', \";font-weight:\").concat(theme.h3FontWeight || 'inherit', \"}\\n\\n.blnAQ_KGwv{font-family:\").concat(theme.h4FontFamily || 'inherit', \";font-size:\").concat(theme.h4FontSize || 'inherit', \";font-weight:\").concat(theme.h4FontWeight || 'inherit', \"}\\n\\n.blnAQ_eYKA{font-family:\").concat(theme.h5FontFamily || 'inherit', \";font-size:\").concat(theme.h5FontSize || 'inherit', \";font-weight:\").concat(theme.h5FontWeight || 'inherit', \"}\\n\\n.blnAQ_dbSc{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}\\n\\n.blnAQ_bACI{border-top:\").concat(theme.borderWidth || 'inherit', \" \").concat(theme.borderStyle || 'inherit', \" \").concat(theme.borderColor || 'inherit', \";padding-top:\").concat(theme.borderPadding || 'inherit', \"}\\n\\n.blnAQ_kWwi{border-bottom:\").concat(theme.borderWidth || 'inherit', \" \").concat(theme.borderStyle || 'inherit', \" \").concat(theme.borderColor || 'inherit', \";padding-bottom:\").concat(theme.borderPadding || 'inherit', \"}\\n\\n.blnAQ_drOs{color:inherit}\\n\\n.blnAQ_eCSh{color:\").concat(theme.primaryColor || 'inherit', \"}\\n\\n.blnAQ_buuG{color:\").concat(theme.secondaryColor || 'inherit', \"}\\n\\n.blnAQ_bFtJ{color:\").concat(theme.primaryInverseColor || 'inherit', \"}\\n\\n.blnAQ_dsSB{color:\").concat(theme.secondaryInverseColor || 'inherit', \"}\\n\\n.blnAQ_bOQC{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\");\n },\n 'root': 'blnAQ_bGBk',\n 'level--h1': 'blnAQ_fCtg',\n 'level--h2': 'blnAQ_cVrl',\n 'level--h3': 'blnAQ_dnfM',\n 'level--h4': 'blnAQ_KGwv',\n 'level--h5': 'blnAQ_eYKA',\n 'level--reset': 'blnAQ_dbSc',\n 'border--top': 'blnAQ_bACI',\n 'border--bottom': 'blnAQ_kWwi',\n 'color--inherit': 'blnAQ_drOs',\n 'color--primary': 'blnAQ_eCSh',\n 'color--secondary': 'blnAQ_buuG',\n 'color--primary-inverse': 'blnAQ_bFtJ',\n 'color--secondary-inverse': 'blnAQ_dsSB',\n 'ellipsis': 'blnAQ_bOQC'\n};\nimport theme from './theme';\nimport { themeAdapter } from './themeAdapter';\n/**\n---\ncategory: components\n---\n**/\n\nvar Heading = (_dec = deprecated('8.0.0', {\n ellipsis: '
'\n}), _dec2 = testable(), _dec3 = themeable(theme, styles, themeAdapter), _dec(_class = _dec2(_class = _dec3(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {\n _inherits(Heading, _Component);\n\n var _super = _createSuper(Heading);\n\n function Heading() {\n _classCallCheck(this, Heading);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Heading, [{\n key: \"render\",\n value: function render() {\n var _classnames;\n\n var _this$props = this.props,\n border = _this$props.border,\n children = _this$props.children,\n color = _this$props.color,\n level = _this$props.level,\n margin = _this$props.margin,\n elementRef = _this$props.elementRef,\n ellipsis = _this$props.ellipsis,\n props = _objectWithoutProperties(_this$props, [\"border\", \"children\", \"color\", \"level\", \"margin\", \"elementRef\", \"ellipsis\"]);\n\n var ElementType = getElementType(Heading, this.props, function () {\n if (level === 'reset') {\n return 'span';\n } else {\n return level;\n }\n });\n return /*#__PURE__*/React.createElement(View, Object.assign({}, passthroughProps(props), {\n className: classnames((_classnames = {}, _defineProperty(_classnames, styles.root, true), _defineProperty(_classnames, styles[\"level--\".concat(level)], true), _defineProperty(_classnames, styles[\"color--\".concat(color)], color), _defineProperty(_classnames, styles[\"border--\".concat(border)], border !== 'none'), _defineProperty(_classnames, styles.ellipsis, ellipsis), _classnames)),\n as: ElementType,\n margin: margin,\n elementRef: elementRef\n }), children);\n }\n }]);\n\n Heading.displayName = \"Heading\";\n return Heading;\n}(Component), _class2.propTypes = {\n /**\n * Add a top- or bottom-border to the Heading\n */\n border: PropTypes.oneOf(['none', 'top', 'bottom']),\n\n /**\n * The text content of the Heading\n */\n children: childrenOrValue,\n\n /**\n * The font color to render\n */\n color: PropTypes.oneOf(['primary', 'secondary', 'primary-inverse', 'secondary-inverse', 'inherit']),\n\n /**\n * The *visual* appearance of the Heading: h1 is largest; h5 is smallest.\n */\n level: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'reset']),\n\n /**\n * Choose the element Heading should render as. Will default to the `level` prop\n * if not specified.\n */\n as: PropTypes.elementType,\n // eslint-disable-line react/require-default-props\n\n /**\n * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,\n * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via\n * familiar CSS-like shorthand. For example: `margin=\"small auto large\"`.\n */\n margin: ThemeablePropTypes.spacing,\n\n /**\n * Provides a ref to the underlying HTML element\n */\n elementRef: PropTypes.func,\n\n /* eslint-disable react/require-default-props */\n\n /**\n * __Deprecated - use `
instead`__\n */\n ellipsis: PropTypes.bool\n /* eslint-enable react/require-default-props */\n\n}, _class2.defaultProps = {\n children: null,\n margin: void 0,\n elementRef: void 0,\n border: 'none',\n color: 'inherit',\n level: 'h2'\n}, _temp)) || _class) || _class) || _class);\nexport default Heading;\nexport { Heading };","/*\n * The MIT License (MIT)\n *\n * Copyright (c) 2015 - present Instructure, Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nimport { findDOMNode } from './findDOMNode';\n/**\n * ---\n * category: utilities/DOM\n * ---\n *\n * Polyfill for Element.matches (https://developer.mozilla.org/en-US/docs/Web/API/Element/matches)\n *\n * @param {ReactComponent|DomNode} el - component or DOM node\n * @param {String} selectorString - a string representing the selector to test\n * @returns {boolean} if the element would be selected by the specified selector string\n */\n\nfunction elementMatches(el, selectorString) {\n var node = el && findDOMNode(el);\n if (!node) return false;\n return node.matches ? node.matches(selectorString) : node.msMatchesSelector(selectorString);\n}\n\nexport default elementMatches;\nexport { elementMatches };"],"sourceRoot":""}