{"version":3,"sources":["webpack:///./src/views/forms/form-element/form-rating/code.js"],"names":["codeBasic","codeBorderLess","codeClearButton","codeDisabled","codeIcon","codeInline","codeInputGroup","codeInternationalization","codeNumber","codeShowValue","codeSize","codeVariant"],"mappings":"kHAAA,uiBAAO,IAAMA,EAAY,gsBA4CZC,EAAiB,gsCA+DjBC,EAAkB,iXA4BlBC,EAAe,8YA4BfC,EAAW,ooBAyCXC,EAAa,+YA4BbC,EAAiB,g5BAkDjBC,EAA2B,uxBA2C3BC,EAAa,40BAoDbC,EAAgB,4wBA4ChBC,EAAW,muBAiDXC,EAAc","file":"js/chunk-2d0d5c5b.839a968f.js","sourcesContent":["export const codeBasic = `\n<template>\n  <div>\n    <b-form-rating\n      no-border\n      v-model=\"value\"\n      variant=\"warning\"\n    />\n    <p class=\"mt-1\">\n      Value: {{ value }}\n    </p>\n    <p>\n      <span> Use </span>\n      <code>readonly</code>\n      <span> prop for readonly mode.</span>\n    </p>\n    <b-form-rating\n      no-border\n      v-model=\"value2\"\n      inline\n      variant=\"warning\"\n      readonly\n    />\n    <p class=\"mt-1 mb-0\">\n      Value: {{ value2 }}\n    </p>\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n  data: () => ({\n    value: null,\n    value2: 2.67,\n  }),\n}\n</script>\n`\n\nexport const codeBorderLess = `\n<template>\n  <div>\n    <div>\n      <label\n        for=\"rating-sm-no-border\"\n        class=\"mr-1\"\n      >Small rating with no border</label>\n      <b-form-rating\n        id=\"rating-sm-no-border\"\n        v-model=\"value\"\n        no-border\n        variant=\"warning\"\n        inline\n        size=\"sm\"\n      />\n    </div>\n    <div class=\"mt-1\">\n      <label\n        for=\"rating-md-no-border\"\n        class=\"mr-1\"\n      >Default rating (medium) with border</label>\n      <b-form-rating\n        id=\"rating-md-no-border\"\n        v-model=\"value\"\n        variant=\"warning\"\n        inline\n      />\n    </div>\n    <div class=\"mt-1\">\n      <label\n        for=\"rating-lg-no-border\"\n        class=\"mr-1\"\n      >Large rating with no border</label>\n      <b-form-rating\n        id=\"rating-lg-no-border\"\n        v-model=\"value\"\n        no-border\n        variant=\"warning\"\n        size=\"lg\"\n        inline\n      />\n    </div>\n    <p class=\"mt-1 mb-0\">\n      Value: {{ value }}\n    </p>\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n  data: () => ({\n    value: null,\n  }),\n}\n</script>\n`\n\nexport const codeClearButton = `\n<template>\n  <div>\n    <b-form-rating\n      no-border\n      v-model=\"value\"\n      show-clear\n      show-value\n      inline\n      variant=\"warning\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n  data: () => ({\n    value: 2.5,\n  }),\n}\n</script>\n`\n\nexport const codeDisabled = `\n<template>\n  <div>\n    <label\n      class=\"mr-1\"\n      for=\"rating-disabled\"\n    >Disabled rating</label>\n    <b-form-rating\n      no-border\n      id=\"rating-disabled\"\n      value=\"2.75\"\n      disabled\n      inline\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n}\n</script>\n`\n\nexport const codeIcon = `\n<template>\n  <b-form-rating\n    show-clear\n    variant=\"danger\"\n  >\n    <feather-icon\n      slot=\"icon-empty\"\n      icon=\"FrownIcon\"\n      size=\"18\"\n    />\n    <feather-icon\n      slot=\"icon-half\"\n      icon=\"MehIcon\"\n      size=\"18\"\n    />\n    <feather-icon\n      slot=\"icon-full\"\n      icon=\"SmileIcon\"\n      size=\"18\"\n      class=\"text-success\"\n    />\n    <feather-icon\n      slot=\"icon-clear\"\n      icon=\"XCircleIcon\"\n      size=\"18\"\n    />\n  </b-form-rating>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n}\n</script>\n`\n\nexport const codeInline = `\n<template>\n  <div>\n    <label\n      for=\"rating-inline\"\n      class=\"mr-1\"\n    >Inline rating:</label>\n    <b-form-rating\n      no-border\n      id=\"rating-inline\"\n      inline\n      variant=\"warning\"\n      value=\"4\"\n    />\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n}\n</script>\n`\n\nexport const codeInputGroup = `\n<template>\n  <div>\n    <b-input-group>\n      <b-input-group-prepend>\n        <b-button @click=\"value = null\">\n          Clear\n        </b-button>\n      </b-input-group-prepend>\n      <b-form-rating\n        no-border\n        v-model=\"value\"\n        inline\n        color=\"#ff8800\"\n      />\n      <b-input-group-append>\n        <b-input-group-text class=\"justify-content-center px-1\">\n          {{ value }}\n        </b-input-group-text>\n      </b-input-group-append>\n    </b-input-group>\n  </div>\n</template>\n\n<script>\nimport {\n  BFormRating,\n  BInputGroup,\n  BInputGroupPrepend,\n  BButton,\n  BInputGroupAppend,\n  BInputGroupText,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n    BInputGroup,\n    BInputGroupPrepend,\n    BButton,\n    BInputGroupAppend,\n    BInputGroupText,\n  },\n  data: () => ({\n    value: null,\n  }),\n}\n</script>\n`\n\nexport const codeInternationalization = `\n<template>\n  <div>\n    <b-form-select\n      v-model=\"locale\"\n      :options=\"locales\"\n      class=\"mb-2\"\n    />\n    <b-form-rating\n      no-border\n      v-model=\"value\"\n      :locale=\"locale\"\n      show-value\n      variant=\"warning\"\n      precision=\"1\"\n      inline\n    />\n  </div>\n</template>\n\n\n<script>\nimport { BFormRating, BFormSelect } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n    BFormSelect,\n  },\n  data: () => ({\n    value: 3.5,\n    locale: 'en-US',\n    locales: [\n      { text: 'English US (en-US)', value: 'en-US' },\n      { text: 'French (fr)', value: 'fr' },\n      { text: 'Persian (fa)', value: 'fa' },\n      { text: 'Arabic Egyptian (ar-EG)', value: 'ar-EG' },\n    ],\n  }),\n}\n</script>\n`\n\nexport const codeNumber = `\n<template>\n  <div>\n    <label\n      for=\"rating-10\"\n      class=\"mr-1\"\n    >Rating with 10 stars:</label>\n    <b-form-rating\n      no-border\n      id=\"rating-10\"\n      v-model=\"value10\"\n      stars=\"10\"\n      inline\n      variant=\"warning\"\n    />\n    <p class=\"mt-1\">\n      Value: {{ value10 }}\n    </p>\n\n    <label\n      for=\"rating-7\"\n      class=\"mr-1\"\n    >Rating with 7 stars:</label>\n    <b-form-rating\n      no-border\n      id=\"rating-7\"\n      v-model=\"value7\"\n      stars=\"7\"\n      inline\n      variant=\"warning\"\n    />\n    <p class=\"mt-1\">\n      Value: {{ value7 }}\n    </p>\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n  data: () => ({\n    value10: null,\n    value7: null,\n  }),\n}\n</script>\n`\n\nexport const codeShowValue = `\n<template>\n  <div>\n    <b-form-rating\n      no-border\n      v-model=\"value\"\n      show-value\n      inline\n      variant=\"warning\"\n    />\n    <p class=\"mt-1\">\n      Value: {{ value }}\n    </p>\n    <p>Optionally show the maximum rating possible by also setting the prop <code>show-value-max</code> to <code>true</code>:</p>\n    <b-form-rating\n      no-border\n      v-model=\"value2\"\n      readonly\n      show-value\n      variant=\"warning\"\n      inline\n      precision=\"2\"\n    />\n    <p class=\"mt-1\">\n      Value: {{ value2 }}\n    </p>\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n  data: () => ({\n    value: 4,\n    value2: 3.555,\n  }),\n}\n</script>\n`\n\nexport const codeSize = `\n<template>\n  <div>\n     <div class=\"mb-1\">\n      <b-form-rating\n        id=\"rating-sm\"\n        v-model=\"value\"\n        size=\"sm\"\n        inline\n\n        variant=\"primary\"\n      />\n    </div>\n    <div class=\"mb-1\">\n      <b-form-rating\n        id=\"rating-md\"\n        v-model=\"value\"\n        inline\n\n        variant=\"primary\"\n      />\n    </div>\n    <div>\n      <b-form-rating\n        id=\"rating-lg\"\n        v-model=\"value\"\n        size=\"lg\"\n\n        inline\n        variant=\"primary\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BFormRating } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRating,\n  },\n  data: () => ({\n    value: null,\n  }),\n}\n</script>\n`\n\nexport const codeVariant = `\n<template>\n  <div>\n    <div class=\"demo-inline-spacing\">\n\n      <!-- Primary -->\n      <b-form-radio\n        v-model=\"selected\"\n        name=\"some-radio9\"\n        value=\"primary\"\n        class=\"custom-control-primary\"\n      >\n        Primary\n      </b-form-radio>\n\n      <!-- secondary -->\n      <b-form-radio\n        v-model=\"selected\"\n        name=\"some-radio9\"\n        value=\"secondary\"\n        class=\"custom-control-secondary\"\n      >\n        Secondary\n      </b-form-radio>\n\n      <!-- success -->\n      <b-form-radio\n        v-model=\"selected\"\n        name=\"some-radio9\"\n        value=\"success\"\n        class=\"custom-control-success\"\n      >\n        Success\n      </b-form-radio>\n\n      <!-- danger -->\n      <b-form-radio\n        v-model=\"selected\"\n        name=\"some-radio9\"\n        value=\"danger\"\n        class=\"custom-control-danger\"\n      >\n        Danger\n      </b-form-radio>\n\n      <!-- warning -->\n      <b-form-radio\n        v-model=\"selected\"\n        name=\"some-radio9\"\n        value=\"warning\"\n        class=\"custom-control-warning\"\n      >\n        Warning\n      </b-form-radio>\n\n      <!-- info -->\n      <b-form-radio\n        v-model=\"selected\"\n        name=\"some-radio9\"\n        value=\"info\"\n        class=\"custom-control-info\"\n      >\n        Info\n      </b-form-radio>\n    </div>\n\n    <!-- Rating -->\n    <b-form-rating\n      v-model=\"value\"\n      :variant=\"selected\"\n      inline\n      no-border\n      class=\"mt-1\"\n    />\n  </div>\n</template>\n\n\n<script>\nimport { BFormRating, BFormRadio, BCardText } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    BFormRadio,\n    BFormRating,\n  },\n  data() {\n    return {\n      value: 3,\n      selected: 'primary',\n    }\n  },\n}\n</script>\n`\n"],"sourceRoot":""}