{"version":3,"sources":["webpack:///./src/assets/chevron.svg","webpack:///./src/components/PageProgress.vue?dc37","webpack:///./src/components/PageProgress.vue?f817","webpack:///src/components/PageProgress.vue","webpack:///./src/components/PageProgress.vue?d618","webpack:///./src/components/PageProgress.vue?594b","webpack:///./src/components/PageProgress.vue"],"names":["functional","_h","_vm","_c","_v","data","children","class","classNames","staticClass","style","staticStyle","attrs","rest","Object","assign","concat","module","exports","push","i","render","this","_self","display","isNarrow","onLastPage","id","isExpandable","verticalBarsExpanded","backwards","tag","_l","pages","page","index","key","currentPage","cantGoBack","title","scrollingStepsShiftClass","href","number","on","click","$event","preventDefault","goto","keydown","type","indexOf","_k","keyCode","showTitles","_s","_f","_e","$resource","handleCollapse","_withStripped","Vue","use","_Scrollbar","name","components","IChevron","filters","preventSingleCharWidow","value","test","spaceIndex","lastIndexOf","substr","inject","props","Array","default","required","Boolean","String","validator","formId","Number","width","resizeObserver","verticalBarsWholeHeight","verticalBarsActivePageHeight","scrollingStepsShift","notNarrowWidth","narrowWidth","computed","length","watch","newPage","oldPage","_this","$nextTick","setHeight","centerPager","mounted","_this2","ResizeObserver","handleResize","observe","$el","destroyed","unobserve","methods","pageNumber","slice","some","p","backButton","$emit","_this3","clearHeight","pagerWidth","clientWidth","shiftStepsPages","ol","querySelector","height","clientHeight","overflow","opacity","marginBottom","getComputedStyle","setTimeout","computedStyle","parseInt","paddingBottom","paddingTop","itemHeight","isNaN","Math","abs","items","querySelectorAll","pageListStyles","getBoundingClientRect","right","paddingLeft","lineHeight","prevWidth","_this4","rightEdgeOfTitleNearScreenEdge","difference","_step","_iterator","_createForOfIteratorHelper","s","n","done","li","round","err","e","f","_this5","scrollIntoView","time","_this6","container","maxHeight","addEventListener","once","options","locals","component"],"mappings":"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","file":"115.138ff623cc0b0e1c29cb.js","sourcesContent":["\n      export default {\n        functional: true,\n        render(_h, _vm) {\n          const { _c, _v, data, children = [] } = _vm;\n\n          const {\n            class: classNames,\n            staticClass,\n            style,\n            staticStyle,\n            attrs = {},\n            ...rest\n          } = data;\n\n          return _c(\n            'svg',\n            {\n              class: [\"cog-icon cog-i-chevron\",classNames,staticClass],\n              style: [style,staticStyle],\n              attrs: Object.assign({\"viewBox\":\"0 0 18 18\",\"focusable\":\"false\",\"class\":\"cog-icon cog-i-chevron\"}, attrs),\n              ...rest,\n            },\n            children.concat([_c('g',[_c('path',{attrs:{\"stroke-linecap\":\"square\",\"d\":\"M3 7l6 6 6-6\"}})])])\n          )\n        }\n      }\n    ","exports = module.exports = require(\"../../../../node_modules/.pnpm/css-loader@3.2.0_webpack@4.46.0/node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \"html .cog-page-progress .el-scrollbar__bar.is-vertical,:root:root:root:root:root .cog-page-progress .el-scrollbar__bar.is-vertical{display:none}html .cog-page-progress ol,:root:root:root:root:root .cog-page-progress ol{width:100%;margin:0;padding:var(--gutter) var(--form__margins--responsive) calc(var(--gutter)/4)}html .cog-page-progress li,:root:root:root:root:root .cog-page-progress li{padding-top:calc(var(--gutter)/6);padding-bottom:calc(var(--gutter)/6)}html .cog-page-progress li.is-disabled,:root:root:root:root:root .cog-page-progress li.is-disabled{cursor:not-allowed;opacity:.7}html .cog-page-progress li.is-disabled a,:root:root:root:root:root .cog-page-progress li.is-disabled a{pointer-events:none}html .cog-page-progress li.is-disabled a::before,:root:root:root:root:root .cog-page-progress li.is-disabled a::before{background:repeating-linear-gradient(-45deg, hsla(var(--background-hsl), 0.8) 0, hsla(var(--background-hsl), 0.8) 2px, transparent 2px, transparent 4px);border:0}html .cog-page-progress__expand-button,:root:root:root:root:root .cog-page-progress__expand-button{display:block;width:100%;background:transparent;border:0;border-top:1px solid hsla(var(--background-hsl), 0.5);padding:calc(var(--gutter)/4);padding-right:0;color:var(--color);font-size:var(--small-text);text-align:right}html .cog-page-progress[aria-expanded=true] .cog-icon,:root:root:root:root:root .cog-page-progress[aria-expanded=true] .cog-icon{transform:rotate(180deg)}html .cog-page-progress--compact.cog-page-progress--steps ol,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps ol{display:flex;flex-wrap:nowrap}html .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child),:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child){padding-right:10px}html .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-expanded,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-expanded{padding-right:15px}html .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-expanded span,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-expanded span{letter-spacing:.02em}html .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-compact,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-compact{padding-right:8px}html .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-compact span,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps li:not(:last-child).is-compact span{margin-left:calc(var(--gutter)/4);letter-spacing:-0.01em}html .cog-page-progress--compact.cog-page-progress--steps a,html .cog-page-progress--compact.cog-page-progress--steps .cog-page-progress__page-title,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps a,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps .cog-page-progress__page-title{white-space:nowrap}html .cog-page-progress--compact.cog-page-progress--steps li+li.is-active:not(:last-child)::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps li+li.is-active:not(:last-child)::before{margin-left:-4.75em}html .cog-page-progress--compact.cog-page-progress--steps .is-active::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--steps .is-active::before{bottom:calc(100% - 1em);width:12.5em}html .cog-page-progress--compact.cog-page-progress--bar .el-scrollbar,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar .el-scrollbar{padding-bottom:calc(var(--gutter)/2)}html .cog-page-progress--compact.cog-page-progress--bar .el-scrollbar__wrap,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar .el-scrollbar__wrap{max-height:none;transition:max-height calc(var(--speed)/2);overflow-x:hidden}html .cog-page-progress--compact.cog-page-progress--bar[aria-expanded=false] .el-scrollbar,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar[aria-expanded=false] .el-scrollbar{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black 30px, black calc(100% - 30px), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black 30px, black calc(100% - 30px), transparent 100%)}html .cog-page-progress--compact.cog-page-progress--bar.cog-page-progress--at-end[aria-expanded=false] .el-scrollbar,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar.cog-page-progress--at-end[aria-expanded=false] .el-scrollbar{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black 30px, black 100%);mask-image:linear-gradient(to bottom, transparent 0, black 30px, black 100%)}html .cog-page-progress--compact.cog-page-progress--bar ol,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar ol{display:block}html .cog-page-progress--compact.cog-page-progress--bar a,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar a{border-left-color:hsla(var(--background-hsl), 0.5);padding-left:.75em}html .cog-page-progress--compact.cog-page-progress--bar a::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar a::before{bottom:0;top:initial;width:3px;min-height:0%;max-height:0;opacity:0;transition:min-height var(--speed),opacity var(--speed)}html .cog-page-progress--compact.cog-page-progress--bar a::before,:root:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar a::before{left:-3px}html .cog-page-progress--compact.cog-page-progress--bar .is-active a::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar .is-active a::before{bottom:100%;top:0;min-height:100%;opacity:1}html .cog-page-progress--compact.cog-page-progress--bar[data-backwards=true] a::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar[data-backwards=true] a::before{bottom:100%;top:0%}html .cog-page-progress--compact.cog-page-progress--bar[data-backwards=true] .is-active ::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar[data-backwards=true] .is-active ::before{bottom:0%;top:initial}html .cog-page-progress--compact.cog-page-progress--bar a::after,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar a::after{display:none}html .cog-page-progress--compact.cog-page-progress--bar a[href],:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar a[href]{border-top:0;border-left-style:solid}html .cog-page-progress--compact.cog-page-progress--bar .cog-page-progress__page--no-title.is-active a:focus::before,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar .cog-page-progress__page--no-title.is-active a:focus::before{transform:scaleY(1) scaleX(1.5)}html .cog-page-progress--compact.cog-page-progress--bar a:focus,:root:root:root:root:root .cog-page-progress--compact.cog-page-progress--bar a:focus{border-left-color:hsla(var(--background-hsl), 1)}html .cog-page-progress--steps li,:root:root:root:root:root .cog-page-progress--steps li{display:inline-block}html .cog-page-progress--steps a,:root:root:root:root:root .cog-page-progress--steps a{display:inline-block;margin-left:-3px;padding:3px}html .cog-page-progress--steps a span,:root:root:root:root:root .cog-page-progress--steps a span{margin-right:calc(var(--gutter)/2)}html .cog-page-progress--steps a>span,html .cog-page-progress--steps a::before,:root:root:root:root:root .cog-page-progress--steps a>span,:root:root:root:root:root .cog-page-progress--steps a::before{vertical-align:middle}html .cog-page-progress--steps a::before,:root:root:root:root:root .cog-page-progress--steps a::before{display:inline-flex;align-items:center;justify-content:center;width:calc(calc(var(--gutter) / 4) + 1em);height:calc(calc(var(--gutter) / 4) + 1em);background:hsla(var(--background-hsl), 0.6);border-width:var(--border-width);border-style:solid;border-color:transparent;border-radius:50%;content:attr(data-page-number);font-size:calc(var(--font-size)*.75);transition:transform calc(var(--speed)/4)}@media print{html .cog-page-progress--steps a::before,:root:root:root:root:root .cog-page-progress--steps a::before{border-color:var(--input__border-color)}}html .cog-page-progress--steps a:focus::before,:root:root:root:root:root .cog-page-progress--steps a:focus::before{border-color:var(--highlight);box-shadow:inset 0 0 0 calc(var(--border-width) + .5px) var(--highlight)}html .cog-page-progress--steps .is-active ::before,:root:root:root:root:root .cog-page-progress--steps .is-active ::before{background:var(--highlight-reverse);border-color:var(--highlight);color:var(--highlight);font-weight:bold}html .cog-page-progress--bar ol,html .cog-page-progress--bar li,:root:root:root:root:root .cog-page-progress--bar ol,:root:root:root:root:root .cog-page-progress--bar li{display:flex;width:100%}html .cog-page-progress--bar li,:root:root:root:root:root .cog-page-progress--bar li{align-items:flex-start}html .cog-page-progress--bar li:not(:last-child),:root:root:root:root:root .cog-page-progress--bar li:not(:last-child){margin-right:10px}html .cog-page-progress--bar a,:root:root:root:root:root .cog-page-progress--bar a{display:block;position:relative;width:100%;border-top-width:calc(var(--input__border-width)*3);border-top-style:dotted;border-top-color:hsla(var(--background-hsl), 0.5);padding-top:calc(var(--gutter)/4);padding-bottom:calc(var(--gutter)/4)}html .cog-page-progress--bar a[href],:root:root:root:root:root .cog-page-progress--bar a[href]{border-top-style:solid}html .cog-page-progress--bar a::before,:root:root:root:root:root .cog-page-progress--bar a::before{display:block;position:absolute;right:0;top:calc(-3*var(--input__border-width));width:0;height:calc(var(--input__border-width)*3);background:var(--highlight);content:\\\"\\\";transition:width var(--speed)}html .cog-page-progress--bar a::after,:root:root:root:root:root .cog-page-progress--bar a::after{position:absolute;left:0;top:-30px;width:100%;height:30px;content:\\\"\\\"}html .cog-page-progress--bar a:focus,:root:root:root:root:root .cog-page-progress--bar a:focus{border-top-color:hsla(var(--background-hsl), 1)}html .cog-page-progress--bar a:focus span,:root:root:root:root:root .cog-page-progress--bar a:focus span{border-bottom:var(--input__border-width) solid var(--highlight)}html .cog-page-progress--bar .cog-page-progress__page--no-title.is-active a:focus::before,:root:root:root:root:root .cog-page-progress--bar .cog-page-progress__page--no-title.is-active a:focus::before{transform:scaleY(1.5)}html .cog-page-progress--bar .is-active ::before,:root:root:root:root:root .cog-page-progress--bar .is-active ::before{left:0;width:100%}html .cog-page-progress--bar[data-backwards=true] li ::before,:root:root:root:root:root .cog-page-progress--bar[data-backwards=true] li ::before{left:0}html .cog-page-progress--bar[data-backwards=true] .is-active ::before,:root:root:root:root:root .cog-page-progress--bar[data-backwards=true] .is-active ::before{left:initial;right:0}html .cog-cognito--styled .cog-page-progress a,:root:root:root:root:root .cog-cognito--styled .cog-page-progress a{color:var(--color);text-decoration:none}html .cog-cognito--styled .cog-page-progress li.is-active a,:root:root:root:root:root .cog-cognito--styled .cog-page-progress li.is-active a{cursor:default}html .cog-cognito--styled .cog-page-progress a span,:root:root:root:root:root .cog-cognito--styled .cog-page-progress a span{padding:2px 0}html .cog-cognito--styled .cog-page-progress--steps .cog-page-progress__page-title,:root:root:root:root:root .cog-cognito--styled .cog-page-progress--steps .cog-page-progress__page-title{margin-left:.5em}html .cog-cognito--chameleon .cog-page-progress a::before,:root:root:root:root:root .cog-cognito--chameleon .cog-page-progress a::before{content:none}\", \"\"]);\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _vm.display !== \"none\"\n    ? _c(\n        \"div\",\n        {\n          staticClass: \"cog-page-progress\",\n          class: [\n            {\n              \"cog-page-progress--compact\": _vm.isNarrow,\n              \"cog-page-progress--at-end\": _vm.onLastPage\n            },\n            \"cog-page-progress--\" + _vm.display\n          ],\n          attrs: {\n            id: !_vm.isExpandable ? null : _vm.id,\n            \"aria-expanded\": !_vm.isExpandable\n              ? null\n              : _vm.verticalBarsExpanded\n              ? \"true\"\n              : \"false\",\n            \"data-backwards\": _vm.backwards\n          }\n        },\n        [\n          _c(\n            \"el-scrollbar\",\n            { attrs: { tag: \"ol\" } },\n            _vm._l(_vm.pages, function(page, index) {\n              return _c(\n                \"li\",\n                {\n                  key: index,\n                  staticClass: \"cog-page-progress__page\",\n                  class: [\n                    {\n                      \"is-active\": page === _vm.currentPage,\n                      \"is-disabled\": _vm.cantGoBack(index),\n                      \"cog-page-progress__page--no-title\": !page.title\n                    },\n                    _vm.scrollingStepsShiftClass\n                  ],\n                  attrs: { \"data-title\": page.title }\n                },\n                [\n                  _c(\n                    \"a\",\n                    {\n                      attrs: {\n                        href: _vm.cantGoBack(page.number) ? false : \"\",\n                        title: _vm.isNarrow ? page.title : false,\n                        \"data-page-number\": index + 1\n                      },\n                      on: {\n                        click: function($event) {\n                          $event.preventDefault()\n                          return _vm.goto(page.number, $event)\n                        },\n                        keydown: function($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k($event.keyCode, \"space\", 32, $event.key, [\n                              \" \",\n                              \"Spacebar\"\n                            ])\n                          )\n                            return null\n                          $event.preventDefault()\n                          return _vm.goto(page.number)\n                        }\n                      }\n                    },\n                    [\n                      _vm.showTitles\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"cog-page-progress__page-title\" },\n                            [\n                              _vm._v(\n                                _vm._s(\n                                  _vm._f(\"preventSingleCharWidow\")(page.title)\n                                )\n                              )\n                            ]\n                          )\n                        : _vm._e()\n                    ]\n                  )\n                ]\n              )\n            }),\n            0\n          ),\n          _vm._v(\" \"),\n          _vm.isExpandable\n            ? _c(\"div\", { staticClass: \"cog-wrapper\" }, [\n                _c(\n                  \"button\",\n                  {\n                    staticClass: \"cog-page-progress__expand-button\",\n                    attrs: {\n                      title: _vm.verticalBarsExpanded\n                        ? _vm.$resource(\"collapse\")\n                        : _vm.$resource(\"expand\"),\n                      \"aria-controls\": _vm.id\n                    },\n                    on: {\n                      click: function($event) {\n                        $event.preventDefault()\n                        return _vm.handleCollapse()\n                      }\n                    }\n                  },\n                  [_c(\"i-chevron\")],\n                  1\n                )\n              ])\n            : _vm._e()\n        ],\n        1\n      )\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\r\n\t<div\r\n\t\tv-if=\"display !== 'none'\"\r\n\t\t:id=\"!isExpandable ? null : id\"\r\n\t\tclass=\"cog-page-progress\"\r\n\t\t:class=\"[{ 'cog-page-progress--compact': isNarrow, 'cog-page-progress--at-end': onLastPage }, 'cog-page-progress--' + display]\"\r\n\t\t:aria-expanded=\"!isExpandable ? null : verticalBarsExpanded ? 'true' : 'false'\"\r\n\t\t:data-backwards=\"backwards\"\r\n\t>\r\n\t\t<el-scrollbar tag=\"ol\">\r\n\t\t\t<li\r\n\t\t\t\tv-for=\"(page, index) in pages\"\r\n\t\t\t\t:key=\"index\"\r\n\t\t\t\tclass=\"cog-page-progress__page\"\r\n\t\t\t\t:class=\"[{ 'is-active': page === currentPage, 'is-disabled': cantGoBack(index), 'cog-page-progress__page--no-title': !page.title }, scrollingStepsShiftClass]\"\r\n\t\t\t\t:data-title=\"page.title\"\r\n\t\t\t>\r\n\t\t\t\t<a\r\n\t\t\t\t\t:href=\"cantGoBack(page.number) ? false : ''\"\r\n\t\t\t\t\t:title=\"isNarrow ? page.title : false\"\r\n\t\t\t\t\t:data-page-number=\"index + 1\"\r\n\t\t\t\t\t@click.prevent=\"goto(page.number, $event)\"\r\n\t\t\t\t\t@keydown.prevent.space=\"goto(page.number)\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<span v-if=\"showTitles\" class=\"cog-page-progress__page-title\">{{ page.title | preventSingleCharWidow }}</span>\r\n\t\t\t\t</a>\r\n\t\t\t</li>\r\n\t\t</el-scrollbar>\r\n\t\t<div v-if=\"isExpandable\" class=\"cog-wrapper\">\r\n\t\t\t<button\r\n\t\t\t\tclass=\"cog-page-progress__expand-button\"\r\n\t\t\t\t:title=\"verticalBarsExpanded ? $resource('collapse') : $resource('expand')\"\r\n\t\t\t\t:aria-controls=\"id\"\r\n\t\t\t\t@click.prevent=\"handleCollapse()\"\r\n\t\t\t>\r\n\t\t\t\t<i-chevron />\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport 'src/style/_scrollbar.scss';\r\n\r\n\timport scrollIntoView from 'scroll-into-view';\r\n\timport IChevron from './../assets/chevron.svg';\r\n\timport Vue from 'vue';\r\n\timport { Scrollbar } from '@cognitoforms/element-ui';\r\n\r\n\tVue.use(Scrollbar);\r\n\r\n\texport default {\r\n\t\tname: 'CPageProgress',\r\n\t\tcomponents: {\r\n\t\t\t'el-scrollbar': Scrollbar,\r\n\t\t\tIChevron\r\n\t\t},\r\n\t\tfilters: {\r\n\t\t\tpreventSingleCharWidow(value) {\r\n\t\t\t\t/*\r\n\t\t\t\t\tIn the 'bar' display, page titles are allowed to go to multiple lines and...\r\n\t\t\t\t\t\"Page\r\n\t\t\t\t\t1\"\r\n\t\t\t\t\tlooks real dumb.\r\n\t\t\t\t*/\r\n\t\t\t\tif (!/ \\S$/.test(value)) return value;\r\n\t\t\t\telse {\r\n\t\t\t\t\tconst spaceIndex = value.lastIndexOf(' ');\r\n\t\t\t\t\treturn value.substr(0, spaceIndex) + '\\xa0' + value.substr(spaceIndex + 1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tinject: ['$resource'],\r\n\t\tprops: {\r\n\t\t\tpages: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => []\r\n\t\t\t},\r\n\t\t\tcurrentPage: { type: Object, required: true },\r\n\t\t\tshowTitles: Boolean,\r\n\t\t\tdisplay: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tvalidator: value => {\r\n\t\t\t\t\treturn value === 'steps' || value === 'bar' || value === 'none';\r\n\t\t\t\t},\r\n\t\t\t\tdefault: 'steps'\r\n\t\t\t},\r\n\t\t\tformId: { type: Number, required: true }\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tisNarrow: false,\r\n\t\t\t\tbackwards: false,\r\n\t\t\t\twidth: null,\r\n\t\t\t\tresizeObserver: null,\r\n\t\t\t\tverticalBarsExpanded: true,\r\n\t\t\t\tverticalBarsWholeHeight: null,\r\n\t\t\t\tverticalBarsActivePageHeight: null,\r\n\t\t\t\tscrollingStepsShift: null,\r\n\t\t\t\tnotNarrowWidth: null,\r\n\t\t\t\tnarrowWidth: null,\r\n\t\t\t\tonLastPage: false\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\tisExpandable() {\r\n\t\t\t\treturn this.isNarrow && this.display === 'bar' && this.pages.length > 7;\r\n\t\t\t},\r\n\t\t\tscrollingStepsShiftClass() {\r\n\t\t\t\treturn this.scrollingStepsShift ? this.scrollingStepsShift === 'expand' ? 'is-expanded' : 'is-compact' : null;\r\n\t\t\t},\r\n\t\t\tid() {\r\n\t\t\t\treturn 'cog-page-progress--' + this.formId;\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tcurrentPage(newPage, oldPage) {\r\n\t\t\t\tthis.backwards = oldPage.number > newPage.number;\r\n\t\t\t\tthis.onLastPage = newPage.number === this.pages[this.pages.length - 1].number;\r\n\t\t\t\tif (this.verticalBarsExpanded)\r\n\t\t\t\t\tthis.handleCollapse();\r\n\t\t\t\tif (this.isExpandable && !this.verticalBarsExpanded)\r\n\t\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t\tthis.setHeight();\r\n\t\t\t\t\t});\r\n\t\t\t\telse if (!this.isExpandable)\r\n\t\t\t\t\tthis.centerPager();\r\n\t\t\t},\r\n\t\t\tpages() {\r\n\t\t\t\tthis.notNarrowWidth = null;\r\n\t\t\t\tthis.narrowWidth = null;\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.resizeObserver = new ResizeObserver(() => this.handleResize());\r\n\t\t\tthis.resizeObserver.observe(this.$el);\r\n\t\t},\r\n\t\tdestroyed() {\r\n\t\t\tthis.resizeObserver.unobserve(this.$el);\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tcantGoBack(pageNumber) {\r\n\t\t\t\treturn this.pages.slice(pageNumber + 1, this.pages.indexOf(this.currentPage) + 1).some(p => !p.backButton);\r\n\t\t\t},\r\n\t\t\tgoto(pageNumber) {\r\n\t\t\t\tthis.$emit('goto', pageNumber);\r\n\t\t\t},\r\n\t\t\thandleResize() {\r\n\t\t\t\tif (this.verticalBarsExpanded) {\r\n\t\t\t\t\tthis.clearHeight();\r\n\t\t\t\t\tthis.setHeight();\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst pagerWidth = this.$el.clientWidth;\r\n\t\t\t\tif (this.width === pagerWidth || this.display === 'none')\r\n\t\t\t\t\treturn;\r\n\r\n\t\t\t\tif (this.display === 'steps' && pagerWidth > 550) {\r\n\t\t\t\t\tthis.isNarrow = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.notNarrowWidth && this.notNarrowWidth < pagerWidth) {\r\n\t\t\t\t\tthis.isNarrow = false;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (this.narrowWidth && this.narrowWidth > pagerWidth) {\r\n\t\t\t\t\tthis.isNarrow = true;\r\n\t\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\t\tthis.shiftStepsPages(pagerWidth);\r\n\t\t\t\t\t});\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst ol = this.$el.querySelector('ol');\r\n\r\n\t\t\t\t// Temporarily hide the component and remove compact style so things can be remeasured.\r\n\t\t\t\t// This is why the wrapper div around this component is necessary.\r\n\t\t\t\tthis.$el.style.height = this.$el.clientHeight + 'px';\r\n\t\t\t\tthis.$el.style.overflow = 'hidden';\r\n\t\t\t\tthis.$el.style.opacity = 0;\r\n\r\n\t\t\t\t// This is needed for 'bar' version.\r\n\t\t\t\tol.style.marginBottom = getComputedStyle(this.$el).marginBottom;\r\n\r\n\t\t\t\tthis.isNarrow = false;\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\t// If 'steps' view and a sufficently narrow form, convert to compact mode if a page title goes to the next line.\r\n\r\n\t\t\t\t\t// Otherwise, if 'bar' view, first measure to see if the end of the last page title is beyond the end of the pager container.\r\n\t\t\t\t\t// Also make sure no one page title is a different width than the others. If it is, convert to compact mode.\r\n\t\t\t\t\t// Because they are flex items, they will be the same width if there is enough room.\r\n\t\t\t\t\t// Also, if one page title goes to 3 lines, that's too much, convert to compact.\r\n\t\t\t\t\tif (this.display === 'steps') {\r\n\t\t\t\t\t\tconst computedStyle = getComputedStyle(ol);\r\n\t\t\t\t\t\tconst height = ol.clientHeight - parseInt(computedStyle.paddingBottom, 10) - parseInt(computedStyle.paddingTop, 10);\r\n\t\t\t\t\t\tconst itemHeight = this.$el.querySelector('li').clientHeight;\r\n\t\t\t\t\t\t// Assuming one line, the li should be the same height of the ol, give or take one pixel to allow for page zoom oddity: bug 15763\r\n\t\t\t\t\t\tthis.isNarrow = !isNaN(height) && !isNaN(itemHeight) && Math.abs(height - itemHeight) > 1;\r\n\r\n\t\t\t\t\t\t// Check if pages are awkwardly cropped by edge of viewport\r\n\t\t\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\t\t\tthis.shiftStepsPages(pagerWidth);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t\telse if (this.display === 'bar') {\r\n\t\t\t\t\t\tconst items = ol.querySelectorAll('li');\r\n\t\t\t\t\t\tconst pageListStyles = getComputedStyle(ol);\r\n\t\t\t\t\t\tconst pagerEnd = ol.getBoundingClientRect().right - parseInt(pageListStyles.paddingLeft, 10);\r\n\r\n\t\t\t\t\t\tif (pagerEnd < items[items.length - 1].getBoundingClientRect().right - 1) {\r\n\t\t\t\t\t\t\tthis.isNarrow = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse {\r\n\t\t\t\t\t\t\tconst lineHeight = parseInt(getComputedStyle(items[0]).lineHeight, 10);\r\n\t\t\t\t\t\t\tfor (let i = 0; i < items.length; i++) {\r\n\t\t\t\t\t\t\t\tconst prevWidth = i ? items[i - 1].clientWidth : null;\r\n\t\t\t\t\t\t\t\tconst width = items[i].clientWidth;\r\n\t\t\t\t\t\t\t\tconst height = items[i].clientHeight;\r\n\t\t\t\t\t\t\t\tconst paddingEstimate = 30;\r\n\t\t\t\t\t\t\t\tif (\r\n\t\t\t\t\t\t\t\t\t(prevWidth && prevWidth < width - 1) ||\r\n\t\t\t\t\t\t\t\t\tprevWidth > width + 1 ||\r\n\t\t\t\t\t\t\t\t\theight > lineHeight * 3 + paddingEstimate\r\n\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\tthis.isNarrow = true;\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// Remove temporary inline styles applied for remeasure\r\n\t\t\t\t\tthis.$el.style.overflow = null;\r\n\t\t\t\t\tthis.$el.style.opacity = null;\r\n\t\t\t\t\tthis.$el.style.height = null;\r\n\t\t\t\t\tol.style.marginBottom = null;\r\n\r\n\t\t\t\t\tthis.width = this.$el.clientWidth;\r\n\r\n\t\t\t\t\tif (this.isNarrow)\r\n\t\t\t\t\t\tthis.narrowWidth = this.width;\r\n\t\t\t\t\telse\r\n\t\t\t\t\t\tthis.notNarrowWidth = this.width;\r\n\r\n\t\t\t\t\t// Set height\r\n\t\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\t\tthis.setHeight();\r\n\t\t\t\t\t});\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tshiftStepsPages(pagerWidth) {\r\n\t\t\t\t// Remove any preexisting modifications\r\n\t\t\t\tthis.scrollingStepsShift = null;\r\n\r\n\t\t\t\tthis.$nextTick(()=> {\r\n\t\t\t\t\tconst lis = this.$el.querySelectorAll('li');\r\n\t\t\t\t\tlet rightEdgeOfTitleNearScreenEdge;\r\n\t\t\t\t\tlet difference;\r\n\t\t\t\t\tconst maxDifference = 20;\r\n\t\t\t\t\tconst minDifference = -15;\r\n\t\t\t\t\tconst differenceBreakpoint = 5;\r\n\t\t\t\t\tfor (const li of lis) {\r\n\t\t\t\t\t\trightEdgeOfTitleNearScreenEdge = Math.round(li.getBoundingClientRect().right);\r\n\t\t\t\t\t\tdifference = rightEdgeOfTitleNearScreenEdge - pagerWidth;\r\n\t\t\t\t\t\tif (difference > minDifference && difference < maxDifference) {\r\n\t\t\t\t\t\t\tthis.scrollingStepsShift = difference < differenceBreakpoint ? 'contract' : 'expand';\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\telse if (rightEdgeOfTitleNearScreenEdge > pagerWidth + maxDifference)\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tcenterPager() {\r\n\t\t\t\tif (!this.isNarrow) return;\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tscrollIntoView(this.$el.querySelector('.is-active a'), { time: 500 });\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\thandleCollapse() {\r\n\t\t\t\tthis.verticalBarsExpanded = !this.verticalBarsExpanded;\r\n\t\t\t\tthis.setHeight();\r\n\t\t\t},\r\n\t\t\tsetHeight() {\r\n\t\t\t\tif (!this.verticalBarsWholeHeight)\r\n\t\t\t\t\tthis.verticalBarsWholeHeight = this.$el.querySelector('.el-scrollbar__view').getBoundingClientRect().height;\r\n\t\t\t\tconst container = this.$el.querySelector('.el-scrollbar__wrap');\r\n\t\t\t\tif (this.isExpandable) {\r\n\t\t\t\t\tconst height = this.verticalBarsExpanded ? this.verticalBarsWholeHeight : container.querySelector('.is-active').clientHeight + 70;\r\n\t\t\t\t\tcontainer.style.maxHeight = height + 'px';\r\n\t\t\t\t\tthis.centerPager();\r\n\r\n\t\t\t\t\t// If going from expanded to collapsed it needs to re-center after the collapse is finished\r\n\t\t\t\t\tif (!this.verticalBarsExpanded)\r\n\t\t\t\t\t\tcontainer.addEventListener('transitionend', () => {\r\n\t\t\t\t\t\t\tthis.centerPager();\r\n\t\t\t\t\t\t}, { once: true });\r\n\t\t\t\t}\r\n\t\t\t\telse {\r\n\t\t\t\t\tthis.clearHeight();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tclearHeight() {\r\n\t\t\t\tthis.$el.querySelector('.el-scrollbar__wrap').style.maxHeight = '';\r\n\t\t\t\tthis.verticalBarsWholeHeight = null;\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// 1. General page-progress\r\n//  a. compact\r\n//\t\t- general\r\n// \t  - compact steps\r\n// \t\t- compact bar\r\n// \tb. steps\r\n// \tc. bar\r\n// 2. Non-Chameleon specific styles\r\n// 3. Chameleon styles\r\n#{$specificity-base} {\r\n\r\n\t.cog-page-progress {\r\n\r\n\t\t.el-scrollbar__bar.is-vertical {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\tol {\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: var(--gutter) var(--form__margins--responsive) $gutter-quarter;\r\n\t\t}\r\n\r\n\t\tli {\r\n\t\t\tpadding-top: $gutter-sixth;\r\n\t\t\tpadding-bottom: $gutter-sixth;\r\n\t\t}\r\n\r\n\t\tli.is-disabled {\r\n\t\t\tcursor: not-allowed;\r\n\t\t\topacity: .7;\r\n\t\t}\r\n\r\n\t\tli.is-disabled a {\r\n\t\t\tpointer-events: none;\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tbackground:\r\n repeating-linear-gradient(\r\n\t\t\t\t\t-45deg,\r\n\t\t\t\t\thsla(var(--background-hsl), .8) 0,\r\n\t\t\t\t\thsla(var(--background-hsl), .8) 2px,\r\n\t\t\t\t\ttransparent 2px,\r\n\t\t\t\t\ttransparent 4px\r\n\t\t\t\t);\r\n\t\t\t\tborder: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__expand-button {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 0;\r\n\t\t\tborder-top: 1px solid hsla(var(--background-hsl), .5);\r\n\t\t\tpadding: $gutter-quarter;\r\n\t\t\tpadding-right: 0;\r\n\t\t\tcolor: var(--color);\r\n\t\t\tfont-size: var(--small-text);\r\n\t\t\ttext-align: right;\r\n\t\t}\r\n\r\n\t\t&[aria-expanded='true'] .cog-icon {\r\n\t\t\ttransform: rotate(180deg);\r\n\t\t}\r\n\r\n\t\t&--compact {\r\n\r\n\t\t\t&.cog-page-progress--steps {\r\n\t\t\t\t$pagerTitleContainerWidth: 12.5em;\r\n\r\n\t\t\t\tol {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-wrap: nowrap;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli:not(:last-child) {\r\n\t\t\t\t\t// must be at least 8px for mobile devices\r\n\t\t\t\t\tpadding-right: 10px;\r\n\r\n\t\t\t\t\t// On mobile - shift the page titles to avoid the appearance that you can't scroll horizontally\r\n\t\t\t\t\t&.is-expanded {\r\n\t\t\t\t\t\tpadding-right: 15px;\r\n\r\n\t\t\t\t\t\tspan {\r\n\t\t\t\t\t\t\tletter-spacing: .02em;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.is-compact {\r\n\t\t\t\t\t\tpadding-right: 8px;\r\n\r\n\t\t\t\t\t\tspan {\r\n\t\t\t\t\t\t\tmargin-left: $gutter-quarter;\r\n\t\t\t\t\t\t\tletter-spacing: -.01em;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta,\r\n\t\t\t\t.cog-page-progress__page-title {\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli + li.is-active:not(:last-child)::before {\r\n\t\t\t\t\tmargin-left: calc(math.div(-$pagerTitleContainerWidth, 2) + 1.5em);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.is-active::before {\r\n\t\t\t\t\tbottom: calc(100% - 1em);\r\n\t\t\t\t\twidth: $pagerTitleContainerWidth;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.cog-page-progress--bar {\r\n\r\n\t\t\t\t.el-scrollbar {\r\n\t\t\t\t\tpadding-bottom: $gutter-half;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.el-scrollbar__wrap {\r\n\t\t\t\t\tmax-height: none;\r\n\t\t\t\t\ttransition: max-height $speed-half;\r\n\t\t\t\t\toverflow-x: hidden;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[aria-expanded='false'] .el-scrollbar {\r\n\t\t\t\t\t-webkit-mask-image: linear-gradient(to bottom, transparent 0, black 30px, black calc(100% - 30px), transparent 100%);\r\n\t\t\t\t\tmask-image: linear-gradient(to bottom, transparent 0, black 30px, black calc(100% - 30px), transparent 100%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.cog-page-progress--at-end[aria-expanded='false'] .el-scrollbar {\r\n\t\t\t\t\t-webkit-mask-image: linear-gradient(to bottom, transparent 0, black 30px, black 100%);\r\n\t\t\t\t\tmask-image: linear-gradient(to bottom, transparent 0, black 30px, black 100%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tol {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tborder-left-color: hsla(var(--background-hsl), .5);\r\n\t\t\t\t\tpadding-left: .75em;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta::before {\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\ttop: initial;\r\n\t\t\t\t\twidth: 3px;\r\n\t\t\t\t\tmin-height: 0%;\r\n\t\t\t\t\tmax-height: 0;\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\ttransition: min-height var(--speed), opacity var(--speed);\r\n\r\n\t\t\t\t\t// override non-compact data-backwards rule\r\n\t\t\t\t\t@include at-root(1) {\r\n\r\n\t\t\t\t\t\t.cog-page-progress--compact.cog-page-progress--bar a::before {\r\n\t\t\t\t\t\t\tleft: -3px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.is-active a::before {\r\n\t\t\t\t\tbottom: 100%;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tmin-height: 100%;\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[data-backwards='true'] {\r\n\r\n\t\t\t\t\ta::before {\r\n\t\t\t\t\t\tbottom: 100%;\r\n\t\t\t\t\t\ttop: 0%;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.is-active ::before {\r\n\t\t\t\t\t\tbottom: 0%;\r\n\t\t\t\t\t\ttop: initial;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta::after {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta[href] {\r\n\t\t\t\t\tborder-top: 0;\r\n\t\t\t\t\tborder-left-style: solid;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.cog-page-progress__page--no-title.is-active a:focus::before {\r\n\t\t\t\t\ttransform: scaleY(1) scaleX(1.5);\r\n\t\t\t\t}\r\n\r\n\t\t\t\ta:focus {\r\n\t\t\t\t\tborder-left-color: hsla(var(--background-hsl), 1);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--steps {\r\n\r\n\t\t\tli {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin-left: -3px;\r\n\t\t\t\tpadding: 3px;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tmargin-right: $gutter-half;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta > span,\r\n\t\t\ta::before {\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t}\r\n\r\n\t\t\ta::before {\r\n\t\t\t\t// inline-flex because NVDA has a bug(?) that prevents keyboard pressing of these buttons when set to inline-block.\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\twidth: calc(#{$gutter-quarter} + 1em);\r\n\t\t\t\theight: calc(#{$gutter-quarter} + 1em);\r\n\t\t\t\tbackground: hsla(var(--background-hsl), .6);\r\n\t\t\t\tborder-width: var(--border-width);\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t\tborder-color: transparent;\r\n\t\t\t\tborder-radius: 50%;\r\n\t\t\t\tcontent: attr(data-page-number);\r\n\r\n\t\t\t\t// Can't use .75ems here because of bug 18927\r\n\t\t\t\t// IE seems to compound two .75ems\r\n\t\t\t\tfont-size: calc(var(--font-size) * .75);\r\n\t\t\t\ttransition: transform $speed-quarter;\r\n\r\n\t\t\t\t@media print {\r\n\t\t\t\t\tborder-color: var(--input__border-color);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta:focus::before {\r\n\t\t\t\tborder-color: var(--highlight);\r\n\t\t\t\tbox-shadow: inset 0 0 0 calc(var(--border-width) + .5px) var(--highlight);\r\n\t\t\t}\r\n\r\n\t\t\t.is-active ::before {\r\n\t\t\t\tbackground: var(--highlight-reverse);\r\n\t\t\t\tborder-color: var(--highlight);\r\n\t\t\t\tcolor: var(--highlight);\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&--bar {\r\n\r\n\t\t\tol,\r\n\t\t\tli {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\tli {\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t}\r\n\r\n\t\t\tli:not(:last-child) {\r\n\t\t\t\t// must be at least 8px for mobile devices\r\n\t\t\t\tmargin-right: 10px;\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tborder-top-width: calc(var(--input__border-width) * 3);\r\n\t\t\t\tborder-top-style: dotted; // disabled\r\n\t\t\t\tborder-top-color: hsla(var(--background-hsl), .5);\r\n\t\t\t\tpadding-top: $gutter-quarter;\r\n\t\t\t\tpadding-bottom: $gutter-quarter;\r\n\r\n\t\t\t\t// not disabled\r\n\t\t\t\t&[href] {\r\n\t\t\t\t\tborder-top-style: solid;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\ttop: calc(-3 * var(--input__border-width));\r\n\t\t\t\t\twidth: 0;\r\n\t\t\t\t\theight: calc(var(--input__border-width) * 3);\r\n\t\t\t\t\tbackground: var(--highlight);\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t\ttransition: width var(--speed);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&::after {\r\n\t\t\t\t\t// Increase clickable area\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\ttop: -30px;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 30px;\r\n\t\t\t\t\tcontent: '';\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta:focus {\r\n\t\t\t\tborder-top-color: hsla(var(--background-hsl), 1);\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tborder-bottom: var(--input__border-width) solid var(--highlight);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.cog-page-progress__page--no-title.is-active a:focus::before {\r\n\t\t\t\ttransform: scaleY(1.5);\r\n\t\t\t}\r\n\r\n\t\t\t.is-active ::before {\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t&[data-backwards='true'] {\r\n\r\n\t\t\t\tli ::before {\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.is-active ::before {\r\n\t\t\t\t\tleft: initial;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.cog-cognito--styled .cog-page-progress {\r\n\r\n\t\ta {\r\n\t\t\tcolor: var(--color);\r\n\t\t\ttext-decoration: none;\r\n\t\t}\r\n\r\n\t\tli.is-active a {\r\n\t\t\tcursor: default;\r\n\t\t}\r\n\r\n\t\ta span {\r\n\t\t\tpadding: 2px 0;\r\n\t\t}\r\n\r\n\t\t&--steps .cog-page-progress__page-title {\r\n\t\t\tmargin-left: .5em;\r\n\t\t}\r\n\t}\r\n\r\n\t.cog-cognito--chameleon .cog-page-progress a::before {\r\n\t\tcontent: none;\r\n\t}\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/.pnpm/babel-loader@8.0.5_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--3!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProgress.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/.pnpm/babel-loader@8.0.5_@babel+core@7.22.6_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--3!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProgress.vue?vue&type=script&lang=js&\"","import api from \"!../../../../node_modules/.pnpm/style-loader@2.0.0_webpack@4.46.0/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../node_modules/.pnpm/css-loader@3.2.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/.pnpm/sass-loader@10.1.1_sass@1.44.0_webpack@4.46.0/node_modules/sass-loader/dist/cjs.js!../../../../node_modules/.pnpm/sass-resources-loader@2.0.1/node_modules/sass-resources-loader/lib/loader.js??ref--5-oneOf-1-3!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./PageProgress.vue?vue&type=style&index=0&id=f0f76910&prod&lang=scss&\";\n\nvar options = {\"attributes\":{\"class\":\"cog-style\"}};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { render, staticRenderFns } from \"./PageProgress.vue?vue&type=template&id=f0f76910&\"\nimport script from \"./PageProgress.vue?vue&type=script&lang=js&\"\nexport * from \"./PageProgress.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageProgress.vue?vue&type=style&index=0&id=f0f76910&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/.pnpm/vue-loader@15.10.0_css-loader@3.2.0_lodash@4.17.21_vue-template-compiler@2.7.15_webpack@4.46.0/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}