{"version":3,"file":"90.js","sources":["webpack:///src/views/forms/form-input-group/FormInputGroup.vue","webpack:///src/views/forms/form-input-group/FormInputGroupBasic.vue","webpack:///src/views/forms/form-input-group/FormInputGroupButtonAddons.vue","webpack:///src/views/forms/form-input-group/FormInputGroupFormElements.vue","webpack:///src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue","webpack:///src/views/forms/form-input-group/FormInputGroupSizing.vue","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?dd59","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?798c","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue?68b7","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue?da49","webpack:///./src/views/forms/form-input-group/FormInputGroup.vue?1fb7","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?5b21","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?09e2","webpack:///./src/views/forms/form-input-group/FormInputGroupBasic.vue?c1fa","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?5815","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?a878","webpack:///./src/views/forms/form-input-group/FormInputGroupButtonAddons.vue?a1d0","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?7229","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?fe8f","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?e969","webpack:///./src/views/forms/form-input-group/FormInputGroupFormElements.vue?56e2","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?9380","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?9cd7","webpack:///./src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue?9a9c","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?a478","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?e925","webpack:///./src/views/forms/form-input-group/FormInputGroupSizing.vue?1aee"],"sourcesContent":["<template>\n  <div id=\"input-group-demo\">\n    <form-input-group-basic></form-input-group-basic>\n    <form-input-group-sizing></form-input-group-sizing>\n    <form-input-group-form-elements></form-input-group-form-elements>\n    <form-input-group-multiple-addons></form-input-group-multiple-addons>\n    <form-input-group-button-addons></form-input-group-button-addons>\n  </div>\n</template>\n\n<script>\nimport FormInputGroupBasic from './FormInputGroupBasic.vue'\nimport FormInputGroupSizing from './FormInputGroupSizing.vue'\nimport FormInputGroupFormElements from './FormInputGroupFormElements.vue'\nimport FormInputGroupMultipleAddons from './FormInputGroupMultipleAddons.vue'\nimport FormInputGroupButtonAddons from './FormInputGroupButtonAddons.vue'\n\nexport default {\n  components: {\n    FormInputGroupBasic,\n    FormInputGroupSizing,\n    FormInputGroupFormElements,\n    FormInputGroupButtonAddons,\n    FormInputGroupMultipleAddons\n  }\n}\n</script>\n","<template>\n  <vx-card title=\"Basic\" code-toggler>\n\n    <div class=\"mb-base\">\n      <p><code>vx-input-group</code> component provides various options to create desired form input group.</p>\n    </div>\n\n    <!-- TITLE -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>@</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"title\" placeholder=\"Email\" />\n    </vx-input-group>\n    <!-- /TITLE -->\n\n    <!-- URL -->\n    <vx-input-group class=\"mb-base\">\n      <vs-input v-model=\"username\" placeholder=\"Username\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text bg-primary\">\n          <span>@url.com</span>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /URL -->\n\n    <!-- USERNAME -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>https://pixinvent.com/users/</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"siteUsername\" />\n    </vx-input-group>\n    <!-- /USERNAME -->\n\n    <!-- currency -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>$</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"amount\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text bg-primary\">\n          <span>.00</span>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /currency -->\n\n    <!-- Textarea -->\n    <vx-input-group>\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Description</span>\n        </div>\n      </template>\n\n      <vs-textarea v-model=\"textarea\" />\n    </vx-input-group>\n    <!-- /Textarea -->\n\n    <template slot=\"codeContainer\">\n&lt;tempalte&gt;\n  &lt;!-- TITLE --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;@&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;title&quot; placeholder=&quot;Email&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /TITLE --&gt;\n\n  &lt;!-- URL --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;vs-input v-model=&quot;username&quot; placeholder=&quot;Username&quot; /&gt;\n\n    &lt;template slot=&quot;append&quot;&gt;\n      &lt;div class=&quot;append-text bg-primary&quot;&gt;\n        &lt;span&gt;@url.com&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /URL --&gt;\n\n  &lt;!-- USERNAME --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;https://pixinvent.com/users/&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;siteUsername&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /USERNAME --&gt;\n\n  &lt;!-- currency --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;$&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;amount&quot; /&gt;\n\n    &lt;template slot=&quot;append&quot;&gt;\n      &lt;div class=&quot;append-text bg-primary&quot;&gt;\n        &lt;span&gt;.00&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /currency --&gt;\n\n  &lt;!-- Textarea --&gt;\n  &lt;vx-input-group&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Description&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-textarea v-model=&quot;textarea&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /Textarea --&gt;\n&lt;/tempalte&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      title: &apos;&apos;,\n      username: &apos;&apos;,\n      siteUsername: &apos;&apos;,\n      amount: &apos;&apos;,\n      textarea: &apos;&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      title: '',\n      username: '',\n      siteUsername: '',\n      amount: '',\n      textarea: ''\n    }\n  }\n}\n</script>\n","<template>\n  <vx-card title=\"Button addons\" code-toggler>\n\n    <div class=\"mb-base\">\n      <span>You can also use button as addons to your input</span>\n    </div>\n\n    <!-- Basic -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text btn-addon\">\n          <vs-button color=\"primary\">Button</vs-button>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input1\" />\n    </vx-input-group>\n    <!-- /Basic -->\n\n    <!-- Append Button -->\n    <vx-input-group class=\"mb-base\">\n      <vs-input v-model=\"input2\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text btn-addon\">\n          <vs-button color=\"primary\">Button</vs-button>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /Append Button -->\n\n    <!-- Prepend Two Buttons -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text btn-addon\">\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input3\" />\n    </vx-input-group>\n    <!-- /Prepend Two Buttons -->\n\n    <!-- Append Two Buttons -->\n    <vx-input-group class=\"mb-base\">\n      <vs-input v-model=\"input4\" />\n\n      <template slot=\"append\">\n        <div class=\"append-text btn-addon\">\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\n        </div>\n      </template>\n    </vx-input-group>\n    <!-- /Append Two Buttons -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div&gt;\n    &lt;!-- Basic --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;prepend&quot;&gt;\n        &lt;div class=&quot;prepend-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot;&gt;Button&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;input1&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Basic --&gt;\n\n    &lt;!-- Append Button --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;vs-input v-model=&quot;input2&quot; /&gt;\n\n      &lt;template slot=&quot;append&quot;&gt;\n        &lt;div class=&quot;append-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot;&gt;Button&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Append Button --&gt;\n\n    &lt;!-- Prepend Two Buttons --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;prepend&quot;&gt;\n        &lt;div class=&quot;prepend-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button1&lt;/vs-button&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button2&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;input3&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Prepend Two Buttons --&gt;\n\n    &lt;!-- Append Two Buttons --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;vs-input v-model=&quot;input4&quot; /&gt;\n\n      &lt;template slot=&quot;append&quot;&gt;\n        &lt;div class=&quot;append-text btn-addon&quot;&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button1&lt;/vs-button&gt;\n          &lt;vs-button color=&quot;primary&quot; type=&quot;border&quot;&gt;Button2&lt;/vs-button&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /Append Two Buttons --&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      input1: &apos;&apos;,\n      input2: &apos;&apos;,\n      input3: &apos;&apos;,\n      input4: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      input1: '',\n      input2: '',\n      input3: '',\n      input4: ''\n    }\n  }\n}\n</script>\n","<template>\n  <vx-card title=\"Form Elements\" code-toggler>\n\n    <div class=\"mb-base\">\n      <p>You can also add form elements to prepend/append slot. Using <strong>tailwind css</strong>, you can tune appearance as you like.</p>\n    </div>\n\n    <!-- CHECKBOX -->\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text\">\n          <vs-checkbox v-model=\"checkbox1\"></vs-checkbox>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input1\" />\n    </vx-input-group>\n    <!-- /CHECKBOX -->\n\n    <!-- RADIO -->\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text\">\n          <vs-radio v-model=\"radios1\" vs-value=\"radio1\"></vs-radio>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input2\" />\n    </vx-input-group>\n    <!-- /RADIO -->\n\n    <!-- SWITCH -->\n    <vx-input-group class=\"mb-base form-element-demo\" prependClasses=\"border border-solid form-element-border border-r-0\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text\">\n          <vs-switch v-model=\"switch1\" />\n        </div>\n      </template>\n\n      <vs-input v-model=\"input3\" />\n    </vx-input-group>\n    <!-- /SWITCH -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;!-- CHECKBOX --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text&quot;&gt;\n        &lt;vs-checkbox v-model=&quot;checkbox1&quot;&gt;&lt;/vs-checkbox&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input1&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /CHECKBOX --&gt;\n\n  &lt;!-- RADIO --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text&quot;&gt;\n        &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;radio1&quot;&gt;&lt;/vs-radio&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input2&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /RADIO --&gt;\n\n  &lt;!-- SWITCH --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot; prependClasses=&quot;border border-solid border-grey border-r-0&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text&quot;&gt;\n        &lt;vs-switch v-model=&quot;switch1&quot; /&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input3&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /SWITCH --&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      checkbox1: false,\n      radios1: null,\n      switch1: false,\n      input1: &apos;&apos;,\n      input2: &apos;&apos;,\n      input3: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n\n&#x3C;style lang=&#x22;scss&#x22;&#x3E;\n.vx-input-group {\n  .vx-input-group-prepend.form-element-border {\n    border-color: rgba(0,0,0,0.25);\n  }\n\n}\n\n.theme-dark {\n  .vx-input-group {\n    .vx-input-group-prepend.form-element-border {\n      border-color: rgba(255,255,255,0.25);\n    }\n\n    .vs-inputx {\n      border-color: rgba(255,255,255,0.25) !important;\n    }\n  }\n}\n&#x3C;/style&#x3E;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      checkbox1: false,\n      radios1: null,\n      switch1: false,\n      input1: '',\n      input2: '',\n      input3: ''\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.vx-input-group.form-element-demo {\n  .vx-input-group-prepend.form-element-border {\n    border-color: rgba(0,0,0,0.25);\n  }\n\n}\n\n.theme-dark {\n  .vx-input-group.form-element-demo {\n    .vx-input-group-prepend.form-element-border {\n      border-color: rgba(255,255,255,0.25);\n    }\n\n    .vs-inputx {\n      border-color: rgba(255,255,255,0.25) !important;\n    }\n  }\n}\n</style>\n","<template>\n  <vx-card title=\"Multiple Addons\" code-toggler>\n\n    <div class=\"mb-base\">\n      <p><code>vx-input-group</code> component provides various options to create desired form input group.</p>\n    </div>\n\n    <!-- ADDONS PREPEND -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>$</span>\n        </div>\n        <div class=\"prepend-text bg-primary\">\n          <span>0.00</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"title1\" />\n    </vx-input-group>\n    <!-- /ADDONS PREPEND -->\n\n    <!-- ADDONS APPEND -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"append\">\n        <div class=\"append-text bg-primary\">\n          <span>$</span>\n        </div>\n        <div class=\"append-text bg-primary\">\n          <span>0.00</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"title2\" />\n    </vx-input-group>\n    <!-- /ADDONS APPEND -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div&gt;\n    &lt;!-- ADDONS PREPEND --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;prepend&quot;&gt;\n        &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n          &lt;span&gt;$&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n          &lt;span&gt;0.00&lt;/span&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;title1&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /ADDONS PREPEND --&gt;\n\n    &lt;!-- ADDONS APPEND --&gt;\n    &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n      &lt;template slot=&quot;append&quot;&gt;\n        &lt;div class=&quot;append-text bg-primary&quot;&gt;\n          &lt;span&gt;$&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;append-text bg-primary&quot;&gt;\n          &lt;span&gt;0.00&lt;/span&gt;\n        &lt;/div&gt;\n      &lt;/template&gt;\n\n      &lt;vs-input v-model=&quot;title2&quot; /&gt;\n    &lt;/vx-input-group&gt;\n    &lt;!-- /ADDONS APPEND --&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      title1: &apos;&apos;,\n      title2: &apos;&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      title1: '',\n      title2: ''\n    }\n  }\n}\n</script>\n","<template>\n  <vx-card title=\"Sizing\" code-toggler>\n\n    <div class=\"mb-base\">\n      <span>You can use <code>size</code> prop of <code>vs-input</code> component to change size of input group.</span>\n    </div>\n\n    <!-- SMALL -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Small</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input1\" size=\"small\" />\n    </vx-input-group>\n    <!-- /SMALL -->\n\n    <!-- DEFAULT -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Default</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input2\" />\n    </vx-input-group>\n    <!-- /DEFAULT -->\n\n    <!-- LARGE -->\n    <vx-input-group class=\"mb-base\">\n      <template slot=\"prepend\">\n        <div class=\"prepend-text bg-primary\">\n          <span>Large</span>\n        </div>\n      </template>\n\n      <vs-input v-model=\"input3\" size=\"large\" />\n    </vx-input-group>\n    <!-- /LARGE -->\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;!-- SMALL --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Small&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input1&quot; size=&quot;small&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /SMALL --&gt;\n\n  &lt;!-- DEFAULT --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Default&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input2&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /DEFAULT --&gt;\n\n  &lt;!-- LARGE --&gt;\n  &lt;vx-input-group class=&quot;mb-base&quot;&gt;\n    &lt;template slot=&quot;prepend&quot;&gt;\n      &lt;div class=&quot;prepend-text bg-primary&quot;&gt;\n        &lt;span&gt;Large&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/template&gt;\n\n    &lt;vs-input v-model=&quot;input3&quot; size=&quot;large&quot; /&gt;\n  &lt;/vx-input-group&gt;\n  &lt;!-- /LARGE --&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      input1: &apos;&apos;,\n      input2: &apos;&apos;,\n      input3: &apos;&apos;\n    }\n  }\n}\n&lt;/script&gt;\n    </template>\n\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      input1: '',\n      input2: '',\n      input3: ''\n    }\n  }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { attrs: { id: \"input-group-demo\" } },\n    [\n      _c(\"form-input-group-basic\"),\n      _c(\"form-input-group-sizing\"),\n      _c(\"form-input-group-form-elements\"),\n      _c(\"form-input-group-multiple-addons\"),\n      _c(\"form-input-group-button-addons\"),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Basic\", \"code-toggler\": \"\" } },\n    [\n      _c(\"div\", { staticClass: \"mb-base\" }, [\n        _c(\"p\", [\n          _c(\"code\", [_vm._v(\"vx-input-group\")]),\n          _vm._v(\n            \" component provides various options to create desired form input group.\"\n          ),\n        ]),\n      ]),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"@\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            attrs: { placeholder: \"Email\" },\n            model: {\n              value: _vm.title,\n              callback: function ($$v) {\n                _vm.title = $$v\n              },\n              expression: \"title\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"vs-input\", {\n            attrs: { placeholder: \"Username\" },\n            model: {\n              value: _vm.username,\n              callback: function ($$v) {\n                _vm.username = $$v\n              },\n              expression: \"username\",\n            },\n          }),\n          _c(\"template\", { slot: \"append\" }, [\n            _c(\"div\", { staticClass: \"append-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"@url.com\")]),\n            ]),\n          ]),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"https://pixinvent.com/users/\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.siteUsername,\n              callback: function ($$v) {\n                _vm.siteUsername = $$v\n              },\n              expression: \"siteUsername\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"$\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.amount,\n              callback: function ($$v) {\n                _vm.amount = $$v\n              },\n              expression: \"amount\",\n            },\n          }),\n          _c(\"template\", { slot: \"append\" }, [\n            _c(\"div\", { staticClass: \"append-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\".00\")]),\n            ]),\n          ]),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"Description\")]),\n            ]),\n          ]),\n          _c(\"vs-textarea\", {\n            model: {\n              value: _vm.textarea,\n              callback: function ($$v) {\n                _vm.textarea = $$v\n              },\n              expression: \"textarea\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<tempalte>\\n  <!-- TITLE -->\\n  <vx-input-group class=\"mb-base\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>@</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"title\" placeholder=\"Email\" />\\n  </vx-input-group>\\n  <!-- /TITLE -->\\n\\n  <!-- URL -->\\n  <vx-input-group class=\"mb-base\">\\n    <vs-input v-model=\"username\" placeholder=\"Username\" />\\n\\n    <template slot=\"append\">\\n      <div class=\"append-text bg-primary\">\\n        <span>@url.com</span>\\n      </div>\\n    </template>\\n  </vx-input-group>\\n  <!-- /URL -->\\n\\n  <!-- USERNAME -->\\n  <vx-input-group class=\"mb-base\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>https://pixinvent.com/users/</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"siteUsername\" />\\n  </vx-input-group>\\n  <!-- /USERNAME -->\\n\\n  <!-- currency -->\\n  <vx-input-group class=\"mb-base\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>$</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"amount\" />\\n\\n    <template slot=\"append\">\\n      <div class=\"append-text bg-primary\">\\n        <span>.00</span>\\n      </div>\\n    </template>\\n  </vx-input-group>\\n  <!-- /currency -->\\n\\n  <!-- Textarea -->\\n  <vx-input-group>\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>Description</span>\\n      </div>\\n    </template>\\n\\n    <vs-textarea v-model=\"textarea\" />\\n  </vx-input-group>\\n  <!-- /Textarea -->\\n</tempalte>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      title: \\'\\',\\n      username: \\'\\',\\n      siteUsername: \\'\\',\\n      amount: \\'\\',\\n      textarea: \\'\\',\\n    }\\n  }\\n}\\n</script>\\n    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Button addons\", \"code-toggler\": \"\" } },\n    [\n      _c(\"div\", { staticClass: \"mb-base\" }, [\n        _c(\"span\", [_vm._v(\"You can also use button as addons to your input\")]),\n      ]),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"prepend-text btn-addon\" },\n              [\n                _c(\"vs-button\", { attrs: { color: \"primary\" } }, [\n                  _vm._v(\"Button\"),\n                ]),\n              ],\n              1\n            ),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input1,\n              callback: function ($$v) {\n                _vm.input1 = $$v\n              },\n              expression: \"input1\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input2,\n              callback: function ($$v) {\n                _vm.input2 = $$v\n              },\n              expression: \"input2\",\n            },\n          }),\n          _c(\"template\", { slot: \"append\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"append-text btn-addon\" },\n              [\n                _c(\"vs-button\", { attrs: { color: \"primary\" } }, [\n                  _vm._v(\"Button\"),\n                ]),\n              ],\n              1\n            ),\n          ]),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"prepend-text btn-addon\" },\n              [\n                _c(\n                  \"vs-button\",\n                  { attrs: { color: \"primary\", type: \"border\" } },\n                  [_vm._v(\"Button1\")]\n                ),\n                _c(\n                  \"vs-button\",\n                  { attrs: { color: \"primary\", type: \"border\" } },\n                  [_vm._v(\"Button2\")]\n                ),\n              ],\n              1\n            ),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input3,\n              callback: function ($$v) {\n                _vm.input3 = $$v\n              },\n              expression: \"input3\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input4,\n              callback: function ($$v) {\n                _vm.input4 = $$v\n              },\n              expression: \"input4\",\n            },\n          }),\n          _c(\"template\", { slot: \"append\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"append-text btn-addon\" },\n              [\n                _c(\n                  \"vs-button\",\n                  { attrs: { color: \"primary\", type: \"border\" } },\n                  [_vm._v(\"Button1\")]\n                ),\n                _c(\n                  \"vs-button\",\n                  { attrs: { color: \"primary\", type: \"border\" } },\n                  [_vm._v(\"Button2\")]\n                ),\n              ],\n              1\n            ),\n          ]),\n        ],\n        2\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <div>\\n    <!-- Basic -->\\n    <vx-input-group class=\"mb-base\">\\n      <template slot=\"prepend\">\\n        <div class=\"prepend-text btn-addon\">\\n          <vs-button color=\"primary\">Button</vs-button>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\"input1\" />\\n    </vx-input-group>\\n    <!-- /Basic -->\\n\\n    <!-- Append Button -->\\n    <vx-input-group class=\"mb-base\">\\n      <vs-input v-model=\"input2\" />\\n\\n      <template slot=\"append\">\\n        <div class=\"append-text btn-addon\">\\n          <vs-button color=\"primary\">Button</vs-button>\\n        </div>\\n      </template>\\n    </vx-input-group>\\n    <!-- /Append Button -->\\n\\n    <!-- Prepend Two Buttons -->\\n    <vx-input-group class=\"mb-base\">\\n      <template slot=\"prepend\">\\n        <div class=\"prepend-text btn-addon\">\\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\"input3\" />\\n    </vx-input-group>\\n    <!-- /Prepend Two Buttons -->\\n\\n    <!-- Append Two Buttons -->\\n    <vx-input-group class=\"mb-base\">\\n      <vs-input v-model=\"input4\" />\\n\\n      <template slot=\"append\">\\n        <div class=\"append-text btn-addon\">\\n          <vs-button color=\"primary\" type=\"border\">Button1</vs-button>\\n          <vs-button color=\"primary\" type=\"border\">Button2</vs-button>\\n        </div>\\n      </template>\\n    </vx-input-group>\\n    <!-- /Append Two Buttons -->\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      input1: \\'\\',\\n      input2: \\'\\',\\n      input3: \\'\\',\\n      input4: \\'\\'\\n    }\\n  }\\n}\\n</script>\\n    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Form Elements\", \"code-toggler\": \"\" } },\n    [\n      _c(\"div\", { staticClass: \"mb-base\" }, [\n        _c(\"p\", [\n          _vm._v(\n            \"You can also add form elements to prepend/append slot. Using \"\n          ),\n          _c(\"strong\", [_vm._v(\"tailwind css\")]),\n          _vm._v(\", you can tune appearance as you like.\"),\n        ]),\n      ]),\n      _c(\n        \"vx-input-group\",\n        {\n          staticClass: \"mb-base form-element-demo\",\n          attrs: {\n            prependClasses:\n              \"border border-solid form-element-border border-r-0\",\n          },\n        },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"prepend-text\" },\n              [\n                _c(\"vs-checkbox\", {\n                  model: {\n                    value: _vm.checkbox1,\n                    callback: function ($$v) {\n                      _vm.checkbox1 = $$v\n                    },\n                    expression: \"checkbox1\",\n                  },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input1,\n              callback: function ($$v) {\n                _vm.input1 = $$v\n              },\n              expression: \"input1\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        {\n          staticClass: \"mb-base form-element-demo\",\n          attrs: {\n            prependClasses:\n              \"border border-solid form-element-border border-r-0\",\n          },\n        },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"prepend-text\" },\n              [\n                _c(\"vs-radio\", {\n                  attrs: { \"vs-value\": \"radio1\" },\n                  model: {\n                    value: _vm.radios1,\n                    callback: function ($$v) {\n                      _vm.radios1 = $$v\n                    },\n                    expression: \"radios1\",\n                  },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input2,\n              callback: function ($$v) {\n                _vm.input2 = $$v\n              },\n              expression: \"input2\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        {\n          staticClass: \"mb-base form-element-demo\",\n          attrs: {\n            prependClasses:\n              \"border border-solid form-element-border border-r-0\",\n          },\n        },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"prepend-text\" },\n              [\n                _c(\"vs-switch\", {\n                  model: {\n                    value: _vm.switch1,\n                    callback: function ($$v) {\n                      _vm.switch1 = $$v\n                    },\n                    expression: \"switch1\",\n                  },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input3,\n              callback: function ($$v) {\n                _vm.input3 = $$v\n              },\n              expression: \"input3\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <!-- CHECKBOX -->\\n  <vx-input-group class=\"mb-base\" prependClasses=\"border border-solid border-grey border-r-0\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text\">\\n        <vs-checkbox v-model=\"checkbox1\"></vs-checkbox>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"input1\" />\\n  </vx-input-group>\\n  <!-- /CHECKBOX -->\\n\\n  <!-- RADIO -->\\n  <vx-input-group class=\"mb-base\" prependClasses=\"border border-solid border-grey border-r-0\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text\">\\n        <vs-radio v-model=\"radios1\" vs-value=\"radio1\"></vs-radio>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"input2\" />\\n  </vx-input-group>\\n  <!-- /RADIO -->\\n\\n  <!-- SWITCH -->\\n  <vx-input-group class=\"mb-base\" prependClasses=\"border border-solid border-grey border-r-0\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text\">\\n        <vs-switch v-model=\"switch1\" />\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"input3\" />\\n  </vx-input-group>\\n  <!-- /SWITCH -->\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      checkbox1: false,\\n      radios1: null,\\n      switch1: false,\\n      input1: \\'\\',\\n      input2: \\'\\',\\n      input3: \\'\\'\\n    }\\n  }\\n}\\n</script>\\n\\n<style lang=\"scss\">\\n.vx-input-group {\\n  .vx-input-group-prepend.form-element-border {\\n    border-color: rgba(0,0,0,0.25);\\n  }\\n\\n}\\n\\n.theme-dark {\\n  .vx-input-group {\\n    .vx-input-group-prepend.form-element-border {\\n      border-color: rgba(255,255,255,0.25);\\n    }\\n\\n    .vs-inputx {\\n      border-color: rgba(255,255,255,0.25) !important;\\n    }\\n  }\\n}\\n</style>\\n    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Multiple Addons\", \"code-toggler\": \"\" } },\n    [\n      _c(\"div\", { staticClass: \"mb-base\" }, [\n        _c(\"p\", [\n          _c(\"code\", [_vm._v(\"vx-input-group\")]),\n          _vm._v(\n            \" component provides various options to create desired form input group.\"\n          ),\n        ]),\n      ]),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"$\")]),\n            ]),\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"0.00\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.title1,\n              callback: function ($$v) {\n                _vm.title1 = $$v\n              },\n              expression: \"title1\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"append\" }, [\n            _c(\"div\", { staticClass: \"append-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"$\")]),\n            ]),\n            _c(\"div\", { staticClass: \"append-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"0.00\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.title2,\n              callback: function ($$v) {\n                _vm.title2 = $$v\n              },\n              expression: \"title2\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <div>\\n    <!-- ADDONS PREPEND -->\\n    <vx-input-group class=\"mb-base\">\\n      <template slot=\"prepend\">\\n        <div class=\"prepend-text bg-primary\">\\n          <span>$</span>\\n        </div>\\n        <div class=\"prepend-text bg-primary\">\\n          <span>0.00</span>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\"title1\" />\\n    </vx-input-group>\\n    <!-- /ADDONS PREPEND -->\\n\\n    <!-- ADDONS APPEND -->\\n    <vx-input-group class=\"mb-base\">\\n      <template slot=\"append\">\\n        <div class=\"append-text bg-primary\">\\n          <span>$</span>\\n        </div>\\n        <div class=\"append-text bg-primary\">\\n          <span>0.00</span>\\n        </div>\\n      </template>\\n\\n      <vs-input v-model=\"title2\" />\\n    </vx-input-group>\\n    <!-- /ADDONS APPEND -->\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      title1: \\'\\',\\n      title2: \\'\\',\\n    }\\n  }\\n}\\n</script>\\n    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Sizing\", \"code-toggler\": \"\" } },\n    [\n      _c(\"div\", { staticClass: \"mb-base\" }, [\n        _c(\"span\", [\n          _vm._v(\"You can use \"),\n          _c(\"code\", [_vm._v(\"size\")]),\n          _vm._v(\" prop of \"),\n          _c(\"code\", [_vm._v(\"vs-input\")]),\n          _vm._v(\" component to change size of input group.\"),\n        ]),\n      ]),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"Small\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            attrs: { size: \"small\" },\n            model: {\n              value: _vm.input1,\n              callback: function ($$v) {\n                _vm.input1 = $$v\n              },\n              expression: \"input1\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"Default\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            model: {\n              value: _vm.input2,\n              callback: function ($$v) {\n                _vm.input2 = $$v\n              },\n              expression: \"input2\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\n        \"vx-input-group\",\n        { staticClass: \"mb-base\" },\n        [\n          _c(\"template\", { slot: \"prepend\" }, [\n            _c(\"div\", { staticClass: \"prepend-text bg-primary\" }, [\n              _c(\"span\", [_vm._v(\"Large\")]),\n            ]),\n          ]),\n          _c(\"vs-input\", {\n            attrs: { size: \"large\" },\n            model: {\n              value: _vm.input3,\n              callback: function ($$v) {\n                _vm.input3 = $$v\n              },\n              expression: \"input3\",\n            },\n          }),\n        ],\n        2\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <!-- SMALL -->\\n  <vx-input-group class=\"mb-base\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>Small</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"input1\" size=\"small\" />\\n  </vx-input-group>\\n  <!-- /SMALL -->\\n\\n  <!-- DEFAULT -->\\n  <vx-input-group class=\"mb-base\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>Default</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"input2\" />\\n  </vx-input-group>\\n  <!-- /DEFAULT -->\\n\\n  <!-- LARGE -->\\n  <vx-input-group class=\"mb-base\">\\n    <template slot=\"prepend\">\\n      <div class=\"prepend-text bg-primary\">\\n        <span>Large</span>\\n      </div>\\n    </template>\\n\\n    <vs-input v-model=\"input3\" size=\"large\" />\\n  </vx-input-group>\\n  <!-- /LARGE -->\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      input1: \\'\\',\\n      input2: \\'\\',\\n      input3: \\'\\'\\n    }\\n  }\\n}\\n</script>\\n    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"[dir] .vx-input-group.form-element-demo .vx-input-group-prepend.form-element-border {\\n  border-color: rgba(0, 0, 0, 0.25);\\n}\\n[dir] .theme-dark .vx-input-group.form-element-demo .vx-input-group-prepend.form-element-border {\\n  border-color: rgba(255, 255, 255, 0.25);\\n}\\n[dir] .theme-dark .vx-input-group.form-element-demo .vs-inputx {\\n  border-color: rgba(255, 255, 255, 0.25) !important;\\n}\", \"\"]);\n\n// exports\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=style&index=0&id=216cf526&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"25115a82\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=style&index=0&id=216cf526&lang=scss&\", function() {\n     var newContent = require(\"!!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=style&index=0&id=216cf526&lang=scss&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./FormInputGroup.vue?vue&type=template&id=b001a5aa&\"\nimport script from \"./FormInputGroup.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroup.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('b001a5aa')) {\n      api.createRecord('b001a5aa', component.options)\n    } else {\n      api.reload('b001a5aa', component.options)\n    }\n    module.hot.accept(\"./FormInputGroup.vue?vue&type=template&id=b001a5aa&\", function () {\n      api.rerender('b001a5aa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-input-group/FormInputGroup.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroup.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroup.vue?vue&type=template&id=b001a5aa&\"","import { render, staticRenderFns } from \"./FormInputGroupBasic.vue?vue&type=template&id=454608f3&\"\nimport script from \"./FormInputGroupBasic.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupBasic.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('454608f3')) {\n      api.createRecord('454608f3', component.options)\n    } else {\n      api.reload('454608f3', component.options)\n    }\n    module.hot.accept(\"./FormInputGroupBasic.vue?vue&type=template&id=454608f3&\", function () {\n      api.rerender('454608f3', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-input-group/FormInputGroupBasic.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupBasic.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupBasic.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupBasic.vue?vue&type=template&id=454608f3&\"","import { render, staticRenderFns } from \"./FormInputGroupButtonAddons.vue?vue&type=template&id=c2d52360&\"\nimport script from \"./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('c2d52360')) {\n      api.createRecord('c2d52360', component.options)\n    } else {\n      api.reload('c2d52360', component.options)\n    }\n    module.hot.accept(\"./FormInputGroupButtonAddons.vue?vue&type=template&id=c2d52360&\", function () {\n      api.rerender('c2d52360', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-input-group/FormInputGroupButtonAddons.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupButtonAddons.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupButtonAddons.vue?vue&type=template&id=c2d52360&\"","import { render, staticRenderFns } from \"./FormInputGroupFormElements.vue?vue&type=template&id=216cf526&\"\nimport script from \"./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormInputGroupFormElements.vue?vue&type=style&index=0&id=216cf526&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('216cf526')) {\n      api.createRecord('216cf526', component.options)\n    } else {\n      api.reload('216cf526', component.options)\n    }\n    module.hot.accept(\"./FormInputGroupFormElements.vue?vue&type=template&id=216cf526&\", function () {\n      api.rerender('216cf526', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-input-group/FormInputGroupFormElements.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=style&index=0&id=216cf526&lang=scss&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupFormElements.vue?vue&type=template&id=216cf526&\"","import { render, staticRenderFns } from \"./FormInputGroupMultipleAddons.vue?vue&type=template&id=2878a224&\"\nimport script from \"./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2878a224')) {\n      api.createRecord('2878a224', component.options)\n    } else {\n      api.reload('2878a224', component.options)\n    }\n    module.hot.accept(\"./FormInputGroupMultipleAddons.vue?vue&type=template&id=2878a224&\", function () {\n      api.rerender('2878a224', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-input-group/FormInputGroupMultipleAddons.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupMultipleAddons.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupMultipleAddons.vue?vue&type=template&id=2878a224&\"","import { render, staticRenderFns } from \"./FormInputGroupSizing.vue?vue&type=template&id=2b6f2089&\"\nimport script from \"./FormInputGroupSizing.vue?vue&type=script&lang=js&\"\nexport * from \"./FormInputGroupSizing.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2b6f2089')) {\n      api.createRecord('2b6f2089', component.options)\n    } else {\n      api.reload('2b6f2089', component.options)\n    }\n    module.hot.accept(\"./FormInputGroupSizing.vue?vue&type=template&id=2b6f2089&\", function () {\n      api.rerender('2b6f2089', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-input-group/FormInputGroupSizing.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupSizing.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupSizing.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormInputGroupSizing.vue?vue&type=template&id=2b6f2089&\""],"mappings":";;;;;;;;;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACwIA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACzCA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AChBA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC9CA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACIA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC3GA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;;;;;;;;;;;;;ACjBA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAUA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AASA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAUA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACxIA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAKA;AAAA;AAEA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAEA;AAAA;AAAA;AAAA;AAYA;AAAA;AAEA;AAAA;AAGA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;AClJA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAYA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACnJA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAUA;AAAA;AAEA;AAAA;AACA;AAAA;AAGA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAEA;AAAA;AACA;AAAA;AAGA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACzEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAWA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAEA;AAAA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;AC3FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvBA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}