text: (self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_views_components_vuesax_pagination_pagination_vue"],{
  
  /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=script&lang=js&":
  /*!*****************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=script&lang=js& ***!
    \*****************************************************************************************************************************************************************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  /* harmony export */ });
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  //
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
    name: "pagination",
    data: function data() {
      return {
        title: "Pagination",
        defaultpage: false,
        currentx: 14,
        iconpage: false,
        iconpageination: 64,
        limitpage: false,
        limitx: 17,
        gotopage: false,
        gotox: 12,
        colorpage: false,
        colorx: "#f91f43",
        colorp: 7,
        icdec: 5
      };
    }
  });
  
  /***/ }),
  
  /***/ "./resources/js/views/components/vuesax/pagination/pagination.vue":
  /*!************************************************************************!*\
    !*** ./resources/js/views/components/vuesax/pagination/pagination.vue ***!
    \************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  /* harmony export */ });
  /* harmony import */ var _pagination_vue_vue_type_template_id_60d8fc2e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pagination.vue?vue&type=template&id=60d8fc2e& */ "./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=template&id=60d8fc2e&");
  /* harmony import */ var _pagination_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pagination.vue?vue&type=script&lang=js& */ "./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=script&lang=js&");
  /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
  
  
  
  
  
  /* normalize component */
  ;
  var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__.default)(
    _pagination_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default,
    _pagination_vue_vue_type_template_id_60d8fc2e___WEBPACK_IMPORTED_MODULE_0__.render,
    _pagination_vue_vue_type_template_id_60d8fc2e___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,
    false,
    null,
    null,
    null
    
  )
  
  /* hot reload */
  if (false) { var api; }
  component.options.__file = "resources/js/views/components/vuesax/pagination/pagination.vue"
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);
  
  /***/ }),
  
  /***/ "./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=script&lang=js&":
  /*!*************************************************************************************************!*\
    !*** ./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=script&lang=js& ***!
    \*************************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
  /* harmony export */ });
  /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=script&lang=js&");
   /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); 
  
  /***/ }),
  
  /***/ "./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=template&id=60d8fc2e&":
  /*!*******************************************************************************************************!*\
    !*** ./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=template&id=60d8fc2e& ***!
    \*******************************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_template_id_60d8fc2e___WEBPACK_IMPORTED_MODULE_0__.render),
  /* harmony export */   "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_template_id_60d8fc2e___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)
  /* harmony export */ });
  /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_pagination_vue_vue_type_template_id_60d8fc2e___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=template&id=60d8fc2e& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=template&id=60d8fc2e&");
  
  
  /***/ }),
  
  /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=template&id=60d8fc2e&":
  /*!**********************************************************************************************************************************************************************************************************************************************!*\
    !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/components/vuesax/pagination/pagination.vue?vue&type=template&id=60d8fc2e& ***!
    \**********************************************************************************************************************************************************************************************************************************************/
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
  
  "use strict";
  __webpack_require__.r(__webpack_exports__);
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
  /* harmony export */   "render": () => (/* binding */ render),
  /* harmony export */   "staticRenderFns": () => (/* binding */ staticRenderFns)
  /* harmony export */ });
  var render = function() {
    var _vm = this
    var _h = _vm.$createElement
    var _c = _vm._self._c || _h
    return _c(
      "vs-row",
      { attrs: { "vs-justify": "center" } },
      [
        _c(
          "vs-col",
          {
            attrs: {
              type: "flex",
              "vs-justify": "center",
              "vs-align": "center",
              "vs-lg": "12",
              "vs-xs": "12"
            }
          },
          [
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n          Default Pagination\n          "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.defaultpage = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "The pagination component consists of several elements, all of which are optional. So with no extra class, your pagination links will look as follow :"
                  )
                ]),
                _vm._v(" "),
                _c(
                  "div",
                  [
                    _c("vs-pagination", {
                      attrs: { total: 40 },
                      model: {
                        value: _vm.currentx,
                        callback: function($$v) {
                          _vm.currentx = $$v
                        },
                        expression: "currentx"
                      }
                    })
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.defaultpage },
                    on: {
                      "update:active": function($event) {
                        _vm.defaultpage = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n            <template>\n            <div>\n            <vs-pagination :total="40" v-model="currentx"></vs-pagination>\n            </div>\n            </template>\n            <script>\n            export default {\n            data: () => ({\n            currentx: 14\n            })\n            }\n            </script>\n          '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n          Icon Pagination\n          "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.iconpage = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "\n          To customize the previous and next page icons change the value of the\n          "
                  ),
                  _c("code", [_vm._v("prev-icon")]),
                  _vm._v(" and\n          "),
                  _c("code", [_vm._v("prev-icon")]),
                  _vm._v(
                    " directives. By default, their values are respectively arrow_back and arrow_forward.\n        "
                  )
                ]),
                _vm._v(" "),
                _c(
                  "div",
                  [
                    _c("vs-pagination", {
                      attrs: {
                        total: 100,
                        "prev-icon": "arrow_back",
                        "next-icon": "arrow_forward"
                      },
                      model: {
                        value: _vm.iconpageination,
                        callback: function($$v) {
                          _vm.iconpageination = $$v
                        },
                        expression: "iconpageination"
                      }
                    })
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.iconpage },
                    on: {
                      "update:active": function($event) {
                        _vm.iconpage = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n            <template>\n            <div>\n            <vs-pagination :total="100" v-model="currentx" prev-icon="arrow_back" next-icon="arrow_forward"></vs-pagination>\n            </div>\n            </template>\n            <script>\n            export default {\n            data: () => ({\n            currentx: 64\n            })\n            }\n            </script>\n          '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v(
                      "\n          Limit the amount of links shown\n          "
                    ),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.limitpage = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "\n          By default Vuesax will show a maximum of 9 links. This default behaviour can be changed by setting the\n          "
                  ),
                  _c("code", [_vm._v("max")]),
                  _vm._v(" directive to a different integer value.\n        ")
                ]),
                _vm._v(" "),
                _c(
                  "div",
                  [
                    _c("vs-pagination", {
                      attrs: { total: 30, max: 13 },
                      model: {
                        value: _vm.limitx,
                        callback: function($$v) {
                          _vm.limitx = $$v
                        },
                        expression: "limitx"
                      }
                    })
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.limitpage },
                    on: {
                      "update:active": function($event) {
                        _vm.limitpage = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n            <template>\n            <div>\n            <vs-pagination :total="30" v-model="currentx" :max="13"></vs-pagination>\n            </div>\n            </template>\n            <script>\n            export default {\n            data: () => ({\n            currentx: 17\n            })\n            }\n            </script>\n          '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n          Goto Pagination\n          "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.gotopage = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v("\n          The\n          "),
                  _c("code", [_vm._v("goto")]),
                  _vm._v(
                    " directive will allow users to directly jump to a desired page.\n        "
                  )
                ]),
                _vm._v(" "),
                _c(
                  "div",
                  [
                    _c("vs-pagination", {
                      attrs: { total: 20, goto: "" },
                      model: {
                        value: _vm.gotox,
                        callback: function($$v) {
                          _vm.gotox = $$v
                        },
                        expression: "gotox"
                      }
                    })
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.gotopage },
                    on: {
                      "update:active": function($event) {
                        _vm.gotopage = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n            <template>\n            <div>\n            <vs-pagination :total="20" v-model="currentx" goto ></vs-pagination>\n            </div>\n            </template>\n            <script>\n            export default {\n            data: () => ({\n            currentx: 8\n            })\n            }\n            </script>\n          '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v("\n          Color Pagination\n          "),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.colorpage = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "\n          You can change the color of the component with the property\n          "
                  ),
                  _c("code", [_vm._v("color")]),
                  _vm._v(
                    ", you can use the Main colors or RGB and HEX colors\n        "
                  )
                ]),
                _vm._v(" "),
                _c(
                  "div",
                  { staticClass: "d-flex align-items-center" },
                  [
                    _c("input", {
                      directives: [
                        {
                          name: "model",
                          rawName: "v-model",
                          value: _vm.colorx,
                          expression: "colorx"
                        }
                      ],
                      staticClass: "input-color mr-3",
                      attrs: { type: "color" },
                      domProps: { value: _vm.colorx },
                      on: {
                        input: function($event) {
                          if ($event.target.composing) {
                            return
                          }
                          _vm.colorx = $event.target.value
                        }
                      }
                    }),
                    _vm._v(" "),
                    _c("vs-pagination", {
                      attrs: { color: _vm.colorx, total: 20 },
                      model: {
                        value: _vm.colorp,
                        callback: function($$v) {
                          _vm.colorp = $$v
                        },
                        expression: "colorp"
                      }
                    })
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.colorpage },
                    on: {
                      "update:active": function($event) {
                        _vm.colorpage = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        '\n            <template lang="html">\n            <div class="centerx">\n            <input class="input-color" v-model="colorx" type="color">\n            <vs-pagination :color="colorx" :total="20" v-model="currentx"></vs-pagination>\n            </div>\n            </template>\n            <script>\n            export default {\n            data: ()=>({\n            colorx: \'#f91f43\',\n            currentx: 7\n            })\n            }\n            </script>\n          '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            ),
            _vm._v(" "),
            _c(
              "vs-card",
              [
                _c(
                  "h4",
                  { staticClass: "card-title d-flex" },
                  [
                    _vm._v(
                      "\n          Programmatic Inc/Dec Pagination\n          "
                    ),
                    _c(
                      "vs-button",
                      {
                        staticClass: "ml-auto p-0",
                        attrs: { type: "line" },
                        on: {
                          click: function($event) {
                            _vm.colorpage = true
                          }
                        }
                      },
                      [_c("vs-icon", { attrs: { icon: "code" } })],
                      1
                    )
                  ],
                  1
                ),
                _vm._v(" "),
                _c("p", { staticClass: "card-subtitle" }, [
                  _vm._v(
                    "You can also update page number from outside of pagination component."
                  )
                ]),
                _vm._v(" "),
                _c(
                  "div",
                  { staticClass: "btn-alignment" },
                  [
                    _c("p", [_vm._v("Current: " + _vm._s(_vm.currentx))]),
                    _vm._v(" "),
                    _c(
                      "vs-button",
                      {
                        on: {
                          click: function($event) {
                            _vm.currentx++
                          }
                        }
                      },
                      [_vm._v("Increment")]
                    ),
                    _vm._v(" "),
                    _c(
                      "vs-button",
                      {
                        on: {
                          click: function($event) {
                            _vm.currentx--
                          }
                        }
                      },
                      [_vm._v("Decrement")]
                    ),
                    _vm._v(" "),
                    _c("br"),
                    _vm._v(" "),
                    _c("br"),
                    _vm._v(" "),
                    _c("vs-pagination", {
                      attrs: { total: 20 },
                      model: {
                        value: _vm.icdec,
                        callback: function($$v) {
                          _vm.icdec = $$v
                        },
                        expression: "icdec"
                      }
                    })
                  ],
                  1
                ),
                _vm._v(" "),
                _c(
                  "vs-popup",
                  {
                    staticClass: "holamundo",
                    attrs: { title: "Code", active: _vm.colorpage },
                    on: {
                      "update:active": function($event) {
                        _vm.colorpage = $event
                      }
                    }
                  },
                  [
                    _c("vs-prism", [
                      _vm._v(
                        "\n            <template>\n            <div>\n            <p>Current: " +
                          _vm._s(_vm.currentx) +
                          '</p>\n            <vs-button @click="currentx++">Increment</vs-button>\n            <vs-button @click="currentx--">Decrement</vs-button>\n            <br><br>\n            <vs-pagination :total="20" v-model="currentx"></vs-pagination>\n            </div>\n            </template>\n            <script>\n            export default {\n            data: () => ({\n            currentx: 5\n            })\n            }\n            </script>\n          '
                      )
                    ])
                  ],
                  1
                )
              ],
              1
            )
          ],
          1
        )
      ],
      1
    )
  }
  var staticRenderFns = []
  render._withStripped = true
  
  
  
  /***/ })
  
  }]);