geico-design-kit 7.0.0

package/dist/components/ViewMoreLess.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var utils = _interopRequireWildcard(require("../../src/utils"));
+var _baseComponent = _interopRequireDefault(require("../../src/baseComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _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 ViewMoreLess : Content must be defined and set to a DOM selector or Node"]
+}, {
+  setting: "viewMoreLinkClicked",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["function"],
+  errorMessage: ["GDK ViewMoreLess : viewMoreLinkClicked must be defined and set function"]
+}, {
+  setting: "collapsedTextValue",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["string"],
+  errorMessage: ["GDK ViewMoreLess : collapsedTextValue must be defined as a text string"]
+}, {
+  setting: "expandedTextValue",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["string"],
+  errorMessage: ["GDK ViewMoreLess : expandedTextValue must be defined as a text string"]
+}];
+
+/**
+ * View More/Less Class
+ */
+var ViewMoreLess = /*#__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 component node to toggle
+   *
+   * @param {function} [viewMoreLinkClicked]
+   * A callback function that gets fired when the View link is clicked
+   *
+   * @param {string} [collapsedTextValue="View More"]
+   *  A string representing the link text when collapsed
+   *
+   * @param {string} [expandedTextValue="View Less"]
+   * A string representing the link text when expanded
+   *
+   */
+  function ViewMoreLess(options) {
+    _classCallCheck(this, ViewMoreLess);
+    console.log('ViewMoreLess initialized');
+    this._internalVars = {
+      node: null //used for current node
+    };
+
+    //options with defaults set
+    this._defaults = {
+      collapsedTextValue: 'View More',
+      expandedTextValue: 'View Less'
+    };
+
+    // 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);
+      setEvents.call(this);
+    }
+  }
+
+  //Public Methods
+
+  /**
+   * removes the node from the dom and any events attached
+   */
+  return _createClass(ViewMoreLess, [{
+    key: "destroy",
+    value: function destroy() {
+      removeEvents.call(this);
+      this._internalVars.node.parentNode.removeChild(this._internalVars.node);
+
+      //a little garbage collection
+      for (var variableKey in this) {
+        if (this.hasOwnProperty(variableKey)) {
+          delete this[variableKey];
+        }
+      }
+    }
+  }]);
+}(); // Private Methods
+/**
+ * setEvents()
+ * Sets all the events needed for the component
+ */
+function setEvents() {
+  this._internalVars.vmlLinkObject.addEventListener("click", this._internalVars.handler);
+}
+
+/**
+ * removeEvents()
+ * removes all events from the component
+ */
+function removeEvents() {
+  this._internalVars.vmlLinkObject.removeEventListener("click", this._internalVars.handler);
+}
+function init() {
+  this._internalVars.vmlTitleObject.innerHTML = this._internalVars.collapsedTextValue;
+}
+
+/**
+ * toggleView()
+ * instantiate View More/Less
+ */
+function toggleView(e) {
+  e.preventDefault();
+  this._internalVars.vmlIconObject.classList.toggle('view-less-link-icon');
+  this._internalVars.vmlObject.querySelector('.' + this._internalVars.vmlContentClass).classList.toggle('expanded');
+  if (this._internalVars.vmlContentObject.classList.contains('expanded')) {
+    $(this._internalVars.vmlContentObject).slideDown();
+  } else {
+    $(this._internalVars.vmlContentObject).slideUp();
+  }
+  if (utils.hasClass(this._internalVars.vmlIconObject, 'view-less-link-icon')) {
+    this._internalVars.vmlTitleObject.innerHTML = this._internalVars.expandedTextValue;
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'true');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'false');
+    this._internalVars.vmlState = true;
+  } else {
+    this._internalVars.vmlTitleObject.innerHTML = this._internalVars.collapsedTextValue;
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'false');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'true');
+    this._internalVars.vmlState = false;
+  }
+  if (this._options.viewMoreLinkClicked) {
+    this._options.viewMoreLinkClicked(this._internalVars.vmlState);
+  }
+}
+
+/**
+ * setLocalVars()
+ * set local vars to the ones passed in options
+ */
+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.collapsedTextValue = this._options.collapsedTextValue;
+  this._internalVars.expandedTextValue = this._options.expandedTextValue;
+  this._internalVars.vmlLinkClass = 'view-more-less-link';
+  this._internalVars.vmlLinkTitle = 'view-more-link-title';
+  this._internalVars.vmlIconClass = 'view-more-link-icon';
+  this._internalVars.vmlContentClass = 'view-more-less-content';
+  this._internalVars.vmlObject = this._internalVars.node;
+  this._internalVars.vmlLinkObject = this._internalVars.node.querySelector('a.' + this._internalVars.vmlLinkClass);
+  this._internalVars.vmlTitleObject = this._internalVars.node.querySelector('span.' + this._internalVars.vmlLinkTitle);
+  this._internalVars.vmlIconObject = this._internalVars.node.querySelector('span.' + this._internalVars.vmlIconClass);
+  this._internalVars.vmlContentObject = this._internalVars.node.querySelector('div.' + this._internalVars.vmlContentClass);
+  this._internalVars.vmlState = false;
+  if (this._internalVars.vmlContentObject.classList.contains('expanded')) {
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'true');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'false');
+    this._internalVars.vmlState = true;
+  } else {
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'false');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'true');
+    this._internalVars.vmlState = false;
+  }
+  this._internalVars.handler = toggleView.bind(this);
+}
+var _default = exports["default"] = ViewMoreLess;

package/dist/components/ZipCode.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var utils = _interopRequireWildcard(require("../../src/utils"));
+var _baseComponent = _interopRequireDefault(require("../../src/baseComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _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 ViewMoreLess : Content must be defined and set to a DOM selector or Node"]
+}, {
+  setting: "viewMoreLinkClicked",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["function"],
+  errorMessage: ["GDK ViewMoreLess : viewMoreLinkClicked must be defined and set function"]
+}, {
+  setting: "collapsedTextValue",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["string"],
+  errorMessage: ["GDK ViewMoreLess : collapsedTextValue must be defined as a text string"]
+}, {
+  setting: "expandedTextValue",
+  isRequired: false,
+  validate: "type",
+  possibleValues: ["string"],
+  errorMessage: ["GDK ViewMoreLess : expandedTextValue must be defined as a text string"]
+}];
+
+/**
+ * View More/Less Class
+ */
+var ViewMoreLess = /*#__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 component node to toggle
+   *
+   * @param {function} [viewMoreLinkClicked]
+   * A callback function that gets fired when the View link is clicked
+   *
+   * @param {string} [collapsedTextValue="View More"]
+   *  A string representing the link text when collapsed
+   *
+   * @param {string} [expandedTextValue="View Less"]
+   * A string representing the link text when expanded
+   *
+   */
+  function ViewMoreLess(options) {
+    _classCallCheck(this, ViewMoreLess);
+    console.log('ViewMoreLess initialized');
+    this._internalVars = {
+      node: null //used for current node
+    };
+
+    //options with defaults set
+    this._defaults = {
+      collapsedTextValue: 'View More',
+      expandedTextValue: 'View Less'
+    };
+
+    // 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);
+      setEvents.call(this);
+    }
+  }
+
+  //Public Methods
+
+  /**
+   * removes the node from the dom and any events attached
+   */
+  return _createClass(ViewMoreLess, [{
+    key: "destroy",
+    value: function destroy() {
+      removeEvents.call(this);
+      this._internalVars.node.parentNode.removeChild(this._internalVars.node);
+
+      //a little garbage collection
+      for (var variableKey in this) {
+        if (this.hasOwnProperty(variableKey)) {
+          delete this[variableKey];
+        }
+      }
+    }
+  }]);
+}(); // Private Methods
+/**
+ * setEvents()
+ * Sets all the events needed for the component
+ */
+function setEvents() {
+  this._internalVars.vmlLinkObject.addEventListener("click", this._internalVars.handler);
+}
+
+/**
+ * removeEvents()
+ * removes all events from the component
+ */
+function removeEvents() {
+  this._internalVars.vmlLinkObject.removeEventListener("click", this._internalVars.handler);
+}
+function init() {
+  this._internalVars.vmlTitleObject.innerHTML = this._internalVars.collapsedTextValue;
+}
+
+/**
+ * toggleView()
+ * instantiate View More/Less
+ */
+function toggleView(e) {
+  e.preventDefault();
+  this._internalVars.vmlIconObject.classList.toggle('view-less-link-icon');
+  this._internalVars.vmlObject.querySelector('.' + this._internalVars.vmlContentClass).classList.toggle('expanded');
+  if (this._internalVars.vmlContentObject.classList.contains('expanded')) {
+    $(this._internalVars.vmlContentObject).slideDown();
+  } else {
+    $(this._internalVars.vmlContentObject).slideUp();
+  }
+  if (utils.hasClass(this._internalVars.vmlIconObject, 'view-less-link-icon')) {
+    this._internalVars.vmlTitleObject.innerHTML = this._internalVars.expandedTextValue;
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'true');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'false');
+    this._internalVars.vmlState = true;
+  } else {
+    this._internalVars.vmlTitleObject.innerHTML = this._internalVars.collapsedTextValue;
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'false');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'true');
+    this._internalVars.vmlState = false;
+  }
+  if (this._options.viewMoreLinkClicked) {
+    this._options.viewMoreLinkClicked(this._internalVars.vmlState);
+  }
+}
+
+/**
+ * setLocalVars()
+ * set local vars to the ones passed in options
+ */
+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.collapsedTextValue = this._options.collapsedTextValue;
+  this._internalVars.expandedTextValue = this._options.expandedTextValue;
+  this._internalVars.vmlLinkClass = 'view-more-less-link';
+  this._internalVars.vmlLinkTitle = 'view-more-link-title';
+  this._internalVars.vmlIconClass = 'view-more-link-icon';
+  this._internalVars.vmlContentClass = 'view-more-less-content';
+  this._internalVars.vmlObject = this._internalVars.node;
+  this._internalVars.vmlLinkObject = this._internalVars.node.querySelector('a.' + this._internalVars.vmlLinkClass);
+  this._internalVars.vmlTitleObject = this._internalVars.node.querySelector('span.' + this._internalVars.vmlLinkTitle);
+  this._internalVars.vmlIconObject = this._internalVars.node.querySelector('span.' + this._internalVars.vmlIconClass);
+  this._internalVars.vmlContentObject = this._internalVars.node.querySelector('div.' + this._internalVars.vmlContentClass);
+  this._internalVars.vmlState = false;
+  if (this._internalVars.vmlContentObject.classList.contains('expanded')) {
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'true');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'false');
+    this._internalVars.vmlState = true;
+  } else {
+    this._internalVars.vmlLinkObject.setAttribute('aria-expanded', 'false');
+    this._internalVars.vmlContentObject.setAttribute('aria-hidden', 'true');
+    this._internalVars.vmlState = false;
+  }
+  this._internalVars.handler = toggleView.bind(this);
+}
+var _default = exports["default"] = ViewMoreLess;

package/dist/components/portfolio.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var utils = _interopRequireWildcard(require("../../src/utils"));
+var _baseComponent = _interopRequireDefault(require("../../src/baseComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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 _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 _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); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+var validateSettings = [{
+  setting: "content",
+  isRequired: true,
+  validate: "type",
+  possibleValues: ["string", "object"],
+  errorMessage: ["GDK Portfolio : Content must be defined and set to a DOM selector or Node"]
+}];
+var Portfolio = /*#__PURE__*/_createClass(function Portfolio(options) {
+  _classCallCheck(this, Portfolio);
+  console.log('Portfolio initialized');
+  this._internalVars = {
+    node: null
+  };
+
+  //options with defaults set
+  this._defaults = {};
+
+  // 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);
+    setContainerHeight.call(this);
+  }
+}); // Private Methods
+/**
+ * setEvents()
+ * Sets all the events needed for the component
+ */
+function setEvents() {
+  window.onresize = setContainerHeight.bind(this);
+}
+
+/**
+ * removeEvents()
+ * removes all events from the component
+ */
+function removeEvents() {}
+
+/**
+ * setContainerHeight()
+ * set container height
+ */
+function setContainerHeight() {
+  if (window.innerWidth > 550) {
+    this._internalVars.portfolioLeft.removeAttribute('style');
+    this._internalVars.portfolioRight.removeAttribute('style');
+    var arrHeight = [];
+    var leftHeight = this._internalVars.portfolioLeft.clientHeight;
+    var rightHeight = this._internalVars.portfolioRight.clientHeight;
+    arrHeight.push(leftHeight, rightHeight);
+    var containerHeight = Math.max.apply(Math, arrHeight);
+    this._internalVars.portfolioLeft.style.height = containerHeight + 'px';
+    this._internalVars.portfolioRight.style.height = containerHeight + 'px';
+  } else {
+    this._internalVars.portfolioLeft.removeAttribute('style');
+    this._internalVars.portfolioRight.removeAttribute('style');
+  }
+}
+
+/**
+ * setLocalVars()
+ * set local vars to the ones passed in options
+ */
+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.portfolioLeftClass = 'left-portfolio-container';
+  this._internalVars.portfolioRightClass = 'right-portfolio-container';
+  this._internalVars.portfolioObject = this._internalVars.node;
+  this._internalVars.portfolioLeft = this._internalVars.portfolioObject.querySelector('.' + this._internalVars.portfolioLeftClass);
+  this._internalVars.portfolioRight = this._internalVars.portfolioObject.querySelector('.' + this._internalVars.portfolioRightClass);
+}
+var _default = exports["default"] = Portfolio;

package/dist/geico-design-kit.js

@@ -0,0 +1,141 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GDK = void 0;
+var _appState = _interopRequireDefault(require("./appState"));
+var nav = _interopRequireWildcard(require("../dist/global/nav"));
+var footer = _interopRequireWildcard(require("../dist/global/footer"));
+var components = _interopRequireWildcard(require("../dist/global/components"));
+var _jquery = _interopRequireDefault(require("jquery"));
+var _Modal = _interopRequireDefault(require("../dist/components/Modal"));
+var _Tooltip = _interopRequireDefault(require("../dist/components/Tooltip"));
+var _Loader = _interopRequireDefault(require("../dist/components/Loader"));
+var _ButtonSwitch = _interopRequireDefault(require("../dist/components/ButtonSwitch"));
+var _TextareaCountdown = _interopRequireDefault(require("./components/TextareaCountdown"));
+var _AddressAutoComplete = _interopRequireDefault(require("../dist/components/AddressAutoComplete"));
+var _DatePicker = _interopRequireDefault(require("../dist/components/DatePicker"));
+var _Tabs = _interopRequireDefault(require("../dist/components/Tabs"));
+var _SortableTable = _interopRequireDefault(require("../dist/components/SortableTable"));
+var _ViewMoreLess = _interopRequireDefault(require("../dist/components/ViewMoreLess"));
+var _ToTopArrow = _interopRequireDefault(require("../dist/components/ToTopArrow"));
+var _ValidateForm = _interopRequireDefault(require("../dist/components/ValidateForm"));
+var _InPageNavigation = _interopRequireDefault(require("../dist/components/InPageNavigation"));
+var _TimelineFilter = _interopRequireDefault(require("../dist/components/TimelineFilter"));
+var _Timeline = _interopRequireDefault(require("../dist/components/Timeline"));
+var _Accordion = _interopRequireDefault(require("../dist/components/Accordion"));
+var _Alert = _interopRequireDefault(require("../dist/components/Alert"));
+var _MoreInfoButton = _interopRequireDefault(require("../dist/components/MoreInfoButton"));
+var _BackgroundPattern = _interopRequireDefault(require("../dist/components/BackgroundPattern"));
+var _BackgroundPatternPortfolioPage = _interopRequireDefault(require("./components/BackgroundPatternPortfolioPage"));
+var _DotNavigation = _interopRequireDefault(require("../dist/components/DotNavigation"));
+var _EditableTable = _interopRequireDefault(require("../dist/components/EditableTable"));
+var _CoverageGraph = _interopRequireDefault(require("../dist/components/CoverageGraph"));
+var _CommonQuestionsSquares = _interopRequireDefault(require("../dist/components/CommonQuestionsSquares"));
+var _Upsell = _interopRequireDefault(require("../dist/components/Upsell"));
+var _portfolio = _interopRequireDefault(require("../dist/components/portfolio"));
+var _PayPlans = _interopRequireDefault(require("../dist/components/PayPlans"));
+var _ConsolidatedSummary = _interopRequireDefault(require("../dist/components/ConsolidatedSummary"));
+var _EditComponent = _interopRequireDefault(require("../dist/components/EditComponent"));
+var _DockedMessage = _interopRequireDefault(require("../dist/components/DockedMessage"));
+var _SegmentedControl = _interopRequireDefault(require("../dist/components/SegmentedControl"));
+var _MultipleSelectBox = _interopRequireDefault(require("../dist/components/MultipleSelectBox"));
+var _CardSelections = _interopRequireDefault(require("../dist/components/CardSelections"));
+var _TimeInput = _interopRequireDefault(require("./components/TimeInput"));
+var _NavigationalBox = _interopRequireDefault(require("../dist/components/NavigationalBox"));
+var _PasswordMeter = _interopRequireDefault(require("../dist/components/PasswordMeter"));
+var _CreditCard = _interopRequireDefault(require("../dist/components/CreditCard"));
+var _CurrencyInput = _interopRequireDefault(require("../dist/components/CurrencyInput"));
+var _MakePayment = _interopRequireDefault(require("../dist/components/MakePayment"));
+var _Navigator = _interopRequireDefault(require("../dist/components/Navigator"));
+var _VIN = _interopRequireDefault(require("../dist/components/VIN"));
+var _ZipCode = _interopRequireDefault(require("../dist/components/ZipCode"));
+var _Confirmation = _interopRequireDefault(require("../dist/components/Confirmation"));
+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 }; }
+window.$ = window.jQuery = _jquery["default"];
+var Chosen = require('chosen-js');
+require('../../sass-kit/geico-design-kit.scss');
+
+// import QuoteComparisonTable from './components/QuoteComparisonTable';
+
+var GDK = exports.GDK = GDK || {};
+function init() {
+  var pjson = require("../../../package");
+  var version = pjson.version;
+  var about = {
+    _comment: "This is a generated version.json file. Do not attempt to modify. Modify Version from package.json file.",
+    version: version
+  };
+  var ProtoGDK = {
+    about: about,
+    navigation: nav,
+    Modal: _Modal["default"],
+    Tooltip: _Tooltip["default"],
+    Loader: _Loader["default"],
+    ButtonSwitch: _ButtonSwitch["default"],
+    TextareaCountdown: _TextareaCountdown["default"],
+    DatePicker: _DatePicker["default"],
+    AddressAutoComplete: _AddressAutoComplete["default"],
+    Tabs: _Tabs["default"],
+    SortableTable: _SortableTable["default"],
+    // QuoteComparisonTable : QuoteComparisonTable,
+    ViewMoreLess: _ViewMoreLess["default"],
+    ValidateForm: _ValidateForm["default"],
+    InPageNavigation: _InPageNavigation["default"],
+    TimelineFilter: _TimelineFilter["default"],
+    Timeline: _Timeline["default"],
+    Accordion: _Accordion["default"],
+    ToTopArrow: _ToTopArrow["default"],
+    Alert: _Alert["default"],
+    MoreInfoButton: _MoreInfoButton["default"],
+    BackgroundPattern: _BackgroundPattern["default"],
+    BackgroundPatternPortfolioPage: _BackgroundPatternPortfolioPage["default"],
+    DotNavigation: _DotNavigation["default"],
+    EditableTable: _EditableTable["default"],
+    CoverageGraph: _CoverageGraph["default"],
+    CommonQuestionsSquares: _CommonQuestionsSquares["default"],
+    ConsolidatedSummary: _ConsolidatedSummary["default"],
+    UpsellCarousel: _Upsell["default"],
+    footer: footer,
+    PayPlans: _PayPlans["default"],
+    Chosen: Chosen,
+    MultipleSelectBox: _MultipleSelectBox["default"],
+    Portfolio: _portfolio["default"],
+    EditComponent: _EditComponent["default"],
+    DockedMessage: _DockedMessage["default"],
+    SegmentedControl: _SegmentedControl["default"],
+    CardSelections: _CardSelections["default"],
+    TimeInput: _TimeInput["default"],
+    NavigationalBox: _NavigationalBox["default"],
+    components: components,
+    PasswordMeter: _PasswordMeter["default"],
+    CurrencyInput: _CurrencyInput["default"],
+    CreditCard: _CreditCard["default"],
+    MakePayment: _MakePayment["default"],
+    Navigator: _Navigator["default"],
+    VIN: _VIN["default"],
+    ZipCode: _ZipCode["default"],
+    Confirmation: _Confirmation["default"]
+  };
+  for (var property in ProtoGDK) {
+    if (!GDK.hasOwnProperty(property)) {
+      GDK[property] = ProtoGDK[property];
+    }
+  }
+  window.addEventListener('resize', function () {
+    handleResize();
+  });
+  handleResize();
+}
+function handleResize() {
+  _appState["default"].windowSize = {
+    width: window.innerWidth || document.documentElement.clientWidth,
+    height: window.innerHeight || document.documentElement.clientHeight
+  };
+}
+init();
+window.GDK = GDK;