{"version":3,"sources":["webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/TargetContainer.vue?6a6c","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/Affix.vue","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/BasicUsage.vue","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/data.ts","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/BasicUsage.vue?0203","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/TargetContainer.vue","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/TargetContainer.vue?2afa","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/FixedPosition.vue","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/affix/FixedPosition.vue?4c04","webpack:///./src/view/pages/resources/documentation/element-ui/navigation/Affix.vue?9d99"],"names":["class","href","offset","type","lang","code1","code2","code3","name","components","CodeHighlighter","__exports__","target","position","EUIBasicUsage","EUITargetContainer","EUIFixedPosition","render"],"mappings":"2IAAA,W,iECCE,gCAaM,OAbDA,MAAM,SAAO,CAEhB,gCAGK,MAHDA,MAAM,yBAAuB,CAC/B,gCAAqB,KAAlBC,KAAK,W,6BAAa,aAMvB,gCAEM,OAFDD,MAAM,QAAO,mD,gRATpB,EAcA,yBAA+B,GAC/B,yBAAyC,GACzC,yBAAqC,I,6BChBhCA,MAAM,S,EAET,gCAGK,MAHDA,MAAM,yBAAuB,CAC/B,gCAA2B,KAAxBC,KAAK,iB,6BAAmB,mB,KAM7B,gCAEM,OAFDD,MAAM,QAAO,uDAElB,G,GAGKA,MAAM,uB,+BAEmB,oB,0MAhBhC,gCAqBM,MArBN,EAqBM,CAnBJ,EAOA,EAKA,gCAMM,MANN,EAMM,CALJ,yBAEW,GAFAE,OAAQ,KAAG,C,6BACpB,IAAsD,CAAtD,yBAAsD,GAA3CC,KAAK,WAAS,C,6BAAC,IAAgB,C,kBAG5C,yBAA0D,GAAzCC,KAAK,QAAM,C,6BAAC,IAAW,C,0DAAR,EAAAC,OAAK,K,0BCpB3C,MAAMA,EAAQ,kGAIRC,EAAQ,wKAMRC,EAAQ,qHDoBC,mCAAgB,CAC7BC,KAAM,cACNC,WAAY,CACVC,kBAAA,MAEF,QACE,MAAO,CACLL,Y,qBEhCN,MAAMM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,Q,8FCNRX,MAAM,S,QAET,gCAGK,MAHDA,MAAM,yBAAuB,CAC/B,gCAAgC,KAA7BC,KAAK,sB,6BAAwB,wB,YAMlC,gCAGM,OAHDD,MAAM,QAAM,C,6BAAC,iBACJ,gCAAmB,YAAb,U,6BAAa,qG,OAK5BA,MAAM,uB,GACJA,MAAM,mB,+BAEmB,oB,0MAlBlC,gCAwBM,MAxBN,EAwBM,CAtBJ,EAOA,EAMA,gCAQM,MARN,EAQM,CAPJ,gCAIM,MAJN,EAIM,CAHJ,yBAEW,GAFDY,OAAO,mBAAoBV,OAAQ,I,8BAC3C,IAAsD,CAAtD,yBAAsD,GAA3CC,KAAK,WAAS,C,6BAAC,IAAgB,C,oBAI9C,yBAA0D,GAAzCC,KAAK,QAAM,C,6BAAC,IAAW,C,0DAAR,EAAAE,OAAK,K,UAmB5B,mCAAgB,CAC7BE,KAAM,mBACNC,WAAY,CACVC,kBAAA,MAEF,QACE,MAAO,CACLJ,Y,UC1CN,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,SCRRN,MAAM,S,EAET,gCAGK,MAHDA,MAAM,yBAAuB,CAC/B,gCAA8B,KAA3BC,KAAK,oB,6BAAsB,sB,KAMhC,gCAGM,OAHDD,MAAM,QAAM,C,6BAAC,uDACkC,gCAAgB,YAAV,O,6BAAU,SAClE,gCAAmB,YAAb,U,6BAAa,Q,MAIhBA,MAAM,uB,+BAEmB,sB,0MAjBhC,gCAsBM,MAtBN,EAsBM,CApBJ,EAOA,EAMA,gCAMM,MANN,EAMM,CALJ,yBAEW,GAFDa,SAAS,SAAUX,OAAQ,I,8BACnC,IAAwD,CAAxD,yBAAwD,GAA7CC,KAAK,WAAS,C,6BAAC,IAAkB,C,kBAG9C,yBAA0D,GAAzCC,KAAK,QAAM,C,6BAAC,IAAW,C,0DAAR,EAAAG,OAAK,K,UAU5B,mCAAgB,CAC7BC,KAAM,iBACNC,WAAY,CACVC,kBAAA,MAEF,QACE,MAAO,CACLH,YCjCN,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,KAErD,QPoBA,+BAAgB,CAC7BC,KAAM,QACNC,WAAY,CACVK,cAAA,EACAC,mBAAA,EACAC,iBAAA,GAEF,QACE,eAAoB,YQ9BxB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-2f72a5d6.ef76df68.js","sourcesContent":["export * from \"-!../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./TargetContainer.vue?vue&type=style&index=0&id=aac3057a&scoped=true&lang=css\"","<template>\n  <div class=\"mb-10\">\n    <!--begin::Heading-->\n    <h1 class=\"anchor fw-bolder mb-5\">\n      <a href=\"#affix\"></a>\n      Affix\n    </h1>\n    <!--end::Heading-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      Fix the element to a specific visible area.\n    </div>\n    <!--end::Block-->\n  </div>\n  <EUIBasicUsage></EUIBasicUsage>\n  <EUITargetContainer></EUITargetContainer>\n  <EUIFixedPosition></EUIFixedPosition>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport { setCurrentPageTitle } from \"@/core/helpers/breadcrumbs/breadcrumb\";\nimport EUIBasicUsage from \"@/view/pages/resources/documentation/element-ui/navigation/affix/BasicUsage.vue\";\nimport EUITargetContainer from \"@/view/pages/resources/documentation/element-ui/navigation/affix/TargetContainer.vue\";\nimport EUIFixedPosition from \"@/view/pages/resources/documentation/element-ui/navigation/affix/FixedPosition.vue\";\n\nexport default defineComponent({\n  name: \"badge\",\n  components: {\n    EUIBasicUsage,\n    EUITargetContainer,\n    EUIFixedPosition\n  },\n  setup() {\n    setCurrentPageTitle(\"Affix\");\n  }\n});\n</script>\n","<template>\n  <div class=\"mb-10\">\n    <!--begin::Heading-->\n    <h2 class=\"anchor fw-bolder mb-5\">\n      <a href=\"#basic-usage\"></a>\n      Basic usage\n    </h2>\n    <!--end::Heading-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      Affix is fixed at the top of the page by default.\n    </div>\n    <!--end::Block-->\n\n    <div class=\"rounded border p-10\">\n      <el-affix :offset=\"120\">\n        <el-button type=\"primary\">Offset top 120px</el-button>\n      </el-affix>\n\n      <CodeHighlighter lang=\"html\">{{ code1 }}</CodeHighlighter>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport CodeHighlighter from \"@/view/content/highlighters/CodeHighlighter\";\nimport { code1 } from \"./data.ts\";\n\nexport default defineComponent({\n  name: \"basic-usage\",\n  components: {\n    CodeHighlighter\n  },\n  setup() {\n    return {\n      code1\n    };\n  }\n});\n</script>\n","const code1 = `<el-affix :offset=\"120\">\n  <el-button type=\"primary\">Offset top 120px</el-button>\n</el-affix>`;\n\nconst code2 = `<div class=\"affix-container\">\n  <el-affix target=\".affix-container\" :offset=\"80\">\n    <el-button type=\"primary\">Target container</el-button>\n  </el-affix>\n</div>`;\n\nconst code3 = `<el-affix position=\"bottom\" :offset=\"20\">\n  <el-button type=\"primary\">Offset bottom 20px</el-button>\n</el-affix>`;\n\nexport { code1, code2, code3 };\n","import { render } from \"./BasicUsage.vue?vue&type=template&id=af0ce71e\"\nimport script from \"./BasicUsage.vue?vue&type=script&lang=js\"\nexport * from \"./BasicUsage.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"mb-10\">\n    <!--begin::Heading-->\n    <h2 class=\"anchor fw-bolder mb-5\">\n      <a href=\"#target-container\"></a>\n      Target container\n    </h2>\n    <!--end::Heading-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      You can set <code>target</code> attribute to keep the affix in the\n      container at all times. It will be hidden if out of range.\n    </div>\n    <!--end::Block-->\n\n    <div class=\"rounded border p-10\">\n      <div class=\"affix-container\">\n        <el-affix target=\".affix-container\" :offset=\"80\">\n          <el-button type=\"primary\">Target container</el-button>\n        </el-affix>\n      </div>\n\n      <CodeHighlighter lang=\"html\">{{ code2 }}</CodeHighlighter>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.affix-container {\n  text-align: center;\n  height: 400px;\n  border-radius: 4px;\n  background: #ecf5ff;\n}\n</style>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport CodeHighlighter from \"@/view/content/highlighters/CodeHighlighter\";\nimport { code2 } from \"./data.ts\";\n\nexport default defineComponent({\n  name: \"target-container\",\n  components: {\n    CodeHighlighter\n  },\n  setup() {\n    return {\n      code2\n    };\n  }\n});\n</script>\n","import { render } from \"./TargetContainer.vue?vue&type=template&id=aac3057a&scoped=true\"\nimport script from \"./TargetContainer.vue?vue&type=script&lang=js\"\nexport * from \"./TargetContainer.vue?vue&type=script&lang=js\"\n\nimport \"./TargetContainer.vue?vue&type=style&index=0&id=aac3057a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-aac3057a\"]])\n\nexport default __exports__","<template>\n  <div class=\"mb-10\">\n    <!--begin::Heading-->\n    <h2 class=\"anchor fw-bolder mb-5\">\n      <a href=\"#fixed-position\"></a>\n      Fixed position\n    </h2>\n    <!--end::Heading-->\n\n    <!--begin::Block-->\n    <div class=\"py-5\">\n      The affix component provides two fixed positions: <code>top</code> and\n      <code>bottom</code>.\n    </div>\n    <!--end::Block-->\n\n    <div class=\"rounded border p-10\">\n      <el-affix position=\"bottom\" :offset=\"20\">\n        <el-button type=\"primary\">Offset bottom 20px</el-button>\n      </el-affix>\n\n      <CodeHighlighter lang=\"html\">{{ code3 }}</CodeHighlighter>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { defineComponent } from \"vue\";\nimport CodeHighlighter from \"@/view/content/highlighters/CodeHighlighter\";\nimport { code3 } from \"./data.ts\";\n\nexport default defineComponent({\n  name: \"fixed-position\",\n  components: {\n    CodeHighlighter\n  },\n  setup() {\n    return {\n      code3\n    };\n  }\n});\n</script>\n","import { render } from \"./FixedPosition.vue?vue&type=template&id=ac4a0bc6\"\nimport script from \"./FixedPosition.vue?vue&type=script&lang=js\"\nexport * from \"./FixedPosition.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Affix.vue?vue&type=template&id=02d53272\"\nimport script from \"./Affix.vue?vue&type=script&lang=js\"\nexport * from \"./Affix.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}