{"version":3,"sources":["webpack:///./node_modules/helix-ui/dist/js/helix-ui.esm.js"],"names":["_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps","prototype","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","_getPrototypeOf","o","setPrototypeOf","getPrototypeOf","__proto__","p","_isNativeReflectConstruct","Reflect","construct","sham","Proxy","Date","toString","call","e","_construct","Parent","args","Class","a","push","apply","Function","bind","arguments","_wrapNativeSuper","_cache","Map","undefined","fn","indexOf","has","get","set","Wrapper","this","_assertThisInitialized","self","ReferenceError","_possibleConstructorReturn","_createSuper","Derived","hasNativeReflectConstruct","result","Super","NewTarget","_get","property","receiver","base","object","hasOwnProperty","_superPropBase","desc","getOwnPropertyDescriptor","_toConsumableArray","arr","Array","isArray","_arrayLikeToArray","_arrayWithoutHoles","iter","Symbol","iterator","from","_iterableToArray","minLen","n","slice","name","test","_unsupportedIterableToArray","_nonIterableSpread","len","arr2","window","customElements","polyfillWrapFlushCallback","HTMLElement","Element","CharacterData","DocumentType","forEach","proto","parentNode","removeChild","matches","msMatchesSelector","webkitMatchesSelector","closest","selectors","el","document","documentElement","contains","nodeType","parentElement","TEMPLATE_CACHE","HXElement","_HTMLElement","_super","_this","_$setupShadowDOM","$onAttributeChange","$onConnect","$onCreate","$onDisconnect","$relayEvent","attr","oldVal","newVal","is","define","_$tabIndex","getAttribute","$upgradeProperty","setAttribute","_$styleElement","removeAttribute","blur","val","hasAttribute","evtName","opts","options","assign","cancelable","bubbles","evt","CustomEvent","dispatchEvent","oldEvent","newEvent","type","addEventListener","removeEventListener","prop","strTemplate","_elementName","_template","createElement","innerHTML","ShadyCSS","prepareTemplate","template","_$prepareTemplate","attachShadow","mode","shadowRoot","appendChild","content","cloneNode","styleElement","extra","$observedAttributes","concat","OPPOSITE_ALIGNMENTS","getAlignment","position","crossAlign","mainAlign","crossAxis","getCrossAxis","mainAxis","getMainAxis","yAlign","getVerticalAlignment","xAlign","getHorizontalAlignment","startEndMatch","match","hMatch","vMatch","invertPositionHorizontally","_getAlignment","newXAlign","invertPositionVertically","_getAlignment2","newYAlign","normalizePosition","_getAlignment3","optimizePositionForCollisions","collides","_getAlignment4","top","bottom","left","right","_getDeltas","off","ref","dH","height","dW","width","dX","dY","getCenter","_getDeltas2","x","y","getTop","getBottom","getLeft","getRight","getTopLeft","_getTop","xT","getTopStart","getTopEnd","getTopRight","_getTop4","getRightTop","_getRight","yR","getRightStart","getRightEnd","getRightBottom","_getRight4","getBottomRight","_getBottom","xB","getBottomEnd","getBottomStart","getBottomLeft","_getBottom4","getLeftBottom","_getLeft","getLeftEnd","getLeftStart","getLeftTop","_getLeft4","fnMap","offsetFunctionMap","_chart","MAP","KEYS","Alt","Backspace","Control","Ctrl","Del","Delete","Down","End","Enter","Esc","Escape","Home","Ins","Insert","Left","Option","PageDown","PageUp","PgDown","PgUp","Return","Right","Shift","Space","Tab","Up","defer","cb","setTimeout","generateId","Math","random","substr","mix","baseClass","_len","mixins","_key","reduce","klass","mixin","Revealable","superclass","_superclass","_Revealable","open","isOpen","$emit","Positionable","_ProtoClass","_Positionable","_super2","__onDocumentClick","__onDocumentScroll","__onWindowResize","DEFAULT_POSITION","POSITION_OFFSET","$defaultAttribute","__onOpen","__onClose","__removeOpenListeners","setShadowPosition","reposition","relativeElement","_this$__calculatePosi","__calculatePosition","style","_optimumPosition","controlElement","__addActiveListeners","__addPassiveListeners","passive","posRect","getBoundingClientRect","relRect","deltas","__getDeltas","coords","calculate","isOffscreen","__getViewportCollisions","anywhere","optimumPosition","optimumDeltas","optimumCoords","optimumCalculate","isLeftOrRight","offset","__getOffset","_this$getBoundingClie","rect","__getRectAtCoords","innerHeight","innerWidth","vertically","horizontally","inComponent","inControl","isBackground","__addOpenListeners","isConnected","getRootNode","querySelector","id","_position","relativeTo","_mix","ProtoClass"],"mappings":"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","file":"9fe21bda-4f4bbb3ca558f306f2a7.js","sourcesContent":["/**\n@license @nocompile\nCopyright (c) 2018 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt\nThe complete set of authors may be found at http://polymer.github.io/AUTHORS.txt\nThe complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt\nCode distributed by Google as part of the polymer project is also\nsubject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt\n*/\n(function () {\n  'use strict';\n\n  (function () {\n    if (void 0 === window.Reflect || void 0 === window.customElements || window.customElements.polyfillWrapFlushCallback) return;\n    var a = HTMLElement;\n    window.HTMLElement = {\n      HTMLElement: function HTMLElement() {\n        return Reflect.construct(a, [], this.constructor);\n      }\n    }.HTMLElement, HTMLElement.prototype = a.prototype, HTMLElement.prototype.constructor = HTMLElement, Object.setPrototypeOf(HTMLElement, a);\n  })();\n})();\n/*! @license @nocompile\nCopyright 2017-2020 Rackspace US, Inc.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\nhttp://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n// Modified from https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove#Polyfill\n\n\n[Element.prototype, CharacterData.prototype, DocumentType.prototype].forEach(function (proto) {\n  if (!proto.hasOwnProperty('remove')) {\n    Object.defineProperty(proto, 'remove', {\n      configurable: true,\n      enumerable: true,\n      writable: true,\n      value: function value() {\n        if (this.parentNode !== null) {\n          this.parentNode.removeChild(this);\n        }\n      }\n    });\n  }\n}); // Modified from https://developer.mozilla.org/en-US/docs/Web/API/Element/closest#Polyfill\n\n/*\n * If browser supports a variation of matches(), (IE9+)\n * normalize to 'matches' on the prototype.\n */\n\nif (!Element.prototype.matches) {\n  Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\n}\n\nif (!Element.prototype.closest) {\n  Element.prototype.closest = function (selectors) {\n    var el = this; // fail fast if element isn't attached to the document\n\n    if (!document.documentElement.contains(el)) {\n      return null;\n    } // Check if any ancestors match selectors\n\n\n    while (el !== null && el.nodeType === 1) {\n      if (el.matches(selectors)) {\n        return el;\n      } else {\n        el = el.parentElement || el.parentNode;\n      }\n    } // Return null if no ancestors match\n\n\n    return null;\n  };\n}\n\nfunction _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n    _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n  } else {\n    _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n  }\n\n  return _typeof(obj);\n}\n\nfunction _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nfunction _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}\n\nfunction _inherits(subClass, superClass) {\n  if (typeof superClass !== \"function\" && superClass !== null) {\n    throw new TypeError(\"Super expression must either be null or a function\");\n  }\n\n  subClass.prototype = Object.create(superClass && superClass.prototype, {\n    constructor: {\n      value: subClass,\n      writable: true,\n      configurable: true\n    }\n  });\n  if (superClass) _setPrototypeOf(subClass, superClass);\n}\n\nfunction _getPrototypeOf(o) {\n  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n    return o.__proto__ || Object.getPrototypeOf(o);\n  };\n  return _getPrototypeOf(o);\n}\n\nfunction _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}\n\nfunction _isNativeReflectConstruct() {\n  if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n  if (Reflect.construct.sham) return false;\n  if (typeof Proxy === \"function\") return true;\n\n  try {\n    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n    return true;\n  } catch (e) {\n    return false;\n  }\n}\n\nfunction _construct(Parent, args, Class) {\n  if (_isNativeReflectConstruct()) {\n    _construct = Reflect.construct;\n  } else {\n    _construct = function _construct(Parent, args, Class) {\n      var a = [null];\n      a.push.apply(a, args);\n      var Constructor = Function.bind.apply(Parent, a);\n      var instance = new Constructor();\n      if (Class) _setPrototypeOf(instance, Class.prototype);\n      return instance;\n    };\n  }\n\n  return _construct.apply(null, arguments);\n}\n\nfunction _isNativeFunction(fn) {\n  return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n}\n\nfunction _wrapNativeSuper(Class) {\n  var _cache = typeof Map === \"function\" ? new Map() : undefined;\n\n  _wrapNativeSuper = function _wrapNativeSuper(Class) {\n    if (Class === null || !_isNativeFunction(Class)) return Class;\n\n    if (typeof Class !== \"function\") {\n      throw new TypeError(\"Super expression must either be null or a function\");\n    }\n\n    if (typeof _cache !== \"undefined\") {\n      if (_cache.has(Class)) return _cache.get(Class);\n\n      _cache.set(Class, Wrapper);\n    }\n\n    function Wrapper() {\n      return _construct(Class, arguments, _getPrototypeOf(this).constructor);\n    }\n\n    Wrapper.prototype = Object.create(Class.prototype, {\n      constructor: {\n        value: Wrapper,\n        enumerable: false,\n        writable: true,\n        configurable: true\n      }\n    });\n    return _setPrototypeOf(Wrapper, Class);\n  };\n\n  return _wrapNativeSuper(Class);\n}\n\nfunction _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}\n\nfunction _possibleConstructorReturn(self, call) {\n  if (call && (typeof call === \"object\" || typeof call === \"function\")) {\n    return call;\n  }\n\n  return _assertThisInitialized(self);\n}\n\nfunction _createSuper(Derived) {\n  var hasNativeReflectConstruct = _isNativeReflectConstruct();\n\n  return function () {\n    var Super = _getPrototypeOf(Derived),\n        result;\n\n    if (hasNativeReflectConstruct) {\n      var NewTarget = _getPrototypeOf(this).constructor;\n\n      result = Reflect.construct(Super, arguments, NewTarget);\n    } else {\n      result = Super.apply(this, arguments);\n    }\n\n    return _possibleConstructorReturn(this, result);\n  };\n}\n\nfunction _superPropBase(object, property) {\n  while (!Object.prototype.hasOwnProperty.call(object, property)) {\n    object = _getPrototypeOf(object);\n    if (object === null) break;\n  }\n\n  return object;\n}\n\nfunction _get(target, property, receiver) {\n  if (typeof Reflect !== \"undefined\" && Reflect.get) {\n    _get = Reflect.get;\n  } else {\n    _get = function _get(target, property, receiver) {\n      var base = _superPropBase(target, property);\n\n      if (!base) return;\n      var desc = Object.getOwnPropertyDescriptor(base, property);\n\n      if (desc.get) {\n        return desc.get.call(receiver);\n      }\n\n      return desc.value;\n    };\n  }\n\n  return _get(target, property, receiver || target);\n}\n\nfunction _toConsumableArray(arr) {\n  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();\n}\n\nfunction _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return _arrayLikeToArray(arr);\n}\n\nfunction _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}\n\nfunction _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n} // Keep track of prepared templates\n\n\nvar TEMPLATE_CACHE = {};\n/**\n * Define functionality common to all HelixUI elements.\n *\n * @extends external:HTMLElement\n * @hideconstructor\n * @since 0.2.0\n */\n\nvar HXElement = /*#__PURE__*/function (_HTMLElement) {\n  _inherits(HXElement, _HTMLElement);\n\n  var _super = _createSuper(HXElement);\n\n  _createClass(HXElement, [{\n    key: \"$onCreate\",\n\n    /**\n     * HelixUI lifecycle callback called at the end of construction.\n     *\n     * Use this callback to apply pre-connect setup logic.\n     *\n     * @abstract\n     * @ignore\n     */\n    value: function $onCreate() {}\n    /**\n     * HelixUI lifecycle method called at the end of the connectedCallback()\n     * Custom Element lifecycle method.\n     *\n     * Use this callback to initialize an element's behavior.\n     *\n     * @abstract\n     * @ignore\n     */\n\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {}\n    /**\n     * HelixUI lifecycle method. Called at the end of {@link HXElement.disconnectedCallback}.\n     *\n     * @abstract\n     * @ignore\n     */\n\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {}\n    /**\n     * HelixUI lifecycle method called when an observed attribute's value changes.\n     *\n     * @abstract\n     * @ignore\n     * @param {String} attr - name of the attribute that changed\n     * @param {String} newVal - value of the attribute after the change\n     * @param {String} oldVal - value of the attribute before the change\n     */\n\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {} // eslint-disable-line no-unused-vars\n\n    /**\n     * Register class with the customElements registry.\n     * Note: the custom element is only registered if the \"is\" class property is defined.\n     */\n\n  }], [{\n    key: \"$define\",\n    value: function $define() {\n      if (this.is) {\n        customElements.define(this.is, this);\n      }\n    } // Called when an instance is created\n\n  }, {\n    key: \"is\",\n\n    /**\n     * Defines the name of the element to register in the Custom Element registry\n     *\n     * @abstract\n     * @default undefined\n     * @type {String}\n     */\n    get: function get() {}\n    /**\n     * Defines the innerHTML of the ShadowDOM.\n     *\n     * If undefined, no Shadow Root will be created.\n     *\n     * @abstract\n     * @default undefined\n     * @type {String}\n     */\n\n  }, {\n    key: \"template\",\n    get: function get() {}\n    /**\n     * Defines a list of attributes to watch for changes\n     * (in addition to those defined by {@link HXElement.observedAttributes}).\n     *\n     * @abstract\n     * @default []\n     * @ignore\n     * @type {Array<String>}\n     */\n\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return [];\n    }\n  }]);\n\n  function HXElement() {\n    var _this;\n\n    _classCallCheck(this, HXElement);\n\n    _this = _super.call(this);\n\n    _this._$setupShadowDOM();\n\n    _this.$onAttributeChange = _this.$onAttributeChange.bind(_assertThisInitialized(_this));\n    _this.$onConnect = _this.$onConnect.bind(_assertThisInitialized(_this));\n    _this.$onCreate = _this.$onCreate.bind(_assertThisInitialized(_this));\n    _this.$onDisconnect = _this.$onDisconnect.bind(_assertThisInitialized(_this));\n    _this.$relayEvent = _this.$relayEvent.bind(_assertThisInitialized(_this));\n\n    _this.$onCreate();\n\n    return _this;\n  } //constructor\n  // Called when an instance of the element is attached to the DOM.\n\n\n  _createClass(HXElement, [{\n    key: \"connectedCallback\",\n    value: function connectedCallback() {\n      this._$tabIndex = this.getAttribute('tabindex');\n      this.$upgradeProperty('disabled');\n      this.setAttribute('hx-defined', '');\n\n      this._$styleElement();\n\n      this.$onConnect();\n    } // Called when an instance of the element is removed from the DOM.\n\n  }, {\n    key: \"disconnectedCallback\",\n    value: function disconnectedCallback() {\n      this.$onDisconnect();\n    }\n    /**\n     * Custom Elements API property used to determine when to call the\n     * attributeChangedCallback() lifecycle method.\n     *\n     * @default ['disabled']\n     * @ignore\n     * @see HXElement.$observedAttributes\n     * @type {Array<String>}\n     */\n\n  }, {\n    key: \"attributeChangedCallback\",\n    // Called when an attribute is SET (not just when it changes).\n    value: function attributeChangedCallback(attr, oldVal, newVal) {\n      if (attr === 'disabled') {\n        if (newVal !== null) {\n          this.removeAttribute('tabindex');\n          this.setAttribute('aria-disabled', true);\n          this.blur();\n        } else {\n          if (this._$tabIndex) {\n            this.setAttribute('tabindex', this._$tabIndex);\n          }\n\n          this.removeAttribute('aria-disabled');\n        }\n      } // Always call $onAttributeChange, so that we can run additional\n      // logic against common attributes in subclasses, too.\n\n\n      if (newVal !== oldVal) {\n        this.$onAttributeChange(attr, oldVal, newVal);\n      }\n    } //attributeChangedCallback\n\n    /* ===== PUBLIC PROPERTIES ===== */\n\n    /**\n     * Indicates whether the element is disabled.\n     * A disabled element is nonfunctional and noninteractive.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"$defaultAttribute\",\n\n    /* ===== PUBLIC METHODS ===== */\n\n    /**\n     * Assign a value to an HTML attribute, if the attribute isn't present.\n     *\n     * @param {String} name - name of the attribute to set\n     * @param {String} val - value to assign\n     * @see https://goo.gl/MUFHD8\n     */\n    value: function $defaultAttribute(name, val) {\n      if (!this.hasAttribute(name)) {\n        this.setAttribute(name, val);\n      }\n    }\n    /**\n     * Emit a custom event\n     *\n     * @param {String} evtName - name of event\n     * @param {Object} opts - options to configure the event\n     * @param {Boolean} [opts.cancelable=true] - whether the event can be canceled\n     * @param {Boolean} [opts.bubbles=false] - whether the event bubbles up the DOM tree\n     * @param {*} [opts.detail] - additional information to communicated along with the event\n     *\n     * @returns {Boolean}\n     * Returns true if the event was not canceled by an event listener.\n     *\n     * @see https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent\n     */\n\n  }, {\n    key: \"$emit\",\n    value: function $emit(evtName, opts) {\n      var options = Object.assign({}, {\n        cancelable: true,\n        bubbles: false\n      }, opts);\n      var evt = new CustomEvent(evtName, options);\n      return this.dispatchEvent(evt);\n    } //$emit\n\n    /**\n     * Relay an event within the ShadowDOM, retargeting the event to the custom element\n     *\n     * @param {Event} oldEvent - event to relay\n     * @returns {Boolean} Returns true if the event was not canceled by an event listener.\n     */\n\n  }, {\n    key: \"$relayEvent\",\n    value: function $relayEvent(oldEvent) {\n      // Emit new event of same name\n      var newEvent = new CustomEvent(oldEvent.type, {\n        bubbles: oldEvent.bubbles,\n        cancelable: oldEvent.cancelable\n      });\n      return this.dispatchEvent(newEvent);\n    } //$relayEvent()\n\n    /**\n     * Relay events that do not bubble. For instance, `focus` and `blur` events\n     * on an `<input>` within the ShadowDOM.\n     *\n     * @param {HTMLElement} el - element to attach non-bubbling event listeners\n     */\n\n  }, {\n    key: \"$relayNonBubblingEvents\",\n    value: function $relayNonBubblingEvents(el) {\n      el.addEventListener('focus', this.$relayEvent);\n      el.addEventListener('blur', this.$relayEvent);\n    }\n    /**\n     * Remove events relayed by `$relayNonBubblingEvents`\n     *\n     * @param {HTMLElement} el - element to remove non-bubbline event listeners\n     */\n\n  }, {\n    key: \"$removeNonBubblingRelays\",\n    value: function $removeNonBubblingRelays(el) {\n      el.removeEventListener('focus', this.$relayEvent);\n      el.removeEventListener('blur', this.$relayEvent);\n    }\n    /**\n     * Captures the value from the unupgraded instance and deletes the property\n     * so it does not shadow the custom element's own property setter. This way,\n     * when the element's definition does finally load, it can immediately\n     * reflect the correct state.\n     *\n     * @param {String} prop - property name to upgrade\n     * @see https://goo.gl/MDp6j5\n     */\n\n  }, {\n    key: \"$upgradeProperty\",\n    value: function $upgradeProperty(prop) {\n      if (this.hasOwnProperty(prop)) {\n        var value = this[prop];\n        delete this[prop];\n        this[prop] = value;\n      }\n    }\n    /* ===== PRIVATE PROPERTIES ===== */\n    // TBD\n\n    /* ===== PRIVATE METHODS ===== */\n\n    /**\n     * @private\n     * @description\n     * Prepares a template for injection into the shadow root\n     * @param {String} strTemplate - HTML template content\n     * @returns {HTMLTemplate}\n     */\n\n  }, {\n    key: \"_$prepareTemplate\",\n    value: function _$prepareTemplate(strTemplate) {\n      var _elementName = this.constructor.is;\n\n      if (TEMPLATE_CACHE[_elementName]) {\n        return TEMPLATE_CACHE[_elementName];\n      }\n\n      var _template = document.createElement('template');\n\n      _template.innerHTML = strTemplate;\n\n      if (window.ShadyCSS) {\n        // modifies 'template' variable in-place\n        ShadyCSS.prepareTemplate(_template, _elementName);\n      } // cache prepared template, so it isn't prepared more than once\n\n\n      TEMPLATE_CACHE[_elementName] = _template;\n      return _template;\n    } //_$prepareTemplate()\n\n    /**\n     * @private\n     * @description\n     * If a ShadowDOM needs to be setup, this method handles:\n     *\n     * 1. preparing the <template> element\n     * 2. attaching a shadow root\n     * 3. applying ShadyDOM styling (if needed)\n     * 4. stamping the template\n     */\n\n  }, {\n    key: \"_$setupShadowDOM\",\n    value: function _$setupShadowDOM() {\n      // Don't do anything unless the \"template\" class property is defined.\n      if (this.constructor.template) {\n        var _template = this._$prepareTemplate(this.constructor.template);\n\n        this.attachShadow({\n          mode: 'open'\n        });\n        this.shadowRoot.appendChild(_template.content.cloneNode(true));\n      }\n    } //_$setupShadowDOM()\n\n    /**\n     * @description\n     * Style the element using ShadyCSS, if needed.\n     *\n     * @note: has the potential to modify the `[class]` attribute\n     * of the element, so avoid running in the constructor.\n     */\n\n  }, {\n    key: \"_$styleElement\",\n    value: function _$styleElement() {\n      // short circuit if browser natively supports ShadowDOM\n      if (!window.ShadyCSS) {\n        return;\n      }\n\n      ShadyCSS.styleElement(this);\n    }\n  }, {\n    key: \"disabled\",\n    get: function get() {\n      return this.hasAttribute('disabled');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('disabled', '');\n      } else {\n        this.removeAttribute('disabled');\n      }\n    }\n  }], [{\n    key: \"observedAttributes\",\n    get: function get() {\n      var common = ['disabled'];\n      var extra = this.$observedAttributes;\n      return [].concat(common, _toConsumableArray(extra));\n    }\n  }]);\n\n  return HXElement;\n}( /*#__PURE__*/_wrapNativeSuper(HTMLElement));\n/**\n * @module HelixUI/Utils/Alignment\n * @description\n * Alignment logic in regards to positioning\n *\n * See https://codepen.io/CITguy/pen/b1286136d695391a40a6d708b765361c\n */\n\n/**\n * @typedef {String} AlignmentString\n * @global\n *\n * @description\n * Positions are composed of alignments (e.g., the position `top-left`\n * has alignments `top` and `left`).  Some alignments are axis-specific,\n * while others are not. Alignments `start` and `end` may apply to either\n * horizontal (x-axis) alignment OR vertical (y-axis) aligment.\n *\n * Values:\n * - `bottom`\n * - `center`\n * - `end`\n * - `left`\n * - `middle`\n * - `right`\n * - `start`\n * - `top`\n */\n\n/**\n * @typedef {String} PositionString\n * @global\n *\n * @description\n *\n * **Supported Positions**\n *\n * The following, normalized values are suported.\n * - `bottom-start`\n * - `bottom-left`\n * - `bottom-center`\n * - `bottom-right`\n * - `bottom-end`\n * - `center-middle`\n * - `left-start`\n * - `left-top`\n * - `left-middle`\n * - `left-bottom`\n * - `left-end`\n * - `right-start`\n * - `right-top`\n * - `right-middle`\n * - `right-bottom`\n * - `right-end`\n * - `top-start`\n * - `top-left`\n * - `top-center`\n * - `top-right`\n * - `top-end`\n *\n *\n * **Deprecated Positions**\n *\n * Support for the following values will be removed in a future release.\n * - `bottom`\n * - `center`\n * - `left`\n * - `right`\n * - `top`\n */\n\n\nvar OPPOSITE_ALIGNMENTS = {\n  'bottom': 'top',\n  'center': 'center',\n  'end': 'start',\n  'left': 'right',\n  'middle': 'middle',\n  'right': 'left',\n  'start': 'end',\n  'top': 'bottom'\n};\n/**\n * Convert position string into vertical alignment, horizontal alignment,\n * and main axis properties.\n *\n * @param {PositionString} position user-configured position string\n * @returns {Object} alignment metadata\n */\n\nfunction getAlignment(position) {\n  var crossAlign; // cross-axis alignment\n\n  var crossAxis = getCrossAxis(position);\n  var mainAlign; // main-axis alignment\n\n  var mainAxis = getMainAxis(position); // x-axis and y-axis alignment (in relation to viewport coordinates)\n\n  var yAlign = getVerticalAlignment(position);\n  var xAlign = getHorizontalAlignment(position); // https://regex101.com/r/1oRJf8/7\n\n  var startEndMatch = position.match(/(start|end)$/);\n\n  if (startEndMatch) {\n    if (mainAxis === 'x') {\n      yAlign = startEndMatch[0];\n    } else {\n      xAlign = startEndMatch[0];\n    }\n  } // determine main-axis and cross-axis alignment\n\n\n  if (mainAxis === 'x') {\n    mainAlign = xAlign;\n    crossAlign = yAlign;\n  } else {\n    mainAlign = yAlign;\n    crossAlign = xAlign;\n  }\n\n  return {\n    crossAlign: crossAlign,\n    crossAxis: crossAxis,\n    mainAlign: mainAlign,\n    mainAxis: mainAxis,\n    xAlign: xAlign,\n    yAlign: yAlign\n  };\n}\n/**\n * Determine secondary axis (x or y; opposite of main axis) from position.\n *\n * @param {PositionString} position\n * @returns {Enum<String>}\n */\n\n\nfunction getCrossAxis(position) {\n  return getMainAxis(position) === 'x' ? 'y' : 'x';\n}\n/**\n * Determine x-axis alignment from position\n *\n * @param {PositionString} position\n * @returns {AlignmentString}\n */\n\n\nfunction getHorizontalAlignment(position) {\n  var xAlign = 'center'; // https://regex101.com/r/1oRJf8/5\n\n  var hMatch = position.match(/^(left|right)|(left|right)$/);\n\n  if (hMatch) {\n    xAlign = hMatch[0];\n  }\n\n  return xAlign;\n}\n/**\n * Determine primary axis (x or y) from position\n *\n * @param {PositionString} position\n * @returns {Enum}\n */\n\n\nfunction getMainAxis(position) {\n  // https://regex101.com/r/1oRJf8/1\n  if (/^(top|bottom)/.test(position)) {\n    return 'y';\n  } else {\n    return 'x';\n  }\n}\n/**\n * Determine y-axis alignment from position\n *\n * @param {PositionString} position\n * @returns {AlignmentString}\n */\n\n\nfunction getVerticalAlignment(position) {\n  var yAlign = 'middle'; // https://regex101.com/r/1oRJf8/4\n\n  var vMatch = position.match(/^(top|bottom)|(top|bottom)$/);\n\n  if (vMatch) {\n    yAlign = vMatch[0];\n  }\n\n  return yAlign;\n}\n/**\n * Calculates position string that is horizontally opposite of given position.\n *\n * @param {PositionString} position\n * @returns {PositionString} horizontally inverted position string\n */\n\n\nfunction invertPositionHorizontally(position) {\n  var _getAlignment = getAlignment(position),\n      mainAxis = _getAlignment.mainAxis,\n      xAlign = _getAlignment.xAlign,\n      yAlign = _getAlignment.yAlign;\n\n  var newXAlign = OPPOSITE_ALIGNMENTS[xAlign];\n  return mainAxis === 'x' ? \"\".concat(newXAlign, \"-\").concat(yAlign) : \"\".concat(yAlign, \"-\").concat(newXAlign);\n}\n/**\n * Calculates position string that is vertically opposite of given position.\n *\n * @param {PositionString} position\n * @returns {PositionString} vertically inverted position string\n */\n\n\nfunction invertPositionVertically(position) {\n  var _getAlignment2 = getAlignment(position),\n      mainAxis = _getAlignment2.mainAxis,\n      xAlign = _getAlignment2.xAlign,\n      yAlign = _getAlignment2.yAlign;\n\n  var newYAlign = OPPOSITE_ALIGNMENTS[yAlign];\n  return mainAxis === 'x' ? \"\".concat(xAlign, \"-\").concat(newYAlign) : \"\".concat(newYAlign, \"-\").concat(xAlign);\n}\n/**\n * Normalize user-configured position to \"{mainAlign}-{crossAlign}\" format.\n *\n * - \"top\" -> \"top-center\"\n * - \"right\" -> \"right-middle\"\n * - \"center\" -> \"center-middle\"\n * - etc.\n *\n * @param {PositionString} position\n * @returns {PositionString}\n */\n\n\nfunction normalizePosition(position) {\n  var _getAlignment3 = getAlignment(position),\n      crossAlign = _getAlignment3.crossAlign,\n      mainAlign = _getAlignment3.mainAlign;\n\n  return \"\".concat(mainAlign, \"-\").concat(crossAlign);\n}\n/**\n * @param {PositionString} position\n * @param {PredicateCollisions} collides\n */\n\n\nfunction optimizePositionForCollisions(position, collides) {\n  var _getAlignment4 = getAlignment(position),\n      xAlign = _getAlignment4.xAlign,\n      yAlign = _getAlignment4.yAlign; // ----- COLLIDE WITH TOP EDGE -----\n  // CHANGE\n  // - 'top-*'            -> 'bottom-*'\n  // - '(left|right)-top' -> '(left|right)-bottom'\n  // - '(left|right)-end' -> '(left|right)-start'\n  //\n  // IGNORE\n  // - 'bottom-*'\n  // - '{H}-bottom'\n  // - '{H}-start'\n  // - '{H}-middle'\n\n\n  if (collides.top && yAlign.match(/top|end/)) {\n    position = invertPositionVertically(position);\n  } // ----- COLLIDE WITH BOTTOM EDGE -----\n  // CHANGE\n  // - 'bottom-*'            -> 'top-*'\n  // - '(left|right)-bottom' -> '(left|right)-top'\n  // - '(left|right)-start'  -> '(left|right)-end'\n  //\n  // IGNORE\n  // - 'top-*'\n  // - '{H}-top'\n  // - '{H}-middle'\n  // - '{H}-end'\n\n\n  if (collides.bottom && yAlign.match(/bottom|start/)) {\n    position = invertPositionVertically(position);\n  } // ----- COLLIDE WITH LEFT EDGE -----\n  // CHANGE\n  // - 'left-*'            -> 'right-*'\n  // - '(top|bottom)-left' -> '(top|bottom)-right'\n  // - '(top|bottom)-end'  -> '(top|bottom)-start'\n  //\n  // IGNORE\n  // - 'right-*'\n  // - '{V}-right'\n  // - '{V}-start'\n  // - '{V}-center'\n\n\n  if (collides.left && xAlign.match(/left|end/)) {\n    position = invertPositionHorizontally(position);\n  } // ----- COLLIDE WITH RIGHT EDGE -----\n  // CHANGE\n  // - 'right-*'            -> 'left-*'\n  // - '(top|bottom)-right' -> '(top|bottom)-left'\n  // - '(top|bottom)-start' -> '(top|bottom)-end'\n  //\n  // IGNORE\n  // - 'left-*'\n  // - '(top|bottom)-left'\n  // - '(top|bottom)-center'\n  // - '(top|bottom)-end'\n\n\n  if (collides.right && xAlign.match(/right|start/)) {\n    position = invertPositionHorizontally(position);\n  } // TODO: What if both sides of an axis collide?\n  // e.g., both left/right or top/bottom collide\n\n\n  return position;\n}\n\nvar index = /*#__PURE__*/Object.freeze({\n  __proto__: null,\n  getAlignment: getAlignment,\n  getCrossAxis: getCrossAxis,\n  getHorizontalAlignment: getHorizontalAlignment,\n  getMainAxis: getMainAxis,\n  getVerticalAlignment: getVerticalAlignment,\n  invertPositionHorizontally: invertPositionHorizontally,\n  invertPositionVertically: invertPositionVertically,\n  normalizePosition: normalizePosition,\n  optimizePositionForCollisions: optimizePositionForCollisions\n});\n/**\n * @module HelixUI/Utils/Offset\n * @description\n * Utilities to calculate coordinates of an offset element\n * in relation to a relative element.\n *\n * @example <caption>Positioning a menu below a button</caption>\n * let elOffset = document.querySelector('menu');\n * let elReference = document.querySelector('button');\n *\n * // grab bounding DOMRects\n * let offRect = elOffset.getBoundingClientRect();\n * let refRect = elRef.getBoundingClientRect();\n *\n * // Calculate coordinates\n * let { x, y } = getBottom(offRect, refRect);\n */\n\n/**\n * @external DOMRect\n * @description Object returned by Element.getBoundingClientRect().\n *\n * - MDN: [DOMRect](https://developer.mozilla.org/en-US/docs/Web/API/DOMRect)\n */\n\n/**\n * @global\n * @typedef {Number} Coordinate\n * @description Numeric, pixel coordinate\n */\n\n/**\n * @typedef {Object} OffsetDelta\n * @description\n * Calculated metadata\n *\n * @prop {Integer} dH - height difference between target element and offset element\n * @prop {Integer} dW - width difference between target element and offset element\n * @prop {Integer} dX - X delta (a positive value shifts the target RIGHT)\n * @prop {Integer} dY - Y delta (a positive value shifts the target DOWN)\n */\n\n/**\n * @typedef {Object} OffsetOptions\n * @description\n * Offset configuration object\n *\n * @default {}\n * @prop {Integer} [dX=0] - X offset (a positive value shifts the target RIGHT)\n * @prop {Integer} [dY=0] - Y offset (a positive value shifts the target DOWN)\n */\n\n/**\n * @typedef {Object} XYCoordinates\n * @global\n *\n * @prop {Coordinate} x - X coordinate\n * @prop {Coordinate} y - Y coordinate\n */\n\n/**\n * Utility function to calculate delta metadata\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {OffsetDelta}\n */\n\nfunction _getDeltas(off, ref) {\n  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; // height delta\n\n  var dH = ref.height - off.height; // width delta\n\n  var dW = ref.width - off.width; // X delta\n\n  var dX = opts.dX || 0; // Y delta\n\n  var dY = opts.dY || 0;\n  return {\n    dH: dH,\n    dW: dW,\n    dX: dX,\n    dY: dY\n  };\n}\n/**\n * Calculate { x, y } coordinates needed to center align two elements.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getCenter(off, ref) {\n  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n  var _getDeltas2 = _getDeltas(off, ref, opts),\n      dW = _getDeltas2.dW,\n      dH = _getDeltas2.dH,\n      dX = _getDeltas2.dX,\n      dY = _getDeltas2.dY;\n\n  var x = ref.left + dW / 2 + dX;\n  var y = ref.top + dH / 2 + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate { x, y } coordinates needed to position a target element above a\n * reference element, with their y-axes aligned.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getTop(off, ref, opts) {\n  var _getDeltas3 = _getDeltas(off, ref, opts),\n      dY = _getDeltas3.dY;\n\n  var _getCenter = getCenter(off, ref, opts),\n      x = _getCenter.x;\n\n  var y = ref.top - off.height + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element below a\n * reference element, with their y-axes aligned.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getBottom(off, ref, opts) {\n  var _getDeltas4 = _getDeltas(off, ref, opts),\n      dY = _getDeltas4.dY;\n\n  var _getCenter2 = getCenter(off, ref, opts),\n      x = _getCenter2.x;\n\n  var y = ref.top + ref.height + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element left of a\n * reference element, with their x-axes aligned.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getLeft(off, ref, opts) {\n  var _getDeltas5 = _getDeltas(off, ref, opts),\n      dX = _getDeltas5.dX;\n\n  var _getCenter3 = getCenter(off, ref, opts),\n      y = _getCenter3.y;\n\n  var x = ref.left - off.width + dX;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element right of a\n * reference element, with their x-axes aligned.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getRight(off, ref, opts) {\n  var _getDeltas6 = _getDeltas(off, ref, opts),\n      dX = _getDeltas6.dX;\n\n  var _getCenter4 = getCenter(off, ref, opts),\n      y = _getCenter4.y;\n\n  var x = ref.left + ref.width + dX;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element above and to the\n * left of a reference element, so that the right edge of the target element aligns\n * with the y-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getTopLeft(off, ref, opts) {\n  var _getTop = getTop(off, ref, opts),\n      xT = _getTop.x,\n      y = _getTop.y;\n\n  var x = xT - off.width / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element above and to the\n * left of a reference element, so that the left edge of the target element aligns\n * with the left edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getTopStart(off, ref, opts) {\n  var _getDeltas7 = _getDeltas(off, ref, opts),\n      dX = _getDeltas7.dX;\n\n  var x = ref.left + dX;\n\n  var _getTop2 = getTop(off, ref, opts),\n      y = _getTop2.y;\n\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element above and to the\n * right of a reference element, so that the right edge of the target element aligns\n * with the right edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getTopEnd(off, ref, opts) {\n  var _getDeltas8 = _getDeltas(off, ref, opts),\n      dX = _getDeltas8.dX;\n\n  var x = ref.right - off.width + dX;\n\n  var _getTop3 = getTop(off, ref, opts),\n      y = _getTop3.y;\n\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element above and to the\n * right of a reference element, so that the left edge of the target element aligns\n * with the y-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getTopRight(off, ref, opts) {\n  var _getTop4 = getTop(off, ref, opts),\n      xT = _getTop4.x,\n      y = _getTop4.y;\n\n  var x = xT + off.width / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element right and slightly higher\n * than the target element, so that the bottom edge of the target element aligns with the\n * x-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getRightTop(off, ref, opts) {\n  var _getRight = getRight(off, ref, opts),\n      yR = _getRight.y,\n      x = _getRight.x;\n\n  var y = yR - off.height / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element right and slightly higher\n * than the target element, so that the top edge of the target element aligns with the\n * top edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getRightStart(off, ref, opts) {\n  var _getDeltas9 = _getDeltas(off, ref, opts),\n      dY = _getDeltas9.dY;\n\n  var _getRight2 = getRight(off, ref, opts),\n      x = _getRight2.x;\n\n  var y = ref.top + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element right and slightly lower\n * than the target element, so that the bottom edge of the target element aligns with the\n * bottom edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getRightEnd(off, ref, opts) {\n  var _getDeltas10 = _getDeltas(off, ref, opts),\n      dY = _getDeltas10.dY;\n\n  var _getRight3 = getRight(off, ref, opts),\n      x = _getRight3.x;\n\n  var y = ref.bottom - off.height + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element right and\n * slightly lower than the target element, so that the top edge of the target\n * element aligns with the x-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getRightBottom(off, ref, opts) {\n  var _getRight4 = getRight(off, ref, opts),\n      x = _getRight4.x,\n      yR = _getRight4.y;\n\n  var y = yR + off.height / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element below and to the\n * right of a reference element, so that the left edge of the target element aligns\n * with the y-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getBottomRight(off, ref, opts) {\n  var _getBottom = getBottom(off, ref, opts),\n      xB = _getBottom.x,\n      y = _getBottom.y;\n\n  var x = xB + off.width / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element below and to the\n * right of a reference element, so that the right edge of the target element aligns\n * with the right edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getBottomEnd(off, ref, opts) {\n  var _getDeltas11 = _getDeltas(off, ref, opts),\n      dX = _getDeltas11.dX;\n\n  var x = ref.right - off.width + dX;\n\n  var _getBottom2 = getBottom(off, ref, opts),\n      y = _getBottom2.y;\n\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element below and to the\n * left of a reference element, so that the left edge of the target element aligns\n * with the left edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getBottomStart(off, ref, opts) {\n  var _getDeltas12 = _getDeltas(off, ref, opts),\n      dX = _getDeltas12.dX;\n\n  var _getBottom3 = getBottom(off, ref, opts),\n      y = _getBottom3.y;\n\n  var x = ref.left + dX;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element below and to the\n * left of a reference element, so that the right edge of the target element aligns\n * with the y-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getBottomLeft(off, ref, opts) {\n  var _getBottom4 = getBottom(off, ref, opts),\n      xB = _getBottom4.x,\n      y = _getBottom4.y;\n\n  var x = xB - off.width / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element left and slightly lower\n * than the target element, so that the top edge of the target element aligns with the\n * x-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getLeftBottom(off, ref, opts) {\n  var _getLeft = getLeft(off, ref, opts),\n      x = _getLeft.x,\n      yL = _getLeft.y;\n\n  var y = yL + off.height / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element left and slightly lower\n * than the target element, so that the bottom edge of the target element aligns with the\n * bottom edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getLeftEnd(off, ref, opts) {\n  var _getDeltas13 = _getDeltas(off, ref, opts),\n      dY = _getDeltas13.dY;\n\n  var _getLeft2 = getLeft(off, ref, opts),\n      x = _getLeft2.x;\n\n  var y = ref.bottom - off.height + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element left and slightly higher\n * than the target element, so that the top edge of the target element aligns with the\n * top edge of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getLeftStart(off, ref, opts) {\n  var _getDeltas14 = _getDeltas(off, ref, opts),\n      dY = _getDeltas14.dY;\n\n  var _getLeft3 = getLeft(off, ref, opts),\n      x = _getLeft3.x;\n\n  var y = ref.top + dY;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Calculate (x,y) coordinates needed to position a target element left and slightly higher\n * than the target element, so that the bottom edge of the target element aligns with the\n * x-axis of the reference element.\n *\n * @param {DOMRect} off - bounding rectangle for the target element\n * @param {DOMRect} ref - bounding rectangle for the reference element\n * @param {OffsetOptions} [opts={}] - offset configuration\n * @returns {XYCoordinates}\n */\n\n\nfunction getLeftTop(off, ref, opts) {\n  var _getLeft4 = getLeft(off, ref, opts),\n      x = _getLeft4.x,\n      yL = _getLeft4.y;\n\n  var y = yL - off.height / 2;\n  return {\n    x: x,\n    y: y\n  };\n}\n/**\n * Key/value map of position values and their respective offset calculation function\n *\n * @enum {Function}\n * @name offsetFunctionMap\n */\n\n\nvar fnMap = {\n  'bottom-center': getBottom,\n  'bottom-end': getBottomEnd,\n  'bottom-left': getBottomLeft,\n  'bottom-right': getBottomRight,\n  'bottom-start': getBottomStart,\n  'center-middle': getCenter,\n  'left-bottom': getLeftBottom,\n  'left-end': getLeftEnd,\n  'left-middle': getLeft,\n  'left-start': getLeftStart,\n  'left-top': getLeftTop,\n  'right-bottom': getRightBottom,\n  'right-end': getRightEnd,\n  'right-middle': getRight,\n  'right-start': getRightStart,\n  'right-top': getRightTop,\n  'top-center': getTop,\n  'top-end': getTopEnd,\n  'top-left': getTopLeft,\n  'top-right': getTopRight,\n  'top-start': getTopStart\n}; // position aliases\n\nfnMap['left'] = fnMap['left-middle'];\nfnMap['top'] = fnMap['top-center'];\nfnMap['right'] = fnMap['right-middle'];\nfnMap['bottom'] = fnMap['bottom-center'];\nfnMap['center'] = fnMap['center-middle'];\nvar offsetFunctionMap = fnMap;\nvar index$1 = /*#__PURE__*/Object.freeze({\n  __proto__: null,\n  getCenter: getCenter,\n  getTop: getTop,\n  getBottom: getBottom,\n  getLeft: getLeft,\n  getRight: getRight,\n  getTopLeft: getTopLeft,\n  getTopStart: getTopStart,\n  getTopEnd: getTopEnd,\n  getTopRight: getTopRight,\n  getRightTop: getRightTop,\n  getRightStart: getRightStart,\n  getRightEnd: getRightEnd,\n  getRightBottom: getRightBottom,\n  getBottomRight: getBottomRight,\n  getBottomEnd: getBottomEnd,\n  getBottomStart: getBottomStart,\n  getBottomLeft: getBottomLeft,\n  getLeftBottom: getLeftBottom,\n  getLeftEnd: getLeftEnd,\n  getLeftStart: getLeftStart,\n  getLeftTop: getLeftTop,\n  offsetFunctionMap: offsetFunctionMap\n});\nvar _account = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.3209877,1.925 C15.1937339,1.925 15.9012346,2.55266234 15.9012346,3.32692308 L15.9012346,3.32692308 L15.9012346,12.6730769 C15.9012346,13.4473377 15.1937339,14.075 14.3209877,14.075 L14.3209877,14.075 L1.67901235,14.075 C0.806266074,14.075 0.0987654321,13.4473377 0.0987654321,12.6730769 L0.0987654321,12.6730769 L0.0987654321,3.32692308 C0.0987654321,2.55266234 0.806266074,1.925 1.67901235,1.925 L1.67901235,1.925 Z M14.3817664,2.9375 L1.61823362,2.9375 C1.32452093,2.9375 1.08641975,3.14355077 1.08641975,3.39772727 L1.08641975,3.39772727 L1.08641975,12.6022727 C1.08641975,12.8564492 1.32452093,13.0625 1.61823362,13.0625 L1.61823362,13.0625 L14.3817664,13.0625 C14.6754791,13.0625 14.9135802,12.8564492 14.9135802,12.6022727 L14.9135802,12.6022727 L14.9135802,3.39772727 C14.9135802,3.14355077 14.6754791,2.9375 14.3817664,2.9375 L14.3817664,2.9375 Z M4.77352384,5.03703704 C5.77220738,5.03703704 6.58170474,5.81216876 6.58170474,6.76994417 C6.58170474,7.19249135 6.42234125,7.59457478 6.13494361,7.91051384 L6.06686574,7.97726827 L6.18291452,8.06228815 L6.29795063,8.1551932 L6.39377546,8.239955 L6.48679499,8.3291328 L6.68280502,8.53971463 L6.84791255,8.74898994 C7.04338882,9.0174286 7.20171194,9.31720762 7.32429099,9.65124215 L7.40954528,9.90823651 L7.46141134,10.0969232 L7.49780689,10.2516718 L7.53075218,10.4169046 L7.64120973,11.1604938 L1.925,11.1604938 L2.03232231,10.4343866 L2.08549306,10.1783266 C2.16989209,9.81969718 2.29870746,9.47966351 2.47147878,9.15946536 C2.70468678,8.72571269 2.97907604,8.37974802 3.29842966,8.12096395 L3.46187102,7.99883415 L3.48499074,7.98407211 L3.3953975,7.89205113 C3.2497582,7.72806948 3.13731194,7.53957972 3.06369163,7.33510034 L3.01584429,7.17887586 L2.98308476,7.01745389 L2.96874942,6.88682149 L2.96458913,6.76994417 C2.96458913,5.81233572 3.77466191,5.03703704 4.77352384,5.03703704 Z M4.37095617,8.59928737 C3.96856309,8.73434917 3.62777007,9.05942158 3.33874494,9.59698967 C3.28312664,9.70006777 3.23327796,9.80596332 3.1897883,9.91301411 L3.12939674,10.0742489 L3.08606574,10.212816 L6.47996574,10.212816 L6.42802096,10.0382764 C6.4033844,9.96589884 6.37683649,9.8959478 6.3484803,9.82860894 L6.25809002,9.63461451 L6.18186356,9.49642558 L6.12110517,9.39871902 L6.05918119,9.30839189 L5.93276374,9.14582664 L5.78285898,8.98564388 L5.71528945,8.92161261 C5.28312788,8.52644011 4.87530461,8.43034392 4.37095617,8.59928737 Z M13.315625,8.49382716 C13.4953641,8.49382716 13.6410714,8.71492111 13.6410714,8.98765432 C13.6410714,9.23008384 13.5259446,9.43171197 13.3741244,9.47352526 L13.315625,9.48148148 L8.759375,9.48148148 C8.5796359,9.48148148 8.43392857,9.26038753 8.43392857,8.98765432 C8.43392857,8.7452248 8.54905535,8.54359667 8.70087559,8.50178338 L8.759375,8.49382716 L13.315625,8.49382716 Z M4.77352384,5.98355417 C4.31383137,5.98355417 3.94261036,6.33613037 3.94261036,6.76994417 C3.94261036,7.20398751 4.31406712,7.55705396 4.77352384,7.55705396 C5.23274576,7.55705396 5.60368352,7.20421623 5.60368352,6.76994417 C5.60368352,6.33590169 5.23298146,5.98355417 4.77352384,5.98355417 Z M13.315625,6.51851852 C13.4953641,6.51851852 13.6410714,6.73961247 13.6410714,7.01234568 C13.6410714,7.2547752 13.5259446,7.45640333 13.3741244,7.49821662 L13.315625,7.50617284 L8.759375,7.50617284 C8.5796359,7.50617284 8.43392857,7.28507889 8.43392857,7.01234568 C8.43392857,6.76991616 8.54905535,6.56828803 8.70087559,6.52647474 L8.759375,6.51851852 L13.315625,6.51851852 Z'/></svg>\";\nvar _angleBottom = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 3.002c0-.284.123-.566.359-.763a1.006 1.006 0 0 1 1.409.126L7.997 7.4l4.235-5.043c.354-.42.984-.478 1.409-.126a.988.988 0 0 1 .127 1.398L7.997 10.5 2.232 3.638A.986.986 0 0 1 2 3.002zM14 13a1 1 0 0 1-1 1H3a1 1 0 1 1 0-2h10a1 1 0 0 1 1 1z'/></svg>\";\nvar _angleDown = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.004 12.25L2.233 5.378a.988.988 0 0 1 .126-1.398 1.007 1.007 0 0 1 1.409.127l4.236 5.042 4.229-5.034c.352-.42.98-.478 1.408-.127.424.35.48.977.127 1.398L8.004 12.25z'/></svg>\";\nvar _angleEnd = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.002 14a.991.991 0 0 1-.763-.359 1.006 1.006 0 0 1 .126-1.409L7.4 8.003 2.357 3.768a1.005 1.005 0 0 1-.126-1.409.988.988 0 0 1 1.398-.127L10.5 8.003l-6.862 5.765a.986.986 0 0 1-.636.232zM13 2a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1z'/></svg>\";\nvar _angleLeft = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.248 14a.986.986 0 0 1-.636-.232L3.75 8.003l6.871-5.77a.988.988 0 0 1 1.398.126 1.005 1.005 0 0 1-.126 1.41L6.85 8.002l5.035 4.23c.42.353.477.983.126 1.408a.991.991 0 0 1-.763.36z'/></svg>\";\nvar _angleRight = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.388 2.232a.988.988 0 0 0-1.398.127 1.004 1.004 0 0 0 .126 1.409l5.033 4.229-5.042 4.235a1.005 1.005 0 0 0-.126 1.409.985.985 0 0 0 1.398.127l6.871-5.771-6.862-5.765z'/></svg>\";\nvar _angleStart = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12.998 14a.986.986 0 0 1-.636-.232L5.5 8.003l6.871-5.77a.988.988 0 0 1 1.398.126 1.005 1.005 0 0 1-.126 1.41L8.6 8.002l5.035 4.23c.42.353.477.983.126 1.408a.991.991 0 0 1-.763.36zM3 2a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1z'/></svg>\";\nvar _angleTop = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 12.998c0-.225.076-.45.232-.636L7.997 5.5l5.771 6.871a.988.988 0 0 1-.127 1.398 1.005 1.005 0 0 1-1.409-.126L7.997 8.6l-4.229 5.035c-.354.42-.984.477-1.409.126A.991.991 0 0 1 2 12.998zM14 3a1 1 0 0 1-1 1H3a1 1 0 0 1 0-2h10a1 1 0 0 1 1 1z'/></svg>\";\nvar _angleUp = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M13.001 12.25c-.287 0-.571-.122-.769-.356L7.996 6.85l-4.228 5.034a1.005 1.005 0 0 1-1.409.127.99.99 0 0 1-.127-1.4L7.996 3.75l5.772 6.87a.99.99 0 0 1-.127 1.4c-.188.155-.414.23-.64.23'/></svg>\";\nvar _bell = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7.82241729,0.00630234998 C7.07863262,0.0631722164 6.46191561,0.503853842 6.17480937,1.17468745 L6.12041448,1.31551205 L6.29907174,1.2543462 C4.86693113,1.70412166 3.79932216,2.63503457 3.01102551,4.00782053 C2.45332428,4.97909719 2.09868772,6.03952303 1.92835417,7.194212 L1.86056388,7.74494223 L1.792473,8.33426418 C1.78542198,8.39057211 1.77847065,8.44422761 1.77154717,8.49563565 L1.72976584,8.78035434 L1.68520457,9.03057352 L1.63441488,9.26573256 C1.62523931,9.30475069 1.61566055,9.34395128 1.60560673,9.38373933 C1.52170882,9.71655422 1.36753406,9.95957286 1.11499402,10.1491352 C0.869729271,10.3333088 0.65766662,10.5322604 0.478276322,10.7529875 C0.234125544,11.0533687 0.0773786956,11.3970988 0.00904095431,11.7764351 L0,11.8776139 L0,12.2207826 L0.0147311952,12.3496098 C0.089866589,12.6738508 0.181488311,12.937936 0.319785102,13.1881228 L0.393519536,13.3083985 C0.653268238,13.6915244 1.05108843,13.8958667 1.53894845,13.8958667 L5.51399213,13.8934359 L5.51750215,13.9174905 C5.53991578,14.0676223 5.57690922,14.2156548 5.62817767,14.355433 C5.95200659,15.2364139 6.62360115,15.7879119 7.56779898,15.9877637 L7.68597164,16.0001331 L8.31344106,16.0001331 L8.43673482,15.9866552 L8.62432732,15.9397828 C9.60369957,15.6658966 10.2434235,15.0104422 10.4613503,14.0133778 L10.4823835,13.8934359 L14.4505889,13.8960491 C14.9953901,13.8963406 15.4269956,13.6464099 15.6827223,13.1777186 C16.2239489,12.1857791 16.0702137,11.240156 15.240884,10.4564717 C15.1691119,10.3886011 15.0951799,10.3219298 15.0143634,10.251983 L14.7465363,10.0278406 C14.5648775,9.87996949 14.469402,9.69364868 14.3724685,9.3027401 L14.3128831,9.03796997 L14.2727677,8.81639052 L14.2364109,8.56331235 L14.1989216,8.24901649 L14.1157734,7.5091975 L14.0747825,7.22127027 C13.817534,5.58700231 13.2761282,4.22720215 12.3463906,3.07367913 L12.1674589,2.86152545 C11.5590043,2.17237278 10.8303015,1.66391632 9.97860343,1.34915879 L9.87317513,1.31272603 L9.82003244,1.17256021 C9.50829398,0.441774326 8.82410434,-0.00149553284 7.98356539,3.79143844e-06 L7.82241729,0.00630234998 Z M7.97868572,13.5591142 L9.32618774,13.8460736 L9.31131896,13.9065109 C9.16811917,14.3902905 8.85857789,14.6850763 8.33752935,14.8349471 L8.24335703,14.8583253 L7.75487594,14.8583253 L7.80414431,14.8711526 C7.23362135,14.750394 6.88376798,14.4631025 6.69958568,13.9620323 L6.66554452,13.8488597 L7.97868572,13.5591142 Z M7.98565969,1.14137167 C8.38210384,1.14066724 8.66043724,1.32417306 8.78634538,1.66068926 L8.81951075,1.76620322 C8.89423692,2.05452513 9.08895095,2.25832663 9.37610392,2.34905258 C10.2088033,2.61120633 10.8947985,3.09140895 11.4577382,3.78990278 C12.2514229,4.77462532 12.7191851,5.94946146 12.9472837,7.39854347 L12.984371,7.65998767 L13.086658,8.56675381 L13.1270209,8.87525866 L13.1701338,9.1398646 L13.2216657,9.39363805 C13.3840639,10.1254969 13.5677552,10.5399867 14.0256479,10.9127129 L14.2631819,11.1113342 C14.3336772,11.1722626 14.3968583,11.2291808 14.4568309,11.2858933 C14.9109341,11.7150031 14.9728449,12.0958154 14.6808067,12.6310518 L14.6490597,12.6814701 C14.6060694,12.7381744 14.556366,12.7546995 14.4511177,12.7546995 L11.6302212,12.7530275 L11.6511211,12.7491581 L6.59682285,12.7511702 L4.18478766,12.7506819 L4.19435024,12.7520989 L1.53864603,12.7545169 C1.41381846,12.7545169 1.37039712,12.7294148 1.3185563,12.6357321 L1.27302391,12.5457314 C1.22977581,12.4521752 1.19300704,12.3471026 1.15935554,12.2228648 L1.14087907,12.1512486 L1.14087907,11.9385828 L1.13230885,11.9787927 C1.1666255,11.7883042 1.2420913,11.6228153 1.36397953,11.472855 C1.45200348,11.3645477 1.5553958,11.2611164 1.67509041,11.1609775 L1.80025371,11.0618775 C2.26896778,10.71005 2.56657243,10.2409493 2.71225487,9.66304058 L2.77567299,9.39409485 L2.82921333,9.12445659 L2.87677782,8.8329127 L2.92226836,8.49825007 L3.01283634,7.70782836 C3.14022864,6.55223669 3.46239079,5.51385237 4.00080544,4.57616468 C4.65346971,3.43957688 5.49967949,2.70171534 6.64081124,2.34333354 C6.90571616,2.26026739 7.0640896,2.08707495 7.14696497,1.86032026 L7.17795113,1.75996696 C7.26708396,1.41369852 7.52125605,1.19021227 7.86701131,1.14848955 L7.98565969,1.14137167 Z'/></svg>\";\nvar _billing = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M13,0 C13.8284271,0 14.5,0.7163444 14.5,1.6 L14.5,1.6 L14.5,14.4 C14.5,15.2836556 13.8284271,16 13,16 L13,16 L3,16 C2.17157288,16 1.5,15.2836556 1.5,14.4 L1.5,14.4 L1.5,1.6 C1.5,0.7163444 2.17157288,0 3,0 L3,0 Z M12.9242424,1.14285714 L3.07575758,1.14285714 C2.80379918,1.14285714 2.58333333,1.37901464 2.58333333,1.67032967 L2.58333333,1.67032967 L2.58333333,14.3296703 C2.58333333,14.6209854 2.80379918,14.8571429 3.07575758,14.8571429 L3.07575758,14.8571429 L12.9242424,14.8571429 C13.1962008,14.8571429 13.4166667,14.6209854 13.4166667,14.3296703 L13.4166667,14.3296703 L13.4166667,1.67032967 C13.4166667,1.37901464 13.1962008,1.14285714 12.9242424,1.14285714 L12.9242424,1.14285714 Z M10.84375,12.5714286 C11.0681157,12.5714286 11.25,12.8272659 11.25,13.1428571 C11.25,13.4233827 11.1062889,13.6566953 10.916774,13.7050792 L10.84375,13.7142857 L5.15625,13.7142857 C4.93188432,13.7142857 4.75,13.4584484 4.75,13.1428571 C4.75,12.8623316 4.89371107,12.629019 5.08322605,12.5806351 L5.15625,12.5714286 L10.84375,12.5714286 Z M10.84375,10.8571429 C11.0681157,10.8571429 11.25,11.1129801 11.25,11.4285714 C11.25,11.709097 11.1062889,11.9424096 10.916774,11.9907935 L10.84375,12 L5.15625,12 C4.93188432,12 4.75,11.7441627 4.75,11.4285714 C4.75,11.1480458 4.89371107,10.9147333 5.08322605,10.8663493 L5.15625,10.8571429 L10.84375,10.8571429 Z M8.04225,2.28571429 L8.06238826,2.28770626 L8.13808147,2.31238072 L8.18331157,2.3471878 C8.22138039,2.38734831 8.24158333,2.43910844 8.24154484,2.49904654 L8.24154484,2.49904654 L8.22425,3.04114286 L8.36206115,3.07195326 C8.66686794,3.15150104 8.9251497,3.28946143 9.1354245,3.48589611 L9.1354245,3.48589611 L9.2558167,3.61077433 C9.524779,3.92030936 9.65966667,4.3026483 9.65966667,4.752 L9.65966667,4.752 L9.65777844,4.90924476 L9.63438911,4.98909693 L9.6013949,5.0368122 C9.56332608,5.07697272 9.51426179,5.09828571 9.46033333,5.09828571 L9.46033333,5.09828571 L8.79561174,5.09629374 L8.71991853,5.07161928 L8.67468843,5.0368122 C8.63661961,4.99665169 8.61641667,4.94489156 8.61641667,4.888 L8.61641667,4.888 L8.61665487,4.80757462 L8.60972263,4.69333984 C8.58766766,4.52282306 8.51082096,4.37607381 8.37591682,4.24935367 C8.21287154,4.0961996 7.98448648,4.01828571 7.68583333,4.01828571 C7.44047991,4.01828571 7.2566476,4.07268155 7.13131776,4.17754259 C7.01162752,4.27768509 6.95241667,4.41769105 6.95241667,4.608 C6.95241667,4.74295743 6.98392722,4.84804473 7.04556871,4.92775695 C7.113464,5.01555632 7.21787522,5.09816739 7.35953873,5.17411598 C7.38955413,5.19020782 7.42289577,5.20723911 7.45956557,5.22520848 L7.45956557,5.22520848 L7.71953786,5.34427069 L8.25962843,5.57154056 C8.51538988,5.68379988 8.72675458,5.78773191 8.89400255,5.88357446 C9.11299657,6.00907043 9.30075405,6.18434439 9.45665872,6.40836504 C9.61765721,6.63970505 9.69758333,6.92609436 9.69758333,7.264 C9.69758333,7.71399503 9.56352502,8.08920198 9.29578634,8.38318013 C9.02979479,8.67523992 8.66307738,8.85160563 8.22656732,8.90611162 L8.256,8.901 L8.26244511,9.39724476 L8.23905577,9.47709693 L8.20606157,9.5248122 C8.16799274,9.56497272 8.11892846,9.58628571 8.065,9.58628571 L8.065,9.58628571 L7.45336174,9.58429374 L7.37766853,9.55961928 L7.33243843,9.5248122 C7.29436961,9.48465169 7.27416667,9.43289156 7.27417873,9.37429443 L7.27417873,9.37429443 L7.28391667,8.89371429 L7.14284755,8.86466605 C6.83243138,8.78677625 6.57092032,8.65414839 6.35965548,8.46643645 L6.35965548,8.46643645 L6.23893685,8.34719644 C5.96871993,8.0506147 5.83333333,7.67407495 5.83333333,7.224 L5.83333333,7.224 L5.83522156,7.00275524 L5.85861089,6.92290307 L5.8916051,6.8751878 C5.92967392,6.83502728 5.97873821,6.81371429 6.03266667,6.81371429 L6.03266667,6.81371429 L6.68980493,6.81570626 L6.76549813,6.84038072 L6.81072823,6.8751878 C6.84879706,6.91534831 6.869,6.96710844 6.869,7.024 L6.869,7.024 L6.8687149,7.16771405 L6.87602124,7.27830085 C6.89915558,7.44131679 6.98000215,7.57987187 7.12315389,7.69797508 C7.29950902,7.84347179 7.54409343,7.91771429 7.86025,7.91771429 C8.13433563,7.91771429 8.33294228,7.85616065 8.45974489,7.73826185 C8.58526456,7.62155592 8.64675,7.47423822 8.64675,7.288 C8.64675,7.16439137 8.61451776,7.06344423 8.55000038,6.98049333 C8.47945638,6.8897939 8.37373744,6.80584833 8.2320446,6.72988402 C8.20178444,6.71366096 8.16851462,6.69640446 8.13226092,6.67812663 L8.13226092,6.67812663 L7.87913854,6.55630075 L7.55564107,6.41054464 C7.21284426,6.2702099 6.93318083,6.13758194 6.71621592,6.01223957 C6.48942715,5.88122189 6.30006801,5.70286164 6.14903601,5.47809187 C5.99375129,5.2469931 5.91675,4.96123008 5.91675,4.624 C5.91675,4.19029148 6.04427926,3.8286346 6.2991267,3.54533025 C6.5517137,3.26453875 6.89365164,3.09059195 7.29676601,3.02988838 L7.2655,3.03542857 L7.25330489,2.47475524 L7.27669423,2.39490307 L7.30968843,2.3471878 C7.34775726,2.30702728 7.39682154,2.28571429 7.45075,2.28571429 L7.45075,2.28571429 L8.04225,2.28571429 Z'/></svg>\";\nvar _calendar = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6 3h4V2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1V2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1zM3 7v2h2V7H3zm4 0v2h2V7H7zm4 0v2h2V7h-2zm-4 4v2h2v-2H7zm-4 0v2h2v-2H3zm1-9v3h1V2H4zm7 0v3h1V2h-1z'/></svg>\";\nvar _chart = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M15 12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v9h13zM11.267 2H15v3.78l-1.174-1.19-4.05 4.049a1 1 0 0 1-1.413 0l-1.42-1.42-2.68 2.679a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414l3.387-3.386a.996.996 0 0 1 1.414 0l1.42 1.42 3.35-3.351L11.267 2z'/></svg>\";\nvar _checkmark = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7.038 14.997c-.438 0-.858-.192-1.145-.53L1.355 9.111a1.5 1.5 0 0 1 2.289-1.939l3.171 3.742 5.392-9.175a1.5 1.5 0 0 1 2.586 1.52L8.331 14.257a1.5 1.5 0 0 1-1.293.74'/></svg>\";\nvar _checkmarkCircle = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12.16 5.9l-4.164 5.418a1 1 0 0 1-.74.39c-.018.002-.035.002-.053.002-.273 0-.535-.113-.725-.312L3.91 8.694a1 1 0 0 1 1.45-1.378l1.763 1.856 3.451-4.492A1 1 0 0 1 12.16 5.9M8 1C4.14 1 1 4.14 1 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7'/></svg>\";\nvar _clock = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm1-7.478V3a1 1 0 1 0-2 0v4.792a.998.998 0 0 0 .278.83l2.558 2.613a.989.989 0 0 0 1.407.008l.007-.008a1 1 0 0 0 .008-1.406L9 7.522z'/></svg>\";\nvar _cog = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.006 10.16A2.19 2.19 0 0 1 5.82 7.973a2.19 2.19 0 0 1 2.187-2.188 2.19 2.19 0 0 1 2.188 2.188 2.19 2.19 0 0 1-2.188 2.187m6.778-3.458l-1.292-.209a5.673 5.673 0 0 0-.73-1.635l.807-.972a.246.246 0 0 0-.014-.323L12.22 2.23a.253.253 0 0 0-.326-.019l-1.058.834a5.634 5.634 0 0 0-1.615-.626l-.085-1.2A.238.238 0 0 0 8.904 1H7.019a.243.243 0 0 0-.237.218l-.102 1.23a5.63 5.63 0 0 0-1.539.618L4.03 2.209a.256.256 0 0 0-.327.021L2.369 3.563a.253.253 0 0 0-.019.326l.845 1.059a5.65 5.65 0 0 0-.688 1.597l-1.29.1A.241.241 0 0 0 1 6.88v1.886c0 .12.098.23.217.245l1.228.148a5.62 5.62 0 0 0 .647 1.669l-.741.93a.25.25 0 0 0 .018.325l1.333 1.333a.263.263 0 0 0 .33.024l.915-.677c.547.35 1.157.609 1.81.756l.094 1.263a.24.24 0 0 0 .235.218h1.761c.12 0 .232-.097.247-.217l.16-1.264a5.634 5.634 0 0 0 1.776-.735l.862.654a.26.26 0 0 0 .329-.022l1.334-1.333a.263.263 0 0 0 .023-.331l-.671-.903c.33-.563.568-1.187.69-1.852l1.185-.094A.24.24 0 0 0 15 8.668V6.955a.267.267 0 0 0-.216-.253'/></svg>\";\nvar _copy = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M9 6c.55 0 1 .45 1 1v7c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h7zm5-5a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-2a1 1 0 1 1 0-2h1V3H8v1a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1h7z'/></svg>\";\nvar _critical = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.7243621,1.5 C11.9186443,1.5 12.0980697,1.59444093 12.1917823,1.74636766 L12.1917823,1.74636766 L15.9322869,7.76595073 C16.022571,7.91069172 16.022571,8.08930828 15.9322869,8.23507581 L15.9322869,8.23507581 L12.1917823,14.2536323 C12.0980697,14.4055591 11.9186443,14.5 11.7243621,14.5 L11.7243621,14.5 L4.27535223,14.5 C4.08221282,14.5 3.90278745,14.4055591 3.807932,14.2536323 L3.807932,14.2536323 L0.0685702041,8.23507581 C-0.0228567347,8.08930828 -0.0228567347,7.91069172 0.0685702041,7.76595073 L0.0685702041,7.76595073 L3.807932,1.74636766 C3.90278745,1.59444093 4.08221282,1.5 4.27535223,1.5 L4.27535223,1.5 Z M10.3879795,4.73411646 L7.96260323,7.15807851 L5.66551634,4.86038553 L4.85739431,5.66850756 L7.15438018,7.96630156 L4.73112524,10.3909707 L5.49715758,11.1570031 L7.92088393,8.73280531 L10.2196207,11.030734 L11.0277428,10.222612 L8.72910698,7.92458226 L11.1540118,5.50014881 L10.3879795,4.73411646 Z' fill='#D6251F'/></svg>\";\nvar _download = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14 8a1 1 0 0 1 1 1v4.5c0 .827-.673 1.5-1.5 1.5h-11c-.827 0-1.5-.673-1.5-1.5V9a1 1 0 1 1 2 0v4h10V9a1 1 0 0 1 1-1zm-7 .674l.003-6.671a1 1 0 1 1 2 0L9 8.679l1.513-1.483a1.027 1.027 0 0 1 1.438 0 .988.988 0 0 1 0 1.415l-3.948 3.887-3.954-3.89a.988.988 0 0 1 0-1.416 1.027 1.027 0 0 1 1.438 0L7 8.674z'/></svg>\";\nvar _envelope = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.995 2C15.55 2 16 2.458 16 3.019v1.055L8.017 8.861 0 4.062V3.019C0 2.458.453 2 1.005 2h13.99zm-6.978 8.885c.189 0 .379-.05.545-.15L16 6.276V12.982c0 .56-.45 1.019-1 1.019H1c-.549 0-1-.458-1-1.02V6.263l7.473 4.474c.165.099.355.149.544.149z'/></svg>\";\nvar _exclamationCircle = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1c3.85 0 7 3.15 7 7s-3.15 7-7 7-7-3.15-7-7 3.15-7 7-7zm.5 11.5c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zm.065-3c.268 0 .52-.249.507-.5l.175-5c.032-.299-.203-.5-.472-.5h-1.55a.48.48 0 0 0-.475.5l.148 5c.008.275.235.5.504.5h1.163z'/></svg>\";\nvar _exclamationDiamond = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M15.692 7.253c.41.412.41 1.082 0 1.492l-6.946 6.948c-.41.41-1.082.41-1.492 0L.308 8.745a1.057 1.057 0 0 1 0-1.493L7.254.308c.41-.41 1.082-.41 1.492 0l6.946 6.946zM8.5 12.5c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zm.065-3c.268 0 .52-.249.507-.5l.175-5c.032-.299-.203-.5-.472-.5h-1.55a.48.48 0 0 0-.475.5l.148 5c.008.275.235.5.504.5h1.163z'/></svg>\";\nvar _exclamationTriangle = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.832 13.3c.438.88-.016 1.697-.944 1.698C11.925 15.001 9.962 15 8 15c-1.973 0-3.944.002-5.914 0-.608 0-1.054-.39-1.084-.985a1.395 1.395 0 0 1 .145-.663C3.123 9.44 5.104 5.533 7.088 1.627c.2-.393.5-.634.925-.627.433.007.72.272.923.674 1.68 3.317 3.364 6.632 5.046 9.947.284.56.57 1.117.851 1.68zm-6.332.2c.275 0 .5-.225.5-.5v-1c0-.275-.225-.5-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zm.065-3c.268 0 .52-.249.507-.5l.175-5c.032-.299-.203-.5-.472-.5h-1.55a.48.48 0 0 0-.475.5l.148 5c.008.275.235.5.504.5h1.163z'/></svg>\";\nvar _externalLink = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11 9a1 1 0 1 1 2 0v4.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 1 13.5v-9A1.5 1.5 0 0 1 2.5 3H7a1 1 0 1 1 0 2H3v8h8V9zm2-4.586L7.707 9.707a1 1 0 1 1-1.414-1.414L11.586 3H10a1 1 0 1 1 0-2h5v5a1 1 0 1 1-2 0V4.414z'/></svg>\";\nvar _file = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 0h8.5L14 2.5V15a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1zm10 3h-1.5c-.323 0-.5-.183-.5-.5V1H3v14h10V3z'/></svg>\";\nvar _filter = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.811 2.084L9.909 6.986v7.378a.644.644 0 0 1-.387.587.743.743 0 0 1-.25.049.592.592 0 0 1-.447-.189L6.28 12.266a.63.63 0 0 1-.189-.447V6.986L1.19 2.084a.626.626 0 0 1-.14-.696c.1-.229.329-.388.587-.388h12.727c.258 0 .487.16.586.389a.626.626 0 0 1-.139.695'/></svg>\";\nvar _fishHook = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 5.5 L8.5 11.5 L5 11.5 L5 11.5 C5 14.6045752 9.80584391 14.6654492 9.99430837 11.6826221 L10 11.5 L10.0000889 5.82932572 C8.8348501 5.41751442 8 4.30625206 8 3 C8 1.34314575 9.34314575 0 11 0 C12.6568542 0 14 1.34314575 14 3 C14 4.30588222 13.1656226 5.41688515 12.0009007 5.82897577 L12 11.5 C12 17.3333333 3 17.3333333 3 11.5 L3 5.5 Z M11 2 C10.4477153 2 10 2.44771525 10 3 C10 3.55228475 10.4477153 4 11 4 C11.5522847 4 12 3.55228475 12 3 C12 2.44771525 11.5522847 2 11 2 Z'></path></svg>\";\nvar _flag = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 2.5c1.566.783 3.13.95 5.315.303.472-.14.685.1.685.471v7.419c0 .2-.027.322-.281.441-1.899.887-3.813.82-5.719-.134-1.333-.667-2.667-.722-4-.5V14a1 1 0 0 1-2 0V2a1 1 0 0 1 1-1c.496 0 .908.526.987 1C5.32 1.774 6.662 1.831 8 2.5z'/></svg>\";\nvar _globe = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12.54 13.34a7.007 7.007 0 0 1-2.594 1.39c.434-.64.793-1.495 1.057-2.497a6.535 6.535 0 0 1 1.537 1.108zm-6.602-1.438A6.525 6.525 0 0 1 8 11.57c.72 0 1.414.117 2.062.332C9.59 13.778 8.801 15.003 8 15.003c-.8 0-1.59-1.225-2.062-3.1zM3.46 13.341c.453-.44.97-.814 1.537-1.108.264 1.002.623 1.856 1.057 2.498a7.007 7.007 0 0 1-2.594-1.39zm9.797-.703a7.536 7.536 0 0 0-2.028-1.413c.155-.843.25-1.762.274-2.725H15a6.962 6.962 0 0 1-1.743 4.138zm-7.53-1.79A16.764 16.764 0 0 1 5.501 8.5h4.998a16.764 16.764 0 0 1-.226 2.349A7.532 7.532 0 0 0 8 10.5c-.792 0-1.556.122-2.273.349zm-2.984 1.79A6.962 6.962 0 0 1 1 8.5h3.497c.025.963.119 1.882.274 2.725a7.536 7.536 0 0 0-2.028 1.413zM13.257 3.36A6.962 6.962 0 0 1 15 7.498h-3.497a17.615 17.615 0 0 0-.274-2.725 7.536 7.536 0 0 0 2.028-1.413zm-7.53 1.79c.717.226 1.48.349 2.273.349.792 0 1.556-.123 2.273-.349.123.725.203 1.516.226 2.349H5.501c.023-.833.103-1.624.226-2.349zM2.743 3.36a7.536 7.536 0 0 0 2.028 1.413c-.155.843-.25 1.762-.274 2.725H1A6.962 6.962 0 0 1 2.743 3.36zm9.797-.698c-.453.44-.97.814-1.537 1.108-.264-1.001-.623-1.856-1.057-2.497a7.007 7.007 0 0 1 2.594 1.39zm-6.602 1.44C6.41 2.225 7.199 1 8 1c.8 0 1.59 1.226 2.062 3.101A6.525 6.525 0 0 1 8 4.433c-.72 0-1.414-.116-2.062-.332zM3.46 2.661a7.007 7.007 0 0 1 2.594-1.39c-.434.642-.793 1.497-1.057 2.498A6.535 6.535 0 0 1 3.46 2.662z'/></svg>\";\nvar _grid = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M9 10 L9 14 C9 14.553 9.448 15 10 15 L14 15 C14.552 15 15 14.553 15 14 L15 10 C15 9.448 14.552 9 14 9 L10 9 C9.448 9 9 9.448 9 10 M9 2 L9 6 C9 6.553 9.448 7 10 7 L14 7 C14.552 7 15 6.553 15 6 L15 2 C15 1.448 14.552 1 14 1 L10 1 C9.448 1 9 1.448 9 2 M1 10 L1 14 C1 14.553 1.448 15 2 15 L6 15 C6.552 15 7 14.553 7 14 L7 10 C7 9.448 6.552 9 6 9 L2 9 C1.448 9 1 9.448 1 10 M2 1 L6 1 C6.552 1 7 1.448 7 2 L7 6 C7 6.553 6.552 7 6 7 L2 7 C1.448 7 1 6.553 1 6 L1 2 C1 1.448 1.448 1 2 1'/></svg>\";\nvar _heartbeatOutline = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.01582209 5.72757766 L9.34691943 10.8910602 C9.44287277 11.264693 9.82464455 11.4903019 10.1992709 11.3933207 C10.389136 11.3443197 10.5473569 11.2187546 10.6392271 11.0492927 L10.6800583 10.9614992 L11.5334306 8.68091002 L14.0874225 8.67580575 C13.7505651 11.7363278 11.1485964 14.1251276 8.00051039 14.1251276 C4.85140357 14.1251276 2.25045571 11.7373487 1.91257747 8.6768266 L3.91432738 8.68091002 L5.05964273 12.2202129 C5.17805323 12.5877206 5.57207437 12.7888289 5.94057601 12.6704098 C6.13758658 12.6071168 6.29376595 12.4590929 6.37236602 12.2712557 L6.40401021 12.1742745 L8.01582209 5.72757766 Z M8.00051039 1.87589325 C11.2118848 1.87589325 13.8546847 4.36065335 14.1057966 7.50896894 L11.2088225 7.51407321 C10.9536274 7.51509406 10.7219103 7.65393029 10.5994167 7.87137232 L10.5545024 7.96937436 L10.1074007 9.16581595 L8.68647466 3.65626367 C8.62318629 3.408196 8.42821728 3.21525448 8.17914692 3.15298235 C7.83820634 3.06723057 7.49318265 3.24792183 7.36252279 3.5633659 L7.32985782 3.66136795 L5.66802771 10.310194 L4.92081662 7.99897915 C4.83711265 7.74274464 4.61662413 7.56001167 4.35530441 7.52224005 L4.25526795 7.51407321 L1.89522421 7.50998979 C2.14531535 4.36065335 4.7881152 1.87589325 8.00051039 1.87589325 L8.00051039 1.87589325 Z M8.00051039 1 C4.1348159 1 1 4.13402363 1 8.00102085 C1 11.8659764 4.1348159 15 8.00051039 15 C11.8651841 15 15 11.8659764 15 8.00102085 C15 4.13402363 11.8651841 1 8.00051039 1 L8.00051039 1 Z'/></svg>\";\nvar _heartbeatFill = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 -4.26325641e-14 C12.418278 -4.26325641e-14 16 3.581722 16 8 C16 12.418278 12.418278 16 8 16 C3.581722 16 0 12.418278 0 8 C0 3.581722 3.581722 -4.26325641e-14 8 -4.26325641e-14 Z M8 1.14285714 C4.21290457 1.14285714 1.14285714 4.21290457 1.14285714 8 C1.14285714 11.7870954 4.21290457 14.8571429 8 14.8571429 C11.7870954 14.8571429 14.8571429 11.7870954 14.8571429 8 C14.8571429 4.21290457 11.7870954 1.14285714 8 1.14285714 Z M8.01538894 5.77367024 L9.3191083 10.8314485 C9.41363658 11.1981709 9.78755414 11.4188278 10.1542765 11.3242996 C10.3400454 11.2764148 10.4957631 11.1534038 10.5858787 10.9872373 L10.6253051 10.9007058 L11.461759 8.66641094 L13.9637727 8.66151017 C13.6333985 11.6599626 11.0842385 14 8 14 C4.91530401 14 2.36705823 11.6604811 2.03632622 8.66250676 L3.99756704 8.66627243 L5.11870742 12.1329539 C5.23524115 12.4932882 5.62181907 12.6909276 5.98215337 12.5743939 C6.17512784 12.5119851 6.32883654 12.3680784 6.40496213 12.1836797 L6.43638227 12.0882958 L8.01538894 5.77367024 Z M8 2 C11.1457456 2 13.7348584 4.43429992 13.9808775 7.51865095 L11.1433889 7.52409954 C10.8935389 7.52452915 10.6668039 7.66039593 10.546956 7.87350502 L10.5023809 7.96939694 L10.0636584 9.14129096 L8.67267164 3.74495874 C8.60991183 3.50148212 8.41893165 3.31188018 8.17500686 3.25088545 C7.8410092 3.16736751 7.5029519 3.34436945 7.37522415 3.65327298 L7.3434301 3.74977246 L5.7149063 10.2624226 L4.9828348 7.99878212 C4.90162121 7.74766133 4.68494647 7.56836072 4.4292649 7.53120511 L4.33174425 7.52407216 L2.0190366 7.51965608 C2.2644995 4.4348288 4.8530974 2 8 2 Z'/></svg>\";\nvar _helpCircle = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M10.789 6.858c-.14.278-.366.562-.677.853l-.733.657c-.209.192-.354.39-.435.591a2.55 2.55 0 0 0-.134.541H6.985c0-.367.07-.838.21-1.183.142-.347.368-.647.684-.9.314-.254.554-.486.717-.697.165-.211.247-.444.247-.697 0-.618-.278-.927-.831-.927-.254 0-.46.09-.618.27-.14.159-.217.377-.24.748H5c.034-.893.293-1.498.792-1.93.527-.456 1.267-.684 2.22-.684.95 0 1.684.21 2.206.632.52.422.782 1.02.782 1.8 0 .339-.07.648-.211.926m-2.075 5.861A.98.98 0 0 1 8 13a.98.98 0 0 1-.714-.28A.965.965 0 0 1 7 12c0-.291.095-.532.286-.72A.98.98 0 0 1 8 11a.968.968 0 0 1 1 1 .969.969 0 0 1-.286.72M8 1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/></svg>\";\nvar _information = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8,0 C12.418,0 16,3.582 16,8 C16,12.418 12.418,16 8,16 C3.582,16 0,12.418 0,8 C0,3.582 3.582,0 8,0 Z M8.66666667,6 L7.33333333,6 L7.33333333,12.6666667 L8.66666667,12.6666667 L8.66666667,6 Z M8.66666667,3.33333333 L7.33333333,3.33333333 L7.33333333,4.66666667 L8.66666667,4.66666667 L8.66666667,3.33333333 Z' fill='#296CDC'/></svg>\";\nvar _inputFile = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M15 4c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H1c-.55 0-1-.45-1-1V5c0-.005.003-.009.003-.013 0-.005-.003-.008-.003-.013V3c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v1h9zm-7.3 8.022l.053-.001a1 1 0 0 0 .74-.39l3.237-4.214a1.001 1.001 0 0 0-1.586-1.219L7.62 9.485 6.426 8.23a1 1 0 1 0-1.45 1.378l2 2.103c.19.199.451.311.724.311z'/></svg>\";\nvar _kbdArrowDown = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16L13 11.087 8.856 11.087 8.856 0 7.144 0 7.144 11.087 3 11.087z'/></svg>\";\nvar _kbdArrowLeft = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M0 8L4.913 13 4.913 8.856 16 8.856 16 7.144 4.913 7.144 4.913 3z'/></svg>\";\nvar _kbdArrowRight = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8L11.087 13 11.087 8.856 0 8.856 0 7.144 11.087 7.144 11.087 3z'/></svg>\";\nvar _kbdArrowUp = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 0L3 4.913 7.144 4.913 7.144 16 8.856 16 8.856 4.913 13 4.913z'/></svg>\";\nvar _kbdCapslock = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.752 12.605h6.496V16H4.752v-3.395zm.939.967v1.454h4.618v-1.454H5.691zM1.5 6.688L7.996 0 14.5 6.688h-3.252v4.078H4.752V6.688H1.5zm6.496-5.313l-4.313 4.44h2.008v3.977h4.618V5.815h2l-4.313-4.44z'/></svg>\";\nvar _kbdCmd = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.128 6.257a3.02 3.02 0 0 1-1.236-.254A3.168 3.168 0 0 1 .9 5.322c-.28-.286-.5-.618-.66-.996A3.041 3.041 0 0 1 0 3.128c0-.437.082-.844.245-1.223A3.15 3.15 0 0 1 .913.913 3.137 3.137 0 0 1 3.128 0c.426 0 .828.079 1.206.236.379.157.711.376.996.655a3.109 3.109 0 0 1 .927 2.237v2.106h3.486V3.128A3.087 3.087 0 0 1 10.67.891c.285-.28.617-.498.996-.655.378-.157.78-.236 1.206-.236a3.137 3.137 0 0 1 2.215.913c.282.283.505.613.668.992.163.379.245.786.245 1.223 0 .42-.08.819-.24 1.198-.16.378-.38.71-.66.996-.28.285-.61.512-.992.681a3.02 3.02 0 0 1-1.236.254h-2.106v3.486h2.106c.442 0 .855.085 1.236.254.382.169.712.396.992.681.28.286.5.618.66.996.16.38.24.778.24 1.198 0 .437-.082.844-.245 1.223a3.15 3.15 0 0 1-.668.992 3.137 3.137 0 0 1-2.215.913c-.426 0-.828-.079-1.206-.236a3.118 3.118 0 0 1-.996-.655 3.109 3.109 0 0 1-.927-2.237v-2.106H6.257v2.106a3.087 3.087 0 0 1-.927 2.237c-.285.28-.617.498-.996.655-.378.157-.78.236-1.206.236a3.137 3.137 0 0 1-2.215-.913 3.15 3.15 0 0 1-.668-.992A3.059 3.059 0 0 1 0 12.872c0-.42.08-.819.24-1.198.16-.378.38-.71.66-.996.28-.285.61-.512.992-.681a3.02 3.02 0 0 1 1.236-.254h2.106V6.257H3.128zm2.106-1.023V3.128a2.097 2.097 0 0 0-.607-1.49c-.19-.189-.412-.339-.669-.45a2.071 2.071 0 0 0-.83-.166c-.29 0-.562.056-.812.166-.25.111-.47.261-.66.45a2.097 2.097 0 0 0-.607 1.49c0 .297.053.574.161.83a2.068 2.068 0 0 0 1.918 1.276h2.106zm-2.106 5.532c-.29 0-.562.054-.812.161a2.068 2.068 0 0 0-1.105 1.114 2.12 2.12 0 0 0-.162.83 2.097 2.097 0 0 0 1.267 1.94c.25.111.521.167.812.167.297 0 .574-.056.83-.166a2.068 2.068 0 0 0 1.114-1.119c.108-.256.162-.53.162-.821v-2.106H3.128zm9.744-5.532a2.08 2.08 0 0 0 1.472-.607c.19-.19.338-.412.446-.669a2.12 2.12 0 0 0 .161-.83 2.097 2.097 0 0 0-1.271-1.94 1.997 1.997 0 0 0-.808-.166c-.297 0-.574.056-.83.166a2.068 2.068 0 0 0-1.114 1.119c-.108.256-.162.53-.162.821v2.106h2.106zm-2.106 5.532v2.106a2.097 2.097 0 0 0 .607 1.49c.19.189.412.339.669.45.256.11.533.166.83.166.285 0 .555-.056.808-.166.253-.111.475-.261.664-.45a2.097 2.097 0 0 0 .607-1.49 2.12 2.12 0 0 0-.161-.83 2.068 2.068 0 0 0-1.918-1.276h-2.106zm-1.023-4.51H6.257v3.487h3.486V6.257z'/></svg>\";\nvar _kbdDelete = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.595 14L0 8.25 5.595 2.5H16V14H5.595zM1.58 8.25l4.484 4.6h8.817v-9.2H6.064L1.58 8.25zm7.773.808L6.851 11.63l-.787-.816L8.56 8.25 6.064 5.678l.787-.808 2.502 2.564L11.85 4.87l.794.808-2.496 2.572 2.496 2.564-.794.816-2.496-2.572z'/></svg>\";\nvar _kbdEject = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M0 15v-3h16v3H0zm0-6l7.995-8L16 9H0z'/></svg>\";\nvar _kbdOption = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M0 1h5.562l6.135 12.364H16V15h-5.562L4.294 2.627H0V1zm9.499 0H16v1.627H9.499V1z'/></svg>\";\nvar _kbdReturn = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8.35c0 .692-.25 1.3-.749 1.825-.499.525-1.103.788-1.813.788H7.419V13.5L0 9.963l7.419-3.567v2.537h5.155c.347 0 .645-.11.893-.329.249-.218.373-.502.373-.85V2.5H16v5.85z'/></svg>\";\nvar _kbdShift = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M0 8.489L7.995 0 16 8.489h-4.002V16H4.002V8.489H0zm7.995-6.743L2.687 7.382h2.471v7.391h5.684V7.382h2.462L7.995 1.746z'/></svg>\";\nvar _kbdSpace = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 11L16 16 0 16 0 11 1.167 11 1.167 13.904 14.833 13.904 14.833 11z'/></svg>\";\nvar _kbdTab = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 12h-1.39V4H16v8zm-2.781-4L9.16 12V8.685H0v-1.37h9.16V4l4.059 4z'/></svg>\";\nvar _key = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M10 11.414l-1.793 1.793a1 1 0 1 1-1.414-1.414L8.586 10 7.032 8.446a4 4 0 1 1 1.414-1.414l6.261 6.26a1 1 0 0 1-1.414 1.415l-1.043-1.043-1.043 1.043a1 1 0 1 1-1.414-1.414l1.043-1.043-.836-.836zM5 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/></svg>\";\nvar _list = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 14 C1 14.553 1.448 15 2 15 L14 15 C14.552 15 15 14.553 15 14 C15 13.448 14.552 13 14 13 L2 13 C1.448 13 1 13.448 1 14 M1 10 C1 10.553 1.448 11 2 11 L14 11 C14.552 11 15 10.553 15 10 C15 9.448 14.552 9 14 9 L2 9 C1.448 9 1 9.448 1 10 M1 6 C1 6.553 1.448 7 2 7 L14 7 C14.552 7 15 6.553 15 6 C15 5.448 14.552 5 14 5 L2 5 C1.448 5 1 5.448 1 6 M2 1 L14 1 C14.552 1 15 1.448 15 2 C15 2.553 14.552 3 14 3 L2 3 C1.448 3 1 2.553 1 2 C1 1.448 1.448 1 2 1'/></svg>\";\nvar _lock = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12 7h2a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h2V5a4 4 0 1 1 8 0v2zm-2 0V5a2 2 0 1 0-4 0v2h4z'/></svg>\";\nvar _mimeArchive = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M13 0a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h4v2h2V0h4zM8 14.5c1.16 0 1.75-.314 1.75-1.833 0-.651-.268-1.398-.75-2.223V9H7v1.444c-.482.825-.75 1.572-.75 2.223 0 1.519.59 1.833 1.75 1.833zm0-2.25a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5zM7 8h2V6H7v2zm0-3h2V3H7v2z'/></svg>\";\nvar _mimeAudio = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.142 4.22A1.01 1.01 0 0 1 5 3.75c.553 0 1 .434 1 .97v6.562c0 .34-.185.654-.485.83a1.019 1.019 0 0 1-1.373-.333L3 9.936h-.02C1.885 9.931 1 9.07 1 8.01V8c0-1.057.877-1.92 1.971-1.935H3L4.142 4.22zm4.298 8.678a1 1 0 1 1-.88-1.796C8.515 10.635 9 9.662 9 8s-.486-2.635-1.44-3.102a1 1 0 1 1 .88-1.796C10.153 3.94 11 5.634 11 8c0 2.366-.847 4.06-2.56 4.898zm3.12 1.93a1 1 0 1 1-1.12-1.656C12.156 12.009 13 10.322 13 8c0-2.323-.843-4.01-2.56-5.172a1 1 0 0 1 1.12-1.656C13.844 2.717 15 5.03 15 8c0 2.97-1.157 5.283-3.44 6.828z'/></svg>\";\nvar _mimeCode = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.78 10.577a1.124 1.124 0 0 1-.138 1.536 1.016 1.016 0 0 1-1.472-.145L0 7.975l3.174-3.948a1.016 1.016 0 0 1 1.473-.135c.443.387.5 1.075.13 1.536L2.721 7.984l2.059 2.593zm6.44 0l2.058-2.593-2.054-2.556a1.124 1.124 0 0 1 .129-1.536 1.016 1.016 0 0 1 1.473.135L16 7.975l-3.17 3.993a1.016 1.016 0 0 1-1.472.145 1.124 1.124 0 0 1-.139-1.536zM7.58 13.254c-.182.571-.775.88-1.322.69-.548-.19-.844-.809-.662-1.38l3.137-9.818c.183-.571.775-.88 1.323-.69.548.19.844.809.661 1.38l-3.137 9.818z'/></svg>\";\nvar _mimeData = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 1h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm10 4h4V3h-4v2zM6 5h4.001V3H6v2zM1 5h4V3H1v2zm10 3.001h4V6h-4v2.001zm-5 0h4.001V6H6v2.001zm-5 0h4V6H1v2.001zM11 11h4V9h-4v2zm-5 0h4.001V9H6v2zm-5 0h4V9H1v2zm10 3h4v-2h-4v2zm-5 0h4.001v-2H6v2zm-5 0h4v-2H1v2z'/></svg>\";\nvar _mimeImage = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.484 6.985a3.017 3.017 0 0 1-3.498-2.974A3.017 3.017 0 0 1 11.01 1a3.017 3.017 0 0 1 3.022 3.011 3.015 3.015 0 0 1-2.306 2.926L15 10.235v3.761c0 .555-.451 1.004-1.008 1.004H2.008C1.45 15 1 14.55 1 13.996v-3.761L4.933 5.47 8 8.346l3.484-1.36zM5.12 8.403l-2.106 2.551v2.039h9.97V11.06l-1.793-1.805-3.644 1.424L5.12 8.403zm5.888-3.388c.556 0 1.007-.45 1.007-1.004s-.45-1.004-1.007-1.004c-.557 0-1.008.45-1.008 1.004s.451 1.004 1.008 1.004z'/></svg>\";\nvar _mimeSystem = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.284 6.594a2.73 2.73 0 0 1-.305.225l.183.963-.566.229-.539-.819a2.736 2.736 0 0 1-1.145-.01l-.552.811-.562-.237.198-.961c-.33-.217-.6-.496-.804-.816l-.963.183L1 5.596l.818-.54a2.735 2.735 0 0 1 .01-1.145l-.81-.552.236-.561.961.198c.217-.33.496-.6.816-.804l-.183-.963L3.414 1l.54.818a2.736 2.736 0 0 1 1.145.01l.552-.81.562.236-.198.961c.329.217.6.496.804.816l.963-.183.229.566-.819.538c.077.372.076.762-.01 1.147l.811.552-.237.562-.806-.166 1.023.715a3.74 3.74 0 0 1 1.134-.471l.238-1.285h1.247l.243 1.284c.406.096.789.256 1.133.472l1.088-.766.881.883-.757 1.094c.217.347.378.732.473 1.142L15 9.344v1.247l-1.347.235c-.094.41-.256.794-.472 1.141l.757 1.088-.88.882-1.089-.758a3.773 3.773 0 0 1-1.142.474l-.235 1.346H9.345l-.229-1.346a3.776 3.776 0 0 1-1.142-.473l-1.093.758-.884-.882.766-1.088a3.74 3.74 0 0 1-.471-1.133l-1.286-.244V9.344l1.285-.237c.095-.406.256-.789.47-1.134L5.998 6.88l.287-.286zm.307-.307l.26-.26-.056-.012a2.747 2.747 0 0 1-.204.272zm3.415 5.598a1.881 1.881 0 1 0 0-3.763 1.881 1.881 0 0 0 0 3.763zM5.888 5.091a1.501 1.501 0 1 0-2.764-1.172A1.501 1.501 0 0 0 5.888 5.09z'/></svg>\";\nvar _mimeText = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 1h12.023a1 1 0 0 1 0 2H2a1 1 0 1 1 0-2zm0 4h12.023a1 1 0 0 1 0 2H2a1 1 0 0 1 0-2zm0 4h12.023a1 1 0 0 1 0 2H2a1 1 0 1 1 0-2zm0 4h5a1 1 0 1 1 0 2H2a1 1 0 0 1 0-2z'/></svg>\";\nvar _mimeVideo = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 3.746c0-.393.118-.778.338-1.106a2.035 2.035 0 0 1 2.802-.556l6.459 4.247a1.981 1.981 0 0 1 .003 3.321l-6.46 4.262c-.332.219-.722.336-1.122.336-1.115 0-2.02-.894-2.02-1.996V3.746zm2.02 0v8.508l6.46-4.262-6.46-4.246z'/></svg>\";\nvar _minus = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3 9a1 1 0 1 1 0-2h10a1 1 0 0 1 0 2H3z'/></svg>\";\nvar _minusCircle = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1c3.859 0 7 3.141 7 7 0 3.86-3.141 7-7 7s-7-3.14-7-7c0-3.859 3.141-7 7-7zm4 8a1 1 0 1 0 0-2H4a1 1 0 1 0 0 2h8z'/></svg>\";\nvar _ok = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8,0 C12.418,0 16,3.582 16,8 C16,12.418 12.418,16 8,16 C3.582,16 0,12.418 0,8 C0,3.582 3.582,0 8,0 Z M11.2998316,4.97631073 L6.58578644,9.69035594 L4.70016835,7.80473785 L3.75735931,8.7475469 L6.58578644,11.575974 L7.52859548,10.633165 L12.2426407,5.91911977 L11.2998316,4.97631073 Z' fill='#008B38'/></svg>\";\nvar _paperclip = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.977 13.037A3.244 3.244 0 0 1 1 10.71c0-.878.347-1.705.977-2.326l5.12-5.05A4.61 4.61 0 0 1 10.356 2c1.231 0 2.39.473 3.26 1.333C14.52 4.223 15 5.366 15 6.581c0 1.215-.48 2.358-1.351 3.218L9.816 13.58a.754.754 0 0 1-1.03 0 .714.714 0 0 1 0-1.016l3.833-3.782c.597-.588.925-1.37.925-2.202a3.07 3.07 0 0 0-.925-2.2 3.18 3.18 0 0 0-2.262-.944c-.843 0-1.635.324-2.23.912L3.006 9.4c-.356.35-.55.815-.55 1.31 0 .496.194.961.55 1.312.709.7 1.947.7 2.656 0l5.054-4.986a.562.562 0 0 0 0-.807.577.577 0 0 0-.4-.162.56.56 0 0 0-.399.167l-4.817 4.892a.736.736 0 0 1-1.03.014.704.704 0 0 1-.22-.505.707.707 0 0 1 .205-.51l4.819-4.892a2.02 2.02 0 0 1 1.416-.603c.545.01 1.048.192 1.435.563.396.39.615.904.615 1.445 0 .535-.212 1.036-.595 1.414l-5.053 4.985A3.347 3.347 0 0 1 4.335 14c-.854 0-1.708-.32-2.358-.963z'/></svg>\";\nvar _payment = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5 15A5 5 0 1 1 5 5a5 5 0 0 1 0 10zm.496-3.433c-.101.093-.24.139-.418.139-.242 0-.43-.068-.561-.203-.132-.136-.2-.333-.2-.593H3c0 .472.152.851.456 1.14.304.287.741.459 1.309.51v.69h.622v-.686c.488-.04.873-.185 1.157-.43.282-.247.423-.564.423-.954 0-.23-.043-.427-.132-.59a1.393 1.393 0 0 0-.367-.43 2.631 2.631 0 0 0-.559-.33c-.215-.098-.443-.19-.687-.281-.242-.09-.418-.184-.528-.285a.508.508 0 0 1-.165-.4c0-.166.048-.297.145-.392.095-.094.228-.141.4-.141.193 0 .342.064.446.191.105.127.157.31.157.547H7c0-.433-.138-.79-.41-1.071-.273-.281-.647-.453-1.124-.513V6.75h-.624v.72c-.495.041-.892.186-1.188.435a1.192 1.192 0 0 0-.447.952c0 .23.043.426.126.588.083.161.203.304.359.427.157.122.344.23.561.324.215.094.452.186.707.277.256.091.435.189.536.29.103.103.153.244.153.424 0 .161-.05.289-.153.38zm6.772-3.939a.5.5 0 0 1-.286-.089L10.5 6.524v-2.99c0-.294.232-.534.518-.534.285 0 .517.24.517.535v2.413l1.02.698a.546.546 0 0 1 .144.742.512.512 0 0 1-.43.24zM7.308 4.46a5.954 5.954 0 0 0-.956-.307A5.002 5.002 0 0 1 16 6a5 5 0 0 1-5.083 5A6.04 6.04 0 0 0 11 10a4 4 0 1 0-3.693-5.54z'/></svg>\";\nvar _pencil = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2.423 10.716L9.567 3.56l2.802 2.807-7.145 7.158-2.801-2.808zm-1.415 3.895l.708-3.186 2.8 2.807-3.122.759a.32.32 0 0 1-.386-.38zm13.85-11.355a.489.489 0 0 1-.004.693l-.776.765.007.007-.953.924-2.802-2.807.34-.33c.004-.003.005-.01.01-.015l1.373-1.351a.498.498 0 0 1 .7.003l2.104 2.11z'/></svg>\";\nvar _pending = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8,0 C12.418,0 16,3.582 16,8 C16,12.418 12.418,16 8,16 C3.582,16 0,12.418 0,8 C0,3.582 3.582,0 8,0 Z M10.6666667,4 L9.33333333,4 L9.333,9.333 L4,9.33333333 L4,10.6666667 L10.6666667,10.6666667 L10.6666667,4 Z' fill='#9E9E9E'/></svg>\";\nvar _phone = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14.177 10.059h-3.294a.823.823 0 0 0-.824.824v.823c-3.294 0-5.713-2.522-5.765-5.764h.823a.824.824 0 0 0 .825-.824V1.824A.824.824 0 0 0 5.117 1H1.823A.824.824 0 0 0 1 1.824v4.118A9.058 9.058 0 0 0 10.059 15h4.118a.822.822 0 0 0 .823-.823v-3.294a.823.823 0 0 0-.823-.824'/></svg>\";\nvar _plus = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14 7H9V2a1 1 0 1 0-2 0v5H2a1 1 0 1 0 0 2h5v5a1 1 0 1 0 2 0V9h5a1 1 0 1 0 0-2'/></svg>\";\nvar _plusOrMinus = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 15a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2H4zM7 5V2a1 1 0 1 1 2 0v3h3a1 1 0 0 1 0 2H9v3a1 1 0 0 1-2 0V7H4a1 1 0 1 1 0-2h3z'/></svg>\";\nvar _redo = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M12.585 6a5 5 0 1 0-1.098 5.583 1 1 0 0 1 1.395 1.434A7 7 0 1 1 14 4.39V2a1 1 0 0 1 2 0v6h-6a1 1 0 1 1 0-2h2.585z'/></svg>\";\nvar _search = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M6.494 10a3.502 3.502 0 0 1-3.496-3.5c0-1.93 1.568-3.5 3.496-3.5A3.502 3.502 0 0 1 9.99 6.5c0 1.93-1.568 3.5-3.496 3.5m8.213 3.292l-3.683-3.683a5.475 5.475 0 0 0 .963-3.109c0-3.038-2.459-5.5-5.493-5.5A5.497 5.497 0 0 0 1 6.5C1 9.538 3.46 12 6.494 12a5.456 5.456 0 0 0 3.118-.975l3.683 3.683a.998.998 0 0 0 1.412-.001 1 1 0 0 0 0-1.415'/></svg>\";\nvar _server = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1.5 11h13c.276 0 .5.246.5.546v2.909c0 .3-.224.545-.5.545h-13c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545zm0-5h13c.276 0 .5.246.5.546v2.909c0 .3-.224.545-.5.545h-13c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545zm0-5h13c.276 0 .5.246.5.546v2.909c0 .3-.224.545-.5.545h-13c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545zM11 13.032c.022.534.493.98 1.02.968.533-.012.983-.474.98-1.007a1.016 1.016 0 0 0-1.046-.992A1.02 1.02 0 0 0 11 13.032zm0-5c.022.534.493.98 1.02.968.533-.012.983-.474.98-1.007a1.016 1.016 0 0 0-1.046-.992A1.02 1.02 0 0 0 11 8.032zm0-5c.022.534.492.979 1.02.967A1.02 1.02 0 0 0 13 2.993a1.015 1.015 0 0 0-1.046-.992A1.02 1.02 0 0 0 11 3.032zM3 14h6v-2H3v2zm0-5h6V7H3v2zm0-5h6V2H3v2z'/></svg>\";\nvar _shieldLock = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7.69101596 0.0455212915 C7.88595914 -0.0153993643 8.09488196 -0.0151677534 8.2896896 0.0461849783 L8.2896896 0.0461849783 L15.2236905 2.22997978 C15.6472522 2.36337635 15.9321058 2.7601179 15.9230896 3.20409755 C15.7831866 10.0937501 13.1389757 14.3430325 7.99045688 15.9519446 C2.84355914 14.343515 0.180188185 10.0962988 0.000344012718 3.21029587 C-0.0113275869 2.76340528 0.275028473 2.3630559 0.701720379 2.22970881 L0.701720379 2.22970881 Z M7.95958588 2.28527794 C6.69722074 2.28527794 5.6738716 3.30862708 5.6738716 4.57099222 L5.6738716 4.57099222 L5.6738716 5.71384937 L4.53101445 5.71384937 C4.21542317 5.71384937 3.95958588 5.96968665 3.95958588 6.28527794 L3.95958588 6.28527794 L3.95958588 10.7138494 C3.95958588 11.0294407 4.21542317 11.2852779 4.53101445 11.2852779 L4.53101445 11.2852779 L11.3881573 11.2852779 C11.7037486 11.2852779 11.9595859 11.0294407 11.9595859 10.7138494 L11.9595859 10.7138494 L11.9595859 6.28527794 C11.9595859 5.96968665 11.7037486 5.71384937 11.3881573 5.71384937 L11.3881573 5.71384937 L10.2453002 5.71384937 L10.2453002 4.57099222 C10.2453002 3.30862708 9.22195102 2.28527794 7.95958588 2.28527794 Z M7.95958588 7.28527794 C8.51187063 7.28527794 8.95958588 7.73299319 8.95958588 8.28527794 C8.95958588 8.65495897 8.75898626 8.97778744 8.46070018 9.15085019 L8.46070018 9.15085019 L8.45958588 10.2852779 L7.45958588 10.2852779 L7.45945638 9.15142081 L7.36361004 9.08835811 C7.11843327 8.90611086 6.95958588 8.6142448 6.95958588 8.28527794 C6.95958588 7.73299319 7.40730113 7.28527794 7.95958588 7.28527794 Z M7.95958588 3.42813508 C8.59076845 3.42813508 9.10244302 3.93980965 9.10244302 4.57099222 L9.10244302 4.57099222 L9.10244302 5.71384937 L6.81672874 5.71384937 L6.81672874 4.57099222 C6.81672874 3.93980965 7.32840331 3.42813508 7.95958588 3.42813508 Z'/></svg>\";\nvar _serverConfig = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.646 9c-.269.3-.497.636-.678 1H1.5c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545h13c.276 0 .5.246.5.546v2.1A4.483 4.483 0 0 0 12 7.5a4.483 4.483 0 0 0-3 1.146V7H3v2h5.646zm-.678 5c.18.364.41.7.678 1H1.5c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545h6.112a4.515 4.515 0 0 0-.112 1H3v2h4.968zM1.5 1h13c.276 0 .5.246.5.546v2.909c0 .3-.224.545-.5.545h-13c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545zm12.854 10.354l.553.09a.114.114 0 0 1 .093.108v.734a.103.103 0 0 1-.093.101l-.508.04a2.427 2.427 0 0 1-.296.794l.288.387a.113.113 0 0 1-.01.142l-.572.571a.112.112 0 0 1-.141.01l-.37-.28c-.23.145-.486.253-.76.314l-.07.542a.11.11 0 0 1-.105.093h-.755a.103.103 0 0 1-.1-.093l-.04-.542a2.427 2.427 0 0 1-.776-.324l-.393.29a.113.113 0 0 1-.141-.01l-.572-.571a.108.108 0 0 1-.007-.14l.318-.398a2.408 2.408 0 0 1-.278-.716l-.526-.063A.11.11 0 0 1 9 12.328v-.808c0-.051.042-.097.093-.1l.553-.044c.063-.245.163-.475.295-.684l-.362-.454a.109.109 0 0 1 .007-.14l.572-.57a.11.11 0 0 1 .14-.01l.477.367c.203-.118.424-.208.66-.265l.043-.527A.104.104 0 0 1 11.58 9h.807c.052 0 .097.042.1.094l.037.514c.247.054.48.146.692.268l.453-.357a.109.109 0 0 1 .14.008l.572.571a.106.106 0 0 1 .006.139l-.346.416c.14.213.245.45.313.701zm-3.289.634a.939.939 0 0 0 1.875 0 .939.939 0 0 0-.937-.937.939.939 0 0 0-.938.937zm-.064-8.956c.02.534.491.979 1.02.967A1.02 1.02 0 0 0 13 2.993a1.015 1.015 0 0 0-1.046-.992A1.02 1.02 0 0 0 11 3.032zM3 4h6V2H3v2z'/></svg>\";\nvar _serverIncident = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7.5 14l-.415.829a1.5 1.5 0 0 0-.073.171H1.5c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545H9l-.5 1H3v2h4.5zm7-4L13.34 7.683a1.5 1.5 0 0 0-2.683 0L9.499 10h-8c-.274 0-.5-.245-.5-.545v-2.91c0-.3.226-.545.5-.545h13c.277 0 .5.246.5.546v2.909c0 .3-.223.545-.5.545zm-13-9h13c.276 0 .5.246.5.546v2.909c0 .3-.224.545-.5.545h-13c-.275 0-.5-.245-.5-.545v-2.91c0-.3.225-.545.5-.545zm13.428 13.272c.187.377-.007.727-.404.727-.842.002-1.683 0-2.524 0-.845 0-1.69.002-2.535 0-.26 0-.452-.166-.464-.421a.598.598 0 0 1 .062-.285c.846-1.676 1.696-3.35 2.545-5.024.086-.169.215-.272.397-.269.186.003.308.117.396.289.72 1.422 1.441 2.842 2.162 4.263.122.24.245.479.365.72zm-2.714.085a.215.215 0 0 0 .215-.214v-.429a.215.215 0 0 0-.215-.214h-.428a.215.215 0 0 0-.215.214v.429c0 .118.096.214.215.214h.428zm.028-1.285c.115 0 .223-.107.217-.215l.075-2.143c.014-.128-.086-.214-.202-.214h-.664a.206.206 0 0 0-.204.214l.064 2.143a.22.22 0 0 0 .216.215h.498zm-1.241-10.04c.02.534.491.979 1.02.967A1.02 1.02 0 0 0 13 2.993a1.015 1.015 0 0 0-1.046-.992A1.02 1.02 0 0 0 11 3.032zM3 9h6V7H3v2zm0-5h6V2H3v2z'/></svg>\";\nvar _sort = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7 12.174v-8.35L5.487 5.306a1.027 1.027 0 0 1-1.438 0 .988.988 0 0 1 0-1.415L8.003 0l3.948 3.887a.988.988 0 0 1 0 1.415 1.027 1.027 0 0 1-1.438 0L9 3.82v8.36l1.513-1.483a1.027 1.027 0 0 1 1.438 0 .988.988 0 0 1 0 1.415l-3.948 3.887-3.954-3.89a.988.988 0 0 1 0-1.416 1.027 1.027 0 0 1 1.438 0L7 12.174z'/></svg>\";\nvar _sortDown = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7 12.174V1a1 1 0 1 1 2 0v11.179l1.513-1.483a1.027 1.027 0 0 1 1.438 0 .988.988 0 0 1 0 1.415l-3.948 3.887-3.954-3.89a.988.988 0 0 1 0-1.416 1.027 1.027 0 0 1 1.438 0L7 12.174z'/></svg>\";\nvar _sortUp = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M7 3.824L5.487 5.306a1.027 1.027 0 0 1-1.438 0 .988.988 0 0 1 0-1.415L8.003 0l3.948 3.887a.988.988 0 0 1 0 1.415 1.027 1.027 0 0 1-1.438 0L9 3.82v11.179a1 1 0 1 1-2 0V3.824z'/></svg>\";\nvar _support = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.55300697,0 L8.95955126,0.0531636621 C9.22536868,0.0893601979 9.48336794,0.124425592 9.74248407,0.18776953 C12.6597744,0.906044539 14.5271976,2.62198657 15.2944941,5.29034995 C15.36039,5.51431601 15.3983639,5.73941322 15.4341041,5.95546129 L15.4341041,5.95546129 L15.4569381,6.09894872 C15.4688515,6.17251483 15.4802685,6.23786968 15.4921818,6.30272181 L15.4921818,6.30272181 L15.5,9.80473666 L15.4463898,10.1293743 C15.4128834,10.3227996 15.3771432,10.5411099 15.3179486,10.7582891 C14.6891452,13.0431955 13.1400328,14.6528102 10.7119358,15.5441499 C9.88879534,15.8461647 8.99194078,16 8.04817725,16 C7.38028307,15.9988689 6.94693366,15.5984447 6.9446999,14.9819724 L6.9446999,14.9819724 L6.94581678,14.8100389 C5.32857468,14.5102863 3.90902031,13.5329799 3.03226959,12.1156592 C1.71881881,11.7966773 0.723678816,10.7775186 0.549445551,9.56945917 C0.513705394,9.32060799 0.511471634,9.0796748 0.509237874,8.8466596 L0.509237874,8.8466596 L0.504770354,8.3319901 C0.499185955,7.7494521 0.495835315,7.26419229 0.510354754,6.76762107 C0.584068828,4.3786497 1.72105257,2.48172499 3.88668272,1.12887946 C4.88517335,0.506751502 6.02997526,0.136868151 7.29204956,0.0305408271 L7.29204956,0.0305408271 L7.40597131,0.00452456698 L8.55300697,0 Z M8.47482538,0.906044539 L7.52547746,0.910569106 C7.46851658,0.92640509 7.4227245,0.934323082 7.37358179,0.938847649 C6.27122132,1.03047013 5.27049692,1.35284553 4.40156435,1.89466242 C2.51180355,3.07444327 1.52001419,4.72251679 1.45523516,6.79589961 C1.4418326,7.28002828 1.44518324,7.77659951 1.44965076,8.25846589 L1.44965076,8.25846589 L1.4530014,8.79915164 C1.45411828,9.01633086 1.45523516,9.24142807 1.48650779,9.44164016 C1.59372826,10.2028986 2.15998638,10.8589608 2.96302303,11.1575822 C3.13949006,11.2220573 3.33494404,11.2673029 3.5594369,11.2933192 L3.5594369,11.2933192 L3.61416402,11.2989749 C3.70463129,11.3091552 3.77387785,11.3182043 3.84535816,11.3182043 L3.84535816,11.3182043 L3.92577351,11.315942 C4.01512391,11.3136797 4.01512391,11.2865323 4.01512391,11.2673029 C4.01959143,9.80926122 4.01847455,8.35121951 4.01512391,6.89204666 C4.01512391,6.86716154 4.00730575,6.85358784 4.00507199,6.85132556 C4.00395511,6.85019441 3.99278631,6.84453871 3.95816303,6.84453871 C3.80515048,6.8524567 3.6208653,6.87281725 3.43993075,6.90109579 L3.43993075,6.90109579 L3.38520364,6.91127607 C3.31372332,6.92258749 3.24782741,6.93276776 3.18193149,6.95086603 C3.10486678,6.97235772 3.02221767,7.00742312 2.93286727,7.0447508 L2.93286727,7.0447508 L2.8479844,7.08207847 C2.81894552,7.09452103 2.79102353,7.10470131 2.76421841,7.11488158 L2.76421841,7.11488158 L2.73629641,7.12506186 C2.69720561,7.1397667 2.65699794,7.1533404 2.61679026,7.17143867 C2.50398539,7.22120891 2.41686876,7.25966773 2.32863524,7.2969954 L2.32863524,7.2969954 L1.64845538,7.57638742 L1.6696761,6.86489926 C1.73445513,4.652386 2.76533529,2.99073878 4.73216081,1.92746554 C7.00277766,0.700176741 9.37503058,0.76465182 11.5898034,2.11184164 C13.5912522,3.32781902 14.3954058,5.39893955 14.3049385,6.91240721 L14.3049385,6.91240721 L14.281484,7.30378226 L13.7074077,7.36486391 L13.444941,7.20537292 C13.3924476,7.1748321 13.3354867,7.15447154 13.2762921,7.13184871 C13.2327338,7.11601273 13.1925261,7.10017674 13.1512016,7.08320961 C12.95128,6.9961117 12.7535923,6.93503005 12.5570214,6.90109579 L12.5570214,6.90109579 L12.4565023,6.88299753 C12.3425805,6.86150583 12.2387107,6.84114528 12.1370746,6.84114528 C12.0253866,6.84680099 11.9963477,6.86150583 11.9929971,6.86263697 L11.9929971,6.86263697 C11.9974646,6.86263697 11.9885296,6.89204666 11.9885296,6.94860375 L11.9885296,6.94860375 L11.9885296,9.77532697 C11.9874127,10.2651113 11.9874127,10.7537646 11.9896464,11.2412867 C11.9896464,11.300106 11.9896464,11.3148109 12.0901656,11.3148109 C12.1661135,11.3148109 12.2655158,11.3125486 12.3582168,11.2989749 L12.3582168,11.2989749 L12.4285803,11.2865323 C12.5882941,11.2571227 12.7457741,11.2254507 12.9099555,11.1903853 L12.9099555,11.1903853 L14.1441078,10.9370095 L13.6716676,11.7978084 C13.0037734,13.0183104 11.975127,13.8858961 10.5298844,14.4525981 L10.5298844,14.4525981 L9.9412887,14.683351 L9.87204214,13.9763874 C9.86980838,13.9017321 9.85640582,13.8779781 9.84858767,13.8644044 C9.84858767,13.8632732 9.82401631,13.8463061 9.72684776,13.8463061 L9.72684776,13.8463061 L8.80765559,13.845175 L8.00796958,13.8463061 C7.89181407,13.8463061 7.89181407,13.8576175 7.89181407,13.9390597 L7.89181407,13.9390597 L7.89069719,14.0815836 L7.89181407,14.1528455 C7.89069719,14.3270414 7.89069719,14.4989749 7.89181407,14.6709084 L7.89181407,14.6709084 L7.89069719,14.7761046 L7.89181407,14.978579 C7.89181407,15.0487098 7.90745039,15.0679392 7.90745039,15.0679392 C7.91303478,15.0735949 7.94095678,15.0860375 8.04817725,15.0894309 C8.87690215,15.0894309 9.66095184,14.954825 10.3746381,14.6924001 C12.5022943,13.9119123 13.8581865,12.5092966 14.4043408,10.5230117 C14.449016,10.3601273 14.476938,10.1927183 14.5082106,10.015129 L14.5082106,10.015129 L14.5562365,9.73799929 L14.5551196,6.39886886 C14.5428339,6.3513609 14.5271976,6.26539413 14.5082106,6.14775539 C14.4713536,5.91247791 14.4378472,5.71792153 14.384237,5.53467656 C13.7129921,3.20339343 12.0734124,1.70123719 9.50905617,1.07232238 C9.29684899,1.01915871 9.07347301,0.988617886 8.83669447,0.956945917 L8.83669447,0.956945917 L8.78866863,0.950159067 C8.6847988,0.936585366 8.58092897,0.920749381 8.47482538,0.906044539 L8.47482538,0.906044539 Z M8.00015142,3.99293036 C6.49124666,3.99293036 5.0549391,4.71799222 4.1212275,5.94301873 C4.31221396,5.97016614 4.49649915,6.05160834 4.63834289,6.17490279 C4.8438488,6.35362319 4.95888743,6.60813008 4.96112119,6.88865323 C4.96447183,8.35121951 4.96447183,9.81039236 4.96112119,11.2706964 C4.95888743,11.7050548 4.67966745,12.050053 4.24743493,12.1710852 C4.94325111,13.0081301 5.89594967,13.5906681 6.95363494,13.8236833 C7.01506334,13.2807352 7.4227245,12.9368682 8.0068527,12.9346059 C8.57981209,12.9334747 9.15612212,12.9312124 9.72796464,12.9346059 C10.1490284,12.935737 10.4718067,13.095228 10.6583256,13.3972428 C11.3016484,13.0850477 11.8232313,12.6970661 12.2442951,12.2185931 C12.226425,12.2185931 12.207438,12.2185931 12.1906848,12.2197243 L12.1906848,12.2197243 L12.1605291,12.2219866 C12.1370746,12.2242489 12.1136201,12.22538 12.0890488,12.22538 C11.4747648,12.2242489 11.0458829,11.8204312 11.044766,11.243549 C11.0425323,10.7548957 11.0425323,10.2651113 11.0436492,9.77532697 L11.0436492,9.77532697 L11.0436492,6.94860375 C11.0436492,6.63527748 11.1452852,6.38190173 11.3496743,6.19639449 C11.4904011,6.06744433 11.65905,5.99165783 11.8857766,5.95659244 C10.9531819,4.72364793 9.51352369,3.99293036 8.00015142,3.99293036 Z M6.44657147,7.99943443 C6.8062068,7.99943443 7.09994621,8.29579357 7.09994621,8.66115235 C7.09994621,9.02651113 6.8062068,9.32287027 6.44657147,9.32287027 C6.08581925,9.32287027 5.79319672,9.02651113 5.79319672,8.66115235 C5.79319672,8.29579357 6.08581925,7.99943443 6.44657147,7.99943443 Z M9.56166122,7.99943443 C9.92241343,7.99943443 10.215036,8.29579357 10.215036,8.66115235 C10.215036,9.02651113 9.92241343,9.32287027 9.56166122,9.32287027 C9.20090901,9.32287027 8.90828647,9.02651113 8.90828647,8.66115235 C8.90828647,8.29579357 9.20090901,7.99943443 9.56166122,7.99943443 Z M8.08838493,1.96366207 L8.05152789,1.96366207 C7.93872302,1.96366207 7.82480127,1.97158006 7.71311328,1.97836691 L7.71311328,1.97836691 L7.56345137,1.98854719 C7.49867234,1.99080947 7.43501018,1.9942029 7.37134803,2.00212089 C7.23843932,2.01795688 7.09994621,2.04736656 6.9670375,2.0756451 L6.9670375,2.0756451 L6.91901167,2.08582538 C6.88550527,2.09261223 6.85088199,2.09939908 6.81625871,2.10618593 C6.75929784,2.11636621 6.70457072,2.12654648 6.64760985,2.14125133 C6.47672722,2.18536585 6.30249396,2.24984093 6.14613077,2.30639802 C6.11485813,2.3165783 6.08470238,2.32562743 6.05454662,2.33580771 C6.0109883,2.34938141 5.9663131,2.36408625 5.92163791,2.38105338 C5.67927497,2.47833157 5.43356139,2.59370802 5.19343221,2.72265818 C3.76382593,3.49635914 2.9205816,4.65012372 2.6815693,6.15227996 C2.74858209,6.12739484 2.81336112,6.10590315 2.87702328,6.08780488 C2.92169848,6.01088724 2.96972431,5.93736303 3.01775015,5.86383881 L3.01775015,5.86383881 L3.09034734,5.75298692 C3.11268494,5.71792153 3.13390566,5.68398727 3.15512638,5.64892188 C3.19198341,5.58784023 3.22884045,5.52675857 3.27016501,5.46907034 C3.3371778,5.37631672 3.409775,5.29148109 3.48460595,5.20551432 L3.48460595,5.20551432 L3.55496938,5.12294097 C3.5817745,5.09240014 3.60634586,5.06072817 3.6320341,5.0290562 C3.67894305,4.96910569 3.72696889,4.91028632 3.77946224,4.85486037 C3.8542932,4.77681159 3.93470855,4.70554966 4.01624079,4.63428773 L4.01624079,4.63428773 L4.10000678,4.55963238 C4.13016254,4.53135384 4.15920141,4.50307529 4.18935717,4.47479675 C4.24408429,4.42163309 4.2988114,4.37073171 4.35912292,4.32209261 C4.44065515,4.25535525 4.5266549,4.19766702 4.61488842,4.13884765 L4.61488842,4.13884765 L4.71317385,4.07211029 C4.74891401,4.04722517 4.7824204,4.02234005 4.81704368,3.99858607 C4.87735519,3.95447154 4.93654983,3.91148816 4.99797822,3.87416048 C5.09179614,3.81760339 5.18896469,3.77009544 5.28613324,3.72258749 L5.28613324,3.72258749 L5.39447059,3.66829268 C5.42797699,3.65132556 5.46260027,3.63322729 5.49610666,3.61512902 C5.5608857,3.57893248 5.62566473,3.54499823 5.69267753,3.51558855 C5.799898,3.46921174 5.91158599,3.43188406 6.0221571,3.39455638 L6.0221571,3.39455638 L6.12826069,3.35949099 C6.16623461,3.34704843 6.20197477,3.33347473 6.2388318,3.31876988 C6.30249396,3.29501591 6.36392235,3.27126193 6.42870139,3.25316366 C6.57612953,3.21131142 6.7280252,3.18416402 6.87433647,3.15701661 L6.87433647,3.15701661 L6.94916742,3.14344291 C6.98155694,3.13665606 7.01282958,3.12986921 7.04410222,3.12308236 C7.09659557,3.1106398 7.14908893,3.09819724 7.20269916,3.09141039 C7.72651584,3.01788618 8.27267011,3.01788618 8.79648679,3.09141039 C8.84674639,3.09819724 8.8958891,3.10950866 8.9461487,3.12195122 C8.97742134,3.12873807 9.00757709,3.13552492 9.03884973,3.14231177 L9.03884973,3.14231177 L9.09581061,3.1513609 C9.25217379,3.17963945 9.41188762,3.20904913 9.56713393,3.25203252 C9.62521168,3.2678685 9.6799388,3.2893602 9.73466591,3.31085189 C9.77152295,3.32329445 9.80614623,3.33686815 9.84300327,3.34931071 L9.84300327,3.34931071 L9.94910686,3.38550725 C10.068613,3.42509721 10.1881192,3.46468717 10.3031578,3.51558855 C10.3690537,3.54273595 10.4293652,3.57553906 10.4919105,3.60947331 L10.4919105,3.60947331 L10.589079,3.66150583 L10.6840138,3.70788264 C10.7901174,3.75991516 10.896221,3.81081654 10.9956233,3.87302934 C11.0604024,3.91035702 11.1218308,3.95447154 11.1799085,3.99858607 C11.2134149,4.02120891 11.2458044,4.04496288 11.2793108,4.06758572 L11.2793108,4.06758572 L11.3686612,4.12979852 C11.4602454,4.18974903 11.5507126,4.25083068 11.6367124,4.31983033 C11.6992577,4.37073171 11.7595692,4.42728879 11.8198807,4.48384588 L11.8198807,4.48384588 L11.9896464,4.63994344 C12.0667112,4.70781195 12.1437759,4.77568045 12.2141393,4.85033581 C12.2733339,4.91141746 12.3258273,4.97589254 12.3794375,5.0426299 C12.4051258,5.07430187 12.4296971,5.10710498 12.4576191,5.13877695 L12.4576191,5.13877695 L12.5324501,5.22700601 C12.598346,5.30392365 12.663125,5.37971014 12.7223197,5.46115235 C12.7770468,5.53467656 12.8239557,5.61385649 12.8719816,5.69303641 L12.8719816,5.69303641 L12.9322931,5.7903146 C12.9535138,5.82651113 12.979202,5.86270767 13.0026565,5.89890421 C13.0428642,5.95885472 13.0830719,6.01993637 13.1199289,6.08328031 C13.1925261,6.10364086 13.2617727,6.12513256 13.3265517,6.14662425 C13.2226819,5.48603747 12.8005013,3.926193 11.0860906,2.88214917 C10.8459614,2.73623188 10.5946634,2.6038883 10.3388979,2.48624956 C10.2886383,2.46362672 10.2394956,2.44552846 10.1881192,2.42629905 C10.1512621,2.41385649 10.1166388,2.40141393 10.0808987,2.38670908 L10.0808987,2.38670908 L10.0194703,2.36182397 C9.87204214,2.30187345 9.73243215,2.24531637 9.59058841,2.20233298 C9.52580937,2.18084129 9.45991346,2.16726759 9.39401754,2.15256274 L9.39401754,2.15256274 L9.27897891,2.12654648 L9.20079732,2.10731707 C9.08129117,2.07677625 8.96178502,2.04736656 8.84227887,2.02813715 C8.76633103,2.01569459 8.69150008,2.01003888 8.61555225,2.00438317 L8.61555225,2.00438317 L8.4402021,1.98854719 C8.32404659,1.97723577 8.20454044,1.96479321 8.08838493,1.96366207 L8.08838493,1.96366207 Z'/></svg>\";\nvar _tag = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2.856 1h4.082c.196 0 .386.078.524.218l7.32 7.32a.74.74 0 0 1 0 1.05l-5.194 5.195c-.29.29-.76.29-1.05 0l-7.32-7.321A.737.737 0 0 1 1 6.938V2.856C1 1.83 1.83 1 2.856 1zm.99 4.01a1.311 1.311 0 1 0 0-2.623 1.311 1.311 0 0 0 0 2.623z'/></svg>\";\nvar _ticketing = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M9.70164972,0.064195203 L9.82179292,0.11813325 L9.93453664,0.187782934 L11.8946073,1.59876876 L11.9232995,1.80593363 L11.6924303,2.0852591 C11.518456,2.29397717 11.4370985,2.54921133 11.4628619,2.8021917 C11.4883879,3.04944175 11.6109728,3.26193278 11.8089614,3.40387623 C12.1930268,3.68029779 12.7579639,3.61779734 13.1217893,3.2692987 L13.2083348,3.17624637 L13.438807,2.89838463 L13.6611755,2.87178548 L15.6223034,4.28277131 C15.8359631,4.43712746 15.9687778,4.66550859 15.9951068,4.92141444 C16.0168507,5.12889386 15.9656542,5.33659872 15.8509557,5.51729616 L15.7745919,5.62225586 L7.49455603,15.6124124 C7.29066375,15.8586622 6.97996733,16 6.65962053,16 C6.48741403,16 6.32036934,15.9593234 6.17269024,15.8800975 L6.06578389,15.8134833 L4.10465601,14.4015121 L4.07618799,14.1940952 L4.30767128,13.9153037 C4.66270004,13.4872977 4.60613672,12.8955469 4.19031159,12.5954263 C3.80669711,12.3193292 3.24090606,12.3828553 2.87708151,12.7322212 L2.79055531,12.8254865 L2.55902593,13.1023629 L2.3370172,13.1284857 L0.377771915,11.718318 C-0.026007253,11.4265858 -0.113541286,10.8916553 0.151145921,10.4793365 L0.224676485,10.3790229 L8.50531879,0.387153159 C8.67347141,0.186645205 8.91178395,0.0536227139 9.17567913,0.0132102551 C9.35675384,-0.0154328863 9.53716128,0.00292225087 9.70164972,0.064195203 Z M9.31713382,1.0067976 L6.86772111,3.96168136 C7.01643109,3.93528397 7.17624597,3.96833914 7.30347327,4.06536555 L7.51195343,4.22302805 C7.74041793,4.39704181 7.77546504,4.71170139 7.5914212,4.9265221 C7.48363828,5.05065993 7.3257103,5.11391334 7.16680118,5.11113957 C7.05268523,5.10914767 6.9370471,5.07212387 6.84016784,4.99942202 L6.63275418,4.84177814 C6.51127836,4.74871535 6.44418557,4.61616186 6.43581696,4.48028372 L1.07088182,10.9546418 L2.34059319,11.8690237 L2.38322012,11.838224 L2.54031709,11.737591 L2.65440399,11.6753804 L2.8282023,11.5958553 L2.94772822,11.5524022 L3.06034663,11.5166261 C3.13203332,11.4973923 3.18689777,11.4844871 3.24581301,11.4730699 L3.37895097,11.4515308 L3.54128608,11.4369113 L3.60745008,11.4340026 L3.78391535,11.438101 C3.85003444,11.4409452 3.9011331,11.4460313 3.97265847,11.4560241 L4.10598692,11.480429 L4.2498212,11.5171436 L4.33225753,11.5441486 C4.40234025,11.5675459 4.45393175,11.5876008 4.51263265,11.6137234 L4.60243166,11.6573054 L4.74499905,11.7387952 L4.84653967,11.8067882 L4.98677676,11.9183922 C5.03670322,11.9629007 5.07629922,12.0015616 5.11786568,12.0461954 L5.19934298,12.1400934 L5.27290401,12.2371177 L5.33453627,12.3309056 L5.39669109,12.4392769 C5.4053144,12.4555419 5.41338458,12.471483 5.42137379,12.4879621 L5.47119038,12.60288 L5.52898006,12.7711387 L5.56523473,12.92195 L5.57761846,12.992987 C5.58559809,13.0461088 5.59130077,13.099258 5.59482876,13.1542477 L5.59695911,13.3276117 L5.58310412,13.4996394 L5.56337567,13.6249652 C5.56025998,13.6414028 5.55706084,13.6565219 5.55352379,13.671682 L5.5309873,13.7621376 L5.48277584,13.9134685 L5.44199958,14.0162531 L5.41285066,14.0791083 L6.68150482,14.9934902 L11.824,8.787 L11.7659913,8.74255959 C11.5364603,8.56852722 11.5003641,8.25284917 11.685457,8.03904693 C11.8695009,7.82422622 12.2050638,7.79107755 12.4356613,7.96512854 L12.479,7.998 L14.9266996,5.045646 L13.6580454,4.13224945 L13.5594937,4.20186299 L13.4599368,4.26311726 C13.39768,4.29926309 13.3502095,4.32420842 13.2935503,4.35122502 L13.1181048,4.42495142 L12.9410456,4.48307813 C12.8739816,4.50201868 12.8218273,4.51417069 12.7573879,4.5266826 C12.6858065,4.54067104 12.6273406,4.5493284 12.5699908,4.55443433 C12.5079412,4.5612379 12.4507364,4.56521665 12.3918229,4.56628524 L12.2152688,4.56391666 L12.0284579,4.54439305 L11.8982684,4.52090605 L11.7761126,4.49091337 L11.6625086,4.45593062 L11.538179,4.40847927 L11.4177416,4.35283471 L11.3150196,4.2978326 L11.2029201,4.22821642 C11.186615,4.21743737 11.171061,4.20677784 11.155601,4.19579938 C11.1081244,4.16184135 11.0611738,4.12395318 11.0125541,4.08096189 C10.9625592,4.0364374 10.9235771,3.99911053 10.8816894,3.9551996 L10.765735,3.81716613 L10.6951025,3.71709366 C10.6851562,3.70189671 10.6758804,3.68709766 10.6669112,3.672182 C10.6303073,3.6136993 10.6049587,3.56718745 10.579314,3.51309352 L10.5295729,3.40067849 L10.4891784,3.28887394 L10.4563795,3.17920843 L10.4309914,3.05964823 L10.4230241,3.01223863 C10.4146552,2.96153967 10.4097014,2.91245408 10.4054959,2.84691579 L10.4023044,2.67582907 L10.4160957,2.50216359 L10.4355703,2.38183757 L10.4467149,2.32999771 C10.4618863,2.26212633 10.4749369,2.21323967 10.4933883,2.15398568 L10.5581944,1.98193567 L10.585788,1.92019415 L9.31713382,1.0067976 Z M11.112001,6.95927428 L11.4794464,7.23872965 C11.7089775,7.41276203 11.7450911,7.72744022 11.5599982,7.94124247 C11.4521978,8.06638015 11.2942698,8.12963356 11.1353607,8.1268598 C11.0212447,8.12486789 10.9056066,8.08784409 10.8097939,8.01516086 L10.4423484,7.73570549 C10.2127999,7.56267296 10.1777528,7.24801338 10.3628632,7.03321129 C10.546907,6.81839058 10.8824874,6.78424206 11.112001,6.95927428 Z M9.78960996,5.95404228 L10.1570554,6.23349765 C10.3865864,6.40753002 10.4216335,6.7221896 10.2365232,6.9369917 C10.1298068,7.06114815 9.9718788,7.12440156 9.81296968,7.12162779 C9.69778722,7.11961727 9.5832156,7.08261208 9.48633634,7.00991024 L9.11889087,6.73045487 C8.89042637,6.55644111 8.85431276,6.24176291 9.0394231,6.02696082 C9.22453344,5.81215872 9.5590299,5.77899144 9.78960996,5.95404228 Z M8.46615244,4.94879165 L8.8346644,5.22826564 C9.06312891,5.4022794 9.09817601,5.71693898 8.91413218,5.93175969 C8.80634926,6.05589752 8.64842128,6.11915093 8.48951215,6.11637717 C8.3753962,6.11438526 8.25975808,6.07736146 8.16287881,6.00465961 L7.79543335,5.72520424 C7.56696884,5.55119048 7.53085524,5.23651229 7.71596558,5.02171019 C7.90105846,4.80790795 8.23555492,4.77474066 8.46615244,4.94879165 Z'/></svg>\";\nvar _times = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M9.414 8l4.293-4.293a.999.999 0 1 0-1.414-1.414L8 6.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L6.586 8l-4.293 4.293a.999.999 0 1 0 1.414 1.414L8 9.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L9.414 8z'/></svg>\";\nvar _timesCircle = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.682 10.268a.999.999 0 1 1-1.414 1.414L8 9.414l-2.267 2.268a.999.999 0 1 1-1.414-1.414L6.586 8 4.319 5.732a.999.999 0 1 1 1.414-1.414L8 6.586l2.268-2.268a.999.999 0 1 1 1.414 1.414L9.414 8l2.268 2.268zM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1z'/></svg>\";\nvar _trash = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 13.27V5h12v8.27c0 .95-.778 1.729-1.729 1.729H3.729A1.734 1.734 0 0 1 2 13.268zM14 2c.55 0 1 .45 1 1v1H1V3c0-.55.45-1 1-1h4V1h4v1h4zM6 7a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1zm4 0a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z'/></svg>\";\nvar _unavailable = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8,0 C12.418,0 16,3.582 16,8 C16,12.418 12.418,16 8,16 C3.582,16 0,12.418 0,8 C0,3.582 3.582,0 8,0 Z M12,7.33333333 L4,7.33333333 L4,8.66666667 L12,8.66666667 L12,7.33333333 Z' fill='#9E9E9E'/></svg>\";\nvar _undo = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.415 6H6a1 1 0 1 1 0 2H0V2a1 1 0 1 1 2 0v2.39a7 7 0 1 1 1.118 8.626 1 1 0 1 1 1.395-1.433A5 5 0 1 0 3.415 6z'/></svg>\";\nvar _upload = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M14 8a1 1 0 0 1 1 1v4.5c0 .827-.673 1.5-1.5 1.5h-11c-.827 0-1.5-.673-1.5-1.5V9a1 1 0 1 1 2 0v4h10V9a1 1 0 0 1 1-1zM7 4.827L5.487 6.31a1.027 1.027 0 0 1-1.438 0 .988.988 0 0 1 0-1.415l3.954-3.891L11.95 4.89a.988.988 0 0 1 0 1.415 1.027 1.027 0 0 1-1.438 0L9 4.822l.003 6.676a1 1 0 1 1-2 0L7 4.828z'/></svg>\";\nvar _user = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8,0 C12.418278,0 16,3.581722 16,8 C16,12.418278 12.418278,16 8,16 C3.581722,16 0,12.418278 0,8 C0,3.581722 3.581722,0 8,0 Z M8,1.14285714 C4.21290457,1.14285714 1.14285714,4.21290457 1.14285714,8 C1.14285714,11.7870954 4.21290457,14.8571429 8,14.8571429 C11.7870954,14.8571429 14.8571429,11.7870954 14.8571429,8 C14.8571429,4.21290457 11.7870954,1.14285714 8,1.14285714 Z M7.98584949,2.85714286 C9.34889681,2.85714286 10.4550686,3.96926648 10.4550686,5.34532261 C10.4550686,6.03714702 10.1731131,6.67958828 9.69676508,7.14069284 L9.54936063,7.27100304 L9.60952352,7.30690349 L9.7762134,7.4203516 L9.94138786,7.54644391 L10.1051883,7.68526764 L10.2416263,7.81195445 L10.3714232,7.94232396 L10.651769,8.25794222 L10.8927771,8.57891367 C11.2423945,9.08380698 11.5094592,9.66366866 11.696734,10.3237804 L11.7721176,10.6116142 L11.8248732,10.8469718 L11.8721751,11.0950836 L12,12 L4,12 L4.12132361,11.1348656 L4.19938519,10.7391559 C4.32098422,10.1957878 4.50640614,9.68111979 4.75515981,9.19630862 C5.14427514,8.4352247 5.61044167,7.85635785 6.15617404,7.46199175 L6.34103517,7.33737288 L6.43520613,7.28170213 C5.95230535,6.88859564 5.63224896,6.33000659 5.54176275,5.70873557 L5.52157072,5.5205766 L5.51550658,5.34532261 C5.51550658,3.96950369 6.62256126,2.85714286 7.98584949,2.85714286 Z M7.31110778,7.99745032 C6.65394286,8.22940961 6.10343721,8.77723717 5.64583726,9.67227131 C5.51565668,9.92598882 5.40602461,10.1896281 5.31790656,10.459986 L5.23699562,10.7324649 L5.17782135,10.9719149 L10.8209265,10.9719149 L10.7730876,10.763641 C10.6764681,10.3856601 10.5513461,10.0402539 10.3990022,9.72917415 L10.2796601,9.50232788 L10.1836552,9.34044964 L10.0835551,9.18769891 L9.88229317,8.91713876 L9.64958589,8.65626153 L9.54599401,8.55307868 C8.840639,7.8748068 8.1440517,7.70403557 7.31110778,7.99745032 Z M7.98584949,3.8838946 C7.17505946,3.8838946 6.52070943,4.53940062 6.52070943,5.34532261 C6.52070943,6.15157726 7.17538569,6.80787907 7.98584949,6.80787907 C8.7959876,6.80787907 9.44986578,6.15190961 9.44986578,5.34532261 C9.44986578,4.53906839 8.79631372,3.8838946 7.98584949,3.8838946 Z'/></svg>\";\nvar _warning = \"<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8.46502018,1.74923827 L12.1966051,7.75126955 L15.9273151,13.7524883 C16.1337991,14.0856185 15.8756942,14.5 15.4636012,14.5 L0.537261382,14.5 C0.124293481,14.5 -0.133811457,14.0856185 0.0726724933,13.7524883 L3.80425745,7.75126955 L7.5358424,1.74923827 C7.74232635,1.41692058 8.25853623,1.41692058 8.46502018,1.74923827 Z M8.57142857,11.25 L7.42857143,11.25 L7.42857143,12.3333333 L8.57142857,12.3333333 L8.57142857,11.25 Z M8.57142857,4.75 L7.42857143,4.75 L7.42857143,10.1666667 L8.57142857,10.1666667 L8.57142857,4.75 Z' fill='#FFC749'/></svg>\";\nvar MAP = {\n  'account': _account,\n  'angle-bottom': _angleBottom,\n  'angle-down': _angleDown,\n  'angle-end': _angleEnd,\n  'angle-left': _angleLeft,\n  'angle-right': _angleRight,\n  'angle-start': _angleStart,\n  'angle-top': _angleTop,\n  'angle-up': _angleUp,\n  'bell': _bell,\n  'billing': _billing,\n  'calendar': _calendar,\n  'chart': _chart,\n  'checkmark': _checkmark,\n  'checkmark-circle': _checkmarkCircle,\n  'clock': _clock,\n  'cog': _cog,\n  'copy': _copy,\n  'critical': _critical,\n  'download': _download,\n  'envelope': _envelope,\n  'exclamation-circle': _exclamationCircle,\n  'exclamation-diamond': _exclamationDiamond,\n  'exclamation-triangle': _exclamationTriangle,\n  'external-link': _externalLink,\n  'file': _file,\n  'filter': _filter,\n  'fish-hook': _fishHook,\n  'flag': _flag,\n  'globe': _globe,\n  'grid': _grid,\n  'heartbeat-outline': _heartbeatOutline,\n  'heartbeat-fill': _heartbeatFill,\n  'help-circle': _helpCircle,\n  'information': _information,\n  'input-file': _inputFile,\n  'kbd-arrow-down': _kbdArrowDown,\n  'kbd-arrow-left': _kbdArrowLeft,\n  'kbd-arrow-right': _kbdArrowRight,\n  'kbd-arrow-up': _kbdArrowUp,\n  'kbd-capslock': _kbdCapslock,\n  'kbd-command': _kbdCmd,\n  'kbd-delete': _kbdDelete,\n  'kbd-eject': _kbdEject,\n  'kbd-option': _kbdOption,\n  'kbd-return': _kbdReturn,\n  'kbd-shift': _kbdShift,\n  'kbd-space': _kbdSpace,\n  'kbd-tab': _kbdTab,\n  'key': _key,\n  'list': _list,\n  'lock': _lock,\n  'mime-archive': _mimeArchive,\n  'mime-audio': _mimeAudio,\n  'mime-code': _mimeCode,\n  'mime-data': _mimeData,\n  'mime-image': _mimeImage,\n  'mime-system': _mimeSystem,\n  'mime-text': _mimeText,\n  'mime-video': _mimeVideo,\n  'minus': _minus,\n  'minus-circle': _minusCircle,\n  'monitoring': _chart,\n  'ok': _ok,\n  'paperclip': _paperclip,\n  'payment': _payment,\n  'pencil': _pencil,\n  'pending': _pending,\n  'phone': _phone,\n  'plus': _plus,\n  'plus-or-minus': _plusOrMinus,\n  'redo': _redo,\n  'search': _search,\n  'server': _server,\n  'shield-lock': _shieldLock,\n  'server-config': _serverConfig,\n  'server-incident': _serverIncident,\n  'sort': _sort,\n  'sort-down': _sortDown,\n  'sort-up': _sortUp,\n  'support': _support,\n  'tag': _tag,\n  'ticketing': _ticketing,\n  'times': _times,\n  'times-circle': _timesCircle,\n  'trash': _trash,\n  'unavailable': _unavailable,\n  'undo': _undo,\n  'upload': _upload,\n  'user': _user,\n  'warning': _warning\n}; // TODO: DEPRECATED icons\n\nMAP['export'] = MAP['upload'];\nMAP['input-url'] = MAP['globe'];\nMAP['technical-change'] = MAP['server-config'];\nMAP['technical-incident'] = MAP['server-incident'];\nMAP['input-time'] = MAP['clock'];\nMAP['info-circle'] = MAP['information'];\n/**\n * @module HelixUI/Utils\n */\n\nvar NOOP = function NOOP() {};\n/**\n * @description\n * Returns argument if it's a function, otherwise returns a noop.\n *\n * @param {function|*} [fn=noop] - possible function\n * @returns {function}\n */\n\n\nfunction ensureFn() {\n  var fn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : NOOP;\n  return typeof fn === 'function' ? fn : NOOP;\n}\n/**\n * Key/value map of key names and their keycode.\n *\n * - Alt / Option\n * - Backspace\n * - Ctrl / Control\n * - Del / Delete\n * - Down\n * - End\n * - Enter / Return\n * - Esc / Escape\n * - Home\n * - Ins / Insert\n * - Left\n * - PgDown / PageDown\n * - PgUp / PageUp\n * - Right\n * - Shift\n * - Space\n * - Tab\n * - Up\n * @enum {Integer}\n */\n\n\nvar KEYS = {\n  Alt: 18,\n  Backspace: 8,\n  Control: 17,\n  Ctrl: 17,\n  Del: 46,\n  Delete: 46,\n  Down: 40,\n  End: 35,\n  Enter: 13,\n  Esc: 27,\n  Escape: 27,\n  Home: 36,\n  Ins: 45,\n  Insert: 45,\n  Left: 37,\n  Option: 18,\n  PageDown: 34,\n  PageUp: 33,\n  PgDown: 34,\n  PgUp: 33,\n  Return: 13,\n  Right: 39,\n  Shift: 16,\n  Space: 32,\n  Tab: 9,\n  Up: 38\n};\n/**\n * Defers execution of callback function until _next_ event loop.\n *\n * @param {Function} callback\n * @returns {Function}\n */\n\nfunction defer(cb) {\n  return function () {\n    return setTimeout(cb, 0);\n  };\n}\n/**\n * Generate a unique ID\n *\n * **Pseudo-random Algorithm**\n * This functionality is pseudo-random, and you should not depend on 100%\n * random values. Given a large enough dataset, this method has the\n * potential to generate duplicate values.\n *\n * For the purposes of most applications, the dataset is small enough that\n * the potential for duplicate values is almost 0, meaning that it's good\n * enough for use.\n *\n * @see https://gist.github.com/gordonbrander/2230317\n */\n\n\nfunction generateId() {\n  return Math.random() // 0.7093288430261266\n  .toString(36) // \"0.pjag2nwxb2o\"\n  .substr(2, 8); // \"pjag2nwx\"\n}\n/**\n * @function\n * @param {class} baseClass - Base class to apply mixin behavior\n * @param {...function} mixins - mixin factory functions\n * @returns {class}\n *\n * @example\n * import { mix } from 'utils';\n *\n * // Define unique superclass with behaviors from one or more mixin classes\n * class _ABElement extends mix(HXElement, MixinA, MixinB) {}\n *\n * // Extend unique superclass and define additional logic\n * class HXNewElement extends _ABElement {\n *   // logic unique to HXNewElement ...\n * }\n */\n\n\nfunction mix(baseClass) {\n  for (var _len = arguments.length, mixins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    mixins[_key - 1] = arguments[_key];\n  }\n\n  return mixins.reduce(function (klass, mixin) {\n    return mixin(klass);\n  }, baseClass);\n}\n/**\n * Communicate scroll events from elements at arbitrary depths in the DOM tree\n * (because 'scroll' events do not bubble).\n *\n * The event is dispatched from the `document` object, instead of bubbling from\n * the original element, to avoid interfering with 'scroll' event listeners\n * attached to ancestor elements.\n *\n * We dispatch a CustomEvent so that we can communicate details about the\n * originating target via the `detail` property on the event.\n *\n * @param {Event} evt - \"scroll\" event object\n * @returns {Boolean}\n */\n\n\nfunction onScroll(evt) {\n  var _evtScroll = new CustomEvent('scroll', {\n    cancelable: true,\n    bubbles: false,\n    detail: {\n      target: evt.target\n    }\n  });\n\n  return document.dispatchEvent(_evtScroll);\n} //onScroll()\n\n/**\n * Event listener callback function to prevent page scrolling on `keydown`.\n *\n * @param {Event} evt - Event to act on.\n */\n\n\nfunction preventKeyScroll(evt) {\n  switch (evt.keyCode) {\n    case KEYS.Down:\n    case KEYS.Left:\n    case KEYS.Right:\n    case KEYS.Space:\n    case KEYS.Up:\n      evt.preventDefault();\n      break;\n  }\n}\n/**\n * Warn user of deprecation.\n *\n * @param {String} txtReplacement - \"use instead\" replacement\n */\n\n\nfunction replaceWith(txtReplacement) {\n  /* eslint-disable no-console */\n  console.warn(\"\\n        DEPRECATED: Use \".concat(txtReplacement, \" instead.\\n        Old functionality will be removed in an upcoming major release.\\n    \"));\n  /* eslint-enable no-console */\n}\n/**\n * @description\n * Run callback after WebComponents polyfills have finished loading\n *\n * @example\n * function start () {\n *   // do stuff...\n * }\n *\n * onWebComponentsReady(start);\n *\n * @param {function} [cb=noop] - callback to run\n */\n\n\nfunction onWebComponentsReady() {\n  var cb = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : NOOP;\n\n  var _callback = ensureFn(cb);\n\n  if (window.WebComponents) {\n    // Polyfill detected\n    if (window.WebComponents.ready) {\n      // polyfill already finished loading, execute callback immediately\n      _callback();\n    } else {\n      var wcrHandler = function wcrHandler() {\n        _callback(); // remove listener to prevent additional execution of the handler\n\n\n        window.removeEventListener('WebComponentsReady', wcrHandler);\n      }; // execute callback when polyfill has finished loading\n\n\n      window.addEventListener('WebComponentsReady', wcrHandler);\n    }\n  } else {\n    // No polyfills detected, execute callback immediately\n    _callback();\n  }\n}\n/**\n * @description\n * Asynchronous version of onWebComponentsReady()\n *\n * @example <caption>Then-able</caption>\n * function start () {\n *   // do stuff...\n * }\n *\n * waitForWebComponents().then(start);\n *\n *\n * @example <caption>Async/Await</caption>\n * function start () {\n *   // do stuff...\n * }\n *\n * async function load () {\n *   await waitForWebComponents();\n *   start();\n * }\n *\n * load();\n *\n * @returns {Promise}\n */\n\n\nfunction waitForWebComponents() {\n  return new Promise(function (resolve, reject) {\n    try {\n      onWebComponentsReady(resolve);\n    } catch (err) {\n      reject(err);\n    }\n  });\n}\n\nvar index$2 = /*#__PURE__*/Object.freeze({\n  __proto__: null,\n  ensureFn: ensureFn,\n  KEYS: KEYS,\n  defer: defer,\n  generateId: generateId,\n  mix: mix,\n  onScroll: onScroll,\n  preventKeyScroll: preventKeyScroll,\n  replaceWith: replaceWith,\n  onWebComponentsReady: onWebComponentsReady,\n  waitForWebComponents: waitForWebComponents,\n  Alignment: index,\n  Offset: index$1,\n  ICONS: MAP\n});\n/**\n * Fires in single-panel mode, when the current panel changes.\n *\n * @event Accordion:panelchange\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-accordion>` element.\n *\n * @emits Accordion:panelchange\n * @extends HXElement\n * @hideconstructor\n * @since 0.4.0\n */\n\nvar HXAccordionElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXAccordionElement, _HXElement);\n\n  var _super = _createSuper(HXAccordionElement);\n\n  function HXAccordionElement() {\n    _classCallCheck(this, HXAccordionElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXAccordionElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this.$onConnect = defer(this.$onConnect);\n      this._onPanelOpen = this._onPanelOpen.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      var _this = this;\n\n      this.$upgradeProperty('currentPanel');\n      this.panels.forEach(function (panel) {\n        panel.addEventListener('open', _this._onPanelOpen);\n      });\n\n      if (this._isNavigable) {\n        this._openPanel(this.currentPanel);\n      }\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      var _this2 = this;\n\n      this.panels.forEach(function (panel) {\n        panel.removeEventListener('open', _this2._onPanelOpen);\n      });\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'current-panel') {\n        if (newVal !== null) {\n          this._openPanel(Number(newVal));\n\n          this.$emit('panelchange');\n        }\n      }\n    }\n    /**\n     * Array of `<hx-accordion-panel>` descendants.\n     *\n     * @readonly\n     * @type {HXAccordionPanelElement[]}\n     * @todo\n     * Needs tweaked for nested accordions (e.g. multi-level navigation).\n     * As it currently is, it returns ALL panels within the accordion,\n     * not just the immediate children.\n     */\n\n  }, {\n    key: \"selectNext\",\n\n    /**\n     * Select next panel, when in single-panel mode.\n     */\n    value: function selectNext() {\n      if (this._isNavigable) {\n        this.currentPanel += 1;\n      }\n    }\n    /**\n     * Select previous panel, when in single-panel mode.\n     */\n\n  }, {\n    key: \"selectPrevious\",\n    value: function selectPrevious() {\n      if (this._isNavigable) {\n        this.currentPanel -= 1;\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_onPanelOpen\",\n\n    /** @private */\n    value: function _onPanelOpen(evt) {\n      var idx = this.panels.indexOf(evt.target);\n\n      if (this._isNavigable) {\n        this.currentPanel = idx;\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_openPanel\",\n    value: function _openPanel(index) {\n      if (this._isNavigable) {\n        this.panels.forEach(function (panel, idx) {\n          if (Number(index) === idx) {\n            panel.open = true;\n            panel.focus();\n          } else {\n            panel.open = false;\n            panel.blur();\n          }\n        });\n      }\n    }\n  }, {\n    key: \"panels\",\n    get: function get() {\n      if (!this.isConnected) {\n        return [];\n      }\n\n      return Array.from(this.querySelectorAll('hx-accordion-panel'));\n    }\n    /**\n     * Zero-based index of the currently open panel.\n     *\n     * - **multi-panel** mode _(default)_\n     *   - If unset, the user can open multiple panels at once.\n     * - **single-panel** mode\n     *   - If set, the user can only open one panel at a time.\n     *\n     * @type {Number}\n     * @todo Needs updated to return Integer or null/undefined.\n     * @todo Needs renamed. Too similar to nextPanel() and previousPanel() methods.\n     */\n\n  }, {\n    key: \"currentPanel\",\n    get: function get() {\n      return Number(this.getAttribute('current-panel'));\n    },\n    set: function set(idx) {\n      if (idx !== null) {\n        var maxIndex = this.panels.length - 1;\n\n        if (idx >= 0 && idx <= maxIndex) {\n          this.setAttribute('current-panel', idx);\n        }\n      } else {\n        this.removeAttribute('current-panel');\n      }\n    }\n  }, {\n    key: \"_isNavigable\",\n    get: function get() {\n      return this.hasAttribute('current-panel');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-accordion';\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['current-panel'];\n    }\n  }]);\n\n  return HXAccordionElement;\n}(HXElement);\n\nvar shadowMarkup = \"<button type='button' id='hxToggle' aria-controls='body' aria-expanded='false'><div class='header'><span class='header__content'><slot name='header'></slot></span><hx-icon class='header__icon' type='angle-down'></hx-icon></div></button><div id='hxBody' aria-expanded='false'><slot></slot></div>\";\nvar shadowStyles = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxToggle { background-color: transparent; border: 1px; cursor: pointer; padding: 0 1rem 0 0; text-align: left; width: 100%; }\\n\\n#hxToggle[aria-expanded=\\\"true\\\"] .header__icon { transform: scaleY(-1); }\\n\\n#hxToggle[disabled] { cursor: not-allowed; }\\n\\n.header { align-items: center; display: flex; }\\n\\n.header__content { flex-shrink: 0; flex-grow: 1; }\\n\\n.header__icon { flex-shrink: 0; margin-left: 0.5rem; }\\n\\n#hxBody { display: none; }\\n\\n#hxBody[aria-expanded=\\\"true\\\"] { display: block; }\\n\\nbutton:focus { outline: none; box-shadow: 0 0 4px 0 #0051b7; }\\n\";\n/**\n * Fires when the element's contents are concealed.\n *\n * @event AccordionPanel:close\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when the element's contents are revealed.\n *\n * @event AccordionPanel:open\n * @since 0.4.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-accordion-panel>` element.\n *\n * @emits AccordionPanel:close\n * @emits AccordionPanel:open\n * @extends HXElement\n * @hideconstructor\n * @since 0.4.0\n */\n\nvar HXAccordionPanelElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXAccordionPanelElement, _HXElement);\n\n  var _super = _createSuper(HXAccordionPanelElement);\n\n  function HXAccordionPanelElement() {\n    _classCallCheck(this, HXAccordionPanelElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXAccordionPanelElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onClick = this._onClick.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('open');\n\n      this._btnToggle.addEventListener('click', this._onClick);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnToggle.removeEventListener('click', this._onClick);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      var hasValue = newVal !== null;\n\n      switch (attr) {\n        case 'disabled':\n          this._btnToggle.disabled = hasValue;\n          break;\n\n        case 'open':\n          this._btnToggle.setAttribute('aria-expanded', hasValue);\n\n          this._elBody.setAttribute('aria-expanded', hasValue);\n\n          this.$emit(hasValue ? 'open' : 'close');\n          break;\n      }\n    }\n    /**\n     * @default false\n     * @type {Boolean}\n     * @description\n     * Property reflecting the \"open\" HTML attribute, indicating whether or not\n     * the element's contents (excluding the header) should be shown.\n     */\n\n  }, {\n    key: \"_onClick\",\n\n    /** @private */\n    value: function _onClick(evt) {\n      evt.preventDefault();\n\n      if (!this.disabled) {\n        this.open = !this.open;\n      }\n    }\n  }, {\n    key: \"open\",\n    get: function get() {\n      return this.hasAttribute('open');\n    },\n    set: function set(newVal) {\n      if (newVal) {\n        this.setAttribute('open', '');\n      } else {\n        this.removeAttribute('open');\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnToggle\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxToggle');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elBody\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxBody');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-accordion-panel';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles, \"</style>\").concat(shadowMarkup);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['open'];\n    }\n  }]);\n\n  return HXAccordionPanelElement;\n}(HXElement);\n\nvar shadowMarkup$1 = \"<div id='hxAlert'><span id='hxIconWrapper'><hx-icon id='hxIcon' type='info-circle'></hx-icon></span><span id='hxContent'><span id='hxStatus'></span><slot></slot></span><button id='hxCta' type='button'></button> <button id='hxDismiss' type='button'><hx-icon type='times'></hx-icon></button></div>\";\nvar shadowStyles$1 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxAlert { display: flex; }\\n\\nbutton { align-self: flex-start; background-color: transparent; border: 0; cursor: pointer; }\\n\\n#hxIconWrapper { flex-shrink: 0; padding: 1rem; }\\n\\n#hxContent { flex-grow: 1; margin-right: 1rem; padding: 1rem 0; }\\n\\n#hxStatus { float: left; font-weight: 500; margin-right: 0.25rem; text-transform: uppercase; }\\n\\n#hxStatus:after { content: \\\":\\\"; }\\n\\n#hxStatus:empty { display: none; }\\n\\n#hxCta { flex-shrink: 0; font-weight: 500; padding: 1rem 0; text-transform: uppercase; white-space: nowrap; }\\n\\n#hxCta:empty { display: none; }\\n\\n#hxDismiss { flex-shrink: 0; height: 3rem; padding: 1rem; width: 3rem; }\\n\\n:host([persist]) #hxDismiss { display: none; }\\n\\n:host([persist]) #hxCta { margin-right: 1rem; }\\n\";\nvar ICONS = {\n  'error': 'exclamation-circle',\n  'info': 'info-circle',\n  'success': 'checkmark-circle',\n  'warning': 'exclamation-triangle'\n};\n/**\n * Fires when the dismiss button (\"X\") is pressed.\n *\n * @event Alert:dismiss\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when the CTA button is pressed.\n *\n * @event Alert:submit\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-alert>` element.\n *\n * @emits Alert:dismiss\n * @emits Alert:submit\n * @extends HXElement\n * @hideconstructor\n * @since 0.6.0\n */\n\nvar HXAlertElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXAlertElement, _HXElement);\n\n  var _super = _createSuper(HXAlertElement);\n\n  function HXAlertElement() {\n    _classCallCheck(this, HXAlertElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXAlertElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onDismiss = this._onDismiss.bind(this);\n      this._onSubmit = this._onSubmit.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('cta');\n      this.$upgradeProperty('persist');\n      this.$upgradeProperty('status');\n      this.$upgradeProperty('type');\n\n      this._btnCta.addEventListener('click', this._onSubmit);\n\n      this._btnDismiss.addEventListener('click', this._onDismiss);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnCta.removeEventListener('click', this._onSubmit);\n\n      this._btnDismiss.removeEventListener('click', this._onDismiss);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      var hasValue = newVal !== null;\n\n      switch (attr) {\n        case 'cta':\n          this._btnCta.textContent = hasValue ? newVal : '';\n          break;\n\n        case 'status':\n          this._elStatus.textContent = hasValue ? newVal : '';\n          break;\n\n        case 'type':\n          if (hasValue) {\n            this._elIcon.type = ICONS[newVal] || ICONS['info'];\n          } else {\n            this._elIcon.type = ICONS['info'];\n          }\n\n          break;\n      }\n    }\n    /**\n     * Text for the Call To Action button.\n     * If blank, the button will not be shown.\n     *\n     * @default \"\"\n     * @type {String}\n     */\n\n  }, {\n    key: \"dismiss\",\n\n    /**\n     * Dismiss the alert (removes element from the DOM).\n     */\n    value: function dismiss() {\n      if (!this.persist && this.$emit('dismiss')) {\n        // only if event was not canceled by consumer\n        this.remove();\n      }\n    }\n    /**\n     * Simulate a mouse click on the CTA button.\n     */\n\n  }, {\n    key: \"submit\",\n    value: function submit() {\n      this.$emit('submit');\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDismiss\",\n    value: function _onDismiss(evt) {\n      evt.preventDefault();\n      this.dismiss();\n    }\n    /** @private */\n\n  }, {\n    key: \"_onSubmit\",\n    value: function _onSubmit(evt) {\n      evt.preventDefault();\n      this.submit();\n    }\n    /** @private */\n\n  }, {\n    key: \"cta\",\n    get: function get() {\n      return this.getAttribute('cta');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('cta', value);\n      } else {\n        this.removeAttribute('cta');\n      }\n    }\n    /**\n     * Property reflecting the `persist` HTML attribute, indicating whether the\n     * alert may be dismissed. If true, the dismiss button will not be shown.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"persist\",\n    get: function get() {\n      return this.hasAttribute('persist');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('persist', '');\n      } else {\n        this.removeAttribute('persist');\n      }\n    }\n    /**\n     * Status text to display before the alert message.\n     * If blank, it will not be shown.\n     *\n     * @default \"\"\n     * @type {String}\n     */\n\n  }, {\n    key: \"status\",\n    get: function get() {\n      return this.getAttribute('status');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('status', value);\n      } else {\n        this.removeAttribute('status');\n      }\n    }\n    /**\n     * Indicates the type of alert to display.\n     * Valid values are \"info\", \"success\", \"warning\", and \"error\".\n     *\n     * @default \"info\"\n     * @type {String}\n     */\n\n  }, {\n    key: \"type\",\n    get: function get() {\n      return this.getAttribute('type');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('type', value);\n      } else {\n        this.removeAttribute('type');\n      }\n    }\n  }, {\n    key: \"_elIcon\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxIcon');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elStatus\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxStatus');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnCta\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxCta');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnDismiss\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxDismiss');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-alert';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$1, \"</style>\").concat(shadowMarkup$1);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['cta', 'status', 'type'];\n    }\n  }]);\n\n  return HXAlertElement;\n}(HXElement);\n\nvar shadowMarkup$2 = \"<div id='hxBeacon'><button id='hxDismiss' type='button'><span id='hxBeaconPulse'></span></button></div>\";\nvar shadowStyles$2 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n:host #hxDismiss { background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; line-height: 1; margin: 0; padding: 0; }\\n\\n:host #hxDismiss #hxBeaconPulse { -webkit-animation: hx-pulse 2s infinite linear; animation: hx-pulse 2s infinite linear; border-radius: 3rem; box-shadow: 0 0 1px 1px var(--hxBeacon, #6b6b6b); content: \\\"\\\"; height: 1rem; left: 0; margin: 0; padding: 0; position: absolute; top: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; width: 1rem; cursor: pointer; }\\n\\n@keyframes hx-pulse { 0% { transform: scale(1);\\n    opacity: 1; }\\n  100% { transform: scale(2.5);\\n    opacity: 0; } }\\n\\n@-webkit-keyframes hx-pulse { 0% { transform: scale(1);\\n    opacity: 1; }\\n  100% { transform: scale(2.5);\\n    opacity: 0; } }\\n\";\n/**\n * Defines behavior for the `<hx-beacon>` element.\n *\n * @extends HXElement\n * @emits beacon:dismiss\n * @hideconstructor\n * @since 0.23.0\n */\n\nvar HXBeaconElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXBeaconElement, _HXElement);\n\n  var _super = _createSuper(HXBeaconElement);\n\n  function HXBeaconElement() {\n    _classCallCheck(this, HXBeaconElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXBeaconElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onDismiss = this._onDismiss.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this._btnDismiss.addEventListener('click', this._onDismiss);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnDismiss.removeEventListener('click', this._onDismiss);\n    }\n    /**\n     * Dismiss the beacon (removes element from the DOM)\n     */\n\n  }, {\n    key: \"dismiss\",\n    value: function dismiss() {\n      if (this.$emit('dismiss')) {\n        this.remove();\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDismiss\",\n    value: function _onDismiss() {\n      this.dismiss();\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnDismiss\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxDismiss');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-beacon';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$2, \"</style>\").concat(shadowMarkup$2);\n    }\n  }]);\n\n  return HXBeaconElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-busy>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.4.0\n */\n\n\nvar HXBusyElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXBusyElement, _HXElement);\n\n  var _super = _createSuper(HXBusyElement);\n\n  function HXBusyElement() {\n    _classCallCheck(this, HXBusyElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXBusyElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('paused');\n      this.$defaultAttribute('aria-hidden', true);\n    }\n    /**\n     * Pause or resume animation.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"paused\",\n    get: function get() {\n      return this.hasAttribute('paused');\n    },\n    set: function set(isPaused) {\n      if (isPaused) {\n        this.setAttribute('paused', '');\n      } else {\n        this.removeAttribute('paused');\n      }\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-busy';\n    }\n  }]);\n\n  return HXBusyElement;\n}(HXElement);\n\nvar STATE = {\n  changed: 'hx-changed',\n  dirty: 'hx-dirty',\n  touched: 'hx-touched'\n};\n/**\n * Abstract class which defines shared behavior among all\n * form control custom elements (e.g., HXSelectControlElement,\n * HXCheckboxControlElement, HXTextControlElement, etc.).\n *\n * ## States\n *\n * ### Dirty\n * Reflected by the `hx-dirty` content attribute when Changed or Touched.\n *\n * ### Changed\n * Applies the `hx-changed` content attribute when controlElement\n * emits a `change` event. This typically occurs after the value\n * has been modified and the user moves away (blurs) the text control.\n *\n * ### Touched\n * Applies the `hx-touched` content attribute when controlElement\n * emits a `blur` event (meaning that the user has \"visited\" the\n * text control and moved on).\n *\n * @abstract\n * @hideconstructor\n * @since 0.16.0\n */\n\nvar HXFormControlElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXFormControlElement, _HXElement);\n\n  var _super = _createSuper(HXFormControlElement);\n  /** @override */\n\n\n  function HXFormControlElement() {\n    var _this;\n\n    _classCallCheck(this, HXFormControlElement);\n\n    _this = _super.call(this);\n    _this._onCtrlBlur = _this._onCtrlBlur.bind(_assertThisInitialized(_this));\n    _this._onCtrlChange = _this._onCtrlChange.bind(_assertThisInitialized(_this));\n    return _this;\n  }\n  /**\n   * Adds `change` and `blur` event listeners to apply\n   * \"changed\" and \"touched\" states to the custom control\n   * element, in addition to superclass behavior.\n   *\n   * - preserves `$onConnect()` hook for subclasses\n   *\n   * @override\n   */\n\n\n  _createClass(HXFormControlElement, [{\n    key: \"connectedCallback\",\n    value: function connectedCallback() {\n      _get(_getPrototypeOf(HXFormControlElement.prototype), \"connectedCallback\", this).call(this);\n\n      var ctrl = this.controlElement;\n\n      if (ctrl) {\n        ctrl.addEventListener('change', this._onCtrlChange);\n        ctrl.addEventListener('blur', this._onCtrlBlur);\n      }\n    }\n    /**\n     * Removes event listeners added in connectedCallback,\n     * in addition to superclass behavior.\n     *\n     * - preserves `$onDisconnect()` hook for subclasses\n     *\n     * @override\n     */\n\n  }, {\n    key: \"disconnectedCallback\",\n    value: function disconnectedCallback() {\n      _get(_getPrototypeOf(HXFormControlElement.prototype), \"disconnectedCallback\", this).call(this);\n\n      var ctrl = this.controlElement;\n\n      if (ctrl) {\n        ctrl.removeEventListener('change', this._onCtrlChange);\n        ctrl.removeEventListener('blur', this._onCtrlBlur);\n      }\n    }\n    /**\n     * This should be overridden by subclasses.\n     *\n     * Logic should make a best effort to return an HTML\n     * form control element (e.g., `<input>`, `<select>`,\n     * `<textarea>`, etc.).\n     *\n     * @abstract\n     * @default undefined\n     * @type {?HTMLElement}\n     */\n\n  }, {\n    key: \"_onCtrlBlur\",\n\n    /** @private */\n    value: function _onCtrlBlur() {\n      // communicate state via read-only, boolean content attributes\n      this._stateTouched();\n\n      this._stateDirty();\n    }\n    /** @private */\n\n  }, {\n    key: \"_onCtrlChange\",\n    value: function _onCtrlChange() {\n      // communicate state via read-only, boolean content attributes\n      this._stateChanged();\n\n      this._stateDirty();\n    }\n    /** @private */\n\n  }, {\n    key: \"_stateChanged\",\n    value: function _stateChanged() {\n      this.$defaultAttribute(STATE.changed, '');\n      this.$emit('hxchange', {\n        bubbles: true\n      });\n    }\n    /** @private */\n\n  }, {\n    key: \"_stateDirty\",\n    value: function _stateDirty() {\n      this.$defaultAttribute(STATE.dirty, '');\n      this.$emit('hxdirty', {\n        bubbles: true\n      });\n    }\n    /** @private */\n\n  }, {\n    key: \"_stateTouched\",\n    value: function _stateTouched() {\n      this.$defaultAttribute(STATE.touched, '');\n      this.$emit('hxtouch', {\n        bubbles: true\n      });\n    }\n  }, {\n    key: \"controlElement\",\n    get: function get() {}\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"isDirty\",\n    get: function get() {\n      return this.hasAttribute(STATE.dirty);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"wasChanged\",\n    get: function get() {\n      return this.hasAttribute(STATE.changed);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"wasTouched\",\n    get: function get() {\n      return this.hasAttribute(STATE.touched);\n    }\n  }]);\n\n  return HXFormControlElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-select-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.16.0\n */\n\n\nvar HXCheckboxControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXCheckboxControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXCheckboxControlElement);\n\n  function HXCheckboxControlElement() {\n    _classCallCheck(this, HXCheckboxControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXCheckboxControlElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first `<input type=\"checkbox\">` descendant\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n    get: function get() {\n      return this.querySelector('input[type=\"checkbox\"]');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-checkbox-control';\n    }\n  }]);\n\n  return HXCheckboxControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$3 = \"<div id='hxCheckbox'><hx-icon type='checkmark' id='hxTick'></hx-icon><hx-icon type='minus' id='hxMinus'></hx-icon></div>\";\nvar shadowStyles$3 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxCheckbox { align-items: center; display: grid; font-size: 10px; grid-template-areas: \\\"icon\\\"; height: 100%; justify-content: center; width: 100%; }\\n\\n#hxMinus, #hxTick { grid-area: icon; height: 1em; line-height: 1; width: 1em; }\\n\\n#hxMinus { display: var(--hxMinus-display, none); }\\n\\n#hxTick { display: var(--hxTick-display, none); }\\n\";\n/**\n * Applies Shadow DOM to the `<hx-checkbox>` facade element.\n *\n * @extends HXElement\n * @hideconstructor\n */\n\nvar HXCheckboxElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXCheckboxElement, _HXElement);\n\n  var _super = _createSuper(HXCheckboxElement);\n\n  function HXCheckboxElement() {\n    _classCallCheck(this, HXCheckboxElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXCheckboxElement, null, [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-checkbox';\n    }\n    /** @override */\n\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$3, \"</style>\").concat(shadowMarkup$3);\n    }\n  }]);\n\n  return HXCheckboxElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-checkbox-set>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.18.0\n */\n\n\nvar HXCheckboxSetElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXCheckboxSetElement, _HXElement);\n\n  var _super = _createSuper(HXCheckboxSetElement);\n\n  function HXCheckboxSetElement() {\n    _classCallCheck(this, HXCheckboxSetElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXCheckboxSetElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.addEventListener('hxchange', this._onHxchange);\n      this.addEventListener('hxdirty', this._onHxdirty);\n      this.addEventListener('hxtouch', this._onHxtouch);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('hxchange', this._onHxchange);\n      this.removeEventListener('hxdirty', this._onHxdirty);\n      this.removeEventListener('hxtouch', this._onHxtouch);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"_onHxchange\",\n\n    /** @private */\n    value: function _onHxchange(evt) {\n      evt.stopPropagation();\n      this.$defaultAttribute(STATE.changed, '');\n    }\n    /** @private */\n\n  }, {\n    key: \"_onHxdirty\",\n    value: function _onHxdirty(evt) {\n      evt.stopPropagation();\n      this.$defaultAttribute(STATE.dirty, '');\n    }\n    /** @private */\n\n  }, {\n    key: \"_onHxtouch\",\n    value: function _onHxtouch(evt) {\n      evt.stopPropagation();\n      this.$defaultAttribute(STATE.touched, '');\n    }\n  }, {\n    key: \"isDirty\",\n    get: function get() {\n      return this.hasAttribute(STATE.dirty);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"wasChanged\",\n    get: function get() {\n      return this.hasAttribute(STATE.changed);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"wasTouched\",\n    get: function get() {\n      return this.hasAttribute(STATE.touched);\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-checkbox-set';\n    }\n  }]);\n\n  return HXCheckboxSetElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-disclosure>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXDisclosureElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXDisclosureElement, _HXElement);\n\n  var _super = _createSuper(HXDisclosureElement);\n\n  function HXDisclosureElement() {\n    _classCallCheck(this, HXDisclosureElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXDisclosureElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this.$onConnect = defer(this.$onConnect);\n      this._onTargetOpen = this._onTargetOpen.bind(this);\n      this._onTargetClose = this._onTargetClose.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('expanded');\n      this.setAttribute('role', 'button');\n\n      if (!this.hasAttribute('tabindex') && !this.disabled) {\n        this.setAttribute('tabindex', 0);\n      }\n\n      if (this.target) {\n        this.expanded = this.target.hasAttribute('open');\n      } else {\n        this.expanded = false;\n      }\n\n      this._addTargetListeners();\n\n      this.addEventListener('click', this._onClick);\n      this.addEventListener('keydown', preventKeyScroll);\n      this.addEventListener('keyup', this._onKeyUp);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('click', this._onClick);\n      this.removeEventListener('keydown', preventKeyScroll);\n      this.removeEventListener('keyup', this._onKeyUp);\n\n      this._removeTargetListeners();\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'aria-expanded') {\n        if (this.target) {\n          var setTo = newVal === 'true';\n\n          if (this.target.open !== setTo) {\n            this.target.open = setTo;\n          }\n        }\n      }\n    }\n    /**\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"click\",\n\n    /**\n     * Simulates mouse click\n     */\n    value: function click() {\n      if (!this.disabled) {\n        this.expanded = !this.expanded;\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_addTargetListeners\",\n    value: function _addTargetListeners() {\n      if (this.target) {\n        this.target.addEventListener('open', this._onTargetOpen);\n        this.target.addEventListener('close', this._onTargetClose);\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_onKeyUp\",\n    value: function _onKeyUp(event) {\n      switch (event.keyCode) {\n        case KEYS.Space:\n        case KEYS.Enter:\n          this.click();\n          break;\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_onTargetOpen\",\n    value: function _onTargetOpen() {\n      this.expanded = true;\n    }\n    /** @private */\n\n  }, {\n    key: \"_onTargetClose\",\n    value: function _onTargetClose() {\n      this.expanded = false;\n    }\n    /** @private */\n\n  }, {\n    key: \"_onClick\",\n    value: function _onClick() {\n      this.click();\n    }\n    /** @private */\n\n  }, {\n    key: \"_removeTargetListeners\",\n    value: function _removeTargetListeners() {\n      if (this.target) {\n        this.target.removeEventListener('open', this._onTargetOpen);\n        this.target.removeEventListener('close', this._onTargetClose);\n      }\n    }\n  }, {\n    key: \"expanded\",\n    get: function get() {\n      return this.getAttribute('aria-expanded') === 'true';\n    },\n    set: function set(newVal) {\n      this.setAttribute('aria-expanded', !!newVal);\n    }\n    /**\n     * @readonly\n     * @type {HTMLElement}\n     */\n\n  }, {\n    key: \"target\",\n    get: function get() {\n      if (this.isConnected && !this._target) {\n        var targetId = this.getAttribute('aria-controls');\n        this._target = this.getRootNode().querySelector(\"[id=\\\"\".concat(targetId, \"\\\"]\"));\n      }\n\n      return this._target;\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-disclosure';\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['aria-expanded'];\n    }\n  }]);\n\n  return HXDisclosureElement;\n}(HXElement);\n\nvar shadowMarkup$4 = \"<div id='hxDiv'><slot></slot></div>\";\nvar shadowStyles$4 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n@supports (--skip-ie: true) { :host { --hxPadding--base: 0; --hxPaddingTop: var(--hxPadding--base); --hxPaddingRight: var(--hxPadding--base); --hxPaddingBottom: var(--hxPadding--base); --hxPaddingLeft: var(--hxPadding--base); --hxPadding:\\n      var(--hxPaddingTop)\\n      var(--hxPaddingRight)\\n      var(--hxPaddingBottom)\\n      var(--hxPaddingLeft); }\\n  :host #hxDiv { padding: var(--hxPadding, 0); } }\\n\";\n/**\n * Nullable string denoting direction for scrolling.\n *\n * Valid Values:\n *   - 'horizontal'\n *   - 'vertical'\n *   - 'both'\n *\n * @typedef {Enum<string>|Null} ScrollDirection\n */\n\n/**\n * Defines behavior for the `<hx-div>` element.\n *\n * @extends HXElement\n * @hideconstructor\n */\n\nvar HXDivElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXDivElement, _HXElement);\n\n  var _super = _createSuper(HXDivElement);\n\n  function HXDivElement() {\n    _classCallCheck(this, HXDivElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXDivElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.addEventListener('scroll', onScroll);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('scroll', onScroll);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'scroll') {\n        if (newVal !== null) {\n          this._resetScroll();\n        }\n      }\n    }\n    /** @type {ScrollDirection} */\n\n  }, {\n    key: \"_resetScroll\",\n\n    /** @private */\n    value: function _resetScroll() {\n      // reset scroll by scrolling to top left corner\n      this.scrollTop = 0;\n      this.scrollLeft = 0;\n    }\n  }, {\n    key: \"scroll\",\n    get: function get() {\n      return this.getAttribute('scroll');\n    }\n    /** @type {ScrollDirection} */\n    ,\n    set: function set(newVal) {\n      if (newVal === null) {\n        this.removeAttribute('scroll');\n      } else {\n        this.setAttribute('scroll', newVal);\n      }\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-div';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$4, \"</style>\").concat(shadowMarkup$4);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['scroll'];\n    }\n  }]);\n\n  return HXDivElement;\n}(HXElement);\n\nvar shadowMarkup$5 = \"<div id='hxDrawer'><button type='button' title='close drawer' id='hxClose'><hx-icon type='times'></hx-icon></button><slot></slot></div><slot name='fixed'></slot>\";\nvar shadowStyles$5 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxClose { background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; line-height: 1; margin: 0; padding: 0; color: var(--hxClose-color, #757575); font-size: 1rem; height: 2.75rem; position: absolute; right: 0; text-align: center; top: 0.375rem; width: 2.75rem; }\\n\\n#hxDrawer { background-color: inherit; bottom: 0; display: flex; flex-direction: column; height: 100%; left: 100%; overflow: hidden; position: fixed; }\\n\\n@media (min-width: 0em) { :host #hxDrawer { transition-duration: 0.18s; transition-property: transform, box-shadow; transition-timing-function: ease-in, linear; width: 90vw; }\\n  :host([open]) #hxDrawer { box-shadow: -4px 0 32px 0 rgba(0, 0, 0, 0.24); transform: translateX(-100%); transition-duration: 0.36s; transition-timing-function: ease-out, linear; } }\\n\\n@media (min-width: 40em) { :host #hxDrawer { transition-duration: 0.17s; width: 26rem; }\\n  :host([open]) #hxDrawer { transition-duration: 0.33s; }\\n  :host(.hxSm) #hxDrawer { transition-duration: 0.1s; width: 15rem; }\\n  :host(.hxSm[open]) #hxDrawer { transition-duration: 0.2s; }\\n  :host(.hxLg) #hxDrawer { transition-duration: 0.2s; width: 31rem; }\\n  :host(.hxLg[open]) #hxDrawer { transition-duration: 0.4s; } }\\n\\n@media (min-width: 64em) { :host #hxDrawer { transition-duration: 0.18s; width: 28rem; }\\n  :host([open]) #hxDrawer { transition-duration: 0.36s; }\\n  :host(.hxSm) #hxDrawer { transition-duration: 0.11s; width: 17rem; }\\n  :host(.hxSm[open]) #hxDrawer { transition-duration: 0.22s; }\\n  :host(.hxLg) #hxDrawer { transition-duration: 0.21s; width: 33rem; }\\n  :host(.hxLg[open]) #hxDrawer { transition-duration: 0.42s; } }\\n\\n@media (min-width: 75em) { :host #hxDrawer { transition-duration: 0.19s; width: 30rem; }\\n  :host([open]) #hxDrawer { transition-duration: 0.38s; }\\n  :host(.hxSm) #hxDrawer { transition-duration: 0.12s; width: 19rem; }\\n  :host(.hxSm[open]) #hxDrawer { transition-duration: 0.24s; }\\n  :host(.hxLg) #hxDrawer { transition-duration: 0.22s; width: 35rem; }\\n  :host(.hxLg[open]) #hxDrawer { transition-duration: 0.45s; } }\\n\\n@media (min-width: 90em) { :host #hxDrawer { transition-duration: 0.2s; width: 32rem; }\\n  :host([open]) #hxDrawer { transition-duration: 0.41s; }\\n  :host(.hxSm) #hxDrawer { transition-duration: 0.13s; width: 21rem; }\\n  :host(.hxSm[open]) #hxDrawer { transition-duration: 0.27s; }\\n  :host(.hxLg) #hxDrawer { transition-duration: 0.24s; width: 37rem; }\\n  :host(.hxLg[open]) #hxDrawer { transition-duration: 0.47s; } }\\n\";\n/**\n * Cancelable event that fires when the element's\n * contents are to be concealed.\n *\n * @event Drawer:close\n * @type {CustomEvent}\n */\n\n/**\n * Cancelable event that fires when the element's\n * contents are to be revealed.\n *\n * @event Drawer:open\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-drawer>` element.\n *\n * @emits Drawer:close\n * @emits Drawer:open\n * @extends HXElement\n * @hideconstructor\n */\n\nvar HXDrawerElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXDrawerElement, _HXElement);\n\n  var _super = _createSuper(HXDrawerElement);\n\n  function HXDrawerElement() {\n    _classCallCheck(this, HXDrawerElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXDrawerElement, [{\n    key: \"$onCreate\",\n\n    /** @override */\n    value: function $onCreate() {\n      this._onCloseClick = this._onCloseClick.bind(this);\n      this._onDocumentScroll = this._onDocumentScroll.bind(this);\n    }\n    /** @override */\n\n  }, {\n    key: \"$onAttributeChange\",\n\n    /** @override */\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'open') {\n        this.setAttribute('aria-expanded', newVal !== null);\n      }\n    }\n    /** @override */\n\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('open');\n      this.setAttribute('aria-expanded', this.open);\n\n      this._resize();\n\n      this._btnClose.addEventListener('click', this._onCloseClick);\n\n      document.addEventListener('scroll', this._onDocumentScroll, {\n        passive: true\n      });\n    }\n    /** @override */\n\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnClose.removeEventListener('click', this._onCloseClick);\n\n      document.removeEventListener('scroll', this._onDocumentScroll);\n    }\n    /**\n     * Property reflecting the `open` HTML attribute, indicating whether or not\n     * the element's contents should be shown.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"_onCloseClick\",\n\n    /** @private */\n    value: function _onCloseClick(evt) {\n      evt.preventDefault();\n      this.open = false;\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDocumentScroll\",\n    value: function _onDocumentScroll() {\n      if (this.open) {\n        this._resize();\n      }\n    }\n    /**\n     * Resize the drawer based on scroll position in order to keep\n     * it flush with the bottom of the eyebrow.\n     *\n     * @private\n     */\n\n  }, {\n    key: \"_resize\",\n    value: function _resize() {\n      var header = document.querySelector('#head');\n\n      if (header) {\n        var _header$getBoundingCl = header.getBoundingClientRect(),\n            bottom = _header$getBoundingCl.bottom;\n\n        if (bottom > 0) {\n          this._elDrawer.style.setProperty('height', \"calc(100% - \".concat(bottom, \"px)\"));\n        } else {\n          this._elDrawer.style.removeProperty('height');\n        }\n      }\n    }\n  }, {\n    key: \"open\",\n    set: function set(value) {\n      if (value) {\n        // allow consumer to cancel the event\n        if (this.$emit('open')) {\n          this._resize();\n\n          this.setAttribute('open', '');\n        }\n      } else {\n        // allow consumer to cancel the event\n        if (this.$emit('close')) {\n          this.removeAttribute('open');\n        }\n      }\n    },\n    get: function get() {\n      return this.hasAttribute('open');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnClose\",\n    get: function get() {\n      return this.shadowRoot.querySelector('#hxClose');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elDrawer\",\n    get: function get() {\n      return this.shadowRoot.querySelector('#hxDrawer');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-drawer';\n    }\n    /** @override */\n\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$5, \"</style>\").concat(shadowMarkup$5);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['open'];\n    }\n  }]);\n\n  return HXDrawerElement;\n}(HXElement);\n\nvar shadowMarkup$6 = \"<div id='hxDropFence'><hx-file-icon type='paperclip'></hx-file-icon><div><slot></slot></div></div>\";\nvar shadowStyles$6 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxDropFence { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; }\\n\\n#hxDropFence > div { margin-top: 0.5rem; max-width: 30rem; }\\n\";\n/**\n * Defines behavior for the `<hx-drop-fence>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.14.0\n */\n\nvar HXDropFenceElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXDropFenceElement, _HXElement);\n\n  var _super = _createSuper(HXDropFenceElement);\n\n  function HXDropFenceElement() {\n    _classCallCheck(this, HXDropFenceElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXDropFenceElement, null, [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-drop-fence';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$6, \"</style>\").concat(shadowMarkup$6);\n    }\n  }]);\n\n  return HXDropFenceElement;\n}(HXElement);\n\nvar HXDropZoneElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXDropZoneElement, _HXElement);\n\n  var _super = _createSuper(HXDropZoneElement);\n\n  function HXDropZoneElement() {\n    _classCallCheck(this, HXDropZoneElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXDropZoneElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._isDocDragging = false;\n      this._isZoneDragging = false;\n      this._onDocDragLeave = this._onDocDragLeave.bind(this);\n      this._onDocDragOver = this._onDocDragOver.bind(this);\n      this._onDrop = this._onDrop.bind(this);\n      this._stopDragging = this._stopDragging.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      document.addEventListener('dragleave', this._onDocDragLeave);\n      document.addEventListener('dragover', this._onDocDragOver);\n      document.addEventListener('drop', this._onDrop);\n      this.addEventListener('dragleave', this._onDragLeave);\n      this.addEventListener('dragover', this._onDragOver);\n      this.addEventListener('drop', this._onDrop);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      document.removeEventListener('dragleave', this._onDocDragLeave);\n      document.removeEventListener('dragover', this._onDocDragOver);\n      document.removeEventListener('drop', this._onDrop);\n      this.removeEventListener('dragleave', this._onDragLeave);\n      this.removeEventListener('dragover', this._onDragOver);\n      this.removeEventListener('drop', this._onDrop);\n    }\n    /**\n     * @readonly\n     * @type {String}\n     */\n\n  }, {\n    key: \"_isFileDrag\",\n\n    /**\n     * @private\n     * @returns {Boolean}\n     */\n    value: function _isFileDrag(evt) {\n      var _types = evt.dataTransfer.types;\n\n      if (_types) {\n        if (_types.indexOf) {\n          return _types.indexOf('Files') !== -1;\n        } else {\n          return _types.contains('Files');\n        }\n      } else {\n        return false;\n      }\n    } // #2 this gets called when the dragged item leaves the document\n    // (leaves to a child element or window altogether)\n\n    /** @private */\n\n  }, {\n    key: \"_onDocDragLeave\",\n    value: function _onDocDragLeave() {\n      window.clearTimeout(this._docDragLeaveTimeout); // callback must be an arrow function to preserve \"this\"\n\n      this._docDragLeaveTimeout = window.setTimeout(this._stopDragging, 250);\n    } // #1 this handler fires continuously as long as the user is dragging on the page\n\n    /** @private */\n\n  }, {\n    key: \"_onDocDragOver\",\n    value: function _onDocDragOver(evt) {\n      if (!this._isDocDragging) {\n        this._isDocDragging = true;\n\n        if (this._isFileDrag(evt)) {\n          this.setAttribute('drag', 'away');\n        }\n      }\n\n      window.clearTimeout(this._docDragLeaveTimeout);\n    } // #4 this gets called when the dragged item leaves the zone\n    // (leaves to a child element or zone altogether)\n\n    /** @private */\n\n  }, {\n    key: \"_onDragLeave\",\n    value: function _onDragLeave() {\n      var _this = this;\n\n      window.clearTimeout(this._zoneDragLeaveTimeout); // callback must be an arrow function to preserve \"this\"\n\n      this._zoneDragLeaveTimeout = window.setTimeout(function () {\n        _this._isZoneDragging = false;\n\n        _this.setAttribute('drag', 'away');\n      }, 0);\n    } // #3 this handler fires continuously as long as the user is dragging on the zone\n\n    /** @private */\n\n  }, {\n    key: \"_onDragOver\",\n    value: function _onDragOver(evt) {\n      evt.preventDefault(); // needed for onDrop to work\n\n      if (!this._isZoneDragging) {\n        this._isZoneDragging = true;\n\n        if (this._isFileDrag(evt)) {\n          this.setAttribute('drag', 'over');\n        }\n      }\n\n      window.clearTimeout(this._docDragLeaveTimeout);\n      window.clearTimeout(this._zoneDragLeaveTimeout);\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDrop\",\n    value: function _onDrop() {\n      this._stopDragging();\n    }\n    /** @private */\n\n  }, {\n    key: \"_stopDragging\",\n    value: function _stopDragging() {\n      this.removeAttribute('drag');\n      this._isDocDragging = false;\n      this._isZoneDragging = false;\n    }\n  }, {\n    key: \"drag\",\n    get: function get() {\n      return this.getAttribute('drag');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-drop-zone';\n    }\n  }]);\n\n  return HXDropZoneElement;\n}(HXElement);\n/**\n *  Defines behavior for the `<hx-email-control>` element.\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.20.0\n */\n\n\nvar HXEmailControl = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXEmailControl, _HXFormControlElement);\n\n  var _super = _createSuper(HXEmailControl);\n\n  function HXEmailControl() {\n    _classCallCheck(this, HXEmailControl);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXEmailControl, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first `<input>` with 'type=\"email\"' descendant,\n     * whether implicit (`<input />`) or explicit\n     * (`<input type=\"email\" />`).\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n    get: function get() {\n      return this.querySelector('input:not([type]), input[type=\"email\"]');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-email-control';\n    }\n  }]);\n\n  return HXEmailControl;\n}(HXFormControlElement);\n\nvar shadowMarkup$7 = \"<div id='hxError'><span><hx-icon type='exclamation-circle' id='hxIcon'></hx-icon></span><span><slot></slot></span></div>\";\nvar shadowStyles$7 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxError { display: inline-flex; }\\n\\n#hxError * + * { margin-left: 0.25rem; }\\n\";\n/**\n * Defines behavior for the `<hx-error>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.4.0\n */\n\nvar HXErrorElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXErrorElement, _HXElement);\n\n  var _super = _createSuper(HXErrorElement);\n\n  function HXErrorElement() {\n    _classCallCheck(this, HXErrorElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXErrorElement, null, [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-error';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$7, \"</style>\").concat(shadowMarkup$7);\n    }\n  }]);\n\n  return HXErrorElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-file-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n */\n\n\nvar HXFileControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXFileControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXFileControlElement);\n\n  function HXFileControlElement() {\n    _classCallCheck(this, HXFileControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXFileControlElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first `<input type=\"file\">` descendant\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n    get: function get() {\n      return this.querySelector('input[type=\"file\"]');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-file-control';\n    }\n  }]);\n\n  return HXFileControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$8 = \"<div id='hxFileIcon'><hx-icon type='file' id='hxBase'></hx-icon><div id='hxOverlay'><hx-icon id='hxIcon'></hx-icon><div id='hxExt'></div></div></div>\";\nvar shadowStyles$8 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxFileIcon { position: relative; }\\n\\n#hxFileIcon #hxBase { font-size: 2.5rem; height: 1em; }\\n\\n#hxFileIcon #hxOverlay { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; line-height: 1; position: absolute; text-align: center; top: 0; width: 100%; }\\n\\n#hxFileIcon #hxIcon { font-size: 1rem; height: 1em; }\\n\\n#hxFileIcon #hxExt { display: none; font-size: 0.5rem; line-height: 1.5; margin-top: 1px; text-transform: uppercase; }\\n\\n:host([extension]) #hxFileIcon #hxOverlay { height: auto; top: 0.5rem; }\\n\\n:host([extension]) #hxFileIcon #hxExt { display: block; }\\n\";\n/**\n * Defines behavior for the `<hx-file-icon>` element.\n *\n * @extends HXElement\n * @hideconstructor\n */\n\nvar HXFileIconElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXFileIconElement, _HXElement);\n\n  var _super = _createSuper(HXFileIconElement);\n\n  function HXFileIconElement() {\n    _classCallCheck(this, HXFileIconElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXFileIconElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('type');\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      switch (attr) {\n        case 'extension':\n          this._elExt.innerText = newVal;\n          break;\n\n        case 'type':\n          this._elIcon.type = newVal;\n          break;\n      }\n    }\n  }, {\n    key: \"extension\",\n    get: function get() {\n      return this.getAttribute('extension');\n    },\n    set: function set(newVal) {\n      if (newVal === null) {\n        this.removeAttribute('extension');\n      } else {\n        this.setAttribute('extension', newVal);\n      }\n    }\n  }, {\n    key: \"type\",\n    get: function get() {\n      return this.getAttribute('type');\n    },\n    set: function set(newVal) {\n      return this.setAttribute('type', newVal);\n    }\n    /** @private */\n\n  }, {\n    key: \"_elExt\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxExt');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elIcon\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxIcon');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-file-icon';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$8, \"</style>\").concat(shadowMarkup$8);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['extension', 'type'];\n    }\n  }]);\n\n  return HXFileIconElement;\n}(HXElement);\n\nvar shadowMarkup$9 = \"<div id='hxFileInput'><hx-icon id='hxIcon'></hx-icon><span id='hxLabel'><slot></slot></span></div>\";\nvar shadowStyles$9 = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxIcon { display: none; }\\n\\n#hxLabel { margin-left: 0.25rem; }\\n\\n:host([icon]) #hxIcon { display: inline-block; }\\n\\n:host([title]) #hxLabel { display: none; }\\n\";\n/**\n * Defines behavior for the `<hx-file-input>` element.\n *\n * @extends HXElement\n * @hideconstructor\n */\n\nvar HXFileInputElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXFileInputElement, _HXElement);\n\n  var _super = _createSuper(HXFileInputElement);\n\n  function HXFileInputElement() {\n    _classCallCheck(this, HXFileInputElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXFileInputElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('icon');\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'icon') {\n        this._elIcon.type = newVal;\n      }\n    }\n    /**\n     * Icon to appear within the file selector.\n     * @type {String}\n     */\n\n  }, {\n    key: \"icon\",\n    get: function get() {\n      return this.getAttribute('icon');\n    },\n    set: function set(newVal) {\n      this.setAttribute('icon', newVal);\n    }\n    /** @private */\n\n  }, {\n    key: \"_elIcon\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxIcon');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-file-input';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$9, \"</style>\").concat(shadowMarkup$9);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['icon'];\n    }\n  }]);\n\n  return HXFileInputElement;\n}(HXElement);\n\nvar shadowMarkup$a = \"<div id='hxFileTile'><a id='hxLink'><div id='hxIconWrapper'><hx-file-icon id='hxIcon'></hx-file-icon><hx-icon type='download'></hx-icon></div><div id='hxContentWrapper'><div id='hxName'></div><div id='hxState--downloadable'><div id='hxDetails'></div></div><div id='hxState--loading'><hx-progress id='hxProgress'></hx-progress></div><div id='hxState--invalid'><button id='hxRetry' type='button'><span>Retry</span><hx-icon type='redo'></hx-icon></button></div></div></a><button id='hxDismiss' type='button'><hx-icon type='times'></hx-icon></button></div>\";\nvar shadowStyles$a = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\na[href] { background-color: transparent; color: #0051b7; text-decoration: none; }\\n\\na[href]:hover, a[href]:active { color: #367ed4; cursor: pointer; text-decoration: none; }\\n\\nhx-progress { background-color: #d8d8d8; border-radius: 1em; color: #367ed4; display: block; height: 0.5rem; overflow: hidden; }\\n\\n:host button { background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; line-height: 1; margin: 0; padding: 0; }\\n\\n:host #hxFileTile { display: flex; font-size: 0.875rem; height: 100%; width: 100%; }\\n\\n:host #hxRetry { border-radius: 2px; display: inline-flex; justify-content: center; padding: 0.125rem 0.5rem; background-color: transparent; border: none; color: #367ed4; }\\n\\n:host #hxRetry > * + * { margin-left: 0.5rem; }\\n\\n:host #hxRetry:focus { outline: none; }\\n\\n:host #hxRetry[disabled] { cursor: not-allowed; }\\n\\n:host #hxRetry[disabled]:focus { box-shadow: none; }\\n\\n:host #hxRetry.hxDeprecated { padding-left: 0; padding-right: 0; }\\n\\n:host #hxRetry:hover { background-color: transparent; border-color: transparent; color: #0051b7; }\\n\\n:host #hxRetry:active { background-color: transparent; border-color: transparent; color: #003482; }\\n\\n:host #hxRetry:focus { box-shadow: 0 0 4px rgba(0, 81, 183, 0.5); outline: none; }\\n\\n:host #hxRetry[disabled] { background-color: transparent; border-color: transparent; color: #bdbdbd; }\\n\\n:host #hxRetry hx-icon { margin-left: 0.25rem !important; }\\n\\n:host #hxDismiss { color: var(--hxDismiss-color, inherit); flex-shrink: 0; font-size: 1rem; line-height: 0; padding: 0.5rem 0.75rem; }\\n\\n:host #hxDismiss:hover { color: var(--hxDismiss-color--hover, #367ed4); }\\n\\n:host #hxDismiss:focus { box-shadow: var(--hxDismiss-boxShadow--focus, 0 0 4px rgba(0, 81, 183, 0.5)); outline: 0; }\\n\\n:host #hxIconWrapper { align-items: center; color: var(--hxIcon-color, inherit); display: flex; flex: 0 0 48px; height: 100%; justify-content: center; line-height: 0; padding: 0.5rem 0 0.5rem 0.5rem; }\\n\\n:host #hxIconWrapper > hx-icon { display: none; font-size: 2rem; }\\n\\n:host #hxContentWrapper { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; overflow: hidden; padding: 0.5rem 0 0.5rem 0.5rem; }\\n\\n:host #hxName { color: var(--hxName-color, #003482); display: flex; font-weight: 500; }\\n\\n:host #hxName > span { white-space: pre; }\\n\\n:host #hxName > span:first-child { overflow: hidden; text-overflow: ellipsis; }\\n\\n:host #hxName > span:last-child { flex-shrink: 0; }\\n\\n:host #hxDetails { font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: pre; }\\n\\n:host #hxLink { display: flex; flex-grow: 1; overflow: hidden; }\\n\\n:host #hxLink[href] { color: var(--hxLink-color, inherit); }\\n\\n:host #hxLink[href]:hover { color: var(--hxLink-color--hover, #367ed4); }\\n\\n:host #hxLink[href]:hover #hxIconWrapper > hx-file-icon { display: none; }\\n\\n:host #hxLink[href]:hover #hxIconWrapper > hx-icon { display: inline-block; }\\n\\n:host #hxLink[href]:hover #hxName { color: inherit; }\\n\\n:host #hxLink[href]:focus { box-shadow: var(--hxLink-boxShadow--focus, 0 0 4px rgba(0, 81, 183, 0.5)); outline: 0; }\\n\\n:host #hxState--loading hx-progress { display: inline-block; width: 100%; }\\n\\n:host #hxState--loading, :host #hxState--invalid { display: none; }\\n\\n:host([invalid]) #hxIconWrapper { color: var(--hxIcon-color, #6b6b6b); }\\n\\n:host([invalid]) #hxName { color: var(--hxName-color, #6b6b6b); }\\n\\n:host([invalid]) #hxState--downloadable { display: none; }\\n\\n:host([invalid]) #hxState--invalid { display: block; }\\n\\n:host([progress]) #hxDismiss { color: var(--hxDismiss-color, #424242); }\\n\\n:host([progress]) #hxIconWrapper { color: var(--hxIcon-color, #6b6b6b); }\\n\\n:host([progress]) #hxName { color: var(--hxName-color, #6b6b6b); }\\n\\n:host([progress]) #hxState--downloadable { display: none; }\\n\\n:host([progress]) #hxState--loading { display: block; }\\n\\n:host([readonly]) #hxDismiss { display: none; }\\n\\n:host([readonly]) #hxContentWrapper { padding: 0.5rem; }\\n\";\nvar PRE_TRUNC = 14;\n/**\n * Fires when user dismisses element, when loading or invalid\n *\n * @event FileTile:cancel\n * @since 0.12.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when user dismisses element, when downloadable\n *\n * @event FileTile:delete\n * @since 0.12.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when user clicks retry button, when invalid\n *\n * @event FileTile:retry\n * @since 0.12.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-file-tile>` element.\n *\n * @emits FileTile:cancel\n * @emits FileTile:delete\n * @emits FileTile:retry\n * @extends HXElement\n * @hideconstructor\n * @since 0.12.0\n */\n\nvar HXFileTileElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXFileTileElement, _HXElement);\n\n  var _super = _createSuper(HXFileTileElement);\n\n  function HXFileTileElement() {\n    _classCallCheck(this, HXFileTileElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXFileTileElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onDismiss = this._onDismiss.bind(this);\n      this._onRetry = this._onRetry.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('details');\n      this.$upgradeProperty('href');\n      this.$upgradeProperty('icon');\n      this.$upgradeProperty('name');\n      this.$upgradeProperty('progress');\n      this.$upgradeProperty('readonly');\n\n      this._btnDismiss.addEventListener('click', this._onDismiss);\n\n      this._btnRetry.addEventListener('click', this._onRetry);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnDismiss.removeEventListener('click', this._onDismiss);\n\n      this._btnRetry.removeEventListener('click', this._onRetry);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      switch (attr) {\n        case 'details':\n          this._elDetails.innerText = newVal;\n          break;\n\n        case 'href':\n          this._attrHrefUpdate(oldVal, newVal);\n\n          break;\n\n        case 'icon':\n          this._elIcon.type = newVal;\n          break;\n\n        case 'name':\n          this._attrNameUpdate(oldVal, newVal);\n\n          break;\n\n        case 'progress':\n          this._elProgress.value = newVal;\n          break;\n      }\n    }\n    /**\n     * https://regex101.com/r/K8XCbn/2\n     * @readonly\n     * @type {String}\n     */\n\n  }, {\n    key: \"dismiss\",\n\n    /**\n     * Simulates clicking \"X\" (i.e., the dismiss button)\n     */\n    value: function dismiss() {\n      if (this.loading || this.invalid) {\n        if (this.$emit('cancel')) {\n          this.remove();\n        }\n      } else {\n        if (this.$emit('delete')) {\n          // only if event was not canceled by consumer\n          this.remove();\n        }\n      }\n    }\n    /**\n     * Simulates clicking the retry button\n     */\n\n  }, {\n    key: \"retry\",\n    value: function retry() {\n      this.$emit('retry');\n    }\n    /** @private */\n\n  }, {\n    key: \"_attrHrefUpdate\",\n\n    /** @private */\n    value: function _attrHrefUpdate(oldVal, newVal) {\n      if (newVal !== null) {\n        this._elLink.href = newVal;\n      } else {\n        this._elLink.removeAttribute('href');\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_attrNameUpdate\",\n    value: function _attrNameUpdate(oldVal, newVal) {\n      this._elIcon.extension = this.extension !== '' ? this.extension : null;\n\n      if (this.truncated) {\n        this._renderName();\n\n        this._elLink.setAttribute('title', this.name);\n      } else {\n        this._elName.innerText = this.name;\n\n        this._elLink.removeAttribute('title');\n      }\n\n      if (newVal === null) {\n        this._elLink.removeAttribute('download');\n      } else {\n        var _name = newVal.trim();\n\n        if (_name === '') {\n          this._elLink.removeAttribute('download');\n        } else {\n          this._elLink.download = _name;\n        }\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDismiss\",\n    value: function _onDismiss(evt) {\n      evt.preventDefault();\n      this.dismiss();\n    }\n    /** @private */\n\n  }, {\n    key: \"_onRetry\",\n    value: function _onRetry(evt) {\n      evt.preventDefault();\n      this.retry();\n    }\n    /** @private */\n\n  }, {\n    key: \"_renderName\",\n    value: function _renderName() {\n      var _name = this.name;\n      this._elName.innerHTML = \"\\n            <span>\".concat(_name.slice(0, -PRE_TRUNC), \"</span>\\n            <span>\").concat(_name.slice(-PRE_TRUNC), \"</span>\\n        \");\n    }\n  }, {\n    key: \"extension\",\n    get: function get() {\n      var re = /(?:\\.([^.]+))?$/;\n      return re.exec(this.name)[1] || '';\n    }\n    /**\n     * If present, the dismiss will not be shown.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"readonly\",\n    get: function get() {\n      return this.hasAttribute('readonly');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('readonly', '');\n      } else {\n        this.removeAttribute('readonly');\n      }\n    }\n    /**\n     * URL to download the file.\n     *\n     * @type {String}\n     */\n\n  }, {\n    key: \"href\",\n    get: function get() {\n      return this.getAttribute('href');\n    },\n    set: function set(newVal) {\n      if (newVal === null) {\n        this.removeAttribute('href');\n      } else {\n        this.setAttribute('href', newVal);\n      }\n    }\n    /**\n     * Icon to appear within the empty file icon.\n     * @type {String}\n     */\n\n  }, {\n    key: \"icon\",\n    get: function get() {\n      return this.getAttribute('icon');\n    },\n    set: function set(newVal) {\n      this.setAttribute('icon', newVal);\n    }\n    /**\n     * @default false\n     * @readonly\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"loading\",\n    get: function get() {\n      return this.hasAttribute('progress');\n    }\n    /**\n     * File name to display\n     * @type {String}\n     */\n\n  }, {\n    key: \"name\",\n    get: function get() {\n      return this.getAttribute('name') || '';\n    },\n    set: function set(newVal) {\n      if (newVal === null) {\n        this.removeAttribute('name');\n      } else {\n        this.setAttribute('name', newVal);\n      }\n    }\n    /**\n     * load progress of the file\n     *\n     * @type {Integer|Null}\n     */\n\n  }, {\n    key: \"progress\",\n    get: function get() {\n      if (!this.loading) {\n        return null;\n      }\n\n      var _strVal = this.getAttribute('progress');\n\n      var _intVal = parseInt(_strVal) || 0;\n\n      return _intVal;\n    },\n    set: function set(newVal) {\n      if (newVal === null) {\n        this.removeAttribute('progress');\n      } else {\n        this.setAttribute('progress', newVal);\n      }\n    }\n    /**\n     * @default false\n     * @readonly\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"truncated\",\n    get: function get() {\n      // to preserve start and end, name must exceed\n      // twice the preserved character length\n      if (this.name) {\n        return this.name.length > 2 * PRE_TRUNC;\n      } else {\n        return false;\n      }\n    }\n    /**\n     * @default true\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"invalid\",\n    get: function get() {\n      return this.hasAttribute('invalid');\n    },\n    set: function set(newVal) {\n      if (newVal) {\n        this.setAttribute('invalid', '');\n      } else {\n        this.removeAttribute('invalid');\n      }\n    }\n  }, {\n    key: \"_btnDismiss\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxDismiss');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnRetry\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxRetry');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elDetails\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxDetails');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elIcon\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxIcon');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elLink\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxLink');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elName\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxName');\n    }\n    /** @private */\n\n  }, {\n    key: \"_elProgress\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxProgress');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-file-tile';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$a, \"</style>\").concat(shadowMarkup$a);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['details', 'href', 'icon', 'name', 'progress'];\n    }\n  }]);\n\n  return HXFileTileElement;\n}(HXElement);\n\nvar shadowMarkup$b = \"<span id='hxIcon' aria-hidden='true'><svg xmlns='http://www.w3.org/2000/svg' focusable='false' viewBox='0 0 16 16'><path id='hxPath'></path></svg></span>\";\nvar shadowStyles$b = \":host { background-color: transparent; color: currentColor; display: inline-block; flex-shrink: 0; height: 1em; width: 1em; }\\n\\n:host #hxIcon { box-sizing: border-box; display: block; flex-shrink: 0; height: 100%; line-height: 1; width: 100%; }\\n\\n:host #hxIcon svg { fill: currentColor; height: auto; stroke: none; vertical-align: bottom; }\\n\";\nvar DIV = document.createElement('div');\n/**\n * Defines behavior for the `<hx-icon>` element.\n *\n * @extends HXElement\n * @since 0.1.0\n */\n\nvar HXIconElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXIconElement, _HXElement);\n\n  var _super = _createSuper(HXIconElement);\n\n  function HXIconElement() {\n    _classCallCheck(this, HXIconElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXIconElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('type');\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'type') {\n        this._attrTypeChange(oldVal, newVal);\n      }\n    }\n    /** @type {string} */\n\n  }, {\n    key: \"_attrTypeChange\",\n\n    /**\n     * This function is dependent on all SVG markup containing\n     * a SINGLE `<path>` element.\n     *\n     * This is expected SVG markup.\n     * ```html\n     * <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n     *   <path d=\"...\" />\n     * </svg>\n     * ```\n     *\n     * The following markup is not supported, because there are two `<path>`\n     * elements in the SVG document.\n     * ```html\n     * <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n     *   <path d=\"...\" />\n     *   <path d=\"...\" />\n     * </svg>\n     * ```\n     *\n     * The following markup isn't supported, but it may still work.\n     * However, the file contains unnecessary markup, which will directly\n     * affect the file size of generated JavaScript assets.\n     * ```html\n     * <svg\n     *   xmlns=\"http://www.w3.org/2000/svg\"\n     *   xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n     *   viewBox=\"0 0 16 16\"\n     * >\n     *   <defs>\n     *     <path id=\"icon-a\" d=\"...\"/>\n     *   </defs>\n     *   <g fill=\"none\" fill-rule=\"evenodd\">\n     *     <use fill=\"#000\" xlink:href=\"#account-a\"/>\n     *   </g>\n     * </svg>\n     * ```\n     */\n    value: function _attrTypeChange(oldVal, newVal) {\n      var d = '';\n\n      if (newVal in MAP) {\n        DIV.innerHTML = MAP[newVal];\n        var path = DIV.querySelector('path');\n        d = path ? path.getAttribute('d') : '';\n      }\n\n      this._svgPath.setAttribute('d', d);\n    }\n    /** @private */\n\n  }, {\n    key: \"type\",\n    get: function get() {\n      return this.getAttribute('type');\n    }\n    /** @type {string} */\n    ,\n    set: function set(newVal) {\n      this.setAttribute('type', newVal);\n    }\n  }, {\n    key: \"_svgPath\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxPath');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-icon';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$b, \"</style>\").concat(shadowMarkup$b);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['type'];\n    }\n  }]);\n\n  return HXIconElement;\n}(HXElement);\n/**\n * Fires when a positionable element is concealed.\n *\n * @event Revealable:close\n * @since 0.15.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when a positionable element is revealed.\n *\n * @event Revealable:open\n * @since 0.15.0\n * @type {CustomEvent}\n */\n\n/**\n * @description\n * Defines behavior for opening and closing an element.\n * @interface\n */\n\n\nvar Revealable = function Revealable(superclass) {\n  /** @lends Revealable */\n  var _Revealable = /*#__PURE__*/function (_superclass) {\n    _inherits(_Revealable, _superclass);\n\n    var _super = _createSuper(_Revealable);\n\n    function _Revealable() {\n      _classCallCheck(this, _Revealable);\n\n      return _super.apply(this, arguments);\n    }\n\n    _createClass(_Revealable, [{\n      key: \"$onConnect\",\n\n      /** @override */\n      value: function $onConnect() {\n        _get(_getPrototypeOf(_Revealable.prototype), \"$onConnect\", this).call(this);\n\n        this.$upgradeProperty('open');\n        this.setAttribute('aria-hidden', !this.open);\n      }\n      /** @override */\n\n    }, {\n      key: \"$onAttributeChange\",\n\n      /** @override */\n      value: function $onAttributeChange(attr, oldVal, newVal) {\n        _get(_getPrototypeOf(_Revealable.prototype), \"$onAttributeChange\", this).call(this, attr, oldVal, newVal);\n\n        if (attr === 'open') {\n          var isOpen = newVal !== null;\n          this.setAttribute('aria-hidden', !isOpen); // TODO: Emit events only when setting the 'open' property.\n          // - emit 'open' when open=true\n          // - emit 'close' when open=false\n          // - allow user to cancel the event, if desired\n          // - ensure that Positionable is updated accordingly\n\n          this.$emit(isOpen ? 'open' : 'close');\n        }\n      }\n      /**\n       * Determines if the element is revealed.\n       *\n       * @default false\n       * @type {Boolean}\n       */\n\n    }, {\n      key: \"open\",\n      get: function get() {\n        return this.hasAttribute('open');\n      },\n      set: function set(value) {\n        if (value) {\n          this.setAttribute('open', '');\n        } else {\n          this.removeAttribute('open');\n        }\n      }\n    }], [{\n      key: \"$observedAttributes\",\n      get: function get() {\n        var attrs = _get(_getPrototypeOf(_Revealable), \"$observedAttributes\", this);\n\n        return attrs.concat(['open']);\n      }\n    }]);\n\n    return _Revealable;\n  }(superclass);\n\n  return _Revealable;\n};\n/**\n * @typedef {Object} OptimumPositionMetadata\n * @description\n * Calculated metadata describing a positionable element's optimum position.\n *\n * @prop {Coordinate} x - optimum x coordinate\n * @prop {Coordinate} y - optimum y coordinate\n * @prop {PositionString} position - optimum position\n */\n\n/**\n * @typedef {Object} PositionableRect\n * @description\n * Calculated, DOMRect-like object\n *\n * @prop {Number} bottom - distance from top of viewport to bottom edge of rect\n * @prop {Number} left - distance from left of viewport to left edge of rect\n * @prop {Number} right - distance from left of viewport to right edge of rect\n * @prop {Number} top - distance from top of viewport to top edge of rect\n */\n\n/**\n * @typedef {Object} PredicateCollisions\n * @global\n * @description\n * Metadata object with predicate values for quick collision evaluation.\n *\n * @prop {Boolean} anywhere - true if any edge collides\n * @prop {Boolean} bottom - true if bottom edge collides\n * @prop {Boolean} horizontal - true if left or right edge collide\n * @prop {Boolean} left - true if left edge collides\n * @prop {Boolean} right - true if right edge collides\n * @prop {Boolean} top - true if top edge collides\n * @prop {Boolean} vertical - true if top or bottom edge collide\n */\n\n/**\n * @typedef {Object} XYDeltas\n * @description x and y adjustments for alignment\n *\n * @prop {Number} dX - x delta\n * @prop {Number} dY - y delta\n */\n\n/**\n * @interface\n * @since 0.15.0\n * @implements Revealable\n *\n * @description\n * Defines behavior needed to calculate absolute coordinates\n * and apply them to an instance.\n */\n\n\nvar Positionable = function Positionable(superclass) {\n  var ProtoClass = /*#__PURE__*/function (_mix) {\n    _inherits(ProtoClass, _mix);\n\n    var _super = _createSuper(ProtoClass);\n\n    function ProtoClass() {\n      _classCallCheck(this, ProtoClass);\n\n      return _super.apply(this, arguments);\n    }\n\n    return ProtoClass;\n  }(mix(superclass, Revealable));\n  /** @lends Positionable */\n\n\n  var _Positionable = /*#__PURE__*/function (_ProtoClass) {\n    _inherits(_Positionable, _ProtoClass);\n\n    var _super2 = _createSuper(_Positionable);\n\n    function _Positionable() {\n      _classCallCheck(this, _Positionable);\n\n      return _super2.apply(this, arguments);\n    }\n\n    _createClass(_Positionable, [{\n      key: \"$onCreate\",\n\n      /** @override */\n      value: function $onCreate() {\n        _get(_getPrototypeOf(_Positionable.prototype), \"$onCreate\", this).call(this);\n\n        this.__onDocumentClick = this.__onDocumentClick.bind(this);\n        this.__onDocumentScroll = this.__onDocumentScroll.bind(this);\n        this.__onWindowResize = this.__onWindowResize.bind(this);\n        this.DEFAULT_POSITION = 'bottom-center';\n        this.POSITION_OFFSET = 0;\n      }\n      /** @override */\n\n    }, {\n      key: \"$onConnect\",\n      value: function $onConnect() {\n        _get(_getPrototypeOf(_Positionable.prototype), \"$onConnect\", this).call(this);\n\n        this.$upgradeProperty('position');\n        this.$upgradeProperty('relativeTo');\n        this.$defaultAttribute('position', this.DEFAULT_POSITION);\n        this.addEventListener('open', this.__onOpen);\n        this.addEventListener('close', this.__onClose);\n\n        if (this.open) {\n          this.$emit('open');\n        }\n      }\n      /** @override */\n\n    }, {\n      key: \"$onDisconnect\",\n      value: function $onDisconnect() {\n        _get(_getPrototypeOf(_Positionable.prototype), \"$onDisconnect\", this).call(this);\n\n        this.removeEventListener('open', this.__onOpen);\n        this.removeEventListener('close', this.__onClose);\n\n        this.__removeOpenListeners();\n      }\n      /** @override */\n\n    }, {\n      key: \"$onAttributeChange\",\n\n      /** @override */\n      value: function $onAttributeChange(attr, oldVal, newVal) {\n        _get(_getPrototypeOf(_Positionable.prototype), \"$onAttributeChange\", this).call(this, attr, oldVal, newVal);\n\n        if (attr === 'position') {\n          this.setShadowPosition(newVal);\n          this.reposition();\n        }\n      }\n      /**\n       * External element that controls positioned element visibility.\n       * This is commonly a `<button>` or `<hx-disclosure>`.\n       *\n       * @readonly\n       * @type {HTMLElement}\n       */\n\n    }, {\n      key: \"reposition\",\n\n      /**\n       * Calculate and apply new (x,y) coordinates.\n       */\n      value: function reposition() {\n        if (this.open && this.relativeElement) {\n          var _this$__calculatePosi = this.__calculatePosition(),\n              x = _this$__calculatePosi.x,\n              y = _this$__calculatePosi.y,\n              position = _this$__calculatePosi.position;\n          /*\n           * FYI: `getClientRect()` (via `getBoundingClientRect()`) may incorrectly calculate\n           * the `width` property if the `left` CSS property is not explicitly defined.\n           */\n\n\n          this.style.top = \"\".concat(y, \"px\");\n          this.style.left = \"\".concat(x, \"px\");\n          this._optimumPosition = position;\n          this.setShadowPosition(position);\n          this.$emit('reposition');\n        }\n      }\n      /**\n       * Used to communicate position changes to Shadow DOM for subclasses that care.\n       *\n       * @abstract\n       * @ignore\n       * @param {NormalizedPositionString}\n       */\n\n    }, {\n      key: \"setShadowPosition\",\n      value: function setShadowPosition(position) {} // eslint-disable-line no-unused-vars\n\n      /**\n       * Add active event listeners (e.g, document `click`)\n       * These listeners rely on `this.controlElement` to manipulate\n       * the open state of the positionable element.\n       */\n\n    }, {\n      key: \"__addActiveListeners\",\n      value: function __addActiveListeners() {\n        if (this.controlElement) {\n          document.addEventListener('click', this.__onDocumentClick);\n        }\n      }\n      /**\n       * Add event listeners that only apply when open.\n       */\n\n    }, {\n      key: \"__addOpenListeners\",\n      value: function __addOpenListeners() {\n        this.__addActiveListeners();\n\n        this.__addPassiveListeners();\n      }\n      /**\n       * Add passive event listeners (e.g., document `scroll` and\n       * window `resize`). These listeners rely on `this.relativeElement`\n       * to reposition the positionable element.\n       */\n\n    }, {\n      key: \"__addPassiveListeners\",\n      value: function __addPassiveListeners() {\n        if (this.relativeElement) {\n          document.addEventListener('scroll', this.__onDocumentScroll, {\n            passive: true\n          });\n          window.addEventListener('resize', this.__onWindowResize, {\n            passive: true\n          });\n        }\n      }\n      /**\n       * Calculate optimum position and fixed {x,y} coordinates needed\n       * to arrange the positionable element in relation to its\n       * `relativeElement`, taking viewport size into account.\n       *\n       * @returns {OptimumPositionMetadata}\n       */\n\n    }, {\n      key: \"__calculatePosition\",\n      value: function __calculatePosition() {\n        if (!this.relativeElement) {\n          return {\n            x: 0,\n            y: 0\n          };\n        }\n\n        var posRect = this.getBoundingClientRect();\n        var relRect = this.relativeElement.getBoundingClientRect();\n        var position = this.position;\n\n        var deltas = this.__getDeltas(position);\n\n        var calculate = offsetFunctionMap[position]; // calculate initial coords\n\n        var coords = calculate(posRect, relRect, deltas); // check if any edge of the element is off screen\n\n        var isOffscreen = this.__getViewportCollisions(coords);\n\n        if (isOffscreen.anywhere) {\n          var optimumPosition = optimizePositionForCollisions(position, isOffscreen);\n\n          var optimumDeltas = this.__getDeltas(optimumPosition);\n\n          var optimumCalculate = offsetFunctionMap[optimumPosition]; // recalculate coords based on optimum position\n\n          var optimumCoords = optimumCalculate(posRect, relRect, optimumDeltas);\n          return {\n            position: optimumPosition,\n            x: optimumCoords.x,\n            y: optimumCoords.y\n          };\n        }\n\n        return {\n          position: position,\n          x: coords.x,\n          y: coords.y\n        };\n      }\n      /**\n       * Calculate X and Y adjustments based on position.\n       *\n       * @param {PositionString} position\n       * @returns {XYDeltas}\n       */\n\n    }, {\n      key: \"__getDeltas\",\n      value: function __getDeltas(position) {\n        var isLeftOrRight = /^(left|right)/.test(position);\n        var margin = 0; // main-axis adjustment\n\n        var offset = this.__getOffset(); // cross-axis adjustment\n\n\n        var dX = isLeftOrRight ? margin : offset;\n        var dY = isLeftOrRight ? offset : margin;\n        /*\n         * Invert dX to shift positioned element LEFT\n         *\n         *  - top-right\n         *  - top-end\n         *  - bottom-right\n         *  - bottom-end\n         */\n\n        if (/^(top|bottom)-(right|end)/.test(position)) {\n          dX = -dX;\n        }\n        /*\n         * Invert dY to shift positioned element UP\n         *\n         *  - left-bottom\n         *  - left-end\n         *  - right-bottom\n         *  - right-end\n         */\n\n\n        if (/^(left|right)-(bottom|end)/.test(position)) {\n          dY = -dY;\n        }\n\n        return {\n          dX: dX,\n          dY: dY\n        };\n      }\n      /**\n       * Calculate offset based on class configuration and\n       * positionable element's configured position.\n       */\n\n    }, {\n      key: \"__getOffset\",\n      value: function __getOffset() {\n        var offset = this.POSITION_OFFSET || 0;\n        /*\n         * Remove offset if positioned on major axis\n         * so that the point of an optional arrow always aligns\n         * to the center of the reference element.\n         */\n\n        if (/-(center|middle)$/.test(this.position)) {\n          offset = 0;\n        }\n\n        return offset;\n      }\n      /**\n       * Calculates DOMRect-like metadata as if the positioned element\n       * were placed at the given coordinates.\n       *\n       * @param {XYCoordinates} coords\n       * @returns {PositionableRect}\n       */\n\n    }, {\n      key: \"__getRectAtCoords\",\n      value: function __getRectAtCoords(coords) {\n        var x = coords.x,\n            y = coords.y;\n\n        var _this$getBoundingClie = this.getBoundingClientRect(),\n            height = _this$getBoundingClie.height,\n            width = _this$getBoundingClie.width;\n\n        return {\n          bottom: y + height,\n          left: x,\n          right: x + width,\n          top: y\n        };\n      }\n      /**\n       * Given a set of coordinates, determine if any edge of the\n       * positionable element collides with the viewport.\n       *\n       * @param {XYCoordinates} coords\n       * @returns {PredicateCollisions}\n       * Value returned only if collisions are detected.\n       */\n\n    }, {\n      key: \"__getViewportCollisions\",\n      value: function __getViewportCollisions(coords) {\n        var rect = this.__getRectAtCoords(coords);\n\n        var bottom = rect.bottom > window.innerHeight;\n        var left = rect.left < 0;\n        var right = rect.right > window.innerWidth;\n        var top = rect.top < 0;\n        var vertically = top || bottom;\n        var horizontally = left || right;\n        var anywhere = vertically || horizontally;\n        return {\n          anywhere: anywhere,\n          bottom: bottom,\n          horizontally: horizontally,\n          left: left,\n          right: right,\n          top: top,\n          vertically: vertically\n        };\n      }\n      /**\n       * Positionable 'close' event listener.\n       */\n\n    }, {\n      key: \"__onClose\",\n      value: function __onClose() {\n        this.__removeOpenListeners();\n      }\n      /**\n       * Document 'click' event listener.\n       * @param {Event} evt\n       */\n\n    }, {\n      key: \"__onDocumentClick\",\n      value: function __onDocumentClick(evt) {\n        if (!this.controlElement) {\n          return;\n        }\n\n        var inComponent = this.contains(evt.target);\n        var inControl = this.controlElement.contains(evt.target);\n        var isBackground = !inComponent && !inControl;\n\n        if (this.open && isBackground) {\n          this.open = false;\n        }\n      }\n      /**\n       * Document 'scroll' event listener.\n       */\n\n    }, {\n      key: \"__onDocumentScroll\",\n      value: function __onDocumentScroll() {\n        this.reposition();\n      }\n      /**\n       * Positionable 'open' event listener.\n       */\n\n    }, {\n      key: \"__onOpen\",\n      value: function __onOpen() {\n        this.__addOpenListeners();\n\n        this.reposition();\n      }\n      /**\n       * Window 'resize' event listener.\n       */\n\n    }, {\n      key: \"__onWindowResize\",\n      value: function __onWindowResize() {\n        this.reposition();\n      }\n      /**\n       * Remove event listeners that only apply when open.\n       */\n\n    }, {\n      key: \"__removeOpenListeners\",\n      value: function __removeOpenListeners() {\n        // active listeners\n        document.removeEventListener('click', this.__onDocumentClick); // passive listeners\n\n        document.removeEventListener('scroll', this.__onDocumentScroll);\n        window.removeEventListener('resize', this.__onWindowResize);\n      }\n    }, {\n      key: \"controlElement\",\n      get: function get() {\n        if (this.isConnected) {\n          return this.getRootNode().querySelector(\"[aria-controls=\\\"\".concat(this.id, \"\\\"]\"));\n        }\n      }\n      /**\n       * Optimum position calculated by internal algorithm.\n       * Will return undefined if element hasn't been repositioned.\n       *\n       * @readonly\n       * @type {PositionString|undefined}\n       */\n\n    }, {\n      key: \"optimumPosition\",\n      get: function get() {\n        return this._optimumPosition;\n      }\n      /**\n       * Where to position the element against its relativeElement.\n       *\n       * **NOTE:** Values are normalized upon setting, which means that\n       * the value retrieved may differ from the value being set.\n       *\n       * ```javascript\n       * el.position = 'top';\n       * el.position; // 'top-center'\n       *\n       * el.position = 'bottom-center';\n       * el.position; // 'bottom-center'\n       * ```\n       *\n       * @type {PositionString}\n       */\n\n    }, {\n      key: \"position\",\n      get: function get() {\n        var _configured = this.getAttribute('position') || this.DEFAULT_POSITION;\n\n        return normalizePosition(_configured);\n      },\n      set: function set(value) {\n        var _position = normalizePosition(value);\n\n        this.setAttribute('position', _position);\n      }\n      /**\n       * Reference element used to calculate positionable element's position.\n       *\n       * @readonly\n       * @type {HTMLElement|undefined}\n       */\n\n    }, {\n      key: \"relativeElement\",\n      get: function get() {\n        if (!this.isConnected) {\n          return;\n        }\n\n        if (this.relativeTo) {\n          return this.getRootNode().querySelector(\"[id=\\\"\".concat(this.relativeTo, \"\\\"]\"));\n        } else {\n          return this.controlElement;\n        }\n      }\n      /**\n       * ID of an element to relatively position against.\n       *\n       * @type {String}\n       */\n\n    }, {\n      key: \"relativeTo\",\n      get: function get() {\n        return this.getAttribute('relative-to');\n      },\n      set: function set(value) {\n        this.setAttribute('relative-to', value);\n      }\n    }], [{\n      key: \"$observedAttributes\",\n      get: function get() {\n        var attrs = _get(_getPrototypeOf(_Positionable), \"$observedAttributes\", this);\n\n        return attrs.concat(['position']);\n      }\n    }]);\n\n    return _Positionable;\n  }(ProtoClass);\n\n  return _Positionable;\n};\n\nvar _ProtoClass = /*#__PURE__*/function (_mix) {\n  _inherits(_ProtoClass, _mix);\n\n  var _super = _createSuper(_ProtoClass);\n\n  function _ProtoClass() {\n    _classCallCheck(this, _ProtoClass);\n\n    return _super.apply(this, arguments);\n  }\n\n  return _ProtoClass;\n}(mix(HXElement, Positionable));\n/**\n * Defines behavior for the `<hx-menu>` element.\n *\n * @extends HXElement\n * @extends Positionable\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXMenuElement = /*#__PURE__*/function (_ProtoClass2) {\n  _inherits(HXMenuElement, _ProtoClass2);\n\n  var _super2 = _createSuper(HXMenuElement);\n\n  function HXMenuElement() {\n    _classCallCheck(this, HXMenuElement);\n\n    return _super2.apply(this, arguments);\n  }\n\n  _createClass(HXMenuElement, [{\n    key: \"$onCreate\",\n\n    /** @override */\n    value: function $onCreate() {\n      _get(_getPrototypeOf(HXMenuElement.prototype), \"$onCreate\", this).call(this);\n\n      this.DEFAULT_POSITION = 'bottom-start';\n    }\n    /** @override */\n\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      _get(_getPrototypeOf(HXMenuElement.prototype), \"$onConnect\", this).call(this);\n\n      this.$defaultAttribute('role', 'menu');\n      this.setAttribute('aria-expanded', this.open);\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-menu';\n    }\n  }]);\n\n  return HXMenuElement;\n}(_ProtoClass);\n/**\n * Defines behavior for the `<hx-menuitem>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXMenuitemElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXMenuitemElement, _HXElement);\n\n  var _super = _createSuper(HXMenuitemElement);\n\n  function HXMenuitemElement() {\n    _classCallCheck(this, HXMenuitemElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXMenuitemElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$defaultAttribute('role', 'menuitem');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-menuitem';\n    }\n  }]);\n\n  return HXMenuitemElement;\n}(HXElement);\n\nvar shadowMarkup$c = \"<div id='hxBackdrop'><div id='hxModal'><button type='button' id='hxClose'><hx-icon type='times'></hx-icon></button><div id='hxContent'><slot></slot></div></div></div>\";\nvar shadowStyles$c = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxBackdrop { align-items: center; background-color: var(--hxBackdrop-backgroundColor, rgba(0, 0, 0, 0.6)); display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 1.25rem; width: 100%; }\\n\\n#hxModal { background-color: var(--hxBackgroundColor, #ffffff); box-shadow: var(--hxBoxShadow, 0 7px 9px 0 rgba(0, 0, 0, 0.3)); display: flex; min-height: 3.5rem; min-width: 25rem; position: relative; }\\n\\n@supports (--modern: true) { #hxModal { min-height: 12.5rem; } }\\n\\n#hxContent { display: flex; flex-direction: column; overflow: hidden; width: 100%; }\\n\\n#hxClose { background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; line-height: 1; margin: 0; padding: 0; color: var(--hxClose-color, #757575); height: 1rem; position: absolute; right: 1.25rem; top: 1.25rem; }\\n\\n:host(.hxSm) #hxModal { max-width: 30rem; width: 40%; }\\n\\n:host #hxModal { max-width: 50rem; width: 60%; }\\n\\n:host(.hxLg) #hxModal { max-width: 70rem; width: 80%; }\\n\";\n/**\n * Fires when the element is concealed.\n *\n * @event Modal:close\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when the element is revealed.\n *\n * @event Modal:open\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-modal>` element.\n *\n * @emits Modal:close\n * @emits Modal:open\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.1\n */\n\nvar HXModalElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXModalElement, _HXElement);\n\n  var _super = _createSuper(HXModalElement);\n\n  function HXModalElement() {\n    _classCallCheck(this, HXModalElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXModalElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onBtnClose = this._onBtnClose.bind(this);\n      this._onKeyUp = this._onKeyUp.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('open');\n      this.setAttribute('aria-hidden', !this.open);\n\n      this._btnClose.addEventListener('click', this._onBtnClose);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnClose.removeEventListener('click', this._onBtnClose);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'open') {\n        this._changeAttrOpen(oldVal, newVal);\n      }\n    }\n  }, {\n    key: \"_onBtnClose\",\n\n    /** @private */\n    value: function _onBtnClose(evt) {\n      evt.preventDefault();\n      this.open = false;\n    }\n    /** @private */\n\n  }, {\n    key: \"_onKeyUp\",\n    value: function _onKeyUp(event) {\n      if (event.keyCode === KEYS.Escape) {\n        this.open = false;\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_changeAttrOpen\",\n    value: function _changeAttrOpen(oldVal, newVal) {\n      if (newVal !== null) {\n        this.$emit('open');\n        this.setAttribute('aria-hidden', false);\n        document.addEventListener('keyup', this._onKeyUp);\n      } else {\n        this.$emit('close');\n        this.setAttribute('aria-hidden', true);\n        document.removeEventListener('keyup', this._onKeyUp);\n      }\n    }\n  }, {\n    key: \"open\",\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('open', '');\n      } else {\n        this.removeAttribute('open');\n      }\n    },\n    get: function get() {\n      return this.hasAttribute('open');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnClose\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxClose');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-modal';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$c, \"</style>\").concat(shadowMarkup$c);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['open'];\n    }\n  }]);\n\n  return HXModalElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-password-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.20.0\n */\n\n\nvar HXPasswordElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXPasswordElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXPasswordElement);\n\n  function HXPasswordElement() {\n    _classCallCheck(this, HXPasswordElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXPasswordElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first `<input>` descendant,\n     * whether implicit (`<input />`) or explicit\n     * (`<input type=\"password\" />`).\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n    get: function get() {\n      return this.querySelector('input:not([type]), input[type=\"password\"]');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-password-control';\n    }\n  }]);\n\n  return HXPasswordElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$d = \"<div id='hxPill'><span><slot></slot></span><button id='hxDismiss' type='button'><span><hx-icon type='times'></hx-icon></span></button></div>\";\nvar shadowStyles$d = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n:host #hxPill { display: flex; height: 100%; padding: 0 1rem; white-space: nowrap; width: 100%; }\\n\\n:host #hxDismiss { background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; line-height: 1; margin: 0; padding: 0; align-items: center; color: var(--hxDismiss-color, #9e9e9e); display: inline-flex; height: 1.5em; justify-content: center; margin: 0 -0.5rem 0 0; width: 1.5em; }\\n\\n:host #hxDismiss > span { font-size: 0.75em; }\\n\\n:host #hxDismiss:hover { color: var(--hxDismiss-color--hover, #000000); }\\n\\n:host([persist]) #hxDismiss { display: none; }\\n\";\n/**\n * Fires when the dismiss button (\"X\") is pressed.\n *\n * @event Pills:dismiss\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-pill>` element.\n *\n * @extends HXElement\n * @emits Pills:dismiss\n * @hideconstructor\n * @since 0.8.0\n */\n\nvar HXPillElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXPillElement, _HXElement);\n\n  var _super = _createSuper(HXPillElement);\n\n  function HXPillElement() {\n    _classCallCheck(this, HXPillElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXPillElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onDismiss = this._onDismiss.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this._btnDismiss.addEventListener('click', this._onDismiss);\n\n      this.$upgradeProperty('persist');\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnDismiss.removeEventListener('click', this._onDismiss);\n    }\n    /**\n     * Property reflecting the `persist` HTML attribute, indicating whether the\n     * pill may be dismissed. If true, the dismiss button will not be shown.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"dismiss\",\n\n    /**\n     * Dismiss the pill (removes element from the DOM)\n     */\n    value: function dismiss() {\n      if (!this.persist && this.$emit('dismiss')) {\n        // only if event was not canceled by consumer\n        this.remove();\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDismiss\",\n    value: function _onDismiss(evt) {\n      evt.preventDefault();\n      this.dismiss();\n    }\n    /** @private */\n\n  }, {\n    key: \"persist\",\n    get: function get() {\n      return this.hasAttribute('persist');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('persist', '');\n      } else {\n        this.removeAttribute('persist');\n      }\n    }\n  }, {\n    key: \"_btnDismiss\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxDismiss');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-pill';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$d, \"</style>\").concat(shadowMarkup$d);\n    }\n  }]);\n\n  return HXPillElement;\n}(HXElement);\n\nvar shadowMarkup$e = \"<div id='hxPopover' class='has-arrow'><slot></slot></div>\";\nvar shadowStyles$e = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n.has-arrow { margin: 0; position: relative; }\\n\\n.has-arrow::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0); z-index: -1; }\\n\\n.has-arrow::before, .has-arrow::after { content: \\\"\\\"; display: block; height: 13px; position: absolute; width: 13px; }\\n\\n.has-arrow[position^=\\\"top\\\"] { margin-bottom: 8px; }\\n\\n.has-arrow[position^=\\\"top\\\"]::before, .has-arrow[position^=\\\"top\\\"]::after { bottom: -8px; }\\n\\n.has-arrow[position^=\\\"top\\\"]::after { background-image: linear-gradient(to bottom left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"top\\\"]::before, .has-arrow[position=\\\"top-center\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"top\\\"]::before, .has-arrow[position=\\\"top\\\"]::after, .has-arrow[position=\\\"top-center\\\"]::before, .has-arrow[position=\\\"top-center\\\"]::after { transform-origin: bottom left; transform: rotate(-45deg); left: 50%; }\\n\\n.has-arrow[position=\\\"top-right\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"top-right\\\"]::before, .has-arrow[position=\\\"top-right\\\"]::after { transform-origin: bottom left; transform: rotate(-45deg); left: 1.25rem; }\\n\\n.has-arrow[position=\\\"top-left\\\"]::after { background-image: linear-gradient(to bottom right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"top-left\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"top-left\\\"]::before, .has-arrow[position=\\\"top-left\\\"]::after { transform-origin: bottom right; transform: rotate(45deg); right: 1.25rem; }\\n\\n.has-arrow[position^=\\\"right\\\"] { margin-left: 8px; }\\n\\n.has-arrow[position^=\\\"right\\\"]::before, .has-arrow[position^=\\\"right\\\"]::after { left: -8px; }\\n\\n.has-arrow[position^=\\\"right\\\"]::after { background-image: linear-gradient(to top left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"right\\\"]::before, .has-arrow[position=\\\"right-middle\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"right\\\"]::before, .has-arrow[position=\\\"right\\\"]::after, .has-arrow[position=\\\"right-middle\\\"]::before, .has-arrow[position=\\\"right-middle\\\"]::after { transform-origin: top left; transform: rotate(-45deg); top: 50%; }\\n\\n.has-arrow[position=\\\"right-bottom\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"right-bottom\\\"]::before, .has-arrow[position=\\\"right-bottom\\\"]::after { transform-origin: top left; transform: rotate(-45deg); top: 1.25rem; }\\n\\n.has-arrow[position=\\\"right-top\\\"]::after { background-image: linear-gradient(to bottom left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"right-top\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"right-top\\\"]::before, .has-arrow[position=\\\"right-top\\\"]::after { transform-origin: bottom left; transform: rotate(45deg); bottom: 1.25rem; }\\n\\n.has-arrow[position^=\\\"bottom\\\"] { margin-top: 8px; }\\n\\n.has-arrow[position^=\\\"bottom\\\"]::before, .has-arrow[position^=\\\"bottom\\\"]::after { top: -8px; }\\n\\n.has-arrow[position^=\\\"bottom\\\"]::after { background-image: linear-gradient(to top left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"bottom\\\"]::before, .has-arrow[position=\\\"bottom\\\"]::after, .has-arrow[position=\\\"bottom-center\\\"]::before, .has-arrow[position=\\\"bottom-center\\\"]::after { transform-origin: top left; transform: rotate(45deg); left: 50%; }\\n\\n.has-arrow[position=\\\"bottom-right\\\"]::before, .has-arrow[position=\\\"bottom-right\\\"]::after { transform-origin: top left; transform: rotate(45deg); left: 1.25rem; }\\n\\n.has-arrow[position=\\\"bottom-left\\\"]::after { background-image: linear-gradient(to top right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"bottom-left\\\"]::before, .has-arrow[position=\\\"bottom-left\\\"]::after { transform-origin: top right; transform: rotate(-45deg); right: 1.25rem; }\\n\\n.has-arrow[position^=\\\"left\\\"] { margin-right: 8px; }\\n\\n.has-arrow[position^=\\\"left\\\"]::before, .has-arrow[position^=\\\"left\\\"]::after { right: -8px; }\\n\\n.has-arrow[position^=\\\"left\\\"]::after { background-image: linear-gradient(to top right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"left\\\"]::before, .has-arrow[position=\\\"left-middle\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"left\\\"]::before, .has-arrow[position=\\\"left\\\"]::after, .has-arrow[position=\\\"left-middle\\\"]::before, .has-arrow[position=\\\"left-middle\\\"]::after { transform-origin: top right; transform: rotate(45deg); top: 50%; }\\n\\n.has-arrow[position=\\\"left-bottom\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"left-bottom\\\"]::before, .has-arrow[position=\\\"left-bottom\\\"]::after { transform-origin: top right; transform: rotate(45deg); top: 1.25rem; }\\n\\n.has-arrow[position=\\\"left-top\\\"]::after { background-image: linear-gradient(to bottom right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"left-top\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"left-top\\\"]::before, .has-arrow[position=\\\"left-top\\\"]::after { transform-origin: bottom right; transform: rotate(-45deg); bottom: 1.25rem; }\\n\\n#hxPopover { background-color: var(--hxBackgroundColor, #ffffff); border-color: var(--hxBorderColor, #e0e0e0); border-style: solid; border-width: 1px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\";\n\nvar _ProtoClass$1 = /*#__PURE__*/function (_mix) {\n  _inherits(_ProtoClass, _mix);\n\n  var _super = _createSuper(_ProtoClass);\n\n  function _ProtoClass() {\n    _classCallCheck(this, _ProtoClass);\n\n    return _super.apply(this, arguments);\n  }\n\n  return _ProtoClass;\n}(mix(HXElement, Positionable));\n/**\n * Defines behavior for the `<hx-popover>` element.\n *\n * @hideconstructor\n * @extends HXElement\n * @extends Positionable\n * @since 0.2.0\n */\n\n\nvar HXPopoverElement = /*#__PURE__*/function (_ProtoClass2) {\n  _inherits(HXPopoverElement, _ProtoClass2);\n\n  var _super2 = _createSuper(HXPopoverElement);\n\n  function HXPopoverElement() {\n    _classCallCheck(this, HXPopoverElement);\n\n    return _super2.apply(this, arguments);\n  }\n\n  _createClass(HXPopoverElement, [{\n    key: \"$onCreate\",\n\n    /** @override */\n    value: function $onCreate() {\n      _get(_getPrototypeOf(HXPopoverElement.prototype), \"$onCreate\", this).call(this);\n\n      this.DEFAULT_POSITION = 'bottom-right';\n      this.POSITION_OFFSET = 20;\n    }\n    /** @private */\n\n  }, {\n    key: \"setShadowPosition\",\n\n    /**\n     * This position attribute is for the popover arrow located on the Shadow DOM element root.\n     * \n     * @override\n     * @param {NormalizedPositionString}\n     */\n    value: function setShadowPosition(position) {\n      this._elRoot.setAttribute('position', position);\n    }\n  }, {\n    key: \"_elRoot\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxPopover');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-popover';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$e, \"</style>\").concat(shadowMarkup$e);\n    }\n  }]);\n\n  return HXPopoverElement;\n}(_ProtoClass$1);\n\nvar shadowMarkup$f = \"<div id='hxProgress'><div id='hxFill'></div></div>\";\nvar shadowStyles$f = \"#hxProgress { height: 100%; }\\n\\n#hxProgress #hxFill { background-color: currentColor; box-sizing: border-box; height: 100%; width: 0%; }\\n\";\nvar MIN = 0;\nvar MAX = 100;\n/**\n * @private\n * @param {*} val - Value to coerce into an Integer\n * @returns {Integer} Integer value between hard-coded MIN and MAX\n */\n\nfunction _parseValue(val) {\n  // coerce into an Integer\n  var safeVal = Math.round(Number(val) || MIN); // guard upper bound\n\n  safeVal = safeVal > MAX ? MAX : safeVal; // guard lower bound\n\n  safeVal = safeVal < MIN ? MIN : safeVal;\n  return safeVal;\n}\n/**\n * Defines behavior for the `<hx-progress>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.7.0\n */\n\n\nvar HXProgressElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXProgressElement, _HXElement);\n\n  var _super = _createSuper(HXProgressElement);\n\n  function HXProgressElement() {\n    _classCallCheck(this, HXProgressElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXProgressElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('value');\n      this.$defaultAttribute('role', 'progressbar');\n      this.$defaultAttribute('aria-valuemin', MIN);\n      this.$defaultAttribute('aria-valuemax', MAX);\n      this.value = this.value;\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'value') {\n        var safeVal = _parseValue(newVal);\n\n        this._elFill.style.width = \"\".concat(safeVal, \"%\");\n        this.setAttribute('aria-valuenow', safeVal);\n      }\n    }\n    /**\n     * Completion percentage\n     * @type {Integer}\n     */\n\n  }, {\n    key: \"value\",\n    get: function get() {\n      return _parseValue(this.getAttribute('value'));\n    },\n    set: function set(newVal) {\n      var safeVal = _parseValue(newVal);\n\n      this.setAttribute('value', safeVal);\n    }\n    /**\n     * @private\n     * @type {HTMLElement}\n     */\n\n  }, {\n    key: \"_elFill\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxFill');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-progress';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$f, \"</style>\").concat(shadowMarkup$f);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['value'];\n    }\n  }]);\n\n  return HXProgressElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-radio-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.16.0\n */\n\n\nvar HXRadioControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXRadioControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXRadioControlElement);\n\n  function HXRadioControlElement() {\n    _classCallCheck(this, HXRadioControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXRadioControlElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first `<input type=\"radio\">` descendant\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n    get: function get() {\n      return this.querySelector('input[type=\"radio\"]');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-radio-control';\n    }\n  }]);\n\n  return HXRadioControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$g = \"<!--\\n  TODO: update with SVG to render the radio button\\n  See: https://codepen.io/CITguy/pen/KEoBNZ for a prototype.\\n--><slot></slot>\";\nvar shadowStyles$g = \"\";\n/**\n * Applies Shadow DOM to the `<hx-radio>` facade element.\n *\n * @extends HXElement\n * @hideconstructor\n */\n\nvar HXRadioElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXRadioElement, _HXElement);\n\n  var _super = _createSuper(HXRadioElement);\n\n  function HXRadioElement() {\n    _classCallCheck(this, HXRadioElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXRadioElement, null, [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-radio';\n    }\n    /** @override */\n\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$g, \"</style>\").concat(shadowMarkup$g);\n    }\n  }]);\n\n  return HXRadioElement;\n}(HXElement);\n/**\n  * Defines behavior for the `<hx-radio-set>` element.\n  *\n  * @extends HXElement\n  * @hideconstructor\n  * @since 0.16.0\n  */\n\n\nvar HXRadioSetElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXRadioSetElement, _HXElement);\n\n  var _super = _createSuper(HXRadioSetElement);\n\n  function HXRadioSetElement() {\n    _classCallCheck(this, HXRadioSetElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXRadioSetElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.addEventListener('hxchange', this._onHxchange);\n      this.addEventListener('hxdirty', this._onHxdirty);\n      this.addEventListener('hxtouch', this._onHxtouch);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('hxchange', this._onHxchange);\n      this.removeEventListener('hxdirty', this._onHxdirty);\n      this.removeEventListener('hxtouch', this._onHxtouch);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"_onHxchange\",\n\n    /** @private */\n    value: function _onHxchange(evt) {\n      evt.stopPropagation();\n      this.$defaultAttribute(STATE.changed, '');\n    } // TODO: revisit logic in phase 3\n\n    /** @private */\n\n  }, {\n    key: \"_onHxdirty\",\n    value: function _onHxdirty(evt) {\n      evt.stopPropagation();\n      this.$defaultAttribute(STATE.dirty, '');\n    }\n    /** @private */\n\n  }, {\n    key: \"_onHxtouch\",\n    value: function _onHxtouch(evt) {\n      evt.stopPropagation();\n      this.$defaultAttribute(STATE.touched, '');\n    }\n  }, {\n    key: \"isDirty\",\n    get: function get() {\n      return this.hasAttribute(STATE.dirty);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"wasChanged\",\n    get: function get() {\n      return this.hasAttribute(STATE.changed);\n    }\n    /**\n     * @readonly\n     * @type {Boolean} [false]\n     */\n\n  }, {\n    key: \"wasTouched\",\n    get: function get() {\n      return this.hasAttribute(STATE.touched);\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-radio-set';\n    }\n  }]);\n\n  return HXRadioSetElement;\n}(HXElement);\n/**\n * Fires when the element's contents are concealed.\n *\n * @event Reveal:close\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when the element's contents are revealed.\n *\n * @event Reveal:open\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-reveal>` element.\n *\n * @emits Reveal:close\n * @emits Reveal:open\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXRevealElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXRevealElement, _HXElement);\n\n  var _super = _createSuper(HXRevealElement);\n\n  function HXRevealElement() {\n    _classCallCheck(this, HXRevealElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXRevealElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('open');\n      this.setAttribute('aria-expanded', this.open);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'open') {\n        var isOpen = newVal !== null;\n        this.setAttribute('aria-expanded', isOpen);\n        this.$emit(isOpen ? 'open' : 'close');\n      }\n    }\n    /**\n     * Property reflecting the `open` HTML attribute, indicating whether or not\n     * the element's contents should be shown.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"open\",\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('open', '');\n      } else {\n        this.removeAttribute('open');\n      }\n    },\n    get: function get() {\n      return this.hasAttribute('open');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-reveal';\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['open'];\n    }\n  }]);\n\n  return HXRevealElement;\n}(HXElement);\n\nvar _ProtoClass$2 = /*#__PURE__*/function (_mix) {\n  _inherits(_ProtoClass, _mix);\n\n  var _super = _createSuper(_ProtoClass);\n\n  function _ProtoClass() {\n    _classCallCheck(this, _ProtoClass);\n\n    return _super.apply(this, arguments);\n  }\n\n  return _ProtoClass;\n}(mix(HXElement, Positionable));\n/**\n * Defines behavior for the `<hx-search-assistance>` element.\n *\n * @extends HXElement\n * @extends Positionable\n * @hideconstructor\n * @see HXSearchElement\n * @since 0.6.0\n */\n\n\nvar HXSearchAssistanceElement = /*#__PURE__*/function (_ProtoClass2) {\n  _inherits(HXSearchAssistanceElement, _ProtoClass2);\n\n  var _super2 = _createSuper(HXSearchAssistanceElement);\n\n  function HXSearchAssistanceElement() {\n    _classCallCheck(this, HXSearchAssistanceElement);\n\n    return _super2.apply(this, arguments);\n  }\n\n  _createClass(HXSearchAssistanceElement, [{\n    key: \"$onCreate\",\n\n    /** @override */\n    value: function $onCreate() {\n      _get(_getPrototypeOf(HXSearchAssistanceElement.prototype), \"$onCreate\", this).call(this);\n\n      this.DEFAULT_POSITION = 'bottom-start';\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-search-assistance';\n    }\n  }]);\n\n  return HXSearchAssistanceElement;\n}(_ProtoClass$2);\n/**\n * Defines behavior for the `<hx-select-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.16.0\n */\n\n\nvar HXSearchControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXSearchControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXSearchControlElement);\n\n  function HXSearchControlElement() {\n    _classCallCheck(this, HXSearchControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXSearchControlElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onControlInput = this._onControlInput.bind(this);\n      this._onResetClick = this._onResetClick.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this._showHideReset(this.controlElement);\n\n      this._btnReset.addEventListener('click', this._onResetClick);\n\n      this.controlElement.addEventListener('input', this._onControlInput);\n      this.controlElement.addEventListener('change', this._onControlInput);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnReset.removeEventListener('click', this._onResetClick);\n\n      this.controlElement.removeEventListener('input', this._onControlInput);\n      this.controlElement.removeEventListener('change', this._onControlInput);\n    }\n    /**\n     * Fetch the first `<input type=\"search\">` descendant\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n\n  }, {\n    key: \"_onControlInput\",\n\n    /**\n     * Show or hide reset based off of the input value.\n     * @private\n     */\n    value: function _onControlInput(evt) {\n      this._showHideReset(evt.target);\n    }\n    /**\n     * Clear value and focus input when user presses \"X\" via the UI.\n     * @private\n     */\n\n  }, {\n    key: \"_onResetClick\",\n    value: function _onResetClick(evt) {\n      evt.preventDefault();\n      this.controlElement.value = '';\n      this.controlElement.focus();\n      this._btnReset.hidden = true;\n    }\n    /**\n     * Determines whether to show/hide reset ONLY when the input is \"enabled\".\n     * Light DOM CSS handles hiding the reset button when \"disabled\".\n     * @private\n     */\n\n  }, {\n    key: \"_showHideReset\",\n    value: function _showHideReset(elInput) {\n      var hasValue = elInput.value !== '';\n      this._btnReset.hidden = !hasValue;\n    }\n  }, {\n    key: \"controlElement\",\n    get: function get() {\n      return this.querySelector('input[type=\"search\"]');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnReset\",\n    get: function get() {\n      return this.querySelector('button.hxClear');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-search-control';\n    }\n  }]);\n\n  return HXSearchControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$h = \"<div id='hxSearch'><hx-icon id='hxIcon' type='search'></hx-icon></div>\";\nvar shadowStyles$h = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\ninput::-ms-clear { display: none; }\\n\\n:host #hxSearch { -ms-grid-column-align: start; -ms-grid-columns: 2rem 1fr; -ms-grid-rows: 1fr; align-items: center; display: -ms-grid; display: grid; grid-template-columns: 2rem 1fr; height: 100%; }\\n\\n:host #hxIcon { color: #757575; line-height: 1; margin: auto 0.5em; }\\n\";\n/**\n * Defines behavior for the `<hx-search>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @see HXSearchAssistanceElement\n * @since 0.4.0\n */\n\nvar HXSearchElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXSearchElement, _HXElement);\n\n  var _super = _createSuper(HXSearchElement);\n\n  function HXSearchElement() {\n    _classCallCheck(this, HXSearchElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXSearchElement, null, [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-search';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$h, \"</style>\").concat(shadowMarkup$h);\n    }\n  }]);\n\n  return HXSearchElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-select-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.16.0\n */\n\n\nvar HXSelectControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXSelectControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXSelectControlElement);\n\n  function HXSelectControlElement() {\n    _classCallCheck(this, HXSelectControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXSelectControlElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first `<select>` descendant\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLSelectElement}\n     */\n    get: function get() {\n      return this.querySelector('select');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-select-control';\n    }\n  }]);\n\n  return HXSelectControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$i = \"<div id='hxSelect'><div id='hxTrigger'><hx-icon type='angle-down'></hx-icon></div></div>\";\nvar shadowStyles$i = \"#hxSelect { display: none; }\\n\\n@supports (display: grid) { #hxSelect { box-sizing: border-box; display: grid; grid-template-areas: \\\". trigger\\\"; grid-template-columns: auto 2.5rem; height: 100%; width: 100%; }\\n  #hxTrigger { align-items: center; background-color: var(--hxTrigger-backgroundColor, #ffffff); box-sizing: border-box; color: inherit; display: flex; grid-area: trigger; height: 100%; justify-content: center; opacity: 1; } }\\n\";\n/**\n * Applies Shadow DOM to the `<hx-select>` facade element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.16.0\n */\n\nvar HXSelectElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXSelectElement, _HXElement);\n\n  var _super = _createSuper(HXSelectElement);\n\n  function HXSelectElement() {\n    _classCallCheck(this, HXSelectElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXSelectElement, null, [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-select';\n    }\n    /** @override */\n\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$i, \"</style>\").concat(shadowMarkup$i);\n    }\n  }]);\n\n  return HXSelectElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-switch-control>` element, which is the\n * controller for the `<hx-switch>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.24.0\n */\n\n\nvar HXSwitchControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXSwitchControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXSwitchControlElement);\n\n  function HXSwitchControlElement() {\n    _classCallCheck(this, HXSwitchControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXSwitchControlElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onClick = this._onClick.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.controlElement.addEventListener('click', this._onClick);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.controlElement.removeEventListener('click', this._onClick);\n    }\n    /**\n     * Fetch the first `<input type=\"checkbox\">`\n     * descendant (there should only be one(1)).\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n\n  }, {\n    key: \"_onClick\",\n\n    /** Determines the toggle state.\n     *\n     * @private\n     */\n    // eslint-disable-next-line no-unused-vars\n    value: function _onClick(evt) {\n      var isChecked = this.controlElement.checked;\n\n      if (isChecked) {\n        this.switchElement.toggled = true;\n      } else {\n        this.switchElement.toggled = false;\n      }\n    }\n  }, {\n    key: \"controlElement\",\n    get: function get() {\n      return this.querySelector('input[type=\"checkbox\"]');\n    }\n    /**\n     * Get Switch Component state.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"toggled\",\n    get: function get() {\n      return this.switchElement.toggled;\n    }\n    /**\n     * Fetch the first `<hx-switch>` deccendant (there should only be one(1)).\n     *\n     * @private\n     */\n\n  }, {\n    key: \"switchElement\",\n    get: function get() {\n      return this.querySelector('hx-switch');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-switch-control';\n    }\n  }]);\n\n  return HXSwitchControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$j = \"<!-- TBD -->\";\nvar shadowStyles$j = \"\";\n/**\n * Defines behavior for the `<hx-switch>` element.\n * NOTE: `<hx-switch>` can have various default options, or it can be overriden.\n *\n *@extends HXElement\n * @hideconstructor\n * @since 0.24.0\n */\n\nvar HXSwitchElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXSwitchElement, _HXElement);\n\n  var _super = _createSuper(HXSwitchElement);\n\n  function HXSwitchElement() {\n    _classCallCheck(this, HXSwitchElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXSwitchElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('onlabel');\n      this.$upgradeProperty('offlabel');\n      this.$upgradeProperty('toggled');\n\n      if (!this.hasAttribute('onlabel') && !this.hasAttribute('offlabel')) {\n        this.setAttribute('onlabel', '');\n        this.setAttribute('offlabel', '');\n      } else {\n        this.syncLabels();\n      }\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    // eslint-disable-next-line no-unused-vars\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'onlabel') {\n        this.syncLabels();\n      } else {\n        this.syncLabels(true); // sync off label\n      }\n    }\n    /**\n     * Label `off` getter/setter\n     */\n\n  }, {\n    key: \"syncLabels\",\n    // eslint-disable-next-line complexity\n    value: function syncLabels() {\n      var isOffLabel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n\n      if (this.hasAttribute('onlabel') && !isOffLabel) {\n        var attr = this.getAttribute('onlabel').toUpperCase();\n        var off;\n\n        switch (attr) {\n          case 'ON':\n            off = 'OFF';\n            break;\n\n          case 'YES':\n            off = 'NO';\n            break;\n\n          case '':\n            off = '';\n            break;\n        }\n\n        if (this.hasAttribute('offlabel') && off !== undefined) {\n          this.setAttribute('offlabel', off);\n        }\n      } else if (this.hasAttribute('offlabel')) {\n        var _attr = this.getAttribute('offlabel').toUpperCase();\n\n        var on;\n\n        switch (_attr) {\n          case 'OFF':\n            on = 'ON';\n            break;\n\n          case 'NO':\n            on = 'YES';\n            break;\n\n          case '':\n            on = '';\n            break;\n        }\n\n        if (this.hasAttribute('onlabel') && on !== undefined) {\n          this.setAttribute('onlabel', on);\n        }\n      }\n    }\n  }, {\n    key: \"offlabel\",\n    get: function get() {\n      return this.getAttribute('offlabel');\n    },\n    set: function set(newVal) {\n      this.setAttribute('offlabel', newVal);\n    }\n    /**\n     * Label `on` getter/setter\n     */\n\n  }, {\n    key: \"onlabel\",\n    get: function get() {\n      return this.getAttribute('onlabel');\n    },\n    set: function set(newVal) {\n      this.setAttribute('onlabel', newVal);\n    }\n    /**\n     * Property reflecting the `toggled` state of the Switch component.\n     */\n\n  }, {\n    key: \"toggled\",\n    get: function get() {\n      return this.hasAttribute('toggled');\n    },\n    set: function set(isToggled) {\n      if (isToggled) {\n        this.setAttribute('toggled', '');\n      } else {\n        this.removeAttribute('toggled');\n      }\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-switch';\n    }\n    /** @override */\n\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$j, \"</style>\").concat(shadowMarkup$j);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['onlabel', 'offlabel'];\n    }\n  }]);\n\n  return HXSwitchElement;\n}(HXElement);\n/**\n * Fires when non-current tab is clicked.\n *\n * @event Tab:hxtabclick\n * @since 0.16.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-tab>` element.\n *\n * @emits Tab:hxtabclick\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXTabElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXTabElement, _HXElement);\n\n  var _super = _createSuper(HXTabElement);\n\n  function HXTabElement() {\n    _classCallCheck(this, HXTabElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTabElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$defaultAttribute('id', \"tab-\".concat(generateId()));\n      this.$upgradeProperty('current');\n      this.$defaultAttribute('role', 'tab');\n      this.setAttribute('aria-selected', this.current);\n      this.addEventListener('click', this._onClick);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('click', this._onClick);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'current') {\n        this.setAttribute('aria-selected', newVal !== null);\n      }\n    }\n    /**\n     * True if tab is selected.\n     *\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"_onClick\",\n\n    /** @private */\n    value: function _onClick() {\n      if (!this.current) {\n        this.$emit('hxtabclick', {\n          bubbles: true\n        });\n      }\n    }\n  }, {\n    key: \"current\",\n    get: function get() {\n      return this.hasAttribute('current');\n    },\n    set: function set(newVal) {\n      if (newVal) {\n        this.setAttribute('current', true);\n      } else {\n        this.removeAttribute('current');\n      }\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-tab';\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['current'];\n    }\n  }]);\n\n  return HXTabElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-tabcontent>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXTabcontentElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXTabcontentElement, _HXElement);\n\n  var _super = _createSuper(HXTabcontentElement);\n\n  function HXTabcontentElement() {\n    _classCallCheck(this, HXTabcontentElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTabcontentElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$defaultAttribute('role', 'presentation');\n      this.addEventListener('scroll', onScroll);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('scroll', onScroll);\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-tabcontent';\n    }\n  }]);\n\n  return HXTabcontentElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-tablist>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXTablistElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXTablistElement, _HXElement);\n\n  var _super = _createSuper(HXTablistElement);\n\n  function HXTablistElement() {\n    _classCallCheck(this, HXTablistElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTablistElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$defaultAttribute('role', 'tablist');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-tablist';\n    }\n  }]);\n\n  return HXTablistElement;\n}(HXElement);\n/**\n * Fires when the element's contents are concealed.\n *\n * @event Tabpanel:close\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when the element's contents are revealed.\n *\n * @event Tabpanel:open\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-tabpanel>` element.\n *\n * @emits Tabpanel:close\n * @emits Tabpanel:open\n * @extends HXElement\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXTabpanelElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXTabpanelElement, _HXElement);\n\n  var _super = _createSuper(HXTabpanelElement);\n\n  function HXTabpanelElement() {\n    _classCallCheck(this, HXTabpanelElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTabpanelElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$defaultAttribute('id', \"tabpanel-\".concat(generateId()));\n      this.$defaultAttribute('role', 'tabpanel');\n      this.$upgradeProperty('open');\n      this.setAttribute('aria-expanded', this.open);\n      this.addEventListener('scroll', onScroll);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.removeEventListener('scroll', onScroll);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'open') {\n        var isOpen = newVal !== null;\n        this.setAttribute('aria-expanded', isOpen);\n        this.setAttribute('tabindex', isOpen ? 0 : -1);\n        this.$emit(isOpen ? 'open' : 'close');\n      }\n    }\n  }, {\n    key: \"open\",\n    get: function get() {\n      return this.hasAttribute('open');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('open', '');\n      } else {\n        this.removeAttribute('open');\n      }\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-tabpanel';\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['open'];\n    }\n  }]);\n\n  return HXTabpanelElement;\n}(HXElement);\n/**\n * Fires when the currently active tab changes.\n *\n * - Only fires in single-panel mode.\n *\n * @event Tabset:tabchange\n * @since 0.6.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-tabset>` element\n *\n * @emits Tabset:tabchange\n * @extends HXElement\n * @hideconstructor\n * @listens Tab:hxtabclick\n * @since 0.2.0\n */\n\n\nvar HXTabsetElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXTabsetElement, _HXElement);\n\n  var _super = _createSuper(HXTabsetElement);\n\n  function HXTabsetElement() {\n    _classCallCheck(this, HXTabsetElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTabsetElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this.$onConnect = defer(this.$onConnect);\n      this._onKeyUp = this._onKeyUp.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('current-tab');\n      this.$defaultAttribute('id', \"tabset-\".concat(generateId()));\n\n      this._setupIds();\n\n      this.currentTab = Number(this.getAttribute('current-tab')) || 0;\n\n      this._tablist.addEventListener('keyup', this._onKeyUp);\n\n      this._tablist.addEventListener('keydown', preventKeyScroll);\n\n      this.addEventListener('hxtabclick', this._onHxtabclick);\n      this.update();\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._tablist.removeEventListener('keyup', this._onKeyUp);\n\n      this._tablist.removeEventListener('keydown', preventKeyScroll);\n\n      this.removeEventListener('hxtabclick', this._onHxtabclick);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      if (attr === 'current-tab') {\n        if (!isNaN(newVal)) {\n          this._activateTab(Number(newVal));\n\n          this.$emit('tabchange');\n        }\n      }\n    }\n    /* ---------- PUBLIC MEMBERS ---------- */\n\n    /**\n     * Zero-based index of the currently active tab.\n     * @type {Number}\n     */\n\n  }, {\n    key: \"selectNext\",\n\n    /**\n     * Select next tab in tabset.\n     */\n    value: function selectNext() {\n      if (!this.isConnected) {\n        return;\n      } // if current tab is the last tab\n\n\n      if (this.currentTab === this.tabs.length - 1) {\n        // select first\n        this.currentTab = 0;\n      } else {\n        // select next\n        this.currentTab += 1;\n      }\n\n      this.tabs[this.currentTab].focus();\n    }\n    /**\n     * Select previous tab in tabset.\n     */\n\n  }, {\n    key: \"selectPrevious\",\n    value: function selectPrevious() {\n      if (!this.isConnected) {\n        return;\n      } // if current tab is the first tab\n\n\n      if (this.currentTab === 0) {\n        // select last\n        this.currentTab = this.tabs.length - 1;\n      } else {\n        // select previous\n        this.currentTab -= 1;\n      }\n\n      this.tabs[this.currentTab].focus();\n    }\n    /**\n     * Synchronize DOM state with element configuration.\n     * Useful for when the number of <hx-tab> and <hx-tabpanel>\n     * elements changes after tabset connects to the DOM.\n     */\n\n  }, {\n    key: \"update\",\n    value: function update() {\n      this._setupIds();\n\n      this._activateTab(this.currentTab);\n    }\n    /* ---------- PRIVATE PROPERTIES ---------- */\n\n    /** @private */\n\n  }, {\n    key: \"_activateTab\",\n\n    /* ---------- PRIVATE METHODS ---------- */\n\n    /** @private\n     *\n     * activates tab/panel pair with matching index\n     * deactivates all other tab/panel pairs\n    */\n    value: function _activateTab(idx) {\n      this.tabs.forEach(function (tab, tabIdx) {\n        if (idx === tabIdx) {\n          tab.current = true;\n          tab.setAttribute('tabindex', 0);\n        } else {\n          tab.current = false;\n          tab.setAttribute('tabindex', -1);\n          tab.blur();\n        }\n      });\n      this.tabpanels.forEach(function (tabpanel, panelIdx) {\n        tabpanel.open = idx === panelIdx;\n      });\n    }\n    /** @private */\n\n  }, {\n    key: \"_onHxtabclick\",\n    value: function _onHxtabclick(evt) {\n      evt.stopPropagation();\n      var newIdx = this.tabs.indexOf(evt.target);\n\n      if (newIdx === this.currentTab) {\n        // update visual state if user clicks newly added tab\n        // whose index matches the current tabset configuration\n        this.update();\n      } else {\n        // otherwise, update logical state, which in turn\n        // updates visual state\n        this.currentTab = newIdx;\n      }\n    }\n    /**\n     * Handle navigating the tabs via arrow keys\n     * @private\n     * @todo migrate keyup listener logic to HXTablistElement\n     */\n\n  }, {\n    key: \"_onKeyUp\",\n    value: function _onKeyUp(evt) {\n      if (evt.keyCode === KEYS.Right) {\n        this.selectNext();\n      }\n\n      if (evt.keyCode === KEYS.Left) {\n        this.selectPrevious();\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_setupIds\",\n    value: function _setupIds() {\n      var _this = this;\n\n      var tabsetId = this.getAttribute('id');\n      this.tabs.forEach(function (tab, idx) {\n        var tabpanel = _this.tabpanels[idx]; // Default tab and panel ID\n\n        var tabId = \"\".concat(tabsetId, \"-tab-\").concat(idx);\n        var tabpanelId = \"\".concat(tabsetId, \"-panel-\").concat(idx); // Set or keep tab ID\n\n        if (tab.hasAttribute('id')) {\n          tabId = tab.getAttribute('id');\n        } else {\n          tab.setAttribute('id', tabId);\n        } // Set or keep panel ID\n\n\n        if (tabpanel !== undefined) {\n          if (tabpanel.hasAttribute('id')) {\n            tabpanelId = tabpanel.getAttribute('id');\n          } else {\n            tabpanel.setAttribute('id', tabpanelId);\n          } // sync tabpanel to tab\n\n\n          tabpanel.setAttribute('aria-labelledby', tabId);\n          tab.setAttribute('aria-controls', tabpanelId);\n        }\n      });\n    }\n  }, {\n    key: \"currentTab\",\n    get: function get() {\n      return Number(this.getAttribute('current-tab') || 0);\n    },\n    set: function set(idx) {\n      // NOTE: Keep an eye on this logic for React compatibility\n      if (!this.isConnected) {\n        return;\n      }\n\n      if (isNaN(idx)) {\n        throw new TypeError(\"'currentTab' expects a numeric index. Got \".concat(_typeof(idx), \" instead.\"));\n      }\n\n      if (this.tabs.length !== 0) {\n        if (idx < 0 || idx >= this.tabs.length) {\n          throw new RangeError('currentTab index is out of bounds');\n        }\n      }\n\n      this._setupIds(); // account for dynamic tabs\n\n\n      this.setAttribute('current-tab', idx);\n    }\n    /* ---------- PUBLIC METHODS ---------- */\n\n    /**\n     * All `<hx-tabpanel>` elements associated with the tabset.\n     * @readonly\n     * @type {HXTabpanelElement[]}\n     */\n\n  }, {\n    key: \"tabpanels\",\n    get: function get() {\n      var _selector = \"#\".concat(this.id, \" > hx-tabcontent > hx-tabpanel\");\n\n      return Array.from(this.querySelectorAll(_selector));\n    }\n    /**\n     * All `<hx-tab>` elements associated with the tabset.\n     * @readonly\n     * @type {HXTabElement[]}\n     */\n\n  }, {\n    key: \"tabs\",\n    get: function get() {\n      this.$defaultAttribute('id', \"tabset-\".concat(generateId())); // accommodate Angular lifecycle\n\n      var _selector = \"#\".concat(this.id, \" > hx-tablist > hx-tab\");\n\n      return Array.from(this.querySelectorAll(_selector));\n    }\n  }, {\n    key: \"_tablist\",\n    get: function get() {\n      return this.querySelector('hx-tablist');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-tabset';\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['current-tab'];\n    }\n  }]);\n\n  return HXTabsetElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-text-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.16.0\n */\n\n\nvar HXTextControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXTextControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXTextControlElement);\n\n  function HXTextControlElement() {\n    _classCallCheck(this, HXTextControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTextControlElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first text `<input>` descendant,\n     * whether implicit (`<input />`) or explicit\n     * (`<input type=\"text\" />`).\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n    get: function get() {\n      return this.querySelector('input:not([type]), input[type=\"text\"]');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-text-control';\n    }\n  }]);\n\n  return HXTextControlElement;\n}(HXFormControlElement);\n/**\n * Defines behavior for the `<hx-textarea-control>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 0.16.0\n */\n\n\nvar HXTextareaControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXTextareaControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXTextareaControlElement);\n\n  function HXTextareaControlElement() {\n    _classCallCheck(this, HXTextareaControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXTextareaControlElement, [{\n    key: \"controlElement\",\n\n    /**\n     * Fetch the first text `<textarea>` descendant\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLTextAreaElement}\n     */\n    get: function get() {\n      return this.querySelector('textarea');\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-textarea-control';\n    }\n  }]);\n\n  return HXTextareaControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$k = \"<div id='hxToast'><div id='hxIconWrapper'><hx-icon id='hxIcon' type='info-circle'></hx-icon></div><div id='hxContent'><div><slot></slot></div><button id='hxCta' type='button'></button></div><button id='hxDismiss' type='button'><hx-icon type='times'></hx-icon></button></div>\";\nvar shadowStyles$k = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\nbutton { background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; font-size: 0.875rem; font-weight: 700; line-height: 1; margin: 0; padding: 0; }\\n\\n#hxToast { padding: 0.75rem; display: flex; }\\n\\n#hxIconWrapper { align-items: center; color: var(--hxIcon-color, inherit); display: flex; margin: 0 0.75rem 0 0.5rem; }\\n\\n#hxIconWrapper hx-icon { font-size: 2rem; }\\n\\n#hxContent { flex-grow: 1; margin-right: 1.5rem; text-align: right; word-wrap: break-word; }\\n\\n#hxContent div { font-size: 0.875rem; text-align: left; }\\n\\n#hxCta { border-radius: 2px; display: inline-flex; justify-content: center; font-size: 0.875rem; padding: 0.5rem 0.75rem; background-color: transparent; border: none; color: #367ed4; text-transform: uppercase; }\\n\\n#hxCta > * + * { margin-left: 0.5rem; }\\n\\n#hxCta:focus { outline: none; }\\n\\n#hxCta[disabled] { cursor: not-allowed; }\\n\\n#hxCta[disabled]:focus { box-shadow: none; }\\n\\n#hxCta.hxDeprecated { padding-left: 0; padding-right: 0; }\\n\\n#hxCta:hover { background-color: transparent; border-color: transparent; color: #0051b7; }\\n\\n#hxCta:active { background-color: transparent; border-color: transparent; color: #003482; }\\n\\n#hxCta:focus { box-shadow: 0 0 4px rgba(0, 81, 183, 0.5); outline: none; }\\n\\n#hxCta[disabled] { background-color: transparent; border-color: transparent; color: #bdbdbd; }\\n\\n#hxCta:empty { display: none; }\\n\\n#hxDismiss { color: var(--hxDismiss-color, #757575); flex-shrink: 0; font-size: 0.75rem; height: 2.25rem; padding: 0.75rem; position: absolute; right: 0; top: 0; width: 2.25rem; }\\n\\n:host([type=\\\"info\\\"]) #hxIconWrapper { color: var(--hxIcon-color, #95098a); }\\n\\n:host([type=\\\"error\\\"]) #hxIconWrapper { color: var(--hxIcon-color, #760300); }\\n\\n:host([type=\\\"success\\\"]) #hxIconWrapper { color: var(--hxIcon-color, #008b38); }\\n\";\nvar ICONS$1 = {\n  'error': 'exclamation-circle',\n  'info': 'info-circle',\n  'success': 'checkmark'\n};\n/**\n * Fires when the dismiss button (\"X\") is pressed.\n *\n * @event Toast:dismiss\n * @since 0.7.0\n * @type {CustomEvent}\n */\n\n/**\n * Fires when the CTA button is pressed.\n *\n * @event Toast:submit\n * @since 0.7.0\n * @type {CustomEvent}\n */\n\n/**\n * Defines behavior for the `<hx-toast>` element.\n *\n * @emits Toast:dismiss\n * @emits Toast:submit\n * @extends HXElement\n * @hideconstructor\n * @since 0.7.0\n */\n\nvar HXToastElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXToastElement, _HXElement);\n\n  var _super = _createSuper(HXToastElement);\n\n  function HXToastElement() {\n    _classCallCheck(this, HXToastElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXToastElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onDismiss = this._onDismiss.bind(this);\n      this._onSubmit = this._onSubmit.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('cta');\n      this.$upgradeProperty('type');\n\n      this._btnCta.addEventListener('click', this._onSubmit);\n\n      this._btnDismiss.addEventListener('click', this._onDismiss);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this._btnCta.removeEventListener('click', this._onSubmit);\n\n      this._btnDismiss.removeEventListener('click', this._onDismiss);\n    }\n  }, {\n    key: \"$onAttributeChange\",\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      var hasValue = newVal !== null;\n\n      switch (attr) {\n        case 'cta':\n          this._btnCta.textContent = hasValue ? newVal : '';\n          break;\n\n        case 'type':\n          if (hasValue) {\n            this._elIcon.type = ICONS$1[newVal] || ICONS$1['info'];\n          } else {\n            this._elIcon.type = ICONS$1['info'];\n          }\n\n          break;\n      }\n    } // GETTERS\n\n  }, {\n    key: \"dismiss\",\n\n    /**\n     * Dismiss the toast (removes element from the DOM).\n     */\n    value: function dismiss() {\n      if (this.$emit('dismiss')) {\n        // only if event was not canceled by consumer\n        this.remove();\n      }\n    }\n    /**\n     * Simulate a mouse click on the CTA button.\n     */\n\n  }, {\n    key: \"submit\",\n    value: function submit() {\n      this.$emit('submit');\n    }\n    /** @private */\n\n  }, {\n    key: \"_onDismiss\",\n\n    /** @private */\n    value: function _onDismiss(evt) {\n      evt.preventDefault();\n      this.dismiss();\n    }\n    /** @private */\n\n  }, {\n    key: \"_onSubmit\",\n    value: function _onSubmit(evt) {\n      evt.preventDefault();\n      this.submit();\n    }\n  }, {\n    key: \"cta\",\n    get: function get() {\n      return this.getAttribute('cta');\n    },\n    // SETTERS\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('cta', value);\n      } else {\n        this.removeAttribute('cta');\n      }\n    }\n  }, {\n    key: \"type\",\n    get: function get() {\n      return this.getAttribute('type');\n    },\n    set: function set(value) {\n      if (value) {\n        this.setAttribute('type', value);\n      } else {\n        this.removeAttribute('type');\n      }\n    }\n  }, {\n    key: \"_elIcon\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxIcon');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnCta\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxCta');\n    }\n    /** @private */\n\n  }, {\n    key: \"_btnDismiss\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxDismiss');\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-toast';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$k, \"</style>\").concat(shadowMarkup$k);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return ['cta', 'type'];\n    }\n  }]);\n\n  return HXToastElement;\n}(HXElement);\n/**\n * Defines behavior for the `<hx-toggle-control>` element, which is the\n * controller for the `<hx-toggle>` element.\n *\n * @extends HXFormControlElement\n * @hideconstructor\n * @since 1.0.0\n */\n\n\nvar HXToggleControlElement = /*#__PURE__*/function (_HXFormControlElement) {\n  _inherits(HXToggleControlElement, _HXFormControlElement);\n\n  var _super = _createSuper(HXToggleControlElement);\n\n  function HXToggleControlElement() {\n    _classCallCheck(this, HXToggleControlElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXToggleControlElement, [{\n    key: \"$onCreate\",\n    value: function $onCreate() {\n      this._onClick = this._onClick.bind(this);\n    }\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.controlElement.addEventListener('click', this._onClick);\n    }\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      this.controlElement.removeEventListener('click', this._onClick);\n    }\n    /**\n     * Fetch the first `<input type=\"checkbox\">`\n     * descendant (there should only be one(1)).\n     *\n     * @override\n     * @readonly\n     * @type {?HTMLInputElement}\n     */\n\n  }, {\n    key: \"_onClick\",\n\n    /** Determines the toggle state.\n     *\n     * @private\n     */\n    // eslint-disable-next-line no-unused-vars\n    value: function _onClick(evt) {\n      var isChecked = this.controlElement.checked;\n\n      if (isChecked) {\n        this.toggleElement.toggled = true;\n      } else {\n        this.toggleElement.toggled = false;\n      }\n    }\n  }, {\n    key: \"controlElement\",\n    get: function get() {\n      return this.querySelector('input[type=\"checkbox\"]');\n    }\n    /**\n     * Fetch the first `<hx-toggle>` deccendant (there should only be one(1)).\n     */\n\n  }, {\n    key: \"toggleElement\",\n    get: function get() {\n      return this.querySelector('hx-toggle');\n    }\n    /**\n     * Get the Toggle Component state.\n     *\n     * @default false\n     * @type {Boolean}\n     */\n\n  }, {\n    key: \"toggled\",\n    get: function get() {\n      return this.toggleElement.toggled;\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-toggle-control';\n    }\n  }]);\n\n  return HXToggleControlElement;\n}(HXFormControlElement);\n\nvar shadowMarkup$l = \"<div id='hxToggle'><div id='hxToggleGrid'><hx-icon type='grid'></hx-icon></div><div id='hxToggleList'><hx-icon type='list'></hx-icon></div></div>\";\nvar shadowStyles$l = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n#hxToggleList { margin-left: 2.5rem; margin-top: 0.188rem; color: #003482; }\\n\\n#hxToggleList:hover { color: #367ed4; }\\n\\n#hxToggleGrid { position: absolute; margin-left: 0.5rem; color: #ffffff; }\\n\\n#hxToggleGrid:hover { color: #367ed4; }\\n\\n:host([toggled]) #hxToggleList { color: #ffffff; }\\n\\n:host([toggled]) #hxToggleList:hover { color: #367ed4; }\\n\\n:host([toggled]) #hxToggleGrid { color: #003482; }\\n\\n:host([toggled]) #hxToggleGrid:hover { color: #367ed4; }\\n\";\n/**\n * Defines behavior for the `<hx-toggle>` element.\n *\n * @extends HXElement\n * @hideconstructor\n * @since 1.0.0\n */\n\nvar HXToggleElement = /*#__PURE__*/function (_HXElement) {\n  _inherits(HXToggleElement, _HXElement);\n\n  var _super = _createSuper(HXToggleElement);\n\n  function HXToggleElement() {\n    _classCallCheck(this, HXToggleElement);\n\n    return _super.apply(this, arguments);\n  }\n\n  _createClass(HXToggleElement, [{\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      this.$upgradeProperty('toggled');\n    }\n    /**\n     * Property reflected the `toggled` state of [list (default) || grid].\n     */\n\n  }, {\n    key: \"toggled\",\n    get: function get() {\n      return this.hasAttribute('toggled');\n    },\n    set: function set(isToggled) {\n      if (isToggled) {\n        this.setAttribute('toggled', '');\n      } else {\n        this.removeAttribute('toggled');\n      }\n    }\n  }], [{\n    key: \"is\",\n\n    /** @override */\n    get: function get() {\n      return 'hx-toggle';\n    }\n    /** @override */\n\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$l, \"</style>\").concat(shadowMarkup$l);\n    }\n  }]);\n\n  return HXToggleElement;\n}(HXElement);\n\nvar shadowMarkup$m = \"<div id='hxTooltip' class='has-arrow'><slot></slot></div>\";\nvar shadowStyles$m = \"*, *::before, *::after { box-sizing: border-box; color: inherit; font: inherit; letter-spacing: inherit; }\\n\\n.has-arrow { margin: 0; position: relative; }\\n\\n.has-arrow::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0); z-index: -1; }\\n\\n.has-arrow::before, .has-arrow::after { content: \\\"\\\"; display: block; height: 13px; position: absolute; width: 13px; }\\n\\n.has-arrow[position^=\\\"top\\\"] { margin-bottom: 8px; }\\n\\n.has-arrow[position^=\\\"top\\\"]::before, .has-arrow[position^=\\\"top\\\"]::after { bottom: -8px; }\\n\\n.has-arrow[position^=\\\"top\\\"]::after { background-image: linear-gradient(to bottom left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"top\\\"]::before, .has-arrow[position=\\\"top-center\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"top\\\"]::before, .has-arrow[position=\\\"top\\\"]::after, .has-arrow[position=\\\"top-center\\\"]::before, .has-arrow[position=\\\"top-center\\\"]::after { transform-origin: bottom left; transform: rotate(-45deg); left: 50%; }\\n\\n.has-arrow[position=\\\"top-right\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"top-right\\\"]::before, .has-arrow[position=\\\"top-right\\\"]::after { transform-origin: bottom left; transform: rotate(-45deg); left: 1.25rem; }\\n\\n.has-arrow[position=\\\"top-left\\\"]::after { background-image: linear-gradient(to bottom right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"top-left\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"top-left\\\"]::before, .has-arrow[position=\\\"top-left\\\"]::after { transform-origin: bottom right; transform: rotate(45deg); right: 1.25rem; }\\n\\n.has-arrow[position^=\\\"right\\\"] { margin-left: 8px; }\\n\\n.has-arrow[position^=\\\"right\\\"]::before, .has-arrow[position^=\\\"right\\\"]::after { left: -8px; }\\n\\n.has-arrow[position^=\\\"right\\\"]::after { background-image: linear-gradient(to top left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"right\\\"]::before, .has-arrow[position=\\\"right-middle\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"right\\\"]::before, .has-arrow[position=\\\"right\\\"]::after, .has-arrow[position=\\\"right-middle\\\"]::before, .has-arrow[position=\\\"right-middle\\\"]::after { transform-origin: top left; transform: rotate(-45deg); top: 50%; }\\n\\n.has-arrow[position=\\\"right-bottom\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"right-bottom\\\"]::before, .has-arrow[position=\\\"right-bottom\\\"]::after { transform-origin: top left; transform: rotate(-45deg); top: 1.25rem; }\\n\\n.has-arrow[position=\\\"right-top\\\"]::after { background-image: linear-gradient(to bottom left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"right-top\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"right-top\\\"]::before, .has-arrow[position=\\\"right-top\\\"]::after { transform-origin: bottom left; transform: rotate(45deg); bottom: 1.25rem; }\\n\\n.has-arrow[position^=\\\"bottom\\\"] { margin-top: 8px; }\\n\\n.has-arrow[position^=\\\"bottom\\\"]::before, .has-arrow[position^=\\\"bottom\\\"]::after { top: -8px; }\\n\\n.has-arrow[position^=\\\"bottom\\\"]::after { background-image: linear-gradient(to top left, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"bottom\\\"]::before, .has-arrow[position=\\\"bottom\\\"]::after, .has-arrow[position=\\\"bottom-center\\\"]::before, .has-arrow[position=\\\"bottom-center\\\"]::after { transform-origin: top left; transform: rotate(45deg); left: 50%; }\\n\\n.has-arrow[position=\\\"bottom-right\\\"]::before, .has-arrow[position=\\\"bottom-right\\\"]::after { transform-origin: top left; transform: rotate(45deg); left: 1.25rem; }\\n\\n.has-arrow[position=\\\"bottom-left\\\"]::after { background-image: linear-gradient(to top right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"bottom-left\\\"]::before, .has-arrow[position=\\\"bottom-left\\\"]::after { transform-origin: top right; transform: rotate(-45deg); right: 1.25rem; }\\n\\n.has-arrow[position^=\\\"left\\\"] { margin-right: 8px; }\\n\\n.has-arrow[position^=\\\"left\\\"]::before, .has-arrow[position^=\\\"left\\\"]::after { right: -8px; }\\n\\n.has-arrow[position^=\\\"left\\\"]::after { background-image: linear-gradient(to top right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"left\\\"]::before, .has-arrow[position=\\\"left-middle\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"left\\\"]::before, .has-arrow[position=\\\"left\\\"]::after, .has-arrow[position=\\\"left-middle\\\"]::before, .has-arrow[position=\\\"left-middle\\\"]::after { transform-origin: top right; transform: rotate(45deg); top: 50%; }\\n\\n.has-arrow[position=\\\"left-bottom\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), 3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"left-bottom\\\"]::before, .has-arrow[position=\\\"left-bottom\\\"]::after { transform-origin: top right; transform: rotate(45deg); top: 1.25rem; }\\n\\n.has-arrow[position=\\\"left-top\\\"]::after { background-image: linear-gradient(to bottom right, transparent 50%, var(--hxBackgroundColor, #ffffff) 50%); }\\n\\n.has-arrow[position=\\\"left-top\\\"]::before { box-shadow: 0 0 0 1px var(--hxBorderColor, #e0e0e0), -3px 3px 3px 0 rgba(0, 0, 0, 0.16); }\\n\\n.has-arrow[position=\\\"left-top\\\"]::before, .has-arrow[position=\\\"left-top\\\"]::after { transform-origin: bottom right; transform: rotate(-45deg); bottom: 1.25rem; }\\n\\n#hxTooltip { background-color: var(--hxBackgroundColor, #ffffff); border-color: var(--hxBorderColor, #e0e0e0); border-radius: 2px; border-style: solid; border-width: 1px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16); padding: 0.75rem; }\\n\";\nvar TOOLTIP_DELAY = 500;\n\nvar _ProtoClass$3 = /*#__PURE__*/function (_mix) {\n  _inherits(_ProtoClass, _mix);\n\n  var _super = _createSuper(_ProtoClass);\n\n  function _ProtoClass() {\n    _classCallCheck(this, _ProtoClass);\n\n    return _super.apply(this, arguments);\n  }\n\n  return _ProtoClass;\n}(mix(HXElement, Positionable));\n/**\n * Defines behavior for the `<hx-tooltip>` element.\n *\n * @extends HXElement\n * @extends Positionable\n * @hideconstructor\n * @since 0.2.0\n */\n\n\nvar HXTooltipElement = /*#__PURE__*/function (_ProtoClass2) {\n  _inherits(HXTooltipElement, _ProtoClass2);\n\n  var _super2 = _createSuper(HXTooltipElement);\n\n  function HXTooltipElement() {\n    _classCallCheck(this, HXTooltipElement);\n\n    return _super2.apply(this, arguments);\n  }\n\n  _createClass(HXTooltipElement, [{\n    key: \"$onCreate\",\n\n    /** @override */\n    value: function $onCreate() {\n      _get(_getPrototypeOf(HXTooltipElement.prototype), \"$onCreate\", this).call(this); // overrides Positionable default\n\n\n      this.DEFAULT_POSITION = 'top-center';\n      this.POSITION_OFFSET = 20;\n      this.$onConnect = defer(this.$onConnect);\n      this._onCtrlBlur = this._onCtrlBlur.bind(this);\n      this._onCtrlFocus = this._onCtrlFocus.bind(this);\n      this._onCtrlMouseEnter = this._onCtrlMouseEnter.bind(this);\n      this._onCtrlMouseLeave = this._onCtrlMouseLeave.bind(this);\n      this._onKeyUp = this._onKeyUp.bind(this);\n      this._isHovering = false;\n    }\n    /** @override */\n\n  }, {\n    key: \"$onConnect\",\n    value: function $onConnect() {\n      _get(_getPrototypeOf(HXTooltipElement.prototype), \"$onConnect\", this).call(this);\n\n      this.$upgradeProperty('htmlFor'); // TODO: What if 'id' is blank?\n\n      this.$defaultAttribute('id', \"tip-\".concat(generateId()));\n      this.$defaultAttribute('role', 'tooltip');\n\n      this._connectToControl();\n    }\n    /** @override */\n\n  }, {\n    key: \"$onDisconnect\",\n    value: function $onDisconnect() {\n      _get(_getPrototypeOf(HXTooltipElement.prototype), \"$onDisconnect\", this).call(this);\n\n      this._detachListeners();\n    }\n    /** @override */\n\n  }, {\n    key: \"$onAttributeChange\",\n\n    /** @override */\n    value: function $onAttributeChange(attr, oldVal, newVal) {\n      _get(_getPrototypeOf(HXTooltipElement.prototype), \"$onAttributeChange\", this).call(this, attr, oldVal, newVal);\n\n      if (attr === 'for') {\n        this._connectToControl();\n      }\n    }\n    /**\n     * External element that controls tooltip visibility.\n     *\n     * Returns the first element with an \"id\" matching the tooltip's \"htmlFor\" value.\n     *\n     * @readonly\n     * @returns {HTMLElement|undefined}\n     */\n\n  }, {\n    key: \"setShadowPosition\",\n\n    /**\n     * @override\n     * @param {NormalizedPositionString}\n     */\n    value: function setShadowPosition(position) {\n      this._elRoot.setAttribute('position', position);\n    }\n    /** @private */\n\n  }, {\n    key: \"_attachListeners\",\n\n    /** @private */\n    value: function _attachListeners() {\n      var ctrl = this._controlElement;\n\n      if (!ctrl) {\n        return;\n      }\n\n      ctrl.addEventListener('blur', this._onCtrlBlur);\n      ctrl.addEventListener('focus', this._onCtrlFocus);\n      ctrl.addEventListener('mouseenter', this._onCtrlMouseEnter);\n      ctrl.addEventListener('mouseleave', this._onCtrlMouseLeave);\n    }\n    /** @private */\n\n  }, {\n    key: \"_connectToControl\",\n    value: function _connectToControl() {\n      if (this.controlElement) {\n        // detach listeners from old control element\n        this._detachListeners(); // re-memoize control element\n\n\n        delete this._controlElement;\n        this._controlElement = this.controlElement;\n\n        this._makeControlAccessible(); // attach listeners to new control element\n\n\n        this._attachListeners();\n      }\n    }\n    /**\n     * Remove all possible event listeners from the control element.\n     *\n     * @private\n     */\n\n  }, {\n    key: \"_detachListeners\",\n    value: function _detachListeners() {\n      var ctrl = this._controlElement;\n\n      if (!ctrl) {\n        return;\n      }\n\n      ctrl.removeEventListener('blur', this._onCtrlBlur);\n      ctrl.removeEventListener('focus', this._onCtrlFocus);\n      ctrl.removeEventListener('keyup', this._onKeyUp);\n      ctrl.removeEventListener('mouseenter', this._onCtrlMouseEnter);\n      ctrl.removeEventListener('mouseleave', this._onCtrlMouseLeave);\n    }\n    /**\n     * Hide tooltip after delay\n     *\n     * @private\n     */\n\n  }, {\n    key: \"_hide\",\n    value: function _hide() {\n      var _this = this; // cancel SHOW\n\n\n      clearTimeout(this._showTimeout);\n\n      if (this.open && !this._isCtrlFocused) {\n        // clear old timeout (if it exists)\n        clearTimeout(this._hideTimeout); // schedule HIDE\n\n        this._hideTimeout = setTimeout(function () {\n          _this.open = false;\n        }, TOOLTIP_DELAY);\n      }\n    }\n    /** @private */\n\n  }, {\n    key: \"_makeControlAccessible\",\n    value: function _makeControlAccessible() {\n      var ctrl = this._controlElement;\n\n      if (!ctrl) {\n        return;\n      }\n\n      ctrl.setAttribute('aria-describedby', this.id); // FIXME: broken in MS browsers (https://goo.gl/dgyTrz)\n\n      if (ctrl.tabIndex < 0) {\n        ctrl.tabIndex = 0;\n      }\n    }\n    /**\n     * Handle 'blur' event on control element.\n     *\n     * @a11y keyboard interaction\n     * @private\n     */\n\n  }, {\n    key: \"_onCtrlBlur\",\n    value: function _onCtrlBlur() {\n      this.controlElement.removeEventListener('keyup', this._onKeyUp);\n\n      if (!this._isHovering) {\n        this._hide();\n      }\n    }\n    /**\n     * Handle 'focus' on control element\n     *\n     * @a11y keyboard interaction\n     * @a11y mouse interaction (click)\n     * @private\n     */\n\n  }, {\n    key: \"_onCtrlFocus\",\n    value: function _onCtrlFocus() {\n      this.controlElement.addEventListener('keyup', this._onKeyUp);\n\n      this._show();\n    }\n    /**\n     * Handle 'mouseenter' on control element\n     *\n     * @a11y mouse interaction\n     * @private\n     */\n\n  }, {\n    key: \"_onCtrlMouseEnter\",\n    value: function _onCtrlMouseEnter() {\n      this._isHovering = true;\n\n      this._show();\n    }\n    /**\n     * Handle 'mouseleave' on control element\n     *\n     * @a11y mouse interaction\n     * @private\n     */\n\n  }, {\n    key: \"_onCtrlMouseLeave\",\n    value: function _onCtrlMouseLeave() {\n      this._isHovering = false;\n\n      if (!this._isCtrlFocused) {\n        this._hide();\n      }\n    }\n    /**\n     * Handle pressing 'Esc' key when focused.\n     *\n     * @a11y keyboard interaction\n     * @private\n     */\n\n  }, {\n    key: \"_onKeyUp\",\n    value: function _onKeyUp(event) {\n      if (this.open && event.keyCode === KEYS.Escape) {\n        // Prevents calling ESC handlers further up in the DOM.\n        // (e.g. Modal esc-to-close)\n        event.stopPropagation();\n\n        if (!this._isHovering) {\n          this.open = false;\n        }\n      }\n    }\n    /**\n     * Show Tooltip after delay\n     *\n     * @private\n     */\n\n  }, {\n    key: \"_show\",\n    value: function _show() {\n      var _this2 = this; // cancel HIDE\n\n\n      clearTimeout(this._hideTimeout);\n\n      if (!this.open) {\n        // clear old timeout (if it exists)\n        clearTimeout(this._showTimeout); // schedule SHOW\n\n        this._showTimeout = setTimeout(function () {\n          _this2.open = true;\n        }, TOOLTIP_DELAY);\n      }\n    }\n  }, {\n    key: \"controlElement\",\n    get: function get() {\n      if (this.isConnected) {\n        return this.getRootNode().querySelector(\"[id=\\\"\".concat(this.htmlFor, \"\\\"]\"));\n      }\n    }\n    /**\n     * ID of alternate control element\n     *\n     * @type {string}\n     */\n\n  }, {\n    key: \"htmlFor\",\n    get: function get() {\n      return this.getAttribute('for');\n    },\n    set: function set(value) {\n      this.setAttribute('for', value);\n    }\n  }, {\n    key: \"_elRoot\",\n    get: function get() {\n      return this.shadowRoot.getElementById('hxTooltip');\n    }\n    /**\n     * True, if controlElement is the active element.\n     * @private\n     * @type {boolean}\n     */\n\n  }, {\n    key: \"_isCtrlFocused\",\n    get: function get() {\n      var ctrl = this._controlElement;\n\n      if (!ctrl) {\n        return false;\n      }\n\n      return this.getRootNode().activeElement === ctrl;\n    }\n  }], [{\n    key: \"is\",\n    get: function get() {\n      return 'hx-tooltip';\n    }\n  }, {\n    key: \"template\",\n    get: function get() {\n      return \"<style>\".concat(shadowStyles$m, \"</style>\").concat(shadowMarkup$m);\n    }\n  }, {\n    key: \"$observedAttributes\",\n    get: function get() {\n      return _get(_getPrototypeOf(HXTooltipElement), \"$observedAttributes\", this).concat(['for']);\n    }\n  }]);\n\n  return HXTooltipElement;\n}(_ProtoClass$3);\n\nvar Elements = /*#__PURE__*/Object.freeze({\n  __proto__: null,\n  HXAccordionElement: HXAccordionElement,\n  HXAccordionPanelElement: HXAccordionPanelElement,\n  HXAlertElement: HXAlertElement,\n  HXBeaconElement: HXBeaconElement,\n  HXBusyElement: HXBusyElement,\n  HXCheckboxControlElement: HXCheckboxControlElement,\n  HXCheckboxElement: HXCheckboxElement,\n  HXCheckboxSetElement: HXCheckboxSetElement,\n  HXDisclosureElement: HXDisclosureElement,\n  HXDivElement: HXDivElement,\n  HXDrawerElement: HXDrawerElement,\n  HXDropFenceElement: HXDropFenceElement,\n  HXDropZoneElement: HXDropZoneElement,\n  HXEmailControl: HXEmailControl,\n  HXErrorElement: HXErrorElement,\n  HXFileControlElement: HXFileControlElement,\n  HXFileIconElement: HXFileIconElement,\n  HXFileInputElement: HXFileInputElement,\n  HXFileTileElement: HXFileTileElement,\n  HXIconElement: HXIconElement,\n  HXMenuElement: HXMenuElement,\n  HXMenuitemElement: HXMenuitemElement,\n  HXModalElement: HXModalElement,\n  HXPasswordElement: HXPasswordElement,\n  HXPillElement: HXPillElement,\n  HXPopoverElement: HXPopoverElement,\n  HXProgressElement: HXProgressElement,\n  HXRadioControlElement: HXRadioControlElement,\n  HXRadioElement: HXRadioElement,\n  HXRadioSetElement: HXRadioSetElement,\n  HXRevealElement: HXRevealElement,\n  HXSearchAssistanceElement: HXSearchAssistanceElement,\n  HXSearchControlElement: HXSearchControlElement,\n  HXSearchElement: HXSearchElement,\n  HXSelectControlElement: HXSelectControlElement,\n  HXSelectElement: HXSelectElement,\n  HXSwitchControlElement: HXSwitchControlElement,\n  HXSwitchElement: HXSwitchElement,\n  HXTabElement: HXTabElement,\n  HXTabcontentElement: HXTabcontentElement,\n  HXTablistElement: HXTablistElement,\n  HXTabpanelElement: HXTabpanelElement,\n  HXTabsetElement: HXTabsetElement,\n  HXTextControlElement: HXTextControlElement,\n  HXTextareaControlElement: HXTextareaControlElement,\n  HXToastElement: HXToastElement,\n  HXToggleControlElement: HXToggleControlElement,\n  HXToggleElement: HXToggleElement,\n  HXTooltipElement: HXTooltipElement\n});\nvar version = \"2.0.0\";\n/** @module HelixUI */\n\nvar waitForWebComponents$1 = waitForWebComponents;\n/**\n * @external CustomEvent\n * @description Constructor polyfilled by [webcomponentsjs](https://github.com/webcomponents/webcomponentsjs).\n *\n * - MDN: [CustomEvent()](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent)\n */\n\n/**\n * @external Element\n * @description\n * - MDN: [Element](https://developer.mozilla.org/en-US/docs/Web/API/Element)\n */\n\n/**\n * @external Event\n * @description Constructor polyfilled by [webcomponentsjs](https://github.com/webcomponents/webcomponentsjs).\n *\n * - MDN: [Event()](https://developer.mozilla.org/en-US/docs/Web/API/Event/Event)\n */\n\n/**\n * @external HTMLElement\n * @extends external:Element\n * @description\n * Every custom element must directly or indirectly extend this base class.\n *\n * - MDN: [HTMLElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement)\n */\n\n/**\n * @external HTMLTemplateElement\n * @extends external:HTMLElement\n * @description Polyfilled by [webcomponentsjs](https://github.com/webcomponents/webcomponentsjs).\n *\n * - MDN: [HTMLTemplateElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLTemplateElement)\n */\n\n/*\n * Register element definitions with the Custom Element registry.\n */\n\nfunction _defineElements() {\n  for (var element in Elements) {\n    Elements[element].$define();\n  }\n}\n/**\n * @description\n * Initialize HelixUI when polyfills are ready.\n *\n * @example <caption>No Arugments (backward-compatible behavior)</caption>\n * function start () {\n *   // continue...\n * }\n * HelixUI.initialize();\n * start();\n *\n *\n * @example <caption>Then-able</caption>\n * function start () {\n *   // continue...\n * }\n * HelixUI.initialize().then(start);\n *\n *\n * @example <caption>Async/Await</caption>\n * function start () {\n *   // continue...\n * }\n *\n * async function load () {\n *   await HelixUI.initialize();\n *   start();\n * }\n *\n * load();\n *\n * @returns {Promise}\n */\n\n\nfunction initialize() {\n  return waitForWebComponents$1().then(_defineElements);\n}\n\nvar HelixUI = /*#__PURE__*/Object.freeze({\n  __proto__: null,\n  initialize: initialize,\n  Elements: Elements,\n  Utils: index$2,\n  VERSION: version\n});\nexport default HelixUI;"],"sourceRoot":""}