@dialpad/dialtone 9.110.2 → 9.111.0

package/dist/vue3/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    <Teleport\n      v-if=\"modal && isOpen\"\n      to=\"body\"\n    >\n      <div\n        class=\"d-modal--transparent\"\n        :aria-hidden=\"modal && isOpen ? 'false' : 'true'\"\n        @click.prevent.stop\n      />\n    </Teleport>\n    <component\n      :is=\"elementType\"\n      ref=\"popover\"\n      :class=\"['d-popover', { 'd-popover__anchor--opened': isOpen }]\"\n      data-qa=\"dt-popover-container\"\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        @keydown.enter=\"$emit('keydown', $event)\"\n        @keydown.space=\"$emit('keydown', $event)\"\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        :appear=\"toAppear\"\n        :class=\"['d-popover__dialog', { 'd-popover__dialog--modal': modal }, dialogClass]\"\n        :style=\"{\n          'max-height': calculatedMaxHeight,\n          'max-width': maxWidth,\n        }\"\n        :css=\"$attrs.css\"\n        :tabindex=\"contentTabindex\"\n        v-on=\"popoverListeners\"\n        @mouseenter=\"onMouseEnterAnchor\"\n        @mouseleave=\"onMouseLeaveAnchor\"\n      >\n        <popover-header-footer\n          v-if=\"hasSlotContent($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=\"hasSlotContent($slots.footerContent)\"\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, hasSlotContent, isOutOfViewPort, warnIfUnmounted, disableRootScrolling, enableRootScrolling, returnFirstEl } from '@/common/utils';\nimport { DtLazyShow } from '@/components/lazy_show';\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  compatConfig: { MODE: 3 },\n  name: 'DtPopover',\n\n  /********************\n   * CHILD COMPONENTS *\n   ********************/\n  components: {\n    SrOnlyCloseButton,\n    DtLazyShow,\n    PopoverHeaderFooter,\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 v-model\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     * Whether to apply transition on initial render in the content lazy show component.\n     */\n    contentAppear: {\n      type: Boolean,\n      default: null,\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     * Native keydown event\n     *\n     * @event keydown\n     * @type {KeyboardEvent}\n     */\n    'keydown',\n\n    /**\n     * Event fired to sync the open prop with the parent component\n     * @event update:open\n     */\n    'update:open',\n\n    /**\n     * Emitted when popover is shown or hidden\n     *\n     * @event opened\n     * @type {Boolean | Array}\n     */\n    'opened',\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      toAppear: false,\n      anchorEl: null,\n      popoverContentEl: null,\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    popoverListeners () {\n      return {\n        keydown: event => {\n          this.onKeydown(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        if (open === true) {\n          this.toAppear = true;\n        }\n      },\n\n      immediate: true,\n    },\n\n    contentAppear: {\n      handler: function (contentAppear) {\n        if (contentAppear !== null) {\n          this.toAppear = contentAppear;\n        }\n      },\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(returnFirstEl(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 = returnFirstEl(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  beforeUnmount () {\n    this.tip?.destroy();\n    this.intersectionObserver?.disconnect();\n    this.removeReferences();\n    this.removeEventListeners();\n  },\n\n  /******************\n   *     METHODS    *\n   ******************/\n  methods: {\n\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 (returnFirstEl(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      if (this.open === null || this.open === undefined) {\n        if ((!this.anchorEl?.contains(e.target) && !this.anchorEl?.isEqualNode(e.target)) || this.anchorEl?.disabled) {\n          return;\n        }\n\n        this.toggleOpen();\n      }\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      if (this.openWithArrowKeys && this.anchorEl?.contains(e.target)) {\n        if (!this.isOpen) {\n          this.isOpen = true;\n        }\n      }\n\n      this.$emit('keydown', e);\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        returnFirstEl(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 = returnFirstEl(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() : returnFirstEl(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      this.$emit('keydown', e);\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        returnFirstEl(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};\n</script>\n"],"names":["_sfc_main","SrOnlyCloseButton","DtLazyShow","PopoverHeaderFooter","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","hasSlotContent","event","modal","_a","offset","placement","open","contentAppear","isOpen","isPrev","warnIfUnmounted","returnFirstEl","externalAnchorEl","_b","entries","dialog","isOut","isOutOfViewPort","getPopperOptions","_c","element","disableRootScrolling","enableRootScrolling","result","domEl","error","anchorReferenceRect","anchorOwnerDocument","anchorParentWindow","anchorIframe","iframeReferenceRect","internalAppendTo","iFrameError","err","createTippyPopover","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","$props","$data","_createBlock","_Teleport","_createElementVNode","_cache","_withModifiers","_createCommentVNode","_resolveDynamicComponent","_normalizeClass","_withCtx","$options","_ctx","args","_withKeys","$event","_renderSlot","_createVNode","_component_dt_lazy_show","_mergeProps","_toHandlers","_component_popover_header_footer","_component_sr_only_close_button"],"mappings":"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"}

package/dist/vue3/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/vue3/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/vue3/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/vue3/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/vue3/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/vue3/lib/presence/index.cjs.map

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

package/dist/vue3/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/vue3/lib/presence/index.js.map

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

package/dist/vue3/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/vue3/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/vue3/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/vue3/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/vue3/lib/presence/presence.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./presence-constants.cjs"),e=require("vue"),s=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),a={compatConfig:{MODE:3},name:"DtPresence",props:{presence:{type:String,default:r.PRESENCE_STATES.ACTIVE,validator:t=>r.PRESENCE_STATES_LIST.includes(t)},srText:{type:String,default:null}}},c=["aria-live"],i={key:0,"data-qa":"dt-presence-sr-text",class:"sr-only"};function l(t,_,n,d,u,p){return e.openBlock(),e.createElementBlock("div",{class:"d-presence","data-qa":"dt-presence",role:"status","aria-live":t.$attrs.ariaLive||"off"},[n.srText?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(n.srText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["d-presence__inner",{"d-presence__inner--active":n.presence==="active","d-presence__inner--away":n.presence==="away","d-presence__inner--busy":n.presence==="busy","d-presence__inner--offline":n.presence==="offline"}])},null,2)],8,c)}const o=s._(a,[["render",l]]);exports.default=o;
+//# sourceMappingURL=presence.cjs.map

package/dist/vue3/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  compatConfig: { MODE: 3 },\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","_hoisted_1","_createElementBlock","_ctx","$props","_hoisted_2","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass"],"mappings":"mOA8BKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,aACN,MAAO,CAOL,SAAU,CACR,KAAM,OACN,QAASC,EAAe,gBAAC,OACzB,UAAYC,GACHC,EAAoB,qBAAC,SAASD,CAAI,CAE5C,EAOD,OAAQ,CACN,KAAM,OACN,QAAS,IACV,CACF,CACH,EA1DAE,EAAA,CAAA,WAAA,KAAA,IAAA,EASM,UAAQ,sBACR,MAAM,wDATVC,EAoBM,mBAAA,MAAA,CAnBJ,MAAM,aACN,UAAQ,cACR,KAAK,SACJ,YAAWC,EAAM,OAAC,UAAQ,QAGnBC,EAAM,sBADdF,EAIqB,mBAAA,OAJrBG,EAIqBC,EAAAA,gBAAjBF,EAAM,MAAA,EAAA,CAAA,GAXdG,EAAA,mBAAA,GAAA,EAAA,EAYIC,EAAAA,mBAQE,MAAA,CAPA,MAbNC,EAAAA,gBAaY,oBAAmB,6BACsBL,EAAQ,WAAA,mCAAkDA,EAAQ,WAAA,iCAAgDA,EAAQ,WAAA,oCAAmDA,EAAQ,WAAA,qBAd1O,EAAA,EAAAH,CAAA"}

package/dist/vue3/lib/presence/presence.js

@@ -0,0 +1,55 @@
+import { PRESENCE_STATES as s, PRESENCE_STATES_LIST as a } from "./presence-constants.js";
+import { openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as i, createElementVNode as o, normalizeClass as l } from "vue";
+import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const d = {
+  compatConfig: { MODE: 3 },
+  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: s.ACTIVE,
+      validator: (n) => a.includes(n)
+    },
+    /**
+     * 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
+    }
+  }
+}, p = ["aria-live"], f = {
+  key: 0,
+  "data-qa": "dt-presence-sr-text",
+  class: "sr-only"
+};
+function m(n, u, e, E, S, y) {
+  return t(), r("div", {
+    class: "d-presence",
+    "data-qa": "dt-presence",
+    role: "status",
+    "aria-live": n.$attrs.ariaLive || "off"
+  }, [
+    e.srText ? (t(), r("span", f, c(e.srText), 1)) : i("", !0),
+    o("div", {
+      class: l(["d-presence__inner", {
+        "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"
+      }])
+    }, null, 2)
+  ], 8, p);
+}
+const C = /* @__PURE__ */ _(d, [["render", m]]);
+export {
+  C as default
+};
+//# sourceMappingURL=presence.js.map

package/dist/vue3/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  compatConfig: { MODE: 3 },\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","_hoisted_1","_createElementBlock","_ctx","$props","_hoisted_2","_toDisplayString","_createCommentVNode","_createElementVNode","_normalizeClass"],"mappings":";;;AA8BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAASC,EAAgB;AAAA,MACzB,WAAW,CAACC,MACHC,EAAqB,SAASD,CAAI;AAAA,IAE5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AACH,GA1DAE,IAAA,CAAA,WAAA;EAAA,KAAA;AAAA,EASM,WAAQ;AAAA,EACR,OAAM;;;cATVC,EAoBM,OAAA;AAAA,IAnBJ,OAAM;AAAA,IACN,WAAQ;AAAA,IACR,MAAK;AAAA,IACJ,aAAWC,EAAM,OAAC,YAAQ;AAAA;IAGnBC,EAAM,eADdF,EAIqB,QAJrBG,GAIqBC,EAAjBF,EAAM,MAAA,GAAA,CAAA,KAXdG,EAAA,IAAA,EAAA;AAAA,IAYIC,EAQE,OAAA;AAAA,MAPA,OAbNC,GAaY,qBAAmB;AAAA,qCACsBL,EAAQ,aAAA;AAAA,mCAAkDA,EAAQ,aAAA;AAAA,mCAAgDA,EAAQ,aAAA;AAAA,sCAAmDA,EAAQ,aAAA;AAAA;;EAd1O,GAAA,GAAAH,CAAA;;;"}

package/dist/vue3/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/vue3/lib/radio/index.cjs.map

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

package/dist/vue3/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/vue3/lib/radio/index.js.map

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

package/dist/vue3/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/vue3/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/vue3/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/vue3/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/vue3/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"),n=require("./radio-constants.cjs"),i=require("../../common/utils/index.cjs"),s=require("vue"),l=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),d=require("../validation-messages/validation-messages.cjs"),u={compatConfig:{MODE:3},name:"DtRadio",components:{DtValidationMessages:d.default},mixins:[a.InputMixin,a.CheckableMixin,a.GroupableMixin,a.MessagesMixin],inheritAttrs:!1,props:{value:{type:[String,Number],default:""}},emits:["input","focus","focusin","focusout","click"],data(){return{hasSlotContent:i.hasSlotContent}},computed:{inputValidationClass(){return n.RADIO_INPUT_VALIDATION_CLASSES[this.internalValidationState]},radioGroupValue(){var e;return(e=this.groupContext)==null?void 0:e.selectedValue},inputListeners(){return{input:()=>{},focusin:e=>this.$emit("focusin",e),focusout:e=>this.$emit("focusout",e),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:{removeClassStyleAttrs:i.removeClassStyleAttrs,addClassStyleAttrs:i.addClassStyleAttrs,emitValue(e){e!==this.radioGroupValue&&(this.setGroupValue(e),this.$emit("input",e))}}},c={class:"d-radio__input"},m=["checked","name","value","disabled"],p={key:0,class:"d-radio__messages","data-qa":"radio-description-messages"};function h(e,C,r,v,V,t){const o=s.resolveComponent("dt-validation-messages");return s.openBlock(),s.createElementBlock("div",s.normalizeProps(s.guardReactiveProps(t.addClassStyleAttrs(e.$attrs))),[s.createElementVNode("label",{class:s.normalizeClass(["d-radio-group",{"d-radio-group--disabled":e.internalDisabled}])},[s.createElementVNode("div",c,[s.createElementVNode("input",s.mergeProps({checked:e.internalChecked,name:e.internalName,value:r.value,disabled:e.internalDisabled,type:"radio",class:["d-radio",t.inputValidationClass,e.inputClass]},t.removeClassStyleAttrs(e.$attrs),s.toHandlers(t.inputListeners,!0)),null,16,m)]),s.createElementVNode("div",s.mergeProps({class:[e.labelClass,"d-radio__copy d-radio__label"]},e.labelChildProps,{"data-qa":"radio-label"}),[s.renderSlot(e.$slots,"default",{},()=>[s.createTextVNode(s.toDisplayString(e.label),1)])],16)],2),t.hasDescriptionOrMessages?(s.openBlock(),s.createElementBlock("div",p,[t.hasDescription?(s.openBlock(),s.createElementBlock("div",s.mergeProps({key:0,class:["d-description",e.descriptionClass]},e.descriptionChildProps,{"data-qa":"radio-description"}),[s.renderSlot(e.$slots,"description",{},()=>[s.createTextVNode(s.toDisplayString(e.description),1)])],16)):s.createCommentVNode("",!0),s.createVNode(o,s.mergeProps({"validation-messages":e.formattedMessages,"show-messages":e.showMessages,class:e.messagesClass},e.messagesChildProps,{"data-qa":"dt-radio-validation-messages"}),null,16,["validation-messages","show-messages","class"])])):s.createCommentVNode("",!0)],16)}const g=l._(u,[["render",h]]);exports.default=g;
+//# sourceMappingURL=radio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.cjs","sources":["../../../components/radio/radio.vue"],"sourcesContent":["<template>\n  <div\n    v-bind=\"addClassStyleAttrs($attrs)\"\n  >\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=\"removeClassStyleAttrs($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';\nimport { hasSlotContent, removeClassStyleAttrs, addClassStyleAttrs } from '@/common/utils';\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  compatConfig: { MODE: 3 },\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 focus event\n     *\n     * @event focus\n     * @type {FocusEvent}\n     */\n    'focus',\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     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      hasSlotContent,\n    };\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        /*\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 handler being called twice\n         * (once on the input element and once by the emitted input event by the change listener).\n        */\n        input: () => {},\n        focusin: event => this.$emit('focusin', event),\n        focusout: event => this.$emit('focusout', event),\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    removeClassStyleAttrs,\n    addClassStyleAttrs,\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","hasSlotContent","RADIO_INPUT_VALIDATION_CLASSES","_a","event","newRadioGroupValue","removeClassStyleAttrs","addClassStyleAttrs","value","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","$options","_ctx","_createElementVNode","_normalizeClass","_mergeProps","$props","_toHandlers","_renderSlot","_createTextVNode","_toDisplayString","_hoisted_3","_createCommentVNode","_createVNode","_component_dt_validation_messages"],"mappings":"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"}

package/dist/vue3/lib/radio/radio.js

@@ -0,0 +1,161 @@
+import { InputMixin as m, CheckableMixin as c, GroupableMixin as h, MessagesMixin as g } from "../../common/mixins/input.js";
+import { RADIO_INPUT_VALIDATION_CLASSES as f } from "./radio-constants.js";
+import { hasSlotContent as C, removeClassStyleAttrs as v, addClassStyleAttrs as V } from "../../common/utils/index.js";
+import { resolveComponent as M, openBlock as i, createElementBlock as r, normalizeProps as b, guardReactiveProps as D, createElementVNode as a, normalizeClass as S, mergeProps as t, toHandlers as _, renderSlot as o, createTextVNode as n, toDisplayString as d, createCommentVNode as l, createVNode as k } from "vue";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import A from "../validation-messages/validation-messages.js";
+const N = {
+  compatConfig: { MODE: 3 },
+  name: "DtRadio",
+  components: { DtValidationMessages: A },
+  mixins: [m, c, h, g],
+  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 focus event
+     *
+     * @event focus
+     * @type {FocusEvent}
+     */
+    "focus",
+    /**
+     * Native input focusin event
+     *
+     * @event focusin
+     * @property {FocusEvent}
+     */
+    "focusin",
+    /**
+     * Native input focusout event
+     *
+     * @event focusout
+     * @property {FocusEvent}
+     */
+    "focusout",
+    /**
+     * Native click event
+     *
+     * @event click
+     * @type {PointerEvent | KeyboardEvent}
+     */
+    "click"
+  ],
+  data() {
+    return {
+      hasSlotContent: C
+    };
+  },
+  computed: {
+    inputValidationClass() {
+      return f[this.internalValidationState];
+    },
+    radioGroupValue() {
+      var e;
+      return (e = this.groupContext) == null ? void 0 : e.selectedValue;
+    },
+    inputListeners() {
+      return {
+        /*
+         * Override input listener to as no-op. Prevents parent input listeners from being passed through onto the input
+         * element which will result in the handler being called twice
+         * (once on the input element and once by the emitted input event by the change listener).
+        */
+        input: () => {
+        },
+        focusin: (e) => this.$emit("focusin", e),
+        focusout: (e) => this.$emit("focusout", e),
+        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: {
+    removeClassStyleAttrs: v,
+    addClassStyleAttrs: V,
+    emitValue(e) {
+      e !== this.radioGroupValue && (this.setGroupValue(e), this.$emit("input", e));
+    }
+  }
+}, P = { class: "d-radio__input" }, G = ["checked", "name", "value", "disabled"], w = {
+  key: 0,
+  class: "d-radio__messages",
+  "data-qa": "radio-description-messages"
+};
+function I(e, O, u, $, q, s) {
+  const p = M("dt-validation-messages");
+  return i(), r("div", b(D(s.addClassStyleAttrs(e.$attrs))), [
+    a("label", {
+      class: S(["d-radio-group", { "d-radio-group--disabled": e.internalDisabled }])
+    }, [
+      a("div", P, [
+        a("input", t({
+          checked: e.internalChecked,
+          name: e.internalName,
+          value: u.value,
+          disabled: e.internalDisabled,
+          type: "radio",
+          class: ["d-radio", s.inputValidationClass, e.inputClass]
+        }, s.removeClassStyleAttrs(e.$attrs), _(s.inputListeners, !0)), null, 16, G)
+      ]),
+      a("div", t({
+        class: [e.labelClass, "d-radio__copy d-radio__label"]
+      }, e.labelChildProps, { "data-qa": "radio-label" }), [
+        o(e.$slots, "default", {}, () => [
+          n(d(e.label), 1)
+        ])
+      ], 16)
+    ], 2),
+    s.hasDescriptionOrMessages ? (i(), r("div", w, [
+      s.hasDescription ? (i(), r("div", t({
+        key: 0,
+        class: ["d-description", e.descriptionClass]
+      }, e.descriptionChildProps, { "data-qa": "radio-description" }), [
+        o(e.$slots, "description", {}, () => [
+          n(d(e.description), 1)
+        ])
+      ], 16)) : l("", !0),
+      k(p, t({
+        "validation-messages": e.formattedMessages,
+        "show-messages": e.showMessages,
+        class: e.messagesClass
+      }, e.messagesChildProps, { "data-qa": "dt-radio-validation-messages" }), null, 16, ["validation-messages", "show-messages", "class"])
+    ])) : l("", !0)
+  ], 16);
+}
+const H = /* @__PURE__ */ y(N, [["render", I]]);
+export {
+  H as default
+};
+//# sourceMappingURL=radio.js.map