[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"page-c-slider":3},{"examplesHtml":4,"typesHtml":25,"usageHtml":26},{"c-slider\u002Fbasic":5,"c-slider\u002Fticks":15},{"vue":6,"react":8,"angular":10,"typescript":12},[7],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-slider\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> v-model\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"volume\"\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> label\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"Volume\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Value: {{ volume }} %<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">script\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">ref\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'vue'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">const\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\"> volume\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> ref\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">40\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">script\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[9],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">useState\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CSlider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Basic\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">  const\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">volume\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">setVolume\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">] \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> useState\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">40\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">  return\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CSlider\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        value\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">volume\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        label\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"Volume\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        onChangeValue\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:inherit;--shiki-dark:#E06C75;--shiki-dark-font-style:italic\">event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> setVolume\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E5C07B\">event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">detail\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\"> as\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> number\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">)\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Value: \u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">volume\u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> %<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  );\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">};\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[11],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">signal\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <div>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-slider\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        [value]=\"volume()\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        label=\"Volume\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        (changeValue)=\"volume.set($any($event).detail)\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      ><\u002Fc-slider>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <p>Value: {{ volume() }} %<\u002Fp>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> BasicExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  volume\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> signal\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">40\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[13,14],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-slider\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> label\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"Volume\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-slider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>Value: 40 %<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">p\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">const\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\"> slider\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\"> document\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">querySelector\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">'c-slider'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">)\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">!\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\">slider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">value\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 40\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">const\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\"> status\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\"> document\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">querySelector\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">'p'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">)\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">!\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\">slider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">addEventListener\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">'changeValue'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, (\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:inherit;--shiki-dark:#E06C75;--shiki-dark-font-style:italic\">event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\">  status\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">textContent\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `Value: \u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">${\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\">event\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">detail\u003C\u002Fspan>\u003Cspan style=\"color:#CA1243;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> %`\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">});\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"vue":16,"react":18,"angular":20,"typescript":22},[17],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-slider\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      v-model\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"cores\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      label\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"CPU cores\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      labels\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      max\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      min\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      segments\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      step\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"1\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      ticks\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">      unit\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">template\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">script\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> setup\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> lang\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"ts\"\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">ref\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'vue'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">const\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\"> cores\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> ref\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">2\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">script\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[19],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">useState\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CSlider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@cscfi\u002Fcsc-ui-react'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> const\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> Ticks\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> () \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">  const\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">cores\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">setCores\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">] \u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> useState\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">2\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">  return\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> (\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      <\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\">CSlider\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        value\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">cores\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        label\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"CPU cores\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        labels\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        max\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        min\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        segments\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        step\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"1\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        ticks\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        unit\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-light-font-style:inherit;--shiki-dark:#D19A66;--shiki-dark-font-style:italic\">        onChangeValue\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#56B6C2\">=\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">{\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:inherit;--shiki-dark:#E06C75;--shiki-dark-font-style:italic\">event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> setCores\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E5C07B\">event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">detail\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\"> as\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> number\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">)\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">      \u002F>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">    <\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">div\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">  );\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">};\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[21],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">import\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, \u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">signal\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> } \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">from\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> '@angular\u002Fcore'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">@\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">Component\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">({\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  selector\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> 'app-example'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  standalone\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> true\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  schemas\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> [\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\">CUSTOM_ELEMENTS_SCHEMA\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">],\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">  template\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#ABB2BF\">:\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\"> `\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <div>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      <c-slider\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        [value]=\"cores()\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        label=\"CPU cores\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        labels\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        max=\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        min=\"0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        segments=\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        step=\"1\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        ticks\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        unit=\"\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">        (changeValue)=\"cores.set($any($event).detail)\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">      ><\u002Fc-slider>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">    <\u002Fdiv>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">  `\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">})\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">export\u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#C18401;--shiki-dark:#E5C07B\"> TicksExampleComponent\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  cores\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\"> signal\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">2\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">);\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",[23,24],"\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"><\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-slider\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  label\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"CPU cores\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  labels\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  max\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  min\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"0\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  segments\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"8\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  step\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"1\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  ticks\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\">  unit\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">=\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">\"\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">c-slider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>","\u003Cpre class=\"shiki shiki-themes one-light one-dark-pro\" style=\"background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">let\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\"> cores\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#D19A66\"> 2\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">const\u003C\u002Fspan>\u003Cspan style=\"color:#986801;--shiki-dark:#E5C07B\"> slider\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\"> document\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">querySelector\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">'c-slider'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">)\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\">!\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\">slider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">value\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\"> cores\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\">slider\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#4078F2;--shiki-dark:#61AFEF\">addEventListener\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">(\u003C\u002Fspan>\u003Cspan style=\"color:#50A14F;--shiki-dark:#98C379\">'changeValue'\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">, (\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-light-font-style:inherit;--shiki-dark:#E06C75;--shiki-dark-font-style:italic\">event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">) \u003C\u002Fspan>\u003Cspan style=\"color:#A626A4;--shiki-dark:#C678DD\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#E06C75\">  cores\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#56B6C2\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#E5C07B\"> event\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#E45649;--shiki-dark:#E06C75\">detail\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#C678DD\"> as\u003C\u002Fspan>\u003Cspan style=\"color:#0184BC;--shiki-dark:#E5C07B\"> number\u003C\u002Fspan>\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#383A42;--shiki-dark:#ABB2BF\">});\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{},null,1788348227721]