exports.id = 509;
exports.ids = [509];
exports.modules = {

/***/ 706:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "data": () => (/* binding */ data)
/* harmony export */ });
const data = {
  "key": "v-8daa1a0e",
  "path": "/",
  "title": "vue-mark-text",
  "lang": "en-US",
  "frontmatter": {},
  "excerpt": "",
  "headers": [],
  "filePathRelative": "README.md",
  "git": {
    "updatedTime": 1591318310000,
    "contributors": [
      {
        "name": "Joe",
        "email": "mitchelljoe3@gmail.com",
        "commits": 11
      },
      {
        "name": "joe",
        "email": "mitchelljoe3@gmail.com",
        "commits": 3
      }
    ]
  }
}


/***/ }),

/***/ 803:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": () => (/* binding */ README)
});

;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[1]!./node_modules/@vuepress/bundler-webpack/lib/build/ssr/vuepressLoader.js!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./doc/.vuepress/.temp/pages/README.vue?vue&type=template&id=6401f2e0

function ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<!--[--><h1 id="vue-mark-text"><a class="header-anchor" href="#vue-mark-text">#</a> vue-mark-text</h1><p>Highlight/mark text based on character indices.</p><p>Supply text along with <code>marks</code>, an iterable of objects with <code>begChar</code>, <code>endChar</code>, <code>text</code>, and (optional) <code>subject</code>, where <code>begChar</code>/<code>endChar</code> are character indices in the text. The component will split the text into batches of spans. The <code>subject</code> string along with customizable <code>colorOptions</code> and <code>subjectStyleType</code> parameters is used to control the style of the text. This automatically handles overlap by merging classes (see subpackage <code>etali</code> for batch and merging implementations).</p><p>A <code>controller</code> may also be supplied to catch the events from clicking on the text spans and trigger callback. Three controllers are provided in the library. By default, <code>NullController</code> has no callback. <code>TextSelectionController</code> consumes clicks and drags, annotating by dragging over text as one would expect and also automatically expanding to an entire mark if it is clicked on without dragging. <code>WordSelectionController</code> behaves similarly, with the added functionality that it expands selection to the nearest word boundaries on raw text clicks and drags.</p><p><code>vue-mark-text</code> natively handles selection using spans to interfere as little as possible with the rest of the application. The selection may be controlled directly in MarkedText using the methods <code>get</code>/<code>set</code>/<code>reset\`\`Selection</code>, or through a controller like WordSelectionController. The native selection specifically deals with text char indices and not the DOM.</p><p>MarkedText is used like:</p><div class="language-markup ext-html line-numbers-mode"><pre class="language-markup"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>MarkedText</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>mt<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:sourceText</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>sourceText<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:marks</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>marks<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:controller</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>controller<span class="token punctuation">&quot;</span></span><span class="token punctuation">/&gt;</span></span>
</code></pre><div class="line-numbers"><span class="line-number">1</span><br></div></div><!--]-->`)
}
// EXTERNAL MODULE: external "vue"
var external_vue_ = __webpack_require__(103);
;// CONCATENATED MODULE: ./doc/.vuepress/.temp/pages/README.vue

const script = {}
;
script.ssrRender = (...args) => {
  const ssrContext = args[2].appContext.provides[external_vue_.ssrContextKey]
  ssrContext._registeredComponents.add("/home/joe/webbery/mortalarcjs/vue-mark-text/node_modules/@vuepress/bundler-webpack/lib/build/ssr/vuepressLoader.js!/home/joe/webbery/mortalarcjs/vue-mark-text/node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!/home/joe/webbery/mortalarcjs/vue-mark-text/doc/.vuepress/.temp/pages/README.vue")
  return ssrRender(...args)
}


/* harmony default export */ const README = (script);

/***/ })

};
;
//# sourceMappingURL=509.app.js.map