@dialpad/dialtone 9.110.2 → 9.111.0

package/dist/vue2/lib/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.vue"],"sourcesContent":["<!-- eslint-disable vuejs-accessibility/mouse-events-have-key-events -->\n<template>\n  <div>\n    <portal v-if=\"modal && isOpen\">\n      <div\n        class=\"d-modal--transparent\"\n        :aria-hidden=\"modal && isOpen ? 'false' : 'true'\"\n        @click.prevent.stop\n      />\n    </portal>\n    <component\n      :is=\"elementType\"\n      ref=\"popover\"\n      :class=\"['d-popover', { 'd-popover__anchor--opened': isOpen }]\"\n      data-qa=\"dt-popover-container\"\n      v-on=\"$listeners\"\n    >\n      <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n      <div\n        :id=\"!ariaLabelledby && labelledBy\"\n        ref=\"anchor\"\n        :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}-anchor` : 'dt-popover-anchor'\"\n        :tabindex=\"openOnContext ? 0 : undefined\"\n        @click.capture=\"defaultToggleOpen\"\n        @contextmenu=\"onContext\"\n        @keydown.up.prevent=\"onArrowKeyPress\"\n        @keydown.down.prevent=\"onArrowKeyPress\"\n        @keydown.escape.capture=\"closePopover\"\n        @mouseenter=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\n      >\n        <!-- @slot Anchor element that activates the popover. Usually a button. -->\n        <slot\n          name=\"anchor\"\n          :attrs=\"{\n            'aria-expanded': isOpen.toString(),\n            'aria-controls': id,\n            'aria-haspopup': role,\n          }\"\n        />\n      </div>\n      <dt-lazy-show\n        :id=\"id\"\n        ref=\"content\"\n        :role=\"role\"\n        :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}__dialog` : 'dt-popover'\"\n        :aria-hidden=\"`${!isOpen}`\"\n        :aria-labelledby=\"labelledBy\"\n        :aria-label=\"ariaLabel\"\n        :aria-modal=\"`${!modal}`\"\n        :transition=\"transition\"\n        :show=\"isOpen\"\n        :class=\"['d-popover__dialog', { 'd-popover__dialog--modal': modal }, dialogClass]\"\n        :style=\"{\n          'max-height': calculatedMaxHeight,\n          'max-width': maxWidth,\n        }\"\n        :tabindex=\"contentTabindex\"\n        appear\n        v-on=\"popoverListeners\"\n        @mouseenter=\"onMouseEnterAnchor\"\n        @mouseleave=\"onMouseLeaveAnchor\"\n      >\n        <popover-header-footer\n          v-if=\"$slots.headerContent || showCloseButton\"\n          ref=\"popover__header\"\n          :class=\"POPOVER_HEADER_FOOTER_PADDING_CLASSES[padding]\"\n          :content-class=\"headerClass\"\n          type=\"header\"\n          :show-close-button=\"showCloseButton\"\n          :close-button-props=\"closeButtonProps\"\n          @close=\"closePopover\"\n        >\n          <template #content>\n            <!-- @slot Slot for popover header content -->\n            <slot\n              name=\"headerContent\"\n              :close=\"closePopover\"\n            />\n          </template>\n        </popover-header-footer>\n        <div\n          ref=\"popover__content\"\n          :data-qa=\"$attrs['data-qa'] ? `${$attrs['data-qa']}-content` : 'dt-popover-content'\"\n          :class=\"[\n            'd-popover__content',\n            POPOVER_PADDING_CLASSES[padding],\n            contentClass,\n          ]\"\n        >\n          <!-- @slot Slot for the content that is displayed in the popover when it is open. -->\n          <slot\n            name=\"content\"\n            :close=\"closePopover\"\n          />\n        </div>\n        <popover-header-footer\n          v-if=\"hasFooter()\"\n          ref=\"popover__footer\"\n          type=\"footer\"\n          :class=\"POPOVER_HEADER_FOOTER_PADDING_CLASSES[padding]\"\n          :content-class=\"footerClass\"\n        >\n          <template #content>\n            <!-- @slot Slot for the footer content. -->\n            <slot\n              name=\"footerContent\"\n              :close=\"closePopover\"\n            />\n          </template>\n        </popover-header-footer>\n        <sr-only-close-button\n          v-if=\"showVisuallyHiddenClose\"\n          :visually-hidden-close-label=\"visuallyHiddenCloseLabel\"\n          @close=\"closePopover\"\n        />\n      </dt-lazy-show>\n    </component>\n  </div>\n</template>\n\n<script>\n/* eslint-disable max-lines */\nimport {\n  POPOVER_APPEND_TO_VALUES,\n  POPOVER_CONTENT_WIDTHS,\n  POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n  POPOVER_INITIAL_FOCUS_STRINGS,\n  POPOVER_PADDING_CLASSES,\n  POPOVER_ROLES,\n  POPOVER_STICKY_VALUES,\n} from './popover_constants';\nimport { getUniqueString, isOutOfViewPort, warnIfUnmounted, disableRootScrolling, enableRootScrolling } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\nimport { Portal } from '@linusborg/vue-simple-portal';\nimport ModalMixin from '@/common/mixins/modal';\nimport { createTippyPopover, getPopperOptions } from './tippy_utils';\nimport PopoverHeaderFooter from './popover_header_footer.vue';\nimport SrOnlyCloseButtonMixin from '@/common/mixins/sr_only_close_button';\nimport SrOnlyCloseButton from '@/common/sr_only_close_button.vue';\n\n/**\n * A Popover displays a content overlay when its anchor element is activated.\n * @see https://dialtone.dialpad.com/components/popover.html\n */\nexport default {\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\n    Portal,\n  },\n\n  mixins: [ModalMixin, SrOnlyCloseButtonMixin],\n\n  props: {\n    /**\n     * Controls whether the popover is shown. Leaving this null will have the popover trigger on click by default.\n     * If you set this value, the default trigger behavior will be disabled, and you can control it as you need.\n     * Supports .sync modifier\n     * @values null, true, false\n     */\n    open: {\n      type: Boolean,\n      default: null,\n    },\n\n    /**\n     * Opens the popover on right click (context menu). If you set this value to `true`,\n     * the default trigger behavior will be disabled.\n     * @values true, false\n     */\n    openOnContext: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Element type (tag name) of the root element of the component.\n     */\n    elementType: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Named transition when the content display is toggled.\n     * @see DtLazyShow\n     */\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n\n    /**\n     * ARIA role for the content of the popover. Defaults to \"dialog\".\n     * <a class=\"d-link\" href=\"https://www.w3.org/TR/wai-aria/#aria-haspopup\" target=\"_blank\">aria-haspopup</a>\n     */\n    role: {\n      type: String,\n      default: 'dialog',\n      validator: (role) => {\n        return POPOVER_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * ID of the element that serves as the label for the popover content.\n     * Defaults to the \"anchor\" element; this exists to provide a different\n     * ID of the label element if, for example, the anchor slot contains\n     * other items that do not serve as a label. You should provide this\n     * or ariaLabel, but not both.\n     */\n    ariaLabelledby: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * Descriptive label for the popover content. You should provide this\n     * or ariaLabelledby, but not both.\n     */\n    ariaLabel: {\n      type: String,\n      default: null,\n    },\n\n    /**\n     * A set of props to be passed into the popover's header close button.\n     * Requires an 'ariaLabel' property, when the header popover is visible\n     */\n    closeButtonProps: {\n      type: Object,\n      default: () => ({}),\n    },\n\n    /**\n     * Padding size class for the popover content.\n     * @values none, small, medium, large\n     */\n    padding: {\n      type: String,\n      default: 'large',\n      validator: (padding) => {\n        return Object.keys(POPOVER_PADDING_CLASSES).some((item) => item === padding);\n      },\n    },\n\n    /**\n     * Additional class name for the content wrapper element.\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Width configuration for the popover content. When its value is 'anchor',\n     * the popover content will have the same width as the anchor.\n     * @values null, anchor\n     */\n    contentWidth: {\n      type: String,\n      default: '',\n      validator: contentWidth => POPOVER_CONTENT_WIDTHS.includes(contentWidth),\n    },\n\n    /**\n     * Tabindex value for the content. Passing null, no tabindex attribute will be set.\n     */\n    contentTabindex: {\n      type: Number || null,\n      default: -1,\n    },\n\n    /**\n     * External anchor id to use in those cases the anchor can't be provided via the slot.\n     * For instance, using the combobox's input as the anchor for the popover.\n     */\n    externalAnchor: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * The id of the tooltip\n     */\n    id: {\n      type: String,\n      default () { return getUniqueString(); },\n    },\n\n    /**\n     *  Displaces the content box from its anchor element\n     *  by the specified number of pixels.\n     *  <a\n     *    class=\"d-link\"\n     *    href=\"https://atomiks.github.io/tippyjs/v6/all-props/#offset\"\n     *    target=\"_blank\"\n     *  >\n     *    Tippy.js docs\n     *  </a>\n     */\n    offset: {\n      type: Array,\n      default: () => [0, 4],\n    },\n\n    /**\n     * Determines if the popover hides upon clicking the\n     * anchor or outside the content box.\n     * @values true, false\n     */\n    hideOnClick: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Determines modal state. If enabled popover has a modal overlay\n     * preventing interaction with elements below it, but it is invisible.\n     * @values true, false\n     */\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * If the popover does not fit in the direction described by \"placement\",\n     * it will attempt to change its direction to the \"fallbackPlacements\".\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * */\n    fallbackPlacements: {\n      type: Array,\n      default: () => {\n        return ['auto'];\n      },\n    },\n\n    /**\n     * The direction the popover displays relative to the anchor.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#placement\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values top, top-start, top-end,\n     * right, right-start, right-end,\n     * left, left-start, left-end,\n     * bottom, bottom-start, bottom-end,\n     * auto, auto-start, auto-end\n     */\n    placement: {\n      type: String,\n      default: 'bottom-end',\n    },\n\n    /**\n     * If set to false the dialog will display over top of the anchor when there is insufficient space.\n     * If set to true it will never move from its position relative to the anchor and will clip instead.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://popper.js.org/docs/v2/modifiers/prevent-overflow/#tether\"\n     *   target=\"_blank\"\n     * >\n     *   Popper.js docs\n     * </a>\n     * @values true, false\n     */\n    tether: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * If the popover sticks to the anchor. This is usually not needed, but can be needed\n     * if the reference element's position is animating, or to automatically update the popover\n     * position in those cases the DOM layout changes the reference element's position.\n     * `true` enables it, `reference` only checks the \"reference\" rect for changes and `popper` only\n     * checks the \"popper\" rect for changes.\n     * <a\n     *   class=\"d-link\"\n     *   href=\"https://atomiks.github.io/tippyjs/v6/all-props/#sticky\"\n     *   target=\"_blank\"\n     * >\n     *   Tippy.js docs\n     * </a>\n     * @values true, false, reference, popper\n     */\n    sticky: {\n      type: [Boolean, String],\n      default: false,\n      validator: (sticky) => {\n        return POPOVER_STICKY_VALUES.includes(sticky);\n      },\n    },\n\n    /**\n     * Determines maximum height for the popover before overflow.\n     * Possible units rem|px|em\n     */\n    maxHeight: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines maximum width for the popover before overflow.\n     * Possible units rem|px|%|em\n     */\n    maxWidth: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Determines visibility for close button\n     * @values true, false\n     */\n    showCloseButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the header content wrapper element.\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the footer content wrapper element.\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the dialog element.\n     */\n    dialogClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * The element that is focused when the popover is opened. This can be an\n     * HTMLElement within the popover, a string starting with '#' which will\n     * find the element by ID. 'first' which will automatically focus\n     * the first element, or 'dialog' which will focus the dialog window itself.\n     * If the dialog is modal this prop cannot be 'none'.\n     * @values none, dialog, first\n     */\n    initialFocusElement: {\n      type: [String, HTMLElement],\n      default: 'first',\n      validator: initialFocusElement => {\n        return POPOVER_INITIAL_FOCUS_STRINGS.includes(initialFocusElement) ||\n          (initialFocusElement instanceof HTMLElement) ||\n          initialFocusElement.startsWith('#');\n      },\n    },\n\n    /**\n     * If the popover should open pressing up or down arrow key on the anchor element.\n     * This can be set when not passing open prop.\n     * @values true, false\n     */\n    openWithArrowKeys: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets the element to which the popover is going to append to.\n     * 'body' will append to the nearest body (supports shadow DOM).\n     * 'root' will try append to the iFrame's parent body if it is contained in an iFrame\n     * and has permissions to access it, else, it'd default to 'parent'.\n     * @values 'body', 'parent', 'root', HTMLElement\n     */\n    appendTo: {\n      type: [HTMLElement, String],\n      default: 'body',\n      validator: appendTo => {\n        return POPOVER_APPEND_TO_VALUES.includes(appendTo) ||\n            (appendTo instanceof HTMLElement);\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\n\n    /**\n     * Emitted to sync value with parent\n     *\n     * @event update:opened\n     * @type {Boolean | Array}\n     */\n    'update:open',\n\n    /**\n     * Emitted when the mouse enters the popover\n     *\n     * @event mouseenter-popover\n     */\n    'mouseenter-popover',\n\n    /**\n     * Emitted when the mouse leaves the popover\n     *\n     * @event mouseleave-popover\n     */\n    'mouseleave-popover',\n\n    /**\n     * Emitted when the mouse enters the popover anchor\n     *\n     * @event mouseenter-popover-anchor\n     */\n    'mouseenter-popover-anchor',\n\n    /**\n     * Emitted when the mouse leaves the popover anchor\n     *\n     * @event mouseleave-popover-anchor\n     */\n    'mouseleave-popover-anchor',\n  ],\n\n  data () {\n    return {\n      POPOVER_PADDING_CLASSES,\n      POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n      intersectionObserver: null,\n      isOutsideViewport: false,\n      isOpen: false,\n      anchorEl: null,\n      popoverContentEl: null,\n    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        ...this.$listeners,\n\n        keydown: event => {\n          this.onKeydown(event);\n          this.$emit('keydown', event);\n        },\n\n        'after-leave': event => {\n          this.onLeaveTransitionComplete();\n        },\n\n        'after-enter': event => {\n          this.onEnterTransitionComplete();\n        },\n      };\n    },\n\n    calculatedMaxHeight () {\n      if (this.isOutsideViewport && this.modal) {\n        return `calc(100vh - var(--dt-space-300))`;\n      }\n      return this.maxHeight;\n    },\n\n    labelledBy () {\n      // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if\n      // there is no aria-label and the labelledby should point to the anchor.\n      return this.ariaLabelledby || (!this.ariaLabel && getUniqueString('DtPopover__anchor'));\n    },\n  },\n\n  watch: {\n    $props: {\n      immediate: true,\n      deep: true,\n      handler () {\n        this.validateProps();\n      },\n    },\n\n    modal (modal) {\n      this.tip?.setProps({\n        zIndex: modal ? 650 : this.calculateAnchorZindex(),\n      });\n    },\n\n    offset (offset) {\n      this.tip?.setProps({\n        offset,\n      });\n    },\n\n    sticky (sticky) {\n      this.tip?.setProps({\n        sticky,\n      });\n    },\n\n    fallbackPlacements () {\n      this.tip?.setProps({\n        popperOptions: this.popperOptions(),\n      });\n    },\n\n    tether () {\n      this.tip?.setProps({\n        popperOptions: this.popperOptions(),\n      });\n    },\n\n    placement (placement) {\n      this.tip?.setProps({\n        placement,\n      });\n    },\n\n    open: {\n      handler: function (open) {\n        if (open !== null) {\n          this.isOpen = open;\n        }\n      },\n\n      immediate: true,\n    },\n\n    isOpen (isOpen, isPrev) {\n      if (isOpen) {\n        this.initTippyInstance();\n        this.tip.show();\n      } else if (!isOpen && isPrev !== isOpen) {\n        this.removeEventListeners();\n        this.tip.hide();\n      }\n    },\n  },\n\n  mounted () {\n    warnIfUnmounted(this.$el, this.$options.name);\n\n    const externalAnchorEl = this.externalAnchor\n      ? this.$refs.anchor.getRootNode().querySelector(`#${this.externalAnchor}`)\n      : null;\n    this.anchorEl = externalAnchorEl ?? this.$refs.anchor.children[0];\n    this.popoverContentEl = this.$refs.content?.$el;\n\n    if (this.isOpen) {\n      this.initTippyInstance();\n      this.tip.show();\n    }\n\n    // rootMargin here must be greater than the margin of the height we are setting in calculatedMaxHeight which\n    // currently is var(--dt-space-300) (4px). If not the intersectionObserver will continually trigger in an infinite\n    // loop.\n    // threshold 1.0 makes this trigger every time the dialog \"touches\" the edge of the viewport.\n    this.intersectionObserver = new IntersectionObserver(this.hasIntersectedViewport);\n    this.intersectionObserver.observe(this.popoverContentEl);\n  },\n\n  beforeDestroy () {\n    this.tip?.destroy();\n    this.intersectionObserver?.disconnect();\n    this.removeReferences();\n    this.removeEventListeners();\n  },\n\n  /******************\n   *     METHODS    *\n   ******************/\n  methods: {\n    hasIntersectedViewport (entries) {\n      const dialog = entries?.[0]?.target;\n      if (!dialog) return;\n      const isOut = isOutOfViewPort(dialog);\n      this.isOutsideViewport = isOut.bottom || isOut.top;\n    },\n\n    popperOptions () {\n      return getPopperOptions({\n        fallbackPlacements: this.fallbackPlacements,\n        tether: this.tether,\n        hasHideModifierEnabled: true,\n      });\n    },\n\n    validateProps () {\n      if (this.modal && this.initialFocusElement === 'none') {\n        console.error('If the popover is modal you must set the ' +\n        'initialFocusElement prop. Possible values: \"dialog\", \"first\", HTMLElement');\n      }\n    },\n\n    calculateAnchorZindex () {\n      // if a modal is currently active render at modal-element z-index, otherwise at popover z-index\n      if (this.$el.getRootNode()\n        .querySelector('.d-modal[aria-hidden=\"false\"], .d-modal--transparent[aria-hidden=\"false\"]') ||\n        // Special case because we don't have any dialtone drawer component yet. Render at 650 when\n        // anchor of popover is within a drawer.\n        this.anchorEl?.closest('.d-zi-drawer')) {\n        return 650;\n      } else {\n        return 300;\n      }\n    },\n\n    defaultToggleOpen (e) {\n      if (this.openOnContext) { return; }\n\n      // Only use default toggle behaviour if the user has not set the open prop.\n      // Check that the anchor element specifically was clicked.\n      this.open ?? (this.anchorEl?.contains(e.target) && !this.anchorEl?.disabled && this.toggleOpen());\n    },\n\n    async onContext (event) {\n      if (!this.openOnContext) { return; }\n\n      event.preventDefault();\n\n      this.isOpen = true;\n      await this.$nextTick();\n      this.tip.setProps({\n        placement: 'right-start',\n        getReferenceClientRect: () => ({\n          width: 0,\n          height: 0,\n          top: event.clientY,\n          bottom: event.clientY,\n          left: event.clientX,\n          right: event.clientX,\n        }),\n      });\n    },\n\n    toggleOpen () {\n      this.isOpen = !this.isOpen;\n    },\n\n    onArrowKeyPress (e) {\n      if (this.open !== null) { return; }\n\n      if (this.openWithArrowKeys && this.anchorEl?.contains(e.target)) {\n        if (!this.isOpen) {\n          this.isOpen = true;\n        }\n      }\n    },\n\n    addEventListeners () {\n      window.addEventListener('dt-popover-close', this.closePopover);\n      // align popover content width when contentWidth is 'anchor'\n      if (this.contentWidth === 'anchor') {\n        window.addEventListener('resize', this.onResize);\n      }\n    },\n\n    removeEventListeners () {\n      window.removeEventListener('dt-popover-close', this.closePopover);\n      if (this.contentWidth === 'anchor') {\n        window.removeEventListener('resize', this.onResize);\n      }\n    },\n\n    closePopover () {\n      this.isOpen = false;\n    },\n\n    /**\n     * Prevents scrolling outside of the currently opened modal popover by:\n     *   - when anchor is not within another popover: setting the body to overflow: hidden\n     *   - when anchor is within another popover: set the popover dialog container to it's non-modal z-index\n     *     since it is no longer the active modal. This puts it underneath the overlay and prevents scrolling.\n     */\n    preventScrolling () {\n      if (this.modal) {\n        const element = this.anchorEl?.closest('body, .tippy-box');\n        if (!element) return;\n        if (element.tagName?.toLowerCase() === 'body') {\n          disableRootScrolling(this.anchorEl.getRootNode().host);\n          this.tip.setProps({ offset: this.offset });\n        } else {\n          element.classList.add('d-zi-popover');\n        }\n      }\n    },\n\n    /**\n     * Resets the prevent scrolling properties set in preventScrolling() back to normal.\n     */\n    enableScrolling () {\n      const element = this.anchorEl?.closest('body, .tippy-box');\n      if (!element) return;\n      if (element.tagName?.toLowerCase() === 'body') {\n        enableRootScrolling(this.anchorEl.getRootNode().host);\n        this.tip.setProps({ offset: this.offset });\n      } else {\n        element.classList.remove('d-zi-popover');\n      }\n    },\n\n    removeReferences () {\n      this.anchorEl = null;\n      this.popoverContentEl = null;\n      this.tip = null;\n    },\n\n    async onShow () {\n      if (this.contentWidth === 'anchor') {\n        await this.setPopoverContentAnchorWidth();\n      }\n\n      if (this.contentWidth === null) {\n        this.popoverContentEl.style.width = 'auto';\n      }\n\n      this.addEventListeners();\n    },\n\n    async onLeaveTransitionComplete () {\n      if (this.modal) {\n        await this.focusFirstElement(this.$refs.anchor);\n        // await next tick in case the user wants to change focus themselves.\n        await this.$nextTick();\n        this.enableScrolling();\n      }\n      this.tip?.unmount();\n      this.$emit('opened', false);\n      if (this.open !== null) {\n        this.$emit('update:open', false);\n      }\n    },\n\n    async onEnterTransitionComplete () {\n      this.focusInitialElement();\n      // await next tick in case the user wants to change focus themselves.\n      await this.$nextTick();\n      this.preventScrolling();\n      this.$emit('opened', true, this.$refs.popover__content);\n      if (this.open !== null) {\n        this.$emit('update:open', true);\n      }\n    },\n\n    focusInitialElement () {\n      if (this.initialFocusElement === 'dialog') {\n        this.$refs.content?.$el?.focus();\n      }\n      // find by ID\n      if (this.initialFocusElement.startsWith('#')) {\n        this.focusInitialElementById();\n      }\n      if (this.initialFocusElement === 'first') {\n        this.focusFirstElementIfNeeded(this.$refs.popover__content);\n      }\n      if (this.initialFocusElement instanceof HTMLElement) {\n        this.initialFocusElement.focus();\n      }\n    },\n\n    focusInitialElementById () {\n      const result = this.$refs.content?.$el?.querySelector(this.initialFocusElement);\n      if (result) {\n        result.focus();\n      } else {\n        console.warn('Could not find the element specified in dt-popover prop \"initialFocusElement\". ' +\n          'Defaulting to focusing the dialog.');\n      }\n      result ? result.focus() : this.$refs.content?.$el.focus();\n    },\n\n    onResize () {\n      this.closePopover();\n    },\n\n    onClickOutside () {\n      if (!this.hideOnClick) return;\n      // If a popover is opened inside of this one, do not hide on click out\n      const innerModals = this.popoverContentEl?.querySelector('.d-popover__anchor--opened');\n      if (!innerModals) {\n        this.closePopover();\n      }\n    },\n\n    onKeydown (e) {\n      if (e.key === 'Tab') {\n        if (this.modal) {\n          this.focusTrappedTabPress(e, this.popoverContentEl);\n        }\n      }\n      if (e.key === 'Escape') {\n        this.closePopover();\n      }\n    },\n\n    async setPopoverContentAnchorWidth () {\n      await this.$nextTick();\n      this.popoverContentEl.style.width = `${this.anchorEl?.clientWidth}px`;\n    },\n\n    focusFirstElementIfNeeded (domEl) {\n      const focusableElements = this._getFocusableElements(domEl, true);\n      if (focusableElements.length !== 0) {\n        this.focusFirstElement(domEl);\n      } else if (this.showCloseButton) {\n        this.$refs.popover__header?.focusCloseButton();\n      } else {\n        // if there are no focusable elements at all focus the dialog itself\n        this.$refs.content?.$el.focus();\n      }\n    },\n\n    /**\n     * Return's the anchor ClientRect object relative to the window.\n     * Refer to: https://atomiks.github.io/tippyjs/v6/all-props/#getreferenceclientrect for more information\n     * @param error\n     */\n    getReferenceClientRect (error) {\n      const anchorReferenceRect = this.anchorEl?.getBoundingClientRect();\n\n      if (this.appendTo !== 'root' || error) return anchorReferenceRect;\n\n      const anchorOwnerDocument = this.anchorEl?.ownerDocument;\n      const anchorParentWindow = anchorOwnerDocument?.defaultView || anchorOwnerDocument?.parentWindow;\n      const anchorIframe = anchorParentWindow?.frameElement;\n\n      if (!anchorIframe) return anchorReferenceRect;\n\n      const iframeReferenceRect = anchorIframe.getBoundingClientRect();\n\n      return {\n        width: anchorReferenceRect?.width,\n        height: anchorReferenceRect?.height,\n        top: iframeReferenceRect?.top + anchorReferenceRect?.top,\n        left: iframeReferenceRect?.left + anchorReferenceRect?.left,\n        right: iframeReferenceRect?.right + anchorReferenceRect?.right,\n        bottom: iframeReferenceRect?.bottom + anchorReferenceRect?.bottom,\n      };\n    },\n\n    initTippyInstance () {\n      let internalAppendTo = null;\n      let iFrameError = false;\n\n      switch (this.appendTo) {\n        case 'body':\n          internalAppendTo = this.anchorEl?.getRootNode()?.querySelector('body');\n          break;\n\n        case 'root':\n          // Try to attach the popover to root document, fallback to parent is fail\n          try {\n            internalAppendTo = window.parent.document.body;\n          } catch (err) {\n            console.error('Could not attach the popover to iframe parent window: ', err);\n            internalAppendTo = 'parent';\n            iFrameError = true;\n          }\n          break;\n\n        default:\n          internalAppendTo = this.appendTo;\n          break;\n      }\n\n      this.tip = createTippyPopover(this.anchorEl, {\n        popperOptions: this.popperOptions(),\n        contentElement: this.popoverContentEl,\n        placement: this.placement,\n        offset: this.offset,\n        sticky: this.sticky,\n        appendTo: internalAppendTo,\n        interactive: true,\n        trigger: 'manual',\n        getReferenceClientRect: () => this.getReferenceClientRect(iFrameError),\n        // We have to manage hideOnClick functionality manually to handle\n        // popover within popover situations.\n        hideOnClick: false,\n        zIndex: this.modal ? 650 : this.calculateAnchorZindex(),\n        onClickOutside: this.onClickOutside,\n        onShow: this.onShow,\n      });\n    },\n\n    onMouseEnter () {\n      this.$emit('mouseenter-popover');\n    },\n\n    onMouseLeave () {\n      this.$emit('mouseleave-popover');\n    },\n\n    onMouseEnterAnchor () {\n      this.$emit('mouseenter-popover-anchor');\n    },\n\n    onMouseLeaveAnchor () {\n      this.$emit('mouseleave-popover-anchor');\n    },\n\n    hasFooter () {\n      return this.$slots.footerContent || this.$scopedSlots.footerContent?.();\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","Portal","ModalMixin","SrOnlyCloseButtonMixin","role","POPOVER_ROLES","padding","POPOVER_PADDING_CLASSES","item","contentWidth","POPOVER_CONTENT_WIDTHS","getUniqueString","sticky","POPOVER_STICKY_VALUES","initialFocusElement","POPOVER_INITIAL_FOCUS_STRINGS","appendTo","POPOVER_APPEND_TO_VALUES","POPOVER_HEADER_FOOTER_PADDING_CLASSES","event","modal","_a","offset","placement","open","isOpen","isPrev","warnIfUnmounted","externalAnchorEl","_b","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","element","disableRootScrolling","enableRootScrolling","result","_c","domEl","error","anchorReferenceRect","anchorOwnerDocument","anchorParentWindow","anchorIframe","iframeReferenceRect","internalAppendTo","iFrameError","err","createTippyPopover"],"mappings":"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"}

package/dist/vue2/lib/popover/tippy-utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("tippy.js"),p=["bottom","bottom-start","bottom-end","right","right-start","right-end","left","left-start","left-end","top","top-start","top-end"],c=[!0,!1,"reference","popper"],l=(t,e)=>{const{contentElement:o}={...e};return delete e.contentElement,n(t,{...e,plugins:[n.sticky],render:()=>s(o)})},d=(t,e)=>n(t,{...e,plugins:[n.sticky]}),a=({boundary:t="clippingParents",fallbackPlacements:e=[],onChangePlacement:o=()=>{},hasHideModifierEnabled:i=!1,tether:r=!0}={})=>({modifiers:[{name:"flip",options:{fallbackPlacements:e,boundary:t}},{name:"hide",enabled:i},{name:"preventOverflow",options:{altAxis:!r,tether:r}}]}),u=t=>{const e=document.createElement("span");return e.innerText=t.innerText||"",t.innerText="",t.appendChild(e),e},m=t=>{const e=t==null?void 0:t.children[0];return e||u(t)},s=t=>{const e=document.createElement("div");return e.className="tippy-box d-ps-absolute",e.appendChild(t),{popper:e}};exports.BASE_TIPPY_DIRECTIONS=p;exports.TIPPY_STICKY_VALUES=c;exports.createTippy=d;exports.createTippyPopover=l;exports.getAnchor=m;exports.getContentWrapper=s;exports.getPopperOptions=a;
+//# sourceMappingURL=tippy-utils.cjs.map

package/dist/vue2/lib/popover/tippy-utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tippy-utils.cjs","sources":["../../../components/popover/tippy_utils.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const createTippy = (anchorElement, options) => {\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  onChangePlacement = () => {},\n  hasHideModifierEnabled = false,\n  // If set to false the dialog will display over top of the anchor when there is insufficient space.\n  // if set to true it will never move from its position relative to the anchor and will clip instead.\n  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  const anchor = anchorWrapper?.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippyPopover","anchorElement","options","contentElement","tippy","sticky","getContentWrapper","createTippy","getPopperOptions","boundary","fallbackPlacements","onChangePlacement","hasHideModifierEnabled","tether","createAnchor","anchorWrapper","span","getAnchor","anchor","content","popper"],"mappings":"4GAEaA,EAAwB,CACnC,SAAU,eAAgB,aAC1B,QAAS,cAAe,YACxB,OAAQ,aAAc,WACtB,MAAO,YAAa,SACtB,EAEaC,EAAsB,CAAC,GAAM,GAAO,YAAa,QAAQ,EACzDC,EAAqB,CAACC,EAAeC,IAAY,CAC5D,KAAM,CAAE,eAAAC,CAAc,EAAK,CAAE,GAAGD,CAAO,EACvC,cAAOA,EAAQ,eACRE,EAAMH,EAAe,CAC1B,GAAGC,EACH,QAAS,CAACG,EAAAA,MAAM,EAChB,OAAQ,IAAMC,EAAkBH,CAAc,CAClD,CAAG,CACH,EAEaI,EAAc,CAACN,EAAeC,IAClCE,EAAMH,EAAe,CAC1B,GAAGC,EACH,QAAS,CAACG,EAAAA,MAAM,CACpB,CAAG,EAGUG,EAAmB,CAAC,CAC/B,SAAAC,EAAW,kBACX,mBAAAC,EAAqB,CAAE,EACvB,kBAAAC,EAAoB,IAAM,CAAE,EAC5B,uBAAAC,EAAyB,GAGzB,OAAAC,EAAS,EACX,EAAI,MACK,CACL,UAAW,CACT,CACE,KAAM,OACN,QAAS,CACP,mBAAAH,EACA,SAAAD,CACD,CACF,EACD,CACE,KAAM,OACN,QAASG,CACV,EACD,CACE,KAAM,kBACN,QAAS,CACP,QAAS,CAACC,EACV,OAAAA,CACD,CACF,CACF,CACL,GAGMC,EAAgBC,GAAkB,CACtC,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1C,OAAAA,EAAK,UAAYD,EAAc,WAAa,GAC5CA,EAAc,UAAY,GAC1BA,EAAc,YAAYC,CAAI,EACvBA,CACT,EAEaC,EAAaF,GAAkB,CAC1C,MAAMG,EAASH,GAAA,YAAAA,EAAe,SAAS,GACvC,OAAKG,GAAeJ,EAAaC,CAAa,CAEhD,EAEaT,EAAoBa,GAAW,CAE1C,MAAMC,EAAS,SAAS,cAAc,KAAK,EAC3C,OAAAA,EAAO,UAAY,0BACnBA,EAAO,YAAYD,CAAO,EACnB,CACL,OAAAC,CACJ,CACA"}

package/dist/vue2/lib/popover/tippy-utils.js

@@ -0,0 +1,76 @@
+import s, { sticky as r } from "tippy.js";
+const d = [
+  "bottom",
+  "bottom-start",
+  "bottom-end",
+  "right",
+  "right-start",
+  "right-end",
+  "left",
+  "left-start",
+  "left-end",
+  "top",
+  "top-start",
+  "top-end"
+], m = [!0, !1, "reference", "popper"], a = (e, t) => {
+  const { contentElement: n } = { ...t };
+  return delete t.contentElement, s(e, {
+    ...t,
+    plugins: [r],
+    render: () => c(n)
+  });
+}, u = (e, t) => s(e, {
+  ...t,
+  plugins: [r]
+}), f = ({
+  boundary: e = "clippingParents",
+  fallbackPlacements: t = [],
+  onChangePlacement: n = () => {
+  },
+  hasHideModifierEnabled: i = !1,
+  // If set to false the dialog will display over top of the anchor when there is insufficient space.
+  // if set to true it will never move from its position relative to the anchor and will clip instead.
+  tether: o = !0
+} = {}) => ({
+  modifiers: [
+    {
+      name: "flip",
+      options: {
+        fallbackPlacements: t,
+        boundary: e
+      }
+    },
+    {
+      name: "hide",
+      enabled: i
+    },
+    {
+      name: "preventOverflow",
+      options: {
+        altAxis: !o,
+        tether: o
+      }
+    }
+  ]
+}), p = (e) => {
+  const t = document.createElement("span");
+  return t.innerText = e.innerText || "", e.innerText = "", e.appendChild(t), t;
+}, g = (e) => {
+  const t = e == null ? void 0 : e.children[0];
+  return t || p(e);
+}, c = (e) => {
+  const t = document.createElement("div");
+  return t.className = "tippy-box d-ps-absolute", t.appendChild(e), {
+    popper: t
+  };
+};
+export {
+  d as BASE_TIPPY_DIRECTIONS,
+  m as TIPPY_STICKY_VALUES,
+  u as createTippy,
+  a as createTippyPopover,
+  g as getAnchor,
+  c as getContentWrapper,
+  f as getPopperOptions
+};
+//# sourceMappingURL=tippy-utils.js.map

package/dist/vue2/lib/popover/tippy-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tippy-utils.js","sources":["../../../components/popover/tippy_utils.js"],"sourcesContent":["import tippy, { sticky } from 'tippy.js';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n  'bottom', 'bottom-start', 'bottom-end',\n  'right', 'right-start', 'right-end',\n  'left', 'left-start', 'left-end',\n  'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\nexport const createTippyPopover = (anchorElement, options) => {\n  const { contentElement } = { ...options };\n  delete options.contentElement;\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n    render: () => getContentWrapper(contentElement),\n  });\n};\n\nexport const createTippy = (anchorElement, options) => {\n  return tippy(anchorElement, {\n    ...options,\n    plugins: [sticky],\n  });\n};\n\nexport const getPopperOptions = ({\n  boundary = 'clippingParents',\n  fallbackPlacements = [],\n  onChangePlacement = () => {},\n  hasHideModifierEnabled = false,\n  // If set to false the dialog will display over top of the anchor when there is insufficient space.\n  // if set to true it will never move from its position relative to the anchor and will clip instead.\n  tether = true,\n} = {}) => {\n  return {\n    modifiers: [\n      {\n        name: 'flip',\n        options: {\n          fallbackPlacements,\n          boundary,\n        },\n      },\n      {\n        name: 'hide',\n        enabled: hasHideModifierEnabled,\n      },\n      {\n        name: 'preventOverflow',\n        options: {\n          altAxis: !tether,\n          tether,\n        },\n      },\n    ],\n  };\n};\n\nconst createAnchor = (anchorWrapper) => {\n  const span = document.createElement('span');\n  span.innerText = anchorWrapper.innerText || '';\n  anchorWrapper.innerText = '';\n  anchorWrapper.appendChild(span);\n  return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n  const anchor = anchorWrapper?.children[0];\n  if (!anchor) return createAnchor(anchorWrapper);\n  return anchor;\n};\n\nexport const getContentWrapper = content => {\n  // The recommended structure is to use the popper as an outer wrapper\n  const popper = document.createElement('div');\n  popper.className = 'tippy-box d-ps-absolute';\n  popper.appendChild(content);\n  return {\n    popper,\n  };\n};\n"],"names":["BASE_TIPPY_DIRECTIONS","TIPPY_STICKY_VALUES","createTippyPopover","anchorElement","options","contentElement","tippy","sticky","getContentWrapper","createTippy","getPopperOptions","boundary","fallbackPlacements","onChangePlacement","hasHideModifierEnabled","tether","createAnchor","anchorWrapper","span","getAnchor","anchor","content","popper"],"mappings":";AAEY,MAACA,IAAwB;AAAA,EACnC;AAAA,EAAU;AAAA,EAAgB;AAAA,EAC1B;AAAA,EAAS;AAAA,EAAe;AAAA,EACxB;AAAA,EAAQ;AAAA,EAAc;AAAA,EACtB;AAAA,EAAO;AAAA,EAAa;AACtB,GAEaC,IAAsB,CAAC,IAAM,IAAO,aAAa,QAAQ,GACzDC,IAAqB,CAACC,GAAeC,MAAY;AAC5D,QAAM,EAAE,gBAAAC,EAAc,IAAK,EAAE,GAAGD,EAAO;AACvC,gBAAOA,EAAQ,gBACRE,EAAMH,GAAe;AAAA,IAC1B,GAAGC;AAAA,IACH,SAAS,CAACG,CAAM;AAAA,IAChB,QAAQ,MAAMC,EAAkBH,CAAc;AAAA,EAClD,CAAG;AACH,GAEaI,IAAc,CAACN,GAAeC,MAClCE,EAAMH,GAAe;AAAA,EAC1B,GAAGC;AAAA,EACH,SAAS,CAACG,CAAM;AACpB,CAAG,GAGUG,IAAmB,CAAC;AAAA,EAC/B,UAAAC,IAAW;AAAA,EACX,oBAAAC,IAAqB,CAAE;AAAA,EACvB,mBAAAC,IAAoB,MAAM;AAAA,EAAE;AAAA,EAC5B,wBAAAC,IAAyB;AAAA;AAAA;AAAA,EAGzB,QAAAC,IAAS;AACX,IAAI,QACK;AAAA,EACL,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP,oBAAAH;AAAA,QACA,UAAAD;AAAA,MACD;AAAA,IACF;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,SAASG;AAAA,IACV;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,QACP,SAAS,CAACC;AAAA,QACV,QAAAA;AAAA,MACD;AAAA,IACF;AAAA,EACF;AACL,IAGMC,IAAe,CAACC,MAAkB;AACtC,QAAMC,IAAO,SAAS,cAAc,MAAM;AAC1C,SAAAA,EAAK,YAAYD,EAAc,aAAa,IAC5CA,EAAc,YAAY,IAC1BA,EAAc,YAAYC,CAAI,GACvBA;AACT,GAEaC,IAAY,CAACF,MAAkB;AAC1C,QAAMG,IAASH,KAAA,gBAAAA,EAAe,SAAS;AACvC,SAAKG,KAAeJ,EAAaC,CAAa;AAEhD,GAEaT,IAAoB,CAAAa,MAAW;AAE1C,QAAMC,IAAS,SAAS,cAAc,KAAK;AAC3C,SAAAA,EAAO,YAAY,2BACnBA,EAAO,YAAYD,CAAO,GACnB;AAAA,IACL,QAAAC;AAAA,EACJ;AACA;"}

package/dist/vue2/lib/presence/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./presence.cjs"),e=require("./presence-constants.cjs");exports.DtPresence=E.default;exports.PRESENCE_STATES=e.PRESENCE_STATES;exports.PRESENCE_STATES_LIST=e.PRESENCE_STATES_LIST;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/presence/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue2/lib/presence/index.js

@@ -0,0 +1,8 @@
+import { default as e } from "./presence.js";
+import { PRESENCE_STATES as T, PRESENCE_STATES_LIST as o } from "./presence-constants.js";
+export {
+  e as DtPresence,
+  T as PRESENCE_STATES,
+  o as PRESENCE_STATES_LIST
+};
+//# sourceMappingURL=index.js.map

package/dist/vue2/lib/presence/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/vue2/lib/presence/presence-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E={BUSY:"busy",AWAY:"away",OFFLINE:"offline",ACTIVE:"active"},S=[E.BUSY,E.AWAY,E.OFFLINE,E.ACTIVE];exports.PRESENCE_STATES=E;exports.PRESENCE_STATES_LIST=S;
+//# sourceMappingURL=presence-constants.cjs.map

package/dist/vue2/lib/presence/presence-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence-constants.cjs","sources":["../../../components/presence/presence_constants.js"],"sourcesContent":["export const PRESENCE_STATES = {\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n};\n\nexport const PRESENCE_STATES_LIST = [\n  PRESENCE_STATES.BUSY,\n  PRESENCE_STATES.AWAY,\n  PRESENCE_STATES.OFFLINE,\n  PRESENCE_STATES.ACTIVE,\n];\n"],"names":["PRESENCE_STATES","PRESENCE_STATES_LIST"],"mappings":"gFAAY,MAACA,EAAkB,CAC7B,KAAM,OACN,KAAM,OACN,QAAS,UACT,OAAQ,QACV,EAEaC,EAAuB,CAClCD,EAAgB,KAChBA,EAAgB,KAChBA,EAAgB,QAChBA,EAAgB,MAClB"}

package/dist/vue2/lib/presence/presence-constants.js

@@ -0,0 +1,16 @@
+const E = {
+  BUSY: "busy",
+  AWAY: "away",
+  OFFLINE: "offline",
+  ACTIVE: "active"
+}, S = [
+  E.BUSY,
+  E.AWAY,
+  E.OFFLINE,
+  E.ACTIVE
+];
+export {
+  E as PRESENCE_STATES,
+  S as PRESENCE_STATES_LIST
+};
+//# sourceMappingURL=presence-constants.js.map

package/dist/vue2/lib/presence/presence-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence-constants.js","sources":["../../../components/presence/presence_constants.js"],"sourcesContent":["export const PRESENCE_STATES = {\n  BUSY: 'busy',\n  AWAY: 'away',\n  OFFLINE: 'offline',\n  ACTIVE: 'active',\n};\n\nexport const PRESENCE_STATES_LIST = [\n  PRESENCE_STATES.BUSY,\n  PRESENCE_STATES.AWAY,\n  PRESENCE_STATES.OFFLINE,\n  PRESENCE_STATES.ACTIVE,\n];\n"],"names":["PRESENCE_STATES","PRESENCE_STATES_LIST"],"mappings":"AAAY,MAACA,IAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACV,GAEaC,IAAuB;AAAA,EAClCD,EAAgB;AAAA,EAChBA,EAAgB;AAAA,EAChBA,EAAgB;AAAA,EAChBA,EAAgB;AAClB;"}

package/dist/vue2/lib/presence/presence.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./presence-constants.cjs"),t=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),a={name:"DtPresence",props:{presence:{type:String,default:n.PRESENCE_STATES.ACTIVE,validator:s=>n.PRESENCE_STATES_LIST.includes(s)},srText:{type:String,default:null}}};var c=function(){var e=this,r=e._self._c;return r("div",{staticClass:"d-presence",attrs:{"data-qa":"dt-presence",role:"status","aria-live":e.$attrs.ariaLive||"off"}},[e.srText?r("span",{staticClass:"sr-only",attrs:{"data-qa":"dt-presence-sr-text"}},[e._v(e._s(e.srText)+" ")]):e._e(),r("div",{staticClass:"d-presence__inner",class:{"d-presence__inner--active":e.presence==="active","d-presence__inner--away":e.presence==="away","d-presence__inner--busy":e.presence==="busy","d-presence__inner--offline":e.presence==="offline"}})])},_=[],i=t.n(a,c,_);const l=i.exports;exports.default=l;
+//# sourceMappingURL=presence.cjs.map

package/dist/vue2/lib/presence/presence.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.cjs","sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","PRESENCE_STATES","role","PRESENCE_STATES_LIST"],"mappings":"gNA8BAA,EAAA,CACA,KAAA,aACA,MAAA,CAOA,SAAA,CACA,KAAA,OACA,QAAAC,EAAA,gBAAA,OACA,UAAAC,GACAC,EAAA,qBAAA,SAAAD,CAAA,CAEA,EAOA,OAAA,CACA,KAAA,OACA,QAAA,IACA,CACA,CACA"}

package/dist/vue2/lib/presence/presence.js

@@ -0,0 +1,44 @@
+import { PRESENCE_STATES as n, PRESENCE_STATES_LIST as t } from "./presence-constants.js";
+import { n as a } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+const c = {
+  name: "DtPresence",
+  props: {
+    /**
+     * Determines the color of the inner presence circle, indicating status.
+     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'
+     * @values busy, away, active, offline
+     */
+    presence: {
+      type: String,
+      default: n.ACTIVE,
+      validator: (s) => t.includes(s)
+    },
+    /**
+     * Since Presence is a visual element, we need SRs to read out any state changes
+     * that occur.
+     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.
+     */
+    srText: {
+      type: String,
+      default: null
+    }
+  }
+};
+var _ = function() {
+  var e = this, r = e._self._c;
+  return r("div", { staticClass: "d-presence", attrs: { "data-qa": "dt-presence", role: "status", "aria-live": e.$attrs.ariaLive || "off" } }, [e.srText ? r("span", { staticClass: "sr-only", attrs: { "data-qa": "dt-presence-sr-text" } }, [e._v(e._s(e.srText) + " ")]) : e._e(), r("div", { staticClass: "d-presence__inner", class: {
+    "d-presence__inner--active": e.presence === "active",
+    "d-presence__inner--away": e.presence === "away",
+    "d-presence__inner--busy": e.presence === "busy",
+    "d-presence__inner--offline": e.presence === "offline"
+  } })]);
+}, i = [], p = /* @__PURE__ */ a(
+  c,
+  _,
+  i
+);
+const l = p.exports;
+export {
+  l as default
+};
+//# sourceMappingURL=presence.js.map

package/dist/vue2/lib/presence/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.js","sources":["../../../components/presence/presence.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-presence\"\n    data-qa=\"dt-presence\"\n    role=\"status\"\n    :aria-live=\"$attrs.ariaLive || 'off'\"\n  >\n    <span\n      v-if=\"srText\"\n      data-qa=\"dt-presence-sr-text\"\n      class=\"sr-only\"\n    >{{ srText }} </span>\n    <div\n      class=\"d-presence__inner\"\n      :class=\"{\n        'd-presence__inner--active': presence === 'active',\n        'd-presence__inner--away': presence === 'away',\n        'd-presence__inner--busy': presence === 'busy',\n        'd-presence__inner--offline': presence === 'offline',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nimport { PRESENCE_STATES, PRESENCE_STATES_LIST } from './presence_constants';\n/**\n * Presence is a user status visual indicator element.\n * @see https://dialtone.dialpad.com/components/presence.html\n */\nexport default {\n  name: 'DtPresence',\n  props: {\n\n    /**\n     * Determines the color of the inner presence circle, indicating status.\n     * Accepts one of 4 values: 'busy', 'away', 'active', 'offline'\n     * @values busy, away, active, offline\n     */\n    presence: {\n      type: String,\n      default: PRESENCE_STATES.ACTIVE,\n      validator: (role) => {\n        return PRESENCE_STATES_LIST.includes(role);\n      },\n    },\n\n    /**\n     * Since Presence is a visual element, we need SRs to read out any state changes\n     * that occur.\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    srText: {\n      type: String,\n      default: null,\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","PRESENCE_STATES","role","PRESENCE_STATES_LIST"],"mappings":";;AA8BA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAC,EAAA;AAAA,MACA,WAAA,CAAAC,MACAC,EAAA,SAAAD,CAAA;AAAA,IAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/vue2/lib/radio/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio.cjs"),i=require("./radio-constants.cjs");exports.DtRadio=e.default;exports.RADIO_INPUT_VALIDATION_CLASSES=i.RADIO_INPUT_VALIDATION_CLASSES;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/radio/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue2/lib/radio/index.js

@@ -0,0 +1,7 @@
+import { default as t } from "./radio.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as I } from "./radio-constants.js";
+export {
+  t as DtRadio,
+  I as RADIO_INPUT_VALIDATION_CLASSES
+};
+//# sourceMappingURL=index.js.map

package/dist/vue2/lib/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/vue2/lib/radio/radio-constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={warning:"d-radio--warning",error:"d-radio--error",success:"d-radio--success"},r={RADIO_INPUT_VALIDATION_CLASSES:e};exports.RADIO_INPUT_VALIDATION_CLASSES=e;exports.default=r;
+//# sourceMappingURL=radio-constants.cjs.map

package/dist/vue2/lib/radio/radio-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-constants.cjs","sources":["../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"names":["RADIO_INPUT_VALIDATION_CLASSES","radio_constants"],"mappings":"4GAAY,MAACA,EAAiC,CAC5C,QAAS,mBACT,MAAO,iBACP,QAAS,kBACX,EAEeC,EAAA,CACb,+BAAAD,CACF"}

package/dist/vue2/lib/radio/radio-constants.js

@@ -0,0 +1,12 @@
+const r = {
+  warning: "d-radio--warning",
+  error: "d-radio--error",
+  success: "d-radio--success"
+}, s = {
+  RADIO_INPUT_VALIDATION_CLASSES: r
+};
+export {
+  r as RADIO_INPUT_VALIDATION_CLASSES,
+  s as default
+};
+//# sourceMappingURL=radio-constants.js.map

package/dist/vue2/lib/radio/radio-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-constants.js","sources":["../../../components/radio/radio_constants.js"],"sourcesContent":["export const RADIO_INPUT_VALIDATION_CLASSES = {\n  warning: 'd-radio--warning',\n  error: 'd-radio--error',\n  success: 'd-radio--success',\n};\n\nexport default {\n  RADIO_INPUT_VALIDATION_CLASSES,\n};\n"],"names":["RADIO_INPUT_VALIDATION_CLASSES","radio_constants"],"mappings":"AAAY,MAACA,IAAiC;AAAA,EAC5C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,GAEeC,IAAA;AAAA,EACb,gCAAAD;AACF;"}

package/dist/vue2/lib/radio/radio.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../../common/mixins/input.cjs"),t=require("./radio-constants.cjs"),r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),n=require("../validation-messages/validation-messages.cjs"),o={name:"DtRadio",components:{DtValidationMessages:n.default},mixins:[a.InputMixin,a.CheckableMixin,a.GroupableMixin,a.MessagesMixin],inheritAttrs:!1,props:{value:{type:[String,Number],default:""}},emits:["input","focusin","focusout"],computed:{inputValidationClass(){return t.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState]},radioGroupValue(){var e;return(e=this.groupContext)==null?void 0:e.selectedValue},inputListeners(){return{...this.$listeners,input:()=>{},change:e=>this.emitValue(e.target.value)}},hasDescription(){return!!(this.$slots.description||this.description)},hasDescriptionOrMessages(){return this.hasDescription||this.hasMessages},hasMessages(){return this.formattedMessages.length&&this.showMessages}},watch:{radioGroupValue:{immediate:!0,handler(e){this.hasGroup&&(this.internalChecked=e===this.value)}}},methods:{emitValue(e){e!==this.radioGroupValue&&(this.setGroupValue(e),this.$emit("input",e))}}};var d=function(){var s=this,i=s._self._c;return i("div",[i("label",{class:["d-radio-group",{"d-radio-group--disabled":s.internalDisabled}]},[i("div",{staticClass:"d-radio__input"},[i("input",s._g(s._b({class:["d-radio",s.inputValidationClass,s.inputClass],attrs:{name:s.internalName,disabled:s.internalDisabled,type:"radio"},domProps:{checked:s.internalChecked,value:s.value}},"input",s.$attrs,!1),s.inputListeners))]),i("div",s._b({class:[s.labelClass,"d-radio__copy d-radio__label"],attrs:{"data-qa":"radio-label"}},"div",s.labelChildProps,!1),[s._t("default",function(){return[s._v(s._s(s.label))]})],2)]),s.hasDescriptionOrMessages?i("div",{staticClass:"d-radio__messages",attrs:{"data-qa":"radio-description-messages"}},[s.hasDescription?i("div",s._b({class:["d-description",s.descriptionClass],attrs:{"data-qa":"radio-description"}},"div",s.descriptionChildProps,!1),[s._t("description",function(){return[s._v(" "+s._s(s.description)+" ")]})],2):s._e(),i("dt-validation-messages",s._b({class:s.messagesClass,attrs:{"validation-messages":s.formattedMessages,"show-messages":s.showMessages,"data-qa":"dt-radio-validation-messages"}},"dt-validation-messages",s.messagesChildProps,!1))],1):s._e()])},l=[],u=r.n(o,d,l);const c=u.exports;exports.default=c;
+//# sourceMappingURL=radio.cjs.map

package/dist/vue2/lib/radio/radio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.cjs","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n      <div class=\"d-radio__input\">\n        <input\n          :checked=\"internalChecked\"\n          :name=\"internalName\"\n          :value=\"value\"\n          :disabled=\"internalDisabled\"\n          type=\"radio\"\n          :class=\"['d-radio', inputValidationClass, inputClass]\"\n          v-bind=\"$attrs\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <div\n        :class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"radio-label\"\n      >\n        <!-- @slot slot for Radio Label -->\n        <slot>{{ label }}</slot>\n      </div>\n    </label>\n    <div\n      v-if=\"hasDescriptionOrMessages\"\n      class=\"d-radio__messages\"\n      data-qa=\"radio-description-messages\"\n    >\n      <div\n        v-if=\"hasDescription\"\n        :class=\"['d-description', descriptionClass]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"radio-description\"\n      >\n        <!-- @slot slot for Radio Description -->\n        <slot name=\"description\">\n          {{ description }}\n        </slot>\n      </div>\n      <dt-validation-messages\n        :validation-messages=\"formattedMessages\"\n        :show-messages=\"showMessages\"\n        :class=\"messagesClass\"\n        v-bind=\"messagesChildProps\"\n        data-qa=\"dt-radio-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /* TODO\n            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal\n            and migration prior to upgrading to Vue 3.x\n        */\n        ...this.$listeners,\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the hander being called twice (once on the input element and once by the emitted\n         * input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n\n    hasDescription () {\n      return !!(this.$slots.description || this.description);\n    },\n\n    hasDescriptionOrMessages () {\n      return this.hasDescription || this.hasMessages;\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","RADIO_INPUT_VALIDATION_CLASSES","_a","event","newRadioGroupValue","value"],"mappings":"oTAkEAA,EAAA,CACA,KAAA,UAEA,WAAA,CAAAC,qBAAAA,EAAAA,OAAA,EAEA,OAAA,CAAAC,EAAA,WAAAC,iBAAAC,EAAAA,eAAAC,EAAAA,aAAA,EAEA,aAAA,GAEA,MAAA,CAIA,MAAA,CACA,KAAA,CAAA,OAAA,MAAA,EACA,QAAA,EACA,CACA,EAEA,MAAA,CAOA,QAQA,UAQA,UACA,EAEA,SAAA,CACA,sBAAA,CACA,OAAAC,EAAA,+BAAA,KAAA,uBAAA,CACA,EAEA,iBAAA,OACA,OAAAC,EAAA,KAAA,eAAA,YAAAA,EAAA,aACA,EAEA,gBAAA,CACA,MAAA,CAKA,GAAA,KAAA,WAMA,MAAA,IAAA,CAAA,EACA,OAAAC,GAAA,KAAA,UAAAA,EAAA,OAAA,KAAA,CACA,CACA,EAEA,gBAAA,CACA,MAAA,CAAA,EAAA,KAAA,OAAA,aAAA,KAAA,YACA,EAEA,0BAAA,CACA,OAAA,KAAA,gBAAA,KAAA,WACA,EAEA,aAAA,CACA,OAAA,KAAA,kBAAA,QAAA,KAAA,YACA,CACA,EAEA,MAAA,CACA,gBAAA,CACA,UAAA,GACA,QAAAC,EAAA,CACA,KAAA,WAEA,KAAA,gBAAAA,IAAA,KAAA,MAEA,CACA,CACA,EAEA,QAAA,CACA,UAAAC,EAAA,CACAA,IAAA,KAAA,kBAEA,KAAA,cAAAA,CAAA,EAEA,KAAA,MAAA,QAAAA,CAAA,EAEA,CACA,CACA"}

package/dist/vue2/lib/radio/radio.js

@@ -0,0 +1,107 @@
+import { InputMixin as i, CheckableMixin as t, GroupableMixin as r, MessagesMixin as n } from "../../common/mixins/input.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as o } from "./radio-constants.js";
+import { n as d } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
+import l from "../validation-messages/validation-messages.js";
+const p = {
+  name: "DtRadio",
+  components: { DtValidationMessages: l },
+  mixins: [i, t, r, n],
+  inheritAttrs: !1,
+  props: {
+    /**
+     * A provided value for the radio
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: [
+    /**
+     * Native input event
+     *
+     * @event input
+     * @type {String | Number}
+     */
+    "input",
+    /**
+     * Native input focusin event
+     *
+     * @event focusin
+     * @property {FocusEvent}
+     */
+    "focusin",
+    /**
+     * Native input focusout event
+     *
+     * @event focusout
+     * @property {FocusEvent}
+     */
+    "focusout"
+  ],
+  computed: {
+    inputValidationClass() {
+      return o[this.internalValidationState];
+    },
+    radioGroupValue() {
+      var e;
+      return (e = this.groupContext) == null ? void 0 : e.selectedValue;
+    },
+    inputListeners() {
+      return {
+        /* TODO
+            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal
+            and migration prior to upgrading to Vue 3.x
+        */
+        ...this.$listeners,
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the hander being called twice (once on the input element and once by the emitted
+         * input event by the change listener).
+        */
+        input: () => {
+        },
+        change: (e) => this.emitValue(e.target.value)
+      };
+    },
+    hasDescription() {
+      return !!(this.$slots.description || this.description);
+    },
+    hasDescriptionOrMessages() {
+      return this.hasDescription || this.hasMessages;
+    },
+    hasMessages() {
+      return this.formattedMessages.length && this.showMessages;
+    }
+  },
+  watch: {
+    radioGroupValue: {
+      immediate: !0,
+      handler(e) {
+        this.hasGroup && (this.internalChecked = e === this.value);
+      }
+    }
+  },
+  methods: {
+    emitValue(e) {
+      e !== this.radioGroupValue && (this.setGroupValue(e), this.$emit("input", e));
+    }
+  }
+};
+var u = function() {
+  var s = this, a = s._self._c;
+  return a("div", [a("label", { class: ["d-radio-group", { "d-radio-group--disabled": s.internalDisabled }] }, [a("div", { staticClass: "d-radio__input" }, [a("input", s._g(s._b({ class: ["d-radio", s.inputValidationClass, s.inputClass], attrs: { name: s.internalName, disabled: s.internalDisabled, type: "radio" }, domProps: { checked: s.internalChecked, value: s.value } }, "input", s.$attrs, !1), s.inputListeners))]), a("div", s._b({ class: [s.labelClass, "d-radio__copy d-radio__label"], attrs: { "data-qa": "radio-label" } }, "div", s.labelChildProps, !1), [s._t("default", function() {
+    return [s._v(s._s(s.label))];
+  })], 2)]), s.hasDescriptionOrMessages ? a("div", { staticClass: "d-radio__messages", attrs: { "data-qa": "radio-description-messages" } }, [s.hasDescription ? a("div", s._b({ class: ["d-description", s.descriptionClass], attrs: { "data-qa": "radio-description" } }, "div", s.descriptionChildProps, !1), [s._t("description", function() {
+    return [s._v(" " + s._s(s.description) + " ")];
+  })], 2) : s._e(), a("dt-validation-messages", s._b({ class: s.messagesClass, attrs: { "validation-messages": s.formattedMessages, "show-messages": s.showMessages, "data-qa": "dt-radio-validation-messages" } }, "dt-validation-messages", s.messagesChildProps, !1))], 1) : s._e()]);
+}, c = [], h = /* @__PURE__ */ d(
+  p,
+  u,
+  c
+);
+const v = h.exports;
+export {
+  v as default
+};
+//# sourceMappingURL=radio.js.map

package/dist/vue2/lib/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div>\n    <label :class=\"['d-radio-group', { 'd-radio-group--disabled': internalDisabled }]\">\n      <div class=\"d-radio__input\">\n        <input\n          :checked=\"internalChecked\"\n          :name=\"internalName\"\n          :value=\"value\"\n          :disabled=\"internalDisabled\"\n          type=\"radio\"\n          :class=\"['d-radio', inputValidationClass, inputClass]\"\n          v-bind=\"$attrs\"\n          v-on=\"inputListeners\"\n        >\n      </div>\n      <div\n        :class=\"[labelClass, 'd-radio__copy d-radio__label']\"\n        v-bind=\"labelChildProps\"\n        data-qa=\"radio-label\"\n      >\n        <!-- @slot slot for Radio Label -->\n        <slot>{{ label }}</slot>\n      </div>\n    </label>\n    <div\n      v-if=\"hasDescriptionOrMessages\"\n      class=\"d-radio__messages\"\n      data-qa=\"radio-description-messages\"\n    >\n      <div\n        v-if=\"hasDescription\"\n        :class=\"['d-description', descriptionClass]\"\n        v-bind=\"descriptionChildProps\"\n        data-qa=\"radio-description\"\n      >\n        <!-- @slot slot for Radio Description -->\n        <slot name=\"description\">\n          {{ description }}\n        </slot>\n      </div>\n      <dt-validation-messages\n        :validation-messages=\"formattedMessages\"\n        :show-messages=\"showMessages\"\n        :class=\"messagesClass\"\n        v-bind=\"messagesChildProps\"\n        data-qa=\"dt-radio-validation-messages\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport {\n  InputMixin,\n  CheckableMixin,\n  GroupableMixin,\n  MessagesMixin,\n} from '@/common/mixins/input';\nimport { RADIO_INPUT_VALIDATION_CLASSES } from './radio_constants';\nimport { DtValidationMessages } from '../validation_messages';\n\n/**\n * Radios are control elements that allow the user to make a single selection.\n * They are typically used in a Radio Group which allows the user to make a selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio.html\n */\nexport default {\n  name: 'DtRadio',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputMixin, CheckableMixin, GroupableMixin, MessagesMixin],\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * A provided value for the radio\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n\n    /**\n     * Native input focusin event\n     *\n     * @event focusin\n     * @property {FocusEvent}\n     */\n    'focusin',\n\n    /**\n     * Native input focusout event\n     *\n     * @event focusout\n     * @property {FocusEvent}\n     */\n    'focusout',\n  ],\n\n  computed: {\n    inputValidationClass () {\n      return RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState];\n    },\n\n    radioGroupValue () {\n      return this.groupContext?.selectedValue;\n    },\n\n    inputListeners () {\n      return {\n        /* TODO\n            Check if any usages of this component leverage $listeners and either remove if unused or scope the removal\n            and migration prior to upgrading to Vue 3.x\n        */\n        ...this.$listeners,\n        /*\n         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input\n         * element which will result in the hander being called twice (once on the input element and once by the emitted\n         * input event by the change listener).\n        */\n        input: () => {},\n        change: event => this.emitValue(event.target.value),\n      };\n    },\n\n    hasDescription () {\n      return !!(this.$slots.description || this.description);\n    },\n\n    hasDescriptionOrMessages () {\n      return this.hasDescription || this.hasMessages;\n    },\n\n    hasMessages () {\n      return this.formattedMessages.length && this.showMessages;\n    },\n  },\n\n  watch: {\n    radioGroupValue: {\n      immediate: true,\n      handler (newRadioGroupValue) {\n        if (this.hasGroup) {\n          // update internal value when the radio group value changes\n          this.internalChecked = newRadioGroupValue === this.value;\n        }\n      },\n    },\n  },\n\n  methods: {\n    emitValue (value) {\n      if (value !== this.radioGroupValue) {\n        // update provided value if injected\n        this.setGroupValue(value);\n\n        this.$emit('input', value);\n      }\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","InputMixin","CheckableMixin","GroupableMixin","MessagesMixin","RADIO_INPUT_VALIDATION_CLASSES","_a","event","newRadioGroupValue","value"],"mappings":";;;;AAkEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA,EAAA,sBAAAC,EAAA;AAAA,EAEA,QAAA,CAAAC,GAAAC,GAAAC,GAAAC,CAAA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,uBAAA;AACA,aAAAC,EAAA,KAAA,uBAAA;AAAA,IACA;AAAA,IAEA,kBAAA;;AACA,cAAAC,IAAA,KAAA,iBAAA,gBAAAA,EAAA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA,GAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMA,OAAA,MAAA;AAAA,QAAA;AAAA,QACA,QAAA,CAAAC,MAAA,KAAA,UAAAA,EAAA,OAAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,iBAAA;AACA,aAAA,CAAA,EAAA,KAAA,OAAA,eAAA,KAAA;AAAA,IACA;AAAA,IAEA,2BAAA;AACA,aAAA,KAAA,kBAAA,KAAA;AAAA,IACA;AAAA,IAEA,cAAA;AACA,aAAA,KAAA,kBAAA,UAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,iBAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAAC,GAAA;AACA,QAAA,KAAA,aAEA,KAAA,kBAAAA,MAAA,KAAA;AAAA,MAEA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAAC,GAAA;AACA,MAAAA,MAAA,KAAA,oBAEA,KAAA,cAAAA,CAAA,GAEA,KAAA,MAAA,SAAAA,CAAA;AAAA,IAEA;AAAA,EACA;AACA;;;;;;;;;;;;;;"}

package/dist/vue2/lib/radio-group/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./radio-group.cjs");exports.DtRadioGroup=o.default;
+//# sourceMappingURL=index.cjs.map

package/dist/vue2/lib/radio-group/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/vue2/lib/radio-group/index.js

@@ -0,0 +1,5 @@
+import { default as r } from "./radio-group.js";
+export {
+  r as DtRadioGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/vue2/lib/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/vue2/lib/radio-group/radio-group.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../_plugin-vue2_normalizer-e_CkxkSV.cjs"),u=require("../input-group/input-group.cjs"),a={name:"DtRadioGroup",extends:u.default,props:{value:{type:[String,Number],default:""},dataQaGroup:{type:String,default:"radio-group"},dataQaGroupLegend:{type:String,default:"radio-group-legend"},dataQaGroupMessages:{type:String,default:"radio-group-messages"}},emits:["input"],data(){return{provideObj:{selectedValue:this.value}}},watch:{value(e){this.provideObj.selectedValue=e}},methods:{setGroupValue(e){this.$emit("input",e)},getMessageKey(e,t){return`radio-group-message-${e}-${t}-${this.id}`}}},o=null,s=null;var i=r.n(a,o,s);const n=i.exports;exports.default=n;
+//# sourceMappingURL=radio-group.cjs.map

package/dist/vue2/lib/radio-group/radio-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.cjs","sources":["../../../components/radio_group/radio_group.vue"],"sourcesContent":["<script>\nimport { DtInputGroup } from '../input_group';\n\n/**\n * Radio Groups are control elements that allow the user to make a single selection from a list of options.\n * @see https://dialtone.dialpad.com/components/radio_group.html\n */\nexport default {\n  name: 'DtRadioGroup',\n\n  extends: DtInputGroup,\n\n  props: {\n    /**\n     * A provided value for the radio group\n     * @model value\n     */\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n\n    /**\n     * A data qa tag for the radio group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'radio-group',\n    },\n\n    /**\n     * A data qa tag for the radio group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'radio-group-legend',\n    },\n\n    /**\n     * A data qa tag for the radio group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'radio-group-messages',\n    },\n  },\n\n  emits: [\n    /**\n     * Native input event\n     *\n     * @event input\n     * @type {String | Number}\n     */\n    'input',\n  ],\n\n  data () {\n    return {\n      // wrap values in object to make reactive\n      provideObj: {\n        selectedValue: this.value,\n      },\n    };\n  },\n\n  watch: {\n    /*\n     * watching value to support 2 way binding for slotted radios.\n     * need this to pass value to slotted radios if modified outside\n     * radio group.\n     */\n    value (newValue) {\n      this.provideObj.selectedValue = newValue;\n    },\n  },\n\n  methods: {\n    /*\n     * provided value to support 2 way binding for slotted radios.\n     * slotted radios will change this value and need to emit new value up.\n     */\n    setGroupValue (newValue) {\n      this.$emit('input', newValue);\n    },\n\n    getMessageKey (type, index) {\n      return `radio-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtInputGroup","newValue","type","index"],"mappings":"sNAOAA,EAAA,CACA,KAAA,eAEA,QAAAC,EAAA,QAEA,MAAA,CAKA,MAAA,CACA,KAAA,CAAA,OAAA,MAAA,EACA,QAAA,EACA,EAKA,YAAA,CACA,KAAA,OACA,QAAA,aACA,EAKA,kBAAA,CACA,KAAA,OACA,QAAA,oBACA,EAKA,oBAAA,CACA,KAAA,OACA,QAAA,sBACA,CACA,EAEA,MAAA,CAOA,OACA,EAEA,MAAA,CACA,MAAA,CAEA,WAAA,CACA,cAAA,KAAA,KACA,CACA,CACA,EAEA,MAAA,CAMA,MAAAC,EAAA,CACA,KAAA,WAAA,cAAAA,CACA,CACA,EAEA,QAAA,CAKA,cAAAA,EAAA,CACA,KAAA,MAAA,QAAAA,CAAA,CACA,EAEA,cAAAC,EAAAC,EAAA,CACA,MAAA,uBAAAD,CAAA,IAAAC,CAAA,IAAA,KAAA,EAAA,EACA,CACA,CACA"}