uuid: 08ad5d9b-0389-44eb-9402-12dad05555dc
langcode: en
status: true
dependencies:
  config:
    - cohesion_website_settings.cohesion_color.black
    - cohesion_website_settings.cohesion_color.brand-color
    - cohesion_website_settings.cohesion_color.brand-color-light
    - cohesion_website_settings.cohesion_color.white
  enforced:
    module:
      - acquia_cms_site_studio
label: 'View pagination'
id: 668f9bd0
json_values: |
  {
      "preview": {
          "text": "<ul class=\"coh-preview\">\n\t<li class=\"pager__item pager__item--first\"><a>First<\/a><\/li>\n\t<li class=\"pager__item pager__item--previous\"><a>&lt;<\/a><\/li>\n\t<li class=\"pager__item\"><a>1<\/a><\/li>\n\t<li class=\"pager__item is-active\"><a>2<\/a><\/li>\n\t<li class=\"pager__item\"><a>3<\/a><\/li>\n\t<li class=\"pager__item\"><a>4<\/a><\/li>\n\t<li class=\"pager__item pager__item--next\"><a>&gt;<\/a><\/li>\n\t<li class=\"pager__item pager__item--last\"><a>Last<\/a><\/li>\n<\/ul>\n",
          "textFormat": "cohesion",
          "background": {
              "value": {
                  "rgba": "rgba(255,255,255,1)"
              }
          }
      },
      "styles": {
          "settings": {
              "element": "ul,ol,dl",
              "class": "",
              "combinator": "",
              "pseudo": ""
          },
          "6ce2906f-39cc-46fc-bcff-5544bb3b56f1": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "link": true,
                              "name": "Brand color",
                              "uid": "brand-color",
                              "class": ".coh-color-brand-color",
                              "variable": "$coh-color-brand-color",
                              "value": {
                                  "hex": "#26a3dd",
                                  "rgba": "rgba(38, 163, 221, 1)"
                              },
                              "inuse": true,
                              "wysiwyg": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      },
                      "color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "bef363a1-e7f6-4fc5-8e46-787ccfc51f54": {
              "settings": {
                  "element": "a",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true
                          }
                      },
                      "display": {
                          "value": "block"
                      },
                      "min-height": {
                          "value": "32"
                      },
                      "min-width": {
                          "value": "32"
                      },
                      "border-radius": {
                          "value": "16"
                      },
                      "line-height": {
                          "value": "32"
                      },
                      "text-align": {
                          "value": "center"
                      },
                      "transitions": [
                          {
                              "transitionProperty": {
                                  "value": "background-color"
                              },
                              "transitionDuration": {
                                  "value": 200
                              },
                              "transitionTimingFunction": {
                                  "value": "ease"
                              }
                          }
                      ]
                  }
              }
          },
          "9b064562-1485-44e5-9f33-1475274497ad": {
              "settings": {
                  "element": ".pager__item",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "display": {
                          "value": "inline-flex"
                      },
                      "unordered-list": {
                          "list-style-type": {
                              "value": "none"
                          }
                      },
                      "margin": {
                          "margin-left": {
                              "value": "4"
                          },
                          "margin-right": {
                              "value": "4"
                          }
                      }
                  }
              }
          },
          "42e77a20-8458-4afb-b571-d463df9a1adc": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 1)"
                              },
                              "name": "Black",
                              "uid": "black",
                              "class": ".coh-color-black",
                              "variable": "$coh-color-black",
                              "wysiwyg": true,
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      }
                  }
              }
          },
          "c31aad36-3401-4cc5-8c86-1e28a45f6c9e": {
              "settings": {
                  "element": "a",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 1)"
                              },
                              "name": "Black",
                              "uid": "black",
                              "class": ".coh-color-black",
                              "variable": "$coh-color-black",
                              "wysiwyg": true,
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Dark"
                              ]
                          }
                      },
                      "color": {
                          "value": {
                              "name": "White",
                              "uid": "white",
                              "value": {
                                  "hex": "#ffffff",
                                  "rgba": "rgba(255, 255, 255, 1)"
                              },
                              "wysiwyg": true,
                              "class": ".coh-color-white",
                              "variable": "$coh-color-white",
                              "inuse": true,
                              "link": true,
                              "tags": [
                                  "Light"
                              ]
                          }
                      }
                  }
              }
          },
          "b9d3d058-159e-4476-9afd-7fe8a5e9c815": {
              "settings": {
                  "element": ".is-active",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "7c4c52b3-bde5-48a6-ba04-b3d7d2bfb2bc": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0)"
                              },
                              "name": "Transparent",
                              "wysiwyg": true,
                              "uid": "dx8-transparent",
                              "class": ".dx8-transparent",
                              "variable": "$coh-dx8-transparent",
                              "inuse": true
                          }
                      },
                      "color": {
                          "value": {
                              "link": true,
                              "name": "Brand color light",
                              "uid": "brand-color-light",
                              "class": ".coh-color-brand-color-light",
                              "variable": "$coh-color-brand-color-light",
                              "value": {
                                  "hex": "#70c3e9",
                                  "rgba": "rgba(112, 195, 233, 1)"
                              },
                              "wysiwyg": true,
                              "inuse": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "151aebae-0cd7-4ae7-9bff-009103083967": {
              "settings": {
                  "element": "a",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0)"
                              },
                              "name": "Transparent",
                              "wysiwyg": true,
                              "uid": "dx8-transparent",
                              "class": ".dx8-transparent",
                              "variable": "$coh-dx8-transparent",
                              "inuse": true
                          }
                      }
                  }
              }
          },
          "d197aefb-e47f-452f-8075-ff64142e7cca": {
              "settings": {
                  "element": ".pager__item--first",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "ab41ed5c-64da-49c9-a0e8-323fc9fb1ab1": {
              "settings": {
                  "element": ".pager__item--previous",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "f3e005dc-8817-4b80-b34d-f76886629381": {
              "settings": {
                  "element": ".pager__item--next",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "28f15b2c-c459-468f-b59c-05da05bfd035": {
              "settings": {
                  "element": "",
                  "class": "",
                  "combinator": "",
                  "pseudo": ":hover"
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0)"
                              },
                              "name": "Transparent",
                              "wysiwyg": true,
                              "uid": "dx8-transparent",
                              "class": ".dx8-transparent",
                              "variable": "$coh-dx8-transparent",
                              "inuse": true
                          }
                      },
                      "color": {
                          "value": {
                              "link": true,
                              "name": "Brand color light",
                              "uid": "brand-color-light",
                              "class": ".coh-color-brand-color-light",
                              "variable": "$coh-color-brand-color-light",
                              "value": {
                                  "hex": "#70c3e9",
                                  "rgba": "rgba(112, 195, 233, 1)"
                              },
                              "wysiwyg": true,
                              "inuse": true,
                              "tags": [
                                  "Color"
                              ]
                          }
                      }
                  }
              }
          },
          "e37776a4-df4e-4261-ab3e-769aab0f72f6": {
              "settings": {
                  "element": "a",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {
                  "xl": {
                      "background-color": {
                          "value": {
                              "value": {
                                  "hex": "#000000",
                                  "rgba": "rgba(0, 0, 0, 0)"
                              },
                              "name": "Transparent",
                              "wysiwyg": true,
                              "uid": "dx8-transparent",
                              "class": ".dx8-transparent",
                              "variable": "$coh-dx8-transparent",
                              "inuse": true
                          }
                      }
                  }
              }
          },
          "92378d45-968d-4446-8486-22d7a1612cd9": {
              "settings": {
                  "element": ".pager__item--last",
                  "class": "",
                  "combinator": "",
                  "pseudo": ""
              },
              "styles": {}
          },
          "styles": {
              "xl": {
                  "margin": {
                      "margin-bottom": {
                          "value": "0"
                      }
                  }
              }
          }
      },
      "variableFields": []
  }
json_mapper: |
  {
      "styles": {
          "selectorType": "topLevel",
          "items": [
              {
                  "title": ".pager__item",
                  "type": "container",
                  "items": [
                      {
                          "title": "a",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":hover",
                                  "type": "container",
                                  "items": [],
                                  "selectorType": "pseudo",
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "uuid": "6ce2906f-39cc-46fc-bcff-5544bb3b56f1",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": "a",
                          "originalLabel": "Child selector",
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "layout",
                                  "children": [
                                      {
                                          "formKey": "width",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "min-width",
                                                  "active": true
                                              },
                                              {
                                                  "name": "max-width",
                                                  "active": false
                                              },
                                              {
                                                  "name": "width",
                                                  "active": false
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "height",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "min-height",
                                                  "active": true
                                              },
                                              {
                                                  "name": "max-height",
                                                  "active": false
                                              },
                                              {
                                                  "name": "height",
                                                  "active": false
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "display",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "display",
                                                  "active": true
                                              },
                                              {
                                                  "name": "visibility",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow-x",
                                                  "active": false
                                              },
                                              {
                                                  "name": "overflow-y",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "border-and-outline",
                                  "children": [
                                      {
                                          "formKey": "border-radius",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "border-radius",
                                                  "active": true
                                              },
                                              {
                                                  "name": "border-top-left-radius",
                                                  "active": false
                                              },
                                              {
                                                  "name": "border-top-right-radius",
                                                  "active": false
                                              },
                                              {
                                                  "name": "border-bottom-left-radius",
                                                  "active": false
                                              },
                                              {
                                                  "name": "border-bottom-right-radius",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-sizing-and-alignment",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-size",
                                                  "active": false
                                              },
                                              {
                                                  "name": "line-height",
                                                  "active": true
                                              },
                                              {
                                                  "name": "text-align",
                                                  "active": true
                                              },
                                              {
                                                  "name": "letter-spacing",
                                                  "active": false
                                              },
                                              {
                                                  "name": "word-spacing",
                                                  "active": false
                                              },
                                              {
                                                  "name": "text-indent",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "transform-and-transition",
                                  "children": [
                                      {
                                          "formKey": "transition",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "transitions",
                                                  "active": true
                                              },
                                              {
                                                  "name": "transitionProperty",
                                                  "active": true
                                              },
                                              {
                                                  "name": "transitionCustomProperty",
                                                  "active": true
                                              },
                                              {
                                                  "name": "transitionDuration",
                                                  "active": true
                                              },
                                              {
                                                  "name": "transitionTimingFunction",
                                                  "active": true
                                              },
                                              {
                                                  "name": "transitionDelay",
                                                  "active": false
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "bef363a1-e7f6-4fc5-8e46-787ccfc51f54",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      }
                  ],
                  "selectorType": "child",
                  "model": ".pager__item",
                  "originalLabel": "Child selector",
                  "formDefinition": [
                      {
                          "formKey": "layout",
                          "children": [
                              {
                                  "formKey": "display",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "display",
                                          "active": true
                                      },
                                      {
                                          "name": "visibility",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow-x",
                                          "active": false
                                      },
                                      {
                                          "name": "overflow-y",
                                          "active": false
                                      }
                                  ]
                              },
                              {
                                  "formKey": "margin",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "margin-equal",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-top",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-bottom",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-left",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-right",
                                          "active": true
                                      },
                                      {
                                          "name": "margin-block-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-block-end",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-start",
                                          "active": false
                                      },
                                      {
                                          "name": "margin-inline-end",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      },
                      {
                          "formKey": "list-style",
                          "children": [
                              {
                                  "formKey": "unordered-list",
                                  "breakpoints": [
                                      {
                                          "name": "xl"
                                      }
                                  ],
                                  "activeFields": [
                                      {
                                          "name": "list-style-type",
                                          "active": true
                                      },
                                      {
                                          "name": "list-style-image",
                                          "active": true
                                      },
                                      {
                                          "name": "list-style-position",
                                          "active": false
                                      }
                                  ]
                              }
                          ]
                      }
                  ],
                  "collapsed": false,
                  "uuid": "9b064562-1485-44e5-9f33-1475274497ad",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              },
              {
                  "title": ".is-active",
                  "type": "container",
                  "items": [
                      {
                          "title": "a",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":hover",
                                  "type": "container",
                                  "items": [],
                                  "selectorType": "pseudo",
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "uuid": "42e77a20-8458-4afb-b571-d463df9a1adc",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": "a",
                          "originalLabel": "Child selector",
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              },
                              {
                                  "formKey": "font",
                                  "children": [
                                      {
                                          "formKey": "font-and-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "font-family",
                                                  "active": false
                                              },
                                              {
                                                  "name": "font-weight",
                                                  "active": false
                                              },
                                              {
                                                  "name": "color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "c31aad36-3401-4cc5-8c86-1e28a45f6c9e",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      }
                  ],
                  "selectorType": "child",
                  "model": ".is-active",
                  "originalLabel": "Child selector",
                  "formDefinition": [],
                  "collapsed": false,
                  "uuid": "b9d3d058-159e-4476-9afd-7fe8a5e9c815",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              },
              {
                  "title": ".pager__item--first",
                  "type": "container",
                  "items": [
                      {
                          "title": "a",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":hover",
                                  "type": "container",
                                  "items": [],
                                  "selectorType": "pseudo",
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "uuid": "7c4c52b3-bde5-48a6-ba04-b3d7d2bfb2bc",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": "a",
                          "originalLabel": "Child selector",
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "151aebae-0cd7-4ae7-9bff-009103083967",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      }
                  ],
                  "selectorType": "child",
                  "model": ".pager__item--first",
                  "originalLabel": "Child selector",
                  "formDefinition": [],
                  "collapsed": false,
                  "uuid": "d197aefb-e47f-452f-8075-ff64142e7cca",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              },
              {
                  "title": ".pager__item--previous",
                  "type": "container",
                  "items": [],
                  "selectorType": "child",
                  "model": ".pager__item--previous",
                  "originalLabel": "Child selector",
                  "formDefinition": [],
                  "uuid": "ab41ed5c-64da-49c9-a0e8-323fc9fb1ab1",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              },
              {
                  "title": ".pager__item--next",
                  "type": "container",
                  "items": [],
                  "selectorType": "child",
                  "model": ".pager__item--next",
                  "originalLabel": "Child selector",
                  "formDefinition": [],
                  "uuid": "f3e005dc-8817-4b80-b34d-f76886629381",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              },
              {
                  "title": ".pager__item--last",
                  "type": "container",
                  "items": [
                      {
                          "title": "a",
                          "type": "container",
                          "items": [
                              {
                                  "title": ":hover",
                                  "type": "container",
                                  "items": [],
                                  "selectorType": "pseudo",
                                  "formDefinition": [
                                      {
                                          "formKey": "background",
                                          "children": [
                                              {
                                                  "formKey": "background-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "background-color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      },
                                      {
                                          "formKey": "font",
                                          "children": [
                                              {
                                                  "formKey": "font-and-color",
                                                  "breakpoints": [
                                                      {
                                                          "name": "xl"
                                                      }
                                                  ],
                                                  "activeFields": [
                                                      {
                                                          "name": "font-family",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "font-weight",
                                                          "active": false
                                                      },
                                                      {
                                                          "name": "color",
                                                          "active": true
                                                      }
                                                  ]
                                              }
                                          ]
                                      }
                                  ],
                                  "uuid": "28f15b2c-c459-468f-b59c-05da05bfd035",
                                  "form": null,
                                  "allowedTypes": [
                                      "child",
                                      "pseudo"
                                  ]
                              }
                          ],
                          "selectorType": "child",
                          "model": "a",
                          "originalLabel": "Child selector",
                          "formDefinition": [
                              {
                                  "formKey": "background",
                                  "children": [
                                      {
                                          "formKey": "background-color",
                                          "breakpoints": [
                                              {
                                                  "name": "xl"
                                              }
                                          ],
                                          "activeFields": [
                                              {
                                                  "name": "background-color",
                                                  "active": true
                                              }
                                          ]
                                      }
                                  ]
                              }
                          ],
                          "uuid": "e37776a4-df4e-4261-ab3e-769aab0f72f6",
                          "form": null,
                          "allowedTypes": [
                              "child",
                              "pseudo",
                              "modifier"
                          ]
                      }
                  ],
                  "selectorType": "child",
                  "model": ".pager__item--last",
                  "originalLabel": "Child selector",
                  "formDefinition": [],
                  "collapsed": false,
                  "uuid": "92378d45-968d-4446-8486-22d7a1612cd9",
                  "form": null,
                  "allowedTypes": [
                      "child",
                      "pseudo",
                      "modifier"
                  ]
              }
          ],
          "title": "List",
          "formDefinition": [
              {
                  "formKey": "layout",
                  "children": [
                      {
                          "formKey": "margin",
                          "breakpoints": [
                              {
                                  "name": "xl"
                              }
                          ],
                          "activeFields": [
                              {
                                  "name": "margin-equal",
                                  "active": false
                              },
                              {
                                  "name": "margin-top",
                                  "active": false
                              },
                              {
                                  "name": "margin-bottom",
                                  "active": true
                              },
                              {
                                  "name": "margin-left",
                                  "active": false
                              },
                              {
                                  "name": "margin-right",
                                  "active": false
                              },
                              {
                                  "name": "margin-block-start",
                                  "active": false
                              },
                              {
                                  "name": "margin-block-end",
                                  "active": false
                              },
                              {
                                  "name": "margin-inline-start",
                                  "active": false
                              },
                              {
                                  "name": "margin-inline-end",
                                  "active": false
                              }
                          ]
                      }
                  ]
              }
          ],
          "form": null
      }
  }
last_entity_update: entityupdate_0042
locked: false
modified: true
selectable: true
class_name: .coh-style-view-pagination
custom_style_type: list
available_in_wysiwyg: false
available_in_wysiwyg_inline: false
parent: null
weight: 66
