{"version":3,"sources":["webpack:///./src/views/forms/form-element/form-timepicker/code.js"],"names":["codeBasic","codeButtonOnly","codeInternationalization","codeOptional","codePlaceholder","codeSecond","codeSize","codeState","codeValidation"],"mappings":"kHAAA,maAAO,IAAMA,EAAY,2ZAuBZC,EAAiB,g0BAkCjBC,EAA2B,g8EA0G3BC,EAAe,2dAyBfC,EAAkB,mdAwBlBC,EAAa,sdA8BbC,EAAW,ilBAgCXC,EAAY,gvDAuEZC,EAAiB","file":"js/chunk-2d0e146e.80690952.js","sourcesContent":["export const codeBasic = `\n<template>\n  <div>\n    <b-form-timepicker v-model='value' locale='en' />\n    <div class='mt-2'>Value: '{{ value }}'</div>\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport { BFormTimepicker } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n  },\n  data: () => ({\n    value: '',\n  }),\n}\n</script>\n`\nexport const codeButtonOnly = `\n<template>\n  <div>\n    <label for='example-input'>Choose a time</label>\n    <b-input-group class='mb-1'>\n      <b-form-input id='example-input' v-model='value' type='text' placeholder='HH:mm:ss' />\n      <b-input-group-append>\n        <b-form-timepicker v-model='value' button-only right show-seconds locale='en' aria-controls='example-input' />\n      </b-input-group-append>\n    </b-input-group>\n    <p>Value: '{{ value }}'</p>\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport {\n  BFormTimepicker, BInputGroup, BFormInput, BInputGroupAppend,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n    BInputGroup,\n    BFormInput,\n    BInputGroupAppend,\n  },\n  data: () => ({\n    value: '',\n  }),\n}\n</script>\n`\nexport const codeInternationalization = `\n<template>\n  <b-row>\n    <b-col\n      cols=\"12\"\n      class=\"mb-3\"\n    >\n      <label for=\"example-locales\">Locale:</label>\n      <b-form-select\n        id=\"example-locales\"\n        v-model=\"locale\"\n        :options=\"locales\"\n      />\n    </b-col>\n    <b-col md=\"6\">\n      <b-form-timepicker\n        v-model=\"value\"\n        v-bind=\"labels[locale] || {}\"\n        :locale=\"locale\"\n        show-seconds\n        @context=\"onContext\"\n      />\n    </b-col>\n    <b-col>\n      <p>\n        Value: <b>'{{ value }}'</b>\n      </p>\n      <p class=\"mb-0\">\n        Context:\n      </p>\n      <pre class=\"small\">{{ context }}</pre>\n    </b-col>\n  </b-row>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport {\n  BFormTimepicker, BRow, BCol, BFormSelect,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n    BRow,\n    BCol,\n    BFormSelect,\n  },\n  data: () => ({\n    value: '',\n    context: null,\n    locale: 'en-US',\n    locales: [\n      { value: 'en-US', text: 'English US (en-US)' },\n      { value: 'de', text: 'German (de)' },\n      { value: 'ar-EG', text: 'Arabic Egyptian (ar-EG)' },\n      { value: 'zh', text: 'Chinese (zh)' },\n    ],\n    labels: {\n      de: {\n        labelHours: 'Stunden',\n        labelMinutes: 'Minuten',\n        labelSeconds: 'Sekunden',\n        labelIncrement: 'Erhöhen',\n        labelDecrement: 'Verringern',\n        labelSelected: 'Ausgewählte Zeit',\n        labelNoTimeSelected: 'Keine Zeit ausgewählt',\n        labelCloseButton: 'Schließen',\n      },\n      'ar-EG': {\n        labelHours: 'ساعات',\n        labelMinutes: 'الدقائق',\n        labelSeconds: 'ثواني',\n        labelAmpm: 'صباحا مساء',\n        labelAm: 'ص',\n        labelPm: 'م',\n        labelIncrement: 'زيادة',\n        labelDecrement: 'إنقاص',\n        labelSelected: 'الوقت المحدد',\n        labelNoTimeSelected: 'لا وقت المختار',\n        labelCloseButton: 'قريب',\n      },\n      zh: {\n        labelHours: '小时',\n        labelMinutes: '分钟',\n        labelSeconds: '秒',\n        labelAmpm: '上午下午',\n        labelAm: '上午',\n        labelPm: '下午',\n        labelIncrement: '增量',\n        labelDecrement: '减量',\n        labelSelected: '选定时间',\n        labelNoTimeSelected: '没有选择时间',\n        labelCloseButton: '关',\n      },\n    },\n  }),\n  methods: {\n    onContext(ctx) {\n      this.context = ctx\n    },\n  },\n}\n</script>\n`\nexport const codeOptional = `\n<template>\n  <div>\n    <label for=\"timepicker-buttons\">Time picker with optional footer buttons</label>\n    <b-form-timepicker\n      id=\"timepicker-buttons\"\n      now-button\n      reset-button\n      locale=\"en\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport { BFormTimepicker } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n  },\n}\n</script>\n`\nexport const codePlaceholder = `\n<template>\n  <div>\n    <label for=\"timepicker-placeholder\">Time picker with placeholder</label>\n    <b-form-timepicker\n      id=\"timepicker-placeholder\"\n      placeholder=\"Choose a time\"\n      local=\"en\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport { BFormTimepicker } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n  },\n}\n</script>\n`\nexport const codeSecond = `\n<template>\n  <div>\n    <b-form-timepicker\n      v-model=\"value\"\n      show-seconds\n      locale=\"en\"\n    />\n    <div class=\"mt-1\">\n      Value: '{{ value }}'\n    </div>\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport { BFormTimepicker } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n  },\n  data: () => ({\n    value: '',\n  }),\n}\n</script>\n`\n\nexport const codeSize = `\n<template>\n  <div>\n    <label for=\"timepicker-sm\">Small time picker</label>\n    <b-form-timepicker\n      id=\"timepicker-sm\"\n      size=\"sm\"\n      local=\"en\"\n      class=\"mb-2\"\n    />\n\n    <label for=\"timepicker-lg\">Large time picker</label>\n    <b-form-timepicker\n      id=\"timepicker-lg\"\n      size=\"lg\"\n      local=\"en\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport { BFormTimepicker } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n  },\n}\n</script>\n`\nexport const codeState = `\n<template>\n  <div>\n    <b-form-group label=\"Select time picker interactive state\">\n      <b-form-radio-group\n        v-model=\"state\"\n        plain\n        class=\"vs-radio-con\"\n        aria-controls=\"ex-disabled-readonly\"\n      >\n        <b-form-radio\n          value=\"disabled\"\n        >\n          <span class=\"vs-radio\">\n            <span class=\"vs-radio--border\" />\n            <span class=\"vs-radio--circle\" />\n          </span>\n          <span class=\"vs-label\">Disabled</span>\n        </b-form-radio>\n        <b-form-radio value=\"readonly\">\n          <span class=\"vs-radio\">\n            <span class=\"vs-radio--border\" />\n            <span class=\"vs-radio--circle\" />\n          </span>\n          <span class=\"vs-label\">Readonly</span>\n        </b-form-radio>\n        <b-form-radio value=\"normal\">\n          <span class=\"vs-radio\">\n            <span class=\"vs-radio--border\" />\n            <span class=\"vs-radio--circle\" />\n          </span>\n          <span class=\"vs-label\">Normal</span>\n        </b-form-radio>\n      </b-form-radio-group>\n    </b-form-group>\n    <b-form-timepicker\n      id=\"ex-disabled-readonly\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport {\n  BFormTimepicker, BFormGroup, BFormRadioGroup, BFormRadio,\n} from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n    BFormGroup,\n    BFormRadioGroup,\n    BFormRadio,\n  },\n  data: () => ({\n    state: 'disabled',\n  }),\n  computed: {\n    disabled() {\n      return this.state === 'disabled'\n    },\n    readonly() {\n      return this.state === 'readonly'\n    },\n  },\n}\n</script>\n`\nexport const codeValidation = `\n<template>\n  <div>\n    <label for=\"timepicker-invalid\">Choose a time (invalid style)</label>\n    <b-form-timepicker\n      id=\"datepicker-invalid\"\n      :state=\"false\"\n      class=\"mb-2\"\n    />\n\n    <label for=\"timepicker-valid\">Choose a time (valid style)</label>\n    <b-form-timepicker\n      id=\"datepicker-valid\"\n      :state=\"true\"\n    />\n  </div>\n</template>\n\n<script>\nimport AppCard from '@core/components/app-card/AppCard.vue'\nimport { BFormTimepicker } from 'bootstrap-vue'\n\nexport default {\n  components: {\n    AppCard,\n    BFormTimepicker,\n  },\n}\n</script>\n`\n"],"sourceRoot":""}