\r\n\r\n\r\n","import { render } from \"./LottieAnimation.vue?vue&type=template&id=4524c918\"\nimport script from \"./LottieAnimation.vue?vue&type=script&lang=js\"\nexport * from \"./LottieAnimation.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./badge.vue?vue&type=template&id=21c0ebdc&scoped=true\"\nimport script from \"./badge.vue?vue&type=script&lang=js\"\nexport * from \"./badge.vue?vue&type=script&lang=js\"\n\nimport \"./badge.vue?vue&type=style&index=0&id=21c0ebdc&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-21c0ebdc\"]])\n\nexport default __exports__","
\n $emit('changePage', pageNumber)\"\n />\n\n\n\n","import { h, defineComponent, ref, watch, computed, getCurrentInstance } from 'vue'\n\nimport QBtn from '../btn/QBtn.js'\nimport QInput from '../input/QInput.js'\n\nimport useDark, { useDarkProps } from '../../composables/private/use-dark.js'\n\nimport { between } from '../../utils/format.js'\nimport { isKeyCode } from '../../utils/private/key-composition.js'\n\nexport default defineComponent({\n name: 'QPagination',\n\n props: {\n ...useDarkProps,\n\n modelValue: {\n type: Number,\n required: true\n },\n min: {\n type: Number,\n default: 1\n },\n max: {\n type: Number,\n required: true\n },\n\n color: {\n type: String,\n default: 'primary'\n },\n textColor: String,\n\n activeColor: String,\n activeTextColor: String,\n\n inputStyle: [ Array, String, Object ],\n inputClass: [ Array, String, Object ],\n\n size: String,\n\n disable: Boolean,\n\n input: Boolean,\n\n iconPrev: String,\n iconNext: String,\n iconFirst: String,\n iconLast: String,\n\n toFn: Function,\n\n boundaryLinks: {\n type: Boolean,\n default: null\n },\n boundaryNumbers: {\n type: Boolean,\n default: null\n },\n directionLinks: {\n type: Boolean,\n default: null\n },\n ellipses: {\n type: Boolean,\n default: null\n },\n maxPages: {\n type: Number,\n default: 0,\n validator: v => v >= 0\n },\n\n ripple: {\n type: [ Boolean, Object ],\n default: null\n },\n\n round: Boolean,\n rounded: Boolean,\n\n flat: Boolean,\n outline: Boolean,\n unelevated: Boolean,\n push: Boolean,\n glossy: Boolean,\n\n dense: Boolean,\n padding: {\n type: String,\n default: '3px 2px'\n }\n },\n\n emits: [ 'update:modelValue' ],\n\n setup (props, { emit }) {\n const { proxy } = getCurrentInstance()\n const { $q } = proxy\n\n const isDark = useDark(props, $q)\n\n const newPage = ref(null)\n const model = computed({\n get: () => props.modelValue,\n set: val => {\n val = parseInt(val, 10)\n if (props.disable || isNaN(val)) {\n return\n }\n const value = between(val, props.min, props.max)\n if (props.modelValue !== value) {\n emit('update:modelValue', value)\n }\n }\n })\n\n watch(() => props.min + props.max, () => {\n model.value = props.modelValue\n })\n\n function getBool (val, otherwise) {\n return [ true, false ].includes(val)\n ? val\n : otherwise\n }\n\n const classes = computed(() =>\n 'q-pagination row no-wrap items-center'\n + (props.disable === true ? ' disabled' : '')\n )\n const inputPlaceholder = computed(() => model.value + ' / ' + props.max)\n const __boundaryLinks = computed(() => getBool(props.boundaryLinks, props.input))\n const __boundaryNumbers = computed(() => getBool(props.boundaryNumbers, !props.input))\n const __directionLinks = computed(() => getBool(props.directionLinks, props.input))\n const __ellipses = computed(() => getBool(props.ellipses, !props.input))\n const icons = computed(() => {\n const ico = [\n props.iconFirst || $q.iconSet.pagination.first,\n props.iconPrev || $q.iconSet.pagination.prev,\n props.iconNext || $q.iconSet.pagination.next,\n props.iconLast || $q.iconSet.pagination.last\n ]\n return $q.lang.rtl === true ? ico.reverse() : ico\n })\n\n const attrs = computed(() => (\n props.disable === true\n ? { 'aria-disabled': 'true' }\n : {}\n ))\n\n const btnProps = computed(() => ({\n round: props.round,\n rounded: props.rounded,\n\n outline: props.outline,\n unelevated: props.unelevated,\n push: props.push,\n glossy: props.glossy,\n\n dense: props.dense,\n padding: props.padding,\n\n color: props.color,\n flat: true,\n size: props.size,\n ripple: props.ripple !== null\n ? props.ripple\n : true\n }))\n\n const activeBtnProps = computed(() => ({\n flat: props.flat,\n color: props.activeColor || props.color,\n textColor: props.activeTextColor || props.textColor\n }))\n\n function set (value) {\n model.value = value\n }\n\n function setByOffset (offset) {\n model.value = model.value + offset\n }\n\n function updateModel () {\n model.value = newPage.value\n newPage.value = null\n }\n\n function getBtn (data, page) {\n const props = { ...btnProps.value, ...data }\n\n if (page !== void 0) {\n if (props.toFn !== void 0) {\n props.to = props.toFn(page)\n }\n else {\n props.onClick = () => set(page)\n }\n }\n\n return h(QBtn, props)\n }\n\n // expose public methods\n Object.assign(proxy, { set, setByOffset })\n\n return () => {\n const\n contentStart = [],\n contentEnd = [],\n contentMiddle = []\n\n if (__boundaryLinks.value) {\n contentStart.push(getBtn({\n key: 'bls',\n disable: props.disable || props.modelValue <= props.min,\n icon: icons.value[ 0 ]\n }, props.min))\n contentEnd.unshift(getBtn({\n key: 'ble',\n disable: props.disable || props.modelValue >= props.max,\n icon: icons.value[ 3 ]\n }, props.max))\n }\n\n if (__directionLinks.value) {\n contentStart.push(getBtn({\n key: 'bdp',\n disable: props.disable || props.modelValue <= props.min,\n icon: icons.value[ 1 ]\n }, props.modelValue - 1))\n contentEnd.unshift(getBtn({\n key: 'bdn',\n disable: props.disable || props.modelValue >= props.max,\n icon: icons.value[ 2 ]\n }, props.modelValue + 1))\n }\n\n if (props.input === true) {\n contentMiddle.push(h(QInput, {\n class: 'inline',\n style: {\n width: `${ inputPlaceholder.value.length / 1.5 }em`\n },\n type: 'number',\n dense: true,\n value: newPage.value,\n disable: props.disable,\n dark: isDark.value,\n borderless: true,\n inputClass: props.inputClass,\n inputStyle: props.inputStyle,\n placeholder: inputPlaceholder.value,\n min: props.min,\n max: props.max,\n 'onUpdate:modelValue' (value) { newPage.value = value },\n onKeyup (e) { isKeyCode(e, 13) === true && updateModel() },\n onBlur: updateModel\n }))\n }\n else { // is type select\n let\n maxPages = Math.max(\n props.maxPages,\n 1 + (__ellipses.value ? 2 : 0) + (__boundaryNumbers.value ? 2 : 0)\n ),\n pgFrom = props.min,\n pgTo = props.max,\n ellipsesStart = false,\n ellipsesEnd = false,\n boundaryStart = false,\n boundaryEnd = false\n\n if (props.maxPages && maxPages < (props.max - props.min + 1)) {\n maxPages = 1 + Math.floor(maxPages / 2) * 2\n pgFrom = Math.max(props.min, Math.min(props.max - maxPages + 1, props.modelValue - Math.floor(maxPages / 2)))\n pgTo = Math.min(props.max, pgFrom + maxPages - 1)\n if (__boundaryNumbers.value) {\n boundaryStart = true\n pgFrom += 1\n }\n if (__ellipses.value && pgFrom > (props.min + (__boundaryNumbers.value ? 1 : 0))) {\n ellipsesStart = true\n pgFrom += 1\n }\n if (__boundaryNumbers.value) {\n boundaryEnd = true\n pgTo -= 1\n }\n if (__ellipses.value && pgTo < (props.max - (__boundaryNumbers.value ? 1 : 0))) {\n ellipsesEnd = true\n pgTo -= 1\n }\n }\n const style = {\n minWidth: `${ Math.max(2, String(props.max).length) }em`\n }\n if (boundaryStart) {\n const active = props.min === props.modelValue\n contentStart.push(getBtn({\n key: 'bns',\n style,\n disable: props.disable,\n flat: !active,\n textColor: active ? props.textColor : void 0,\n label: props.min\n }, props.min))\n }\n if (boundaryEnd) {\n const active = props.max === props.modelValue\n contentEnd.unshift(getBtn({\n key: 'bne',\n style,\n disable: props.disable,\n flat: !active,\n textColor: active ? props.textColor : void 0,\n label: props.max\n }, props.max))\n }\n if (ellipsesStart) {\n contentStart.push(getBtn({\n key: 'bes',\n style,\n disable: props.disable,\n label: '…',\n ripple: false\n }, pgFrom - 1))\n }\n if (ellipsesEnd) {\n contentEnd.unshift(getBtn({\n key: 'bee',\n style,\n disable: props.disable,\n label: '…',\n ripple: false\n }, pgTo + 1))\n }\n for (let i = pgFrom; i <= pgTo; i++) {\n const btn = {\n key: `bpg${ i }`,\n style,\n disable: props.disable,\n label: i\n }\n if (i === props.modelValue) {\n Object.assign(btn, activeBtnProps.value)\n }\n contentMiddle.push(getBtn(btn, i))\n }\n }\n\n return h('div', {\n class: classes.value,\n ...attrs.value\n }, [\n contentStart,\n\n h('div', {\n class: 'row justify-center'\n }, [\n contentMiddle\n ]),\n\n contentEnd\n ])\n }\n }\n})\n","import { render } from \"./NewPagination.vue?vue&type=template&id=73c47a5f\"\nimport script from \"./NewPagination.vue?vue&type=script&lang=js\"\nexport * from \"./NewPagination.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__\nimport QPagination from 'quasar/src/components/pagination/QPagination.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QPagination});\n","
\n \n \n\n
\n \n \n
\n \n\n
\n \n \n $emit('update:modelValue', val)\"\n >\n \n \n
\n \n \n \n \n\n \n \n
![\"\"](\"@/assets/green-check.svg\")
\n \n \n ![\"\"](\"@/assets/overdraft-repay-info.svg\")
\n ![\"\"](\"@/assets/red-times.svg\")
\n \n \n ![\"\"](\"@/assets/info.svg\")
\n ![\"\"](\"@/assets/white-plus.svg\")
\n ![\"\"](\"@/assets/overdraft-eligibility.svg\")
\n