@times-components/slice-layout/dist/templates/standard/config.js

Slice layout

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getConfigWrapper = exports.getConfig = void 0;

var _utils = require("@times-components/utils");

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _tsStyleguide = require("@times-components/ts-styleguide");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var summaryConfig = {
  1: [125],
  2: [125],
  3: [125, 145]
};

var getConfig = function getConfig(_ref) {
  var itemCount = _ref.itemCount;
  return {
    contentContainerClass: "contentContainerClass",
    headlineClass: "headlineClass",
    imageContainerClass: "imageContainerClass",
    summaryConfig: {
      lengths: summaryConfig[itemCount]
    }
  };
};

exports.getConfig = getConfig;

var getConfigWrapper = function getConfigWrapper(_ref2) {
  var itemCount = _ref2.itemCount;
  var Base = (0, _styledComponents["default"])(_utils.TcView).withConfig({
    displayName: "config__Base",
    componentId: "bs1997-0"
  })([".imageContainerClass{display:", ";}.summaryHidden{display:none;}.summary125Class{display:block;}@media (min-width:", "px){.imageContainerClass{display:block;}.headlineClass{font-size:25px;line-height:28px;margin-top:", ";}}"], itemCount >= 3 ? "none" : "block", _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(1));

  if (itemCount === 1) {
    Base = (0, _styledComponents["default"])(Base).withConfig({
      displayName: "config__Base",
      componentId: "bs1997-1"
    })(["@media (min-width:", "px){.imageContainerClass{flex:1;margin-bottom:0;min-width:auto;padding-right:", ";}.contentContainerClass{flex-basis:0 !important;flex-grow:1;min-width:300px;}}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(2));
  }

  Base = (0, _styledComponents["default"])(Base).withConfig({
    displayName: "config__Base",
    componentId: "bs1997-2"
  })(["@media (min-width:", "px){.summary125Class{display:", ";}.summary145Class{display:", ";}}"], _tsStyleguide.breakpoints.wide, itemCount === 3 ? "none" : "block", itemCount === 3 ? "block" : "none");
  return Base;
};

exports.getConfigWrapper = getConfigWrapper;