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

/***/ 419:
/***/ ((__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-71dae6b4",
  "path": "/subject.html",
  "title": "Subject",
  "lang": "en-US",
  "frontmatter": {},
  "excerpt": "",
  "headers": [],
  "filePathRelative": "subject.md",
  "git": {
    "updatedTime": 1591318310000,
    "contributors": [
      {
        "name": "joe",
        "email": "mitchelljoe3@gmail.com",
        "commits": 2
      }
    ]
  }
}


/***/ }),

/***/ 47:
/***/ ((__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 */ subject)
});

// EXTERNAL MODULE: external "vue"
var external_vue_ = __webpack_require__(103);
// EXTERNAL MODULE: external "@vue/server-renderer"
var server_renderer_ = __webpack_require__(745);
;// 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/subject.vue?vue&type=template&id=95efbbf6



function ssrRender(_ctx, _push, _parent, _attrs) {
  const _component_OutboundLink = (0,external_vue_.resolveComponent)("OutboundLink")
  const _component_ClientOnly = (0,external_vue_.resolveComponent)("ClientOnly")
  const _component_SubjectTest = (0,external_vue_.resolveComponent)("SubjectTest")

  _push(`<!--[--><h1 id="subject"><a class="header-anchor" href="#subject">#</a> Subject</h1><p>The subjects can be controlled from access to the <code>MarkedText</code>, using methods such as <code>toggleSubject</code> or <code>lineConnectSubject</code>. Below shows some access to these methods, mapped to buttons.</p><p><code>colorOptions</code> and <code>subjectStyleType</code> control the look of subjects. We use the <a href="https://www.npmjs.com/package/color-scheme" target="_blank" rel="noopener noreferrer"><code>color-scheme</code>`)
  _push((0,server_renderer_.ssrRenderComponent)(_component_OutboundLink, null, null, _parent))
  _push(`</a> package to manage color options (this may change in the near future). <code>colorOptions</code> derives its parameters from this usage. <code>subjectStyleType</code> controls how these colors are derived and their relationship; the default gives 16 relatively distinct colors.</p><p>We also implement connecting lines between marks that share the same subject. This feature is fairly prototypical, with little option for customization. Suggestions for improvement and use-cases are encouraged.</p><p>The following example is the Vue component found in <code>test/SubjectTest.vue</code>.</p>`)
  _push((0,server_renderer_.ssrRenderComponent)(_component_ClientOnly, null, {
    default: (0,external_vue_.withCtx)((_, _push, _parent, _scopeId) => {
      if (_push) {
        _push((0,server_renderer_.ssrRenderComponent)(_component_SubjectTest, null, null, _parent))
      } else {
        return [
          (0,external_vue_.createVNode)(_component_SubjectTest)
        ]
      }
    }),
    _: 1
  }, _parent))
  _push(`<!--]-->`)
}
;// CONCATENATED MODULE: ./doc/.vuepress/.temp/pages/subject.vue?vue&type=template&id=95efbbf6

;// CONCATENATED MODULE: ./doc/.vuepress/.temp/pages/subject.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/subject.vue")
  return ssrRender(...args)
}


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

/***/ })

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