{"version":3,"sources":["webpack:///./src/views/components/popover/code.js"],"names":["codePosition","codeTrigger","codeOption","codeMethod","codeEvent","codeVariant","codeAdvance"],"mappings":"gHAAA,wTAAO,IAAMA,EAAe,glDAsDfC,EAAc,+kDAsDdC,EAAa,syDA6EbC,EAAa,+/FA4HbC,EAAY,ilGAiIZC,EAAc,wmJA6LdC,EAAc","file":"js/chunk-2d20770a.d6151f17.js","sourcesContent":["export const codePosition = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-b-popover.hover.top=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      title=\"Popover on top\"\n      variant=\"outline-primary\"\n    >\n      Popover on top\n    </b-button>\n    <b-button\n      v-b-popover.hover.right=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      title=\"Popover on right\"\n      variant=\"outline-primary\"\n    >\n      Popover on right\n    </b-button>\n    <b-button\n      v-b-popover.hover.left=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      title=\"Popover on left\"\n      variant=\"outline-primary\"\n    >\n      Popover on left\n    </b-button>\n    <b-button\n      v-b-popover.hover.bottom=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      title=\"Popover on bottom\"\n      variant=\"outline-primary\"\n    >\n      Popover on bottom\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport { BButton, VBPopover} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    'b-popover': VBPopover,\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeTrigger = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-popover.click=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      title=\"On Cllick Trigger\"\n      variant=\"outline-primary\"\n    >\n      On Cllick Trigger\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-popover.focus=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      title=\"On Focus Trigger\"\n      variant=\"outline-primary\"\n    >\n      On Focus Trigger\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-popover.hover=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      title=\"On Hover Trigger\"\n      variant=\"outline-primary\"\n    >\n      On Hover Trigger\n    </b-button>\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-popover.hover.focus=\"'Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.'\"\n      title=\"Hover + Focus Trigger\"\n      variant=\"outline-primary\"\n    >\n      Hover + Focus Trigger\n    </b-button>\n  </div>\n</template>\n\n<script>\nimport {VBPopover, BButton} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n  },\n  directives: {\n    'b-popover': VBPopover,\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeOption = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      v-b-popover.hover=\"'Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.'\"\n      title=\"Title from title attribute\"\n      variant=\"outline-primary\"\n    >\n      Title + Content\n    </b-button>\n\n    <b-button\n      id=\"popover-target-1\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      No animation\n    </b-button>\n\n    <!-- popover -->\n    <b-popover\n      target=\"popover-target-1\"\n      triggers=\"hover\"\n      no-fade\n    >\n      <template #title>\n        Without Fade Animation\n      </template>\n      <span>Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.</span>\n    </b-popover>\n\n    <b-button\n      id=\"popover-target-2\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Delay popover\n    </b-button>\n\n    <!-- popover -->\n    <b-popover\n      target=\"popover-target-2\"\n      triggers=\"hover\"\n      :delay=\"delay\"\n    >\n      <template #title>\n        Click Triggered\n      </template>\n      <span>Tart macaroon marzipan I love soufflé apple pie wafer. Chocolate bar jelly caramels jujubes chocolate cake gummies.</span>\n    </b-popover>\n  </div>\n</template>\n\n<script>\nimport { VBPopover, BButton, BPopover} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BPopover,\n    BButton,\n  },\n  directives: {\n    'b-popover': VBPopover,\n    Ripple,\n  },\n   data() {\n    return {\n      delay: { show: 500, hide: 500 },\n\n    }\n  },\n}\n</script>\n`\n\nexport const codeMethod = `\n<template>\n  <div class=\"demo-inline-spacing\">\n    <b-button\n      id=\"popover-button-1\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"showPopover\"\n    >\n      Show popover\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-1\"\n      placement=\"top\"\n      triggers=\"click\"\n    >\n      <template #title>\n        Show Method Popover\n      </template>\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\n    </b-popover>\n\n    <b-button\n      id=\"popover-button-2\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"hidePopover\"\n    >\n      Hide popover\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-2\"\n      placement=\"top\"\n      triggers=\"hover\"\n    >\n      <template #title>\n        Hide Method Popover\n      </template>\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\n    </b-popover>\n\n    <b-button\n      id=\"popover-button-3\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n      @click=\"show = !show\"\n    >\n      Toggle popover\n    </b-button>\n\n    <b-popover\n      :show.sync=\"show\"\n      target=\"popover-button-3\"\n      placement=\"top\"\n      triggers=\"click\"\n    >\n      <template #title>\n        Toggle Method Popover\n      </template>\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\n    </b-popover>\n\n    <b-button\n      id=\"popover-button-disable\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Disable/Enable popover\n    </b-button>\n\n    <b-button\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      :variant=\"disabled ? 'success':'danger'\"\n      @click=\"disabled = !disabled\"\n    >\n      {{ disabled ? 'Enable' : 'Disable' }} popover by prop\n    </b-button>\n\n    <b-popover\n      ref=\"popover\"\n      :disabled.sync=\"disabled\"\n      target=\"popover-button-disable\"\n    >\n      <template #title>\n        Disable/Enable Popover\n      </template>\n      <span>Fruitcake candy cheesecake jelly beans cake gummies. Cotton candy I love sweet roll jujubes pastry cake halvah cake.</span>\n    </b-popover>\n  </div>\n</template>\n\n<script>\nimport {VBPopover, BButton, BPopover} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BPopover,\n    BButton,\n  },\n  directives: {\n    'b-popover': VBPopover,\n    Ripple,\n  },\n data() {\n    return {\n      show: false,\n      disabled: false,\n    }\n  },\n  methods: {\n    showPopover() {\n      this.$root.$emit('bv::show::popover', 'popover-button-1')\n    },\n    hidePopover() {\n      this.$root.$emit('bv::hide::popover', 'popover-button-2')\n    },\n  },\n}\n</script>\n`\n\nexport const codeEvent = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- button show -->\n    <b-button\n      id=\"popover-button-show-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Show Event popover\n    </b-button>\n\n    <!-- popover -->\n    <b-popover\n      ref=\"popover-show\"\n      target=\"popover-button-show-event\"\n      triggers=\"click\"\n      @show=\"onShow\"\n    >\n      <template #title>\n        Show Event Popover\n      </template>\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\n    </b-popover>\n\n    <!-- button shown -->\n    <b-button\n      id=\"popover-button-shown-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Shown Event popover\n    </b-button>\n\n    <!-- popover -->\n    <b-popover\n      ref=\"popover-shown\"\n      target=\"popover-button-shown-event\"\n      triggers=\"click\"\n      @shown=\"onShown\"\n    >\n      <template #title>\n        Shown Event Popover\n      </template>\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\n    </b-popover>\n\n    <!-- button hide -->\n    <b-button\n      id=\"popover-button-hide-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Hide Event popover\n    </b-button>\n\n    <!-- popover -->\n    <b-popover\n      ref=\"popover-hide\"\n      target=\"popover-button-hide-event\"\n      triggers=\"click\"\n      @hide=\"onHide\"\n    >\n      <template #title>\n        Hide Event Popover\n      </template>\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\n    </b-popover>\n\n    <!-- button hidden -->\n    <b-button\n      id=\"popover-button-hidden-event\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Hidden Event popover\n    </b-button>\n\n    <!-- popover -->\n    <b-popover\n      ref=\"popover-hidden\"\n      target=\"popover-button-hidden-event\"\n      triggers=\"click\"\n      @hidden=\"onHidden\"\n    >\n      <template #title>\n        Hidden Event Popover\n      </template>\n      <span>Bonbon chocolate cake. Pudding halvah pie apple pie topping marzipan pastry marzipan cupcake.</span>\n    </b-popover>\n  </div>\n</template>\n\n<script>\nimport { VBPopover, BButton, BPopover} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BPopover,\n  },\n  directives: {\n    'b-popover': VBPopover,\n    Ripple,\n  },\n  methods: {\n    onShow() {\n      // eslint-disable-next-line\n      alert('Show event fired.')\n    },\n    onShown() {\n      // eslint-disable-next-line\n      alert('Shown event fired.')\n    },\n    onHide() {\n      // eslint-disable-next-line\n      alert('Hide event fired.')\n    },\n    onHidden() {\n      // eslint-disable-next-line\n      alert('Hidden event fired.')\n    },\n  },\n}\n</script>\n`\n\nexport const codeVariant = `\n<template>\n  <div class=\"demo-inline-spacing\">\n\n    <!-- default -->\n    <b-button\n      id=\"popover-button-default\"\n      variant=\"gradient-primary\"\n    >\n      Default\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-default\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Default!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- primary -->\n    <b-button\n      id=\"popover-button-variant\"\n      v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\n      variant=\"outline-primary\"\n    >\n      Primary\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-variant\"\n      variant=\"primary\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Primary!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- secondary -->\n    <b-button\n      id=\"popover-button-secondary\"\n      v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n      variant=\"outline-secondary\"\n    >\n      Secondary\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-secondary\"\n      variant=\"secondary\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Secondary!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- success -->\n    <b-button\n      id=\"popover-button-success\"\n      v-ripple.400=\"'rgba(40, 199, 111, 0.15)'\"\n      variant=\"outline-success\"\n    >\n      Success\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-success\"\n      variant=\"success\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Success!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- danger -->\n    <b-button\n      id=\"popover-button-danger\"\n      v-ripple.400=\"'rgba(234, 84, 85, 0.15)'\"\n      variant=\"outline-danger\"\n    >\n      Danger\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-danger\"\n      variant=\"danger\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Danger!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- warning -->\n    <b-button\n      id=\"popover-button-warning\"\n      v-ripple.400=\"'rgba(255, 159, 67, 0.15)'\"\n      variant=\"outline-warning\"\n    >\n      Warning\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-warning\"\n      variant=\"warning\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Warning!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- info -->\n    <b-button\n      id=\"popover-button-info\"\n      v-ripple.400=\"'rgba(0, 207, 232, 0.15)'\"\n      variant=\"outline-info\"\n    >\n      Info\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-info\"\n      variant=\"info\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Info!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n\n    <!-- info -->\n    <b-button\n      id=\"popover-button-dark\"\n      v-ripple.400=\"'rgba(30, 30, 30, 0.15)'\"\n      variant=\"outline-dark\"\n    >\n      Dark\n    </b-button>\n\n    <b-popover\n      target=\"popover-button-dark\"\n      variant=\"dark\"\n      triggers=\"focus\"\n      placement=\"top\"\n    >\n      <template #title>\n        <span>Info!</span>\n      </template>\n      <span>Macaroon chocolate candy. I love carrot cake gingerbread cake lemon drops. Muffin sugar plum marzipan pie.</span>\n    </b-popover>\n  </div>\n</template>\n\n<script>\nimport { BButton, VBPopover, BPopover } from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BButton,\n    BPopover,\n  },\n  directives: {\n    'b-popover': VBPopover,\n    Ripple,\n  },\n}\n</script>\n`\n\nexport const codeAdvance = `\n<template>\n  <div id=\"my-container\">\n    <div class=\"my-1\">\n      <!-- Our triggering (target) element -->\n      <b-button\n        id=\"popover-reactive-1\"\n        ref=\"button\"\n        v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n        variant=\"primary\"\n      >\n        Reactive Content Using Slots\n      </b-button>\n    </div>\n\n    <!-- Output from the popover interaction -->\n    <b-card\n      v-if=\"input1Return && input2Return\"\n      title=\"Returned values:\"\n      class=\"shadow-none border mb-0\"\n    >\n      <p\n        class=\"card-text\"\n        style=\"max-width: 20rem;\"\n      >\n        Name: <strong>{{ input1Return }}</strong><br>\n        Color: <strong>{{ input2Return }}</strong>\n      </p>\n    </b-card>\n\n    <!-- Our popover title and content render container -->\n    <!-- We use placement 'auto' so popover fits in the best spot on viewport -->\n    <!-- We specify the same container as the trigger button, so that popover is close to button -->\n    <b-popover\n      ref=\"popover\"\n      target=\"popover-reactive-1\"\n      triggers=\"click\"\n      :show.sync=\"popoverShow\"\n      placement=\"auto\"\n      container=\"my-container\"\n      @show=\"onShow\"\n      @shown=\"onShown\"\n      @hidden=\"onHidden\"\n    >\n      <template v-slot:title>\n        <div class=\"d-flex justify-content-between align-items-center\">\n          <span>Interactive Content</span>\n          <b-button\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n            class=\"close\"\n            variant=\"transparent\"\n            aria-label=\"Close\"\n            @click=\"onClose\"\n          >\n            <span\n              class=\"d-inline-block text-white\"\n              aria-hidden=\"true\"\n            >&times;</span>\n          </b-button>\n        </div>\n      </template>\n\n      <div>\n        <b-form-group\n          label=\"Name\"\n          label-for=\"popover-input-1\"\n          label-cols=\"3\"\n          :state=\"input1state\"\n          class=\"mb-1\"\n          description=\"Enter your name\"\n          invalid-feedback=\"This field is required\"\n        >\n          <b-form-input\n            id=\"popover-input-1\"\n            ref=\"input1\"\n            v-model=\"input1\"\n            :state=\"input1state\"\n            size=\"sm\"\n          />\n        </b-form-group>\n\n        <b-form-group\n          label=\"Color\"\n          label-for=\"popover-input-2\"\n          label-cols=\"3\"\n          :state=\"input2state\"\n          class=\"mb-1\"\n          description=\"Pick a color\"\n          invalid-feedback=\"This field is required\"\n        >\n          <b-form-select\n            id=\"popover-input-2\"\n            v-model=\"input2\"\n            :state=\"input2state\"\n            :options=\"options\"\n            size=\"sm\"\n          />\n        </b-form-group>\n\n        <b-alert\n          show\n          class=\"small mb-1\"\n        >\n          <div class=\"alert-body\">\n            <strong>Current Values:</strong><br>\n            Name: <strong>{{ input1 }}</strong><br>\n            Color: <strong>{{ input2 }}</strong>\n          </div>\n        </b-alert>\n\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          size=\"sm\"\n          variant=\"danger\"\n          class=\"mr-1\"\n          @click=\"onClose\"\n        >\n          Cancel\n        </b-button>\n        <b-button\n          v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n          size=\"sm\"\n          variant=\"primary\"\n          @click=\"onOk\"\n        >\n          Ok\n        </b-button>\n      </div>\n    </b-popover>\n  </div>\n</template>\n\n<script>\nimport {\n  BPopover, BButton, BAlert, BFormGroup, BFormSelect, BFormInput, BCard,\n} from 'bootstrap-vue'\nimport Ripple from 'vue-ripple-directive'\n\nexport default {\n  components: {\n    BPopover,\n    BButton,\n    BAlert,\n    BFormGroup,\n    BFormSelect,\n    BFormInput,\n    BCard,\n  },\n  directives: {\n    Ripple,\n  },\n  data: () => ({\n    input1: '',\n    input1state: null,\n    input2: '',\n    input2state: null,\n    options: [{ text: '- Choose 1 -', value: '' }, 'Red', 'Green', 'Blue'],\n    input1Return: '',\n    input2Return: '',\n    popoverShow: false,\n  }),\n  watch: {\n    input1(val) {\n      if (val) {\n        this.input1state = true\n      }\n    },\n    input2(val) {\n      if (val) {\n        this.input2state = true\n      }\n    },\n  },\n  methods: {\n    onClose() {\n      this.popoverShow = false\n    },\n    onOk() {\n      if (!this.input1) {\n        this.input1state = false\n      }\n      if (!this.input2) {\n        this.input2state = false\n      }\n      if (this.input1 && this.input2) {\n        this.onClose()\n        // Return our popover form results\n        this.input1Return = this.input1\n        this.input2Return = this.input2\n      }\n    },\n    onShow() {\n      // This is called just before the popover is shown\n      // Reset our popover form variables\n      this.input1 = ''\n      this.input2 = ''\n      this.input1state = null\n      this.input2state = null\n      this.input1Return = ''\n      this.input2Return = ''\n    },\n    onShown() {\n      // Called just after the popover has been shown\n      // Transfer focus to the first input\n      this.focusRef(this.$refs.input1)\n    },\n    onHidden() {\n      // Called just after the popover has finished hiding\n      // Bring focus back to the button\n      this.focusRef(this.$refs.button)\n    },\n    focusRef(ref) {\n      // Some references may be a component, functional component, or plain element\n      // This handles that check before focusing, assuming a \\`focus()\\` method exists\n      // We do this in a double \\`$nextTick()\\` to ensure components have\n      // updated & popover positioned first\n      this.$nextTick(() => {\n        this.$nextTick(() => {\n          (ref.$el || ref).focus()\n        })\n      })\n    },\n  },\n}\n</script>\n`\n"],"sourceRoot":""}