geico-design-kit 7.0.0

package/dist/components/DatePicker.js

@@ -0,0 +1,468 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _baseComponent = _interopRequireDefault(require("../../src/baseComponent"));
+var _appState = _interopRequireDefault(require("../../src/appState"));
+var utils = _interopRequireWildcard(require("../../src/utils"));
+var _jquery = _interopRequireDefault(require("jquery"));
+var _jqueryDatepicker = _interopRequireDefault(require("jquery-datepicker"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+(0, _jqueryDatepicker["default"])(_jquery["default"]);
+var validateSettings = [{
+  setting: "content",
+  isRequired: true,
+  validate: "type",
+  possibleValues: ["string", "object"],
+  errorMessage: ["GDK DatePicker : Content must be defined and set to a DOM selector or Node"]
+}, {
+  setting: "monthYearDropdowns",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["boolean"],
+  errorMessage: ["GDK DatePicker : monthYearDropdowns must be set to a boolean"]
+}, {
+  setting: "dateFormatShort",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["boolean"],
+  errorMessage: ["GDK DatePicker : dateFormatShort must be set to a boolean"]
+}, {
+  setting: "minDate",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["number", "date", "string", "object"],
+  errorMessage: ["GDK DatePicker : minDate must be set to a number, date, or string"]
+}, {
+  setting: "maxDate",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["number", "date", "string", "object"],
+  errorMessage: ["GDK DatePicker : maxDate must be set to a number, date, or string"]
+}, {
+  setting: "showWeekends",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["boolean"],
+  errorMessage: ["GDK DatePicker : showWeekends must be set to a boolean"]
+}, {
+  setting: "dateSelected",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["function"],
+  errorMessage: ["GDK DatePicker : dateSelected must be a callback function"]
+}, {
+  setting: "disabled",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["boolean"],
+  errorMessage: ["GDK DatePicker : disabled must be a boolean"]
+}];
+
+/**
+ * DatePicker Class
+ */
+var DatePicker = /*#__PURE__*/function () {
+  /**
+   * These are settings for the instantiation. Refer to the design kit section of this component for JS setting examples.
+   * @param {string|Object} content
+   * A reference to the html date node
+   *
+   * @param {boolean} [monthYearDropdowns=false]
+   * Determines whether or not to show select boxes for the month and year
+   *
+   * @param {boolean} [dateFormatShort=false]
+   * Determines whether to use the short format date instead of the default long format
+   *
+   * @param {function} [dateSelected]
+   * Callback gets fired when a user selects a date
+   *
+   * @param {Date|number|string} [minDate=null]
+   * The minimum selectable date. When set to null, there is no minimum.
+   *
+   * @param {Date|number|string} [maxDate=null]
+   * The maximum selectable date. When set to null, there is no maximum.
+   *
+   * @param {boolean} [hideWeekends=false]
+   * Set to true if you would like to disable the weekends in the calender.
+   *
+   * @param {boolean} [disabled]
+   * Set to true if you would like to disable the input and calendar button.
+   *
+   */
+  function DatePicker(options) {
+    _classCallCheck(this, DatePicker);
+    this._internalVars = {
+      node: null,
+      //used for content item
+      button: null,
+      wrapper: null,
+      wrapperElementId: "wrapper",
+      marginLeft: 15,
+      marginTopBottomLeft: 10,
+      marginTopBottomRight: 28,
+      breakpoint: 768,
+      calendarWidth: 300,
+      borderWidth: 4
+    };
+
+    //options with defaults set
+    this._defaults = {
+      monthYearDropdowns: false,
+      dateFormatShort: false,
+      minDate: null,
+      maxDate: null,
+      hideWeekends: false
+    };
+
+    // Create options by extending defaults with the passed in arugments
+    if (options && _typeof(options) === "object") {
+      this._options = _baseComponent["default"].extendDefaults(this._defaults, options);
+    }
+
+    //if the required options are valid set up the environment
+    if (_baseComponent["default"].validateSettings(this._options, validateSettings)) {
+      this._internalVars.contentType = _baseComponent["default"].getContentType(this);
+      setLocalVars.call(this);
+      setEvents.call(this);
+      init.call(this);
+      this._internalVars.button.setAttribute('tabindex', '-1');
+    }
+  }
+
+  //Public Methods
+
+  /**
+   * removes the node from the dom and any events attached
+   */
+  return _createClass(DatePicker, [{
+    key: "destroy",
+    value: function destroy() {
+      removeEvents.call(this);
+      (0, _jquery["default"])(this._internalVars.node).datepicker("destroy");
+      this._internalVars.node.parentNode.removeChild(this._internalVars.node);
+
+      //a little garbage collection
+      for (var variableKey in this) {
+        if (this.hasOwnProperty(variableKey)) {
+          delete this[variableKey];
+        }
+      }
+    }
+
+    /**
+     * Set Min Date for the DatePicker Instance
+     * @param {number|Date|string|object} minDate The starting date for the date picker instance
+     */
+  }, {
+    key: "setMinDate",
+    value: function setMinDate(minDate) {
+      this._options.minDate = new Date(minDate);
+    }
+
+    /**
+     * Set Max Date for the DatePicker Instance
+     * @param {number|Date|string|object} maxDate The ending date for the date picker instance
+     */
+  }, {
+    key: "setMaxDate",
+    value: function setMaxDate(maxDate) {
+      this._options.maxDate = new Date(maxDate);
+    }
+
+    /**
+     * Set Min and Max Dates for the DatePicker Instance
+     * @param {number|Date|string|object} minDate The starting date for the date picker instance
+     * @param {number|Date|string|object} maxDate The ending date for the date picker instance
+     */
+  }, {
+    key: "setMinMaxDateLimits",
+    value: function setMinMaxDateLimits(minDate, maxDate) {
+      this._options.minDate = new Date(minDate);
+      this._options.maxDate = new Date(maxDate);
+    }
+
+    /**
+     * Disables a specific date picker
+     * @param {String} datePickerId ID of the date picker to be disabled
+     */
+  }, {
+    key: "disableDatePicker",
+    value: function disableDatePicker() {
+      var option = 'disable';
+      datePickerState.call(this, option);
+    }
+
+    /**
+     * Enable a specif date picker
+     * @param {Object} datePickerId ID of the date picker to be enabled
+     */
+  }, {
+    key: "enableDatePicker",
+    value: function enableDatePicker(datePickerId) {
+      var option = 'enable';
+      datePickerState.call(this, option);
+    }
+  }]);
+}();
+/**
+ * set all the local vars to passed in options
+ */
+function setLocalVars() {
+  var _this = this;
+  try {
+    //determine the type of content passed in
+    if (this._internalVars.contentType === 'string') {
+      this._internalVars.node = document.querySelector(this._options.content);
+    } else if (this._internalVars.contentType === 'domNode') {
+      this._internalVars.node = this._options.content;
+    }
+    var dpOptions = {
+      showOtherMonths: false,
+      showOn: "button",
+      buttonText: "",
+      nextText: "",
+      prevText: "",
+      dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"],
+      changeMonth: false,
+      changeYear: false,
+      showOptions: {
+        direction: "left"
+      },
+      beforeShow: updateDatepicker.bind(this),
+      onClose: closedDatepicker.bind(this),
+      onSelect: function onSelect(dateText, inst) {
+        var date = (0, _jquery["default"])(this).val();
+        _this._internalVars.node.parentNode.classList.remove("form-field--error");
+
+        // Get all spans and remove ones bearing class "form-message"
+        var spans = _this._internalVars.node.parentNode.getElementsByTagName('span');
+        for (var e = 0; spans.length > e; e++) {
+          if (-1 !== spans[e].className.indexOf("form-message")) {
+            spans[e].parentNode.removeChild(spans[e]);
+          }
+        }
+        if (_this._options.dateSelected) {
+          _this._options.dateSelected(date);
+        }
+      }
+    };
+    if (this._options.hideWeekends) {
+      dpOptions.beforeShowDay = _jquery["default"].datepicker.noWeekends;
+    }
+    (0, _jquery["default"])(this._internalVars.node).datepicker(dpOptions);
+    this._internalVars.button = this._internalVars.node.nextElementSibling;
+    this._internalVars.wrapper = document.querySelector("#" + this._internalVars.wrapperElementId);
+    this._internalVars.handler = toggleHover.bind(this);
+    this._internalVars.handlerOverride = calendarPositionOverride.bind(this);
+    var $datapicker = (0, _jquery["default"])(".ui-datepicker");
+    if ($datapicker.data("initialized") !== true) {
+      $datapicker.data("initialized", true);
+      document.addEventListener("animationstart", insertListener, false); // standard + firefox
+      document.addEventListener("MSAnimationStart", insertListener, false); // IE
+      document.addEventListener("webkitAnimationStart", insertListener, false); // Chrome + Safari
+    }
+  } catch (ex) {
+    console.error("Error : ", ex.message);
+  }
+}
+
+/**
+ * Sets all the events needed for the component
+ */
+function setEvents() {
+  this._internalVars.button.addEventListener("mouseover", this._internalVars.handler, false);
+  this._internalVars.button.addEventListener("mouseout", this._internalVars.handler, false);
+  window.addEventListener('resize', handleResize.bind(this));
+
+  //special case if a datepicker exist in a modal - override third party jquery snippet
+  if (utils.isChild('modal', this._internalVars.button)) {
+    this._internalVars.button.addEventListener("click", this._internalVars.handlerOverride);
+  }
+}
+function init() {
+  if (this._options.disabled === true) {
+    var option = 'disable';
+    datePickerState.call(this, option);
+  }
+}
+
+/**
+ * removes all events from the component
+ */
+function removeEvents() {
+  this._internalVars.button.removeEventListener("mouseoout", this._internalVars.handler, false);
+}
+
+/**
+ * Checks if the ID passed from the enable or disable public method exists
+ * @param {string} option  Variable identifying enable or disable
+ */
+function datePickerState(option) {
+  var datePickerId = this._internalVars.node.id,
+    datePicker = document.getElementById(datePickerId),
+    parent = datePicker.parentNode,
+    button = parent.querySelector(".ui-datepicker-trigger"),
+    hasButton = false;
+  if (button) {
+    hasButton = true;
+  }
+  if (option === 'disable') {
+    disable.call(this, datePicker, button, hasButton);
+  } else if (option === 'enable') {
+    enable.call(this, datePicker, button, hasButton);
+  }
+}
+
+/**
+ * Disables the specified date picker
+ * @param {object} datePicker  The date picker HTML element
+ * @param {object} button  The date picker calendar button HTML element
+ * @param {boolean} hasButton Boolean indicating if calendar button exists
+ */
+function disable(datePicker, button, hasButton) {
+  datePicker.setAttribute('disabled', 'disabled');
+  if (hasButton === true) {
+    button.setAttribute('disabled', 'disabled');
+  }
+}
+
+/**
+ * Enables the specified date picker
+ * @param {object} datePicker  The date picker HTML element
+ * @param {object} button  The date picker calendar button HTML element
+ * @param {boolean} hasButton Boolean indicating if calendar button exists
+ */
+function enable(datePicker, button, hasButton) {
+  datePicker.removeAttribute('disabled');
+  if (hasButton === true) {
+    button.removeAttribute('disabled');
+  }
+}
+
+/**
+ * toggles the active state of the neighboring input field
+ */
+function toggleHover() {
+  if (this._internalVars.node.classList.contains("active")) this._internalVars.node.classList.remove("active");else this._internalVars.node.classList.add("active");
+}
+
+/**
+ * listens for the select box to be inserted and wraps it in a container
+ */
+function insertListener(event) {
+  if (event.animationName == "nodeInserted") {
+    if (!(0, _jquery["default"])(".ui-datepicker-year").parent().hasClass("select-box")) (0, _jquery["default"])(".ui-datepicker-year").wrap("<div class=\"select-box\"></div>");
+    if (!(0, _jquery["default"])(".ui-datepicker-month").parent().hasClass("select-box")) (0, _jquery["default"])(".ui-datepicker-month").wrap("<div class=\"select-box\"></div>");
+  }
+}
+
+/**
+ * runs when the datepicker window closes
+ */
+function closedDatepicker() {
+  //re-assign button variable since datepicker replaces the original node
+  this._internalVars.button = this._internalVars.node.nextElementSibling;
+  setEvents.call(this);
+  this._internalVars.button.setAttribute('tabindex', '-1');
+}
+
+/**
+ * runs before displaying the datapicker and updates it based on the current options
+ */
+function updateDatepicker(el, obj) {
+  var changeOptions = {};
+  changeOptions.minDate = this._options.minDate;
+  changeOptions.maxDate = this._options.maxDate;
+  if (this._options.monthYearDropdowns) {
+    //adds the month and year dropdowns
+    changeOptions.changeMonth = true;
+    changeOptions.changeYear = true;
+
+    //hide the month arrows
+    (0, _jquery["default"])(".ui-datepicker").addClass("date-picker-hide-arrows");
+  } else {
+    //removes the month and year dropdowns
+    changeOptions.changeMonth = false;
+    changeOptions.changeYear = false;
+
+    //displays the month arrows
+    (0, _jquery["default"])(".ui-datepicker").removeClass("date-picker-hide-arrows");
+  }
+
+  //set the date format to full or short
+  if (this._options.dateFormatShort) {
+    changeOptions.dateFormat = "mm/yy";
+  } else {
+    changeOptions.dateFormat = "mm/dd/yy";
+  }
+  (0, _jquery["default"])(el).datepicker("change", changeOptions);
+  positionDatePicker.call(this, el);
+  _jquery["default"].datepicker._shouldFocusInput = function () {
+    return false;
+  };
+}
+
+/**
+ * Positions calendar
+ * @param {object} el HTML element
+ */
+function positionDatePicker(el) {
+  //need to add code to check if position has changed before recalculating
+  var winWidth = document.body.clientWidth;
+  var winHeight = window.innerHeight || document.documentElement.clientHeight;
+  var inputOffset = this._internalVars.node.getBoundingClientRect();
+  var containerOffset = this._internalVars.wrapper.getBoundingClientRect();
+  var containerOffsetLeft = containerOffset.left;
+  var containerWidth = this._internalVars.wrapper.offsetWidth;
+  var inputWidth = this._internalVars.node.offsetWidth + this._internalVars.node.nextElementSibling.offsetWidth;
+  var isRight = false;
+  if (winWidth >= this._internalVars.breakpoint) {
+    _jquery["default"].datepicker._pos = _jquery["default"].datepicker._findPos(el);
+    //figure out correct horizontal direction
+    if (_jquery["default"].datepicker._pos[0] + this._internalVars.calendarWidth + inputWidth < containerWidth) {
+      _jquery["default"].datepicker._pos[0] += inputWidth + this._internalVars.marginLeft;
+    } else {
+      _jquery["default"].datepicker._pos[0] -= this._internalVars.calendarWidth - inputWidth;
+      isRight = true;
+    }
+
+    //figure out correct vertical direction
+    if (inputOffset.top + this._internalVars.calendarWidth < winHeight) {
+      if (!isRight) {
+        _jquery["default"].datepicker._pos[1] -= this._internalVars.marginTopBottomLeft;
+      } else {
+        _jquery["default"].datepicker._pos[1] += inputOffset.bottom - inputOffset.top - this._internalVars.borderWidth + this._internalVars.marginTopBottomLeft;
+      }
+    } else {
+      if (!isRight) {
+        _jquery["default"].datepicker._pos[1] -= this._internalVars.calendarWidth - this._internalVars.marginTopBottomRight;
+      } else {
+        _jquery["default"].datepicker._pos[1] -= this._internalVars.calendarWidth + this._internalVars.marginTopBottomRight;
+      }
+    }
+  }
+}
+
+/**
+ * handles window resize
+ */
+function handleResize() {
+  (0, _jquery["default"])(this._internalVars.node).datepicker("hide");
+}
+function calendarPositionOverride() {
+  if (_appState["default"].mode == 'desktop') {
+    document.querySelector('#ui-datepicker-div').style.top = document.querySelector('.modal .hasDatepicker').offsetTop + 'px';
+  }
+}
+var _default = exports["default"] = DatePicker;

package/dist/components/DockedMessage.js

@@ -0,0 +1,146 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _baseComponent = _interopRequireDefault(require("../../src/baseComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var validateSettings = [{
+  setting: "content",
+  isRequired: true,
+  validate: "type",
+  possibleValues: ["string", "object"],
+  errorMessage: ["GDK DockedMessage : Content must be defined and set to a DOM selector or Node"]
+}, {
+  setting: "autoHide",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["boolean"],
+  errorMessage: ["GDK DockedMessage : AutoHide must be defined as true or false"]
+}];
+var DockedMessage = /*#__PURE__*/function () {
+  /**
+   * These are settings for the instantiation. Refer to the design kit section of this component for JS setting examples.
+   * @param {string|Object} content
+   *  A reference to the docked real time message node
+   */
+  function DockedMessage(options) {
+    _classCallCheck(this, DockedMessage);
+    this._internalVars = {
+      node: null //used for current node
+    };
+
+    //options with defaults set
+    this._defaults = {
+      autoHide: false
+    };
+    // Create options by extending defaults with the passed in arugments
+    if (options && _typeof(options) === "object") {
+      this._options = _baseComponent["default"].extendDefaults(this._defaults, options);
+    }
+    //if the required options are valid set up the environment
+    if (_baseComponent["default"].validateSettings(this._options, validateSettings)) {
+      this._internalVars.contentType = _baseComponent["default"].getContentType(this);
+      setLocalVars.call(this);
+      init.call(this);
+    }
+  }
+
+  //Public Methods
+
+  /**
+   * hides/shows the component
+   */
+  return _createClass(DockedMessage, [{
+    key: "toggleDockedMessage",
+    value: function toggleDockedMessage() {
+      toggleComponent.call(this);
+    }
+
+    /**
+     * removes the node from the dom and any events attached
+     */
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this._internalVars.node.parentNode.removeChild(this._internalVars.node);
+
+      //a little garbage collection
+      for (var variableKey in this) {
+        if (this.hasOwnProperty(variableKey)) {
+          delete this[variableKey];
+        }
+      }
+    }
+  }]);
+}();
+function init() {
+  if (this._options.autoHide) {
+    if (this._options.autoHide === true) {
+      hideComponent.call(this);
+    } else {
+      showComponent.call(this);
+    }
+  } else {
+    showComponent.call(this);
+  }
+}
+
+/**
+ * Toggle Component Function
+ * Displays and hides the component
+ */
+function toggleComponent() {
+  if (this._internalVars.node.classList.contains('hidden')) {
+    showComponent.call(this);
+  } else {
+    hideComponent.call(this);
+  }
+}
+function showComponent() {
+  this._internalVars.node.classList.remove('hidden');
+  this._internalVars.main.classList.add("docked-message-on");
+  if (this._internalVars.toTopExists === true) {
+    this._internalVars.toTop.classList.add("docked-message-on");
+  }
+  if (!this._internalVars.footer) {
+    this._internalVars.footerPush.classList.add('no-footer');
+  } else {
+    this._internalVars.footer.classList.add("docked-message-on");
+  }
+}
+function hideComponent() {
+  this._internalVars.node.classList.add('hidden');
+  this._internalVars.main.classList.remove("docked-message-on");
+  if (this._internalVars.toTopExists === true) {
+    this._internalVars.toTop.classList.remove("docked-message-on");
+  }
+  if (!this._internalVars.footer) {
+    this._internalVars.footerPush.classList.remove('no-footer');
+  } else {
+    this._internalVars.footer.classList.remove("docked-message-on");
+  }
+}
+function setLocalVars() {
+  if (this._internalVars.contentType === 'string') {
+    this._internalVars.node = document.querySelector(this._options.content);
+  } else if (this._internalVars.contentType === 'domNode') {
+    this._internalVars.node = this._options.content;
+  }
+  this._internalVars.toTopExists = false;
+  if (document.querySelector(".to-top-arrow") !== null && document.querySelector(".to-top-arrow") !== 'undefined') {
+    this._internalVars.toTopExists = true;
+    this._internalVars.toTop = document.querySelector(".to-top-arrow");
+  }
+  this._internalVars.main = document.querySelector('#wrapper');
+  this._internalVars.footer = document.querySelector('#primary-footer');
+  this._internalVars.footerPush = document.querySelector('.footer-push');
+}
+var _default = exports["default"] = DockedMessage;